@bikdotai/bik-component-library 0.0.736-beta.0 → 0.0.736-beta.10

package/dist/esm/components/bik-layout/FeatureModal.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import s from"react-dom";import{COLORS as r}from"../../constants/Theme.js";import n from"../../assets/icons/cross.svg.js";import{Button as i}from"../button/Button.js";import{TitleMedium as a,BodyPrimary as c}from"../TypographyStyle.js";import{FeatureModalContainer as l,InnerModalContainer as d}from"./CommonStyles.js";const m=m=>{const{zIndex:u,disableCross:h=!1,otherContent:p,onClickingCross:b,onUpgrade:g,title:j,subTitle:f,showBookADemo:y,demoLink:T,primaryButtonText:k}=m,C=j||"Upgrade to access this feature",v=f||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return s.createPortal(e(l,Object.assign({zIndex:u},{children:[!h&&t("div",Object.assign({className:"cross-button",onClick:()=>b(),"aria-hidden":"true"},{children:t(n,{height:20,width:20,color:r.surface.subdued})})),t(d,{children:p?t(o,{children:p}):e("div",Object.assign({className:"content-layout"},{children:[e("div",{children:[t(a,Object.assign({className:"title-color"},{children:C})),t(c,Object.assign({className:"title-color mt-8"},{children:v}))]}),e("div",Object.assign({className:"cta-buttons"},{children:[y&&t(i,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>{window.open(T,"_blank")}}),t(i,{buttonText:k||"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>g?g():""})]}))]}))})]})),document.body)};export{m as FeatureModal};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import r from"react-dom";import{COLORS as n}from"../../constants/Theme.js";import s from"../../assets/icons/cross.svg.js";import{Button as i}from"../button/Button.js";import{TitleMedium as a,BodyPrimary as c}from"../TypographyStyle.js";import{FeatureModalContainer as l,InnerModalContainer as d}from"./CommonStyles.js";const m=m=>{const{zIndex:u,disableCross:h=!1,otherContent:p,onClickingCross:b,onUpgrade:f,title:g,subTitle:y,showBookADemo:T,demoLink:k,primaryButtonText:C}=m,v=g||"Upgrade to access this feature",x=y||"This feature is not included in the current plan. Upgrade to get access and use this feature.";return r.createPortal(e(l,{zIndex:u,children:[!h&&t("div",{className:"cross-button",onClick:()=>b(),"aria-hidden":"true",children:t(s,{height:20,width:20,color:n.surface.subdued})}),t(d,{children:p?t(o,{children:p}):e("div",{className:"content-layout",children:[e("div",{children:[t(a,{className:"title-color",children:v}),t(c,{className:"title-color mt-8",children:x})]}),e("div",{className:"cta-buttons",children:[T&&t(i,{buttonText:"Book a demo",buttonType:"secondary",size:"large",inverse:!0,onClick:()=>{window.open(k,"_blank")}}),t(i,{buttonText:C||"Upgrade plan",buttonType:"primary",size:"large",inverse:!0,onClick:()=>f?f():""})]})]})})]}),document.body)};export{m as FeatureModal};

package/dist/esm/components/bik-layout/FeatureModalV2.js

@@ -1 +1 @@
-import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{useState as a,Fragment as n}from"react";import r from"react-dom";import{COLORS as s}from"../../constants/Theme.js";import{Button as i}from"../button/Button.js";import{StyledModal as c}from"../modals/styledModal.js";import{TitleMedium as l,BodySecondary as m}from"../TypographyStyle.js";import{FeatureModalV2Container as d}from"./CommonStyles.js";const b=b=>{const{zIndex:u,otherContent:y,onUpgrade:p,title:g,subTitle:f,primaryButtonText:h,onClose:j,featureImage:x,id:O}=b,C=void 0===g?"Start your 14-day free trial to test your AI assistant on your website":g,T=f||"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.",w=x||"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60",[k,v]=a(!0);return r.createPortal(t(c,Object.assign({zIndex:u,open:k,onClose:function(){j&&j(),v(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:O},{children:t(d,{children:y?t(e,{children:y}):o(n,{children:[t("div",Object.assign({className:"top-feature-content"},{children:t("img",{src:w,alt:"general-icon"})})),o("div",Object.assign({className:"bottom-feature-content"},{children:[t(l,Object.assign({className:"title-class text-align-center mt-8",style:{textAlign:"center"}},{children:C})),t(m,Object.assign({className:"text-align-center",style:{color:s.content.secondary}},{children:T})),t("div",Object.assign({className:"cta-buttons"},{children:t(i,{buttonText:h||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{p&&p(),v(!1)}})}))]}))]})})})),document.body)};export{b as FeatureModalV2};
+import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{useState as r,Fragment as a}from"react";import n from"react-dom";import{COLORS as i}from"../../constants/Theme.js";import{Button as s}from"../button/Button.js";import{StyledModal as c}from"../modals/styledModal.js";import{TitleMedium as l,BodySecondary as m}from"../TypographyStyle.js";import{FeatureModalV2Container as d}from"./CommonStyles.js";const u=u=>{const{zIndex:y,otherContent:p,onUpgrade:b,title:f,subTitle:h,primaryButtonText:g,onClose:x,featureImage:C,id:T}=u,j=void 0===f?"Start your 14-day free trial to test your AI assistant on your website":f,w=h||"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.",k=C||"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60",[v,I]=r(!0);return n.createPortal(t(c,{zIndex:y,open:v,onClose:function(){x&&x(),I(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"},innerModalId:T,children:t(d,{children:p?t(e,{children:p}):o(a,{children:[t("div",{className:"top-feature-content",children:t("img",{src:k,alt:"general-icon"})}),o("div",{className:"bottom-feature-content",children:[t(l,{className:"title-class text-align-center mt-8",style:{textAlign:"center"},children:j}),t(m,{className:"text-align-center",style:{color:i.content.secondary},children:w}),t("div",{className:"cta-buttons",children:t(s,{buttonText:g||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{b&&b(),I(!1)}})})]})]})})}),document.body)};export{u as FeatureModalV2};

package/dist/esm/components/bik-layout/PageLoader.js

@@ -1 +1 @@
-import{jsx as e,jsxs as s}from"react/jsx-runtime";import{DEFAULT_THEME as r}from"../../constants/Theme.js";import{TitleMedium as o,BodyPrimary as n}from"../TypographyStyle.js";import{LoaderWrapper as m,LoadingMessageWrapper as t}from"./CommonStyles.js";const a=a=>e(m,{children:s("div",Object.assign({className:"inner"},{children:[e("span",{className:"loader"}),a.message&&s(t,{children:[e(o,{children:a.message}),e(n,Object.assign({style:{color:r.colorsV2.content.secondary,marginTop:8}},{children:a.subMessage}))]})]}))});export{a as PageLoader};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{DEFAULT_THEME as s}from"../../constants/Theme.js";import{TitleMedium as o,BodyPrimary as m}from"../TypographyStyle.js";import{LoaderWrapper as n,LoadingMessageWrapper as t}from"./CommonStyles.js";const a=a=>e(n,{children:r("div",{className:"inner",children:[e("span",{className:"loader"}),a.message&&r(t,{children:[e(o,{children:a.message}),e(m,{style:{color:s.colorsV2.content.secondary,marginTop:8},children:a.subMessage})]})]})});export{a as PageLoader};

package/dist/esm/components/bik-layout/ShowShopifyRestrictedModal.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react-dom";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/cross.svg.js";import{Button as s}from"../button/Button.js";import{TitleMedium as r,BodyPrimary as a}from"../TypographyStyle.js";import{FeatureModalContainer as c,RelativeModalContainer as l}from"./CommonStyles.js";const d=d=>{const{zIndex:m,containerType:h,handleButtonClick:p,triggerPosition:g,connectShopifyDescription:b,demoDescription:u}=d,y=e=>{p(e)},f=g&&window.innerHeight-g.top<100,j=g?{position:"fixed",top:f?"auto":g.top,bottom:f?"0":"auto",left:g.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return o.createPortal(e(c,Object.assign({zIndex:m,resetHeight:!0,style:j,relativePostion:!!g},{children:t(l,{children:[e("div",Object.assign({className:"cross-container",onClick:()=>y("close"),"aria-hidden":"true"},{children:e(i,{height:24,width:24,color:"#000000"})})),t("div","demo_store"==h?Object.assign({className:"demo-container"},{children:[e(r,Object.assign({color:n.background.negative.vibrant},{children:"Demo Store Limitations"})),e(a,{children:null!=u?u:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]}):Object.assign({className:"content-layout"},{children:[e("div",Object.assign({className:"left-content"},{children:e("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"})})),t("div",Object.assign({className:"right-content"},{children:[e(r,{children:"Connect Shopify "}),e(a,Object.assign({style:{maxWidth:432}},{children:null!=b?b:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."})),t("div",Object.assign({className:"cta-button-container"},{children:[e(s,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>y("shopify")}),e(s,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>y("demo")})]}))]}))]}))]})})),document.body)};export{d as ShowShopifyRestrictedModal};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import t from"react-dom";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/cross.svg.js";import{Button as r}from"../button/Button.js";import{TitleMedium as a,BodyPrimary as s}from"../TypographyStyle.js";import{FeatureModalContainer as c,RelativeModalContainer as l}from"./CommonStyles.js";const d=d=>{const{zIndex:m,containerType:h,handleButtonClick:p,triggerPosition:u,connectShopifyDescription:y,demoDescription:g}=d,b=e=>{p(e)},f=u&&window.innerHeight-u.top<100,v=u?{position:"fixed",top:f?"auto":u.top,bottom:f?"0":"auto",left:u.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return t.createPortal(e(c,{zIndex:m,resetHeight:!0,style:v,relativePostion:!!u,children:o(l,{children:[e("div",{className:"cross-container",onClick:()=>b("close"),"aria-hidden":"true",children:e(i,{height:24,width:24,color:"#000000"})}),o("div","demo_store"==h?{className:"demo-container",children:[e(a,{color:n.background.negative.vibrant,children:"Demo Store Limitations"}),e(s,{children:null!=g?g:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]}:{className:"content-layout",children:[e("div",{className:"left-content",children:e("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"})}),o("div",{className:"right-content",children:[e(a,{children:"Connect Shopify "}),e(s,{style:{maxWidth:432},children:null!=y?y:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."}),o("div",{className:"cta-button-container",children:[e(r,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>b("shopify")}),e(r,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>b("demo")})]})]})]})]})}),document.body)};export{d as ShowShopifyRestrictedModal};

package/dist/esm/components/bik-layout/SidebarPopup.js

@@ -1 +1 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import{TitleRegular as s,BodySecondary as t}from"../TypographyStyle.js";import{SidebarPopupContainer as i}from"./SidebarStyles.js";const o=o=>{const{top:r,menuList:l,zIndex:a,left:c,onMouseLeaveOnMenu:m,onClickingPopupMenu:d}=o;return e(i,Object.assign({top:r,theme:"white",zIndex:a,left:null!=c?c:95,postion:"fixed"},{children:e("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:m},{children:null==l?void 0:l.map(((i,o)=>n("div",Object.assign({className:"each-menu",style:{borderBottom:o==l.length-1?"none":void 0},onClick:()=>d(i)},{children:[e(s,Object.assign({style:{fontSize:14}},{children:i.displayName})),e(t,Object.assign({style:{fontSize:12}},{children:i.description}))]}),o)))}),"_sub-menu")}))};export{o as SidebarPopup};
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{TitleRegular as o,BodySecondary as t}from"../TypographyStyle.js";import{SidebarPopupContainer as i}from"./SidebarStyles.js";const r=r=>{const{top:s,menuList:l,zIndex:m,left:d,onMouseLeaveOnMenu:a,onClickingPopupMenu:u}=r;return e(i,{top:s,theme:"white",zIndex:m,left:null!=d?d:95,postion:"fixed",children:e("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:a,children:null==l?void 0:l.map((i,r)=>n("div",{className:"each-menu",style:{borderBottom:r==l.length-1?"none":void 0},onClick:()=>u(i),children:[e(o,{style:{fontSize:14},children:i.displayName}),e(t,{style:{fontSize:12},children:i.description})]},r))},"_sub-menu")})};export{r as SidebarPopup};

package/dist/esm/components/bik-layout/SidebarSkeleton.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{BikShimmer as i}from"../shimmer/ShimmerComponent/BikShimmer.js";import{SimpleSidebarContainer as t}from"./SidebarStyles.js";const r=r=>{const{width:m,zIndex:s,left:n,theme:a}=r;return e(t,Object.assign({width:m,zIndex:s,left:n,theme:a},{children:e("div",Object.assign({className:"sidebar-right-menu"},{children:[...new Array(2)].map((()=>0)).map((t=>e("div",Object.assign({className:"sidebar-skeleton"},{children:e(i,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===a})}),t+"_"+Math.random())))}))}))};export{r as SidebarSkeleton};
+import{jsx as e}from"react/jsx-runtime";import{BikShimmer as r}from"../shimmer/ShimmerComponent/BikShimmer.js";import{SimpleSidebarContainer as i}from"./SidebarStyles.js";const t=t=>{const{width:m,zIndex:h,left:d,theme:n}=t;return e(i,{width:m,zIndex:h,left:d,theme:n,children:e("div",{className:"sidebar-right-menu",children:[...new Array(2)].map(()=>0).map(i=>e("div",{className:"sidebar-skeleton",children:e(r,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===n})},i+"_"+Math.random()))})})};export{t as SidebarSkeleton};

package/dist/esm/components/bik-layout/SimpleSidebar.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as s}from"react";import{COLORS as n}from"../../constants/Theme.js";import{Button as t}from"../button/Button.js";import{NavigationHyperlink as a}from"../navigation-hyperlink/NavigationHyperlink.js";import{BodySecondary as l,TitleSmall as r}from"../TypographyStyle.js";import{SimpleSidebarContainer as o}from"./SidebarStyles.js";const c=c=>{const{menuList:d,activeMenu:u,theme:m,showAccessUpgradePanel:p=!1,header:h,width:b,zIndex:g,left:v,postion:y,top:j,router:N,onMouseLeaveOnMenu:f,onMouseEnterOnMenu:k,onMenuClick:O,onUpgrade:w,isNewSidebar:x}=c,[M,S]=s(u),T=(s,n)=>i("div",Object.assign({className:"sub-child-menu  "+((null==M?void 0:M.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{S(s),O(s,!s.page)},"aria-hidden":"true"},{children:[e("span",{className:(null==M?void 0:M.key)==(null==s?void 0:s.key)&&"brand"==m?"sub-child-active-text":""}),e(l,Object.assign({className:"sub-child-text "+((null==M?void 0:M.key)==(null==s?void 0:s.key)&&"white"==m?"active-bold-weight":"")},{children:null==s?void 0:s.displayName})),s.isNew&&e("div",Object.assign({className:"sub-child-new-tag"},{children:"NEW"}))]}),n);return e(o,Object.assign({width:b,zIndex:g,left:v,theme:m,postion:y,top:j,isNewSidebar:x},{children:i("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:f,onMouseEnter:k},{children:[i("div",{children:[!x&&e(l,Object.assign({className:"sub-child-display-name"},{children:h})),null==d?void 0:d.map(((i,s)=>i.page?e(a,Object.assign({href:i.page,router:N},{children:T(i,s)})):T(i,s)))]}),p&&i("div",Object.assign({className:"lower-sticky-panel"},{children:[e(r,Object.assign({className:"title-text",style:{color:n.surface.standard}},{children:"Upgrade plan to access this feature."})),e(t,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>w?w():""})]}))]}),"_sub-menu")}))};export{c as SimpleSidebar};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as n}from"react";import{COLORS as t}from"../../constants/Theme.js";import{Button as a}from"../button/Button.js";import{NavigationHyperlink as s}from"../navigation-hyperlink/NavigationHyperlink.js";import{BodySecondary as l,TitleSmall as r}from"../TypographyStyle.js";import{SimpleSidebarContainer as o}from"./SidebarStyles.js";const d=d=>{const{menuList:c,activeMenu:u,theme:m,showAccessUpgradePanel:p=!1,header:h,width:v,zIndex:b,left:y,postion:N,top:g,router:f,onMouseLeaveOnMenu:k,onMouseEnterOnMenu:w,onMenuClick:x,onUpgrade:M,isNewSidebar:j}=d,[S,T]=n(u),U=(n,t)=>i("div",{className:"sub-child-menu  "+((null==S?void 0:S.key)==(null==n?void 0:n.key)?"sub-child-active-menu":""),onClick:()=>{T(n),x(n,!n.page)},"aria-hidden":"true",children:[e("span",{className:(null==S?void 0:S.key)==(null==n?void 0:n.key)&&"brand"==m?"sub-child-active-text":""}),e(l,{className:"sub-child-text "+((null==S?void 0:S.key)==(null==n?void 0:n.key)&&"white"==m?"active-bold-weight":""),children:null==n?void 0:n.displayName}),n.isNew&&e("div",{className:"sub-child-new-tag",children:"NEW"})]},t);return e(o,{width:v,zIndex:b,left:y,theme:m,postion:N,top:g,isNewSidebar:j,children:i("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:k,onMouseEnter:w,children:[i("div",{children:[!j&&e(l,{className:"sub-child-display-name",children:h}),null==c?void 0:c.map((i,n)=>i.page?e(s,{href:i.page,router:f,children:U(i,n)}):U(i,n))]}),p&&i("div",{className:"lower-sticky-panel",children:[e(r,{className:"title-text",style:{color:t.surface.standard},children:"Upgrade plan to access this feature."}),e(a,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>M?M():""})]})]},"_sub-menu")})};export{d as SimpleSidebar};

package/dist/esm/components/button/Button.js

@@ -1 +1 @@
-import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import o,{forwardRef as s,useCallback as a}from"react";import{Spinner as r}from"../spinner/Spinner.js";import{Button as c,ButtonCustomDashedBorder as l}from"./Button.styled.js";import{getButtonIconColor as d,SpinnerColorMap as m,GetButtonTextComponent as b}from"./themes.js";const u=s(((s,u)=>{var{version:g,id:h,buttonType:p="primary",size:v="small",buttonText:j,disabled:y,IconComponent:C,LeadingIcon:I,TrailingIcon:x,isLoading:N,inverse:z,onClick:O,matchParentWidth:T,subtitle:f,darkMode:k,activated:L,error:S,buttonTextColor:W,buttonFontSize:B,customIconColor:E,buttonColor:M,LeadingIconStyles:P}=s,F=t(s,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const _=b(v,p,y),w=d(v,p,z,y,N,k),q=a((()=>{const t="chip"===v?16:20;return{height:t,width:t,color:E||w,style:{display:"block"},className:"icon"}}),[v,E,w]);return e(c,Object.assign({"data-test":F["data-test"],version:g,onClick:N?()=>{}:O,ref:u,id:h,disabled:y,size:v,buttonType:p,isLoading:N,inverse:z,matchParentWidth:T,darkMode:k,activated:L,error:S,buttonColor:M},F,{children:n("div",Object.assign({className:"button-container"},{children:[p.startsWith("dash")&&e(l,{}),e("div",Object.assign({className:"overlay-container"},{children:N&&e(r,{className:"spinner",size:"small",color:m(p,z)})})),C&&e("div",Object.assign({className:"icon-component"},{children:o.createElement(C,q())})),I&&e("div",Object.assign({className:"icon-leading",style:Object.assign({zIndex:1},P)},{children:o.createElement(I,q())})),j?n(_,Object.assign({className:"text",style:{color:W,fontSize:B}},{children:[j,e("div",Object.assign({className:"text-subtitle"},{children:f}))]})):e(i,{}),x&&e("div",Object.assign({className:"icon-trailing",style:{zIndex:1}},{children:o.createElement(x,q())}))]}))}))}));u.displayName="Button";export{u as Button};
+import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import i,{forwardRef as r,useCallback as a}from"react";import{Spinner as s}from"../spinner/Spinner.js";import{Button as c,ButtonCustomDashedBorder as l}from"./Button.styled.js";import{getButtonIconColor as d,SpinnerColorMap as m,GetButtonTextComponent as u}from"./themes.js";const b=r((r,b)=>{var{version:h,id:p,buttonType:v="primary",size:g="small",buttonText:y,disabled:C,IconComponent:I,LeadingIcon:x,TrailingIcon:N,isLoading:z,inverse:T,onClick:f,matchParentWidth:j,subtitle:k,darkMode:L,activated:S,error:W,buttonTextColor:B,buttonFontSize:E,customIconColor:M,buttonColor:P,LeadingIconStyles:F}=r,O=t(r,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const _=u(g,v,C),w=d(g,v,T,C,z,L),q=a(()=>{const t="chip"===g?16:20;return{height:t,width:t,color:M||w,style:{display:"block"},className:"icon"}},[g,M,w]);return e(c,Object.assign({"data-test":O["data-test"],version:h,onClick:z?()=>{}:f,ref:b,id:p,disabled:C,size:g,buttonType:v,isLoading:z,inverse:T,matchParentWidth:j,darkMode:L,activated:S,error:W,buttonColor:P},O,{children:o("div",{className:"button-container",children:[v.startsWith("dash")&&e(l,{}),e("div",{className:"overlay-container",children:z&&e(s,{className:"spinner",size:"small",color:m(v,T)})}),I&&e("div",{className:"icon-component",children:i.createElement(I,q())}),x&&e("div",{className:"icon-leading",style:Object.assign({zIndex:1},F),children:i.createElement(x,q())}),y?o(_,{className:"text",style:{color:B,fontSize:E},children:[y,e("div",{className:"text-subtitle",children:k})]}):e(n,{}),N&&e("div",{className:"icon-trailing",style:{zIndex:1},children:i.createElement(N,q())})]})}))});b.displayName="Button";export{b as Button};

package/dist/esm/components/button/Button.styled.js

@@ -1 +1,61 @@
-import t from"@emotion/styled/base";import{jsxs as c,Fragment as d,jsx as n}from"react/jsx-runtime";import{COLORS as b}from"../../constants/Theme.js";import{getBackgroundColor as l,getPadding as X,getBorder as H,getColor as i,getDashedBorderStyling as G,getClickEffect as R,generateDisabledStyling as x,getDisabledTextColor as e,getHoverButtonBackgroundCustom as o,getHoverButtonBackground as g,getHoverButtonTextDecorationStyle as y,generateInverseHoverBackground as I,getLoadingBorder as m,getLoadingButtonBackgroundCustom as u,getLoadingBackground as a}from"./themes.js";const p=t("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("all:unset;cursor:pointer;display:flex;gap:8.83px;border-radius:",(t=>"text"==t.buttonType?"0":"4px"),";overflow:hidden;",(t=>t.matchParentWidth?"flex-grow: 1;":"")," background-color:",(t=>l(t.buttonType,t.size,t.inverse,t.darkMode,t.buttonColor)),";",(t=>{var c;return t.buttonType.startsWith("dash")?`.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tpadding: ${X(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${X(t.buttonType,t.size)};\n\t${H(null!==(c=t.version)&&void 0!==c?c:"1.0",t.buttonType,t.size,t.inverse,t.error)}`})," .icon-component{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.icon-trailing{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}.text{color:",(t=>i(t.buttonType,t.size,t.inverse,t.darkMode)),";}.icon-leading{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}",(t=>G(t.buttonType,t.size,t.isLoading?b.stroke.brandLightAlt:t.error?b.stroke.negative.vibrant:void 0))," .overlay-container{display:none;}",(t=>!t.disabled&&!t.isLoading&&t.activated&&("dashBold"==t.buttonType||"dashRegular"==t.buttonType)&&`\n\t.button-container {\n\t\tdisplay: flex;\n\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t.text {\n\t\t\tcolor: ${b.content.brand} !important;\n\t\t}\n\t\t.icon {\n\t\t\tcolor: ${b.background.brand};\n\t\t}\n\t\t\n\t}\n\t${R(t.buttonType,t.size,t.inverse)}\n\t${G(t.buttonType,t.size,b.content.brand)}\n\t`)," :disabled{cursor:",(t=>"text"===t.buttonType?"auto":"not-allowed"),";",(t=>G(t.buttonType,t.size,b.stroke.primary)),";.overlay-container{display:none!important;}",(t=>x(t.buttonType,t.size,t.inverse))," .text{color:",(t=>e(t.inverse)),"!important;}}",(t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${"chip"===t.size&&`.text {\n\t\t\t\t\t\tcolor: ${b.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${b.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t}\n\n\n\t\t\t${R(t.buttonType,t.size,t.inverse)}\n\t\t\t${G(t.buttonType,t.size,b.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${m(t.buttonType,t.size,t.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t${t.buttonColor?`background-color: ${u(t.buttonColor,15)};`:""}\n\t\t\tpadding: ${X(t.buttonType,t.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${a(t.buttonType,t.size,t.inverse,t.buttonColor)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${X(t.buttonType,t.size)};\n\t\t\t\t{${t.buttonColor?`background-color: ${o(t.buttonColor,15)}`:""}}\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${g(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size&&"text"!==t.buttonType?t.darkMode?`background-color: ${b.stroke.primary};`:`background-color: ${b.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse||t.buttonColor?"":`background-color: ${b.background.inverse};`}\n\t\t\t}\n\t\t\t${"text"===t.buttonType?y(t.buttonType,t.disabled):""}\n\t\t\t${t.inverse?I(t.buttonType,t.disabled):""}\n\t\t}`)," .button-container{display:flex;gap:8.33px;",(t=>t.matchParentWidth?"margin: auto;":""),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldEhvdmVyQnV0dG9uQmFja2dyb3VuZEN1c3RvbSwgZ2V0SG92ZXJCdXR0b25UZXh0RGVjb3JhdGlvblN0eWxlLCBnZXRMb2FkaW5nQmFja2dyb3VuZCwgZ2V0TG9hZGluZ0JvcmRlciwgZ2V0TG9hZGluZ0J1dHRvbkJhY2tncm91bmRDdXN0b20sIGdldFBhZGRpbmcsIH0gZnJvbSAnLi90aGVtZXMnO1xyXG5leHBvcnQgY29uc3QgQnV0dG9uID0gc3R5bGVkLmJ1dHRvbiBgXG5cdGFsbDogdW5zZXQ7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0ZGlzcGxheTogZmxleDtcblx0Z2FwOiA4LjgzcHg7XG5cdGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYnV0dG9uVHlwZSA9PSAndGV4dCcgPyAnMCcgOiAnNHB4Jyl9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHQkeyhwcm9wcykgPT4gKHByb3BzLm1hdGNoUGFyZW50V2lkdGggPyBgZmxleC1ncm93OiAxO2AgOiAnJyl9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCYWNrZ3JvdW5kQ29sb3IocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSwgcHJvcHMuZGFya01vZGUsIHByb3BzLmJ1dHRvbkNvbG9yKX07XG5cblx0JHsocHJvcHMpID0+IHtcclxuICAgIHZhciBfYTtcclxuICAgIHJldHVybiBwcm9wcy5idXR0b25UeXBlLnN0YXJ0c1dpdGgoJ2Rhc2gnKVxyXG4gICAgICAgID8gYC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0XHRcdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0XHRcdFx0XHQke3Byb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnanVzdGlmeS1jb250ZW50OiBjZW50ZXI7JyA6ICcnfVxuXHRcdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdH1gXHJcbiAgICAgICAgOiBgcGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0JHtnZXRCb3JkZXIoKF9hID0gcHJvcHMudmVyc2lvbikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJzEuMCcsIHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UsIHByb3BzLmVycm9yKX1gO1xyXG59fVxuXG5cdC5pY29uLWNvbXBvbmVudCB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHR9XG5cblx0Lmljb24tdHJhaWxpbmcge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC50ZXh0IHtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldENvbG9yKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UsIHByb3BzLmRhcmtNb2RlKX07XG5cdH1cblxuXHQuaWNvbi1sZWFkaW5nIHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gZ2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pc0xvYWRpbmdcclxuICAgID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0XHJcbiAgICA6IHByb3BzLmVycm9yXHJcbiAgICAgICAgPyBDT0xPUlMuc3Ryb2tlLm5lZ2F0aXZlLnZpYnJhbnRcclxuICAgICAgICA6IHVuZGVmaW5lZCl9XG5cblx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5cblx0JHsocHJvcHMpID0+ICFwcm9wcy5kaXNhYmxlZCAmJlxyXG4gICAgIXByb3BzLmlzTG9hZGluZyAmJlxyXG4gICAgcHJvcHMuYWN0aXZhdGVkICYmXHJcbiAgICAocHJvcHMuYnV0dG9uVHlwZSA9PSAnZGFzaEJvbGQnIHx8IHByb3BzLmJ1dHRvblR5cGUgPT0gJ2Rhc2hSZWd1bGFyJykgJiZcclxuICAgIGBcblx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdFx0JHtgLnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdC5pY29uIHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0XHR9XG5cdFx0YH1cblx0fVxuXHQke2dldENsaWNrRWZmZWN0KHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHQke2dldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLmNvbnRlbnQuYnJhbmQpfVxuXHRgfVxuXG5cdDpkaXNhYmxlZCB7XG5cdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdFx0Y3Vyc29yOiAkeyhwcm9wcykgPT4gcHJvcHMuYnV0dG9uVHlwZSA9PT0gJ3RleHQnID8gJ2F1dG8nIDogJ25vdC1hbGxvd2VkJ307XG5cdFx0JHsocHJvcHMpID0+IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0RGlzYWJsZWRUZXh0Q29sb3IocHJvcHMuaW52ZXJzZSl9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdCR7KHByb3BzKSA9PiBnZXREYXNoZWRCb3JkZXJTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIENPTE9SUy5zdHJva2UucHJpbWFyeSl9XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gIXByb3BzLmRpc2FibGVkICYmXHJcbiAgICAhcHJvcHMuaXNMb2FkaW5nICYmXHJcbiAgICBgOmFjdGl2ZSB7XG5cdFx0XHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnIDogJyd9XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnICYmXHJcbiAgICAgICAgYC50ZXh0IHtcblx0XHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH0gIWltcG9ydGFudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0Lmljb24ge1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0fTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0YH1cblx0XHRcdFx0fVxuXG5cblx0XHRcdCR7Z2V0Q2xpY2tFZmZlY3QocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHQke2dldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLmNvbnRlbnQuYnJhbmQpfVxuXHRcdH1gfVxuXG5cdCR7KHByb3BzKSA9PiBcclxuLy8gZG8gbm90IGxvYWQgaG92ZXIgc3R5bGVzIGZvciBsb2FkaW5nIHN0YXRlIGFuZCBhbHNvIGFjdGl2ZSBzdGF0ZVxyXG4hcHJvcHMuaXNMb2FkaW5nXHJcbiAgICA/IGA6bm90KDphY3RpdmUpOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIHtcblx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdCR7cHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnIDogJyd9XG5cdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdHske3Byb3BzLmJ1dHRvbkNvbG9yXHJcbiAgICAgICAgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmRDdXN0b20ocHJvcHMuYnV0dG9uQ29sb3IsIDE1KX1gXHJcbiAgICAgICAgOiAnJ319XG5cdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHRcdCR7Z2V0SG92ZXJCdXR0b25CYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0XHR9XG5cdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnICYmIHByb3BzLmJ1dHRvblR5cGUgIT09ICd0ZXh0J1xyXG4gICAgICAgID8gcHJvcHMuZGFya01vZGVcclxuICAgICAgICAgICAgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O2BcclxuICAgICAgICAgICAgOiBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtgXHJcbiAgICAgICAgOiAnJ31cblx0XHRcdFx0JHtwcm9wcy5idXR0b25UeXBlID09PSAncHJpbWFyeScgJiZcclxuICAgICAgICBwcm9wcy5zaXplICE9PSAnY2hpcCcgJiZcclxuICAgICAgICAhcHJvcHMuaW52ZXJzZSAmJlxyXG4gICAgICAgICFwcm9wcy5idXR0b25Db2xvclxyXG4gICAgICAgID8gYGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07YFxyXG4gICAgICAgIDogJyd9XG5cdFx0XHR9XG5cdFx0XHQke3Byb3BzLmJ1dHRvblR5cGUgPT09ICd0ZXh0J1xyXG4gICAgICAgID8gZ2V0SG92ZXJCdXR0b25UZXh0RGVjb3JhdGlvblN0eWxlKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLmRpc2FibGVkKVxyXG4gICAgICAgIDogJyd9XG5cdFx0XHQke3Byb3BzLmludmVyc2VcclxuICAgICAgICA/IGdlbmVyYXRlSW52ZXJzZUhvdmVyQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5kaXNhYmxlZClcclxuICAgICAgICA6ICcnfVxuXHRcdH1gXHJcbiAgICA6IGBcblx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdCR7Z2V0TG9hZGluZ0JvcmRlcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblxuXHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdC50ZXh0IHtcblx0XHRcdFx0b3BhY2l0eTogMDtcblx0XHRcdH1cblx0XHRcdCR7cHJvcHMuYnV0dG9uQ29sb3JcclxuICAgICAgICA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldExvYWRpbmdCdXR0b25CYWNrZ3JvdW5kQ3VzdG9tKHByb3BzLmJ1dHRvbkNvbG9yLCAxNSl9O2BcclxuICAgICAgICA6ICcnfVxuXHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRcdHBhZGRpbmctdG9wOiAxcHg7XG5cdFx0XHRcdHRvcDogMDtcblx0XHRcdFx0bGVmdDogMDtcblx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdFx0JHtnZXRMb2FkaW5nQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlLCBwcm9wcy5idXR0b25Db2xvcil9XG5cdFx0XHRcdC5zcGlubmVyIHtcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0dG9wOiBjYWxjKDUwJSAtIDE0cHgpO1xuXHRcdFx0XHRcdGxlZnQ6IGNhbGMoNTAlIC0gN3B4KTtcblx0XHRcdFx0fVxuXG5cdFx0XHR9XG5cdFx0fWB9XG5cblx0XHQuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDguMzNweDtcblx0XHQkeyhwcm9wcykgPT4gKHByb3BzLm1hdGNoUGFyZW50V2lkdGggPyAnbWFyZ2luOiBhdXRvOycgOiAnJyl9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b25DdXN0b21EYXNoZWRCb3JkZXIgPSAoKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS10b3BcIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLWxlZnRcIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLWJvdHRvbVwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtcmlnaHRcIiB9KV0gfSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1CdXR0b24uc3R5bGVkLmpzLm1hcCJdfQ== */")),Z=()=>c(d,{children:[n("div",{className:"line-top"}),n("div",{className:"line-left"}),n("div",{className:"line-bottom"}),n("div",{className:"line-right"})]});export{p as Button,Z as ButtonCustomDashedBorder};
+import{jsxs as t,Fragment as n,jsx as e}from"react/jsx-runtime";import o from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{getBackgroundColor as r,getPadding as a,getBorder as s,getColor as p,getDashedBorderStyling as d,getClickEffect as l,generateDisabledStyling as c,getDisabledTextColor as b,getHoverButtonBackgroundCustom as u,getHoverButtonBackground as h,getHoverButtonTextDecorationStyle as y,generateInverseHoverBackground as $,getLoadingBorder as v,getLoadingButtonBackgroundCustom as g,getLoadingBackground as x}from"./themes.js";const m=o.button`
+	all: unset;
+	cursor: pointer;
+	display: flex;
+	gap: 8.83px;
+	border-radius: ${t=>"text"==t.buttonType?"0":"4px"};
+	overflow: hidden;
+	${t=>t.matchParentWidth?"flex-grow: 1;":""}
+	background-color: ${t=>r(t.buttonType,t.size,t.inverse,t.darkMode,t.buttonColor)};
+
+	${t=>{var n;return t.buttonType.startsWith("dash")?`.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tpadding: ${a(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${a(t.buttonType,t.size)};\n\t${s(null!==(n=t.version)&&void 0!==n?n:"1.0",t.buttonType,t.size,t.inverse,t.error)}`}}
+
+	.icon-component {
+		height: ${t=>"chip"===t.size?"16px":"20px"};
+		width: ${t=>"chip"===t.size?"16px":"20px"};
+	}
+
+	.icon-trailing {
+		height: ${t=>"chip"===t.size?"16px":"20px"};
+		width: ${t=>"chip"===t.size?"16px":"20px"};
+	}
+
+	.text {
+		color: ${t=>p(t.buttonType,t.size,t.inverse,t.darkMode)};
+	}
+
+	.icon-leading {
+		height: ${t=>"chip"===t.size?"16px":"20px"};
+		width: ${t=>"chip"===t.size?"16px":"20px"};
+	}
+
+	${t=>d(t.buttonType,t.size,t.isLoading?i.stroke.brandLightAlt:t.error?i.stroke.negative.vibrant:void 0)}
+
+	.overlay-container {
+		display: none;
+	}
+
+	${t=>!t.disabled&&!t.isLoading&&t.activated&&("dashBold"==t.buttonType||"dashRegular"==t.buttonType)&&`\n\t.button-container {\n\t\tdisplay: flex;\n\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t.text {\n\t\t\tcolor: ${i.content.brand} !important;\n\t\t}\n\t\t.icon {\n\t\t\tcolor: ${i.background.brand};\n\t\t}\n\t\t\n\t}\n\t${l(t.buttonType,t.size,t.inverse)}\n\t${d(t.buttonType,t.size,i.content.brand)}\n\t`}
+
+	:disabled {
+		.overlay-container {
+			display: none !important;
+		}
+		cursor: ${t=>"text"===t.buttonType?"auto":"not-allowed"};
+		${t=>c(t.buttonType,t.size,t.inverse)}
+		.text {
+			color: ${t=>b(t.inverse)} !important;
+		}
+		${t=>d(t.buttonType,t.size,i.stroke.primary)}
+	}
+
+	${t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${"chip"===t.size&&`.text {\n\t\t\t\t\t\tcolor: ${i.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${i.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t}\n\n\n\t\t\t${l(t.buttonType,t.size,t.inverse)}\n\t\t\t${d(t.buttonType,t.size,i.content.brand)}\n\t\t}`}
+
+	${t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${v(t.buttonType,t.size,t.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t${t.buttonColor?`background-color: ${g(t.buttonColor,15)};`:""}\n\t\t\tpadding: ${a(t.buttonType,t.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${x(t.buttonType,t.size,t.inverse,t.buttonColor)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 12px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${a(t.buttonType,t.size)};\n\t\t\t\t{${t.buttonColor?`background-color: ${u(t.buttonColor,15)}`:""}}\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${h(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size&&"text"!==t.buttonType?t.darkMode?`background-color: ${i.stroke.primary};`:`background-color: ${i.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse||t.buttonColor?"":`background-color: ${i.background.inverse};`}\n\t\t\t}\n\t\t\t${"text"===t.buttonType?y(t.buttonType,t.disabled):""}\n\t\t\t${t.inverse?$(t.buttonType,t.disabled):""}\n\t\t}`}
+
+		.button-container {
+		display: flex;
+		gap: 8.33px;
+		${t=>t.matchParentWidth?"margin: auto;":""}
+	}
+`,T=()=>t(n,{children:[e("div",{className:"line-top"}),e("div",{className:"line-left"}),e("div",{className:"line-bottom"}),e("div",{className:"line-right"})]});export{m as Button,T as ButtonCustomDashedBorder};

package/dist/esm/components/button/themes.js

@@ -1 +1 @@
-import{COLORS as t}from"../../constants/Theme.js";import{ButtonRegularAI as r,ButtonLargeAI as n,BodySecondary as e,BodyCaption as a,ButtonRegular as o,ButtonLarge as i}from"../TypographyStyle.js";const c=(r,n,e,a,o)=>{if("chip"===n)return"text"===r?"transparent":a?t.surface.hovered:t.surface.subdued;switch(r){case"primary":return o||(e?t.background.warning.vibrant:t.background.inverseLight);case"destructive":return t.background.negative.vibrant;default:return"transparent"}},d=(r,n,e,a)=>{if("chip"===n)return"text"===r?e?t.content.inactive:t.content.brand:a?t.content.primary:t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.content.secondary;case"destructive":return t.content.primaryInverse;case"ai":return t.content.ai;default:return e?t.content.primaryInverse:t.stroke.brand}},s=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,p=(t,r)=>{if("text"===t)return"0px";if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}},u=(t,c,d)=>d||"ai"!==c?"dashRegular"===c?e:"chip"===t?a:"small"===t?o:i:"small"===t?r:n,b=(r,n,e)=>e?t.stroke.negative.vibrant:n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,g=(r,n,e,a,o)=>"text"==n?"border: none;":"chip"===e?`border: ${"2.0"===r?.5:1}px solid ${t.stroke.primary};`:a?"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${b(n,a,o)};`:"border: none;":"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${b(n,!1,o)};`:"border: none;",l=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",h=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)-e,o=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(a,0)<<16)+(Math.max(o,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},x=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)+e,o=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(a,255)<<16)+(Math.min(o,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`},y=(r,n)=>"ai"===r?`background: ${t.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",m=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`,k=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",$=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.stroke.primary};`:"",v=function(t,r){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:b(t,!1);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t`},f=(r,n,e)=>"text"===r?`background-color: ${t.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`:"chip"===n?`border: 1px solid ${t.stroke.brandLightAlt};\n\t\tbackground-color: ${t.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.background.inverseLight}  !important;`:`background-color: ${t.background.brandLight};`:void 0,w=(r,n,e,a)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?a?`background-color: ${x(a,50)};`:`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",L=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",I=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,M=(r,n,e,a,o,i)=>"chip"===r?a?t.content.inactive:i?t.content.primary:t.content.secondary:o?"transparent":"primary"===n||"destructive"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primary:a?t.content.inactive:t.content.primaryInverse:"secondary"===n||"tertiary"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primaryInverse:a?t.content.inactive:t.content.brand:"tertiaryGray"===n||n.startsWith("dash")?a?t.content.inactive:t.content.secondary:void 0;export{u as GetButtonTextComponent,I as SpinnerColorMap,$ as generateDisabledStyling,k as generateInverseHoverBackground,c as getBackgroundColor,g as getBorder,b as getBorderColor,M as getButtonIconColor,f as getClickEffect,d as getColor,v as getDashedBorderStyling,s as getDisabledTextColor,y as getHoverButtonBackground,h as getHoverButtonBackgroundCustom,m as getHoverButtonTextDecorationStyle,l as getLinearGradientValue,w as getLoadingBackground,L as getLoadingBorder,x as getLoadingButtonBackgroundCustom,p as getPadding};
+import{COLORS as t}from"../../constants/Theme.js";import{ButtonRegularAI as r,ButtonLargeAI as n,BodySecondary as e,BodyCaption as a,ButtonRegular as o,ButtonLarge as i}from"../TypographyStyle.js";const c=(r,n,e,a,o)=>{if("chip"===n)return"text"===r?"transparent":a?t.surface.hovered:t.surface.subdued;switch(r){case"primary":return o||(e?t.background.warning.vibrant:t.background.inverseLight);case"destructive":return t.background.negative.vibrant;default:return"transparent"}},d=(r,n,e,a)=>{if("chip"===n)return"text"===r?e?t.content.inactive:t.content.brand:a?t.content.primary:t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.content.secondary;case"destructive":return t.content.primaryInverse;case"ai":return t.content.ai;default:return e?t.content.primaryInverse:t.stroke.brand}},s=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,p=(t,r)=>{if("text"===t)return"0px";if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}},b=(t,c,d)=>d||"ai"!==c?"dashRegular"===c?e:"chip"===t?a:"small"===t?o:i:"small"===t?r:n,u=(r,n,e)=>e?t.stroke.negative.vibrant:n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,g=(r,n,e,a,o)=>"text"==n?"border: none;":"chip"===e?`border: ${"2.0"===r?.5:1}px solid ${t.stroke.primary};`:a?"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${u(n,a,o)};`:"border: none;":"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${u(n,!1,o)};`:"border: none;",l=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",h=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)-e,o=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(a,0)<<16)+(Math.max(o,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},x=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)+e,o=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(a,255)<<16)+(Math.min(o,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`},y=(r,n)=>"ai"===r?`background: ${t.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",m=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`,k=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",$=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.stroke.primary};`:"",v=(t,r,n=u(t,!1))=>`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t`,f=(r,n,e)=>"text"===r?`background-color: ${t.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`:"chip"===n?`border: 1px solid ${t.stroke.brandLightAlt};\n\t\tbackground-color: ${t.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.background.inverseLight}  !important;`:`background-color: ${t.background.brandLight};`:void 0,w=(r,n,e,a)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?a?`background-color: ${x(a,50)};`:`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",L=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",I=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,M=(r,n,e,a,o,i)=>"chip"===r?a?t.content.inactive:i?t.content.primary:t.content.secondary:o?"transparent":"primary"===n||"destructive"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primary:a?t.content.inactive:t.content.primaryInverse:"secondary"===n||"tertiary"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primaryInverse:a?t.content.inactive:t.content.brand:"tertiaryGray"===n||n.startsWith("dash")?a?t.content.inactive:t.content.secondary:void 0;export{b as GetButtonTextComponent,I as SpinnerColorMap,$ as generateDisabledStyling,k as generateInverseHoverBackground,c as getBackgroundColor,g as getBorder,u as getBorderColor,M as getButtonIconColor,f as getClickEffect,d as getColor,v as getDashedBorderStyling,s as getDisabledTextColor,y as getHoverButtonBackground,h as getHoverButtonBackgroundCustom,m as getHoverButtonTextDecorationStyle,l as getLinearGradientValue,w as getLoadingBackground,L as getLoadingBorder,x as getLoadingButtonBackgroundCustom,p as getPadding};

package/dist/esm/components/buttonGroup/ButtonGroup.js

@@ -1 +1 @@
-import{jsx as i,jsxs as o}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{BodySecondary as e}from"../TypographyStyle.js";import{COLORS as r}from"../../constants/Theme.js";import{ButtonGroupStyle as c,Button as s}from"./ButtonGroupStyle.js";const d=d=>{const[a,l]=t(void 0);n((()=>{l(d.activeButtonId||void 0)}),[null==d?void 0:d.activeButtonId]);return i(c,Object.assign({className:"button-group",width:d.width||"100%",gap:d.gap,size:d.size,iconPosition:d.iconPosition},{children:d.buttonGroup.map((t=>{var n,c;const u=null==t?void 0:t.icon;return o(s,Object.assign({borderRadius:null!==(n=d.borderRadius)&&void 0!==n?n:"4px",matchParentWidth:null===(c=d.matchParentWidth)||void 0===c||c,className:"button",isActive:a===t.id,onClick:()=>(i=>{l(i.id),d.onButtonClick(i.id)})(t),iconPosition:d.iconPosition,size:d.size,backgroundColor:d.backgroundColor||r.surface.subdued},{children:[(null==d?void 0:d.iconPosition)&&u&&i("div",Object.assign({className:"button__image"},{children:i(u,{color:a===t.id?r.background.inverseLight:r.content.secondary,width:(null==d?void 0:d.iconWidth)||"18px",height:(null==d?void 0:d.iconHeight)||"18px"})})),i("div",Object.assign({className:"button__name"},{children:i(e,Object.assign({style:{color:a===t.id?r.background.inverseLight:r.content.secondary}},{children:t.title}))}))]}),t.id)}))}))};export{d as ButtonGroup};
+import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{BodySecondary as r}from"../TypographyStyle.js";import{COLORS as e}from"../../constants/Theme.js";import{ButtonGroupStyle as d,Button as c}from"./ButtonGroupStyle.js";const s=s=>{const[a,l]=t(void 0);n(()=>{l(s.activeButtonId||void 0)},[null==s?void 0:s.activeButtonId]);return o(d,{className:"button-group",width:s.width||"100%",gap:s.gap,size:s.size,iconPosition:s.iconPosition,children:s.buttonGroup.map(t=>{var n,d;const u=null==t?void 0:t.icon;return i(c,{borderRadius:null!==(n=s.borderRadius)&&void 0!==n?n:"4px",matchParentWidth:null===(d=s.matchParentWidth)||void 0===d||d,className:"button",isActive:a===t.id,onClick:()=>(o=>{l(o.id),s.onButtonClick(o.id)})(t),iconPosition:s.iconPosition,size:s.size,backgroundColor:s.backgroundColor||e.surface.subdued,children:[(null==s?void 0:s.iconPosition)&&u&&o("div",{className:"button__image",children:o(u,{color:a===t.id?e.background.inverseLight:e.content.secondary,width:(null==s?void 0:s.iconWidth)||"18px",height:(null==s?void 0:s.iconHeight)||"18px"})}),o("div",{className:"button__name",children:o(r,{style:{color:a===t.id?e.background.inverseLight:e.content.secondary},children:t.title})})]},t.id)})})};export{s as ButtonGroup};

package/dist/esm/components/card-selection-modal/CardSelectionModal.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import o from"../../assets/icons/info.svg.js";import{StyledCardContainer as n,StyledCard as t}from"./CardSelectionModal.styled.js";import{StyledModal as r}from"../modals/styledModal.js";import{DEFAULT_THEME as s}from"../../constants/Theme.js";import{BodySecondary as c,TitleRegular as l,BodyCaption as a}from"../TypographyStyle.js";const d=d=>e(r,Object.assign({open:d.isOpen,onClose:d.onClose,headingTitle:d.title,headingSubtitle:d.subTitle,centralContainerStyles:{width:716}},{children:i(n,{children:[e("div",Object.assign({className:"cards__wrapper"},{children:d.cards.map((o=>i(t,Object.assign({onClick:()=>{d.onCardSelected(o.value)}},{children:[o.icon&&e("div",Object.assign({className:"icon__container"},{children:e(o.icon,{width:22,color:s.colorsV2.content.brand})})),e(l,{children:o.title}),e(a,{children:o.description})]}),o.value)))})),d.infoText&&i("div",Object.assign({className:"info__wrapper"},{children:[e(o,{width:15,color:s.colorsV2.content.placeholder}),e(c,{children:d.infoText})]}))]})}));export{d as CardSelectionModal};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import i from"../../assets/icons/info.svg.js";import{StyledCardContainer as r,StyledCard as n}from"./CardSelectionModal.styled.js";import{StyledModal as t}from"../modals/styledModal.js";import{DEFAULT_THEME as l}from"../../constants/Theme.js";import{BodySecondary as c,TitleRegular as s,BodyCaption as d}from"../TypographyStyle.js";const a=a=>e(t,{open:a.isOpen,onClose:a.onClose,headingTitle:a.title,headingSubtitle:a.subTitle,centralContainerStyles:{width:716},children:o(r,{children:[e("div",{className:"cards__wrapper",children:a.cards.map(i=>o(n,{onClick:()=>{a.onCardSelected(i.value)},children:[i.icon&&e("div",{className:"icon__container",children:e(i.icon,{width:22,color:l.colorsV2.content.brand})}),e(s,{children:i.title}),e(d,{children:i.description})]},i.value))}),a.infoText&&o("div",{className:"info__wrapper",children:[e(i,{width:15,color:l.colorsV2.content.placeholder}),e(c,{children:a.infoText})]})]})});export{a as CardSelectionModal};

package/dist/esm/components/card-selection-modal/CardSelectionModal.styled.js

@@ -1 +1,41 @@
-import c from"@emotion/styled/base";import{DEFAULT_THEME as b}from"../../constants/Theme.js";const d=c("div","production"===process.env.NODE_ENV?{target:"epoh28g1"}:{target:"epoh28g1",label:"StyledCardContainer"})("production"===process.env.NODE_ENV?{name:"1psm388",styles:"display:flex;flex-direction:column;gap:12px;.cards__wrapper{padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;}.info__wrapper{padding:0 24px 24px 24px;display:flex;align-items:center;gap:4px;}"}:{name:"1psm388",styles:"display:flex;flex-direction:column;gap:12px;.cards__wrapper{padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;}.info__wrapper{padding:0 24px 24px 24px;display:flex;align-items:center;gap:4px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QyIsImZpbGUiOiJDYXJkU2VsZWN0aW9uTW9kYWwuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENhcmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxMnB4O1xuXHQuY2FyZHNfX3dyYXBwZXIge1xuXHRcdHBhZGRpbmc6IDAgMjRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtd3JhcDogd3JhcDtcblx0XHRnYXA6IDE2cHg7XG5cdH1cblx0LmluZm9fX3dyYXBwZXIge1xuXHRcdHBhZGRpbmc6IDAgMjRweCAyNHB4IDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogNHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMjEycHg7XG5cdHBhZGRpbmc6IDE2cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5zdXJmYWNlLmhvdmVyZWR9O1xuXHR9XG5cblx0Lmljb25fX2NvbnRhaW5lciB7XG5cdFx0d2lkdGg6IDQ4cHg7XG5cdFx0aGVpZ2h0OiA0OHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),l=c("div","production"===process.env.NODE_ENV?{target:"epoh28g0"}:{target:"epoh28g0",label:"StyledCard"})("width:212px;padding:16px;display:flex;flex-direction:column;gap:8px;background-color:",b.colorsV2.surface.standard,";border:1px solid ",b.colorsV2.stroke.primary,";border-radius:4px;cursor:pointer;&:hover{background-color:",b.colorsV2.surface.hovered,";}.icon__container{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:",b.colorsV2.background.brandLight,";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcmRTZWxlY3Rpb25Nb2RhbC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CcUMiLCJmaWxlIjoiQ2FyZFNlbGVjdGlvbk1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRDYXJkQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTJweDtcblx0LmNhcmRzX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LXdyYXA6IHdyYXA7XG5cdFx0Z2FwOiAxNnB4O1xuXHR9XG5cdC5pbmZvX193cmFwcGVyIHtcblx0XHRwYWRkaW5nOiAwIDI0cHggMjRweCAyNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRnYXA6IDRweDtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDIxMnB4O1xuXHRwYWRkaW5nOiAxNnB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblxuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuc3VyZmFjZS5ob3ZlcmVkfTtcblx0fVxuXG5cdC5pY29uX19jb250YWluZXIge1xuXHRcdHdpZHRoOiA0OHB4O1xuXHRcdGhlaWdodDogNDhweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJkU2VsZWN0aW9uTW9kYWwuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{l as StyledCard,d as StyledCardContainer};
+import r from"styled-components";import{DEFAULT_THEME as o}from"../../constants/Theme.js";const e=r.div`
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	.cards__wrapper {
+		padding: 0 24px;
+		display: flex;
+		flex-wrap: wrap;
+		gap: 16px;
+	}
+	.info__wrapper {
+		padding: 0 24px 24px 24px;
+		display: flex;
+		align-items: center;
+		gap: 4px;
+	}
+`,p=r.div`
+	width: 212px;
+	padding: 16px;
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	background-color: ${o.colorsV2.surface.standard};
+	border: 1px solid ${o.colorsV2.stroke.primary};
+	border-radius: 4px;
+	cursor: pointer;
+
+	&:hover {
+		background-color: ${o.colorsV2.surface.hovered};
+	}
+
+	.icon__container {
+		width: 48px;
+		height: 48px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border-radius: 50%;
+		background-color: ${o.colorsV2.background.brandLight};
+	}
+`;export{p as StyledCard,e as StyledCardContainer};

package/dist/esm/components/card-selector/CardSelector.js

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{COLORS as l}from"../../constants/Theme.js";import{Spinner as n}from"../spinner/Spinner.js";import{Tooltip as o}from"../tooltips/Tooltip.js";import{TitleSmall as d,BodyCaption as s}from"../TypographyStyle.js";import{Container as c,Loader as r}from"./CardSelector.styled.js";const a=i=>{var l,n,d,s;return e(t,{children:i.tooltip?e(o,Object.assign({title:i.tooltip},{children:e(c,Object.assign({style:{alignItems:i.title&&i.subtitle?"flex-start":"center"},selected:i.selected,disabled:null!==(l=i.disabled)&&void 0!==l&&l,loading:null!==(n=i.loading)&&void 0!==n&&n,onClick:()=>{i.disabled||i.loading||i.onCardClick(i.id)},isTooltipPresent:!!i.tooltip},{children:e(b,Object.assign({},i))}))})):e(c,Object.assign({style:{alignItems:i.title&&i.subtitle?"flex-start":"center"},selected:i.selected,disabled:null!==(d=i.disabled)&&void 0!==d&&d,loading:null!==(s=i.loading)&&void 0!==s&&s,onClick:()=>{i.disabled||i.loading||i.onCardClick(i.id)},isTooltipPresent:!!i.tooltip},{children:e(b,Object.assign({},i))}))})},b=o=>e(t,{children:o.loading?e(r,{children:e(n,{size:"large"})}):i(t,{children:[(null==o?void 0:o.icon)&&e("div",Object.assign({style:{width:24,height:24}},{children:e(o.icon,{width:24,color:o.selected?l.content.brand:o.disabled?l.content.inactive:l.content.placeholder})})),i("div",Object.assign({"data-test":null==o?void 0:o.dataTestId},{children:[o.title&&e(d,Object.assign({style:{color:o.selected?l.content.brand:o.disabled?l.content.inactive:l.content.secondary}},{children:o.title})),o.subtitle&&e(s,Object.assign({style:{marginTop:o.title?4:0,color:o.selected?l.content.brand:o.disabled?l.content.inactive:l.content.secondary}},{children:o.subtitle}))]}))]})});export{a as CardSelector};
+import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{COLORS as l}from"../../constants/Theme.js";import{Spinner as n}from"../spinner/Spinner.js";import{Tooltip as o}from"../tooltips/Tooltip.js";import{TitleSmall as d,BodyCaption as s}from"../TypographyStyle.js";import{Container as r,Loader as c}from"./CardSelector.styled.js";const a=i=>{var l,n,d,s;return e(t,{children:i.tooltip?e(o,{title:i.tooltip,children:e(r,{style:{alignItems:i.title&&i.subtitle?"flex-start":"center"},selected:i.selected,disabled:null!==(l=i.disabled)&&void 0!==l&&l,loading:null!==(n=i.loading)&&void 0!==n&&n,onClick:()=>{i.disabled||i.loading||i.onCardClick(i.id)},isTooltipPresent:!!i.tooltip,children:e(p,Object.assign({},i))})}):e(r,{style:{alignItems:i.title&&i.subtitle?"flex-start":"center"},selected:i.selected,disabled:null!==(d=i.disabled)&&void 0!==d&&d,loading:null!==(s=i.loading)&&void 0!==s&&s,onClick:()=>{i.disabled||i.loading||i.onCardClick(i.id)},isTooltipPresent:!!i.tooltip,children:e(p,Object.assign({},i))})})},p=o=>e(t,{children:o.loading?e(c,{children:e(n,{size:"large"})}):i(t,{children:[(null==o?void 0:o.icon)&&e("div",{style:{width:24,height:24},children:e(o.icon,{width:24,color:o.selected?l.content.brand:o.disabled?l.content.inactive:l.content.placeholder})}),i("div",{"data-test":null==o?void 0:o.dataTestId,children:[o.title&&e(d,{style:{color:o.selected?l.content.brand:o.disabled?l.content.inactive:l.content.secondary},children:o.title}),o.subtitle&&e(s,{style:{marginTop:o.title?4:0,color:o.selected?l.content.brand:o.disabled?l.content.inactive:l.content.secondary},children:o.subtitle})]})]})});export{a as CardSelector};

package/dist/esm/components/card-selector/CardSelectorGroup.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{CardSelector as e}from"./CardSelector.js";const i=i=>t("div",Object.assign({style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16}},{children:i.cards.map((l=>t("div",Object.assign({style:{display:"flex",flex:1}},{children:t(e,{"data-test":i["data-test"],id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:i.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})}),l.id)))}));export{i as CardSelectorGroup};
+import{jsx as t}from"react/jsx-runtime";import{CardSelector as e}from"./CardSelector.js";const i=i=>t("div",{style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16},children:i.cards.map(l=>t("div",{style:{display:"flex",flex:1},children:t(e,{"data-test":i["data-test"],id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:i.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})},l.id))});export{i as CardSelectorGroup};

package/dist/esm/components/carousel/carousel.js

@@ -1,4 +1,4 @@
-import{jsx as r,Fragment as t}from"react/jsx-runtime";import e from"../../assets/icons/chevronLeft.svg.js";import s from"../../assets/icons/chevronRight.svg.js";import{Carousel as o}from"@trendyol-js/react-carousel";import i from"styled-components";const n=()=>r(l,Object.assign({className:"left"},{children:r(e,{width:16,height:16,color:"#fff"})})),a=()=>r(l,Object.assign({className:"right"},{children:r(s,{width:16,height:16,color:"#fff"})})),c=e=>r(t,{children:r(o,Object.assign({leftArrow:r(n,{}),rightArrow:r(a,{})},e,{children:e.children}))}),l=i.div`
+import{jsx as r,Fragment as t}from"react/jsx-runtime";import e from"../../assets/icons/chevronLeft.svg.js";import o from"../../assets/icons/chevronRight.svg.js";import{Carousel as s}from"@trendyol-js/react-carousel";import i from"styled-components";const n=()=>r(l,{className:"left",children:r(e,{width:16,height:16,color:"#fff"})}),a=()=>r(l,{className:"right",children:r(o,{width:16,height:16,color:"#fff"})}),c=e=>r(t,{children:r(s,Object.assign({leftArrow:r(n,{}),rightArrow:r(a,{})},e,{children:e.children}))}),l=i.div`
 	cursor: pointer;
 	margin: 0 8px;
 	width: 50px;

package/dist/esm/components/carousel-preview/CarouselPreview.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import o from"react";import l from"react-slick";import{Container as t,CarouselSlickContainer as s}from"./CarouselPreview.style.js";import n from"./CarouselPreviewCard.js";import{useTemplateModalContext as i}from"../template-context-mapper/context/templateModalContext.js";import{determineCardIndex as a,isRCSChannel as d}from"../template-preview/helpers/templateMiscHelper.js";import{RCSCarousalContainer as u}from"../template-preview/RCS/RCSPreview.styled.js";import{CustomCarouselRightArrow as c,CustomCarouselLeftArrow as m}from"./CustomCarouselArrows.js";const p=o.forwardRef((o=>{let{channel:l,template:s,isPreview:c,removeBottomBorder:m,borderRadius:p,showArrows:w,hideBorder:h,showSampleValues:C}=o;var f,x;const{sliderRef:j,selectedCarouselIndex:g,cardCount:I,setIsCarouselHovered:P,cardIndex:R}=i(),b=-1==R?a(l):R,S=null===(x=null===(f=null==s?void 0:s.components)||void 0===f?void 0:f[b])||void 0===x?void 0:x.cards,A=(null==S?void 0:S.length)?e(v,{cards:S,cardCount:null!=I?I:0,selectedCarouselIndex:null!=g?g:-1,sliderRef:j,isPreview:c,showArrows:w,channel:l,template:s,setIsCarouselHovered:P,showSampleValues:!!C}):null;return d(l)?e(u,Object.assign({borderRadius:p},{children:A})):r(t,Object.assign({removeBottomBorder:m,borderRadius:p,hideBorder:h},{children:[e(n,{channel:l,currentTemplate:s,carouselCardIndex:-1,isPreview:c,width:"77%"}),A]}))})),v=r=>{let{cards:o,cardCount:t,selectedCarouselIndex:i,sliderRef:a,isPreview:d,showArrows:u,channel:p,template:v,setIsCarouselHovered:w,showSampleValues:h}=r;return e(s,Object.assign({cardCount:t,selectedCarouselIndex:i,onMouseEnter:()=>null==w?void 0:w(!0),onMouseLeave:()=>null==w?void 0:w(!1)},{children:e(l,Object.assign({ref:a,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:u,adaptiveHeight:!0,nextArrow:e(c,{isPreview:null!=d&&d}),prevArrow:e(m,{isPreview:null!=d&&d})},{children:null==o?void 0:o.map(((r,o)=>{var l,t;const s={components:r.components,mapping:null===(t=null===(l=null==v?void 0:v.mapping)||void 0===l?void 0:l.cards)||void 0===t?void 0:t[o],content:null==v?void 0:v.content,templateType:null==v?void 0:v.templateType};return e(n,{channel:p,currentTemplate:s,carouselCardIndex:o,isPreview:d,width:"100%",showSampleValues:h},o)}))}))}))};export{p as CarouselPreview};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import o from"react";import l from"react-slick";import{Container as t,CarouselSlickContainer as s}from"./CarouselPreview.style.js";import n from"./CarouselPreviewCard.js";import{useTemplateModalContext as i}from"../template-context-mapper/context/templateModalContext.js";import{determineCardIndex as d,isRCSChannel as a}from"../template-preview/helpers/templateMiscHelper.js";import{RCSCarousalContainer as u}from"../template-preview/RCS/RCSPreview.styled.js";import{CustomCarouselRightArrow as m,CustomCarouselLeftArrow as p}from"./CustomCarouselArrows.js";const c=o.forwardRef(({channel:o,template:l,isPreview:s,removeBottomBorder:m,borderRadius:p,showArrows:c,hideBorder:w,showSampleValues:h})=>{var C,f;const{sliderRef:x,selectedCarouselIndex:I,cardCount:P,setIsCarouselHovered:R,cardIndex:S}=i(),j=-1==S?d(o):S,g=null===(f=null===(C=null==l?void 0:l.components)||void 0===C?void 0:C[j])||void 0===f?void 0:f.cards,A=(null==g?void 0:g.length)?e(v,{cards:g,cardCount:null!=P?P:0,selectedCarouselIndex:null!=I?I:-1,sliderRef:x,isPreview:s,showArrows:c,channel:o,template:l,setIsCarouselHovered:R,showSampleValues:!!h}):null;return a(o)?e(u,{borderRadius:p,children:A}):r(t,{removeBottomBorder:m,borderRadius:p,hideBorder:w,children:[e(n,{channel:o,currentTemplate:l,carouselCardIndex:-1,isPreview:s,width:"77%"}),A]})}),v=({cards:r,cardCount:o,selectedCarouselIndex:t,sliderRef:i,isPreview:d,showArrows:a,channel:u,template:c,setIsCarouselHovered:v,showSampleValues:w})=>e(s,{cardCount:o,selectedCarouselIndex:t,onMouseEnter:()=>null==v?void 0:v(!0),onMouseLeave:()=>null==v?void 0:v(!1),children:e(l,{ref:i,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:a,adaptiveHeight:!0,nextArrow:e(m,{isPreview:null!=d&&d}),prevArrow:e(p,{isPreview:null!=d&&d}),children:null==r?void 0:r.map((r,o)=>{var l,t;const s={components:r.components,mapping:null===(t=null===(l=null==c?void 0:c.mapping)||void 0===l?void 0:l.cards)||void 0===t?void 0:t[o],content:null==c?void 0:c.content,templateType:null==c?void 0:c.templateType};return e(n,{channel:u,currentTemplate:s,carouselCardIndex:o,isPreview:d,width:"100%",showSampleValues:w},o)})})});export{c as CarouselPreview};

package/dist/esm/components/carousel-preview/CarouselPreviewCard.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t from"react";import{useTemplateModalContext as p}from"../template-context-mapper/context/templateModalContext.js";import{TemplatePreview as a}from"../template-preview/TemplatePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../constants/Theme.js";import"../curtain/CurtainHelper.js";import"../variable-picker-v3/model.js";import"../template-preview/models/TemplateMeta.js";import"../template-preview/models/WhatsAppTemplate.js";import"../template-preview/models/Channels.js";import{determineCardIndex as r}from"../template-preview/helpers/templateMiscHelper.js";const i=t.forwardRef((t=>{let{channel:i,currentTemplate:l,showSampleValues:s,carouselCardIndex:m,isPreview:o,width:n}=t;var d,h,c;const{cardWidth:v,template:w,cardIndex:u}=p(),j=-1==u?r(i):u,f=(null!==(c=null===(h=null===(d=null==w?void 0:w.components)||void 0===d?void 0:d[j].cards)||void 0===h?void 0:h.length)&&void 0!==c?c:0)-1===m?12:0;return e("div",Object.assign({style:{width:n||v,height:(null!=m?m:-1)>-1?"100%":"auto"}},{children:e(a,{showSampleValues:s,template:l,channel:i,size:"small",hideHeader:!0,carouselCardIndex:m,isWhatsappCarousel:!0,isPreview:o,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:f,height:"100%"}}})}))}));export{i as default};
+import{jsx as e}from"react/jsx-runtime";import t from"react";import{useTemplateModalContext as p}from"../template-context-mapper/context/templateModalContext.js";import{TemplatePreview as r}from"../template-preview/TemplatePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../constants/Theme.js";import"../curtain/CurtainHelper.js";import"../variable-picker-v3/model.js";import"../template-preview/models/TemplateMeta.js";import"../template-preview/models/WhatsAppTemplate.js";import"../template-preview/models/Channels.js";import{determineCardIndex as a}from"../template-preview/helpers/templateMiscHelper.js";const i=t.forwardRef(({channel:t,currentTemplate:i,showSampleValues:l,carouselCardIndex:m,isPreview:o,width:s})=>{var n,d,h;const{cardWidth:c,template:v,cardIndex:w}=p(),u=-1==w?a(t):w,j=(null!==(h=null===(d=null===(n=null==v?void 0:v.components)||void 0===n?void 0:n[u].cards)||void 0===d?void 0:d.length)&&void 0!==h?h:0)-1===m?12:0;return e("div",{style:{width:s||c,height:(null!=m?m:-1)>-1?"100%":"auto"},children:e(r,{showSampleValues:l,template:i,channel:t,size:"small",hideHeader:!0,carouselCardIndex:m,isWhatsappCarousel:!0,isPreview:o,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:j,height:"100%"}}})})});export{i as default};

package/dist/esm/components/carousel-preview/CustomCarouselArrows.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import n from"../../assets/icons/chevronLeft.svg.js";import t from"../../assets/icons/chevronRight.svg.js";import{COLORS as s}from"../../constants/Theme.js";import{useTemplateModalContext as l}from"../template-context-mapper/context/templateModalContext.js";const o=t=>{const{className:o,style:c,onClick:i,isPreview:r}=t,{selectedCarouselIndex:a,setSelectedCarouselIndex:m}=l();return e("div",Object.assign({className:o,style:Object.assign(Object.assign({},c),{display:i&&(null!=a?a:-1)>-1||r?"flex":"none",content:"none"}),onClick:e=>{null==i||i(e),(null!=a?a:-1)<1||r||null==m||m((null!=a?a:-1)-1)}},{children:e(n,{height:10,width:10,color:s.content.primary})}))},c=n=>{const{className:o,style:c,onClick:i,isPreview:r}=n,{selectedCarouselIndex:a,setSelectedCarouselIndex:m,cardCount:u}=l();return e("div",Object.assign({className:o,style:Object.assign(Object.assign({},c),{display:i&&(null!=a?a:-1)>-1||r?"flex":"none",content:"none"}),onClick:e=>{null==i||i(e),(null!=a?a:-1)>=(null!=u?u:-1)-1||r||null==m||m((null!=a?a:-1)+1)}},{children:e(t,{height:10,width:10,color:s.content.primary})}))};export{o as CustomCarouselLeftArrow,c as CustomCarouselRightArrow};
+import{jsx as e}from"react/jsx-runtime";import n from"../../assets/icons/chevronLeft.svg.js";import t from"../../assets/icons/chevronRight.svg.js";import{COLORS as l}from"../../constants/Theme.js";import{useTemplateModalContext as s}from"../template-context-mapper/context/templateModalContext.js";const o=t=>{const{className:o,style:c,onClick:r,isPreview:i}=t,{selectedCarouselIndex:a,setSelectedCarouselIndex:m}=s();return e("div",{className:o,style:Object.assign(Object.assign({},c),{display:r&&(null!=a?a:-1)>-1||i?"flex":"none",content:"none"}),onClick:e=>{null==r||r(e),(null!=a?a:-1)<1||i||null==m||m((null!=a?a:-1)-1)},children:e(n,{height:10,width:10,color:l.content.primary})})},c=n=>{const{className:o,style:c,onClick:r,isPreview:i}=n,{selectedCarouselIndex:a,setSelectedCarouselIndex:m,cardCount:u}=s();return e("div",{className:o,style:Object.assign(Object.assign({},c),{display:r&&(null!=a?a:-1)>-1||i?"flex":"none",content:"none"}),onClick:e=>{null==r||r(e),(null!=a?a:-1)>=(null!=u?u:-1)-1||i||null==m||m((null!=a?a:-1)+1)},children:e(t,{height:10,width:10,color:l.content.primary})})};export{o as CustomCarouselLeftArrow,c as CustomCarouselRightArrow};

package/dist/esm/components/carousel-secondary/CarouselSecondary.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/chevronLeft2.svg.js";import s from"../../assets/icons/chevronLeft.svg.js";import o from"../../assets/icons/chevronRight2.svg.js";import i from"../../assets/icons/chevronRight.svg.js";import{useState as n,useRef as l,useEffect as c}from"react";import{Button as a}from"../button/Button.js";import{CarouselContainer as m,CarouselBody as g,CarouselPage as d,CarouselFooter as h,PageIndicator as p,Indicator as v}from"./CarouselSecondary.style.js";import{CarouselVersion as u}from"./model.js";export{CarouselVersion}from"./model.js";const f=f=>{let{pages:b,onComplete:j,textAlign:y,version:V,onCompleteText:x}=f;const[C,T]=n(0),k=l(null);return c((()=>{k.current&&k.current.scrollTo({left:k.current.offsetWidth*C,behavior:"smooth"})}),[C]),e(m,Object.assign({version:V||u.V1},{children:[t(g,Object.assign({ref:k,textAlign:y},{children:b.map(((e,r)=>t(d,Object.assign({isActive:r===C},{children:e}),r)))})),e(h,Object.assign({version:V||u.V1},{children:[t("div",Object.assign({style:{visibility:V===u.V2&&0===C?"hidden":"visible"}},{children:t(a,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{T((e=>0===e?e:e-1))},size:V===u.V2?"small":"medium",LeadingIcon:V===u.V2?r:s,disabled:!C})})),t(p,{children:b.map(((e,r)=>t(v,{isActive:r===C,version:V||u.V1,onClick:()=>{T(r)}},r)))}),t(a,{buttonText:C===b.length-1?x||"Get started":"Next",buttonType:C===b.length-1||V===u.V2?"tertiary":"tertiaryGray",onClick:()=>{T((e=>e===b.length-1?e:e+1)),C===b.length-1&&j()},size:V===u.V2?"small":"medium",TrailingIcon:C<b.length-1?V===u.V2?o:i:void 0,style:V===u.V2?{}:{background:"transparent"}})]}))]}))};export{f as CarouselSecondary};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/chevronLeft2.svg.js";import o from"../../assets/icons/chevronLeft.svg.js";import i from"../../assets/icons/chevronRight2.svg.js";import s from"../../assets/icons/chevronRight.svg.js";import{useState as n,useRef as l,useEffect as m}from"react";import{Button as c}from"../button/Button.js";import{CarouselContainer as a,CarouselBody as d,CarouselPage as h,CarouselFooter as p,PageIndicator as v,Indicator as g}from"./CarouselSecondary.style.js";import{CarouselVersion as u}from"./model.js";export{CarouselVersion}from"./model.js";const f=({pages:f,onComplete:y,textAlign:V,version:b,onCompleteText:j})=>{const[x,C]=n(0),T=l(null);return m(()=>{T.current&&T.current.scrollTo({left:T.current.offsetWidth*x,behavior:"smooth"})},[x]),e(a,{version:b||u.V1,children:[t(d,{ref:T,textAlign:V,children:f.map((e,r)=>t(h,{isActive:r===x,children:e},r))}),e(p,{version:b||u.V1,children:[t("div",{style:{visibility:b===u.V2&&0===x?"hidden":"visible"},children:t(c,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{C(e=>0===e?e:e-1)},size:b===u.V2?"small":"medium",LeadingIcon:b===u.V2?r:o,disabled:!x})}),t(v,{children:f.map((e,r)=>t(g,{isActive:r===x,version:b||u.V1,onClick:()=>{C(r)}},r))}),t(c,{buttonText:x===f.length-1?j||"Get started":"Next",buttonType:x===f.length-1||b===u.V2?"tertiary":"tertiaryGray",onClick:()=>{C(e=>e===f.length-1?e:e+1),x===f.length-1&&y()},size:b===u.V2?"small":"medium",TrailingIcon:x<f.length-1?b===u.V2?i:s:void 0,style:b===u.V2?{}:{background:"transparent"}})]})]})};export{f as CarouselSecondary};

package/dist/esm/components/carousel-secondary/CarouselSecondary.style.js

@@ -1 +1,42 @@
-import c from"@emotion/styled/base";import{COLORS as b}from"../../constants/Theme.js";import{CarouselVersion as l}from"./model.js";function Z(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const G=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq5"}:{target:"e1lbp7wq5",label:"CarouselContainer"})("width:100%;height:",(c=>c.version===l.V2?"100%":"372px"),";overflow:hidden;border-radius:8px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEMiLCJmaWxlIjoiQ2Fyb3VzZWxTZWNvbmRhcnkuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENhcm91c2VsVmVyc2lvbiB9IGZyb20gJy4vbW9kZWwnO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/ICcxMDAlJyA6ICczNzJweCd9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxCb2R5ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGNhbGMoMTAwJSAtIDQycHgpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcblx0d2hpdGUtc3BhY2U6IGJyZWFrLXNwYWNlcztcblx0dGV4dC1hbGlnbjogJHsocHJvcHMpID0+IHByb3BzLnRleHRBbGlnbiB8fCAnbGVmdCd9O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsUGFnZSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdGZsZXgtc2hyaW5rOiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHRzY3JvbGwtc25hcC1hbGlnbjogc3RhcnQ7XG5cdHBhZGRpbmc6IDI0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxGb290ZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRoZWlnaHQ6IDQycHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRwYWRkaW5nOiAxMHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyXHJcbiAgICA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkXHJcbiAgICA6IENPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFBhZ2VJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcclxuZXhwb3J0IGNvbnN0IEluZGljYXRvciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlICYmIHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/ICc4cHgnIDogJzZweCd9O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmVcclxuICAgID8gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyXHJcbiAgICAgICAgPyBDT0xPUlMuY29udGVudC5icmFuZFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5XHJcbiAgICA6IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0XHJcbiAgICAgICAgOiBDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdGN1cnNvcjogcG9pbnRlcjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLmpzLm1hcCJdfQ== */")),X=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq4"}:{target:"e1lbp7wq4",label:"CarouselBody"})("width:100%;height:calc(100% - 42px);display:flex;overflow:hidden;scroll-snap-type:x mandatory;white-space:break-spaces;text-align:",(c=>c.textAlign||"left"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUMiLCJmaWxlIjoiQ2Fyb3VzZWxTZWNvbmRhcnkuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENhcm91c2VsVmVyc2lvbiB9IGZyb20gJy4vbW9kZWwnO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/ICcxMDAlJyA6ICczNzJweCd9O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxCb2R5ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGNhbGMoMTAwJSAtIDQycHgpO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXHRzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTtcblx0d2hpdGUtc3BhY2U6IGJyZWFrLXNwYWNlcztcblx0dGV4dC1hbGlnbjogJHsocHJvcHMpID0+IHByb3BzLnRleHRBbGlnbiB8fCAnbGVmdCd9O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsUGFnZSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdGZsZXgtc2hyaW5rOiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHRzY3JvbGwtc25hcC1hbGlnbjogc3RhcnQ7XG5cdHBhZGRpbmc6IDI0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxGb290ZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRoZWlnaHQ6IDQycHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRwYWRkaW5nOiAxMHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyXHJcbiAgICA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkXHJcbiAgICA6IENPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFBhZ2VJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcclxuZXhwb3J0IGNvbnN0IEluZGljYXRvciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlICYmIHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMiA/ICc4cHgnIDogJzZweCd9O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmVcclxuICAgID8gcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyXHJcbiAgICAgICAgPyBDT0xPUlMuY29udGVudC5icmFuZFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5XHJcbiAgICA6IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0XHJcbiAgICAgICAgOiBDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdGN1cnNvcjogcG9pbnRlcjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLmpzLm1hcCJdfQ== */")),d=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq3"}:{target:"e1lbp7wq3",label:"CarouselPage"})("production"===process.env.NODE_ENV?{name:"39klvd",styles:"display:inline-block;flex-shrink:0;width:100%;height:100%;scroll-snap-align:start;padding:24px;overflow:hidden"}:{name:"39klvd",styles:"display:inline-block;flex-shrink:0;width:100%;height:100%;scroll-snap-align:start;padding:24px;overflow:hidden",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnVDIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBDYXJvdXNlbFZlcnNpb24gfSBmcm9tICcuL21vZGVsJztcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnMTAwJScgOiAnMzcycHgnfTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBjYWxjKDEwMCUgLSA0MnB4KTtcblx0ZGlzcGxheTogZmxleDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0c2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cdHdoaXRlLXNwYWNlOiBicmVhay1zcGFjZXM7XG5cdHRleHQtYWxpZ246ICR7KHByb3BzKSA9PiBwcm9wcy50ZXh0QWxpZ24gfHwgJ2xlZnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbFBhZ2UgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZFxyXG4gICAgOiBDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gJzhweCcgOiAnNnB4J307XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlXHJcbiAgICA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLmNvbnRlbnQuYnJhbmRcclxuICAgICAgICA6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgOiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjJcclxuICAgICAgICA/IENPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */",toString:Z}),g=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq2"}:{target:"e1lbp7wq2",label:"CarouselFooter"})("display:flex;justify-content:space-between;align-items:center;height:42px;width:100%;padding:10px;background-color:",(c=>c.version===l.V2?b.surface.standard:b.surface.hovered),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnlDIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBDYXJvdXNlbFZlcnNpb24gfSBmcm9tICcuL21vZGVsJztcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnMTAwJScgOiAnMzcycHgnfTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBjYWxjKDEwMCUgLSA0MnB4KTtcblx0ZGlzcGxheTogZmxleDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0c2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cdHdoaXRlLXNwYWNlOiBicmVhay1zcGFjZXM7XG5cdHRleHQtYWxpZ246ICR7KHByb3BzKSA9PiBwcm9wcy50ZXh0QWxpZ24gfHwgJ2xlZnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbFBhZ2UgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZFxyXG4gICAgOiBDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gJzhweCcgOiAnNnB4J307XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlXHJcbiAgICA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLmNvbnRlbnQuYnJhbmRcclxuICAgICAgICA6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgOiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjJcclxuICAgICAgICA/IENPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */")),I=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq1"}:{target:"e1lbp7wq1",label:"PageIndicator"})("production"===process.env.NODE_ENV?{name:"80jbfg",styles:"display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center"}:{name:"80jbfg",styles:"display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ3dDIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBDYXJvdXNlbFZlcnNpb24gfSBmcm9tICcuL21vZGVsJztcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnMTAwJScgOiAnMzcycHgnfTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBjYWxjKDEwMCUgLSA0MnB4KTtcblx0ZGlzcGxheTogZmxleDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0c2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cdHdoaXRlLXNwYWNlOiBicmVhay1zcGFjZXM7XG5cdHRleHQtYWxpZ246ICR7KHByb3BzKSA9PiBwcm9wcy50ZXh0QWxpZ24gfHwgJ2xlZnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbFBhZ2UgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZFxyXG4gICAgOiBDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gJzhweCcgOiAnNnB4J307XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlXHJcbiAgICA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLmNvbnRlbnQuYnJhbmRcclxuICAgICAgICA6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgOiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjJcclxuICAgICAgICA/IENPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */",toString:Z}),n=c("div","production"===process.env.NODE_ENV?{target:"e1lbp7wq0"}:{target:"e1lbp7wq0",label:"Indicator"})("width:",(c=>c.isActive&&c.version===l.V2?"8px":"6px"),";height:",(c=>c.isActive&&c.version===l.V2?"8px":"6px"),";border-radius:50%;background-color:",(c=>c.isActive?c.version===l.V2?b.content.brand:b.content.secondary:c.version===l.V2?b.stroke.brandLightAlt:b.content.inactive),";cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q29DIiwiZmlsZSI6IkNhcm91c2VsU2Vjb25kYXJ5LnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBDYXJvdXNlbFZlcnNpb24gfSBmcm9tICcuL21vZGVsJztcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnMTAwJScgOiAnMzcycHgnfTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsQm9keSA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBjYWxjKDEwMCUgLSA0MnB4KTtcblx0ZGlzcGxheTogZmxleDtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0c2Nyb2xsLXNuYXAtdHlwZTogeCBtYW5kYXRvcnk7XG5cdHdoaXRlLXNwYWNlOiBicmVhay1zcGFjZXM7XG5cdHRleHQtYWxpZ246ICR7KHByb3BzKSA9PiBwcm9wcy50ZXh0QWxpZ24gfHwgJ2xlZnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJvdXNlbFBhZ2UgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRmbGV4LXNocmluazogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0c2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcm91c2VsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0aGVpZ2h0OiA0MnB4O1xuXHR3aWR0aDogMTAwJTtcblx0cGFkZGluZzogMTBweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZFxyXG4gICAgOiBDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBQYWdlSW5kaWNhdG9yID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBJbmRpY2F0b3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0FjdGl2ZSAmJiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjIgPyAnOHB4JyA6ICc2cHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaXNBY3RpdmUgJiYgcHJvcHMudmVyc2lvbiA9PT0gQ2Fyb3VzZWxWZXJzaW9uLlYyID8gJzhweCcgOiAnNnB4J307XG5cdGJvcmRlci1yYWRpdXM6IDUwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzQWN0aXZlXHJcbiAgICA/IHByb3BzLnZlcnNpb24gPT09IENhcm91c2VsVmVyc2lvbi5WMlxyXG4gICAgICAgID8gQ09MT1JTLmNvbnRlbnQuYnJhbmRcclxuICAgICAgICA6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeVxyXG4gICAgOiBwcm9wcy52ZXJzaW9uID09PSBDYXJvdXNlbFZlcnNpb24uVjJcclxuICAgICAgICA/IENPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdFxyXG4gICAgICAgIDogQ09MT1JTLmNvbnRlbnQuaW5hY3RpdmV9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DYXJvdXNlbFNlY29uZGFyeS5zdHlsZS5qcy5tYXAiXX0= */"));export{X as CarouselBody,G as CarouselContainer,g as CarouselFooter,d as CarouselPage,n as Indicator,I as PageIndicator};
+import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CarouselVersion as t}from"./model.js";const n=e.div`
+	width: 100%;
+	height: ${e=>e.version===t.V2?"100%":"372px"};
+	overflow: hidden;
+	border-radius: 8px;
+`,o=e.div`
+	width: 100%;
+	height: calc(100% - 42px);
+	display: flex;
+	overflow: hidden;
+	scroll-snap-type: x mandatory;
+	white-space: break-spaces;
+	text-align: ${e=>e.textAlign||"left"};
+`,r=e.div`
+	display: inline-block;
+	flex-shrink: 0;
+	width: 100%;
+	height: 100%;
+	scroll-snap-align: start;
+	padding: 24px;
+	overflow: hidden;
+`,s=e.div`
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	height: 42px;
+	width: 100%;
+	padding: 10px;
+	background-color: ${e=>e.version===t.V2?i.surface.standard:i.surface.hovered};
+`,d=e.div`
+	display: flex;
+	flex-direction: row;
+	gap: 8px;
+	align-items: center;
+	justify-content: center;
+`,a=e.div`
+	width: ${e=>e.isActive&&e.version===t.V2?"8px":"6px"};
+	height: ${e=>e.isActive&&e.version===t.V2?"8px":"6px"};
+	border-radius: 50%;
+	background-color: ${e=>e.isActive?e.version===t.V2?i.content.brand:i.content.secondary:e.version===t.V2?i.stroke.brandLightAlt:i.content.inactive};
+	cursor: pointer;
+`;export{o as CarouselBody,n as CarouselContainer,s as CarouselFooter,r as CarouselPage,a as Indicator,d as PageIndicator};

package/dist/esm/components/checkBox/CheckBox.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i,Fragment as l}from"react/jsx-runtime";import{useState as s,useEffect as t,useMemo as a}from"react";import{CheckboxContainer as o,CheckboxIcon as r}from"./CheckBox.styled.js";import{TitleRegular as d,TitleSmall as n,BodySecondary as c,BodyPrimary as b}from"../TypographyStyle.js";import{COLORS as h}from"../../constants/Theme.js";const m=l=>{const s=a((()=>l.activeColor||h.background.positive.vibrant),[l.activeColor]);return e("svg",Object.assign({width:l.isSmall?"16":"18",height:l.isSmall?"16":"18",viewBox:l.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i("rect",{x:"0",y:"0",width:l.isSmall?"16":"18",height:l.isSmall?"16":"18",rx:"4",fill:l.isDisabled?h.content.inactive:s}),!l.isPartial&&i("svg",Object.assign({width:l.isSmall?"8":"10",height:l.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),l.isPartial&&i("rect",{x:"5",y:l.isSmall?"7":"8",width:l.isSmall?"6":"8",height:"2",rx:"1",fill:h.surface.standard})]}))},v=a=>{var v;const[g,C]=s(a.isChecked||!1),[p,x]=s(a.isPartiallyChecked||!1),[S,u]=s(a.isDisabled||!1),[w,y]=s(!1),[k,D]=s(!1);t((()=>{C(a.isChecked)}),[a.isChecked]),t((()=>{u(a.isDisabled||!1)}),[a.isDisabled]),t((()=>{x(a.isPartiallyChecked||!1)}),[a.isPartiallyChecked]);return e(o,Object.assign({onClick:e=>{var i;if(!a.isDisabled){const l=!g;p?x(!p):C(l),null===(i=a.onValueChange)||void 0===i||i.call(a,l,a.value,e)}},onMouseEnter:()=>y(!a.skipHoverState),onMouseLeave:()=>y(!1),onMouseDown:()=>D(!a.skipHoverState),onMouseUp:()=>D(!1),isDisabled:S,enableHover:a.enableHover,style:null!==(v=a.style)&&void 0!==v?v:{}},{children:[i(r,Object.assign({checked:g,hovered:w,clicked:k,isDisabled:S,size:a.size,borderColor:a.checkboxBorderColor},{children:g&&i(m,{isPartial:p||!1,isDisabled:S,isSmall:"SMALL"===a.size,activeColor:null==a?void 0:a.activeColor})})),a.label?a.boldOnChecked&&g||a.bold?"DEFAULT"===a.labelSize?i(d,Object.assign({color:a.isDisabled?h.text.disabled:h.text.primary},{children:a.label})):i(n,Object.assign({color:a.isDisabled?h.text.disabled:h.text.primary},{children:a.label})):"SMALL"===a.size||"SMALL"===a.labelSize?i(c,Object.assign({color:a.isDisabled?h.text.disabled:h.text.primary},{children:a.label})):i(b,Object.assign({color:a.isDisabled?h.text.disabled:h.text.primary},{children:a.label})):i(l,{}),a.rightComponent]}))};export{v as CheckBox};
+import{jsxs as e,jsx as l,Fragment as i}from"react/jsx-runtime";import{useState as s,useEffect as t,useMemo as a}from"react";import{CheckboxContainer as o,CheckboxIcon as r}from"./CheckBox.styled.js";import{TitleRegular as d,TitleSmall as n,BodySecondary as c,BodyPrimary as h}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const m=i=>{const s=a(()=>i.activeColor||b.background.positive.vibrant,[i.activeColor]);return e("svg",{width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",viewBox:i.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?b.content.inactive:s}),!i.isPartial&&l("svg",{width:i.isSmall?"8":"10",height:i.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})}),i.isPartial&&l("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:b.surface.standard})]})},v=a=>{var v;const[C,p]=s(a.isChecked||!1),[x,S]=s(a.isPartiallyChecked||!1),[u,w]=s(a.isDisabled||!1),[y,k]=s(!1),[g,D]=s(!1);t(()=>{p(a.isChecked)},[a.isChecked]),t(()=>{w(a.isDisabled||!1)},[a.isDisabled]),t(()=>{S(a.isPartiallyChecked||!1)},[a.isPartiallyChecked]);return e(o,{onClick:e=>{var l;if(!a.isDisabled){const i=!C;x?S(!x):p(i),null===(l=a.onValueChange)||void 0===l||l.call(a,i,a.value,e)}},onMouseEnter:()=>k(!a.skipHoverState),onMouseLeave:()=>k(!1),onMouseDown:()=>D(!a.skipHoverState),onMouseUp:()=>D(!1),isDisabled:u,enableHover:a.enableHover,style:null!==(v=a.style)&&void 0!==v?v:{},children:[l(r,{checked:C,hovered:y,clicked:g,isDisabled:u,size:a.size,borderColor:a.checkboxBorderColor,children:C&&l(m,{isPartial:x||!1,isDisabled:u,isSmall:"SMALL"===a.size,activeColor:null==a?void 0:a.activeColor})}),a.label?a.boldOnChecked&&C||a.bold?"DEFAULT"===a.labelSize?l(d,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(n,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"SMALL"===a.size||"SMALL"===a.labelSize?l(c,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(h,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(i,{}),a.rightComponent]})};export{v as CheckBox};

package/dist/esm/components/checkList/CheckList.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as s,useEffect as i}from"react";import{CheckBox as n}from"../checkBox/CheckBox.js";import{CheckListStyled as o}from"./CheckList.styled.js";import{TitleRegular as r,BodySecondary as l}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const a=a=>{var m;const[h,d]=s(a.listItems);i((()=>{d(a.listItems)}),[a.listItems]);const p=(t,e)=>{const s=[...h],i=h.find((t=>t.value===e));i&&(i.isChecked=t),d(s);const n=s.filter((t=>t.isChecked));a.onChange(n)};return t(o,{children:[(a.title||a.subTitle)&&t("div",Object.assign({className:"title__container"},{children:[a.title&&e(r,{children:a.title}),a.subTitle&&e(l,Object.assign({color:c.text.secondary},{children:a.subTitle}))]})),e("div",Object.assign({style:null!==(m=a.listContainerStyles)&&void 0!==m?m:{},className:"list__container"},{children:h.map((t=>e(n,Object.assign({},t,{onValueChange:p}),t.value)))}))]})};export{a as CheckList};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{CheckBox as o}from"../checkBox/CheckBox.js";import{CheckListStyled as r}from"./CheckList.styled.js";import{TitleRegular as l,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const a=a=>{var m;const[h,d]=i(a.listItems);s(()=>{d(a.listItems)},[a.listItems]);const p=(t,e)=>{const i=[...h],s=h.find(t=>t.value===e);s&&(s.isChecked=t),d(i);const o=i.filter(t=>t.isChecked);a.onChange(o)};return t(r,{children:[(a.title||a.subTitle)&&t("div",{className:"title__container",children:[a.title&&e(l,{children:a.title}),a.subTitle&&e(n,{color:c.text.secondary,children:a.subTitle})]}),e("div",{style:null!==(m=a.listContainerStyles)&&void 0!==m?m:{},className:"list__container",children:h.map(t=>e(o,Object.assign({},t,{onValueChange:p}),t.value))})]})};export{a as CheckList};

package/dist/esm/components/checkList/CheckList.styled.js

@@ -1 +1,10 @@
-import t from"@emotion/styled/base";const e=t("div","production"===process.env.NODE_ENV?{target:"e31qg550"}:{target:"e31qg550",label:"CheckListStyled"})("production"===process.env.NODE_ENV?{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}"}:{name:"1w7m8q0",styles:".title__container{margin-bottom:12px;}.list__container{display:flex;flex-direction:column;gap:10px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrTGlzdC5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUMwQyIsImZpbGUiOiJDaGVja0xpc3Quc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IENoZWNrTGlzdFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQudGl0bGVfX2NvbnRhaW5lciB7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTJweDtcblx0fVxuXHQubGlzdF9fY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAxMHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DaGVja0xpc3Quc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as CheckListStyled};
+import t from"styled-components";const o=t.div`
+	.title__container {
+		margin-bottom: 12px;
+	}
+	.list__container {
+		display: flex;
+		flex-direction: column;
+		gap: 10px;
+	}
+`;export{o as CheckListStyled};

package/dist/esm/components/code-block/CodeBlock.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as i,Fragment as o}from"react/jsx-runtime";import{useState as r,useEffect as d}from"react";import{toast as c}from"react-toastify";import{Container as s,Header as n,TitleSection as a,Title as l,LanguageBadge as m,CopyButton as h,CodeContainer as p,LineNumbers as g,Code as f}from"./CodeBlock.styled.js";import{highlightCode as u}from"./CodeBlockHelper.js";import{CodeLanguage as b}from"./types.js";const j=j=>{let{code:v="",language:y=b.JAVASCRIPT,title:C="",hideLineNumbers:x=!1,maxHeight:O="400px",maxWidth:M,theme:H="dark",hideHeader:k=!1,hideCopy:_=!1}=j;const[L,T]=r(!1),[w,B]=r(v);d((()=>{let t=!0;return e(void 0,void 0,void 0,(function*(){try{const e=yield import(`./languageSpecificFormatting/${y}_file.ts`);if((null==e?void 0:e.format)&&t)return void B(e.format(v))}catch(e){}t&&B(v)})),()=>{t=!1}}),[v,y]);const S=w.split("\n");return t(s,Object.assign({themeMode:H,maxWidth:M},{children:[!k&&t(n,Object.assign({themeMode:H},{children:[t(a,{children:[!!C&&C&&i(l,Object.assign({themeMode:H},{children:C})),i(m,Object.assign({bg:(A=y,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[A.toLowerCase()]||("dark"===H?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(y)},{children:y}))]}),!_&&i(h,Object.assign({themeMode:H,onClick:()=>e(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(v),T(!0),c.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>T(!1)),2e3)}catch(e){c.error("Failed to copy code",{position:"top-right",autoClose:2e3})}}))},{children:i(o,L?{children:"✓ Copied"}:{children:"Copy"})}))]})),t(p,Object.assign({maxHeight:O},{children:[!x&&i(g,Object.assign({themeMode:H},{children:S.map(((e,t)=>i("div",{children:t+1},t)))})),i(f,Object.assign({themeMode:H},{children:S.map(((e,t)=>i("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:u(e,y,H)||" "}},t)))}))]}))]}));var A};export{j as CodeBlock};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsxs as o,jsx as t,Fragment as i}from"react/jsx-runtime";import{useState as r,useEffect as d}from"react";import{toast as c}from"react-toastify";import{Container as n,Header as a,TitleSection as l,Title as m,LanguageBadge as s,CopyButton as h,CodeContainer as p,LineNumbers as f,Code as u}from"./CodeBlock.styled.js";import{highlightCode as v}from"./CodeBlockHelper.js";import{CodeLanguage as g}from"./types.js";const y=({code:y="",language:C=g.JAVASCRIPT,title:x="",hideLineNumbers:b=!1,maxHeight:j="400px",maxWidth:M,theme:H="dark",hideHeader:k=!1,hideCopy:_=!1})=>{const[L,T]=r(!1),[w,B]=r(y);d(()=>{let o=!0;return e(void 0,void 0,void 0,function*(){try{const e=yield import(`./languageSpecificFormatting/${C}_file.ts`);if((null==e?void 0:e.format)&&o)return void B(e.format(y))}catch(e){}o&&B(y)}),()=>{o=!1}},[y,C]);const S=w.split("\n");return o(n,{themeMode:H,maxWidth:M,children:[!k&&o(a,{themeMode:H,children:[o(l,{children:[!!x&&x&&t(m,{themeMode:H,children:x}),t(s,{bg:(A=C,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[A.toLowerCase()]||("dark"===H?"#6e7681":"#656d76")),color:(e=>{const o={javascript:"#000"};return(null==o?void 0:o[e.toLowerCase()])||"#fff"})(C),children:C})]}),!_&&t(h,{themeMode:H,onClick:()=>e(void 0,void 0,void 0,function*(){try{yield navigator.clipboard.writeText(y),T(!0),c.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout(()=>T(!1),2e3)}catch(e){c.error("Failed to copy code",{position:"top-right",autoClose:2e3})}}),children:t(i,L?{children:"✓ Copied"}:{children:"Copy"})})]}),o(p,{maxHeight:j,children:[!b&&t(f,{themeMode:H,children:S.map((e,o)=>t("div",{children:o+1},o))}),t(u,{themeMode:H,children:S.map((e,o)=>t("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:v(e,C,H)||" "}},o))})]})]});var A};export{y as CodeBlock};