@smitch/breeze 2.2.31 → 2.2.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/input/Input.js
CHANGED
|
@@ -31,9 +31,9 @@ var styles = {
|
|
|
31
31
|
required: "!bg-[var(--highlight-color)] !text-dark",
|
|
32
32
|
};
|
|
33
33
|
var Input = (0, react_2.forwardRef)(function Input(props, ref) {
|
|
34
|
-
var _a = props.type, type = _a === void 0 ? "text" : _a, _b = props.size, size = _b === void 0 ? "md" : _b, _c = props.autocomplete, autocomplete = _c === void 0 ? "off" : _c, _d = props.name, name = _d === void 0 ? "control-name" : _d, id = props.id, _e = props.className, className = _e === void 0 ? "" : _e, style = props.style, _f = props.rounded, rounded = _f === void 0 ? "md" : _f, _g = props.required, required = _g === void 0 ? false : _g, _h = props.readonly, readonly = _h === void 0 ? false : _h, _j = props.disabled, disabled = _j === void 0 ? false : _j, _k = props.hint, hint = _k === void 0 ? false : _k, tabindex = props.tabindex, min = props.min, max = props.max, minLength = props.minLength, maxLength = props.maxLength, step = props.step, pattern = props.pattern, title = props.title, value = props.value, defaultChecked = props.defaultChecked, accept = props.accept, multiple = props.multiple, placeholder = props.placeholder, list = props.list, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur,
|
|
34
|
+
var _a = props.type, type = _a === void 0 ? "text" : _a, _b = props.size, size = _b === void 0 ? "md" : _b, _c = props.autocomplete, autocomplete = _c === void 0 ? "off" : _c, _d = props.name, name = _d === void 0 ? "control-name" : _d, id = props.id, _e = props.className, className = _e === void 0 ? "" : _e, style = props.style, _f = props.rounded, rounded = _f === void 0 ? "md" : _f, _g = props.required, required = _g === void 0 ? false : _g, _h = props.readonly, readonly = _h === void 0 ? false : _h, _j = props.disabled, disabled = _j === void 0 ? false : _j, _k = props.hint, hint = _k === void 0 ? false : _k, tabindex = props.tabindex, min = props.min, max = props.max, minLength = props.minLength, maxLength = props.maxLength, step = props.step, pattern = props.pattern, title = props.title, value = props.value, defaultChecked = props.defaultChecked, accept = props.accept, multiple = props.multiple, placeholder = props.placeholder, list = props.list, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onKeyDown = props.onKeyDown, hidden = props.hidden, ariaLabel = props.ariaLabel, autocorrect = props.autocorrect, spellcheck = props.spellcheck, _l = props.suppressHydrationWarning, suppressHydrationWarning = _l === void 0 ? false : _l;
|
|
35
35
|
var sizeClasses = (0, react_1.useMemo)(function () { return sizes[size]; }, [size]);
|
|
36
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { className: (0, tailwind_merge_1.twMerge)("input ".concat(typeClasses(type), " peer ").concat(sizeClasses, " rounded-").concat(rounded, " font-normal color-scheme:light dark:[color-scheme:dark] focus:outline-none focus-visible:outline-none focus-visible:border-info disabled:bg-neutral disabled:cursor-default disabled:text-dark disabled:border-transparent invalid:!border-warning-dark invalid:dark:!border-warning-light"), className), style: style, type: type, name: name, id: id, autoComplete: autocomplete, required: required, "aria-required": required, hidden: hidden, readOnly: readonly, tabIndex: tabindex, ref: ref, min: min, max: max, minLength: minLength, maxLength: maxLength, step: step, pattern: pattern, title: title, placeholder: placeholder, defaultValue: value, defaultChecked: defaultChecked, accept: accept, multiple: multiple, list: list, disabled: disabled, onChange: onChange, onInput: onChange, onFocus: onFocus, onBlur: onBlur, "data-testid": id || name, "aria-label": ariaLabel, autoCorrect: autocorrect, spellCheck: spellcheck, suppressHydrationWarning: suppressHydrationWarning }), hint && ((0, jsx_runtime_1.jsx)("p", { className: "hint text-sm font-normal mt-[.5em] dark:text-light peer-invalid:text-warning-dark peer-invalid:dark:text-warning-light inline-block", children: title }))] }));
|
|
36
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { className: (0, tailwind_merge_1.twMerge)("input ".concat(typeClasses(type), " peer ").concat(sizeClasses, " rounded-").concat(rounded, " font-normal color-scheme:light dark:[color-scheme:dark] focus:outline-none focus-visible:outline-none focus-visible:border-info disabled:bg-neutral disabled:cursor-default disabled:text-dark disabled:border-transparent invalid:!border-warning-dark invalid:dark:!border-warning-light"), className), style: style, type: type, name: name, id: id, autoComplete: autocomplete, required: required, "aria-required": required, hidden: hidden, readOnly: readonly, tabIndex: tabindex, ref: ref, min: min, max: max, minLength: minLength, maxLength: maxLength, step: step, pattern: pattern, title: title, placeholder: placeholder, defaultValue: value, defaultChecked: defaultChecked, accept: accept, multiple: multiple, list: list, disabled: disabled, onChange: onChange, onInput: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, "data-testid": id || name, "aria-label": ariaLabel, autoCorrect: autocorrect, spellCheck: spellcheck, suppressHydrationWarning: suppressHydrationWarning }), hint && ((0, jsx_runtime_1.jsx)("p", { className: "hint text-sm font-normal mt-[.5em] dark:text-light peer-invalid:text-warning-dark peer-invalid:dark:text-warning-light inline-block", children: title }))] }));
|
|
37
37
|
});
|
|
38
38
|
exports.default = Input;
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvaW5wdXQvSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7OztBQUViLCtCQUF1QztBQUV2QyxpREFBeUM7QUFFekMsK0JBQW1DO0FBTW5DLElBQU0sS0FBSyxHQUFHO0lBQ1osRUFBRSxFQUFFLFdBQVc7SUFDZixFQUFFLEVBQUUsU0FBUztJQUNiLEVBQUUsRUFBRSxTQUFTO0lBQ2IsRUFBRSxFQUFFLFVBQVU7Q0FDZixDQUFDO0FBRUYsSUFBTSxnQkFBZ0IsR0FBRyw4QkFBOEIsQ0FBQztBQUV4RCxJQUFNLFdBQVcsR0FBRyxVQUFDLElBQVk7SUFDL0IsT0FBTyxJQUFJLEtBQUssVUFBVTtRQUN4QixDQUFDLENBQUMsb0hBQW9IO1FBQ3RILENBQUMsQ0FBQyxJQUFJLEtBQUssT0FBTztZQUNsQixDQUFDLENBQUMsa0ZBQWtGO1lBQ3BGLENBQUMsQ0FBQyxJQUFJLEtBQUssT0FBTztnQkFDbEIsQ0FBQyxDQUFDLGlGQUFpRjtnQkFDbkYsQ0FBQyxDQUFDLElBQUksS0FBSyxRQUFRO29CQUNuQixDQUFDLENBQUMsaUNBQTBCLGdCQUFnQix3R0FBcUc7b0JBQ2pKLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTTt3QkFDakIsQ0FBQyxDQUFDLFFBQVE7d0JBQ1YsQ0FBQyxDQUFDLElBQUksS0FBSyxPQUFPOzRCQUNsQixDQUFDLENBQUMsK05BQStOOzRCQUNqTyxDQUFDLENBQUMsMkNBQW9DLGdCQUFnQiw4RUFBMkUsQ0FBQztBQUN0SSxDQUFDLENBQUM7QUFFRixJQUFNLE1BQU0sR0FBRztJQUNiLFFBQVEsRUFBRSx5Q0FBeUM7Q0FDcEQsQ0FBQztBQUVGLElBQU0sS0FBSyxHQUFHLElBQUEsa0JBQVUsRUFBdUIsU0FBUyxLQUFLLENBQUMsS0FBSyxFQUFFLEdBQUc7SUFFcEUsSUFBQSxLQW1DRSxLQUFLLEtBbkNNLEVBQWIsSUFB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
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export interface InputProps {
|
|
2
|
-
size?:
|
|
3
|
-
type?:
|
|
4
|
-
autocomplete?:
|
|
2
|
+
size?: "sm" | "md" | "lg" | "xl";
|
|
3
|
+
type?: "text" | "password" | "number" | "email" | "tel" | "date" | "datetime-local" | "checkbox" | "radio" | "file" | "color" | "range" | "search" | "url" | "time" | "month" | "week";
|
|
4
|
+
autocomplete?: "off" | "on" | "name" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "email" | "username email" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "url" | "tel" | string;
|
|
5
5
|
name?: string;
|
|
6
6
|
id?: string;
|
|
7
7
|
title?: string;
|
|
@@ -31,9 +31,9 @@ export interface InputProps {
|
|
|
31
31
|
onInput?: React.ChangeEventHandler<HTMLInputElement>;
|
|
32
32
|
onFocus?: React.ChangeEventHandler<HTMLInputElement>;
|
|
33
33
|
onBlur?: React.ChangeEventHandler<HTMLInputElement>;
|
|
34
|
-
|
|
35
|
-
autocorrect?:
|
|
34
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
|
|
35
|
+
autocorrect?: "on" | "off";
|
|
36
36
|
spellcheck?: boolean;
|
|
37
|
-
rounded?:
|
|
37
|
+
rounded?: "none" | "md" | "lg" | "full";
|
|
38
38
|
suppressHydrationWarning?: boolean;
|
|
39
39
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { SearchInputProps } from "./types";
|
|
2
|
-
declare const SearchInput: ({ name, id, className, label, icon, onButtonSubmit, size, rounded, placeholder, inputStyles, btnShape, btnBackground, btnColor, autocomplete, autocorrect, spellcheck, spacing, }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const SearchInput: ({ name, id, className, label, icon, onButtonSubmit, size, rounded, placeholder, inputStyles, btnShape, btnBackground, btnColor, autocomplete, autocorrect, spellcheck, spacing, value, }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default SearchInput;
|
|
@@ -7,24 +7,26 @@ var tailwind_merge_1 = require("tailwind-merge");
|
|
|
7
7
|
var fa_1 = require("react-icons/fa");
|
|
8
8
|
var __1 = require("..");
|
|
9
9
|
var SearchInput = function (_a) {
|
|
10
|
-
var _b = _a.name, name = _b === void 0 ? "search" : _b, _c = _a.id, id = _c === void 0 ? "search" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.label, label = _e === void 0 ? "Search" : _e, icon = _a.icon, onButtonSubmit = _a.onButtonSubmit, _f = _a.size, size = _f === void 0 ? "md" : _f, _g = _a.rounded, rounded = _g === void 0 ? "md" : _g, placeholder = _a.placeholder, _h = _a.inputStyles, inputStyles = _h === void 0 ? "" : _h, _j = _a.btnShape, btnShape = _j === void 0 ? "circle" : _j, _k = _a.btnBackground, btnBackground = _k === void 0 ? "dark" : _k, _l = _a.btnColor, btnColor = _l === void 0 ? "light" : _l, _m = _a.autocomplete, autocomplete = _m === void 0 ? "off" : _m, _o = _a.autocorrect, autocorrect = _o === void 0 ? "off" : _o, _p = _a.spellcheck, spellcheck = _p === void 0 ? false : _p, _q = _a.spacing, spacing = _q === void 0 ? "0" : _q;
|
|
11
|
-
var _r = (0, react_1.useState)(""), value = _r[0], setValue = _r[1];
|
|
10
|
+
var _b = _a.name, name = _b === void 0 ? "search" : _b, _c = _a.id, id = _c === void 0 ? "search" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.label, label = _e === void 0 ? "Search" : _e, icon = _a.icon, onButtonSubmit = _a.onButtonSubmit, _f = _a.size, size = _f === void 0 ? "md" : _f, _g = _a.rounded, rounded = _g === void 0 ? "md" : _g, placeholder = _a.placeholder, _h = _a.inputStyles, inputStyles = _h === void 0 ? "" : _h, _j = _a.btnShape, btnShape = _j === void 0 ? "circle" : _j, _k = _a.btnBackground, btnBackground = _k === void 0 ? "dark" : _k, _l = _a.btnColor, btnColor = _l === void 0 ? "light" : _l, _m = _a.autocomplete, autocomplete = _m === void 0 ? "off" : _m, _o = _a.autocorrect, autocorrect = _o === void 0 ? "off" : _o, _p = _a.spellcheck, spellcheck = _p === void 0 ? false : _p, _q = _a.spacing, spacing = _q === void 0 ? "0" : _q, _r = _a.value, value = _r === void 0 ? "" : _r;
|
|
12
11
|
var inputRef = (0, react_1.useRef)(null);
|
|
13
12
|
var isDisabled = value.trim() === "";
|
|
14
13
|
var handleChange = function (e) {
|
|
15
14
|
var newValue = e.target.value;
|
|
16
|
-
|
|
15
|
+
if (!newValue)
|
|
16
|
+
onButtonSubmit(newValue);
|
|
17
17
|
};
|
|
18
|
-
var
|
|
18
|
+
var handleKeydown = function (e) {
|
|
19
19
|
var _a, _b, _c;
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
if (e.key === "Enter") {
|
|
21
|
+
var currentValue = (_c = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim()) !== null && _c !== void 0 ? _c : "";
|
|
22
|
+
onButtonSubmit(currentValue);
|
|
23
|
+
}
|
|
22
24
|
};
|
|
23
25
|
var handleButtonClick = function () {
|
|
24
26
|
var trimmed = value.trim();
|
|
25
27
|
onButtonSubmit(trimmed);
|
|
26
28
|
};
|
|
27
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("search-box flex font-semi-bold gap-".concat(spacing, " text-dark dark:text-light"), className), "data-testid": name, children: [(0, jsx_runtime_1.jsx)(__1.Input, { ref: inputRef, name: name, id: id, type: "search", "data-testid": "input-".concat(name), className: (0, tailwind_merge_1.twMerge)("border-neutral", inputStyles), size: size, placeholder: placeholder, autocomplete: autocomplete, autocorrect: autocorrect, spellcheck: spellcheck, "aria-label": "Search", value: value, onChange: handleChange,
|
|
29
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("search-box flex font-semi-bold gap-".concat(spacing, " text-dark dark:text-light"), className), "data-testid": name, children: [(0, jsx_runtime_1.jsx)(__1.Input, { ref: inputRef, name: name, id: id, type: "search", "data-testid": "input-".concat(name), className: (0, tailwind_merge_1.twMerge)("border-neutral", inputStyles), size: size, placeholder: placeholder, autocomplete: autocomplete, autocorrect: autocorrect, spellcheck: spellcheck, "aria-label": "Search", value: value, onChange: handleChange, onKeyDown: handleKeydown, rounded: rounded }), (0, jsx_runtime_1.jsxs)(__1.Button, { layout: btnShape, size: size, btnBackground: btnBackground, btnColor: btnColor, onClick: handleButtonClick, disabled: isDisabled, title: "Submit", isBold: true, className: "min-w-[42px]", children: [icon ? (0, jsx_runtime_1.jsx)(fa_1.FaSearch, {}) : label, (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Search" })] })] }));
|
|
28
30
|
};
|
|
29
31
|
exports.default = SearchInput;
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VhcmNoSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvc2VhcmNoaW5wdXQvU2VhcmNoSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7OztBQUViLCtCQUFzQztBQUN0QyxpREFBeUM7QUFDekMscUNBQTBDO0FBQzFDLHdCQUFtQztBQUduQyxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBbUJGO1FBbEJqQixZQUFlLEVBQWYsSUFBSSxtQkFBRyxRQUFRLEtBQUEsRUFDZixVQUFhLEVBQWIsRUFBRSxtQkFBRyxRQUFRLEtBQUEsRUFDYixpQkFBYyxFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLEVBQ2QsYUFBZ0IsRUFBaEIsS0FBSyxtQkFBRyxRQUFRLEtBQUEsRUFDaEIsSUFBSSxVQUFBLEVBQ0osY0FBYyxvQkFBQSxFQUNkLFlBQVcsRUFBWCxJQUFJLG1CQUFHLElBQUksS0FBQSxFQUNYLGVBQWMsRUFBZCxPQUFPLG1CQUFHLElBQUksS0FBQSxFQUNkLFdBQVcsaUJBQUEsRUFDWCxtQkFBZ0IsRUFBaEIsV0FBVyxtQkFBRyxFQUFFLEtBQUEsRUFDaEIsZ0JBQW1CLEVBQW5CLFFBQVEsbUJBQUcsUUFBUSxLQUFBLEVBQ25CLHFCQUFzQixFQUF0QixhQUFhLG1CQUFHLE1BQU0sS0FBQSxFQUN0QixnQkFBa0IsRUFBbEIsUUFBUSxtQkFBRyxPQUFPLEtBQUEsRUFDbEIsb0JBQW9CLEVBQXBCLFlBQVksbUJBQUcsS0FBSyxLQUFBLEVBQ3BCLG1CQUFtQixFQUFuQixXQUFXLG1CQUFHLEtBQUssS0FBQSxFQUNuQixrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtBQUEsRUFDbEIsZUFBYSxFQUFiLE9BQU8sbUJBQUcsR0FBRyxLQUFBLEVBQ2IsYUFBVSxFQUFWLEtBQUssbUJBQUcsRUFBRSxLQUFBO0lBRVYsSUFBTSxRQUFRLEdBQUcsSUFBQSxjQUFNLEVBQW1CLElBQUssQ0FBQyxDQUFDO0lBRWpELElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFFdkMsSUFBTSxZQUFZLEdBQUcsVUFBQyxDQUFzQztRQUMxRCxJQUFNLFFBQVEsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUNoQyxJQUFJLENBQUMsUUFBUTtZQUFFLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxQyxDQUFDLENBQUM7SUFFRixJQUFNLGFBQWEsR0FBRyxVQUFDLENBQXdDOztRQUM3RCxJQUFJLENBQUMsQ0FBQyxHQUFHLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDdEIsSUFBTSxZQUFZLEdBQUcsTUFBQSxNQUFBLE1BQUEsUUFBUSxDQUFDLE9BQU8sMENBQUUsS0FBSywwQ0FBRSxJQUFJLEVBQUUsbUNBQUksRUFBRSxDQUFDO1lBQzNELGNBQWMsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUMvQixDQUFDO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsSUFBTSxpQkFBaUIsR0FBRztRQUN4QixJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDN0IsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzFCLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCxpQ0FDRSxTQUFTLEVBQUUsSUFBQSx3QkFBTyxFQUNoQiw2Q0FBc0MsT0FBTywrQkFBNEIsRUFDekUsU0FBUyxDQUNWLGlCQUNZLElBQUksYUFFakIsdUJBQUMsU0FBSyxJQUNKLEdBQUcsRUFBRSxRQUFRLEVBQ2IsSUFBSSxFQUFFLElBQUksRUFDVixFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBQyxRQUFRLGlCQUNBLGdCQUFTLElBQUksQ0FBRSxFQUM1QixTQUFTLEVBQUUsSUFBQSx3QkFBTyxFQUFDLGdCQUFnQixFQUFFLFdBQVcsQ0FBQyxFQUNqRCxJQUFJLEVBQUUsSUFBSSxFQUNWLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFlBQVksRUFBRSxZQUFZLEVBQzFCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFVBQVUsRUFBRSxVQUFVLGdCQUNYLFFBQVEsRUFDbkIsS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsWUFBWSxFQUN0QixTQUFTLEVBQUUsYUFBYSxFQUN4QixPQUFPLEVBQUUsT0FBTyxHQUNoQixFQUVGLHdCQUFDLFVBQU0sSUFDTCxNQUFNLEVBQUUsUUFBUSxFQUNoQixJQUFJLEVBQUUsSUFBSSxFQUNWLGFBQWEsRUFBRSxhQUFhLEVBQzVCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE9BQU8sRUFBRSxpQkFBaUIsRUFDMUIsUUFBUSxFQUFFLFVBQVUsRUFDcEIsS0FBSyxFQUFDLFFBQVEsRUFDZCxNQUFNLEVBQUUsSUFBSSxFQUNaLFNBQVMsRUFBQyxjQUFjLGFBRXZCLElBQUksQ0FBQyxDQUFDLENBQUMsdUJBQUMsYUFBUSxLQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFDNUIsaUNBQU0sU0FBUyxFQUFDLFNBQVMsdUJBQWMsSUFDaEMsSUFDTCxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxXQUFXLENBQUMifQ==
|
|
@@ -17,5 +17,6 @@ export interface SearchInputProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
17
17
|
spellcheck?: boolean;
|
|
18
18
|
spacing?: "0" | "1" | "2";
|
|
19
19
|
rounded?: "none" | "md" | "lg" | "full";
|
|
20
|
-
|
|
20
|
+
value?: string;
|
|
21
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
21
22
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smitch/breeze",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.32",
|
|
4
4
|
"description": "A lightweight, Tailwind-powered React/Next.js UI component library.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"types": "index.d.ts",
|
|
@@ -46,4 +46,4 @@
|
|
|
46
46
|
"autoprefixer": "^10.4.20",
|
|
47
47
|
"postcss-import": "^15.1.0"
|
|
48
48
|
}
|
|
49
|
-
}
|
|
49
|
+
}
|