@mmb-digital/design-system-web 0.1.24 → 0.1.25

package/dist/index.esm.js

@@ -1170,7 +1170,7 @@ function mc(e,t,n){return t=Sc(t),function(e,t){if(t&&("object"==typeof t||"func
 	display: flex;
 	flex-direction: column;
 	${({childrenWidth:e})=>void 0===e?"":`width: ${e}`}
-`,Od=e=>{const{children:n,childrenWidth:r,colorScheme:o=ot.light,errorMessage:a,hasError:i,hintText:s,id:l,label:c,layout:u=vd.vertical,tooltip:d}=e,p=w(),h=it(o);return t.createElement(Ad,{layout:u},(void 0!==c||void 0!==s)&&t.createElement(Td,null,void 0!==c&&t.createElement(Md,{hasError:i,id:l,label:c,tooltip:d}),void 0!==s&&t.createElement(Ge,{color:h(p.colors.fg.neutral.subtle),variant:Pe.TEXT_SM,weight:We.REGULAR_400},s)),t.createElement(Nd,{childrenWidth:r},n,!0===i&&void 0!==a&&""!==a&&t.createElement("div",null,t.createElement(Ge,{color:h(p.colors.fg.error),variant:Pe.TEXT_SM,weight:We.REGULAR_400},a))))},Ld=e=>void 0!==e?e:Le.encode(Math.random().toString()),Pd=e=>n((()=>Ld(e)),[e]),Rd=f((function(e,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,tooltip:l}=e,c=Po(e,["errorMessage","hasError","hintText","id","label","tooltip"]),u=Pd(i);return t.createElement(Od,{errorMessage:r,hasError:o,hintText:a,id:u,label:s,tooltip:l},t.createElement(Dd,Object.assign({hasError:o,id:u,ref:n,type:"email"},c)))})),Wd=f((function(e,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,tooltip:l}=e,c=Po(e,["errorMessage","hasError","hintText","id","label","tooltip"]),u=Pd(i);return t.createElement(Od,{errorMessage:r,hasError:o,hintText:a,id:u,label:s,tooltip:l},t.createElement(Dd,Object.assign({hasError:o,id:u,ref:n,type:"tel"},c)))})),Bd=f((function(e,n){const{buttonAction:r,buttonText:o,errorMessage:a,hasError:i,hintText:s,id:l,label:c,size:u,tooltip:d}=e,p=Po(e,["buttonAction","buttonText","errorMessage","hasError","hintText","id","label","size","tooltip"]),h=Pd(l);return t.createElement(Od,{errorMessage:a,hasError:i,hintText:s,id:h,label:c,tooltip:d},t.createElement(Dd,Object.assign({button:t.createElement(N,{buttonStyle:D.PRIMARY,disabled:i,size:u===gd.XL?S.MD:S.SM,onClick:r},o),hasError:i,icon:t.createElement(an,{size:Et.big,type:It.search}),id:h,ref:n,size:u,type:"text"},p)))})),Gd=b.div`
+`,Od=e=>{const{children:n,childrenWidth:r,colorScheme:o=ot.light,errorMessage:a,hasError:i,hintText:s,id:l,label:c,layout:u=vd.vertical,tooltip:d}=e,p=w(),h=it(o);return t.createElement(Ad,{layout:u},(void 0!==c||void 0!==s)&&t.createElement(Td,null,void 0!==c&&t.createElement(Md,{hasError:i,id:l,label:c,tooltip:d}),void 0!==s&&t.createElement(Ge,{color:h(p.colors.fg.neutral.subtle),variant:Pe.TEXT_SM,weight:We.REGULAR_400},s)),t.createElement(Nd,{childrenWidth:r},n,!0===i&&void 0!==a&&""!==a&&t.createElement("div",null,t.createElement(Ge,{color:h(p.colors.fg.error),variant:Pe.TEXT_SM,weight:We.REGULAR_400},a))))},Ld=e=>void 0!==e?e:Le.encode(Math.random().toString()),Pd=e=>n((()=>Ld(e)),[e]),Rd=f((function(e,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,layout:l,tooltip:c}=e,u=Po(e,["errorMessage","hasError","hintText","id","label","layout","tooltip"]),d=Pd(i);return t.createElement(Od,{errorMessage:r,hasError:o,hintText:a,id:d,label:s,layout:l,tooltip:c},t.createElement(Dd,Object.assign({hasError:o,id:d,ref:n,type:"email"},u)))})),Wd=f((function(e,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,layout:l,tooltip:c}=e,u=Po(e,["errorMessage","hasError","hintText","id","label","layout","tooltip"]),d=Pd(i);return t.createElement(Od,{errorMessage:r,hasError:o,hintText:a,id:d,label:s,layout:l,tooltip:c},t.createElement(Dd,Object.assign({hasError:o,id:d,ref:n,type:"tel"},u)))})),Bd=f((function(e,n){const{buttonAction:r,buttonText:o,errorMessage:a,hasError:i,hintText:s,id:l,label:c,layout:u,size:d,tooltip:p}=e,h=Po(e,["buttonAction","buttonText","errorMessage","hasError","hintText","id","label","layout","size","tooltip"]),f=Pd(l);return t.createElement(Od,{errorMessage:a,hasError:i,hintText:s,id:f,label:c,layout:u,tooltip:p},t.createElement(Dd,Object.assign({button:t.createElement(N,{buttonStyle:D.PRIMARY,disabled:i,size:d===gd.XL?S.MD:S.SM,onClick:r},o),hasError:i,icon:t.createElement(an,{size:Et.big,type:It.search}),id:f,ref:n,size:d,type:"text"},h)))})),Gd=b.div`
 	display: grid;
 	/* stylelint-disable named-grid-areas-no-invalid */
 	grid-template-areas: ${({isInputHidden:e,mediaType:t})=>{switch(!0){case t===Ia.mobile&&e:return"\n        \t'label'\n        \t'slider'\n    \t\t";case t===Ia.mobile&&!e:return"\n        \t'label input'\n        \t'slider slider'\n    \t\t";case t===Ia.desktop&&e:return"\n      \t  'label'\n\t        'slider'\n  \t\t  ";case t===Ia.desktop&&!e:return"\n      \t  'label label'\n\t        'slider input'\n  \t\t  ";default:throw new Error("unexpected MediaType in sliderInput.style.ts Wrapper grid-template-areas")}}};
@@ -1193,7 +1193,7 @@ function mc(e,t,n){return t=Sc(t),function(e,t){if(t&&("object"==typeof t||"func
 `,_d=b.div`
 	display: flex;
 	grid-area: slider;
-`,Vd=e=>e.replace(/[^\d]/g,"").replace(/\B(?=(\d{3})+(?!\d))/g," "),Xd=e=>e.replace(/\s/g,""),Yd=f((function(e,n){const{disabled:o,hasError:i=!1,id:c,isInputHidden:u=!1,label:d,mediaType:p,minMax:h,minMaxLabels:f,name:m,onBlur:g,onChange:b,prefix:v,steps:y,stepType:x,suffix:k}=e,C=w(),I=ot.light,E=it(I),D=Pd(c),[S,M]=l(void 0),A=s(null);a((()=>{if(null!==n){if("function"==typeof n)return void n(A.current);n.current=A.current}}),[n]),a((()=>{var e;if(void 0!==(null===(e=A.current)||void 0===e?void 0:e.value)&&void 0!==S){const e=document.getElementById(D);Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value").set.call(e,Vd(S.toString()));const t=new Event("input",{bubbles:!0});e.dispatchEvent(t)}}),[D,S]),a((()=>{M(A.current.value)}),[]);const T=r((e=>{M(e)}),[]),N=r((()=>{const e=document.activeElement;if(null!==A.current){if(A.current.focus(),null===e||"function"!=typeof e.focus)return void A.current.blur();e.focus()}}),[]),O=r((e=>Ro(this,void 0,void 0,(function*(){const t=e.target.value,n=Number.parseInt(Xd(t));let r;switch(!0){case Number.isNaN(n):case n<h.min:r=h.min;break;case n>h.max:r=h.max;break;default:r=n}e.target.value=Vd(r.toString()),M(r),void 0!==g&&(yield g(e))}))),[h.max,h.min,g]),L=r((e=>Ro(this,void 0,void 0,(function*(){e.target.value=Vd(Xd(e.target.value)),void 0!==b&&(yield b(e))}))),[b]);return t.createElement(Gd,{isInputHidden:u,mediaType:p},t.createElement(Fd,null,t.createElement("label",{htmlFor:D},t.createElement(Ge,{color:E(i?C.colors.fg.error:C.colors.fg.neutral.default),variant:Pe.TEXT_MD,weight:We.MEDIUM_500},d.element,t.createElement(la,{displayMethod:To.WITH_NBSP,floatingElement:d.tooltip})))),t.createElement(Hd,{isInputHidden:u},t.createElement(Dd,{colorInput:E(C.colors.fg.neutral.default),disabled:o,hasError:i,id:D,name:m,prefix:v,ref:A,size:gd.MD,suffix:k,textAlign:bd.right,onBlur:O,onChange:L})),void 0!==S&&t.createElement(_d,null,t.createElement(Fe,{disable:o,max:h.max,min:h.min,minMaxLabels:f,steps:y,stepType:x,value:S,onFinalChange:N,onChange:T})))})),$d=f((function(e,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,tooltip:l}=e,c=Po(e,["errorMessage","hasError","hintText","id","label","tooltip"]),u=Pd(i);return t.createElement(Od,{errorMessage:r,hasError:o,hintText:a,id:u,label:s,tooltip:l},t.createElement(Dd,Object.assign({hasError:o,id:u,ref:n,type:"text"},c)))})),Zd=f((function(e,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,tooltip:l}=e,c=Po(e,["errorMessage","hasError","hintText","id","label","tooltip"]),u=Pd(i);return t.createElement(Od,{errorMessage:r,hasError:o,hintText:a,id:u,label:s,tooltip:l},t.createElement(Dd,Object.assign({hasError:o,id:u,ref:n,textAlign:bd.right,type:"text"},c)))})),jd=b.div`
+`,Vd=e=>e.replace(/[^\d]/g,"").replace(/\B(?=(\d{3})+(?!\d))/g," "),Xd=e=>e.replace(/\s/g,""),Yd=f((function(e,n){const{disabled:o,hasError:i=!1,id:c,isInputHidden:u=!1,label:d,mediaType:p,minMax:h,minMaxLabels:f,name:m,onBlur:g,onChange:b,prefix:v,steps:y,stepType:x,suffix:k}=e,C=w(),I=ot.light,E=it(I),D=Pd(c),[S,M]=l(void 0),A=s(null);a((()=>{if(null!==n){if("function"==typeof n)return void n(A.current);n.current=A.current}}),[n]),a((()=>{var e;if(void 0!==(null===(e=A.current)||void 0===e?void 0:e.value)&&void 0!==S){const e=document.getElementById(D);Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value").set.call(e,Vd(S.toString()));const t=new Event("input",{bubbles:!0});e.dispatchEvent(t)}}),[D,S]),a((()=>{M(A.current.value)}),[]);const T=r((e=>{M(e)}),[]),N=r((()=>{const e=document.activeElement;if(null!==A.current){if(A.current.focus(),null===e||"function"!=typeof e.focus)return void A.current.blur();e.focus()}}),[]),O=r((e=>Ro(this,void 0,void 0,(function*(){const t=e.target.value,n=Number.parseInt(Xd(t));let r;switch(!0){case Number.isNaN(n):case n<h.min:r=h.min;break;case n>h.max:r=h.max;break;default:r=n}e.target.value=Vd(r.toString()),M(r),void 0!==g&&(yield g(e))}))),[h.max,h.min,g]),L=r((e=>Ro(this,void 0,void 0,(function*(){e.target.value=Vd(Xd(e.target.value)),void 0!==b&&(yield b(e))}))),[b]);return t.createElement(Gd,{isInputHidden:u,mediaType:p},t.createElement(Fd,null,t.createElement("label",{htmlFor:D},t.createElement(Ge,{color:E(i?C.colors.fg.error:C.colors.fg.neutral.default),variant:Pe.TEXT_MD,weight:We.MEDIUM_500},d.element,t.createElement(la,{displayMethod:To.WITH_NBSP,floatingElement:d.tooltip})))),t.createElement(Hd,{isInputHidden:u},t.createElement(Dd,{colorInput:E(C.colors.fg.neutral.default),disabled:o,hasError:i,id:D,name:m,prefix:v,ref:A,size:gd.MD,suffix:k,textAlign:bd.right,onBlur:O,onChange:L})),void 0!==S&&t.createElement(_d,null,t.createElement(Fe,{disable:o,max:h.max,min:h.min,minMaxLabels:f,steps:y,stepType:x,value:S,onFinalChange:N,onChange:T})))})),$d=f((function(e,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,layout:l,tooltip:c}=e,u=Po(e,["errorMessage","hasError","hintText","id","label","layout","tooltip"]),d=Pd(i);return t.createElement(Od,{errorMessage:r,hasError:o,hintText:a,id:d,label:s,layout:l,tooltip:c},t.createElement(Dd,Object.assign({hasError:o,id:d,ref:n,type:"text"},u)))})),Zd=f((function(e,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,layout:l,tooltip:c}=e,u=Po(e,["errorMessage","hasError","hintText","id","label","layout","tooltip"]),d=Pd(i);return t.createElement(Od,{errorMessage:r,hasError:o,hintText:a,id:d,label:s,layout:l,tooltip:c},t.createElement(Dd,Object.assign({hasError:o,id:d,ref:n,textAlign:bd.right,type:"text"},u)))})),jd=b.div`
 	position: relative;
 	display: inline-block;
 	line-height: initial;