@mmb-digital/design-system-web 0.1.40 → 0.1.41

package/dist/index.cjs.js

@@ -1168,12 +1168,12 @@ function lc(e,t,n){return t=xc(t),function(e,t){if(t&&("object"==typeof t||"func
 				padding-left: ${({theme:e})=>e.spacing.xxxl};
 			`};
 
-		${({suffix:e})=>void 0!==e&&""!==e&&t.css`
-				padding-right: ${({theme:e})=>Number.parseInt(e.spacing.xl)-.75}px;
+		${({suffix:e,suffixWidth:n})=>void 0!==e&&""!==e&&t.css`
+				padding-right: ${({theme:e})=>void 0===n?"initial":`calc(${n-.75}px + ${e.spacing.md})`};
 			`};
 
-		${({hasError:e,suffix:n})=>void 0!==n&&""!==n&&!0===e&&t.css`
-				padding-right: ${({theme:e})=>e.spacing.xl};
+		${({hasError:e,suffix:n,suffixWidth:r})=>void 0!==n&&""!==n&&!0===e&&t.css`
+				padding-right: ${({theme:e})=>void 0===r?"initial":`calc(${r}px + ${e.spacing.md})`};
 			`};
 
 		border: 2px solid ${({theme:e})=>e.colors.border.brand.default.light};
@@ -1196,8 +1196,8 @@ function lc(e,t,n){return t=xc(t),function(e,t){if(t&&("object"==typeof t||"func
 			padding-left: ${({theme:e})=>e.spacing.xxxl};
 		`};
 
-	${({suffix:e})=>void 0!==e&&""!==e&&t.css`
-			padding-right: ${({theme:e})=>e.spacing.xl};
+	${({suffix:e,suffixWidth:n})=>void 0!==e&&""!==e&&t.css`
+			padding-right: ${({theme:e})=>void 0===n?"initial":`calc(${n}px + ${e.spacing.md})`};
 		`};
 
 	${({size:e})=>{switch(e){case exports.InputSize.MD:return t.css`
@@ -1244,11 +1244,10 @@ function lc(e,t,n){return t=xc(t),function(e,t){if(t&&("object"==typeof t||"func
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	width: 20px;
 	height: 100%;
-	margin-right: 10px;
+	margin-right: ${({theme:e})=>e.spacing.sm};
 	${fd};
-`,xd=e.forwardRef((function(t,n){const{button:r,colorInput:o,halfWidth:a,icon:i,id:s,maxLength:l,name:c,onBlur:u,onChange:d,placeholder:p,prefix:h,suffix:f}=t,m=No(t,["button","colorInput","halfWidth","icon","id","maxLength","name","onBlur","onChange","placeholder","prefix","suffix"]),g=e.useRef(null);return e.useEffect((()=>{null!==n&&("function"==typeof n?n(g.current):n.current=g.current)}),[n]),e.useEffect((()=>{if(null===g.current)throw new Error("InputBase unexpected error: localRef.current is null")}),[]),e.createElement(hd,{halfWidth:a},void 0!==i&&e.createElement(gd,null,i),void 0!==h&&""!==h&&e.createElement(bd,null,h),e.createElement(md,Object.assign({button:r,colorInput:o,halfWidth:a,icon:i,id:s,maxLength:l,name:c,placeholder:p,prefix:h,ref:g,suffix:f,onBlur:u,onChange:d},m)),void 0!==f&&""!==f&&e.createElement(yd,null,f),void 0!==r&&e.createElement(vd,null,r))})),wd=t.label`
+`,xd=e.forwardRef((function(t,n){const{button:r,colorInput:o,halfWidth:a,icon:i,id:s,maxLength:l,name:c,onBlur:u,onChange:d,placeholder:p,prefix:h,suffix:f}=t,m=No(t,["button","colorInput","halfWidth","icon","id","maxLength","name","onBlur","onChange","placeholder","prefix","suffix"]),g=e.useRef(null);e.useEffect((()=>{null!==n&&("function"==typeof n?n(g.current):n.current=g.current)}),[n]),e.useEffect((()=>{if(null===g.current)throw new Error("InputBase unexpected error: localRef.current is null")}),[]);const b=e.useRef(null),[v,y]=e.useState(void 0);return e.useEffect((()=>{var e;y(null===(e=b.current)||void 0===e?void 0:e.offsetWidth)}),[f]),e.createElement(hd,{halfWidth:a},void 0!==i&&e.createElement(gd,null,i),void 0!==h&&""!==h&&e.createElement(bd,null,h),e.createElement(md,Object.assign({button:r,colorInput:o,halfWidth:a,icon:i,id:s,maxLength:l,name:c,placeholder:p,prefix:h,ref:g,suffix:f,suffixWidth:v,onBlur:u,onChange:d},m)),void 0!==f&&""!==f&&e.createElement(yd,{ref:b},f),void 0!==r&&e.createElement(vd,null,r))})),wd=t.label`
 	display: flex;
 	gap: ${({theme:e})=>e.spacing.xxs};
 	align-items: center;