@lanaco/lnc-react-ui 4.0.121 → 4.0.122

package/dist/BannerSectionGrid.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),j=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),s=require("./index-BaLBHyTh.cjs"),q=w.styled.div`
+"use strict";const t=require("react/jsx-runtime"),j=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),s=require("./index-CSgGox95.cjs"),q=w.styled.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 0;
@@ -35,8 +35,8 @@
       max-height: 11.25rem;
     }
 
-    & .img1,
-    .img2 {
+    & .img-1,
+    .img-2 {
       border-radius: 0.75rem;
     }
 

package/dist/BannerSectionGrid.js

@@ -3,7 +3,7 @@ import { forwardRef as w } from "react";
 import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as k } from "./consts-BuFChS64.js";
 import { u as L } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as o } from "./index-CsrdUl1x.js";
+import { T as o } from "./index-DK8dqEUQ.js";
 const N = T.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
@@ -41,8 +41,8 @@ const N = T.div`
       max-height: 11.25rem;
     }
 
-    & .img1,
-    .img2 {
+    & .img-1,
+    .img-2 {
       border-radius: 0.75rem;
     }
 

package/dist/BannerSectionSimple.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),M=require("react"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-goSZX3xP.cjs"),v=require("./Button.cjs"),H=require("./useDetectMobile-zkbzoOGV.cjs"),B=r.styled.div`
+"use strict";const t=require("react/jsx-runtime"),j=require("react"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-goSZX3xP.cjs"),M=require("./Button.cjs"),z=require("./useDetectMobile-zkbzoOGV.cjs"),H=r.styled.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${e=>e.bgcolor||"transparent"};
@@ -30,6 +30,7 @@
     min-height: unset;
     max-height: unset;
     border: none;
+    border-radius: 0;
 
     & button {
       width: fit-content;
@@ -42,7 +43,7 @@
       min-height: ${e=>`${e.imgHMob}px`||"12.1rem"};
     }
   }
-`,_=r.styled.div`
+`,B=r.styled.div`
   padding: ${e=>e.smallPadding===!0?"2rem":"4rem 5rem"};
   display: flex;
   gap: 2rem;
@@ -51,27 +52,62 @@
 
   ${e=>e.isHorizontalContent===!0&&"justify-content: space-between;"}
 
+  & .header-button {
+    width: fit-content;
+    background: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.09px;
+    white-space: pre;
+
+    &:hover {
+      background: var(--gray-700, #424b56);
+    }
+  }
+
   @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
     padding: 0;
     flex-direction: column;
   }
-`,C=r.styled.div`
+`,_=r.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 
   & .header-title {
+    color: var(--gray-950, #14161a);
     font-size: 1.75rem;
+    font-style: normal;
     font-weight: 600;
+    line-height: 2.25rem;
+    letter-spacing: -0.0369rem;
   }
 
   & .header-subtitle {
     color: var(--gray-950, #14161a);
     font-size: 1rem;
+    font-style: normal;
     font-weight: 500;
+    line-height: 1.5rem;
+    letter-spacing: -0.0112rem;
   }
 
   @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
+
+    & .header-title {
+      font-size: 1.375rem;
+      font-weight: 600;
+      line-height: 1.75rem;
+    }
+
+    & .header-subtitle {
+      font-size: 1rem;
+      font-weight: 500;
+      line-height: 1.5rem;
+      letter-spacing: -0.0112rem;
+    }
   }
-`,I=M.forwardRef((e,d)=>{const{title:h,subtitle:c,buttonText:g,buttonLink:x,onButtonAction:u=()=>{},imageUrl:n,imagePosition:s="right",hideImageForMobile:a=!1,sectionHeight:p="12.65625rem",imageWidth:b,imageHeightMobile:$,smallPadding:f=!1,isHorizontalContent:w=!1,backgroundColor:j,hasBorder:y=!1}=e,l=H.useDetectMobile();return t.jsxs(B,{ref:d,bgcolor:j,height:p,imgW:b,imgHMob:$,hasBorder:y,children:[s!=="right"&&!(a===!0&&l===!0)&&t.jsx("img",{src:n}),t.jsxs(_,{isHorizontalContent:w,smallPadding:f,children:[t.jsxs(C,{children:[t.jsx("div",{className:"header-title",children:h}),t.jsx("div",{className:"header-subitle",children:c})]}),t.jsx(v,{size:"medium",color:"neutral",type:"button",onClick:i=>{var m;(m=i==null?void 0:i.target)==null||m.blur(),u(x)},children:g})]}),s==="right"&&!(a===!0&&l===!0)&&t.jsx("img",{src:n})]})});module.exports=I;
+`,k=j.forwardRef((e,h)=>{const{title:d,subtitle:g,buttonText:c,buttonLink:x,onButtonAction:u=()=>{},imageUrl:n,imagePosition:a="right",hideImageForMobile:s=!1,sectionHeight:p="12.65625rem",imageWidth:b,imageHeightMobile:f,smallPadding:$=!1,isHorizontalContent:w=!1,backgroundColor:y,hasBorder:v=!1}=e,l=z.useDetectMobile();return t.jsxs(H,{ref:h,bgcolor:y,height:p,imgW:b,imgHMob:f,hasBorder:v,children:[a!=="right"&&!(s===!0&&l===!0)&&t.jsx("img",{src:n}),t.jsxs(B,{isHorizontalContent:w,smallPadding:$,children:[t.jsxs(_,{children:[t.jsx("div",{className:"header-title",children:d}),t.jsx("div",{className:"header-subitle",children:g})]}),t.jsx(M,{size:"medium",color:"neutral",type:"button",className:"header-button",onClick:i=>{var m;(m=i==null?void 0:i.target)==null||m.blur(),u(x)},children:c})]}),a==="right"&&!(s===!0&&l===!0)&&t.jsx("img",{src:n})]})});module.exports=k;

package/dist/BannerSectionSimple.js

@@ -1,10 +1,10 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
+import { forwardRef as H } from "react";
 import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as n } from "./consts-BuFChS64.js";
-import C from "./Button.js";
-import { u as z } from "./useDetectMobile-Bkvj0VMa.js";
-const B = o.div`
+import M from "./Button.js";
+import { u as k } from "./useDetectMobile-Bkvj0VMa.js";
+const C = o.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${(e) => e.bgcolor || "transparent"};
@@ -36,6 +36,7 @@ const B = o.div`
     min-height: unset;
     max-height: unset;
     border: none;
+    border-radius: 0;
 
     & button {
       width: fit-content;
@@ -48,7 +49,7 @@ const B = o.div`
       min-height: ${(e) => `${e.imgHMob}px` || "12.1rem"};
     }
   }
-`, k = o.div`
+`, B = o.div`
   padding: ${(e) => e.smallPadding === !0 ? "2rem" : "4rem 5rem"};
   display: flex;
   gap: 2rem;
@@ -57,6 +58,21 @@ const B = o.div`
 
   ${(e) => e.isHorizontalContent === !0 && "justify-content: space-between;"}
 
+  & .header-button {
+    width: fit-content;
+    background: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.09px;
+    white-space: pre;
+
+    &:hover {
+      background: var(--gray-700, #424b56);
+    }
+  }
+
   @media (max-width: ${n + "px"}) {
     padding: 0;
     flex-direction: column;
@@ -67,53 +83,73 @@ const B = o.div`
   gap: 0.25rem;
 
   & .header-title {
+    color: var(--gray-950, #14161a);
     font-size: 1.75rem;
+    font-style: normal;
     font-weight: 600;
+    line-height: 2.25rem;
+    letter-spacing: -0.0369rem;
   }
 
   & .header-subtitle {
     color: var(--gray-950, #14161a);
     font-size: 1rem;
+    font-style: normal;
     font-weight: 500;
+    line-height: 1.5rem;
+    letter-spacing: -0.0112rem;
   }
 
   @media (max-width: ${n + "px"}) {
     flex-direction: column;
+
+    & .header-title {
+      font-size: 1.375rem;
+      font-weight: 600;
+      line-height: 1.75rem;
+    }
+
+    & .header-subtitle {
+      font-size: 1rem;
+      font-weight: 500;
+      line-height: 1.5rem;
+      letter-spacing: -0.0112rem;
+    }
   }
-`, N = y((e, g) => {
+`, L = H((e, g) => {
   const {
     title: s,
     subtitle: c,
-    buttonText: x,
-    buttonLink: p,
+    buttonText: p,
+    buttonLink: x,
     onButtonAction: u = () => {
     },
     imageUrl: a,
     imagePosition: m = "right",
-    hideImageForMobile: d = !1,
-    sectionHeight: b = "12.65625rem",
-    imageWidth: f,
+    hideImageForMobile: l = !1,
+    sectionHeight: f = "12.65625rem",
+    imageWidth: b,
     imageHeightMobile: $,
     smallPadding: w = !1,
-    isHorizontalContent: v = !1,
-    backgroundColor: H,
-    hasBorder: M = !1
-  } = e, l = z();
+    isHorizontalContent: y = !1,
+    backgroundColor: v,
+    hasBorder: z = !1
+  } = e, h = k();
   return /* @__PURE__ */ r(
-    B,
+    C,
     {
       ref: g,
-      bgcolor: H,
-      height: b,
-      imgW: f,
+      bgcolor: v,
+      height: f,
+      imgW: b,
       imgHMob: $,
-      hasBorder: M,
+      hasBorder: z,
       children: [
-        m !== "right" && !(d === !0 && l === !0) && /* @__PURE__ */ t("img", { src: a }),
+        m !== "right" && !(l === !0 && h === !0) && /* @__PURE__ */ t("img", { src: a }),
         /* @__PURE__ */ r(
-          k,
+          B,
           {
-            isHorizontalContent: v,
+            isHorizontalContent: y,
             smallPadding: w,
             children: [
               /* @__PURE__ */ r(W, { children: [
@@ -121,26 +157,27 @@ const B = o.div`
                 /* @__PURE__ */ t("div", { className: "header-subitle", children: c })
               ] }),
               /* @__PURE__ */ t(
-                C,
+                M,
                 {
                   size: "medium",
                   color: "neutral",
                   type: "button",
+                  className: "header-button",
                   onClick: (i) => {
-                    var h;
-                    (h = i == null ? void 0 : i.target) == null || h.blur(), u(p);
+                    var d;
+                    (d = i == null ? void 0 : i.target) == null || d.blur(), u(x);
                   },
-                  children: x
+                  children: p
                 }
               )
             ]
           }
         ),
-        m === "right" && !(d === !0 && l === !0) && /* @__PURE__ */ t("img", { src: a })
+        m === "right" && !(l === !0 && h === !0) && /* @__PURE__ */ t("img", { src: a })
       ]
     }
   );
 });
 export {
-  N as default
+  L as default
 };

package/dist/BannerSectionWithList.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./consts-goSZX3xP.cjs"),g=require("./Button.cjs"),n=require("./utils-CZynEOC_.cjs"),h=o.styled.div`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./consts-goSZX3xP.cjs"),u=require("./Button.cjs"),i=require("./utils-CZynEOC_.cjs"),x=o.styled.div`
   padding-bottom: 1.38rem;
   text-align: center;
   display: flex;
@@ -9,9 +9,20 @@
 
   & button {
     width: fit-content;
+    background: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.09px;
+    white-space: pre;
+
+    &:hover {
+      background: var(--gray-700, #424b56);
+    }
   }
 
-  @media (max-width: ${l.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
     padding-bottom: 0;
   }
 `,p=o.styled.div`
@@ -22,19 +33,36 @@
   gap: 0.25rem;
 
   & .header-title {
-    font-size: 1.5rem;
+    color: var(--gray-950, #14161a);
+    text-align: center;
+    font-size: 1.75rem;
+    font-style: normal;
     font-weight: 600;
+    line-height: 2.25rem;
   }
 
   & .header-subtitle {
     color: var(--gray-600, #676e79);
+    text-align: center;
     font-size: 1rem;
+    font-style: normal;
     font-weight: 500;
+    line-height: 1.5rem;
   }
 
-  @media (max-width: ${l.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
+    & .header-title {
+      font-size: 1.375rem;
+      line-height: 1.75rem;
+    }
+
+    & .header-subtitle {
+      font-size: 0.875rem;
+      font-style: normal;
+      line-height: 1.25rem;
+    }
   }
-`,j=o.styled.div`
+`,y=o.styled.div`
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -47,14 +75,20 @@
   & .list-item {
     display: flex;
     align-items: center;
+    color: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
 
     & .mng {
       font-size: 1.25rem;
-      color: var(--success-600);
+      color: var(--primary-600, #e86b1e);
     }
   }
 
-  @media (max-width: ${l.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
     & .list-item {
       flex-direction: column;
       text-align: center;
@@ -62,4 +96,4 @@
       gap: 0;
     }
   }
-`,y=a.forwardRef((d,m)=>{const{title:s,subtitle:r,buttonText:u,list:c,buttonLink:x,onButtonAction:f=()=>{}}=d;return e.jsxs(h,{ref:m,children:[(n.isDefined(s)||n.isDefined(r))&&e.jsxs(p,{children:[n.isDefined(s)&&e.jsx("div",{className:"header-title",children:s}),n.isDefined(r)&&e.jsx("div",{className:"header-subitle",children:r})]}),e.jsx(j,{children:c==null?void 0:c.map((t,i)=>e.jsx(a.Fragment,{children:e.jsxs("div",{className:"list-item",children:[e.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),e.jsx("span",{children:t})]})},i))}),e.jsx(g,{size:"medium",color:"neutral",type:"button",onClick:t=>{var i;(i=t==null?void 0:t.target)==null||i.blur(),f(x)},children:u})]})});module.exports=y;
+`,b=c.forwardRef((m,d)=>{const{title:r,subtitle:s,buttonText:h,list:l,buttonLink:g,onButtonAction:f=()=>{}}=m;return e.jsxs(x,{ref:d,children:[(i.isDefined(r)||i.isDefined(s))&&e.jsxs(p,{children:[i.isDefined(r)&&e.jsx("div",{className:"header-title",children:r}),i.isDefined(s)&&e.jsx("div",{className:"header-subitle",children:s})]}),e.jsx(y,{children:l==null?void 0:l.map((t,n)=>e.jsx(c.Fragment,{children:e.jsxs("div",{className:"list-item",children:[e.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),e.jsx("span",{children:t})]})},n))}),e.jsx(u,{size:"medium",color:"neutral",type:"button",className:"header-button",onClick:t=>{var n;(n=t==null?void 0:t.target)==null||n.blur(),f(g)},children:h})]})});module.exports=b;

package/dist/BannerSectionWithList.js

@@ -1,10 +1,10 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { forwardRef as g, Fragment as h } from "react";
-import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as m } from "./consts-BuFChS64.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { forwardRef as p, Fragment as u } from "react";
+import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as s } from "./consts-BuFChS64.js";
 import x from "./Button.js";
 import { l as n } from "./utils-BbgAIA9N.js";
-const y = c.div`
+const y = m.div`
   padding-bottom: 1.38rem;
   text-align: center;
   display: flex;
@@ -15,12 +15,23 @@ const y = c.div`
 
   & button {
     width: fit-content;
+    background: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.09px;
+    white-space: pre;
+
+    &:hover {
+      background: var(--gray-700, #424b56);
+    }
   }
 
-  @media (max-width: ${m + "px"}) {
+  @media (max-width: ${s + "px"}) {
     padding-bottom: 0;
   }
-`, b = c.div`
+`, b = m.div`
   text-align: center;
   display: flex;
   justify-content: center;
@@ -28,19 +39,36 @@ const y = c.div`
   gap: 0.25rem;
 
   & .header-title {
-    font-size: 1.5rem;
+    color: var(--gray-950, #14161a);
+    text-align: center;
+    font-size: 1.75rem;
+    font-style: normal;
     font-weight: 600;
+    line-height: 2.25rem;
   }
 
   & .header-subtitle {
     color: var(--gray-600, #676e79);
+    text-align: center;
     font-size: 1rem;
+    font-style: normal;
     font-weight: 500;
+    line-height: 1.5rem;
   }
 
-  @media (max-width: ${m + "px"}) {
+  @media (max-width: ${s + "px"}) {
+    & .header-title {
+      font-size: 1.375rem;
+      line-height: 1.75rem;
+    }
+
+    & .header-subtitle {
+      font-size: 0.875rem;
+      font-style: normal;
+      line-height: 1.25rem;
+    }
   }
-`, v = c.div`
+`, v = m.div`
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -53,14 +81,20 @@ const y = c.div`
   & .list-item {
     display: flex;
     align-items: center;
+    color: var(--gray-950, #14161a);
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
 
     & .mng {
       font-size: 1.25rem;
-      color: var(--success-600);
+      color: var(--primary-600, #e86b1e);
     }
   }
 
-  @media (max-width: ${m + "px"}) {
+  @media (max-width: ${s + "px"}) {
     & .list-item {
       flex-direction: column;
       text-align: center;
@@ -68,22 +102,22 @@ const y = c.div`
       gap: 0;
     }
   }
-`, N = g((s, d) => {
+`, L = p((c, d) => {
   const {
     title: r,
     subtitle: o,
     buttonText: f,
-    list: l,
-    buttonLink: p,
-    onButtonAction: u = () => {
+    list: a,
+    buttonLink: h,
+    onButtonAction: g = () => {
     }
-  } = s;
-  return /* @__PURE__ */ a(y, { ref: d, children: [
-    (n(r) || n(o)) && /* @__PURE__ */ a(b, { children: [
+  } = c;
+  return /* @__PURE__ */ l(y, { ref: d, children: [
+    (n(r) || n(o)) && /* @__PURE__ */ l(b, { children: [
       n(r) && /* @__PURE__ */ e("div", { className: "header-title", children: r }),
       n(o) && /* @__PURE__ */ e("div", { className: "header-subitle", children: o })
     ] }),
-    /* @__PURE__ */ e(v, { children: l == null ? void 0 : l.map((t, i) => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a("div", { className: "list-item", children: [
+    /* @__PURE__ */ e(v, { children: a == null ? void 0 : a.map((t, i) => /* @__PURE__ */ e(u, { children: /* @__PURE__ */ l("div", { className: "list-item", children: [
       /* @__PURE__ */ e("i", { className: "mng mng-lnc-checkmark--filled" }),
       /* @__PURE__ */ e("span", { children: t })
     ] }) }, i)) }),
@@ -93,9 +127,10 @@ const y = c.div`
         size: "medium",
         color: "neutral",
         type: "button",
+        className: "header-button",
         onClick: (t) => {
           var i;
-          (i = t == null ? void 0 : t.target) == null || i.blur(), u(p);
+          (i = t == null ? void 0 : t.target) == null || i.blur(), g(h);
         },
         children: f
       }
@@ -103,5 +138,5 @@ const y = c.div`
   ] });
 });
 export {
-  N as default
+  L as default
 };

package/dist/BannerSectionWithListImage.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),a=require("react"),n=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-goSZX3xP.cjs"),j=require("./Button.cjs"),y=n.styled.div`
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),n=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./consts-goSZX3xP.cjs"),w=require("./Button.cjs"),j=n.styled.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${e=>(e==null?void 0:e.bgColor)||"transparent"};
@@ -23,6 +23,10 @@
 
   @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
+    border-radius: 0;
+    border: none;
+    box-shadow: none;
+
     & img {
       max-width: 100%;
       min-width: 100%;
@@ -39,7 +43,7 @@
   flex-direction: column;
 
   @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
-    padding: 1.25rem;
+    padding: 0 0 1.25rem 0;
   }
 `,$=n.styled.div`
   display: flex;
@@ -47,14 +51,21 @@
   gap: 0.25rem;
 
   & .header-title {
-    font-size: 1.5rem;
+    color: var(--gray-950, #14161a);
+    font-size: 1.75rem;
+    font-style: normal;
     font-weight: 600;
+    line-height: 2.25rem;
+    letter-spacing: -0.5904px;
   }
 
   & .header-subtitle {
-    color: var(--gray-600, #676e79);
+    color: var(--gray-950, #14161a);
     font-size: 1rem;
+    font-style: normal;
     font-weight: 500;
+    line-height: 1.5rem;
+    letter-spacing: -0.0112rem;
   }
 
   @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
@@ -68,15 +79,21 @@
   font-weight: 500;
 
   & .list-item {
+    color: var(--gray-950, #14161a);
     display: flex;
     align-items: center;
+    font-size: 0.875rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.25rem;
+    letter-spacing: -0.0056rem;
 
     & .mng {
       font-size: 1.25rem;
-      color: var(--info-600);
+      color: var(--info-600, #6d28d9);
     }
   }
 
   @media (max-width: ${o.MOBILE_SIZE_PX+"px"}) {
   }
-`,B=a.forwardRef((e,m)=>{const{title:d,subtitle:l,buttonText:c,list:s,imageUrl:x,imageHeight:g,imageWidth:h,imageHeightMobile:u,hasBorder:p=!0,backgroundColor:b="transparent",onButtonAction:f=()=>{},buttonLink:w}=e;return i.jsxs(y,{ref:m,imgH:g,imgW:h,imgHMob:u,hasBorder:p,bgColor:b,children:[i.jsxs(v,{children:[i.jsxs($,{children:[i.jsx("div",{className:"header-title",children:d}),i.jsx("div",{className:"header-subitle",children:l})]}),i.jsx(_,{children:s==null?void 0:s.map((t,r)=>i.jsx(a.Fragment,{children:i.jsxs("div",{className:"list-item",children:[i.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),i.jsx("span",{children:t})]})},r))}),i.jsx(j,{size:"medium",color:"neutral",type:"button",btnType:"outline",onClick:t=>{var r;(r=t==null?void 0:t.target)==null||r.blur(),f(w)},children:c})]}),i.jsx("img",{src:x})]})});module.exports=B;
+`,B=s.forwardRef((e,m)=>{const{title:l,subtitle:d,buttonText:c,list:a,imageUrl:g,imageHeight:h,imageWidth:x,imageHeightMobile:p,hasBorder:u=!0,backgroundColor:f="transparent",onButtonAction:b=()=>{},buttonLink:y}=e;return i.jsxs(j,{ref:m,imgH:h,imgW:x,imgHMob:p,hasBorder:u,bgColor:f,children:[i.jsxs(v,{children:[i.jsxs($,{children:[i.jsx("div",{className:"header-title",children:l}),i.jsx("div",{className:"header-subitle",children:d})]}),i.jsx(_,{children:a==null?void 0:a.map((t,r)=>i.jsx(s.Fragment,{children:i.jsxs("div",{className:"list-item",children:[i.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),i.jsx("span",{children:t})]})},r))}),i.jsx(w,{size:"medium",color:"neutral",type:"button",btnType:"outline",onClick:t=>{var r;(r=t==null?void 0:t.target)==null||r.blur(),b(y)},children:c})]}),i.jsx("img",{src:g})]})});module.exports=B;