keski_lib_catalog 1.3.2 → 1.3.3

package/dist/index.js

@@ -134,9 +134,15 @@ function Item(props) {
     sx: {
       width: {
         xs: "100%",
-        xl: "90%",
-        lg: "90%"
-      }
+        xl: "72%",
+        lg: "72%"
+      },
+      height: "100%",
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      display: '-webkit-box',
+      WebkitLineClamp: 7,
+      WebkitBoxOrient: 'vertical'
     }
   }, /*#__PURE__*/React__default.createElement(material.Typography, {
     dangerouslySetInnerHTML: {
@@ -147,12 +153,12 @@ function Item(props) {
       fontSize: {
         xl: '1.75em',
         lg: '1.75em',
-        md: '1.5em',
+        md: '1.75em',
         sm: '1.5em',
         xs: '1.5em'
       }
     }
-  }), /*#__PURE__*/React__default.createElement(material.Typography, {
+  })), /*#__PURE__*/React__default.createElement(material.Typography, {
     dangerouslySetInnerHTML: {
       __html: content.title ? content.title : 'Agregue subtítulo'
     },
@@ -166,7 +172,7 @@ function Item(props) {
         xs: '1.125em'
       }
     }
-  })), content.label_active && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Chip, {
+  }), content.label_active && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Chip, {
     disabled: true,
     color: "info",
     label: content.label ? content.label : 'Agregue etiqueta',
@@ -242,7 +248,7 @@ function Layout1$1(content) {
         xs: "16px"
       } : {
         lg: "0px",
-        md: "0px",
+        md: "24px",
         sm: "16px",
         xs: "16px"
       },
@@ -274,7 +280,7 @@ function Layout1$1(content) {
       fontSize: {
         xs: "2em",
         sm: "2em",
-        md: "2em",
+        md: "3.75em",
         lg: "3.75em",
         xl: "3.75em"
       },
@@ -349,33 +355,16 @@ function Layout1$2(content) {
     item: true,
     xs: 12,
     sm: 12,
-    md: 6,
-    lg: 6,
-    xl: 6,
-    sx: {
-      paddingLeft: {
-        xl: "16px",
-        lg: "16px",
-        md: "16px",
-        sm: "0px",
-        xs: "0px"
-      },
-      paddingRight: {
-        xl: "16px",
-        lg: "16px",
-        md: "16px",
-        sm: "0px",
-        xs: "0px"
-      },
-      paddingTop: "10px"
-    }
+    md: 5.5,
+    lg: 5.5,
+    xl: 5.5
   }, /*#__PURE__*/React__default.createElement(material.Slide, {
     direction: "right",
     "in": visible
   }, /*#__PURE__*/React__default.createElement(Item$1, {
     elevation: 0,
     sx: {
-      height: "90%",
+      height: "100%",
       width: "100%",
       background: "none"
     }
@@ -400,26 +389,24 @@ function Layout1$2(content) {
     item: true,
     xs: 12,
     sm: 12,
-    md: 6,
-    lg: 6,
-    xl: 6,
+    md: 1,
+    lg: 1,
+    xl: 1
+  }, /*#__PURE__*/React__default.createElement(Item$1, {
+    elevation: 0,
     sx: {
-      paddingLeft: {
-        xl: "16px",
-        lg: "16px",
-        md: "16px",
-        sm: "0px",
-        xs: "0px"
-      },
-      paddingRight: {
-        xl: "16px",
-        lg: "16px",
-        md: "16px",
-        sm: "0px",
-        xs: "0px"
-      },
-      paddingTop: "10px"
+      height: "100%",
+      width: "100%",
+      background: "none",
+      paddingTop: "48px"
     }
+  })), /*#__PURE__*/React__default.createElement(Grid, {
+    item: true,
+    xs: 12,
+    sm: 12,
+    md: 5.5,
+    lg: 5.5,
+    xl: 5.5
   }, /*#__PURE__*/React__default.createElement(Grow, _extends({
     "in": visible,
     style: {
@@ -430,7 +417,7 @@ function Layout1$2(content) {
   } ), /*#__PURE__*/React__default.createElement(Item$1, {
     elevation: 0,
     sx: {
-      height: "90%",
+      height: "100%",
       width: "100%",
       background: "none"
     }
@@ -476,8 +463,8 @@ function Layout1$2(content) {
         xs: "1.125em",
         sm: "1.125em",
         md: "1.125em",
-        lg: "1em",
-        xl: "1em"
+        lg: "1.125em",
+        xl: "1.125em"
       }
     }
   })), ((_content$component$su15 = content.component.subcomponent[0]) === null || _content$component$su15 === void 0 ? void 0 : _content$component$su15.button_active) && /*#__PURE__*/React__default.createElement(material.Box, null, /*#__PURE__*/React__default.createElement(material.Button, {
@@ -546,24 +533,18 @@ function Layout1$3(content) {
       whiteSpace: 'pre-wrap',
       fontSize: {
         xs: "1.875em",
-        sm: "1.875em",
-        md: "2.25em",
+        sm: "2.25em",
+        md: "3em",
         lg: "3em",
         xl: "3em"
-      }
+      },
+      paddingBottom: "32px"
     }
   }), /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     spacing: 2,
     alignItems: "center",
-    justifyContent: "center",
-    direction: {
-      xl: "row",
-      lg: "row",
-      md: "row",
-      sm: "column",
-      xs: "column"
-    }
+    justifyContent: "center"
   }, (_content$component$su3 = content.component.subcomponent) === null || _content$component$su3 === void 0 ? void 0 : _content$component$su3.map(function (img, index) {
     return /*#__PURE__*/React__default.createElement(material.Grid, {
       key: index,
@@ -576,40 +557,22 @@ function Layout1$3(content) {
     }, /*#__PURE__*/React__default.createElement(material.Card, {
       elevation: 0,
       sx: {
-        borderRadius: '50px',
-        width: {
-          xl: '350px',
-          lg: '350px',
-          md: '700px',
-          sm: '700px',
-          xs: '250px'
-        },
+        borderRadius: '24px',
+        width: "100%",
         height: {
-          xl: '350px',
-          lg: '350px',
-          md: '700px',
-          sm: '700px',
-          xs: '250px'
+          xl: 350,
+          lg: 350,
+          md: 350,
+          sm: 700,
+          xs: 250
         }
       }
     }, /*#__PURE__*/React__default.createElement(material.CardMedia, {
       sx: {
-        width: {
-          xl: '350px',
-          lg: '350px',
-          md: '700px',
-          sm: '700px',
-          xs: '250px'
-        },
-        height: {
-          xl: '350px',
-          lg: '350px',
-          md: '700px',
-          sm: '700px',
-          xs: '250px'
-        }
+        width: "100%",
+        height: "100%"
       },
-      image: img.image.url ? img.image.url : 'https://wozapps-develop.s3.us-east-2.amazonaws.com/gerry/resources/landing/bbb84144-02cd-4cf8-a1be-21ba47e7c4fa.jpeg'
+      image: img.image.url ? img.image.url : 'none'
     })));
   }))));
 }
@@ -654,8 +617,8 @@ function Layout1$4(content) {
       whiteSpace: 'pre-wrap',
       fontSize: {
         xs: "1.875em",
-        sm: "1.875em",
-        md: "2.25em",
+        sm: "2.25em",
+        md: "3em",
         lg: "3em",
         xl: "3em"
       },
@@ -681,7 +644,7 @@ function Layout1$4(content) {
       fontSize: {
         xs: "1em",
         sm: "1em",
-        md: "1em",
+        md: "1.125em",
         lg: "1.125em",
         xl: "1.125em"
       }