@mackin.com/styleguide 9.2.4 → 9.2.5

package/index.js

@@ -3640,20 +3640,21 @@ const SearchBox = React__namespace.forwardRef((props, ref) => {
         return props.onSubmit();
     });
     const theme = useThemeSafely();
-    let button;
     const buttonStyles = css.cx(css.css({
         color: `${theme.colors.font} !important;`,
         fontSize: '1rem'
     }), props.buttonClassName);
+    let clearButton;
     if (props.onClear && !!props.value) {
-        button = (React__namespace.createElement(Button, { onClick: props.onClear, tabIndex: -1, disabled: waiting, className: buttonStyles, variant: "icon", small: true },
-            React__namespace.createElement(Icon, { id: waiting ? 'waiting' : 'clear', spin: waiting })));
-    }
-    else {
-        button = (React__namespace.createElement(Button, { tabIndex: -1, disabled: waiting, readOnly: !props.onSubmit, type: "submit", className: buttonStyles, variant: "icon", small: true },
-            React__namespace.createElement(Icon, { id: waiting ? 'waiting' : 'search', spin: waiting })));
-    }
-    const input = (React__namespace.createElement(TextInput, Object.assign({}, inputProps, { ref: ref, wrapperClassName: props.inputWrapperClassName, className: props.inputClassName, rightControl: button })));
+        clearButton = (React__namespace.createElement(Button, { onClick: props.onClear, tabIndex: -1, disabled: waiting, className: buttonStyles, variant: "icon", small: true },
+            React__namespace.createElement(Icon, { id: "clear" })));
+    }
+    const saveButton = (React__namespace.createElement(Button, { tabIndex: -1, disabled: waiting, readOnly: !props.onSubmit, type: "submit", className: buttonStyles, variant: "icon", small: true },
+        React__namespace.createElement(Icon, { id: waiting ? 'waiting' : 'search', spin: waiting })));
+    const rightControls = clearButton ? React__namespace.createElement(React__namespace.Fragment, null,
+        clearButton,
+        saveButton) : saveButton;
+    const input = (React__namespace.createElement(TextInput, Object.assign({}, inputProps, { ref: ref, wrapperClassName: props.inputWrapperClassName, className: props.inputClassName, rightControl: rightControls })));
     const searchBoxWrapperStyles = css.cx(css.css({
         label: 'SearchBox'
     }), props.wrapperClassName);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mackin.com/styleguide",
-    "version": "9.2.4",
+    "version": "9.2.5",
     "description": "",
     "main": "./index.js",
     "types": "./index.d.ts",