@mmb-digital/design-system-web 0.1.73 → 0.1.75

package/dist/index.esm.js

@@ -1001,12 +1001,11 @@ import*as e from"react";import t,{useCallback as n,useState as r,useMemo as o,Fr
 	${({theme:e})=>e.spacing.sm}
 `,ua=b.div`
 	position: relative;
-	z-index: 9;
+	z-index: 10;
 	display: block;
-	row-gap: ${({theme:e})=>e.spacing.xxs};
 	max-width: 266px;
 	padding: ${la};
-	background-color: ${({chooseColor:e,theme:t})=>e(t.colors.surface.risen)};
+	background-color: ${({chooseColor:e,theme:t})=>e(t.colors.surface.risen)}!important;
 	border-radius: ${({theme:e})=>e.borderRadius.xs};
 	box-shadow: ${({theme:e})=>e.shadow.box.md};
 `,ca=b.div`
@@ -1059,7 +1058,6 @@ import*as e from"react";import t,{useCallback as n,useState as r,useMemo as o,Fr
 	border-radius: ${({theme:e})=>e.borderRadius.md};
 
 	@media (min-width: ${({theme:e})=>e.breakpoints.sm}) {
-		min-width: 355px;
 		padding: ${({theme:e})=>e.spacing.xl};
 	}
 `,fi=b.div`
@@ -1432,7 +1430,7 @@ function Ic(e,t,n){return t=Bc(t),function(e,t){if(t&&("object"==typeof t||"func
 	::placeholder {
 		color: ${({theme:e})=>e.palette.grey700};
 	}
-`,Xp=e=>{const t=l(null),[o,a]=r(void 0),u=Boolean(e)||0===e,c=n((()=>{t.current&&a(t.current.offsetWidth)}),[]),d=Na(c,500,{maxWait:500});return s((()=>{u&&c()}),[u,c]),i((()=>(u&&window.addEventListener("resize",d),()=>{u&&window.removeEventListener("resize",d)})),[u,d]),{width:o,wrapperRef:t}},$p=f(((e,n)=>{const{button:r,colorInput:o,colorScheme:a=le.light,halfWidth:i,icon:s,id:u,maxLength:c,name:d,onBlur:p,onChange:h,onFocus:f,placeholder:m,prefix:g,prefixColor:b,size:v,suffix:y,weight:k=vp.REGULAR_400}=e,w=yn(e,["button","colorInput","colorScheme","halfWidth","icon","id","maxLength","name","onBlur","onChange","onFocus","placeholder","prefix","prefixColor","size","suffix","weight"]),x=ce(a),C=Ao([n,l(null)]),{width:E,wrapperRef:I}=Xp(g),{width:S,wrapperRef:D}=Xp(y);return t.createElement(Op,{$halfWidth:i,$size:v},void 0!==s&&t.createElement(Vp,null,s),void 0!==g&&""!==g&&t.createElement(Wp,{$chooseColor:x,$prefixColor:b,ref:I},g),t.createElement(Fp,Object.assign({button:r,colorInput:o,halfWidth:i,icon:s,id:u,maxLength:c,name:d,placeholder:m,prefixWidth:E,ref:C,size:v,suffixWidth:S,weight:k,onBlur:p,onChange:h,onFocus:f},w)),void 0!==y&&""!==y&&t.createElement(Hp,{ref:D},y),void 0!==r&&t.createElement(Gp,null,r))}));$p.displayName="InputBase";const Yp=b.label`
+`,Xp=(e,t)=>{const o=l(null),[a,u]=r(void 0),c=Boolean(e)||0===e,d=n((()=>{o.current&&u(o.current.offsetWidth)}),[]),p=Na(d,500,{maxWait:500});return s((()=>{c&&d()}),[c,d]),i((()=>{var e;return null===(e=t.current)||void 0===e||e.addEventListener("focus",d),()=>{var e;null===(e=t.current)||void 0===e||e.removeEventListener("focus",d)}}),[t,d]),i((()=>(c&&window.addEventListener("resize",p),()=>{c&&window.removeEventListener("resize",p)})),[c,p]),{width:a,wrapperRef:o}},$p=f(((e,n)=>{const{button:r,colorInput:o,colorScheme:a=le.light,halfWidth:i,icon:s,id:u,maxLength:c,name:d,onBlur:p,onChange:h,onFocus:f,placeholder:m,prefix:g,prefixColor:b,size:v,suffix:y,weight:k=vp.REGULAR_400}=e,w=yn(e,["button","colorInput","colorScheme","halfWidth","icon","id","maxLength","name","onBlur","onChange","onFocus","placeholder","prefix","prefixColor","size","suffix","weight"]),x=ce(a),C=l(null),E=Ao([n,C]),{width:I,wrapperRef:S}=Xp(g,C),{width:D,wrapperRef:M}=Xp(y,C);return t.createElement(Op,{$halfWidth:i,$size:v},void 0!==s&&t.createElement(Vp,null,s),void 0!==g&&""!==g&&t.createElement(Wp,{$chooseColor:x,$prefixColor:b,ref:S},g),t.createElement(Fp,Object.assign({button:r,colorInput:o,halfWidth:i,icon:s,id:u,maxLength:c,name:d,placeholder:m,prefixWidth:I,ref:E,size:v,suffixWidth:D,weight:k,onBlur:p,onChange:h,onFocus:f},w)),void 0!==y&&""!==y&&t.createElement(Hp,{ref:M},y),void 0!==r&&t.createElement(Gp,null,r))}));$p.displayName="InputBase";const Yp=b.label`
 	display: flex;
 	gap: ${({theme:e})=>e.spacing.xxs};
 	align-items: center;
@@ -1865,8 +1863,8 @@ function Ic(e,t,n){return t=Bc(t),function(e,t){if(t&&("object"==typeof t||"func
 	min-height: 124px;
 	padding: ${({theme:e})=>e.spacing.sm};
 	font-family: Inter, sans-serif;
-	font-size: ${({theme:e})=>e.font.size.body.sm};
-	line-height: ${({theme:e})=>e.font.lineHeight.body.sm};
+	font-size: ${({theme:e})=>e.font.size.body.md};
+	line-height: ${({theme:e})=>e.font.lineHeight.body.md};
 	letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.sm};
 	resize: vertical;
 	background: ${({theme:e})=>e.palette.white};