@lanaco/lnc-react-ui 4.0.112 → 4.0.113

package/dist/BlogsSectionDetailed.cjs

@@ -20,7 +20,6 @@
   min-height: 21.5625rem;
   cursor: pointer;
   &:hover {
-   
   }
 
   & img {
@@ -40,11 +39,17 @@
   & .tags-wr {
     margin-top: auto;
     display: flex;
+
     gap: 0.5rem;
     padding: 0 1rem 1rem 1rem;
   }
 
   @media (max-width: ${N.MOBILE_SIZE_PX+"px"}) {
+    max-height: 100%;
+    min-height: 100%;
+    & .tags-wr {
+      flex-wrap: wrap;
+    }
   }
 `,S=w.styled.div`
   padding: 1rem 1rem 0 1rem;
@@ -105,4 +110,4 @@
     align-items: center;
     gap: 1rem;
   }
-`,$=u.forwardRef((i,a)=>{const{title:s,imageUrl:m,text:o,numberOfLikes:n,numberOfComments:h,timeToRead:p,publishedAt:c,tags:d,onCardClick:j,timeToReadText:f="{0} min read"}=i;return t.jsxs(v,{ref:a,className:"blog-card",onClick:j,children:[t.jsx(O.ProductImageWrapper,{src:m}),t.jsxs(S,{children:[t.jsxs("div",{className:"info-wr",children:[t.jsxs("div",{className:"info-wr-1",children:[t.jsxs("span",{children:[r.formatLocaleDateString(c)," "]}),t.jsx("span",{className:"small-dot",children:"●"}),p&&f?`${r.formatString(f,p)}`:"N/A"]}),t.jsxs("div",{className:"info-wr-2",children:[t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),t.jsx("span",{children:r.getRoundedNumber(n)})]}),t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-messages-filled"}),t.jsx("span",{children:r.getRoundedNumber(h)})]})]})]}),t.jsx("div",{className:"text-wr-title",children:s}),t.jsx("div",{className:"text-wr",children:o})]}),t.jsx("div",{className:"tags-wr",children:d==null?void 0:d.map((l,b)=>t.jsx(k.BlogTag,{color:l==null?void 0:l.color,children:l==null?void 0:l.name},b))})]})}),D=u.forwardRef(({},i)=>t.jsxs(v,{className:"blog-card",children:[t.jsx("div",{className:"skeleton-img"}),t.jsxs(S,{children:[t.jsx("div",{className:"info-wr"}),t.jsx("div",{className:"skeleton-title"}),t.jsx("div",{className:"info-wr-skeleton"})]})]})),q=({limit:i=3,isLoading:a=!1,keyPrefix:s})=>t.jsx(t.Fragment,{children:Array.from({length:i},(m,o)=>t.jsx(D,{isLoading:a},`${s}-skeleton-product-card-${o}`))}),B=({children:i,fallbackComponent:a=t.jsx(t.Fragment,{}),isLoading:s=!1,limit:m,keyPrefix:o})=>t.jsx(u.Suspense,{fallbackComponent:a,children:s===!0?t.jsx(q,{isLoading:s,limit:m,keyPrefix:o}):i}),y=u.memo($),L=u.forwardRef((i,a)=>{const{icon:s,title:m,onButtonAction:o,items:n,buttonText:h,timeToReadText:p,limit:c=3,onSelectCard:d=()=>{},isLoading:j=!1,buttonLink:f,getImage:l=()=>{}}=i,b=R.useDetectMobile(),C=u.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?n==null?void 0:n.map((e,g)=>t.jsx(y,{title:e==null?void 0:e.title,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,tags:e==null?void 0:e.tags,onCardClick:()=>d(e==null?void 0:e.titleSlug),imageUrl:l(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},g)):n==null?void 0:n.slice(0,c).map((e,g)=>t.jsx(y,{title:e==null?void 0:e.title,imageUrl:l(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,tags:e==null?void 0:e.tags,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,onCardClick:()=>d(e==null?void 0:e.titleSlug)},g))}),[n,b,c,d]);return t.jsxs(k.RegulatTitleSectionWrapper,{ref:a,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[r.isDefinedNotEmptyString(s)&&t.jsx("i",{className:s}),t.jsx("span",{children:m})]}),r.isDefinedNotEmptyString(h)&&r.isDefinedNotEmptyString(f)&&t.jsx(T,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var g;(g=e==null?void 0:e.target)==null||g.blur(),o(f)},borderRadius:"curved",className:"button-link",children:h})]}),t.jsx(A,{limit:c,children:t.jsx(B,{isLoading:j,limit:c,keyPrefix:"explore-landing",children:C})})]})});module.exports=L;
+`,$=u.forwardRef((i,l)=>{const{title:s,imageUrl:m,text:o,numberOfLikes:n,numberOfComments:f,timeToRead:p,publishedAt:c,tags:d,onCardClick:j,timeToReadText:h="{0} min read"}=i;return t.jsxs(v,{ref:l,className:"blog-card",onClick:j,children:[t.jsx(O.ProductImageWrapper,{src:m}),t.jsxs(S,{children:[t.jsxs("div",{className:"info-wr",children:[t.jsxs("div",{className:"info-wr-1",children:[t.jsxs("span",{children:[r.formatLocaleDateString(c)," "]}),t.jsx("span",{className:"small-dot",children:"●"}),p&&h?`${r.formatString(h,p)}`:"N/A"]}),t.jsxs("div",{className:"info-wr-2",children:[t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),t.jsx("span",{children:r.getRoundedNumber(n)})]}),t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-messages-filled"}),t.jsx("span",{children:r.getRoundedNumber(f)})]})]})]}),t.jsx("div",{className:"text-wr-title",children:s}),t.jsx("div",{className:"text-wr",children:o})]}),t.jsx("div",{className:"tags-wr",children:d==null?void 0:d.map((a,b)=>t.jsx(k.BlogTag,{color:a==null?void 0:a.color,children:a==null?void 0:a.name},b))})]})}),D=u.forwardRef(({},i)=>t.jsxs(v,{className:"blog-card",children:[t.jsx("div",{className:"skeleton-img"}),t.jsxs(S,{children:[t.jsx("div",{className:"info-wr"}),t.jsx("div",{className:"skeleton-title"}),t.jsx("div",{className:"info-wr-skeleton"})]})]})),q=({limit:i=3,isLoading:l=!1,keyPrefix:s})=>t.jsx(t.Fragment,{children:Array.from({length:i},(m,o)=>t.jsx(D,{isLoading:l},`${s}-skeleton-product-card-${o}`))}),B=({children:i,fallbackComponent:l=t.jsx(t.Fragment,{}),isLoading:s=!1,limit:m,keyPrefix:o})=>t.jsx(u.Suspense,{fallbackComponent:l,children:s===!0?t.jsx(q,{isLoading:s,limit:m,keyPrefix:o}):i}),y=u.memo($),L=u.forwardRef((i,l)=>{const{icon:s,title:m,onButtonAction:o,items:n,buttonText:f,timeToReadText:p,limit:c=3,onSelectCard:d=()=>{},isLoading:j=!1,buttonLink:h,getImage:a=()=>{}}=i,b=R.useDetectMobile(),C=u.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?n==null?void 0:n.map((e,g)=>t.jsx(y,{title:e==null?void 0:e.title,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,tags:e==null?void 0:e.tags,onCardClick:()=>d(e==null?void 0:e.titleSlug),imageUrl:a(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},g)):n==null?void 0:n.slice(0,c).map((e,g)=>t.jsx(y,{title:e==null?void 0:e.title,imageUrl:a(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,tags:e==null?void 0:e.tags,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,onCardClick:()=>d(e==null?void 0:e.titleSlug)},g))}),[n,b,c,d]);return t.jsxs(k.RegulatTitleSectionWrapper,{ref:l,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[r.isDefinedNotEmptyString(s)&&t.jsx("i",{className:s}),t.jsx("span",{children:m})]}),r.isDefinedNotEmptyString(f)&&r.isDefinedNotEmptyString(h)&&t.jsx(T,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var g;(g=e==null?void 0:e.target)==null||g.blur(),o(h)},borderRadius:"curved",className:"button-link",children:f})]}),t.jsx(A,{limit:c,children:t.jsx(B,{isLoading:j,limit:c,keyPrefix:"explore-landing",children:C})})]})});module.exports=L;

package/dist/BlogsSectionDetailed.js

@@ -29,7 +29,6 @@ const E = y.div`
   min-height: 21.5625rem;
   cursor: pointer;
   &:hover {
-   
   }
 
   & img {
@@ -49,11 +48,17 @@ const E = y.div`
   & .tags-wr {
     margin-top: auto;
     display: flex;
+
     gap: 0.5rem;
     padding: 0 1rem 1rem 1rem;
   }
 
   @media (max-width: ${T + "px"}) {
+    max-height: 100%;
+    min-height: 100%;
+    & .tags-wr {
+      flex-wrap: wrap;
+    }
   }
 `, O = y.div`
   padding: 1rem 1rem 0 1rem;

package/dist/BlogsSectionSimpleCentered.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-goSZX3xP.cjs"),x=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./utils-CZynEOC_.cjs"),w=require("./Button.cjs"),b=require("./index-BvSNRLNa.cjs"),j=u.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./consts-goSZX3xP.cjs"),x=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./utils-CZynEOC_.cjs"),w=require("./Button.cjs"),b=require("./index-BvSNRLNa.cjs"),j=u.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -26,6 +26,7 @@
   & button {
     width: fit-content;
     margin-top: auto;
+    color: var(--gray-950, #14161a);
   }
 
   & img {
@@ -74,4 +75,4 @@
     color: var(--gray-700, #4e555f);
     ${m.truncateTextInRows(3)}
   }
-`,g=l.forwardRef((i,n)=>{const{title:r,image:o,text:a,buttonText:d,onCardClick:s}=i;return t.jsxs(h,{ref:n,className:"blog-card",onClick:s,children:[t.jsx(b.ProductImageWrapper,{src:o}),t.jsxs(f,{children:[t.jsx("div",{className:"text-wr-title",children:r}),t.jsx("div",{className:"text-wr",children:a})]}),t.jsx(w,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:s,size:"medium",children:d})]})}),k=l.forwardRef((i,n)=>{const{onCardClick:r}=i;return t.jsxs(h,{className:"product-card",onClick:r,children:[t.jsx("div",{className:"skeleton-img"}),t.jsx(f,{children:t.jsx("div",{className:"skeleton-title"})})]})}),C=({limit:i=3,isLoading:n=!1,keyPrefix:r})=>t.jsx(t.Fragment,{children:Array.from({length:i},(o,a)=>t.jsx(k,{isLoading:n},`${r}-skeleton-product-card-${a}`))}),y=({children:i,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:r=!1,limit:o,keyPrefix:a})=>t.jsx(l.Suspense,{fallbackComponent:n,children:r===!0?t.jsx(C,{isLoading:r,limit:o,keyPrefix:a}):i}),v=l.forwardRef((i,n)=>{const{items:r,limit:o=3,onSelectCard:a=()=>{},isLoading:d=!1}=i,s=x.useDetectMobile();return t.jsx(j,{ref:n,limit:o,children:t.jsx(y,{isLoading:d,limit:o,keyPrefix:"explore-landing",children:t.jsx(t.Fragment,{children:s===!0?r==null?void 0:r.map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>a(e)},c)):r==null?void 0:r.slice(0,o).map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>a(e)},c))})})})});module.exports=v;
+`,g=s.forwardRef((i,n)=>{const{title:r,image:o,text:a,buttonText:d,onCardClick:l}=i;return t.jsxs(h,{ref:n,className:"blog-card",onClick:l,children:[t.jsx(b.ProductImageWrapper,{src:o}),t.jsxs(f,{children:[t.jsx("div",{className:"text-wr-title",children:r}),t.jsx("div",{className:"text-wr",children:a})]}),t.jsx(w,{borderRadius:"curved",color:"gray",type:"button",btnType:"outline",onClick:l,size:"medium",children:d})]})}),k=s.forwardRef((i,n)=>{const{onCardClick:r}=i;return t.jsxs(h,{className:"product-card",onClick:r,children:[t.jsx("div",{className:"skeleton-img"}),t.jsx(f,{children:t.jsx("div",{className:"skeleton-title"})})]})}),C=({limit:i=3,isLoading:n=!1,keyPrefix:r})=>t.jsx(t.Fragment,{children:Array.from({length:i},(o,a)=>t.jsx(k,{isLoading:n},`${r}-skeleton-product-card-${a}`))}),y=({children:i,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:r=!1,limit:o,keyPrefix:a})=>t.jsx(s.Suspense,{fallbackComponent:n,children:r===!0?t.jsx(C,{isLoading:r,limit:o,keyPrefix:a}):i}),v=s.forwardRef((i,n)=>{const{items:r,limit:o=3,onSelectCard:a=()=>{},isLoading:d=!1}=i,l=x.useDetectMobile();return t.jsx(j,{ref:n,limit:o,children:t.jsx(y,{isLoading:d,limit:o,keyPrefix:"explore-landing",children:t.jsx(t.Fragment,{children:l===!0?r==null?void 0:r.map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>a(e)},c)):r==null?void 0:r.slice(0,o).map((e,c)=>t.jsx(g,{title:e==null?void 0:e.title,image:(e==null?void 0:e.image)||null,text:e==null?void 0:e.text,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>a(e)},c))})})})});module.exports=v;

package/dist/BlogsSectionSimpleCentered.js

@@ -34,6 +34,7 @@ const $ = g.div`
   & button {
     width: fit-content;
     margin-top: auto;
+    color: var(--gray-950, #14161a);
   }
 
   & img {

package/dist/BlogsSectionWithFilters.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-CZynEOC_.cjs"),M=require("./style-JqDQj4jh.cjs"),R=require("./Button.cjs"),W=require("./Link.cjs"),A=require("./index-BvSNRLNa.cjs"),I=require("./index-C1DkD2ug.cjs"),P=p.styled.div`
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-CZynEOC_.cjs"),M=require("./style-JqDQj4jh.cjs"),R=require("./Button.cjs"),W=require("./Link.cjs"),A=require("./index-BvSNRLNa.cjs"),I=require("./index-DCFJmN23.cjs"),P=p.styled.div`
   display: grid;
   grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/BlogsSectionWithFilters.js

@@ -8,7 +8,7 @@ import { T as E } from "./style-08foMKSd.js";
 import F from "./Button.js";
 import L from "./Link.js";
 import { P as U } from "./index-YGcWbzeb.js";
-import { S as _ } from "./index-CQLF61YV.js";
+import { S as _ } from "./index-BgRyIsRu.js";
 const D = b.div`
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};

package/dist/BrandHitsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("react"),c=require("./utils-CZynEOC_.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),h=o.styled.div`
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),m=require("./utils-CZynEOC_.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),h=o.styled.div`
   width: 7.5rem;
   height: auto;
   max-height: 7.5rem;
@@ -24,14 +24,14 @@
   }
 `,_=o.styled.div`
   width: 7.5rem;
-  height: 7.5rem;
-  background: ${c.linearGradientAnimation("-90deg")};
+  height: 3.5rem;
+  background: ${m.linearGradientAnimation("-90deg")};
 
   @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
     width: 4.5rem;
     height: 4.5rem;
   }
-`,m=p.forwardRef(({imageComponent:t,image:i,onSelectCard:r},n)=>e.jsx(h,{children:c.isDefined(t)?t:e.jsx("img",{src:i,className:"wrapper__image",onClick:r})})),g=p.forwardRef(({},t)=>e.jsx(_,{})),w=o.styled.div`
+`,g=p.forwardRef(({imageComponent:t,image:i,onSelectCard:a},l)=>e.jsx(h,{children:m.isDefined(t)?t:e.jsx("img",{src:i,className:"wrapper__image",onClick:a})})),w=p.forwardRef(({},t)=>e.jsx(_,{})),x=o.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -44,12 +44,12 @@
   & .wrapper__heading {
     display: flex;
     flex-direction: column;
-    gap: 1rem;
+    gap: 0.5rem;
     text-align: center;
     width: 100%;
 
     & .wrapper__title {
-      color: var(--gray-950, #14161a);
+      color: var(--navy-900, #0c1520);
       text-align: center;
       font-size: 1.5rem;
       font-style: normal;
@@ -59,11 +59,11 @@
     }
 
     & .wrapper__subtitle {
-      color: var(---gray-600, #676e79);
-      font-size: 0.875rem;
+      color: var(--navy-500, #7a8594);
+      font-size: 1rem;
       font-style: normal;
-      font-weight: 400;
-      line-height: 1.25rem;
+      font-weight: 500;
+      line-height: 1.5rem;
       letter-spacing: 0.25px;
     }
   }
@@ -91,4 +91,4 @@
       }
     }
   }
-`,x=p.forwardRef(({title:t,subtitle:i,items:r=[],onSelectCard:n=()=>{}},f)=>{var l;return e.jsx(w,{children:e.jsxs("div",{className:"wrapper__heading",children:[t&&e.jsx("div",{className:"wrapper__title",children:t}),i&&e.jsx("div",{className:"wrapper__subtitle",children:i}),e.jsx("div",{className:"wrapper__content",children:r&&(r==null?void 0:r.length)>0?r==null?void 0:r.map((a,s)=>e.jsx(m,{image:a==null?void 0:a.image,imageComponent:a==null?void 0:a.imageComponent,onSelectCard:()=>n==null?void 0:n(a),className:"wrapper__item"},`brand-hit-card__${s+1}`)):(l=Array.from("12345"))==null?void 0:l.map((a,s)=>e.jsx(g,{},`brand-hit-card-skeleton__${s+1}`))})]})})});module.exports=x;
+`,f=p.forwardRef(({title:t,subtitle:i,items:a=[],isLoading:l=!1,onSelectCard:n=()=>{}},u)=>{var c;return e.jsxs(x,{children:[e.jsxs("div",{className:"wrapper__heading",children:[t&&e.jsx("div",{className:"wrapper__title",children:t}),i&&e.jsx("div",{className:"wrapper__subtitle",children:i})]}),e.jsx("div",{className:"wrapper__content",children:l?(c=Array.from("12345"))==null?void 0:c.map((r,s)=>e.jsx(w,{},`brand-hit-card-skeleton__${s+1}`)):a==null?void 0:a.map((r,s)=>e.jsx(g,{image:r==null?void 0:r.image,imageComponent:r==null?void 0:r.imageComponent,onSelectCard:()=>n==null?void 0:n(r),className:"wrapper__item"},`brand-hit-card__${s+1}`))})]})});module.exports=f;

package/dist/BrandHitsSection.js

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { o as c, l as s } from "./utils-BbgAIA9N.js";
-import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as l } from "./consts-BuFChS64.js";
-const g = d.div`
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { o as c, l as _ } from "./utils-BbgAIA9N.js";
+import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as d } from "./consts-BuFChS64.js";
+const g = o.div`
   width: 7.5rem;
   height: auto;
   max-height: 7.5rem;
@@ -17,7 +17,7 @@ const g = d.div`
     height: auto;
   }
 
-  @media (max-width: ${l + "px"}) {
+  @media (max-width: ${d + "px"}) {
     width: 4.5rem;
     height: auto;
     max-height: 4.5rem;
@@ -27,18 +27,18 @@ const g = d.div`
       height: auto;
     }
   }
-`, _ = d.div`
+`, w = o.div`
   width: 7.5rem;
-  height: 7.5rem;
+  height: 3.5rem;
   background: ${c("-90deg")};
 
-  @media (max-width: ${l + "px"}) {
+  @media (max-width: ${d + "px"}) {
     width: 4.5rem;
     height: 4.5rem;
   }
-`, w = o(
-  ({ imageComponent: t, image: i, onSelectCard: r }, n) => /* @__PURE__ */ e(g, { children: s(t) ? t : /* @__PURE__ */ e("img", { src: i, className: "wrapper__image", onClick: r }) })
-), f = o(({}, t) => /* @__PURE__ */ e(_, {})), x = d.div`
+`, f = m(
+  ({ imageComponent: a, image: i, onSelectCard: t }, l) => /* @__PURE__ */ r(g, { children: _(a) ? a : /* @__PURE__ */ r("img", { src: i, className: "wrapper__image", onClick: t }) })
+), x = m(({}, a) => /* @__PURE__ */ r(w, {})), u = o.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -51,12 +51,12 @@ const g = d.div`
   & .wrapper__heading {
     display: flex;
     flex-direction: column;
-    gap: 1rem;
+    gap: 0.5rem;
     text-align: center;
     width: 100%;
 
     & .wrapper__title {
-      color: var(--gray-950, #14161a);
+      color: var(--navy-900, #0c1520);
       text-align: center;
       font-size: 1.5rem;
       font-style: normal;
@@ -66,11 +66,11 @@ const g = d.div`
     }
 
     & .wrapper__subtitle {
-      color: var(---gray-600, #676e79);
-      font-size: 0.875rem;
+      color: var(--navy-500, #7a8594);
+      font-size: 1rem;
       font-style: normal;
-      font-weight: 400;
-      line-height: 1.25rem;
+      font-weight: 500;
+      line-height: 1.5rem;
       letter-spacing: 0.25px;
     }
   }
@@ -87,7 +87,7 @@ const g = d.div`
     }
   }
 
-  @media (max-width: ${l + "px"}) {
+  @media (max-width: ${d + "px"}) {
     & .wrapper__content {
       align-content: center;
       gap: 1rem;
@@ -98,30 +98,32 @@ const g = d.div`
       }
     }
   }
-`, k = o(
-  ({ title: t, subtitle: i, items: r = [], onSelectCard: n = () => {
-  } }, u) => {
-    var m;
-    return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ h("div", { className: "wrapper__heading", children: [
-      t && /* @__PURE__ */ e("div", { className: "wrapper__title", children: t }),
-      i && /* @__PURE__ */ e("div", { className: "wrapper__subtitle", children: i }),
-      /* @__PURE__ */ e("div", { className: "wrapper__content", children: r && (r == null ? void 0 : r.length) > 0 ? r == null ? void 0 : r.map((a, p) => /* @__PURE__ */ e(
-        w,
+`, B = m(
+  ({ title: a, subtitle: i, items: t = [], isLoading: l = !1, onSelectCard: n = () => {
+  } }, v) => {
+    var s;
+    return /* @__PURE__ */ h(u, { children: [
+      /* @__PURE__ */ h("div", { className: "wrapper__heading", children: [
+        a && /* @__PURE__ */ r("div", { className: "wrapper__title", children: a }),
+        i && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: i })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "wrapper__content", children: l ? (s = Array.from("12345")) == null ? void 0 : s.map((e, p) => /* @__PURE__ */ r(
+        x,
+        {},
+        `brand-hit-card-skeleton__${p + 1}`
+      )) : t == null ? void 0 : t.map((e, p) => /* @__PURE__ */ r(
+        f,
         {
-          image: a == null ? void 0 : a.image,
-          imageComponent: a == null ? void 0 : a.imageComponent,
-          onSelectCard: () => n == null ? void 0 : n(a),
+          image: e == null ? void 0 : e.image,
+          imageComponent: e == null ? void 0 : e.imageComponent,
+          onSelectCard: () => n == null ? void 0 : n(e),
           className: "wrapper__item"
         },
         `brand-hit-card__${p + 1}`
-      )) : (m = Array.from("12345")) == null ? void 0 : m.map((a, p) => /* @__PURE__ */ e(
-        f,
-        {},
-        `brand-hit-card-skeleton__${p + 1}`
       )) })
-    ] }) });
+    ] });
   }
 );
 export {
-  k as default
+  B as default
 };

package/dist/Breadcrumbs.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),t=require("./index-BPVoEhTF.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-CZynEOC_.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=u.styled.div`
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),t=require("./index-BpbMKBf_.cjs"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./utils-CZynEOC_.cjs"),S=require("./Icon.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=u.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   ${o=>g.getComponentTypographyCss(o.theme,"Breadcrumbs",o.size,"enabled")};

package/dist/Breadcrumbs.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as u, Fragment as A } from "react/jsx-runtime";
 import { forwardRef as N, useState as O } from "react";
-import { P as t } from "./index-S5Cd7WrG.js";
+import { P as t } from "./index-CblbdqjE.js";
 import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { c as P, b as S } from "./utils-BbgAIA9N.js";
 import v from "./Icon.js";

package/dist/Button.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),w=require("react"),l=require("./index-BPVoEhTF.cjs"),k=require("./index-DAOBjHnD.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CZynEOC_.cjs"),I=require("./Icon.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},T=e=>`
+"use strict";const n=require("react/jsx-runtime"),w=require("react"),l=require("./index-BpbMKBf_.cjs"),k=require("./index-DA7SIHV1.cjs"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CZynEOC_.cjs"),I=require("./Icon.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},T=e=>`
         outline: none;
         display: inline-flex;
         flex-direction: row;

package/dist/Button.js

@@ -1,7 +1,7 @@
 import { jsx as l, jsxs as W, Fragment as E } from "react/jsx-runtime";
 import { forwardRef as q } from "react";
-import { P as o } from "./index-S5Cd7WrG.js";
-import { i as T } from "./index-BlxaTV-D.js";
+import { P as o } from "./index-CblbdqjE.js";
+import { i as T } from "./index-6RFrSPs_.js";
 import { s as u } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { c as z, b as t, d as r, h as I, e as v, a as A } from "./utils-BbgAIA9N.js";
 import w from "./Icon.js";

package/dist/ButtonGroup.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),o=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=a.styled.div`
+"use strict";const i=require("react/jsx-runtime"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BpbMKBf_.cjs"),o=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),s=a.styled.div`
   display: inline-flex;
   flex-wrap: wrap;
   width: fit-content;

package/dist/ButtonGroup.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { s as i } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as t } from "./index-S5Cd7WrG.js";
+import { P as t } from "./index-CblbdqjE.js";
 import { b as o, a as b } from "./utils-BbgAIA9N.js";
 import { u as l } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const s = i.div`

package/dist/CalorieCalculatorSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),z=require("./Button.cjs"),I=require("./index-BPVoEhTF.cjs"),L=require("./RangeSlider.cjs"),F=require("./DropdownItem.cjs"),X=require("./DropdownMenu.cjs"),Z=require("./IconButton.cjs"),V=require("./BannerSectionWithList.cjs"),H=require("./utils-CZynEOC_.cjs"),D=b.styled.div`
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),z=require("./Button.cjs"),I=require("./index-BpbMKBf_.cjs"),L=require("./RangeSlider.cjs"),F=require("./DropdownItem.cjs"),X=require("./DropdownMenu.cjs"),Z=require("./IconButton.cjs"),V=require("./BannerSectionWithList.cjs"),H=require("./utils-CZynEOC_.cjs"),D=b.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;

package/dist/CalorieCalculatorSection.js

@@ -3,7 +3,7 @@ import { forwardRef as w, useState as N, useRef as Y } from "react";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as C } from "./consts-BuFChS64.js";
 import S from "./Button.js";
-import { P as G } from "./index-S5Cd7WrG.js";
+import { P as G } from "./index-CblbdqjE.js";
 import A from "./RangeSlider.js";
 import _ from "./DropdownItem.js";
 import K from "./DropdownMenu.js";

package/dist/CheckBoxInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),z=require("react"),t=require("./index-BPVoEhTF.cjs"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),V=e=>e=="left"?"row-reverse":"row",i=(e,s)=>`calc(${e.components.Checkbox.default.enabled.sizes[s]} / 2)`,O=R.styled.label`
+"use strict";const n=require("react/jsx-runtime"),z=require("react"),t=require("./index-BpbMKBf_.cjs"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),V=e=>e=="left"?"row-reverse":"row",i=(e,s)=>`calc(${e.components.Checkbox.default.enabled.sizes[s]} / 2)`,O=R.styled.label`
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;

package/dist/CheckBoxInput.js

@@ -1,6 +1,6 @@
 import { jsxs as k, jsx as i, Fragment as B } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
-import { P as t } from "./index-S5Cd7WrG.js";
+import { P as t } from "./index-CblbdqjE.js";
 import { s as j } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { d as g, c as L, b as n, a as N, e as x } from "./utils-BbgAIA9N.js";
 import { u as P } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/Chip.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),j=require("react"),r=require("./index-BPVoEhTF.cjs"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-CZynEOC_.cjs"),O=require("./Avatar.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>{var o="fas";return`${o} fa-${e} fa-fw`},S=(e,o,l,a)=>e?`padding-right: ${a=="small"?"0.75rem":"0.625rem"}; padding-left: ${a=="small"?"0.25rem":"0.125rem"};`:o?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.5rem":"0.375rem"};`:l?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.75rem":"0.625rem"};`:`padding-right: ${a=="small"?"1rem":"0.75rem"}; padding-left: ${a=="small"?"1rem":"0.75rem"};`,F=w.styled.span`
+"use strict";const t=require("react/jsx-runtime"),j=require("react"),r=require("./index-BpbMKBf_.cjs"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-CZynEOC_.cjs"),O=require("./Avatar.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>{var o="fas";return`${o} fa-${e} fa-fw`},S=(e,o,l,a)=>e?`padding-right: ${a=="small"?"0.75rem":"0.625rem"}; padding-left: ${a=="small"?"0.25rem":"0.125rem"};`:o?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.5rem":"0.375rem"};`:l?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.75rem":"0.625rem"};`:`padding-right: ${a=="small"?"1rem":"0.75rem"}; padding-left: ${a=="small"?"1rem":"0.75rem"};`,F=w.styled.span`
   cursor: pointer;
   display: inline-flex;
   height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};

package/dist/Chip.js

@@ -1,6 +1,6 @@
 import { jsxs as u, jsx as c, Fragment as N } from "react/jsx-runtime";
 import { forwardRef as j } from "react";
-import { P as a } from "./index-S5Cd7WrG.js";
+import { P as a } from "./index-CblbdqjE.js";
 import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { d as b, h as D, b as t, a as F, c as S, g as V, e as U } from "./utils-BbgAIA9N.js";
 import W from "./Avatar.js";

package/dist/ColorInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),m=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BPVoEhTF.cjs"),n=require("./utils-CZynEOC_.cjs"),N=require("./index-DaiUAQVF.cjs"),A=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),H=require("./useUpdateEffect-BtMgpgIV.cjs"),R=(e,o)=>`calc(${n.getSizeValueWithUnits(e,o)} - 1rem)`,L=P.styled.label`
+"use strict";const i=require("react/jsx-runtime"),m=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./index-BpbMKBf_.cjs"),n=require("./utils-CZynEOC_.cjs"),N=require("./index-Cp66dWMi.cjs"),A=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),H=require("./useUpdateEffect-BtMgpgIV.cjs"),R=(e,o)=>`calc(${n.getSizeValueWithUnits(e,o)} - 1rem)`,L=P.styled.label`
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;

package/dist/ColorInput.js

@@ -1,9 +1,9 @@
 import { jsx as o, jsxs as q } from "react/jsx-runtime";
 import { forwardRef as G, useState as S, useCallback as J } from "react";
 import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as t } from "./index-S5Cd7WrG.js";
+import { P as t } from "./index-CblbdqjE.js";
 import { c as M, d as u, b as l, a as T, e as C, f as Q, h as X } from "./utils-BbgAIA9N.js";
-import { d as Y } from "./index-CkWvbrVT.js";
+import { d as Y } from "./index-Dt62UGku.js";
 import { u as Z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as _ } from "./useUpdateEffect-CuYWz7EA.js";
 const R = (e, n) => `calc(${u(e, n)} - 1rem)`, ee = z.label`

package/dist/ConfirmationForm.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),p=require("react"),r=require("./index-BPVoEhTF.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./Icon.cjs"),u=require("./utils-CZynEOC_.cjs"),B=require("./Modal.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),E=y.styled.div`
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),r=require("./index-BpbMKBf_.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./Icon.cjs"),u=require("./utils-CZynEOC_.cjs"),B=require("./Modal.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),E=y.styled.div`
   display: flex;
   gap: 1rem;
   align-items: center;

package/dist/ConfirmationForm.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as R } from "react/jsx-runtime";
 import { forwardRef as S, cloneElement as E } from "react";
-import { P as r } from "./index-S5Cd7WrG.js";
+import { P as r } from "./index-CblbdqjE.js";
 import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import m from "./Icon.js";
 import { b as d } from "./utils-BbgAIA9N.js";