@lanaco/lnc-react-ui 4.0.210 → 4.0.211

package/dist/BannerSectionCarousel.cjs

@@ -130,7 +130,7 @@
     }
 
     & .carousel-item .section__card .section__image {
-      object-fit: cover;
+      object-fit: contain;
       object-position: center;
     }
   }

package/dist/BannerSectionCarousel.js

@@ -3,12 +3,12 @@ import { Suspense as v, forwardRef as y } from "react";
 import { C as w } from "./index-BppfjY8h.js";
 import { b as k, a as C } from "./style-BwQ4djFC.js";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as o, s as i } from "./breakpoints-ff0SIcV3.js";
+import { d as a, s as i } from "./breakpoints-ff0SIcV3.js";
 import S from "./Button.js";
 import { u as j } from "./useDetectMobile-CcVo3PNi.js";
 import { m as $ } from "./utils-B2fsQ6PS.js";
 const N = h(k)`
-  @media ${o("S")} {
+  @media ${a("S")} {
     & > div {
       height: 100%;
       aspect-ratio: 1 / 1;
@@ -16,10 +16,10 @@ const N = h(k)`
   }
 `, z = ({ keyPrefix: t }) => /* @__PURE__ */ r(N, { noGradient: !0, children: /* @__PURE__ */ r(C, { keyPrefix: `${t}-1`, height: "22.5rem" }) }), B = ({
   keyPrefix: t,
-  isLoading: a = !1,
+  isLoading: o = !1,
   fallbackComponent: n = /* @__PURE__ */ r(u, {}),
   children: s
-}) => /* @__PURE__ */ r(v, { fallbackComponent: n, children: a === !0 ? /* @__PURE__ */ r(z, { keyPrefix: t }) : s }), M = h.div`
+}) => /* @__PURE__ */ r(v, { fallbackComponent: n, children: o === !0 ? /* @__PURE__ */ r(z, { keyPrefix: t }) : s }), M = h.div`
   &:hover {
     cursor: pointer;
 
@@ -137,26 +137,26 @@ const N = h(k)`
     right: 1rem;
   }
 
-  @media ${o("M")} {
+  @media ${a("M")} {
     & .carousel-item .section__card,
     & .carousel-item:not(.react-multi-carousel-item--active) .section__card {
       height: 100%;
     }
 
     & .carousel-item .section__card .section__image {
-      object-fit: cover;
+      object-fit: contain;
       object-position: center;
     }
   }
 
-  @media ${o("S")} {
+  @media ${a("S")} {
     & .carousel-item .section__card .section__image {
       object-fit: cover;
       object-position: center;
     }
   }
 
-  @media ${o("XS")} {
+  @media ${a("XS")} {
     & .carousel-container {
       min-height: 23.4375rem;
     }
@@ -213,7 +213,7 @@ const N = h(k)`
 `, F = y(
   ({
     items: t = [],
-    isLoading: a = !1,
+    isLoading: o = !1,
     deviceType: n,
     partialVisible: s = !0,
     fallbackComponent: p = /* @__PURE__ */ r(u, {}),
@@ -245,7 +245,7 @@ const N = h(k)`
       {
         fallbackComponent: p,
         keyPrefix: "banner-carousel-skeleton",
-        isLoading: a,
+        isLoading: o,
         children: /* @__PURE__ */ r(
           w,
           {

package/dist/BannerSectionGrid.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),k=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./breakpoints-CcVm-gVm.cjs"),T=require("./useDetectMobile-DYV6V1yw.cjs"),s=require("./index-B9c6y2J5.cjs"),f=w.styled.div`
+"use strict";const t=require("react/jsx-runtime"),k=require("react"),q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./breakpoints-CcVm-gVm.cjs"),T=require("./useDetectMobile-DYV6V1yw.cjs"),n=require("./index-B9c6y2J5.cjs"),$=q.styled.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 0;
@@ -25,7 +25,15 @@
     border-radius: 0.75rem 0rem 0.75rem 0.75rem;
   }
 
-  @media ${q.down("S")} {
+  @media ${s.down("M")} {
+    padding: 1rem;
+
+    & .text-item {
+      padding: 1rem;
+    }
+  }
+
+  @media ${s.down("S")} {
     grid-template-columns: repeat(1, 1fr);
     gap: 1.5rem;
 
@@ -45,4 +53,4 @@
       max-height: unset;
     }
   }
-`,N=k.forwardRef((e,n)=>{const{image1Url:o,image2Url:i,title1:g,title2:a,text1:u,text2:c,subtitle1:h,subtitle2:l,buttonText1:x,buttonText2:d,buttonLink1:b,buttonLink2:p,rowHeight:j="12.65625rem",onButtonAction:r=()=>{}}=e,m=T.useDetectMobile();return t.jsxs(f,{ref:n,height:j,children:[t.jsx(s.TextBlockV1,{className:"text-item",title:g,subtitle:h,description:u,buttonText:x,buttonLink:b,onButtonAction:r}),t.jsx("img",{className:"img-item img-1",src:o}),m!==!0&&t.jsx("img",{className:"img-item img-2",src:i}),t.jsx(s.TextBlockV1,{className:"text-item",title:a,subtitle:l,description:c,buttonText:d,buttonLink:p,onButtonAction:r}),m===!0&&t.jsx("img",{className:"img-item img-2",src:i})]})});module.exports=N;
+`,f=k.forwardRef((e,o)=>{const{image1Url:g,image2Url:i,title1:a,title2:u,text1:c,text2:d,subtitle1:h,subtitle2:l,buttonText1:x,buttonText2:b,buttonLink1:p,buttonLink2:j,rowHeight:w="12.65625rem",onButtonAction:r=()=>{}}=e,m=T.useDetectMobile();return t.jsxs($,{ref:o,height:w,children:[t.jsx(n.TextBlockV1,{className:"text-item",title:a,subtitle:h,description:c,buttonText:x,buttonLink:p,onButtonAction:r}),t.jsx("img",{className:"img-item img-1",src:g}),m!==!0&&t.jsx("img",{className:"img-item img-2",src:i}),t.jsx(n.TextBlockV1,{className:"text-item",title:u,subtitle:l,description:d,buttonText:b,buttonLink:j,onButtonAction:r}),m===!0&&t.jsx("img",{className:"img-item img-2",src:i})]})});module.exports=f;

package/dist/BannerSectionGrid.js

@@ -1,9 +1,9 @@
-import { jsxs as w, jsx as e } from "react/jsx-runtime";
-import { forwardRef as T } from "react";
+import { jsxs as T, jsx as e } from "react/jsx-runtime";
+import { forwardRef as $ } from "react";
 import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as N } from "./breakpoints-ff0SIcV3.js";
-import { u as $ } from "./useDetectMobile-CcVo3PNi.js";
-import { T as o } from "./index-CoQ9APCD.js";
+import { d as o } from "./breakpoints-ff0SIcV3.js";
+import { u as N } from "./useDetectMobile-CcVo3PNi.js";
+import { T as s } from "./index-CoQ9APCD.js";
 const L = k.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
@@ -31,7 +31,15 @@ const L = k.div`
     border-radius: 0.75rem 0rem 0.75rem 0.75rem;
   }
 
-  @media ${N("S")} {
+  @media ${o("M")} {
+    padding: 1rem;
+
+    & .text-item {
+      padding: 1rem;
+    }
+  }
+
+  @media ${o("S")} {
     grid-template-columns: repeat(1, 1fr);
     gap: 1.5rem;
 
@@ -51,48 +59,48 @@ const L = k.div`
       max-height: unset;
     }
   }
-`, S = T((t, s) => {
+`, S = $((t, a) => {
   const {
-    image1Url: a,
+    image1Url: g,
     image2Url: i,
-    title1: g,
-    title2: n,
-    text1: h,
+    title1: n,
+    title2: h,
+    text1: d,
     text2: u,
     subtitle1: l,
-    subtitle2: d,
-    buttonText1: c,
+    subtitle2: c,
+    buttonText1: p,
     buttonText2: x,
     buttonLink1: b,
-    buttonLink2: p,
-    rowHeight: f = "12.65625rem",
+    buttonLink2: f,
+    rowHeight: w = "12.65625rem",
     onButtonAction: m = () => {
     }
-  } = t, r = $();
-  return /* @__PURE__ */ w(L, { ref: s, height: f, children: [
+  } = t, r = N();
+  return /* @__PURE__ */ T(L, { ref: a, height: w, children: [
     /* @__PURE__ */ e(
-      o,
+      s,
       {
         className: "text-item",
-        title: g,
+        title: n,
         subtitle: l,
-        description: h,
-        buttonText: c,
+        description: d,
+        buttonText: p,
         buttonLink: b,
         onButtonAction: m
       }
     ),
-    /* @__PURE__ */ e("img", { className: "img-item img-1", src: a }),
+    /* @__PURE__ */ e("img", { className: "img-item img-1", src: g }),
     r !== !0 && /* @__PURE__ */ e("img", { className: "img-item img-2", src: i }),
     /* @__PURE__ */ e(
-      o,
+      s,
       {
         className: "text-item",
-        title: n,
-        subtitle: d,
+        title: h,
+        subtitle: c,
         description: u,
         buttonText: x,
-        buttonLink: p,
+        buttonLink: f,
         onButtonAction: m
       }
     ),

package/dist/DetailedProductsInfinitiveSection.cjs

@@ -38,7 +38,7 @@
 
   @media ${g.down("M")} {
     & .section__items {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
+      grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
 

package/dist/DetailedProductsInfinitiveSection.js

@@ -49,7 +49,7 @@ const ee = G.div`
 
   @media ${g("M")} {
     & .section__items {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
+      grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.210",
+  "version": "4.0.211",
   "description": "React component library",
   "type": "module",
   "keywords": [