@lanaco/lnc-react-ui 4.0.128 → 4.0.130

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.128",
+  "version": "4.0.130",
   "description": "React component library",
   "type": "module",
   "keywords": [