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

package/dist/index.cjs.js

@@ -1001,12 +1001,11 @@
 	${({theme:e})=>e.spacing.sm}
 `,Ao=t.div`
 	position: relative;
-	z-index: 9;
+	z-index: 10;
 	display: block;
-	row-gap: ${({theme:e})=>e.spacing.xxs};
 	max-width: 266px;
 	padding: ${Do};
-	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};
 `,Lo=t.div`
@@ -1059,7 +1058,6 @@
 	border-radius: ${({theme:e})=>e.borderRadius.md};
 
 	@media (min-width: ${({theme:e})=>e.breakpoints.sm}) {
-		min-width: 355px;
 		padding: ${({theme:e})=>e.spacing.xl};
 	}
 `,Na=t.div`
@@ -1432,7 +1430,7 @@ function Gu(e,t,n){return t=qu(t),function(e,t){if(t&&("object"==typeof t||"func
 	::placeholder {
 		color: ${({theme:e})=>e.palette.grey700};
 	}
-`,ip=t=>{const n=e.useRef(null),[r,o]=e.useState(void 0),a=Boolean(t)||0===t,i=e.useCallback((()=>{n.current&&o(n.current.offsetWidth)}),[]),s=qo(i,500,{maxWait:500});return e.useLayoutEffect((()=>{a&&i()}),[a,i]),e.useEffect((()=>(a&&window.addEventListener("resize",s),()=>{a&&window.removeEventListener("resize",s)})),[a,s]),{width:r,wrapperRef:n}},sp=e.forwardRef(((t,n)=>{const{button:r,colorInput:o,colorScheme:a=exports.ColorScheme.light,halfWidth:i,icon:s,id:l,maxLength:u,name:c,onBlur:d,onChange:p,onFocus:h,placeholder:f,prefix:m,prefixColor:g,size:b,suffix:v,weight:y=exports.InputWeight.REGULAR_400}=t,x=Ht(t,["button","colorInput","colorScheme","halfWidth","icon","id","maxLength","name","onBlur","onChange","onFocus","placeholder","prefix","prefixColor","size","suffix","weight"]),k=H(a),w=Ur([n,e.useRef(null)]),{width:C,wrapperRef:E}=ip(m),{width:I,wrapperRef:S}=ip(v);return e.createElement(Qd,{$halfWidth:i,$size:b},void 0!==s&&e.createElement(np,null,s),void 0!==m&&""!==m&&e.createElement(rp,{$chooseColor:k,$prefixColor:g,ref:E},m),e.createElement(tp,Object.assign({button:r,colorInput:o,halfWidth:i,icon:s,id:l,maxLength:u,name:c,placeholder:f,prefixWidth:C,ref:w,size:b,suffixWidth:I,weight:y,onBlur:d,onChange:p,onFocus:h},x)),void 0!==v&&""!==v&&e.createElement(ap,{ref:S},v),void 0!==r&&e.createElement(op,null,r))}));sp.displayName="InputBase";const lp=t.label`
+`,ip=(t,n)=>{const r=e.useRef(null),[o,a]=e.useState(void 0),i=Boolean(t)||0===t,s=e.useCallback((()=>{r.current&&a(r.current.offsetWidth)}),[]),l=qo(s,500,{maxWait:500});return e.useLayoutEffect((()=>{i&&s()}),[i,s]),e.useEffect((()=>{var e;return null===(e=n.current)||void 0===e||e.addEventListener("focus",s),()=>{var e;null===(e=n.current)||void 0===e||e.removeEventListener("focus",s)}}),[n,s]),e.useEffect((()=>(i&&window.addEventListener("resize",l),()=>{i&&window.removeEventListener("resize",l)})),[i,l]),{width:o,wrapperRef:r}},sp=e.forwardRef(((t,n)=>{const{button:r,colorInput:o,colorScheme:a=exports.ColorScheme.light,halfWidth:i,icon:s,id:l,maxLength:u,name:c,onBlur:d,onChange:p,onFocus:h,placeholder:f,prefix:m,prefixColor:g,size:b,suffix:v,weight:y=exports.InputWeight.REGULAR_400}=t,x=Ht(t,["button","colorInput","colorScheme","halfWidth","icon","id","maxLength","name","onBlur","onChange","onFocus","placeholder","prefix","prefixColor","size","suffix","weight"]),k=H(a),w=e.useRef(null),C=Ur([n,w]),{width:E,wrapperRef:I}=ip(m,w),{width:S,wrapperRef:T}=ip(v,w);return e.createElement(Qd,{$halfWidth:i,$size:b},void 0!==s&&e.createElement(np,null,s),void 0!==m&&""!==m&&e.createElement(rp,{$chooseColor:k,$prefixColor:g,ref:I},m),e.createElement(tp,Object.assign({button:r,colorInput:o,halfWidth:i,icon:s,id:l,maxLength:u,name:c,placeholder:f,prefixWidth:E,ref:C,size:b,suffixWidth:S,weight:y,onBlur:d,onChange:p,onFocus:h},x)),void 0!==v&&""!==v&&e.createElement(ap,{ref:T},v),void 0!==r&&e.createElement(op,null,r))}));sp.displayName="InputBase";const lp=t.label`
 	display: flex;
 	gap: ${({theme:e})=>e.spacing.xxs};
 	align-items: center;
@@ -1865,8 +1863,8 @@ function Gu(e,t,n){return t=qu(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};