@lanaco/lnc-react-ui 4.0.127 → 4.0.129

package/dist/BlogsSectionSimple.cjs

@@ -26,7 +26,7 @@
   & img {
     max-height: 12.5625rem;
     min-height: 12.5625rem;
-    object-fit: cover;
+    object-fit: fill;
     width: 100%;
   }
 
@@ -74,4 +74,4 @@
     color: var(--gray-700, #4e555f);
     ${u.truncateTextInRows(3)}
   }
-`,$=c.forwardRef((t,o)=>{const{title:i,imageUrl:s,text:l,onCardClick:d,readMoreText:m="Read more"}=t;return r.jsxs(S,{ref:o,className:"blog-card",onClick:d,children:[r.jsx(M.ProductImageWrapper,{src:s}),r.jsxs(b,{children:[r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:l})]}),r.jsx(R,{className:"action",color:"gray",onClick:d,children:m})]})}),I=c.forwardRef(({},t)=>r.jsxs(S,{className:"product-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"card-title"}),r.jsx(b,{})]})),P=({limit:t=3,isLoading:o=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(s,l)=>r.jsx(I,{isLoading:o},`${i}-skeleton-product-card-${l}`))}),T=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:s,keyPrefix:l})=>r.jsx(c.Suspense,{fallbackComponent:o,children:i===!0?r.jsx(P,{isLoading:i,limit:s,keyPrefix:l}):t}),j=c.memo($),_=c.forwardRef((t,o)=>{const{icon:i,title:s,onButtonAction:l=()=>{},onSelectCard:d=()=>{},buttonLink:m,items:n,buttonText:v,limit:g=3,isLoading:w=!1,getImage:h=()=>{},readMoreText:f="Read more"}=t,k=N.useDetectMobile(),C=c.useMemo(()=>r.jsx(r.Fragment,{children:k===!0?n==null?void 0:n.map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a)):n==null?void 0:n.slice(0,g).map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a))}),[n]);return r.jsxs(q.RegulatTitleSectionWrapper,{ref:o,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[u.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:s})]}),u.isDefinedNotEmptyString(m)&&r.jsx(x,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),l(m)},borderRadius:"curved",className:"button-link",children:v})]}),r.jsx(B,{limit:g,children:r.jsx(T,{isLoading:w,limit:g,keyPrefix:"explore-landing",children:C})})]})});module.exports=_;
+`,$=c.forwardRef((t,l)=>{const{title:i,imageUrl:s,text:o,onCardClick:d,readMoreText:m="Read more"}=t;return r.jsxs(S,{ref:l,className:"blog-card",onClick:d,children:[r.jsx(M.ProductImageWrapper,{src:s}),r.jsxs(b,{children:[r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:o})]}),r.jsx(R,{className:"action",color:"gray",onClick:d,children:m})]})}),I=c.forwardRef(({},t)=>r.jsxs(S,{className:"product-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"card-title"}),r.jsx(b,{})]})),P=({limit:t=3,isLoading:l=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(s,o)=>r.jsx(I,{isLoading:l},`${i}-skeleton-product-card-${o}`))}),T=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:s,keyPrefix:o})=>r.jsx(c.Suspense,{fallbackComponent:l,children:i===!0?r.jsx(P,{isLoading:i,limit:s,keyPrefix:o}):t}),j=c.memo($),_=c.forwardRef((t,l)=>{const{icon:i,title:s,onButtonAction:o=()=>{},onSelectCard:d=()=>{},buttonLink:m,items:n,buttonText:v,limit:g=3,isLoading:w=!1,getImage:h=()=>{},readMoreText:f="Read more"}=t,k=N.useDetectMobile(),C=c.useMemo(()=>r.jsx(r.Fragment,{children:k===!0?n==null?void 0:n.map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a)):n==null?void 0:n.slice(0,g).map((e,a)=>r.jsx(j,{title:e==null?void 0:e.title,imageUrl:h(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,readMoreText:f,onCardClick:()=>d(e==null?void 0:e.titleSlug)},a))}),[n]);return r.jsxs(q.RegulatTitleSectionWrapper,{ref:l,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[u.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:s})]}),u.isDefinedNotEmptyString(m)&&r.jsx(x,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var a;(a=e==null?void 0:e.target)==null||a.blur(),o(m)},borderRadius:"curved",className:"button-link",children:v})]}),r.jsx(B,{limit:g,children:r.jsx(T,{isLoading:w,limit:g,keyPrefix:"explore-landing",children:C})})]})});module.exports=_;

package/dist/BlogsSectionSimple.js

@@ -36,7 +36,7 @@ const E = h.div`
   & img {
     max-height: 12.5625rem;
     min-height: 12.5625rem;
-    object-fit: cover;
+    object-fit: fill;
     width: 100%;
   }
 

package/dist/OverlayGeneralCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),d=require("react"),t=require("./index-BpbMKBf_.cjs"),u=require("./Button.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),_=g.styled.div`
+"use strict";const n=require("react/jsx-runtime"),d=require("react"),t=require("./index-BpbMKBf_.cjs"),u=require("./Button.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),_=f.styled.div`
   display: flex;
   height: 28.75rem;
   padding: 2.25rem;
@@ -8,11 +8,12 @@
   cursor: pointer;
   flex: 1;
   flex-shrink: 0;
-  background: ${r=>r==null?void 0:r.backgroundColor}, url(${r=>r==null?void 0:r.backgroundImage});
+  background: ${r=>r==null?void 0:r.backgroundColor}, url("${r=>r==null?void 0:r.backgroundImage}");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 0.75rem;
+  transition: flex 0.3s ease;
 
   &:hover {
     flex: 2;
@@ -59,9 +60,10 @@
     }
   }
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     padding: 2rem;
     min-height: 17.5rem;
+    width: 100%;
 
     &:hover {
       flex: 1;
@@ -81,7 +83,7 @@
       }
     }
   }
-`,h=d.forwardRef(({title:r,description:o,buttonText:i,imageUrl:s,backgroundColor:c,handleSelectCard:e=()=>{},handleButtonAction:l=()=>{}},m)=>n.jsxs(_,{backgroundImage:s,backgroundColor:c,onClick:e,children:[n.jsxs("div",{className:"section__text",children:[r&&n.jsx("div",{className:"section__title",children:r}),o&&n.jsx("div",{className:"section__description",children:o})]}),n.jsx(u,{text:i,onClick:a=>{a==null||a.stopPropagation(),l()},borderRadius:"regular",color:"gray",className:"section__action"})]}));h.propTypes={title:t.PropTypes.string,description:t.PropTypes.string,buttonText:t.PropTypes.string,imageUrl:t.PropTypes.string,backgroundColor:t.PropTypes.string,handleSelectCard:t.PropTypes.func,handleButtonAction:t.PropTypes.func};const x=g.styled.div`
+`,h=d.forwardRef(({title:r,description:o,buttonText:i,imageUrl:s,backgroundColor:c="none",handleSelectCard:e=()=>{},handleButtonAction:l=()=>{}},m)=>n.jsxs(_,{backgroundImage:s,backgroundColor:c,onClick:e,children:[n.jsxs("div",{className:"section__text",children:[r&&n.jsx("div",{className:"section__title",children:r}),o&&n.jsx("div",{className:"section__description",children:o})]}),n.jsx(u,{text:i,onClick:a=>{a==null||a.stopPropagation(),l()},borderRadius:"regular",color:"gray",className:"section__action"})]}));h.propTypes={title:t.PropTypes.string,description:t.PropTypes.string,buttonText:t.PropTypes.string,imageUrl:t.PropTypes.string,backgroundColor:t.PropTypes.string,handleSelectCard:t.PropTypes.func,handleButtonAction:t.PropTypes.func};const x=f.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -120,7 +122,7 @@
     }
   }
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     & .section__title {
       font-size: 1.375rem;
       line-height: 1.75rem;

package/dist/OverlayGeneralCardsSection.js

@@ -14,11 +14,12 @@ const u = g.div`
   cursor: pointer;
   flex: 1;
   flex-shrink: 0;
-  background: ${(r) => r == null ? void 0 : r.backgroundColor}, url(${(r) => r == null ? void 0 : r.backgroundImage});
+  background: ${(r) => r == null ? void 0 : r.backgroundColor}, url("${(r) => r == null ? void 0 : r.backgroundImage}");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   border-radius: 0.75rem;
+  transition: flex 0.3s ease;
 
   &:hover {
     flex: 2;
@@ -68,6 +69,7 @@ const u = g.div`
   @media (max-width: ${h + "px"}) {
     padding: 2rem;
     min-height: 17.5rem;
+    width: 100%;
 
     &:hover {
       flex: 1;
@@ -93,7 +95,7 @@ const u = g.div`
     description: n,
     buttonText: i,
     imageUrl: a,
-    backgroundColor: d,
+    backgroundColor: d = "none",
     handleSelectCard: e = () => {
     },
     handleButtonAction: l = () => {

package/dist/SalesCampaignsSection.cjs

@@ -371,6 +371,7 @@
   display: grid;
   grid-template-columns: repeat(${e=>e==null?void 0:e.numOfColumns}, 1fr);
   gap: 1.5rem;
+  width: 100%;
 
   @media (max-width: ${M.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(${e=>e==null?void 0:e.numOfColumnsForMobile}, 1fr);

package/dist/SalesCampaignsSection.js

@@ -678,6 +678,7 @@ const G = m.div`
   display: grid;
   grid-template-columns: repeat(${(e) => e == null ? void 0 : e.numOfColumns}, 1fr);
   gap: 1.5rem;
+  width: 100%;
 
   @media (max-width: ${M + "px"}) {
     grid-template-columns: repeat(${(e) => e == null ? void 0 : e.numOfColumnsForMobile}, 1fr);

package/package.json

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