@mackin.com/styleguide 9.6.1 → 9.7.0

package/index.d.ts

@@ -51,6 +51,8 @@ interface AutocompleteProps extends BaseInputProps$1 {
     allowScroll?: boolean;
     /** Delay before the input is re-focused after picking a value.  Adjust if there are issues with the displayed input value after pick.  Defaults to 100ms. */
     onPickFocusWaitMs?: number;
+    /** The option `title` attribute will be filled with the option text.  Defaults to `true`. */
+    showOptionTextAsTitle?: boolean;
     onPick: (value: string | undefined, index?: number) => void;
 }
 declare const Autocomplete: (p: AutocompleteProps) => JSX.Element;

package/index.js

@@ -1082,8 +1082,9 @@ const Autocomplete = (p) => {
                     maxHeight: `calc(${theme.controls.height} * ${maxShowValues})`
                 }), p.listClassName) },
                 displayOptions.map((v, listItemIndex) => {
+                    var _a;
                     return (React__namespace.createElement(ListItem, { key: v, variant: "full", className: p.listItemClassName },
-                        React__namespace.createElement(Button, { onKeyDown: e => {
+                        React__namespace.createElement(Button, { title: ((_a = p.showOptionTextAsTitle) !== null && _a !== void 0 ? _a : true) ? v : undefined, onKeyDown: e => {
                                 var _a, _b;
                                 if (e.key === 'ArrowDown') {
                                     e.stopPropagation();
@@ -3668,7 +3669,7 @@ const SearchBox = React__namespace.forwardRef((props, ref) => {
         clearButton,
         saveButton) : saveButton;
     let clearButtonInputStyles;
-    if (clearButton) {
+    if (!!props.onClear) {
         clearButtonInputStyles = css.css({
             paddingRight: `calc(${theme.controls.height} + ${theme.controls.heightSmall})`
         });

package/package.json

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