@lanaco/lnc-react-ui 4.0.207 → 4.0.208

package/dist/BannerSectionCarousel.cjs

@@ -119,8 +119,9 @@
   @media ${t.down("M")} {
     & .carousel-item .section__card,
     & .carousel-item:not(.react-multi-carousel-item--active) .section__card {
-      height: 26rem;
+      height: 100%;
     }
+
     & .carousel-item .section__card .section__image {
       object-fit: cover;
       object-position: center;

package/dist/BannerSectionCarousel.js

@@ -127,8 +127,9 @@ const $ = h.div`
   @media ${a("M")} {
     & .carousel-item .section__card,
     & .carousel-item:not(.react-multi-carousel-item--active) .section__card {
-      height: 26rem;
+      height: 100%;
     }
+
     & .carousel-item .section__card .section__image {
       object-fit: cover;
       object-position: center;

package/dist/DetailedProductsSection.cjs

@@ -17,7 +17,7 @@
   }
 
   @media ${j.down("M")} {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+    grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 
   @media ${j.down("S")} {

package/dist/DetailedProductsSection.js

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

package/dist/MasonryGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("react"),j=require("./Button.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-CITgSxXe.cjs"),s=require("./breakpoints-CcVm-gVm.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),n=require("./style-BAcV7F53.cjs"),y=d.styled.a`
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),j=require("./Button.cjs"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-CITgSxXe.cjs"),d=require("./breakpoints-CcVm-gVm.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),n=require("./style-BAcV7F53.cjs"),y=s.styled.a`
   text-decoration: none;
   display: flex;
   flex-direction: column;
@@ -108,13 +108,13 @@
   }
   cursor: pointer;
 
-  @media ${s.down("S")} {
+  @media ${d.down("S")} {
     & .wrapper__image {
       height: 100%;
       max-height: 14.5rem;
     }
   }
-`,k=p.forwardRef(({title:r,imageUrl:t,description:o,buttonText:a,onSelectCard:c=()=>{},className:m,position:g,tag:l,backgroundColor:h,buttonLink:x,LinkComponent:u},f)=>{const w=u||"a",_=b.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(y,{ref:f,theme:_,className:m,position:g,backgroundColor:h,onClick:c,as:w,...u?{to:`/${x}`}:{href:`/${x}`},children:[e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__text",children:[l&&e.jsx("div",{className:"text__tag",children:l}),e.jsx("div",{className:"text__title",children:r}),i.isDefinedNotEmptyString(o)&&e.jsx("div",{className:"text__description",children:o}),i.isDefinedNotEmptyString(a)&&e.jsx(j,{text:a,className:"text__action"})]})]})})}),S=d.styled.div`
+`,k=p.forwardRef(({title:r,imageUrl:t,description:o,buttonText:a,onSelectCard:c=()=>{},className:m,position:g,tag:l,backgroundColor:h,buttonLink:x,LinkComponent:u},f)=>{const w=u||"a",_=b.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(y,{ref:f,theme:_,className:m,position:g,backgroundColor:h,onClick:c,as:w,...u?{to:`/${x}`}:{href:`/${x}`},children:[e.jsx("img",{src:t,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__text",children:[l&&e.jsx("div",{className:"text__tag",children:l}),e.jsx("div",{className:"text__title",children:r}),i.isDefinedNotEmptyString(o)&&e.jsx("div",{className:"text__description",children:o}),i.isDefinedNotEmptyString(a)&&e.jsx(j,{text:a,className:"text__action"})]})]})})}),S=s.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -138,7 +138,7 @@
     }
   }
 
-  @media ${s.down("S")} {
+  @media ${d.down("S")} {
     & .regular-title {
       font-size: 1.375rem;
 
@@ -147,7 +147,7 @@
       }
     }
   }
-`,$=d.styled.div`
+`,$=s.styled.div`
   display: grid;
   grid-template-columns: ${()=>"repeat(12,  minmax(0, 1fr))"};
 
@@ -157,11 +157,7 @@
   height: 30rem;
   max-height: 30rem;
 
-  @media ${s.down("M")} {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  @media ${s.down("S")} {
+  @media ${d.down("S")} {
     display: flex;
     flex-direction: column;
     gap: 1.25rem;
@@ -169,8 +165,8 @@
     height: 100%;
     max-height: 100%;
   }
-`,v=d.styled(n.SkeletonRowWrapper)`
-  @media ${s.down("S")} {
+`,v=s.styled(n.SkeletonRowWrapper)`
+  @media ${d.down("S")} {
     flex-direction: column;
 
     & .skeleton__big {

package/dist/MasonryGeneralCardsSection.js

@@ -1,12 +1,12 @@
 import { jsx as r, Fragment as $, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as v, Suspense as N } from "react";
 import C from "./Button.js";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { w as s, n as _, l as w } from "./utils-B2fsQ6PS.js";
-import { d } from "./breakpoints-ff0SIcV3.js";
+import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { w as d, n as _, l as w } from "./utils-B2fsQ6PS.js";
+import { d as m } from "./breakpoints-ff0SIcV3.js";
 import { u as G } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { S as f, b, a as l } from "./style-BwQ4djFC.js";
-const z = m.a`
+const z = s.a`
   text-decoration: none;
   display: flex;
   flex-direction: column;
@@ -53,7 +53,7 @@ const z = m.a`
     width: 24.5rem;
     height: 30rem;
     border-radius: 0.75rem;
-    background-color: ${s("-90deg")};
+    background-color: ${d("-90deg")};
   }
 
   & .wrapper__text {
@@ -109,26 +109,26 @@ const z = m.a`
     }
 
     & .text__title--skeleton {
-      background-color: ${s("-90deg")};
+      background-color: ${d("-90deg")};
       height: 1rem;
       width: 9rem;
     }
 
     & .text__description--skeleton {
-      background-color: ${s("-90deg")};
+      background-color: ${d("-90deg")};
       height: 1rem;
       width: 12rem;
     }
 
     & .text__action--skeleton {
-      background-color: ${s("-90deg")};
+      background-color: ${d("-90deg")};
       height: 2rem;
       width: 9rem;
     }
   }
   cursor: pointer;
 
-  @media ${d("S")} {
+  @media ${m("S")} {
     & .wrapper__image {
       height: 100%;
       max-height: 14.5rem;
@@ -183,7 +183,7 @@ const z = m.a`
       }
     ) });
   }
-), M = m.div`
+), W = s.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -207,7 +207,7 @@ const z = m.a`
     }
   }
 
-  @media ${d("S")} {
+  @media ${m("S")} {
     & .regular-title {
       font-size: 1.375rem;
 
@@ -216,7 +216,7 @@ const z = m.a`
       }
     }
   }
-`, W = m.div`
+`, M = s.div`
   display: grid;
   grid-template-columns: ${() => "repeat(12,  minmax(0, 1fr))"};
 
@@ -226,11 +226,7 @@ const z = m.a`
   height: 30rem;
   max-height: 30rem;
 
-  @media ${d("M")} {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
-  @media ${d("S")} {
+  @media ${m("S")} {
     display: flex;
     flex-direction: column;
     gap: 1.25rem;
@@ -238,8 +234,8 @@ const z = m.a`
     height: 100%;
     max-height: 100%;
   }
-`, R = m(f)`
-  @media ${d("S")} {
+`, R = s(f)`
+  @media ${m("S")} {
     flex-direction: column;
 
     & .skeleton__big {
@@ -285,14 +281,14 @@ const z = m.a`
     onSelectCard: c = () => {
     },
     LinkComponent: g
-  }, h) => /* @__PURE__ */ i(M, { ref: h, children: [
+  }, h) => /* @__PURE__ */ i(W, { ref: h, children: [
     /* @__PURE__ */ r("div", { className: "regular-title", children: /* @__PURE__ */ r("div", { className: "regular-title-text", children: /* @__PURE__ */ r("span", { children: e }) }) }),
     /* @__PURE__ */ r(
       T,
       {
         isLoading: a,
         keyPrefix: "masonry-general-cards-skeleton",
-        children: /* @__PURE__ */ r(W, { limit: n, children: t && (t == null ? void 0 : t.map((o, p) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r(M, { limit: n, children: t && (t == null ? void 0 : t.map((o, p) => /* @__PURE__ */ r(
           j,
           {
             ...o,

package/package.json

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