imbric-theme 0.4.1 → 0.4.3

package/atoms/Icon/constants.js

@@ -270,148 +270,6 @@ export const iconsMap = {
       </>
     ),
   },
-  // home: {
-  //   viewBox: '-1 0 20 20',
-  //   svg: (
-  //     <>
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M15.247 16.9411H1.69412C0.760093 16.9411 0 16.181 0 15.247V2.82351C0 1.88949 0.633599 1.12939 1.41176 1.12939H2.25882V2.25881H1.41176C1.31463 2.25881 1.12941 2.47904 1.12941 2.82351V15.247C1.12941 15.5582 1.38296 15.8117 1.69412 15.8117H15.247C15.5582 15.8117 15.8117 15.5582 15.8117 15.247V2.82351C15.8117 2.47904 15.6265 2.25881 15.5294 2.25881H14.6823V1.12939H15.5294C16.3076 1.12939 16.9412 1.88949 16.9412 2.82351V15.247C16.9412 16.181 16.1811 16.9411 15.247 16.9411Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M3.95289 3.38823C3.64117 3.38823 3.38818 3.13524 3.38818 2.82353V0.564705C3.38818 0.252988 3.64117 0 3.95289 0C4.26461 0 4.51759 0.252988 4.51759 0.564705V2.82353C4.51759 3.13524 4.26461 3.38823 3.95289 3.38823Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M12.9883 3.38823C12.6766 3.38823 12.4236 3.13524 12.4236 2.82353V0.564705C12.4236 0.252988 12.6766 0 12.9883 0C13.3 0 13.553 0.252988 13.553 0.564705V2.82353C13.553 3.13524 13.3 3.38823 12.9883 3.38823Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M5.64722 1.12939H11.2943V2.25881H5.64722V1.12939Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M1.12939 4.51758H15.8117V5.64699H1.12939V4.51758Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M13.553 6.77649H14.6824V7.9059H13.553V6.77649Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M11.2939 6.77649H12.4234V7.9059H11.2939V6.77649Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M9.0354 6.77649H10.1648V7.9059H9.0354V6.77649Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M6.77637 6.77649H7.90578V7.9059H6.77637V6.77649Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M4.51758 6.77649H5.64699V7.9059H4.51758V6.77649Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M13.553 9.0354H14.6824V10.1648H13.553V9.0354Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M11.2939 9.0354H12.4234V10.1648H11.2939V9.0354Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M9.0354 9.0354H10.1648V10.1648H9.0354V9.0354Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M6.77637 9.0354H7.90578V10.1648H6.77637V9.0354Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M4.51758 9.0354H5.64699V10.1648H4.51758V9.0354Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M2.25879 9.0354H3.3882V10.1648H2.25879V9.0354Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M13.553 11.2941H14.6824V12.4235H13.553V11.2941Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M11.2939 11.2941H12.4234V12.4235H11.2939V11.2941Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M9.0354 11.2941H10.1648V12.4235H9.0354V11.2941Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M6.77637 11.2941H7.90578V12.4235H6.77637V11.2941Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M4.51758 11.2941H5.64699V12.4235H4.51758V11.2941Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M2.25879 11.2941H3.3882V12.4235H2.25879V11.2941Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M11.2939 13.553H12.4234V14.6824H11.2939V13.553Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M9.0354 13.553H10.1648V14.6824H9.0354V13.553Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M6.77637 13.553H7.90578V14.6824H6.77637V13.553Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M4.51758 13.553H5.64699V14.6824H4.51758V13.553Z"
-  //       />
-  //       <path
-  //         fillRule="evenodd"
-  //         clipRule="evenodd"
-  //         d="M2.25879 13.553H3.3882V14.6824H2.25879V13.553Z"
-  //       />
-  //     </>
-  //   ),
-  // },
   tasks: {
     viewBox: '-1 -3 20 20',
     svg: (
@@ -719,6 +577,242 @@ export const iconsMap = {
       </>
     ),
   },
+  editProperty: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path d="M1.3,0C0.6,0,0,0.6,0,1.3v2.4c0,0.1,0,0.1,0,0.1v15.4c0,0.3,0.2,0.5,0.5,0.5h11.1c0.2,0,0.3-0.1,0.4-0.2
+	c0.1-0.2,0.1-0.3,0-0.5c-0.1-0.2-0.3-0.2-0.4-0.2H1V4.4h19.3v6.3c0,0.2,0.1,0.3,0.2,0.4c0.2,0.1,0.3,0.1,0.5,0
+	c0.2-0.1,0.2-0.3,0.2-0.4V3.9c0-0.1,0-0.1,0-0.1V1.3c0-0.7-0.6-1.3-1.3-1.3H1.3z M1.3,1h18.5c0.2,0,0.4,0.2,0.4,0.4v2H0.9v-2
+	C1,1.1,1.1,1,1.3,1z M3.4,7.2v1h1.9v-1H3.4z M6.7,7.2v1h11.1v-1H6.7z M3.4,9.6v1h1.9v-1H3.4z M6.7,9.6v1h11.1v-1H6.7z M22.1,12
+	c-0.5,0-1,0.2-1.4,0.6l-0.3,0.3l0,0L13,20.3c-0.1,0.1-0.1,0.1-0.2,0.2L12,23.4c-0.1,0.2,0,0.4,0.1,0.5s0.3,0.2,0.5,0.1l2.9-0.7
+	c0.1,0,0.2-0.1,0.2-0.2l7.6-7.5c0.1-0.1,0.1-0.1,0.2-0.2l0,0l0.1-0.1c0.7-0.7,0.7-2,0-2.8C23.1,12.2,22.6,12,22.1,12z M3.4,12v1h1.9
+	v-1H3.4z M6.7,12v1h11.1v-1H6.7z M21.1,13.6l1.4,1.4l-7.4,7.3L13.8,21v-0.1L21.1,13.6z M3.4,14.5v1h1.9v-1H3.4z M6.7,14.5v1h9.2v-1
+	H6.7z"/>
+      </>
+    ),
+  },
+  numberPhone: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path d="M12.7,13.7c-1.2,0-2.3-0.4-3.1-1.2C8.2,11.1,8.4,9.3,10,7.7c1.6-1.6,3.4-1.8,4.8-0.5c0,0,0,0,0,0c0.1,0.1,0.1,0.1,0.2,0.2
+	c0.4-0.4,0.8-0.7,1.1-1.1c-0.1-0.1-0.1-0.1-0.2-0.2c-1.4-1.4-1.2-3.2,0.4-4.9c1.6-1.6,3.5-1.7,4.8-0.5c1.4,1.3,1.7,3.9,0.6,5.5
+	c-1.5,2.4-4,4.8-6.6,6.7C14.4,13.4,13.6,13.7,12.7,13.7z M12.7,8.1c-0.4,0-0.9,0.2-1.5,0.8c-1.4,1.4-0.7,2.1-0.4,2.3
+	c0.8,0.8,2.4,1,3.3,0.3c2.4-1.7,4.8-4,6.2-6.2c0.6-1,0.5-2.6-0.3-3.3c-0.9-0.8-1.9-0.1-2.4,0.4c-0.9,0.9-1.1,1.8-0.4,2.4
+	c0.2,0.2,0.4,0.3,0.6,0.4c0.2,0.1,0.4,0.3,0.5,0.6c0.1,0.3,0,0.5-0.2,0.7c-0.8,1-1.7,1.9-2.7,2.7c-0.2,0.2-0.5,0.2-0.7,0.2
+	c-0.3-0.1-0.5-0.2-0.6-0.5c-0.1-0.3-0.3-0.5-0.4-0.6C13.5,8.3,13.2,8.1,12.7,8.1z"/>
+        <path d="M14.7,24.1H6.1c-1.4,0-2.6-1.2-2.6-2.6V2.5c0-1.4,1.2-2.6,2.6-2.6h7.8v1.7H6.1C5.6,1.6,5.2,2,5.2,2.5v19.1
+	c0,0.5,0.4,0.9,0.9,0.9h8.7c0.5,0,0.9-0.4,0.9-0.9v-6.1h1.7v6.1C17.3,23,16.2,24.1,14.7,24.1z"/>
+        <path d="M16.5,18.9H4.3c-0.5,0-0.9-0.4-0.9-0.9s0.4-0.9,0.9-0.9h12.1c0.5,0,0.9,0.4,0.9,0.9S16.9,18.9,16.5,18.9z" />
+      </>
+    ),
+  },
+  originOrder: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path id="path-1_1_" d="M12,0c6.3,0,12,5.7,12,12c0,6.6-5.4,12-12,12S0,18.6,0,12C0,5.7,5.7,0,12,0z M12,1.2C6.9,1.2,1.2,5.8,1.2,12
+	C1.2,18,6,22.8,12,22.8S22.8,18,22.8,12C22.8,5.8,17.1,1.2,12,1.2z M17,6.4l-4.2,12.2l-1.9-6.1l-6.1-1.9L17,6.4z"/>
+      </>
+    ),
+  },
+  destinationOrder: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path id="path-1_1_" d="M1.5,0.8C1.2,0.8,1,1,1,1.2v21.6c0,0.3,0.2,0.5,0.5,0.5h1.8c0.3,0,0.5-0.2,0.5-0.5v-7.7h17.4
+	c0.3,0,0.5-0.2,0.5-0.5V1.2c0-0.3-0.2-0.5-0.5-0.5H1.5z M3.7,1.4h4v4.1H12V1.4h4.4v4.1h4v4.6h-4v4.1H12v-4.1H7.6v4.1h-4v-4.1h4V5.5
+	h-4V1.4z M12,10.4h4.5V5.9H12C12,5.9,12,10.4,12,10.4z"/>
+      </>
+    ),
+  },
+  calendar: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path id="path-1_1_" d="M4.9,0.6c0.6,0,1.1,0.5,1.1,1.1v0.1v0.8h10.7V1.7c0-0.6,0.5-1.1,1.1-1.1h0.1h0.8c0.6,0,1.1,0.5,1.1,1.1v0.1
+	v0.8h1.5c0.2,0,0.3,0.2,0.4,0.3v0.1v12c1.7,2.2,1.5,5.4-0.7,7.3c-2.1,1.9-5.2,1.8-7.2-0.1l-0.1-0.1H1.5c-0.2,0-0.3-0.2-0.4-0.3v-0.1
+	V2.9c0-0.2,0.2-0.3,0.3-0.4h0.1H3V1.7c0-0.6,0.5-1.1,1.1-1.1h0.1H4.9z M17.8,13.9v0.4h-0.7v-0.4c-2.1,0.2-3.8,1.9-4.1,3.9v0.2h0.4
+	v0.7H13c0.2,2.1,1.9,3.8,3.9,4.1h0.2v-0.4h0.7v0.4c2.1-0.2,3.8-1.9,4.1-3.9v-0.2h-0.4v-0.7h0.4C21.7,15.8,20,14,17.8,13.9z M20.6,7
+	H2.2v14H13c-0.6-0.8-0.8-1.8-0.8-2.8V18H9.6v-0.7h2.6c0.3-1.8,1.5-3.4,3.2-4.1c1.7-0.6,3.7-0.5,5.1,0.7l0.1,0.1
+	C20.6,13.9,20.6,7,20.6,7z M17.9,14.8v2.3c0.5,0.2,0.8,0.7,0.8,1.3c-0.1,0.5-0.5,0.9-1.1,0.9c-0.2,0-0.3,0-0.4-0.1l-0.1-0.1
+	l-1.1,1.1l-0.5-0.5l1.1-1.1c-0.1-0.2-0.1-0.3-0.1-0.5c0-0.4,0.3-0.9,0.7-1l0.1-0.1v-2.3H17.9z M17.6,17.8c-0.2,0-0.4,0.2-0.4,0.4
+	c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4S17.8,17.8,17.6,17.8z M7.2,17.4v0.8H3.4v-0.8H7.2z M7.2,13.6v0.8H3.4v-0.8H7.2z
+	 M13.4,13.6v0.8H9.5v-0.8H13.4z M7.2,9.8v0.8H3.4V9.8H7.2z M19.5,9.8v0.8h-3.8V9.8H19.5z M13.4,9.8v0.8H9.5V9.8H13.4z M3.3,3.3H2.2
+	v2.6h18.4V3.3h-1.1c0,0.6-0.5,1-1,1.1h-0.1h-0.7c-0.6,0-1-0.5-1.1-1V3.3H6.3c0,0.6-0.5,1-1,1.1L5.2,4.4H4.4C3.9,4.4,3.3,4,3.3,3.3z
+	 M18.7,1.4h-0.8c-0.2,0-0.3,0.2-0.4,0.3v0.1v1.5c0,0.2,0.2,0.3,0.3,0.4h0.1h0.8c0.2,0,0.3-0.2,0.4-0.3V3.3V1.7
+	C19.1,1.5,18.9,1.4,18.7,1.4z M4.9,1.4H4.2C4,1.4,3.8,1.5,3.8,1.7v0.1v1.5c0,0.2,0.2,0.3,0.3,0.4h0.1h0.8c0.2,0,0.3-0.2,0.4-0.3V3.3
+	V1.7C5.3,1.5,5.1,1.4,4.9,1.4z"/>
+      </>
+    ),
+  },
+  reference: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path d="M20.5,3.5C18.2,1.2,15.2,0,12,0C8.8,0,5.8,1.2,3.5,3.5C1.2,5.8,0,8.8,0,12c0,6.6,5.4,12,12,12c6.6,0,12-5.4,12-12
+		C24,8.8,22.8,5.8,20.5,3.5z M12,22.5C6.2,22.5,1.5,17.8,1.5,12c0-2.8,1.1-5.5,3.1-7.5c2-2,4.6-3.1,7.5-3.1c2.8,0,5.5,1.1,7.5,3.1
+		c2,2,3.1,4.6,3.1,7.5C22.5,17.8,17.8,22.5,12,22.5z"/>
+        <path d="M12,11.1c-0.2,0-0.5,0.1-0.6,0.3c-0.2,0.2-0.3,0.4-0.3,0.6c0,0.5,0.4,0.9,0.9,0.9s0.9-0.4,0.9-0.9c0-0.2-0.1-0.5-0.3-0.6
+		C12.5,11.2,12.2,11.1,12,11.1z"/>
+        <path d="M19.3,11h-1.5c-0.1-0.4-0.2-0.7-0.3-1.1l1.3-0.7c0.5-0.3,0.6-0.9,0.4-1.3c-0.3-0.5-0.9-0.6-1.3-0.4l-1.3,0.7
+		c-0.1-0.1-0.2-0.3-0.4-0.4c-0.1-0.1-0.3-0.3-0.4-0.4l0.7-1.3c0.3-0.5,0.1-1.1-0.4-1.3c-0.5-0.3-1.1-0.1-1.3,0.4l-0.7,1.3
+		c-0.4-0.1-0.7-0.2-1.1-0.3V4.7c0-0.5-0.4-1-1-1s-1,0.4-1,1v1.5c-0.4,0.1-0.7,0.2-1.1,0.3L9.2,5.2C8.9,4.7,8.3,4.6,7.9,4.8
+		C7.4,5.1,7.2,5.7,7.5,6.2l0.7,1.3C8.1,7.6,8,7.7,7.8,7.8C7.7,8,7.6,8.1,7.4,8.2L6.2,7.5C5.7,7.2,5.1,7.4,4.8,7.9
+		C4.6,8.3,4.7,8.9,5.2,9.2l1.3,0.7c-0.1,0.4-0.2,0.7-0.3,1.1H4.7c-0.5,0-1,0.4-1,1c0,0.5,0.4,1,1,1h1.5c0.1,0.4,0.2,0.7,0.3,1.1
+		l-1.3,0.7c-0.5,0.3-0.6,0.9-0.4,1.3c0.2,0.3,0.5,0.5,0.8,0.5c0.2,0,0.3,0,0.5-0.1l1.3-0.7C7.7,16,8,16.3,8.2,16.6l-0.7,1.3
+		c-0.3,0.5-0.1,1.1,0.4,1.3c0.2,0.1,0.3,0.1,0.5,0.1c0.3,0,0.7-0.2,0.8-0.5l0.7-1.3c0.3,0.1,0.7,0.2,1.1,0.3v1.5c0,0.5,0.4,1,1,1
+		s1-0.4,1-1v-1.5c0.4-0.1,0.7-0.2,1.1-0.3l0.7,1.3c0.2,0.3,0.5,0.5,0.8,0.5c0.2,0,0.3,0,0.5-0.1c0.5-0.3,0.6-0.9,0.4-1.3l-0.7-1.3
+		c0.3-0.2,0.6-0.5,0.8-0.8l1.3,0.7c0.2,0.1,0.3,0.1,0.5,0.1c0.3,0,0.7-0.2,0.8-0.5c0.3-0.5,0.1-1.1-0.4-1.3l-1.3-0.7
+		c0.1-0.3,0.2-0.7,0.3-1.1h1.5c0.5,0,1-0.4,1-1C20.3,11.5,19.8,11,19.3,11z M12,16C12,16,12,16,12,16C12,16,12,16,12,16
+		c-2.2,0-4-1.8-4-4c0-1.1,0.4-2,1.2-2.8C10,8.5,10.9,8,12,8c1.1,0,2,0.4,2.8,1.2C15.5,10,16,10.9,16,12C16,14.2,14.2,16,12,16z"/>
+      </>
+    ),
+  },
+  userNumber: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path d="M11.9,4.9H9.9C9.8,4.9,9.8,5,9.8,5.1v10.4H9.6L2.4,5c0,0-0.1-0.1-0.1-0.1h-2C0.1,4.9,0,5,0,5.1v14.2c0,0.1,0.1,0.2,0.2,0.2
+	h1.9c0.1,0,0.2-0.1,0.2-0.2V8.7h0.2l7.3,10.7c0,0,0.1,0.1,0.2,0.1h2c0.1,0,0.2-0.1,0.2-0.2V5.1C12.1,5,12,4.9,11.9,4.9z M23.4,17.5
+	h-9.3c-0.1,0-0.2,0.1-0.2,0.2v1.5c0,0.1,0.1,0.2,0.2,0.2h9.3c0.1,0,0.2-0.1,0.2-0.2v-1.5C23.7,17.6,23.6,17.5,23.4,17.5z M18.8,15.6
+	c1.6,0,2.9-0.5,3.9-1.6c0.9-1,1.3-2.3,1.3-3.9c0-1.6-0.4-3-1.3-4c-0.9-1.1-2.2-1.6-3.9-1.6c-1.6,0-2.9,0.5-3.9,1.6
+	c-0.9,1-1.3,2.3-1.3,3.9c0,1.6,0.4,2.9,1.3,3.9C15.9,15.1,17.2,15.6,18.8,15.6z M16.6,7.5c0.5-0.6,1.2-0.9,2.2-0.9
+	c1,0,1.7,0.3,2.2,0.9c0.5,0.6,0.8,1.5,0.8,2.6s-0.3,2-0.8,2.6c-0.5,0.6-1.2,0.9-2.2,0.9c-1,0-1.7-0.3-2.2-0.9
+	c-0.5-0.6-0.8-1.4-0.8-2.5C15.9,9,16.1,8.1,16.6,7.5L16.6,7.5z"/>
+      </>
+    ),
+  },
+  userView: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path id="Shape" d="M12,4.4c-6.6,0-11.9,6.7-11.9,6.7c-0.2,0.2-0.2,0.5,0,0.7c0,0,5.2,6.7,11.9,6.7s11.9-6.7,11.9-6.7
+	c0.2-0.2,0.2-0.5,0-0.7C23.9,11.1,18.6,4.4,12,4.4z M12,6c1.2,0,2.3,0.3,3.3,0.7c0.7,0.8,1.1,2,1.1,3.2c0,2.7-2,4.8-4.4,4.8
+	s-4.4-2.1-4.4-4.8c0-1.3,0.4-2.4,1.1-3.2C9.7,6.3,10.8,6,12,6z M6.9,7.3C6.6,8.1,6.4,9.1,6.4,10c0,3.4,2.5,6.2,5.6,6.2
+	s5.6-2.8,5.6-6.2c0-0.9-0.2-1.8-0.6-2.7c2.7,1.5,4.6,3.6,5.1,4.2c-0.8,0.9-5,5.7-10.1,5.7s-9.4-4.8-10.1-5.7
+	C2.4,10.9,4.3,8.8,6.9,7.3z M12,7.1c-1.4,0-2.5,1.2-2.5,2.7s1.1,2.7,2.5,2.7s2.5-1.2,2.5-2.7S13.4,7.1,12,7.1z M12,8.2
+	c0.8,0,1.5,0.7,1.5,1.7s-0.7,1.6-1.5,1.6s-1.5-0.7-1.5-1.7S11.2,8.2,12,8.2z"/>
+      </>
+    ),
+  },
+  returnOrder: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path d="M17.8,8.1H3.6l2.9-2.9c0.4-0.4,0.4-1.1,0-1.5C6.1,3.3,5.4,3.3,5,3.7L0.3,8.4c-0.4,0.4-0.4,1.1,0,1.5L5,14.6
+	c0.2,0.2,0.5,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3c0.4-0.4,0.4-1.1,0-1.5l-2.9-2.9h14.2c2.3,0,4.1,1.8,4.1,4.1s-1.8,4.1-4.1,4.1H9.1
+	c-0.6,0-1,0.5-1,1c0,0.6,0.5,1,1,1h8.6c3.4,0,6.2-2.8,6.2-6.2S21.2,8.1,17.8,8.1z"/>
+      </>
+    ),
+  },
+  repeatOrder: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path d="M17.9,18.7H7.3c-2.8,0-6.9-1.8-6.9-6.9s4.1-6.9,6.9-6.9h9.4c2.8,0,6.9,1.8,6.9,6.9c0,1.8-0.5,3.4-1.6,4.6
+	c-0.4,0.4-1,0.5-1.4,0.1c-0.4-0.4-0.5-1-0.1-1.4c0.7-0.8,1.1-1.9,1.1-3.3c0-4.8-4.7-4.9-4.9-4.9H7.3c-0.2,0-4.9,0.1-4.9,4.9
+	s4.7,4.9,4.9,4.9h10.6c0.6,0,1,0.4,1,1S18.4,18.7,17.9,18.7z"/>
+        <path d="M14.9,21.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l2.2-2.2l-2.2-2.2c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l2.9,2.9
+	c0.4,0.4,0.4,1,0,1.4l-2.9,2.9C15.5,21.5,15.2,21.6,14.9,21.6z"/>
+      </>
+    ),
+  },
+  edit: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path d="M22.1,1.9c-2-2-5.2-2-7.2,0L1.6,15.2c-0.1,0.1-0.2,0.2-0.2,0.4l-1,7.3c0,0.2,0,0.4,0.2,0.6c0.1,0.1,0.3,0.2,0.5,0.2
+		c0,0,0.1,0,0.1,0L5.6,23c0.4,0,0.6-0.4,0.6-0.7c0-0.4-0.4-0.6-0.7-0.6l-3.5,0.5L2.6,17l5.3,5.3c0.1,0.1,0.3,0.2,0.5,0.2
+		s0.3-0.1,0.5-0.2L22.1,9.2c1-1,1.5-2.2,1.5-3.6S23,2.9,22.1,1.9z M15.1,3.6l2.2,2.2L5.3,17.9L3,15.6L15.1,3.6z M8.4,21l-2.2-2.2
+		L18.3,6.7l2.2,2.2L8.4,21z M21.4,7.9l-5.3-5.3c0.7-0.6,1.5-0.9,2.4-0.9c1,0,2,0.4,2.7,1.1s1.1,1.7,1.1,2.7
+		C22.2,6.4,21.9,7.3,21.4,7.9z"/>
+      </>
+    ),
+  },
+  circleStatus: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <circle cx="12" cy="12" r="12" />
+      </>
+    ),
+  },
+  anotherUser: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path d="M10.2,11.7c1.3,0,2.6-0.8,3.7-2.3c0.9-1.3,1.4-2.9,1.4-4.3C15.3,2.3,13,0,10.2,0C7.4,0,5.1,2.3,5.1,5.1
+				c0,1.4,0.5,3,1.4,4.3C7.6,10.9,8.9,11.7,10.2,11.7z M10.2,0.8c2.4,0,4.3,1.9,4.3,4.3c0,1.2-0.5,2.7-1.3,3.8
+				c-0.9,1.2-1.9,1.9-3,1.9s-2.1-0.7-3-1.9C6.4,7.8,5.9,6.3,5.9,5.1C5.9,2.8,7.9,0.8,10.2,0.8z"/>
+        <path d="M12.2,21.6C12.2,21.6,12.2,21.6,12.2,21.6C12.2,21.6,12.2,21.6,12.2,21.6c-0.2-0.1-0.4-0.1-0.5,0
+				c-0.1,0.1-0.2,0.3-0.1,0.5c0.1,0.2,0.2,0.3,0.4,0.3c0.2,0,0.3-0.1,0.4-0.3C12.4,21.9,12.4,21.7,12.2,21.6z"/>
+        <path d="M17.3,13.2c0,0-0.1,0-0.1,0c-0.8-1-1.9-1.9-3.1-2.4c-0.2-0.1-0.3,0-0.5,0.1c-1,1-2.2,1.5-3.3,1.5c-1.2,0-2.3-0.5-3.3-1.5
+				c-0.1-0.1-0.3-0.2-0.5-0.1c-1.5,0.7-2.8,1.8-3.7,3.2c-0.9,1.4-1.4,3.1-1.4,4.8v0c0,0.1,0,0.2,0.1,0.3c2.4,2.2,5.5,3.4,8.8,3.4
+				c0.2,0,0.3,0,0.5,0c0.2,0,0.4-0.2,0.4-0.4s-0.2-0.4-0.4-0.4c-0.2,0-0.3,0-0.5,0c-3,0-5.8-1.1-8.1-3c0-1.5,0.5-2.9,1.3-4.2
+				c0.8-1.2,1.8-2.1,3.1-2.8c1.1,1,2.4,1.6,3.7,1.6c1.3,0,2.6-0.5,3.7-1.6c0.8,0.4,1.6,1,2.2,1.7c-2.4,0.5-4.3,2.7-4.3,5.3
+				c0,3,2.4,5.4,5.4,5.4s5.4-2.4,5.4-5.4C22.7,15.6,20.3,13.2,17.3,13.2z M17.3,23.2c-2.5,0-4.6-2.1-4.6-4.6s2.1-4.6,4.6-4.6
+				s4.6,2.1,4.6,4.6S19.8,23.2,17.3,23.2z"/>
+        <path d="M20.7,18.2h-3v-3c0-0.2-0.2-0.4-0.4-0.4c-0.2,0-0.4,0.2-0.4,0.4v3h-3c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4h3v3
+				c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4v-3h3c0.2,0,0.4-0.2,0.4-0.4C21.1,18.4,21,18.2,20.7,18.2z"/>
+      </>
+    ),
+  },
+  forMy: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path d="M19.2,10c-1.4,0-2.5,0.8-3.1,2c-0.6-0.5-1.2-0.9-1.9-1.3c-0.2-0.1-0.3,0-0.5,0.1c-1,1-2.2,1.5-3.3,1.5
+				c-1.2,0-2.3-0.5-3.3-1.5c-0.1-0.1-0.3-0.2-0.5-0.1c-1.5,0.7-2.8,1.8-3.7,3.2c-0.9,1.4-1.4,3.1-1.4,4.8v0c0,0.1,0,0.2,0.1,0.3
+				c2.4,2.2,5.5,3.4,8.8,3.4c1.2,0,2.5-0.2,3.6-0.5c0.2-0.1,0.3-0.3,0.3-0.5s-0.3-0.3-0.5-0.3c-1.1,0.3-2.2,0.5-3.4,0.5
+				c-3,0-5.8-1.1-8.1-3c0-1.5,0.5-2.9,1.3-4.2c0.8-1.2,1.8-2.1,3.1-2.8c1.1,1,2.4,1.6,3.7,1.6c1.3,0,2.6-0.5,3.7-1.6
+				c0.6,0.3,1.2,0.8,1.8,1.3c0,0.2,0,0.3,0,0.5v7.9c0,1.5,1.2,2.7,2.7,2.7s2.7-1.2,2.7-2.7v-6.4c0-1.1-0.9-2-2-2c-1.1,0-2,0.9-2,2
+				v5.7c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4v-5.7c0-0.7,0.5-1.2,1.2-1.2c0.7,0,1.2,0.5,1.2,1.2v6.4c0,1-0.8,1.9-1.9,1.9
+				s-1.9-0.8-1.9-1.9v-7.9c0-1.4,1.1-2.5,2.5-2.5s2.5,1.1,2.5,2.5v7.2c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4v-7.2
+				C22.5,11.5,21,10,19.2,10z"/>
+        <path d="M10.4,11.7c1.3,0,2.6-0.8,3.7-2.3c0.9-1.3,1.4-2.9,1.4-4.3c0-2.8-2.3-5.1-5.1-5.1C7.5,0,5.3,2.3,5.3,5.1
+				c0,1.4,0.5,3,1.4,4.3C7.7,10.9,9,11.7,10.4,11.7z M10.4,0.8c2.4,0,4.3,1.9,4.3,4.3c0,1.2-0.5,2.7-1.3,3.8c-0.9,1.2-1.9,1.9-3,1.9
+				s-2.1-0.7-3-1.9C6.6,7.8,6.1,6.3,6.1,5.1C6.1,2.8,8,0.8,10.4,0.8z"/>
+        <path d="M15.4,21C15.4,21,15.4,21,15.4,21L15.4,21z" />
+        <path d="M15,20.7c-0.2,0-0.3,0.1-0.4,0.3c-0.1,0.4,0.3,0.7,0.6,0.5c0.2-0.1,0.2-0.3,0.1-0.5C15.4,20.8,15.2,20.7,15,20.7z" />
+      </>
+    ),
+  },
+  forAnother: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path d="M5.6,5.2c0,1.4,0.5,3,1.5,4.3c1,1.5,2.4,2.3,3.7,2.3s2.7-0.8,3.7-2.3C15.4,8.2,16,6.6,16,5.2C16,2.3,13.6,0,10.8,0
+				C7.9,0,5.6,2.3,5.6,5.2z M10.8,0.8c2.4,0,4.3,1.9,4.3,4.3c0,1.2-0.5,2.7-1.3,3.8c-0.9,1.2-2,1.9-3,1.9s-2.1-0.7-3-1.9
+				C7,7.9,6.5,6.4,6.5,5.2C6.5,2.8,8.4,0.8,10.8,0.8z"/>
+        <path d="M13,22C13,22,13,22,13,22c0-0.1-0.1-0.1-0.1-0.1c-0.2-0.2-0.4-0.2-0.6,0c-0.2,0.2-0.2,0.4,0,0.6c0.2,0.2,0.4,0.2,0.6,0
+				C13,22.3,13.1,22.2,13,22C13,22,13,22,13,22z"/>
+        <path d="M18,13.6c-0.9-1.2-2-2.2-3.4-2.8c-0.2-0.1-0.4,0-0.5,0.1c-1,1-2.2,1.5-3.4,1.5c-1.2,0-2.4-0.5-3.4-1.5
+				c-0.1-0.1-0.3-0.2-0.5-0.1c-1.5,0.7-2.8,1.8-3.7,3.3c-0.9,1.5-1.4,3.1-1.4,4.9v0c0,0.1,0.1,0.2,0.1,0.3c2.4,2.2,5.6,3.4,8.9,3.4
+				c0.2,0,0.4,0,0.6,0c0.2,0,0.4-0.2,0.4-0.4c0-0.2-0.2-0.4-0.4-0.4c-0.2,0-0.4,0-0.6,0c-3,0-5.9-1.1-8.2-3.1c0-1.5,0.5-3,1.3-4.2
+				c0.8-1.2,1.8-2.2,3.1-2.8c1.1,1,2.4,1.6,3.8,1.6c1.3,0,2.6-0.5,3.8-1.6c0.9,0.5,1.7,1.1,2.4,1.8c-2.6,0.2-4.7,2.3-4.7,5
+				c0,2.8,2.2,5,5,5s5-2.2,5-5C22.2,16.1,20.4,14,18,13.6z M17.2,22.7c-2.3,0-4.2-1.9-4.2-4.2c0-2.3,1.9-4.2,4.2-4.2
+				s4.2,1.9,4.2,4.2C21.4,20.9,19.5,22.7,17.2,22.7z"/>
+        <path d="M20.7,17.4c0-0.2-0.2-0.3-0.3-0.3l-1.9-0.3l-0.9-1.7c-0.1-0.1-0.2-0.2-0.4-0.2s-0.3,0.1-0.4,0.2L16,16.9l-1.9,0.3
+				c-0.2,0-0.3,0.1-0.3,0.3c0,0.2,0,0.3,0.1,0.4l1.4,1.3l-0.3,1.9c0,0.2,0,0.3,0.2,0.4c0.1,0.1,0.3,0.1,0.4,0l1.7-0.9l1.7,0.9
+				c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.2-0.1c0.1-0.1,0.2-0.3,0.2-0.4l-0.3-1.9l1.4-1.3C20.7,17.8,20.7,17.6,20.7,17.4z M18.5,18.8
+				c-0.1,0.1-0.1,0.2-0.1,0.4l0.2,1.3l-1.2-0.6c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2,0l-1.2,0.6l0.2-1.3c0-0.1,0-0.3-0.1-0.4
+				L15,17.9l1.3-0.2c0.1,0,0.3-0.1,0.3-0.2l0.6-1.2l0.6,1.2c0.1,0.1,0.2,0.2,0.3,0.2l1.3,0.2L18.5,18.8z"/>
+      </>
+    ),
+  },
+  sendEmail: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path d="M24,5.8h-8.2v1.5h6.7v1L12,14.7L1.5,8.3V7.3h6.6V5.8H0v16.9h24V5.8z M22.5,19.7l-5.2-6.5l5.2-3.2V19.7z M12,16.3
+		c0.1,0,0.3,0,0.4-0.1L16,14l5.7,7.1H2.3L8,14l3.6,2.2C11.7,16.3,11.9,16.3,12,16.3z M6.7,13.2l-5.2,6.5v-9.6L6.7,13.2z"/>
+        <polygon points="12.7,10.8 12.7,5.2 14.7,5.2 12,1.4 9.3,5.2 11.3,5.2 11.3,10.8 	" />
+      </>
+    ),
+  },
+
 }
 
 

package/index.js

@@ -36,6 +36,8 @@ export { default as Tab } from './atoms/Tab'
 export { default as Accordion } from './molecules/Accordion'
 export { default as AddButton } from './molecules/AddButton'
 export { default as ButtonIcon } from './molecules/ButtonIcon'
+export { default as CardServices } from './molecules/CardServices'
+export { default as CardProductTypesBooking } from './molecules/CardProductTypesBooking'
 export { default as Dropdown } from './molecules/Dropdown'
 export { default as LoadingError } from './molecules/LoadingError'
 export { default as Score } from './molecules/Score'

package/layout/DynamicTable/DynamicTable.js

@@ -16,7 +16,7 @@ import LoadingError from '../../molecules/LoadingError'
 // import useStateDate from '../../hook/useStateDate';
 
 
-export const DynamicTable = ({ getStyles, optionsData, opColumns, opAddColumns, isLayoutDate, isViewRange, isViewAddColumn, isViewDownloadDoc, handleAddColumn, handleSelectRange, handleDownloadExcel, labelDinamicSelect, placeholderDinamicSelect, labelSinceDateRange, labelTillDateRange }) => {
+export const DynamicTable = ({ getStyles, optionsData, opColumns, opAddColumns, isLayoutDate, isViewRange, isViewAddColumn, isViewDownloadDoc, handleAddColumn, handleSelectRange, handleDownloadExcel, handleDefaultValue, labelDinamicSelect, placeholderDinamicSelect, isLoadingDinamicSelect, labelSinceDateRange, labelTillDateRange }) => {
 
   const [tableData, setTableData] = useState(optionsData);
   const [columnsData, setColumnsData] = useState(opColumns);
@@ -86,62 +86,68 @@ export const DynamicTable = ({ getStyles, optionsData, opColumns, opAddColumns,
 
   return (
 
-    
-      <div className={getStyles('opFunction')}>
 
-        {isViewRange ? (
-          <div className={getStyles('opFunctionBox1')}>
-            <DatePicker
-              isLayoutDate={isLayoutDate}
-              onChangeRange={handleSelectRange}
-              sinceDateRange={labelSinceDateRange}
-              tillDateRange={labelTillDateRange}
-            />
-          </div>
-        ) : null}
+    <div className={getStyles('opFunction')}>
 
-        <div className={getStyles('opFunctionBox2')}>
+      {isViewRange ? (
+        <div className={getStyles('opFunctionBox1')}>
+          <DatePicker
+            isLayoutDate={isLayoutDate}
+            onChangeRange={handleSelectRange}
+            sinceDateRange={labelSinceDateRange}
+            tillDateRange={labelTillDateRange}
+          />
+        </div>
+      ) : null}
 
-          {isViewAddColumn ? (
-            <div className={getStyles('opFunctionBox3')}>
-              <Label>{labelDinamicSelect}</Label>
+      <div className={getStyles('opFunctionBox2')}>
+
+        {isViewAddColumn ? (
+          <div className={getStyles('opFunctionBox3')}>
+            <Label>{labelDinamicSelect}</Label>
+
+            {isLoadingDinamicSelect ?
               <DynamicSelect
                 isMulti
                 isInline
                 onChange={handleAddColumn}
                 optionsSelect={addColumsData}
                 placeholder={placeholderDinamicSelect}
-              />
-            </div>
-          ) : null}
-          <Horizontal size="md" />
-          {isViewDownloadDoc ? (
-            <div className={getStyles('opFunctionBox3')}>
-              <Icon
-                key="fileDownload"
-                background="inverted"
-                name="fileDownload"
-                onClick={handleDownloadExcel}
-              />
-            </div>
-          ) : null}
+                defaultValue={handleDefaultValue}
+              // defaultValue= { [{value: 'id', label: 'ID'}, {value: 'idService', label: 'ID Reserva'}] }
+              /> : null
+            }
 
-        </div>
+          </div>
+        ) : null}
+        <Horizontal size="md" />
+        {isViewDownloadDoc ? (
+          <div className={getStyles('opFunctionBox3')}>
+            <Icon
+              key="fileDownload"
+              background="inverted"
+              name="fileDownload"
+              onClick={handleDownloadExcel}
+            />
+          </div>
+        ) : null}
 
       </div>
 
-      // <ColumnTable
-      //   handleSorting={handleSorting}
-      //   onChangeInput={onChangeInput}
-      //   columnsData={columnsData}
-      // >
-      //   {item.title}
-      // </ColumnTable>
+    </div>
+
+    // <ColumnTable
+    //   handleSorting={handleSorting}
+    //   onChangeInput={onChangeInput}
+    //   columnsData={columnsData}
+    // >
+    //   {item.title}
+    // </ColumnTable>
+
+    // <RowTable slice={slice} columnsData={columnsData}></RowTable>
 
-      // <RowTable slice={slice} columnsData={columnsData}></RowTable>
+    // <FooterTable range={range} slice={slice} setPage={setPage} page={page} /> 
 
-      // <FooterTable range={range} slice={slice} setPage={setPage} page={page} /> 
-  
 
   )
 }

package/molecules/CardProductTypesBooking/CardProductTypesBooking.js

@@ -0,0 +1,57 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import styles from './CardProductTypesBooking.module.css'
+import { options } from './constants'
+import withStyles from '../../hocs/withStyles'
+import Picture from '../../atoms/Picture'
+import { Horizontal, Vertical } from '../../layout/Spacer/components'
+
+export const CardProductTypesBooking = ({ srcImg, getStyles }) => {
+  return <div className={getStyles('card-product-types-booking')}>
+
+    <div className={getStyles('labelNotification')}>
+      Reserve 2 h antes de la salida de su vuelo si es nacional, 3 h antes si es internacional.
+    </div>
+
+    <div className={getStyles('card-product-content')}>
+
+      <div>
+        <Picture
+          src={srcImg}
+          width={110}
+        // height={100}
+        />
+      </div>
+
+      <Horizontal size="sm" />
+
+      <div>
+        <div className={getStyles('titleCardProductTypes')}>ECO (Tarifa máxima)</div>
+        <div className={getStyles('etaCardProductTypesSub')}>4 - 8 min.</div>
+        <div className={getStyles('titleCardProductTypesSub')}>Envío urgente de sobres y paquetes pequeños con taxi.</div>
+      </div>
+
+      <Horizontal size="sm" />
+
+      <div class={getStyles('contentPrice')}>
+        <div class={getStyles('priceCardProductTypes')}>30€ - 30€</div>
+        <div class={getStyles('priceCardProductTypesSub')}> Máx.</div>
+      </div>
+
+    </div>
+
+  </div>
+}
+
+CardProductTypesBooking.propTypes = {
+  srcImg: PropTypes.string.isRequired,
+  getStyles: PropTypes.func.isRequired,
+  type: PropTypes.oneOf(options.types),
+}
+
+CardProductTypesBooking.defaultProps = {
+  getStyles: () => { },
+}
+
+export default withStyles(styles)(CardProductTypesBooking)

package/molecules/CardProductTypesBooking/CardProductTypesBooking.module.css

@@ -0,0 +1,71 @@
+.card-product-types-booking {
+  width: 100%;
+  align-items: center;
+  padding: 10px;
+  border: var(--border-width-thin) solid var(--color-base-transparent);
+  border-radius: var(--card-border-radius);
+  box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
+  color: var(--color-font-base);
+  transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
+  background-color: #fff;
+  margin: 0;
+  cursor: auto;
+  max-width: 330px;
+  min-width: 330px;
+  margin-right: 10px;
+}
+
+.labelNotification {
+  font-size: 12px;
+    color: #fff;
+    top: 0;
+    left: 0;
+    padding: 8px 8px 4px;
+    line-height: 13px;
+    border-radius: 10px;
+    margin-bottom: 6px;
+    background-color: rgb(245, 166, 35);
+}
+
+.card-product-content {
+  flex-direction: row;
+    box-sizing: border-box;
+    display: flex;
+    place-content: center start;
+    align-items: center;
+}
+
+.titleCardProductTypes {
+  color: rgba(0,0,0,.87);
+  font-size: 13px;
+}
+
+.etaCardProductTypesSub {
+  color: #777;
+  font-size: 12px;
+  line-height: 1rem;
+}
+
+.titleCardProductTypesSub {
+  color: #9f9f9f;
+  font-size: 12px;
+  line-height: 1rem;
+}
+
+.contentPrice {
+  min-width: 70px;
+}
+
+.priceCardProductTypes {
+  color: #00205b;
+  font-size: 14px;
+  text-align: right;
+  line-height: .9rem;
+}
+
+.priceCardProductTypesSub {
+  color: #9f9f9f;
+  font-size: 11px;
+  text-align: right;
+  line-height: .9rem;
+}

package/molecules/CardProductTypesBooking/CardProductTypesBooking.stories.js

@@ -0,0 +1,25 @@
+import { CardProductTypesBooking, styles, options } from '.'
+
+import {
+  getTemplate,
+  getListTemplate,
+  getOptionsArgTypes,
+} from '../../helpers/storybook'
+
+const Template = getTemplate(CardProductTypesBooking, styles)
+const ListTemplate = getListTemplate(CardProductTypesBooking, styles)
+
+export default {
+  title: 'Molecules/CardProductTypesBooking',
+  component: CardProductTypesBooking,
+  args: {
+    srcImg: 'https://resources.callcenter.cab/img/products/imbric_Taxi_White Block.png',
+  },
+  argTypes: {
+    types: getOptionsArgTypes(options.types),
+  },
+}
+
+export const Default = Template.bind({})
+export const List = ListTemplate.bind({})
+List.args = { items: options.types.map((type) => ({ type })) }