npm - @bikdotai/bik-component-library - Versions diffs - 0.0.9-analytics-chips-beta → 0.0.9-beta.0 - Mend

@bikdotai/bik-component-library 0.0.9-analytics-chips-beta → 0.0.9-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (555) hide show

package/dist/esm/components/TypographyStyle.js CHANGED Viewed

@@ -1,100 +1,88 @@
-import t from"styled-components";import{COLORS as e,FONTS as i}from"../constants/Theme.js";const o=t=>t+"px",n=t.div`
+import t from"styled-components";import{COLORS as e,FONTS as i}from"../constants/Theme.js";const o=t=>t+"px";t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.titleLarge.fontWeight};
-	font-size: ${o(i.titleLarge.fontSize)};
-	line-height: ${o(i.titleLarge.lineHeight)};
-`,r=t.div`
+	font-weight: ${t=>i.titleLarge.fontWeight};
+	font-size: ${t=>o(i.titleLarge.fontSize)};
+	line-height: ${t=>o(i.titleLarge.lineHeight)};
+`,t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.titleMedium.fontWeight};
-	font-size: ${o(i.titleMedium.fontSize)};
-	line-height: ${o(i.titleMedium.lineHeight)};
-`,l=t.div`
+	font-weight: ${t=>i.titleMedium.fontWeight};
+	font-size: ${t=>o(i.titleMedium.fontSize)};
+	line-height: ${t=>o(i.titleMedium.lineHeight)};
+`,t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.titleRegular.fontWeight};
-	font-size: ${o(i.titleRegular.fontSize)};
-	line-height: ${o(i.titleRegular.lineHeight)};
-`,f=t.div`
+	font-weight: ${t=>i.titleRegular.fontWeight};
+	font-size: ${t=>o(i.titleRegular.fontSize)};
+	line-height: ${t=>o(i.titleRegular.lineHeight)};
+`;const n=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.titleSmall.fontWeight};
-	font-size: ${o(i.titleSmall.fontSize)};
-	line-height: ${o(i.titleSmall.lineHeight)};
-`,g=t.div`
+	font-weight: ${t=>i.titleSmall.fontWeight};
+	font-size: ${t=>o(i.titleSmall.fontSize)};
+	line-height: ${t=>o(i.titleSmall.lineHeight)};
+`;t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.display.fontWeight};
-	font-size: ${o(i.display.fontSize)};
-	line-height: ${o(i.display.lineHeight)};
-`,a=t.div`
+	font-weight: ${t=>i.display.fontWeight};
+	font-size: ${t=>o(i.display.fontSize)};
+	line-height: ${t=>o(i.display.lineHeight)};
+`,t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.bodyPrimary.fontWeight};
-	font-size: ${o(i.bodyLarge.fontSize)};
-	line-height: ${o(i.bodyLarge.lineHeight)};
-`,h=t.div`
+	font-weight: ${t=>i.bodyPrimary.fontWeight};
+	font-size: ${t=>o(i.bodyLarge.fontSize)};
+	line-height: ${t=>o(i.bodyLarge.lineHeight)};
+`;const r=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.bodyPrimary.fontWeight};
-	font-size: ${o(i.bodyPrimary.fontSize)};
-	line-height: ${o(i.bodyPrimary.lineHeight)};
-`,$=t.div`
+	font-weight: ${t=>i.bodyPrimary.fontWeight};
+	font-size: ${t=>o(i.bodyPrimary.fontSize)};
+	line-height: ${t=>o(i.bodyPrimary.lineHeight)};
+`,l=t.div`
 	font-family: Inter;
-	color: ${e.content.primary};
-	font-weight: ${i.bodySecondary.fontWeight};
-	font-size: ${o(i.bodySecondary.fontSize)};
-	line-height: ${o(i.bodySecondary.lineHeight)};
-`,c=t(h)`
+	color: ${t=>e.content.primary};
+	font-weight: ${t=>i.bodySecondary.fontWeight};
+	font-size: ${t=>o(i.bodySecondary.fontSize)};
+	line-height: ${t=>o(i.bodySecondary.lineHeight)};
+`;t(r)`
 	text-decoration: underline;
-	color: ${e.content.brand};
-	text-decoration-color: ${e.content.brand};
+	color: ${t=>e.content.brand};
+	text-decoration-color: ${t=>e.content.brand};
 	cursor: pointer;
-`,y=t($)`
+`,t(l)`
 	text-decoration: underline;
-	color: ${e.content.brand};
-	text-decoration-color: ${e.content.brand};
+	color: ${t=>e.content.brand};
+	text-decoration-color: ${t=>e.content.brand};
 	cursor: pointer;
-`,d=t.div`
+`;const f=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.caption.fontWeight};
-	font-size: ${o(i.caption.fontSize)};
-	line-height: ${o(i.caption.lineHeight)};
-`,m=t.div`
+	font-weight: ${t=>i.caption.fontWeight};
+	font-size: ${t=>o(i.caption.fontSize)};
+	line-height: ${t=>o(i.caption.lineHeight)};
+`;t.div`
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.tiny.fontWeight};
-	font-size: ${o(i.tiny.fontSize)};
-	line-height: ${o(i.tiny.lineHeight)};
-`,p=t.div`
+	font-weight: ${t=>i.tiny.fontWeight};
+	font-size: ${t=>o(i.tiny.fontSize)};
+	line-height: ${t=>o(i.tiny.lineHeight)};
+`;const g=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.buttonLarge.fontWeight};
-	font-size: ${o(i.buttonLarge.fontSize)};
-	line-height: ${o(i.buttonLarge.lineHeight)};
-`,z=t.div`
-	font-family: Inter;
-	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.buttonRegular.fontWeight};
-	font-size: ${o(i.buttonRegular.fontSize)};
-	line-height: ${o(i.buttonRegular.lineHeight)};
-`,s=t.div`
+	font-weight: ${t=>i.buttonLarge.fontWeight};
+	font-size: ${t=>o(i.buttonLarge.fontSize)};
+	line-height: ${t=>o(i.buttonLarge.lineHeight)};
+`,a=t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.subHeading.fontWeight};
-	font-size: ${o(i.subHeading.fontSize)};
-	line-height: ${o(i.subHeading.lineHeight)};
-`,b=t.div`
+	font-weight: ${t=>i.buttonRegular.fontWeight};
+	font-size: ${t=>o(i.buttonRegular.fontSize)};
+	line-height: ${t=>o(i.buttonRegular.lineHeight)};
+`;t.div`
 	font-family: Inter;
 	color: ${t=>t.color||e.text.primary};
-	font-weight: ${i.bodyRegular.fontWeight};
-	font-size: ${o(i.bodyRegular.fontSize)};
-	line-height: ${o(i.bodyRegular.lineHeight)};
-`,u=t.div`
-	font-family: Inter;
-	color: ${e.text.primary};
-	font-weight: ${i.caption.fontWeight};
-	font-size: ${o(i.caption.fontSize)};
-	line-height: ${o(i.caption.lineHeight)};
-`;export{d as BodyCaption,a as BodyLarge,h as BodyPrimary,c as BodyPrimaryLink,b as BodyRegular,$ as BodySecondary,y as BodySecondaryLink,m as BodyTiny,p as ButtonLarge,z as ButtonRegular,u as Caption,g as Display,s as SubHeading,n as TitleLarge,r as TitleMedium,l as TitleRegular,f as TitleSmall};
+	font-weight: ${t=>i.subHeading.fontWeight};
+	font-size: ${t=>o(i.subHeading.fontSize)};
+	line-height: ${t=>o(i.subHeading.lineHeight)};
+`;export{f as BodyCaption,r as BodyPrimary,l as BodySecondary,g as ButtonLarge,a as ButtonRegular,n as TitleSmall};

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

	@@ -1 +1 @@
1	- import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as n}from"react/jsx-runtime";import t,{forwardRef as s}from"react";import{Spinner as a}from"../spinner/Spinner.js";import{Button as o,ButtonCustomDashedBorder as c}from"./Button.styled.js";import{getButtonIconColor as r,SpinnerColorMap as l,GetButtonTextComponent as d}from"./themes.js";const m=s(((s,m)=>{var{id:h,buttonType:p="primary",size:b="small",buttonText:g,disabled:j,IconComponent:u,LeadingIcon:v,TrailingIcon:y,~~isLoading~~:N,~~inverse~~:f,~~onClick~~:O,~~matchParentWidth~~:T}=s,I=e(s,["id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick"~~,"matchParentWidth"~~]);const x=d(~~b,p~~),C="chip"===b?16:20,L={height:C,width:C,color:r(b,p,f,j,N),style:{display:"block"},className:"icon"};return i(o,Object.assign({onClick:O,ref:m,id:h,disabled:j,size:b,buttonType:p,isLoading:N,inverse:~~f,matchParentWidth:T~~},I,{children:n("div",Object.assign({className:"~~button-~~container"},{children:[~~p.startsWith(~~"dash")&&i(c,{}),i("div",Object.assign({className:"overlay-container"},{children:N&&i(a,{className:"spinner",size:"small",color:l(p,f)})})),u&&i("div",Object.assign({className:"icon-component"},{children:t.createElement(u,L)})),v&&i("div",Object.assign({className:"icon-~~leading~~"},{children:t.createElement(v,L)})),i(x,Object.assign({className:"text"},{children:g})),y&&i("div",Object.assign({className:"icon-~~trailing~~"},{children:t.createElement(y,L)}))]}))}))}));m.displayName="Button";export{m as Button};
1	+ import{__rest as e}from"../../_virtual/_tslib.js";import{jsx as i,jsxs as n}from"react/jsx-runtime";import s,{forwardRef as t}from"react";import{Spinner as a}from"../spinner/Spinner.js";import{Button as o,ButtonCustomDashedBorder as c}from"./Button.styled.js";import{getButtonIconColor as r,SpinnerColorMap as l,GetButtonTextComponent as d}from"./themes.js";const m=t(((t,m)=>{var{id:p,buttonType:b="primary",size:g="small",buttonText:h,disabled:j,IconComponent:y,LeadingIcon:u,TrailingIcon:v,style:N,isLoading:f,inverse:O,onClick:T}=t,I=e(t,["id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","style","isLoading","inverse","onClick"]);const x=d(g),C="chip"===g?16:20,L={height:C,width:C,color:r(g,b,O,j,f),style:{display:"block"},className:"icon"};return i(o,Object.assign({onClick:T,ref:m,id:p,disabled:j,style:N,size:g,buttonType:b,isLoading:f,inverse:O},I,{children:n("div",Object.assign({className:"container"},{children:["dash"===b&&i(c,{}),i("div",Object.assign({className:"overlay-container"},{children:f&&i(a,{className:"spinner",size:"small",color:l(b,O)})})),y&&i("div",Object.assign({className:"icon-component"},{children:s.createElement(y,L)})),v&&i("div",Object.assign({className:"icon-trailing"},{children:s.createElement(v,L)})),i(x,Object.assign({className:"text"},{children:h})),u&&i("div",Object.assign({className:"icon-leading"},{children:s.createElement(u,L)}))]}))}))}));m.displayName="Button";export{m as Button};

package/dist/esm/components/button/Button.styled.d.ts CHANGED Viewed

@@ -9,6 +9,5 @@ export declare const Button: import("@emotion/styled").StyledComponent<{
     isLoading?: boolean | undefined;
     inverse?: boolean | undefined;
     disabled?: boolean | undefined;
-    matchParentWidth?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const ButtonCustomDashedBorder: () => JSX.Element;

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

	@@ -1 +1 @@
1	- import t from"@emotion/styled/base";import{jsxs as c,Fragment as d,jsx as n}from"react/jsx-runtime";import{COLORS as X}from"../../constants/Theme.js";import{getBackgroundColor as l,getPadding as H,getBorder as b,getColor as i,getDashedBorderStyling as x,generateDisabledStyling as R,getDisabledTextColor as e,getClickEffect as o,getHoverButtonBackground as a,generateInverseHoverBackground as G,getLoadingBorder as p,getLoadingBackground as u}from"./themes.js";const g=t("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("all:unset;cursor:pointer;display:flex;gap:8.83px;border-radius:4px;overflow:hidden;",(t=>t.matchParentWidth?"flex-grow: 1;":"")," background-color:",(t=>l(t.buttonType,t.size,t.inverse)),";",(t=>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: ${H(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${H(t.buttonType,t.size)};\n\t${b(t.buttonType,t.size,t.inverse)}`)," .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)),";}.icon-leading{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}",(t=>x(t.buttonType,t.size,t.isLoading?X.stroke.brandLightAlt:void 0))," .overlay-container{display:none;}:disabled{cursor:not-allowed;",(t=>x(t.buttonType,t.size,X.stroke.primary)),";.overlay-container{display:none!important;}",(t=>R(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: ${X.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${X.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${o(t.buttonType,t.size,t.inverse)}\n\t\t\t${x(t.buttonType,t.size,X.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${p(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\tpadding: ${H(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${u(t.buttonType,t.size,t.inverse)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 9px);\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: ${H(t.buttonType,t.size)};\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${a(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size?`background-color: ${X.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType\|\|"chip"===t.size\|\|t.inverse?"":`background-color: ${X.background.inverseLight};`}\n\t\t\t}\n\t\t\t${t.inverse?G(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldExvYWRpbmdCYWNrZ3JvdW5kLCBnZXRMb2FkaW5nQm9yZGVyLCBnZXRQYWRkaW5nLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b24gYFxuXHRhbGw6IHVuc2V0O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOC44M3B4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdCR7KHByb3BzKSA9PiAocHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/IGBmbGV4LWdyb3c6IDE7YCA6ICcnKX1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX07XG5cblx0JHsocHJvcHMpID0+IHByb3BzLmJ1dHRvblR5cGUuc3RhcnRzV2l0aCgnZGFzaCcpXHJcbiAgICA/IGAuYnV0dG9uLWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdFx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0XHRwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHRcdFx0XHR9YFxyXG4gICAgOiBgcGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0JHtnZXRCb3JkZXIocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9YH1cblxuXHQuaWNvbi1jb21wb25lbnQge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC5pY29uLXRyYWlsaW5nIHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQudGV4dCB7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXRDb2xvcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX07XG5cdH1cblxuXHQuaWNvbi1sZWFkaW5nIHtcblx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2l6ZSA9PT0gJ2NoaXAnID8gJzE2cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gZ2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pc0xvYWRpbmcgPyBDT0xPUlMuc3Ryb2tlLmJyYW5kTGlnaHRBbHQgOiB1bmRlZmluZWQpfVxuXG5cdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxuXG5cdDpkaXNhYmxlZCB7XG5cdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHR9XG5cdFx0Y3Vyc29yOiBub3QtYWxsb3dlZDtcblx0XHQkeyhwcm9wcykgPT4gZ2VuZXJhdGVEaXNhYmxlZFN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBnZXREaXNhYmxlZFRleHRDb2xvcihwcm9wcy5pbnZlcnNlKX0gIWltcG9ydGFudDtcblx0XHR9XG5cdFx0JHsocHJvcHMpID0+IGdldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLnN0cm9rZS5wcmltYXJ5KX1cblx0fVxuXG5cdCR7KHByb3BzKSA9PiAhcHJvcHMuZGlzYWJsZWQgJiZcclxuICAgICFwcm9wcy5pc0xvYWRpbmcgJiZcclxuICAgIGA6YWN0aXZlIHtcblx0XHRcdFx0LmJ1dHRvbi1jb250YWluZXIge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0XHRcdGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0JHtwcm9wcy5zaXplID09PSAnY2hpcCcgJiZcclxuICAgICAgICBgLnRleHQge1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0fSAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHQuaWNvbiB7XG5cdFx0XHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHR9O1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHRgfVxuXHRcdFx0XHR9XG5cblxuXHRcdFx0JHtnZXRDbGlja0VmZmVjdChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblx0XHRcdCR7Z2V0RGFzaGVkQm9yZGVyU3R5bGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBDT0xPUlMuY29udGVudC5icmFuZCl9XG5cdFx0fWB9XG5cblx0JHsocHJvcHMpID0+IFxyXG4vLyBkbyBub3QgbG9hZCBob3ZlciBzdHlsZXMgZm9yIGxvYWRpbmcgc3RhdGUgYW5kIGFsc28gYWN0aXZlIHN0YXRlXHJcbiFwcm9wcy5pc0xvYWRpbmdcclxuICAgID8gYDpub3QoOmFjdGl2ZSk6bm90KDpkaXNhYmxlZCk6aG92ZXIge1xuXHRcdFx0cGFkZGluZzogMDtcblx0XHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0JHtwcm9wcy5tYXRjaFBhcmVudFdpZHRoID8gJ2p1c3RpZnktY29udGVudDogY2VudGVyOycgOiAnJ31cblx0XHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdFx0bGVmdDogMDtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0XHRcdFx0JHtnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHRcdH1cblx0XHRcdFx0JHtwcm9wcy5zaXplID09PSAnY2hpcCcgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtgIDogJyd9XG5cdFx0XHRcdCR7cHJvcHMuYnV0dG9uVHlwZSA9PT0gJ3ByaW1hcnknICYmXHJcbiAgICAgICAgcHJvcHMuc2l6ZSAhPT0gJ2NoaXAnICYmXHJcbiAgICAgICAgIXByb3BzLmludmVyc2VcclxuICAgICAgICA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH07YFxyXG4gICAgICAgIDogJyd9XG5cdFx0XHR9XG5cdFx0XHQke3Byb3BzLmludmVyc2VcclxuICAgICAgICA/IGdlbmVyYXRlSW52ZXJzZUhvdmVyQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5kaXNhYmxlZClcclxuICAgICAgICA6ICcnfVxuXHRcdH1gXHJcbiAgICA6IGBcblx0XHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0XHRwYWRkaW5nOiAwO1xuXHRcdCR7Z2V0TG9hZGluZ0JvcmRlcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1cblxuXHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdC50ZXh0IHtcblx0XHRcdFx0b3BhY2l0eTogMDtcblx0XHRcdH1cblx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRwYWRkaW5nOiAwO1xuXHRcdFx0XHRwYWRkaW5nLXRvcDogMXB4O1xuXHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0XHRcdCR7Z2V0TG9hZGluZ0JhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHRcdC5zcGlubmVyIHtcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0dG9wOiBjYWxjKDUwJSAtIDlweCk7XG5cdFx0XHRcdFx0bGVmdDogY2FsYyg1MCUgLSA3cHgpO1xuXHRcdFx0XHR9XG5cblx0XHRcdH1cblx0XHR9YH1cblxuXHRcdC5idXR0b24tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOC4zM3B4O1xuXHRcdCR7KHByb3BzKSA9PiAocHJvcHMubWF0Y2hQYXJlbnRXaWR0aCA/ICdtYXJnaW46IGF1dG87JyA6ICcnKX1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbkN1c3RvbURhc2hlZEJvcmRlciA9ICgpID0+IHtcclxuICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLXRvcFwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtbGVmdFwiIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtYm90dG9tXCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1yaWdodFwiIH0pXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUJ1dHRvbi5zdHlsZWQuanMubWFwIl19 /")),m=()=>c(d,{children:[n("div",{className:"line-top"}),n("div",{className:"line-left"}),n("div",{className:"line-bottom"}),n("div",{className:"line-right"})]});export{g as Button,m as ButtonCustomDashedBorder};
1	+ import t from"@emotion/styled/base";import{jsxs as c,Fragment as d,jsx as n}from"react/jsx-runtime";import{COLORS as X}from"../../constants/Theme.js";import{getBackgroundColor as H,getPadding as l,getBorder as b,getColor as x,getDashedBorderStyling as i,generateDisabledStyling as e,getDisabledTextColor as R,getClickEffect as G,getHoverButtonBackground as p,generateInverseHoverBackground as o,getLoadingBorder as a,getLoadingBackground as I}from"./themes.js";const u=t("button","production"===process.env.NODE_ENV?{target:"exlualr0"}:{target:"exlualr0",label:"Button"})("all:unset;cursor:pointer;display:flex;gap:8.83px;border-radius:4px;overflow:hidden;background-color:",(t=>H(t.buttonType,t.size,t.inverse)),";",(t=>"dash"===t.buttonType?`.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\tpadding: ${l(t.buttonType,t.size)};\n\t\t\t\t}`:`padding: ${l(t.buttonType,t.size)};\n\t${b(t.buttonType,t.size,t.inverse)}`)," .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=>x(t.buttonType,t.size,t.inverse)),";}.icon-leading{height:",(t=>"chip"===t.size?"16px":"20px"),";width:",(t=>"chip"===t.size?"16px":"20px"),";}",(t=>i(t.buttonType,t.size,t.isLoading?X.content.brand:void 0))," .overlay-container{display:none;}:disabled{cursor:not-allowed;",(t=>i(t.buttonType,t.size,X.stroke.primary)),";.overlay-container{display:none!important;}",(t=>e(t.buttonType,t.size,t.inverse))," .text{color:",(t=>R(t.inverse)),"!important;}}",(t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.container {\n\t\t\t\t\tdisplay: flex;\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: ${X.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${X.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${G(t.buttonType,t.size,t.inverse)}\n\t\t\t${i(t.buttonType,t.size,X.content.brand)}\n\t\t}`)," ",(t=>t.isLoading?`cursor: not-allowed;\n\t\tpadding: 0;\n\t\t${a(t.buttonType,t.size,t.inverse)}\n\n\t\t.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\tpadding: ${l(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${I(t.buttonType,t.size,t.inverse)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 9px);\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.container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: ${l(t.buttonType,t.size)};\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${p(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size?`background-color: ${X.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType\|\|"chip"===t.size\|\|t.inverse?"":`background-color: ${X.background.inverseLight};`}\n\t\t\t}\n\t\t\t${t.inverse?o(t.buttonType,t.disabled):""}\n\t\t}`)," .container{display:flex;gap:8.33px;}"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJ1dHRvbi5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQyIsImZpbGUiOiJCdXR0b24uc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nLCBnZW5lcmF0ZUludmVyc2VIb3ZlckJhY2tncm91bmQsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0Qm9yZGVyLCBnZXRDbGlja0VmZmVjdCwgZ2V0Q29sb3IsIGdldERhc2hlZEJvcmRlclN0eWxpbmcsIGdldERpc2FibGVkVGV4dENvbG9yLCBnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQsIGdldExvYWRpbmdCYWNrZ3JvdW5kLCBnZXRMb2FkaW5nQm9yZGVyLCBnZXRQYWRkaW5nLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5idXR0b24gYFxuXHRhbGw6IHVuc2V0O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOC44M3B4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCYWNrZ3JvdW5kQ29sb3IocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9O1xuXG5cdCR7KHByb3BzKSA9PiBwcm9wcy5idXR0b25UeXBlID09PSAnZGFzaCdcclxuICAgID8gYC5jb250YWluZXIge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRcdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0XHRcdHBhZGRpbmc6ICR7Z2V0UGFkZGluZyhwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplKX07XG5cdFx0XHRcdH1gXHJcbiAgICA6IGBwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHQke2dldEJvcmRlcihwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5zaXplLCBwcm9wcy5pbnZlcnNlKX1gfVxuXG5cdC5pY29uLWNvbXBvbmVudCB7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNpemUgPT09ICdjaGlwJyA/ICcxNnB4JyA6ICcyMHB4Jyl9O1xuXHR9XG5cblx0Lmljb24tdHJhaWxpbmcge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdC50ZXh0IHtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldENvbG9yKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfTtcblx0fVxuXG5cdC5pY29uLWxlYWRpbmcge1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5zaXplID09PSAnY2hpcCcgPyAnMTZweCcgOiAnMjBweCcpfTtcblx0fVxuXG5cdCR7KHByb3BzKSA9PiBnZXREYXNoZWRCb3JkZXJTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmlzTG9hZGluZyA/IENPTE9SUy5jb250ZW50LmJyYW5kIDogdW5kZWZpbmVkKX1cblxuXHQub3ZlcmxheS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cblxuXHQ6ZGlzYWJsZWQge1xuXHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cdFx0JHsocHJvcHMpID0+IGdlbmVyYXRlRGlzYWJsZWRTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0RGlzYWJsZWRUZXh0Q29sb3IocHJvcHMuaW52ZXJzZSl9ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHRcdCR7KHByb3BzKSA9PiBnZXREYXNoZWRCb3JkZXJTdHlsaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIENPTE9SUy5zdHJva2UucHJpbWFyeSl9XG5cdH1cblxuXHQkeyhwcm9wcykgPT4gIXByb3BzLmRpc2FibGVkICYmXHJcbiAgICAhcHJvcHMuaXNMb2FkaW5nICYmXHJcbiAgICBgOmFjdGl2ZSB7XG5cdFx0XHRcdC5jb250YWluZXIge1xuXHRcdFx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdCR7cHJvcHMuc2l6ZSA9PT0gJ2NoaXAnICYmXHJcbiAgICAgICAgYC50ZXh0IHtcblx0XHRcdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH0gIWltcG9ydGFudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0Lmljb24ge1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0fTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0YH1cblx0XHRcdFx0fVxuXG5cblx0XHRcdCR7Z2V0Q2xpY2tFZmZlY3QocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHQke2dldERhc2hlZEJvcmRlclN0eWxpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSwgQ09MT1JTLmNvbnRlbnQuYnJhbmQpfVxuXHRcdH1gfVxuXG5cdCR7KHByb3BzKSA9PiBcclxuLy8gZG8gbm90IGxvYWQgaG92ZXIgc3R5bGVzIGZvciBsb2FkaW5nIHN0YXRlIGFuZCBhbHNvIGFjdGl2ZSBzdGF0ZVxyXG4hcHJvcHMuaXNMb2FkaW5nXHJcbiAgICA/IGA6bm90KDphY3RpdmUpOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIHtcblx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHQuY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0cGFkZGluZzogJHtnZXRQYWRkaW5nKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUpfTtcblx0XHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdFx0bGVmdDogMDtcblx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHRoZWlnaHQ6IDEwMCU7XG5cdFx0XHRcdFx0JHtnZXRIb3ZlckJ1dHRvbkJhY2tncm91bmQocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuaW52ZXJzZSl9XG5cdFx0XHRcdH1cblx0XHRcdFx0JHtwcm9wcy5zaXplID09PSAnY2hpcCcgPyBgYmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtgIDogJyd9XG5cdFx0XHRcdCR7cHJvcHMuYnV0dG9uVHlwZSA9PT0gJ3ByaW1hcnknICYmXHJcbiAgICAgICAgcHJvcHMuc2l6ZSAhPT0gJ2NoaXAnICYmXHJcbiAgICAgICAgIXByb3BzLmludmVyc2VcclxuICAgICAgICA/IGBiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodH07YFxyXG4gICAgICAgIDogJyd9XG5cdFx0XHR9XG5cdFx0XHQke3Byb3BzLmludmVyc2VcclxuICAgICAgICA/IGdlbmVyYXRlSW52ZXJzZUhvdmVyQmFja2dyb3VuZChwcm9wcy5idXR0b25UeXBlLCBwcm9wcy5kaXNhYmxlZClcclxuICAgICAgICA6ICcnfVxuXHRcdH1gXHJcbiAgICA6IGBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdHBhZGRpbmc6IDA7XG5cdFx0JHtnZXRMb2FkaW5nQm9yZGVyKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXG5cdFx0LmNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHQudGV4dCB7XG5cdFx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0XHR9XG5cdFx0XHRwYWRkaW5nOiAke2dldFBhZGRpbmcocHJvcHMuYnV0dG9uVHlwZSwgcHJvcHMuc2l6ZSl9O1xuXHRcdFx0Lm92ZXJsYXktY29udGFpbmVyIHtcblx0XHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0cGFkZGluZy10b3A6IDFweDtcblx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRsZWZ0OiAwO1xuXHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0XHQke2dldExvYWRpbmdCYWNrZ3JvdW5kKHByb3BzLmJ1dHRvblR5cGUsIHByb3BzLnNpemUsIHByb3BzLmludmVyc2UpfVxuXHRcdFx0XHQuc3Bpbm5lciB7XG5cdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdHRvcDogY2FsYyg1MCUgLSA5cHgpO1xuXHRcdFx0XHRcdGxlZnQ6IGNhbGMoNTAlIC0gN3B4KTtcblx0XHRcdFx0fVxuXG5cdFx0XHR9XG5cdFx0fWB9XG5cblx0XHQuY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOC4zM3B4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQnV0dG9uQ3VzdG9tRGFzaGVkQm9yZGVyID0gKCkgPT4ge1xyXG4gICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBcImxpbmUtdG9wXCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1sZWZ0XCIgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwibGluZS1ib3R0b21cIiB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJsaW5lLXJpZ2h0XCIgfSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QnV0dG9uLnN0eWxlZC5qcy5tYXAiXX0= /")),m=()=>c(d,{children:[n("div",{className:"line-top"}),n("div",{className:"line-left"}),n("div",{className:"line-bottom"}),n("div",{className:"line-right"})]});export{u as Button,m as ButtonCustomDashedBorder};

package/dist/esm/components/button/model.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export type Size = 'chip' | 'small' | 'medium' | 'large';
-export type Type = 'primary' | 'secondary' | 'tertiary' | 'tertiaryGray' | 'destructive' | 'dashBold' | 'dashRegular';
+export type Type = 'primary' | 'secondary' | 'tertiary' | 'tertiaryGray' | 'destructive' | 'dash';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Font fize of the text
@@ -54,9 +54,4 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
      * Indicates if the styling of the button should be inverse
      */
     inverse?: boolean;
-    /**
-     * Will take the width of the parent.
-     * @default false
-     */
-    matchParentWidth?: boolean;
 }

package/dist/esm/components/button/themes.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ export declare const getBackgroundColor: (type: Type, size: Size, inverse?: bool
 export declare const getColor: (type: Type, size: Size, inverse?: boolean) => string;
 export declare const getDisabledTextColor: (inverse?: boolean) => string;
 export declare const getPadding: (type: Type, size: Size) => "4px 8px" | "6px 4px" | "6px 12px" | "10px 4px" | "10px 12px" | "14px 4px" | "14px 12px" | undefined;
-export declare const GetButtonTextComponent: (size: Size, type: Type) => import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const GetButtonTextComponent: (size: Size) => import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const getBorderColor: (type: Type, inverse?: boolean) => string;
 export declare const getBorder: (type: Type, size: Size, inverse?: boolean) => string;
 export declare const getLinearGradientValue: (size: Size) => string;

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

	@@ -1 +1 @@
1	- import{COLORS as t}from"../../constants/Theme.js";import{~~BodySecondary~~ as r,~~BodyCaption~~ as n,~~ButtonRegular~~ as e~~,ButtonLarge as a~~}from"../TypographyStyle.js";const o=(r,n,e)=>{if("chip"===n)return t.surface.subdued;switch(r){case"primary":return e?t.background.warning.vibrant:t.background.brand;case"destructive":return t.background.negative.vibrant;default:return"transparent"}},i=(r,n,e)=>{if("chip"===n)return 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;default:return e?t.content.primaryInverse:t.stroke.brand}},c=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,d=(t,r)=>{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"}},s=(t~~,o)~~=>"~~dashRegular~~"===o?r:"~~chip~~"===t?n:~~"small"===t?~~e:a,p=(r,n)=>n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,b=(r,n,e)=>"chip"===n?`border: 1px solid ${t.stroke.primary};`:e?"secondary"===r?`border: 1px solid ${p(r,e)};`:"border: none;":"secondary"===r?`border: 1px solid ${p(r)};`:"border: none;",g=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",u=(t,r)=>r\|\|"primary"===t?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",l=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",y=(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};`:"",h=function(t,r){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p(t);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${g(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${g(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${g(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${g(r)}\n\t\t);\n\t}\n\t`},x=(r,n,e)=>"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,k=(r,n,e)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",m=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",v=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand~~,$=~~(r,n,e,a,o)=>"chip"===r?a?t.content.inactive: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{s as GetButtonTextComponent,v as SpinnerColorMap,y as generateDisabledStyling,l as generateInverseHoverBackground,o as getBackgroundColor,b as getBorder,p as getBorderColor,$ as getButtonIconColor,x as getClickEffect,i as getColor,h as getDashedBorderStyling,c as getDisabledTextColor,u as getHoverButtonBackground,g as getLinearGradientValue,k as getLoadingBackground,m as getLoadingBorder,d as getPadding};
1	+ import{COLORS as t}from"../../constants/Theme.js";import{BodyCaption as r,ButtonRegular as n,ButtonLarge as e}from"../TypographyStyle.js";const a=(r,n,e)=>{if("chip"===n)return t.surface.subdued;switch(r){case"primary":return e?t.background.warning.vibrant:t.background.brand;case"destructive":return t.background.negative.vibrant;default:return"transparent"}},o=(r,n,e)=>{if("chip"===n)return t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dash":return t.content.secondary;case"destructive":return t.content.primaryInverse;default:return e?t.content.primaryInverse:t.stroke.brand}},i=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,c=(t,r)=>{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"}},d=t=>"chip"===t?r:"small"===t?n:e,p=(r,n)=>n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,s=(r,n,e)=>"chip"===n?`border: 1px solid ${t.stroke.primary};`:e?"secondary"===r?`border: 1px solid ${p(r,e)};`:"border: none;":"secondary"===r?`border: 1px solid ${p(r)};`:"border: none;",b=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",g=(t,r)=>r\|\|"primary"===t?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",u=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",l=(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};`:"",y=function(t,r){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p(t);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${b(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${b(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${b(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${b(r)}\n\t\t);\n\t}\n\t`},h=(r,n,e)=>"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\|\|"dash"===r?e?`background-color: ${t.background.inverseLight} !important;`:`background-color: ${t.background.brandLight};`:void 0,x=(r,n,e)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",k=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",m=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,v=(r,n,e,a,o)=>"chip"===r?a?t.content.inactive: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\|\|"dash"===n?a?t.content.inactive:t.content.secondary:void 0;export{d as GetButtonTextComponent,m as SpinnerColorMap,l as generateDisabledStyling,u as generateInverseHoverBackground,a as getBackgroundColor,s as getBorder,p as getBorderColor,v as getButtonIconColor,h as getClickEffect,o as getColor,y as getDashedBorderStyling,i as getDisabledTextColor,g as getHoverButtonBackground,b as getLinearGradientValue,x as getLoadingBackground,k as getLoadingBorder,c as getPadding};

package/dist/esm/components/checkBox/CheckBox.d.ts CHANGED Viewed

@@ -5,6 +5,5 @@ export type CheckBoxProps = {
     isDisabled?: boolean;
     value?: string;
     onValueChange: (checked: boolean, value?: string) => void;
-    controlFromOutside?: boolean;
 };
 export declare const CheckBox: React.FC<CheckBoxProps>;

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

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as s~~,useEffect as t~~}from"react";import{CheckboxContainer as l,CheckboxIcon as o}from"./CheckBox.styled.js";import{COLORS as n}from"../../constants/Theme.js";const r=s=>i("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?n.content.inactive:n.background.positive.vibrant}),!s.isPartial&&e("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("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"})})),s.isPartial&&e("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:n.surface.standard})]})),d=i=>{var n;const[d,a]=s(i.isChecked\|\|!1),[c,h]=s(!1),[u,v]=s(!1);~~t((()=>{i.controlFromOutside&&a(i.isChecked)}),[i.isChecked,i.controlFromOutside]);~~return ~~t((()=>{a(i.isChecked)}),[i.isChecked]),~~e(l,Object.assign({onClick:()=>{var e,s;if(!i.isDisabled){~~if(i.controlFromOutside)return void(null===(e=i.onValueChange)\|\|void 0===e\|\|e.call(i,!i.isChecked,i.value));~~const t=!d;a(t),null===(s=i.onValueChange)\|\|void 0===s\|\|s.call(i,t,i.value)}},onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:e(o,Object.assign({checked:d,hovered:c,clicked:u,isDisabled:i.isDisabled\|\|!1},{children:d&&e(r,{isPartial:null!==(n=i.isPartiallyChecked)&&void 0!==n&&n,isDisabled:i.isDisabled\|\|!1})}))}))};export{d as CheckBox};
1	+ import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as s}from"react";import{CheckboxContainer as t,CheckboxIcon as l}from"./CheckBox.styled.js";import{COLORS as n}from"../../constants/Theme.js";const o=s=>i("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?n.content.inactive:n.background.positive.vibrant}),!s.isPartial&&e("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("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"})})),s.isPartial&&e("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:n.surface.standard})]})),r=i=>{var n;const[r,a]=s(i.isChecked\|\|!1),[c,d]=s(!1),[h,v]=s(!1);return e(t,Object.assign({onClick:()=>{var e;if(!i.isDisabled){const s=!r;a(s),null===(e=i.onValueChange)\|\|void 0===e\|\|e.call(i,s,i.value)}},onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:e(l,Object.assign({checked:r,hovered:c,clicked:h,isDisabled:i.isDisabled\|\|!1},{children:r&&e(o,{isPartial:null!==(n=i.isPartiallyChecked)&&void 0!==n&&n,isDisabled:i.isDisabled\|\|!1})}))}))};export{r as CheckBox};

package/dist/esm/components/checkBox/CheckBox.styled.js CHANGED Viewed

@@ -10,7 +10,6 @@ import e,{css as i}from"styled-components";import{COLORS as t}from"../../constan
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	box-sizing: content-box;
 	${e=>e.checked&&i`
 			border: 0px;
 			width: 18px;

package/dist/esm/components/input/Input.d.ts CHANGED Viewed

@@ -25,8 +25,7 @@ export interface InputProps {
     /**
         validate:  function takes the input and returns boolean + string (error message in case of invalid input)
      **/
-    validate?: (input?: string | number) => [boolean, string];
-    onChangeText: (input: string, event?: Event) => void;
+    validate: (input?: string | number) => [boolean, string];
     button?: {
         text: string;
         onClick?: () => void;
@@ -34,9 +33,5 @@ export interface InputProps {
     suffixText?: string;
     prefixText?: string;
     value?: string;
-    onBlur?: (e: any) => void;
-    onFocus?: () => void;
-    isActive?: boolean;
-    id?: string;
 }
 export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;

package/dist/esm/components/list-item/ListItem.d.ts CHANGED Viewed

@@ -12,6 +12,5 @@ export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
     leadingIcon?: JSX.Element;
     trailingIcon?: JSX.Element;
     borderBottom?: string;
-    customComponent?: JSX.Element;
 }
 export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/list-item/ListItem.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{__rest as t}from"../../_virtual/_tslib.js";import{~~jsx~~ as e,~~Fragment~~ as ~~o,jsxs as~~ i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as s}from"./themes.js";import{BodySecondary as n,BodyCaption as l}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import{ListItem as m}from"./ListItem.styled.js";const c=r(((r,c)=>{var{id:d,onSelect:p,variant:f="default",trailingIcon:b,leadingIcon:y,subText:g,listItem:j,borderBottom:~~h,customComponent:u~~}=r,x=t(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom"~~,"customComponent"~~]);return e(m,Object.assign({ref:c,id:d,variant:f,onClick:()=>p&&p(j),borderBottom:h},x,{children:~~u?e(o,{children:u}):i(o,{children:~~[!!y&&y,i("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!j&&e(n,Object.assign({style:{color:s(f)}},{children:j.label})),!!g&&e(l,Object.assign({style:{color:a.text.secondary}},{children:g}))]})),!!b&&e("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:b}))]})}))}));c.displayName="ListItem";export{c as ListItem};
1	+ import{__rest as t}from"../../_virtual/_tslib.js";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as s}from"./themes.js";import{BodySecondary as o,BodyCaption as a}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";import{ListItem as n}from"./ListItem.styled.js";const m=r(((r,m)=>{var{id:c,className:d,onSelect:p,variant:f="default",trailingIcon:b,leadingIcon:y,subText:g,listItem:j,borderBottom:x}=r,I=t(r,["id","className","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom"]);return e(n,Object.assign({ref:m,id:c,variant:f,className:d,onClick:()=>p&&p(j),borderBottom:x},I,{children:[!!b&&b,e("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!j&&i(o,Object.assign({style:{color:s(f)}},{children:j.label})),!!g&&i(a,Object.assign({style:{color:l.text.secondary}},{children:g}))]})),!!y&&i("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:y}))]}))}));m.displayName="ListItem";export{m as ListItem};

package/dist/esm/components/list-item/ListItem.styled.js CHANGED Viewed

	@@ -1 +1 @@
1	- import c from"@emotion/styled/base";import{COLORS as t}from"../../constants/Theme.js";import{getTheme as b}from"./themes.js";const o=c("div","production"===process.env.NODE_ENV?{target:"e195roa60"}:{target:"e195roa60",label:"ListItem"})("display:flex;align-items:center;justify-content:start;border-bottom:",(c=>c.borderBottom\|\|`1px solid ${t.stroke.primary}`),";column-gap:12px;padding:12px 16px;",(c=>b(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RJdGVtLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR21DIiwiZmlsZSI6Ikxpc3RJdGVtLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgZ2V0VGhlbWUgfSBmcm9tICcuL3RoZW1lcyc7XHJcbmV4cG9ydCBjb25zdCBMaXN0SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuYm9yZGVyQm90dG9tIHx8IGAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9YH07XG5cdGNvbHVtbi1nYXA6IDEycHg7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0JHsocHJvcHMpID0+IGdldFRoZW1lKHByb3BzLnZhcmlhbnQpfVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGlzdEl0ZW0uc3R5bGVkLmpzLm1hcCJdfQ== /"));export{o as ListItem};
1	+ import c from"@emotion/styled/base";import{COLORS as t}from"../../constants/Theme.js";import{getTheme as b}from"./themes.js";const d=c("div","production"===process.env.NODE_ENV?{target:"e195roa60"}:{target:"e195roa60",label:"ListItem"})("display:flex;align-items:center;justify-content:start;border-bottom:",(c=>c.borderBottom\|\|`1px solid ${c=>t.stroke.primary}`),";width:100%;column-gap:12px;padding:12px 16px;",(c=>b(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RJdGVtLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR21DIiwiZmlsZSI6Ikxpc3RJdGVtLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgZ2V0VGhlbWUgfSBmcm9tICcuL3RoZW1lcyc7XHJcbmV4cG9ydCBjb25zdCBMaXN0SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuYm9yZGVyQm90dG9tIHx8IGAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX1gfTtcblx0d2lkdGg6IDEwMCU7XG5cdGNvbHVtbi1nYXA6IDEycHg7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0JHsocHJvcHMpID0+IGdldFRoZW1lKHByb3BzLnZhcmlhbnQpfVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGlzdEl0ZW0uc3R5bGVkLmpzLm1hcCJdfQ== /"));export{d as ListItem};

package/dist/esm/components/stepper/WorkingStepper.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const WorkingStepper: () => JSX.Element;
 export declare enum STEPENUM {
     STEP1 = "STEP1",

package/dist/esm/components/tag/Tag.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"react";import{BodyCaption as r}from"../TypographyStyle.js";import{~~ValidTagTypeMap as i}from"./model.js";import{~~Tag as n}from"./Tag.styled.js";import{getTagIconColor as s}from"./themes.js";const c=c=>{let{tagText:l,LeadingIcon:o,TrailingIcon:m,theme:g="light",type:d="neutral",variant:p="regular"}=~~c,h=l,j=g,y=d~~;~~i[p][d]\|\|(y="neutral"),"circle"===p&&(j="dark","number"==typeof~~ h~~&&h>99&&(h~~=~~"99+"));const b=~~{height:16,width:16,color:s(g,y),style:{display:"block"}};return e(n,Object.assign({theme:j,type:d,variant:p},{children:t("div",Object.assign({className:"container"},{children:[o&&e("div",Object.assign({className:"icon-trailing"},{children:a.createElement(o,b)})),e(r,Object.assign({className:"text"},{children:h})),m&&e("div",Object.assign({className:"icon-leading"},{children:a.createElement(m,b)}))]}))}))};c.displayName="Tag";export{c as Tag};
1	+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"react";import{BodyCaption as i}from"../TypographyStyle.js";import{Tag as r}from"./Tag.styled.js";import{getTagIconColor as n}from"./themes.js";const s=s=>{let{tagText:c,LeadingIcon:l,TrailingIcon:o,theme:m="light",type:g="neutral",variant:d="regular"}=s;const h={height:16,width:16,color:n(m,g),style:{display:"block"}};let p=c;return"circle"===d&&"number"==typeof p&&p>99&&(p="99+"),e(r,Object.assign({theme:m,type:g,variant:d},{children:t("div",Object.assign({className:"container"},{children:[o&&e("div",Object.assign({className:"icon-trailing"},{children:a.createElement(o,h)})),e(i,Object.assign({className:"text"},{children:p})),l&&e("div",Object.assign({className:"icon-leading"},{children:a.createElement(l,h)}))]}))}))};s.displayName="Tag";export{s as Tag};

package/dist/esm/components/tag/Tag.styled.js CHANGED Viewed

@@ -1,26 +1,26 @@
-import r from"styled-components";import{getPadding as e,getBackgroundColor as t,generateBorder as i,getTextColor as o}from"./themes.js";const a=r.div`
+import e from"styled-components";import{getPadding as r,getBackgroundColor as t,generateBorder as o,getTextColor as i}from"./themes.js";const a=e.div`
 	cursor: default;
-	${r=>"regular"===r.variant?"display: block;":""}
-	${r=>"circle"===r.variant&&"height: 20px;"}
 	.container {
 		display: flex;
 		gap: 6px;
-		padding: ${r=>e(r.variant)};
+		padding: ${e=>r(e.variant)};
+	}
+	${e=>"circle"===e.variant&&"height: 20px;"}
-		background-color: ${r=>t(r.theme,r.type)};
+	background-color: ${e=>t(e.theme,e.type)};
-		border-radius: ${r=>"regular"===r.variant?"4px":"12px"};
+	border-radius: ${e=>"regular"===e.variant?"4px":"12px"};
-		${r=>"light"===r.theme&&`border: 1px solid ${i(r.type)};`}
+	${e=>"light"===e.theme&&`border: 1px solid ${o(e.type)};`}
-		.text {
-			color: ${r=>o(r.theme,r.type)};
-		}
+	.text {
+		color: ${e=>i(e.theme,e.type)};
+	}
-		.icon-trailing {
-		}
+	.icon-trailing {
+	}
-		.icon-leading {
-		}
+	.icon-leading {
 	}
 `;export{a as Tag};

package/dist/esm/components/tag/model.d.ts CHANGED Viewed

@@ -1,26 +1,7 @@
 /// <reference types="react" />
 export type TagTheme = 'light' | 'dark';
 export type TagVariant = 'regular' | 'circle';
-export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey';
-export declare const ValidTagTypeMap: {
-    regular: {
-        negative: boolean;
-        warning: boolean;
-        positive: boolean;
-        neutral: boolean;
-        white: boolean;
-        purple: boolean;
-        blue: boolean;
-    };
-    circle: {
-        negative: boolean;
-        warning: boolean;
-        positive: boolean;
-        neutral: boolean;
-        blue: boolean;
-        grey: boolean;
-    };
-};
+export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue';
 export interface TagProps {
     /**
      * Set the theme of the Tag

package/dist/esm/components/tag/themes.d.ts CHANGED Viewed

@@ -2,5 +2,5 @@ import { TagTheme, TagType, TagVariant } from './model';
 export declare const getTagIconColor: (theme: TagTheme, type: TagType) => string;
 export declare const getTextColor: (theme: TagTheme, type: TagType) => string;
 export declare const generateBorder: (type: TagType) => string;
-export declare const getBackgroundColor: (theme: TagTheme | 'circle', type: TagType) => string;
+export declare const getBackgroundColor: (theme: TagTheme, type: TagType) => string;
 export declare const getPadding: (variant: TagVariant) => "4px 8px" | "2px 6px";

package/dist/esm/components/tag/themes.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{COLORS as r}from"../../constants/Theme.js";const n={blue:{iconColor:{light:r.content.blue,dark:r.content.primaryInverse},textColor:{light:r.content.blue,dark:r.content.primaryInverse},border:r.stroke.blue.lightAlt,backgroundColor:{light:r.background.blue.light,dark:r.content.blue~~,circle:r.content.blue~~}},purple:{iconColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},textColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},border:r.stroke.brandLightAlt,backgroundColor:{light:r.background.brandLight,dark:r.background.inverse~~,circle:r.background.inverse~~}},negative:{iconColor:{light:r.content.negative,dark:r.content.primaryInverse},textColor:{light:r.content.negative,dark:r.content.primaryInverse},border:r.stroke.negative.lightAlt,backgroundColor:{light:r.background.negative.light,dark:r.background.negative.vibrant~~,circle:r.background.negative.vibrant~~}},positive:{iconColor:{light:r.content.positive,dark:r.content.primaryInverse},textColor:{light:r.content.positive,dark:r.content.primaryInverse},border:r.stroke.positive.lightAlt,backgroundColor:{light:r.background.positive.light,dark:r.background.positive.vibrant~~,circle:r.background.positive.vibrant~~}},warning:{iconColor:{light:r.content.warning,dark:r.content.primary},textColor:{light:r.content.warning,dark:r.content.primary},border:r.stroke.warning.lightAlt,backgroundColor:{light:r.background.warning.light,dark:r.background.warning.vibrant~~,circle:r.background.warning.vibrant~~}},neutral:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.background.inverse~~,circle:r.background.inverseLight~~}},white:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.background.inverse~~,circle:r.background.inverseLight~~}}~~,grey:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse~~},~~textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.content.secondary,circle:r.content.secondary}}},t~~=(r,t)=>n[t].iconColor[r],e=(r,t)=>n[t].textColor[r],o=r=>n[r].border,i=(r,t)=>n[t].backgroundColor[r],a=r=>"regular"===r?"4px 8px":"2px 6px";export{o as generateBorder,i as getBackgroundColor,a as getPadding,t as getTagIconColor,e as getTextColor};
1	+ import{COLORS as r}from"../../constants/Theme.js";const t={blue:{iconColor:{light:r.content.blue,dark:r.content.primaryInverse},textColor:{light:r.content.blue,dark:r.content.primaryInverse},border:r.stroke.blue.lightAlt,backgroundColor:{light:r.background.blue.light,dark:r.content.blue}},purple:{iconColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},textColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},border:r.stroke.brandLightAlt,backgroundColor:{light:r.background.brandLight,dark:r.background.inverse}},negative:{iconColor:{light:r.content.negative,dark:r.content.primaryInverse},textColor:{light:r.content.negative,dark:r.content.primaryInverse},border:r.stroke.negative.lightAlt,backgroundColor:{light:r.background.negative.light,dark:r.background.negative.vibrant}},positive:{iconColor:{light:r.content.positive,dark:r.content.primaryInverse},textColor:{light:r.content.positive,dark:r.content.primaryInverse},border:r.stroke.positive.lightAlt,backgroundColor:{light:r.background.positive.light,dark:r.background.positive.vibrant}},warning:{iconColor:{light:r.content.warning,dark:r.content.primary},textColor:{light:r.content.warning,dark:r.content.primary},border:r.stroke.warning.lightAlt,backgroundColor:{light:r.background.warning.light,dark:r.background.warning.vibrant}},neutral:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.background.inverse}},white:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.background.inverse}}},o=(r,o)=>t[o].iconColor[r],n=(r,o)=>t[o].textColor[r],e=r=>t[r].border,i=(r,o)=>t[o].backgroundColor[r],a=r=>"regular"===r?"4px 8px":"2px 6px";export{e as generateBorder,i as getBackgroundColor,a as getPadding,o as getTagIconColor,n as getTextColor};

package/dist/esm/components/toaster/Toaster.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import React, { FunctionComponent } from 'react';
 import { ToastPosition } from 'react-toastify';
 import { IconProps } from 'react-toastify/dist/components';
+import 'react-toastify/dist/ReactToastify.css';
 export type ToasterButtonProps = {
     showButton?: boolean;
     onButtonClick?: any;

package/dist/esm/components/toaster/Toaster.styled.d.ts CHANGED Viewed

@@ -1,8 +1,4 @@
-/// <reference types="react" />
-export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
+export declare const ToasterStyled: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
     height?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, never>;

package/dist/esm/components/toaster/Toaster.styled.js CHANGED Viewed

@@ -1 +1,35 @@
-import t from"@emotion/styled/base";import{COLORS as c}from"../../constants/Theme.js";const b=t("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:",c.background.inverse,";--toastify-color-success:",c.content.positive,";--toastify-color-error:",c.content.negative,";--toastify-text-color-light:",c.content.primary,';--toastify-toast-width:"fit-content";--toastify-toast-min-height:',(t=>t.height||"44px"),";--toastify-toast-max-height:",(t=>t.height||"fit-content"),";font-family:inherit;.custom-position{position:relative;}.Toastify__toast{padding:6px;max-width:",(t=>t.width),";.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-body{padding:0 6px;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",c.content.brand,";}.Toastify__toast-body>div:last-child{display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cblx0LS10b2FzdGlmeS1jb2xvci1saWdodDogI2ZmZjtcblx0LS10b2FzdGlmeS1jb2xvci1kYXJrOiAjMTIxMjEyO1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHQtLXRvYXN0aWZ5LXRleHQtY29sb3ItbGlnaHQ6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdG9hc3Qtd2lkdGg6IFwiZml0LWNvbnRlbnRcIjtcblx0LS10b2FzdGlmeS10b2FzdC1taW4taGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICc0NHB4J307XG5cdC0tdG9hc3RpZnktdG9hc3QtbWF4LWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAnZml0LWNvbnRlbnQnfTtcblx0Zm9udC1mYW1pbHk6IGluaGVyaXQ7XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3Qge1xuXHRcdHBhZGRpbmc6IDZweDtcblx0XHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aH07XG5cblx0LlRvYXN0aWZ5X19jbG9zZS1idXR0b24ge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdG1hcmdpbjogYXV0bztcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtYm9keXtcblx0XHRwYWRkaW5nOiAwIDZweDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWRlZmF1bHQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRvYXN0ZXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{b as ToasterStyled};
+import t from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const i=t.div`
+	--toastify-color-light: #fff;
+	--toastify-color-dark: #121212;
+	--toastify-color-info: ${o.background.inverse};
+	--toastify-color-success: ${o.content.positive};
+	--toastify-color-error: ${o.content.negative};
+	--toastify-text-color-light: ${o.content.primary};
+	--toastify-toast-width: ${t=>t.width||"fit-content"};
+	--toastify-toast-min-height: ${t=>t.height||"44px"};
+	--toastify-toast-max-height: ${t=>t.height||"44px"};
+	font-family: inherit;
+	.custom-position {
+		position: relative;
+	}
+	.Toastify__toast {
+		padding: 6px;
+	.Toastify__close-button {
+		display: block;
+		margin: auto;
+	}
+	.Toastify__toast-body{
+		padding: 0 6px;
+	}
+	.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
+		background: ${o.content.brand};
+	}
+	.Toastify__toast-body > div:last-child {
+		display: flex;
+	}
+`;export{i as ToasterStyled};

package/dist/esm/components/tooltips/Tooltip.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as t,Fragment as n,jsx as r}from"react/jsx-runtime";import e from"@tippyjs/react";import i from"react";import o from"./TooltipInternal.js";import{COLORS as p}from"../../constants/Theme.js";const a=`\n .tippy-content {\n padding: 0px;\n }\n .tippy-arrow {\n \tcolor: ${t=>p.content.primary};\n }\n`,c=p=>i.isValidElement(p.children)?t(n,{children:[r("style",{children:a}),r(e,Object.assign({placement:p.placement\|\|"right",maxWidth:p.width,animation:"fade",arrow:!0,~~interactive:!0,~~content:r(o,{title:p.title,body:p.body,buttonProps:p.buttonProps})},{children:p.children}))]}):null;export{c as Tooltip};
1	+ import{jsxs as t,Fragment as n,jsx as r}from"react/jsx-runtime";import i from"@tippyjs/react";import o from"react";import e from"./TooltipInternal.js";import{COLORS as p}from"../../constants/Theme.js";const l=`\n .tippy-content {\n padding: 0px;\n }\n .tippy-arrow {\n \tcolor: ${t=>p.content.primary};\n }\n`,m=p=>o.isValidElement(p.children)?t(n,{children:[r("style",{children:l}),r(i,Object.assign({visible:!0,placement:p.placement\|\|"right",maxWidth:p.width,animation:"fade",arrow:!0,content:r(e,{title:p.title,body:p.body,buttonProps:p.buttonProps})},{children:p.children}))]}):null;export{m as Tooltip};

package/dist/esm/components/tooltips/index.d.ts CHANGED Viewed

	@@ -1,2 +1 @@
1 1	export * from './Tooltip';
2	- export * from './CustomisedTooltip';

package/dist/esm/constants/Theme.d.ts CHANGED Viewed

@@ -59,9 +59,6 @@ export declare const COLORS: {
             light: string;
         };
     };
-    icon: {
-        placeholder: string;
-    };
     scrim: {
         standard: string;
     };
@@ -337,9 +334,6 @@ export declare const DEFAULT_THEME: {
                 light: string;
             };
         };
-        icon: {
-            placeholder: string;
-        };
         scrim: {
             standard: string;
         };

package/dist/esm/constants/Theme.js CHANGED Viewed

	@@ -1 +1 @@
1	- const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},~~icon:{placeholder:"#9E9E9E"},~~scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100]},positive:{lightAlt:e.positive[100]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:32,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};export{e as BASE_COLORS,t as COLORS,n as DEFAULT_THEME,i as FONTS};
1	+ const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100]},positive:{lightAlt:e.positive[100]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:32,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};export{e as BASE_COLORS,t as COLORS,n as DEFAULT_THEME,i as FONTS};