@bbl-digital/snorre 4.0.54 → 4.0.56

package/esm/core/Input/index.js

@@ -68,32 +68,32 @@ const Input = /*#__PURE__*/React.forwardRef(({
       children: [props.label && _jsx("span", {
         css: info && styles.pr4,
         children: props.label
-      }), _jsx("input", {
-        id: props.id,
-        type: type === 'stealth' ? 'number' : type,
-        ...(type !== 'password' && {
-          value
-        }),
-        placeholder: props.placeholder,
-        disabled: props.disabled,
-        autoFocus: props.focus,
-        onBlur: props.onBlur,
-        onFocus: props.onFocus,
-        onChange: onInputChange,
-        maxLength: maxlength,
-        ref: ref,
-        name: props.name,
-        "aria-describedby": props.invalidMessage ? 'input-error-message' : undefined,
-        css: theme => [type === 'text' && styles.text(theme), type === 'search' && styles.search(theme), type === 'password' && styles.password(theme), type === 'number' && styles.number(theme), type === 'stealth' && styles.stealth(theme), props.disabled && styles.disabled(theme), cardInput && styles.cardInput(theme)],
-        children: React.Children.map(props.children, child => {
-          if (!child) {
-            return null;
-          }
-          return child;
-        })
-      }), type === 'search' && _jsx("div", {
-        className: props.label ? 'searchIconWithLabel' : 'searchIcon',
-        children: _jsx(IconSearch, {})
+      }), _jsxs("div", {
+        css: theme => [styles.inputWrapper(theme)],
+        children: [_jsx("input", {
+          id: props.id,
+          type: type === 'stealth' ? 'number' : type,
+          ...(type !== 'password' && {
+            value
+          }),
+          placeholder: props.placeholder,
+          disabled: props.disabled,
+          autoFocus: props.focus,
+          onBlur: props.onBlur,
+          onFocus: props.onFocus,
+          onChange: onInputChange,
+          maxLength: maxlength,
+          ref: ref,
+          name: props.name,
+          "aria-describedby": props.invalidMessage ? 'input-error-message' : undefined,
+          css: theme => [type === 'text' && styles.text(theme), type === 'search' && styles.search(theme), type === 'password' && styles.password(theme), type === 'number' && styles.number(theme), type === 'stealth' && styles.stealth(theme), props.disabled && styles.disabled(theme), cardInput && styles.cardInput(theme)],
+          children: React.Children.map(props.children, child => {
+            if (!child) {
+              return null;
+            }
+            return child;
+          })
+        }), type === 'search' && _jsx(IconSearch, {})]
       }), props.invalidMessage && _jsx(IconErrorOutline, {
         size: "16px"
       }), props.invalidMessage && _jsx("span", {