@ebay/ui-core-react 5.3.1 → 5.4.1

package/common/floating-label-utils/hooks.d.ts

@@ -1,6 +1,7 @@
 import { FC, RefObject, ReactNode, ComponentProps } from 'react';
 declare type InputRef = RefObject<HTMLSelectElement | HTMLTextAreaElement | HTMLInputElement> | any;
 declare type FloatingLabelHookProps = {
+    type?: string;
     inputId?: string;
     ref?: InputRef;
     disabled?: boolean;
@@ -23,6 +24,6 @@ declare type FloatingLabelHookReturn = {
     ref: InputRef;
     placeholder: string;
 };
-export declare function useFloatingLabel({ ref, inputId, className, disabled, label, inputSize, inputValue, placeholder, invalid, opaqueLabel, onMount }: FloatingLabelHookProps): FloatingLabelHookReturn;
+export declare function useFloatingLabel({ ref, inputId, className, disabled, label, inputSize, inputValue, placeholder, invalid, opaqueLabel, type, onMount }: FloatingLabelHookProps): FloatingLabelHookReturn;
 export {};
 //# sourceMappingURL=hooks.d.ts.map

package/common/floating-label-utils/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/common/floating-label-utils/hooks.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA+B,EAAE,EAAE,SAAS,EAAe,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAGjH,aAAK,QAAQ,GAAG,SAAS,CAAC,iBAAiB,GAAG,mBAAmB,GAAG,gBAAgB,CAAC,GAAG,GAAG,CAAA;AAC3F,aAAK,sBAAsB,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAA;AAED,aAAK,uBAAuB,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,EAAE,CAAC;QAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACxC,GAAG,EAAE,QAAQ,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACvB,CAAA;AA4CD,wBAAgB,gBAAgB,CAAC,EAC7B,GAAG,EACH,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,OAAO,EACP,WAAW,EACX,OAAkB,EACrB,EAAG,sBAAsB,GAAG,uBAAuB,CA6EnD"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/common/floating-label-utils/hooks.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA+B,EAAE,EAAE,SAAS,EAAe,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAGjH,aAAK,QAAQ,GAAG,SAAS,CAAC,iBAAiB,GAAG,mBAAmB,GAAG,gBAAgB,CAAC,GAAG,GAAG,CAAA;AAC3F,aAAK,sBAAsB,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAA;AAED,aAAK,uBAAuB,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,EAAE,CAAC;QAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACxC,GAAG,EAAE,QAAQ,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACvB,CAAA;AA4CD,wBAAgB,gBAAgB,CAAC,EAC7B,GAAG,EACH,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,OAAO,EACP,WAAW,EACX,IAAI,EACJ,OAAkB,EACrB,EAAG,sBAAsB,GAAG,uBAAuB,CA6EnD"}

package/common/floating-label-utils/hooks.js

@@ -60,7 +60,7 @@ var getPlaceholder = function (element) {
 };
 function useFloatingLabel(_a) {
     var _b;
-    var ref = _a.ref, inputId = _a.inputId, className = _a.className, disabled = _a.disabled, label = _a.label, inputSize = _a.inputSize, inputValue = _a.inputValue, placeholder = _a.placeholder, invalid = _a.invalid, opaqueLabel = _a.opaqueLabel, _c = _a.onMount, onMount = _c === void 0 ? function () { } : _c;
+    var ref = _a.ref, inputId = _a.inputId, className = _a.className, disabled = _a.disabled, label = _a.label, inputSize = _a.inputSize, inputValue = _a.inputValue, placeholder = _a.placeholder, invalid = _a.invalid, opaqueLabel = _a.opaqueLabel, type = _a.type, _c = _a.onMount, onMount = _c === void 0 ? function () { } : _c;
     var _internalInputRef = react_1.useRef(null);
     var inputRef = function () { return ref || _internalInputRef; };
     var _d = react_1.useState(Boolean(inputValue)), isFloating = _d[0], setFloating = _d[1];
@@ -99,7 +99,7 @@ function useFloatingLabel(_a) {
     var labelClassName = classnames_1.default(className, classPrefix, (_b = {},
         _b[classPrefix + "--disabled"] = disabled,
         _b[classPrefix + "--animate"] = shouldAnimate,
-        _b[classPrefix + "--inline"] = !isFloating,
+        _b[classPrefix + "--inline"] = !isFloating && type !== 'date',
         _b[classPrefix + "--invalid"] = invalid,
         _b));
     var floatingLabelClassName = classnames_1.default("floating-label", {

package/ebay-listbox-button/README.md

@@ -25,21 +25,24 @@ yarn add @ebay/ui-core-react
 
 ## Attributes
 
-Name | Type | Stateful | Description
---- | --- | --- | ---
-`value` | String | No |
-`aria-disabled` | boolean | No | Set to true if the field is disabled
-`aria-invalid` | boolean | No | Set to true if the field is invalid
-`fluid` | boolean | No | To make the listbox fluid
-`borderless` | boolean | No | To make the listbox borderless
-`maxHeight` | string | No | example: 100px, 200px, 10rem
-`prefixId` | string | No | The id of an external element to use as the a11y prefix label for the listbox button.
-`floatingLabel` | string | No | Indicates that the listbox is a floating label type and renders it with a label
+| Name             | Type    | Required | Description                                                                                             |
+|------------------|---------|----------|---------------------------------------------------------------------------------------------------------|
+| `value`          | string  | No       | Allows you to set the selected option to the one with `value`                                           |
+| `selected`       | number  | No       | Allows you to set the selected index option to `selected`                                               |
+| `aria-disabled`  | boolean | No       | Set to true if the field is disabled                                                                    |
+| `aria-invalid`   | boolean | No       | Set to true if the field is invalid                                                                     |
+| `fluid`          | boolean | No       | To make the listbox fluid                                                                               |
+| `borderless`     | boolean | No       | To make the listbox borderless                                                                          |
+| `maxHeight`      | string  | No       | example: 100px, 200px, 10rem                                                                            |
+| `prefixId`       | string  | No       | The id of an external element to use as the a11y prefix label for the listbox button.                   |
+| `prefixLabel`       | string  | No       | The label to add before selected option on the button. Cannot be used with `prefixId`              |
+| `floatingLabel`  | string  | No       | Indicates that the listbox is a floating label type and renders it with a label                         |
+| `unselectedText` | string  | No       | The text to be shown when no options are selected. Default is '-'. Cannot be used with `floating-label` |
 
 ## Callbacks
 
-| Name       | Type     | Required | Description           | Data                                                                         |
-|------------|----------|----------|-----------------------|------------------------------------------------------------------------------|
-| `onChange`  | Function | No       | triggered on change   | `(ChangeEvent, { index: number, selected: string[] , wasClicked: boolean })` |
-| `onCollapse` | Function | No       | triggered on collapse | `()`                                                            |
-| `onExpand`  | Function | No       | triggered on expand   | `()`                                                               |
+| Name         | Type     | Required | Description           | Data                                                                         |
+|--------------|----------|----------|-----------------------|------------------------------------------------------------------------------|
+| `onChange`   | Function | No       | triggered on change   | `(ChangeEvent, { index: number, selected: string[] , wasClicked: boolean })` |
+| `onCollapse` | Function | No       | triggered on collapse | `()`                                                                         |
+| `onExpand`   | Function | No       | triggered on expand   | `()`                                                                         |

package/ebay-listbox-button/listbox-button.d.ts

@@ -6,11 +6,14 @@ export declare type ChangeEventProps = {
     wasClicked: boolean;
 };
 export declare type EbayListboxButtonProps = Omit<ComponentProps<'input'>, 'onChange'> & {
+    selected?: number;
     borderless?: boolean;
     fluid?: boolean;
     maxHeight?: string;
     prefixId?: string;
+    prefixLabel?: string;
     floatingLabel?: string;
+    unselectedText?: string;
     onChange?: EbayChangeEventHandler<HTMLButtonElement, ChangeEventProps>;
     onCollapse?: () => void;
     onExpand?: () => void;

package/ebay-listbox-button/listbox-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listbox-button.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,cAAc,EAAE,EAAE,EACrB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,sBAAsB,EAAO,MAAM,6BAA6B,CAAA;AAIzE,oBAAY,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,oBAAY,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,sBAAsB,CAoR7C,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"listbox-button.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEV,cAAc,EAAE,EAAE,EACrB,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,sBAAsB,EAAO,MAAM,6BAA6B,CAAA;AAIzE,oBAAY,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,oBAAY,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,sBAAsB,CA6R7C,CAAA;AAED,eAAe,aAAa,CAAA"}

package/ebay-listbox-button/listbox-button.js

@@ -50,7 +50,7 @@ var ebay_icon_1 = require("../ebay-icon");
 var component_utils_1 = require("../common/component-utils");
 var listbox_button_option_1 = __importDefault(require("./listbox-button-option"));
 var ListboxButton = function (_a) {
-    var children = _a.children, name = _a.name, value = _a.value, borderless = _a.borderless, fluid = _a.fluid, className = _a.className, maxHeight = _a.maxHeight, prefixId = _a.prefixId, floatingLabel = _a.floatingLabel, _b = _a.onChange, onChange = _b === void 0 ? function () { } : _b, _c = _a.onCollapse, onCollapse = _c === void 0 ? function () { } : _c, _d = _a.onExpand, onExpand = _d === void 0 ? function () { } : _d, rest = __rest(_a, ["children", "name", "value", "borderless", "fluid", "className", "maxHeight", "prefixId", "floatingLabel", "onChange", "onCollapse", "onExpand"]);
+    var children = _a.children, name = _a.name, value = _a.value, selected = _a.selected, borderless = _a.borderless, fluid = _a.fluid, className = _a.className, maxHeight = _a.maxHeight, prefixId = _a.prefixId, prefixLabel = _a.prefixLabel, floatingLabel = _a.floatingLabel, _b = _a.unselectedText, unselectedText = _b === void 0 ? '-' : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { } : _c, _d = _a.onCollapse, onCollapse = _d === void 0 ? function () { } : _d, _e = _a.onExpand, onExpand = _e === void 0 ? function () { } : _e, rest = __rest(_a, ["children", "name", "value", "selected", "borderless", "fluid", "className", "maxHeight", "prefixId", "prefixLabel", "floatingLabel", "unselectedText", "onChange", "onCollapse", "onExpand"]);
     var optionsContainerRef = react_1.useRef(null);
     var optionsParentContainerRef = react_1.useRef();
     var optionsByIndexRef = react_1.useRef(new Map());
@@ -60,26 +60,26 @@ var ListboxButton = function (_a) {
         throw new Error("EbayListboxButton: Please use a\n        EbayListboxButtonOption that defines the options of the listbox");
     }
     var getInitialSelectedOption = function () {
-        var selectedIndex = listBoxButtonOptions.findIndex(function (_a) {
+        var selectedIndex = selected !== undefined ? selected : listBoxButtonOptions.findIndex(function (_a) {
             var props = _a.props;
-            return props.value === value;
+            return value !== undefined && props.value === value;
         });
-        var index = selectedIndex > -1 || floatingLabel ? selectedIndex : 0;
+        var index = selectedIndex > -1 || floatingLabel ? selectedIndex : undefined;
         return {
             option: listBoxButtonOptions[index],
             index: index
         };
     };
     // Get the default Selected value and set it in the state
-    var _e = getInitialSelectedOption(), selectedOptionFromValue = _e.option, initialSelectedOptionIndex = _e.index;
+    var _f = getInitialSelectedOption(), selectedOptionFromValue = _f.option, initialSelectedOptionIndex = _f.index;
     // Update the selected option to the state
-    var _f = react_1.useState(selectedOptionFromValue), selectedOption = _f[0], setSelectedOption = _f[1];
-    var _g = react_1.useState(initialSelectedOptionIndex), selectedIndex = _g[0], setSelectedIndex = _g[1];
+    var _g = react_1.useState(selectedOptionFromValue), selectedOption = _g[0], setSelectedOption = _g[1];
+    var _h = react_1.useState(initialSelectedOptionIndex), selectedIndex = _h[0], setSelectedIndex = _h[1];
     // Update the expanded status to the state
-    var _h = react_1.useState(), expanded = _h[0], setExpanded = _h[1];
+    var _j = react_1.useState(), expanded = _j[0], setExpanded = _j[1];
     // Additional flag to avoid multiple re-render when users tries to open and close
-    var _j = react_1.useState(false), optionsOpened = _j[0], setOptionsOpened = _j[1];
-    var _k = react_1.useState(), wasClicked = _k[0], setWasClicked = _k[1];
+    var _k = react_1.useState(false), optionsOpened = _k[0], setOptionsOpened = _k[1];
+    var _l = react_1.useState(), wasClicked = _l[0], setWasClicked = _l[1];
     react_1.useEffect(function () {
         setSelectedOption(selectedOptionFromValue);
     }, [value]);
@@ -233,14 +233,15 @@ var ListboxButton = function (_a) {
         'btn--floating-label': floatingLabel && selectedOption
     });
     var expandBtnTextId = prefixId && 'expand-btn-text';
+    var buttonLabel = floatingLabel ? (react_1.default.createElement("span", { className: "btn__floating-label" }, floatingLabel)) : (react_1.default.createElement(react_1.default.Fragment, null,
+        prefixLabel && react_1.default.createElement("span", { className: "btn__label" }, prefixLabel),
+        react_1.default.createElement("span", { className: "btn__text", id: expandBtnTextId }, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.props.children) || unselectedText)));
     return (react_1.default.createElement("span", { className: wrapperClassName },
         react_1.default.createElement("button", __assign({}, rest, { type: "button", className: buttonClassName, "aria-expanded": !!expanded, "aria-haspopup": "listbox", "aria-labelledby": prefixId && prefixId + " " + expandBtnTextId, onClick: onButtonClick, 
             // https://stackoverflow.com/questions/17769005/onclick-and-onblur-ordering-issue
             onMouseDown: function (e) { return e.preventDefault(); }, onKeyUp: onButtonKeyup, ref: buttonRef }),
             react_1.default.createElement("span", { className: "btn__cell" },
-                floatingLabel ? (react_1.default.createElement("span", { className: "btn__floating-label" }, floatingLabel)) : null,
-                selectedOption &&
-                    react_1.default.createElement("span", { className: "btn__text", id: expandBtnTextId }, selectedOption.props.children),
+                buttonLabel,
                 react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "chevronDown16" }))),
         (expanded || optionsOpened) &&
             react_1.default.createElement("div", { className: "listbox-button__listbox", ref: optionsParentContainerRef, style: { maxHeight: maxHeight } },

package/ebay-textbox/textbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textbox.d.ts","sourceRoot":"","sources":["../../src/ebay-textbox/textbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACI,cAAc,EAAM,GAAG,EAGxC,MAAM,OAAO,CAAA;AAGd,OAAO,EAAiD,IAAI,EAAE,MAAM,SAAS,CAAA;AAE7E,OAAO,EACH,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,EACrB,wBAAwB,EAAE,qBAAqB,EAClD,MAAM,6BAA6B,CAAA;AAIpC,aAAK,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAE1E,oBAAY,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AACjD,oBAAY,gBAAgB,GAAG;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAC7F,aAAa,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAClG,OAAO,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAC3F,MAAM,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAC1F,UAAU,CAAC,EAAE,wBAAwB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IACjG,OAAO,CAAC,EAAE,wBAAwB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAC9F,SAAS,CAAC,EAAE,wBAAwB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAChG,SAAS,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IACxF,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,GACzE,qBAAqB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,GAAG,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAC;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;;AAyJnH,wBAA4D"}
+{"version":3,"file":"textbox.d.ts","sourceRoot":"","sources":["../../src/ebay-textbox/textbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACI,cAAc,EAAM,GAAG,EAGxC,MAAM,OAAO,CAAA;AAGd,OAAO,EAAiD,IAAI,EAAE,MAAM,SAAS,CAAA;AAE7E,OAAO,EACH,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,EACrB,wBAAwB,EAAE,qBAAqB,EAClD,MAAM,6BAA6B,CAAA;AAIpC,aAAK,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAE1E,oBAAY,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AACjD,oBAAY,gBAAgB,GAAG;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAC7F,aAAa,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAClG,OAAO,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAC3F,MAAM,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAC1F,UAAU,CAAC,EAAE,wBAAwB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IACjG,OAAO,CAAC,EAAE,wBAAwB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAC9F,SAAS,CAAC,EAAE,wBAAwB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAChG,SAAS,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,GAAG,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IACxF,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,wBAAwB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,GACzE,qBAAqB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,GAAG,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAC;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;;AA0JnH,wBAA4D"}

package/ebay-textbox/textbox.js

@@ -64,6 +64,7 @@ var EbayTextbox = function (_a) {
         inputValue: controlledValue || inputValue,
         placeholder: placeholder,
         invalid: invalid,
+        type: type,
         opaqueLabel: opaqueLabel,
         onMount: onFloatingLabelInit
     }), label = _s.label, Container = _s.Container, onFloatingLabelBlur = _s.onBlur, onFloatingLabelFocus = _s.onFocus, ref = _s.ref, floatingLabelPlaceholder = _s.placeholder;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebay/ui-core-react",
-  "version": "5.3.1",
+  "version": "5.4.1",
   "description": "Skin components build off React",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"