@lanaco/lnc-react-ui 4.0.202 → 4.0.204

package/dist/MasonryGeneralCardsSection.cjs

@@ -79,12 +79,12 @@
     }
 
     & .text__action {
-      background: var(--white);
-      color: var(--black);
+      background: var(--white, #fff);
+      color: var(--neutral-600, #0f2a46);
 
       &:hover {
         background: var(--primary-500, #f59e0b);
-        color: var(--white);
+        color: var(--white, #fff);
       }
     }
 
@@ -114,7 +114,7 @@
       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 _=u||"a",w=b.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(y,{ref:f,theme:w,className:m,position:g,backgroundColor:h,onClick:c,as:_,...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`
+`,S=p.forwardRef(({title:r,imageUrl:t,description:a,buttonText:o,onSelectCard:c=()=>{},className:m,position:g,tag:l,backgroundColor:h,buttonLink:x,LinkComponent:u},f)=>{const _=u||"a",w=b.useTheme();return e.jsx(e.Fragment,{children:e.jsxs(y,{ref:f,theme:w,className:m,position:g,backgroundColor:h,onClick:c,as:_,...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(a)&&e.jsx("div",{className:"text__description",children:a}),i.isDefinedNotEmptyString(o)&&e.jsx(j,{text:o,className:"text__action"})]})]})})}),k=s.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -179,4 +179,4 @@
       flex-direction: column;
     }
   }
-`,E=({keyPrefix:r})=>e.jsxs(v,{children:[e.jsx(n.SkeletonColumnWrapper,{children:e.jsx(n.SkeletonLinePlaceholder,{height:"31.25rem",className:"skeleton__big"},`${r}-1`)}),e.jsxs(n.SkeletonColumnWrapper,{children:[e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-2`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-3`)]}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-4`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-5`)]})]})]}),G=({keyPrefix:r,isLoading:t=!1,fallbackComponent:o=e.jsx(e.Fragment,{}),children:a})=>e.jsx(p.Suspense,{fallbackComponent:o,children:t===!0?e.jsx(E,{keyPrefix:r}):a}),N=p.forwardRef(({title:r,items:t,isLoading:o=!1,limit:a=3,onSelectCard:c=()=>{},LinkComponent:m},g)=>e.jsxs(S,{ref:g,children:[e.jsx("div",{className:"regular-title",children:e.jsx("div",{className:"regular-title-text",children:e.jsx("span",{children:r})})}),e.jsx(G,{isLoading:o,keyPrefix:"masonry-general-cards-skeleton",children:e.jsx($,{limit:a,children:t&&(t==null?void 0:t.map((l,h)=>e.jsx(k,{...l,onSelectCard:()=>c(l),LinkComponent:m},`landing-page-masonry-general-card__${h+1}`)))})})]}));module.exports=N;
+`,E=({keyPrefix:r})=>e.jsxs(v,{children:[e.jsx(n.SkeletonColumnWrapper,{children:e.jsx(n.SkeletonLinePlaceholder,{height:"31.25rem",className:"skeleton__big"},`${r}-1`)}),e.jsxs(n.SkeletonColumnWrapper,{children:[e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-2`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-3`)]}),e.jsxs(n.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-4`),e.jsx(n.SkeletonLinePlaceholder,{height:"15rem"},`${r}-5`)]})]})]}),G=({keyPrefix:r,isLoading:t=!1,fallbackComponent:a=e.jsx(e.Fragment,{}),children:o})=>e.jsx(p.Suspense,{fallbackComponent:a,children:t===!0?e.jsx(E,{keyPrefix:r}):o}),N=p.forwardRef(({title:r,items:t,isLoading:a=!1,limit:o=3,onSelectCard:c=()=>{},LinkComponent:m},g)=>e.jsxs(k,{ref:g,children:[e.jsx("div",{className:"regular-title",children:e.jsx("div",{className:"regular-title-text",children:e.jsx("span",{children:r})})}),e.jsx(G,{isLoading:a,keyPrefix:"masonry-general-cards-skeleton",children:e.jsx($,{limit:o,children:t&&(t==null?void 0:t.map((l,h)=>e.jsx(S,{...l,onSelectCard:()=>c(l),LinkComponent:m},`landing-page-masonry-general-card__${h+1}`)))})})]}));module.exports=N;

package/dist/MasonryGeneralCardsSection.js

@@ -99,12 +99,12 @@ const z = s.a`
     }
 
     & .text__action {
-      background: var(--white);
-      color: var(--black);
+      background: var(--white, #fff);
+      color: var(--neutral-600, #0f2a46);
 
       &:hover {
         background: var(--primary-500, #f59e0b);
-        color: var(--white);
+        color: var(--white, #fff);
       }
     }
 
@@ -139,12 +139,12 @@ const z = s.a`
     title: e,
     imageUrl: t,
     description: a,
-    buttonText: o,
+    buttonText: n,
     onSelectCard: c = () => {
     },
     className: g,
     position: h,
-    tag: n,
+    tag: o,
     backgroundColor: p,
     buttonLink: x,
     LinkComponent: u
@@ -168,13 +168,13 @@ const z = s.a`
         children: [
           /* @__PURE__ */ r("img", { src: t, className: "wrapper__image" }),
           /* @__PURE__ */ i("div", { className: "wrapper__text", children: [
-            n && /* @__PURE__ */ r("div", { className: "text__tag", children: n }),
+            o && /* @__PURE__ */ r("div", { className: "text__tag", children: o }),
             /* @__PURE__ */ r("div", { className: "text__title", children: e }),
             w(a) && /* @__PURE__ */ r("div", { className: "text__description", children: a }),
-            w(o) && /* @__PURE__ */ r(
+            w(n) && /* @__PURE__ */ r(
               C,
               {
-                text: o,
+                text: n,
                 className: "text__action"
               }
             )
@@ -271,13 +271,13 @@ const z = s.a`
   keyPrefix: e,
   isLoading: t = !1,
   fallbackComponent: a = /* @__PURE__ */ r($, {}),
-  children: o
-}) => /* @__PURE__ */ r(N, { fallbackComponent: a, children: t === !0 ? /* @__PURE__ */ r(R, { keyPrefix: e }) : o }), Z = v(
+  children: n
+}) => /* @__PURE__ */ r(N, { fallbackComponent: a, children: t === !0 ? /* @__PURE__ */ r(R, { keyPrefix: e }) : n }), Z = v(
   ({
     title: e,
     items: t,
     isLoading: a = !1,
-    limit: o = 3,
+    limit: n = 3,
     onSelectCard: c = () => {
     },
     LinkComponent: g
@@ -288,11 +288,11 @@ const z = s.a`
       {
         isLoading: a,
         keyPrefix: "masonry-general-cards-skeleton",
-        children: /* @__PURE__ */ r(E, { limit: o, children: t && (t == null ? void 0 : t.map((n, p) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r(E, { limit: n, children: t && (t == null ? void 0 : t.map((o, p) => /* @__PURE__ */ r(
           M,
           {
-            ...n,
-            onSelectCard: () => c(n),
+            ...o,
+            onSelectCard: () => c(o),
             LinkComponent: g
           },
           `landing-page-masonry-general-card__${p + 1}`

package/dist/PartnerCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),x=require("./Icon.cjs"),_=require("./Popover.cjs"),f=require("./PopoverTrigger.cjs"),u=require("./PopoverContent.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),l=require("./utils-RnrgDDZP.cjs"),y=d.styled.div`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),u=require("./Icon.cjs"),f=require("./Popover.cjs"),v=require("./PopoverTrigger.cjs"),y=require("./PopoverContent.cjs"),j=require("./useDetectMobile-zkbzoOGV.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),l=require("./utils-RnrgDDZP.cjs"),b=d.styled.div`
   display: flex;
   flex-direction: column;
   gap: 3rem;
@@ -89,7 +89,7 @@
     }
   }
 
-  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
     padding: 1rem;
 
     & .section__text {
@@ -101,7 +101,7 @@
 
     & .section__items {
       display: grid;
-      grid-template-columns: ${()=>"repeat(2, minmax(0, auto))"};
+      grid-template-columns: ${()=>"repeat(2, minmax(0, 1fr))"};
       justify-items: center;
       gap: 1rem;
 
@@ -115,7 +115,7 @@
       }
     }
   }
-`,w=d.styled.div`
+`,q=d.styled.div`
   width: 100%;
   height: 100%;
   max-width: 16.25rem;
@@ -131,4 +131,4 @@
   line-height: 1rem;
   letter-spacing: 0.025rem;
   color: var(--gray-900, #0c1520);
-`,j=c.forwardRef(({icon:o,title:s,description:i,items:r,onSelectCard:g=()=>{}},b)=>{const[m,a]=c.useState(null),h=t=>{a(t)},p=()=>{a(null)};return e.jsxs(y,{children:[e.jsxs("div",{className:"section__text",children:[o&&e.jsx(x,{icon:o,sizeInUnits:"2.5rem",color:"warning",className:"section__icon"}),s&&e.jsx("div",{className:"section__title",children:e.jsx("span",{children:s})}),i&&e.jsx("div",{className:"section__description",children:i})]}),r&&(r==null?void 0:r.length)>0&&e.jsx("div",{className:"section__items",children:r==null?void 0:r.map((t,n)=>e.jsxs(_,{open:n===m,placement:"top-end",offsetValue:4,children:[e.jsx(f,{className:"section__trigger",children:e.jsx("div",{className:"section__item",onMouseEnter:()=>{h(n)},onMouseLeave:p,onClick:()=>{g(t)},children:e.jsx("img",{src:t==null?void 0:t.imageUrl,alt:`Partner card image ${n+1}`,loading:"lazy"})})}),e.jsx(u,{style:{padding:0,borderRadius:12},children:e.jsx(w,{children:i})})]},`partner-cards-section-item__${n+1}`))})]})});module.exports=j;
+`,P=c.forwardRef(({icon:i,title:o,description:s,items:n,onSelectCard:g=()=>{},onTapCard:h=()=>{}})=>{const p=j.useDetectMobile(),[m,a]=c.useState(null),x=r=>{a(r)},_=()=>{a(null)};return e.jsxs(b,{children:[e.jsxs("div",{className:"section__text",children:[i&&e.jsx(u,{icon:i,sizeInUnits:"2.5rem",color:"warning",className:"section__icon"}),o&&e.jsx("div",{className:"section__title",children:e.jsx("span",{children:o})}),s&&e.jsx("div",{className:"section__description",children:s})]}),n&&(n==null?void 0:n.length)>0&&e.jsx("div",{className:"section__items",children:p?n==null?void 0:n.map((r,t)=>e.jsx("div",{className:"section__item",onClick:()=>h(r),children:e.jsx("img",{src:r==null?void 0:r.imageUrl,alt:`Partner card image ${t+1}`,loading:"lazy"})},`partner-cards-section-item__${t+1}`)):n==null?void 0:n.map((r,t)=>e.jsxs(f,{open:t===m,placement:"top-end",offsetValue:4,children:[e.jsx(v,{className:"section__trigger",children:e.jsx("div",{className:"section__item",onMouseEnter:()=>x(t),onMouseLeave:_,onClick:()=>g(r),children:e.jsx("img",{src:r==null?void 0:r.imageUrl,alt:`Partner card image ${t+1}`,loading:"lazy"})})}),e.jsx(y,{style:{padding:0,borderRadius:12},children:e.jsx(q,{children:r==null?void 0:r.description})})]},`partner-cards-section-item__${t+1}`))})]})});module.exports=P;

package/dist/PartnerCardsSection.js

@@ -1,13 +1,14 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { forwardRef as h, useState as f } from "react";
-import _ from "./Icon.js";
-import x from "./Popover.js";
-import u from "./PopoverTrigger.js";
-import v from "./PopoverContent.js";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { forwardRef as _, useState as x } from "react";
+import u from "./Icon.js";
+import v from "./Popover.js";
+import y from "./PopoverTrigger.js";
+import w from "./PopoverContent.js";
+import { u as b } from "./useDetectMobile-Bkvj0VMa.js";
 import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as y } from "./consts-BuFChS64.js";
-import { t as w, m as b } from "./utils-DtEfC-TX.js";
-const P = l.div`
+import { M as P } from "./consts-BuFChS64.js";
+import { t as N, m as $ } from "./utils-DtEfC-TX.js";
+const z = l.div`
   display: flex;
   flex-direction: column;
   gap: 3rem;
@@ -35,7 +36,7 @@ const P = l.div`
         letter-spacing: 0%;
         text-align: center;
         color: var(--gray-900, #0c1520);
-        ${w()}
+        ${N()}
       }
 
       &::after {
@@ -61,7 +62,7 @@ const P = l.div`
       letter-spacing: 0.0156rem;
       text-align: center;
       color: var(--gray-700, #424b56);
-      ${b(2)}
+      ${$(2)}
     }
   }
 
@@ -98,7 +99,7 @@ const P = l.div`
     }
   }
 
-  @media (max-width: ${y + "px"}) {
+  @media (max-width: ${P + "px"}) {
     padding: 1rem;
 
     & .section__text {
@@ -110,7 +111,7 @@ const P = l.div`
 
     & .section__items {
       display: grid;
-      grid-template-columns: ${() => "repeat(2, minmax(0, auto))"};
+      grid-template-columns: ${() => "repeat(2, minmax(0, 1fr))"};
       justify-items: center;
       gap: 1rem;
 
@@ -124,7 +125,7 @@ const P = l.div`
       }
     }
   }
-`, N = l.div`
+`, C = l.div`
   width: 100%;
   height: 100%;
   max-width: 16.25rem;
@@ -140,64 +141,83 @@ const P = l.div`
   line-height: 1rem;
   letter-spacing: 0.025rem;
   color: var(--gray-900, #0c1520);
-`, S = h(
-  ({ icon: a, title: c, description: n, items: r, onSelectCard: m = () => {
-  } }, j) => {
-    const [d, s] = f(null), g = (t) => {
-      s(t);
-    }, p = () => {
+`, L = _(
+  ({
+    icon: i,
+    title: a,
+    description: c,
+    items: t,
+    onSelectCard: d = () => {
+    },
+    onTapCard: m = () => {
+    }
+  }) => {
+    const g = b(), [p, s] = x(null), h = (e) => {
+      s(e);
+    }, f = () => {
       s(null);
     };
-    return /* @__PURE__ */ o(P, { children: [
+    return /* @__PURE__ */ o(z, { children: [
       /* @__PURE__ */ o("div", { className: "section__text", children: [
-        a && /* @__PURE__ */ e(
-          _,
+        i && /* @__PURE__ */ r(
+          u,
           {
-            icon: a,
+            icon: i,
             sizeInUnits: "2.5rem",
             color: "warning",
             className: "section__icon"
           }
         ),
-        c && /* @__PURE__ */ e("div", { className: "section__title", children: /* @__PURE__ */ e("span", { children: c }) }),
-        n && /* @__PURE__ */ e("div", { className: "section__description", children: n })
+        a && /* @__PURE__ */ r("div", { className: "section__title", children: /* @__PURE__ */ r("span", { children: a }) }),
+        c && /* @__PURE__ */ r("div", { className: "section__description", children: c })
       ] }),
-      r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ e("div", { className: "section__items", children: r == null ? void 0 : r.map((t, i) => /* @__PURE__ */ o(
-        x,
+      t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ r("div", { className: "section__items", children: g ? t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ r(
+        "div",
+        {
+          className: "section__item",
+          onClick: () => m(e),
+          children: /* @__PURE__ */ r(
+            "img",
+            {
+              src: e == null ? void 0 : e.imageUrl,
+              alt: `Partner card image ${n + 1}`,
+              loading: "lazy"
+            }
+          )
+        },
+        `partner-cards-section-item__${n + 1}`
+      )) : t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ o(
+        v,
         {
-          open: i === d,
+          open: n === p,
           placement: "top-end",
           offsetValue: 4,
           children: [
-            /* @__PURE__ */ e(u, { className: "section__trigger", children: /* @__PURE__ */ e(
+            /* @__PURE__ */ r(y, { className: "section__trigger", children: /* @__PURE__ */ r(
               "div",
               {
                 className: "section__item",
-                onMouseEnter: () => {
-                  g(i);
-                },
-                onMouseLeave: p,
-                onClick: () => {
-                  m(t);
-                },
-                children: /* @__PURE__ */ e(
+                onMouseEnter: () => h(n),
+                onMouseLeave: f,
+                onClick: () => d(e),
+                children: /* @__PURE__ */ r(
                   "img",
                   {
-                    src: t == null ? void 0 : t.imageUrl,
-                    alt: `Partner card image ${i + 1}`,
+                    src: e == null ? void 0 : e.imageUrl,
+                    alt: `Partner card image ${n + 1}`,
                     loading: "lazy"
                   }
                 )
               }
             ) }),
-            /* @__PURE__ */ e(v, { style: { padding: 0, borderRadius: 12 }, children: /* @__PURE__ */ e(N, { children: n }) })
+            /* @__PURE__ */ r(w, { style: { padding: 0, borderRadius: 12 }, children: /* @__PURE__ */ r(C, { children: e == null ? void 0 : e.description }) })
           ]
         },
-        `partner-cards-section-item__${i + 1}`
+        `partner-cards-section-item__${n + 1}`
       )) })
     ] });
   }
 );
 export {
-  S as default
+  L as default
 };

package/package.json

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