@ebay/ui-core-react 7.4.0-alpha.9 → 8.0.0

package/ebay-icon-button/index.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const iconButton = require("../icon-button-BQWoMgX1.js");
-exports.EbayIconButton = iconButton.EbayIconButton;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../icon-button-Bjjvld0a.js");exports.EbayIconButton=t.EbayIconButton;

package/ebay-infotip/README.md

@@ -61,8 +61,6 @@ yarn add @ebay/ui-core-react
 | `overlayStyle`    | Object   | No       | No       | Style object to customize default values for the overlay. It can be used all CSS properties like `top`, `left`, `bottom`, `right`.                           |
 | `initialExpanded` | Boolean  | No       | No       | Open the tooltip on the initial render                                                                                                                       |
 | `a11yCloseText`   | String   | No       | Yes      | A11y text for close button and mask.                                                                                                                         |
-| `a11yMaximizeText`   | String   | No       | No      |A11y text for draggable handle when drawer is minimized and clicking handle will maximize the drawer. Required only when draggable handle exists. Required only when variant is modal                                                                      |    
-| `a11yMinimizeText`   | String   | No       | No      |A11y text for draggable handle when drawer is maximized and clicking handle will minimize the drawer. Required only when variant is modal                                                                      |
 | `aria-label`      | String   | No       | Yes      | A descriptive label of what the infotip button represents (e.g. "Important information")
 | `onExpand`        | Function | No       | No       | overlay has been expanded                                                                                                                                    |
 | `onCollapse`      | Function | No       | No       | overlay has been collapsed                                                                                                                                   |

package/ebay-infotip/ebay-infotip.d.ts

@@ -15,8 +15,6 @@ type InfotipProps = {
     'aria-label'?: string;
     className?: string;
     children?: ReactNode;
-    a11yMaximizeText?: string;
-    a11yMinimizeText?: string;
 };
 declare const EbayInfotip: FC<InfotipProps>;
 export default EbayInfotip;

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

@@ -1 +1 @@
-{"version":3,"file":"ebay-infotip.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA+B,aAAa,EAAE,EAAE,EAAU,SAAS,EAAE,MAAM,OAAO,CAAA;AAGhG,OAAO,EAAwC,gBAAgB,EAAc,MAAM,yBAAyB,CAAA;AAI5G,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGjC,KAAK,YAAY,GAAG;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAC,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAC,MAAM,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CA8FjC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ebay-infotip.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA+B,aAAa,EAAE,EAAE,EAAU,SAAS,EAAE,MAAM,OAAO,CAAA;AAGhG,OAAO,EAAwC,gBAAgB,EAAc,MAAM,yBAAyB,CAAA;AAG5G,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGjC,KAAK,YAAY,GAAG;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CA0FjC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/ebay-infotip/index.js

@@ -1,76 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const classNames$1 = require("classnames");
-const common_componentUtils_utils = require("../common/component-utils/utils/index.js");
-const useTooltip = require("../use-tooltip-7JxcZHJn.js");
-const drawer = require("../drawer-DBDktEBZ.js");
-const ebayDialogBase_components_dialogHeader = require("../ebay-dialog-base/components/dialog-header/index.js");
-require("react-remove-scroll");
-const icon = require("../icon-B17Di3YL.js");
-require("../icon-button-BQWoMgX1.js");
-const classNames = require("classnames/dedupe");
-const common_componentUtils_forwardRef = require("../common/component-utils/forwardRef/index.js");
-const EbayInfotipHost = ({ icon: icon$1, className, children, forwardedRef, variant, ...rest }) => {
-  const classPrefix = variant === "modal" ? "dialog--mini" : "infotip";
-  const buttonIcon = React.createElement(icon.EbayIcon, { name: icon$1 });
-  const buttonContent = children instanceof Function ? children({ icon: buttonIcon }) : children;
-  return React.createElement("button", { ...rest, className: classNames("icon-btn icon-btn--transparent", className, `${classPrefix}__host`), type: "button", ref: forwardedRef }, buttonContent || buttonIcon);
-};
-const EbayInfotipHost$1 = common_componentUtils_forwardRef.withForwardRef(EbayInfotipHost);
-const EbayInfotip = ({ variant = "default", pointer, overlayStyle, disabled, onExpand, onCollapse, children, initialExpanded, icon: icon2 = "information16", a11yCloseText, "aria-label": ariaLabel, className, a11yMaximizeText, a11yMinimizeText }) => {
-  const buttonRef = React.useRef();
-  const { isExpanded, expandTooltip, collapseTooltip } = useTooltip.useTooltip({ onCollapse, onExpand, initialExpanded, hostRef: buttonRef });
-  const isModal = variant === "modal";
-  const containerRef = React.useRef();
-  const heading = common_componentUtils_utils.findComponent(children, EbayTooltipHeading);
-  const content = common_componentUtils_utils.findComponent(children, EbayInfotipContent);
-  const button = common_componentUtils_utils.findComponent(children, EbayInfotipHost$1) || React.createElement(EbayInfotipHost$1);
-  const toggleTooltip = () => {
-    if (isExpanded) {
-      collapseTooltip();
-    } else {
-      expandTooltip();
-    }
-  };
-  if (!content) {
-    throw new Error(`EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip`);
-  }
-  const { children: contentChildren, ...contentProps } = content.props;
-  return React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      useTooltip.Tooltip,
-      { type: "infotip", isExpanded, className: classNames$1(className, { "dialog--mini": isModal }), ref: containerRef },
-      React.createElement(useTooltip.TooltipHost, null, React.cloneElement(button, {
-        ref: buttonRef,
-        onClick: toggleTooltip,
-        disabled,
-        variant,
-        "aria-label": ariaLabel,
-        "aria-expanded": isExpanded,
-        icon: icon2,
-        ...button.props
-      })),
-      !isModal && React.createElement(
-        useTooltip.TooltipContent,
-        { ...contentProps, type: "infotip", style: overlayStyle, pointer, showCloseButton: true, a11yCloseText, onClose: collapseTooltip },
-        heading,
-        contentChildren
-      )
-    ),
-    isModal && React.createElement(
-      drawer.EbayDrawerDialog,
-      { ...contentProps, open: isExpanded, onClose: collapseTooltip, a11yCloseText, className: "dialog--mini__overlay", a11yMaximizeText, a11yMinimizeText },
-      React.createElement(ebayDialogBase_components_dialogHeader, null, heading),
-      contentChildren
-    )
-  );
-};
-const EbayTooltipHeading = ({ className, ...props }) => React.createElement("span", { ...props, className: classNames$1("infotip__heading", className) });
-const EbayInfotipContent = ({ children }) => React.createElement(React.Fragment, null, children);
-exports.EbayInfotip = EbayInfotip;
-exports.EbayInfotipContent = EbayInfotipContent;
-exports.EbayInfotipHeading = EbayTooltipHeading;
-exports.EbayInfotipHost = EbayInfotipHost$1;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),T=require("classnames"),b=require("../utils-C9NL3q0j.js"),r=require("../use-tooltip-BEiQpMDa.js"),F=require("../dialog-previous-button-B-fysL3O.js");require("react-remove-scroll");require("makeup-screenreader-trap");require("makeup-keyboard-trap");const D=require("../icon-D4RDqpD4.js");require("../icon-button-Bjjvld0a.js");const $=require("classnames/dedupe"),v=require("../forwardRef-fPwzYd82.js"),B=require("../lightbox-dialog-Il3dBNcR.js"),M=({icon:t,className:o,children:n,forwardedRef:l,variant:c,...p})=>{const i=c==="modal"?"dialog--mini":"infotip",a=e.createElement(D.EbayIcon,{name:t}),u=n instanceof Function?n({icon:a}):n;return e.createElement("button",{...p,className:$("icon-btn icon-btn--transparent",o,`${i}__host`),type:"button",ref:l},u||a)},E=v.withForwardRef(M),S=({variant:t="default",pointer:o,overlayStyle:n,disabled:l,onExpand:c,onCollapse:p,children:i,initialExpanded:a,icon:u="information16",a11yCloseText:d,"aria-label":w,className:N})=>{const y=e.useRef(),{isExpanded:s,expandTooltip:_,collapseTooltip:f}=r.useTooltip({onCollapse:p,onExpand:c,initialExpanded:a,hostRef:y}),m=t==="modal",x=e.useRef(),g=b.findComponent(i,R),q=b.findComponent(i,H),C=b.findComponent(i,E)||e.createElement(E),P=()=>{s?f():_()};if(!q)throw new Error("EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip");const{children:I,...h}=q.props;return e.createElement(e.Fragment,null,e.createElement(r.Tooltip,{type:"infotip",isExpanded:s,className:T(N,{"dialog--mini":m}),ref:x},e.createElement(r.TooltipHost,null,e.cloneElement(C,{ref:y,onClick:P,disabled:l,variant:t,"aria-label":w,"aria-expanded":s,icon:u,...C.props})),!m&&e.createElement(r.TooltipContent,{...h,type:"infotip",style:n,pointer:o,showCloseButton:!0,a11yCloseText:d,onClose:f},g,I)),m&&e.createElement(B.EbayLightboxDialog,{...h,open:s,onClose:f,a11yCloseText:d,className:"dialog--mini__overlay"},e.createElement(F.EbayDialogHeader,null,g),I))},R=({className:t,...o})=>e.createElement("span",{...o,className:T("infotip__heading",t)}),H=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayInfotip=S;exports.EbayInfotipContent=H;exports.EbayInfotipHeading=R;exports.EbayInfotipHost=E;

package/ebay-inline-notice/index.js

@@ -1,36 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const classNames = require("classnames");
-const noticeContent = require("../notice-content-BhUeK1pd.js");
-const noticeContent$1 = require("../notice-content-BTXVxttv.js");
-const common_componentUtils_utils = require("../common/component-utils/utils/index.js");
-const icon = require("../icon-B17Di3YL.js");
-const EbayInlineNotice = ({ className, status = "general", children, hidden = false, "aria-label": ariaLabel, onNoticeShow = () => {
-}, ...rest }) => {
-  React.useEffect(() => {
-    if (!hidden) {
-      onNoticeShow();
-    }
-  }, [hidden]);
-  if (hidden) {
-    return null;
-  }
-  const content = common_componentUtils_utils.findComponent(children, noticeContent.EbayNoticeContent);
-  if (!content) {
-    throw new Error(`EbayInlineNotice: Please use a EbayNoticeContent that defines the content of the notice`);
-  }
-  const isGeneral = status === `general`;
-  return React.createElement(
-    "div",
-    { ...rest, className: classNames(className, "inline-notice", { [`inline-notice--${status}`]: !isGeneral }) },
-    !isGeneral ? React.createElement(
-      "span",
-      { className: "inline-notice__header" },
-      React.createElement(icon.EbayIcon, { name: `${status}Filled16`, a11yText: ariaLabel, a11yVariant: "label" })
-    ) : null,
-    React.createElement(noticeContent$1.NoticeContent, { ...content.props, type: "inline" })
-  );
-};
-exports.EbayNoticeContent = noticeContent.EbayNoticeContent;
-exports.EbayInlineNotice = EbayInlineNotice;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),E=require("classnames"),c=require("../notice-content-C0ZStfuX.js"),y=require("../notice-content-9iF4T8uB.js"),b=require("../utils-C9NL3q0j.js"),N=require("../icon-D4RDqpD4.js"),f=({className:a,status:n="general",children:r,hidden:t=!1,"aria-label":l,onNoticeShow:s=()=>{},...u})=>{if(e.useEffect(()=>{t||s()},[t]),t)return null;const i=b.findComponent(r,c.EbayNoticeContent);if(!i)throw new Error("EbayInlineNotice: Please use a EbayNoticeContent that defines the content of the notice");const o=n==="general";return e.createElement("div",{...u,className:E(a,"inline-notice",{[`inline-notice--${n}`]:!o})},o?null:e.createElement("span",{className:"inline-notice__header"},e.createElement(N.EbayIcon,{name:`${n}Filled16`,a11yText:l,a11yVariant:"label"})),e.createElement(y.NoticeContent,{...i.props,type:"inline"}))};exports.EbayNoticeContent=c.EbayNoticeContent;exports.EbayInlineNotice=f;

package/ebay-lightbox-dialog/README.md

@@ -22,6 +22,8 @@ Name | Type | Stateful | Required | Description
 `focus` | String | No | No | An id for an element which will receive focus when the drawer opens (defaults to close button).
 `a11yCloseText` | String | No | Yes | A11y text for close button and mask.
 `animated` | Boolean | Yes | No | Renders the dialog with an animation. Note that the dialog will always be present in the DOM
+`bannerImgSrc` | String | No | No | Image source for the expressive variant
+`bannerImgPosition` | String | No | No | Position of the image within the given bounds using the CSS `background-position` property. Options include [keywords, lengths, and edge distances](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)
 
 ## Events
 

package/ebay-lightbox-dialog/index.js

@@ -1,12 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const classNames = require("classnames");
-const dialogPreviousButton = require("../dialog-previous-button-EC_Y6KaT.js");
-require("../icon-button-BQWoMgX1.js");
-const classPrefix = "lightbox-dialog";
-const EbayLightboxDialog = ({ open, mode, size, onClose = () => {
-}, ...rest }) => React.createElement(dialogPreviousButton.DialogBaseWithState, { buttonPosition: "right", ...rest, classPrefix, onCloseBtnClick: onClose, onBackgroundClick: onClose, className: classNames(rest.className, `${classPrefix}--mask-fade`, size && `${classPrefix}--${size}`), windowClass: classNames("lightbox-dialog__window--fade", {
-  [`${classPrefix}__window--mini`]: mode === "mini"
-}), open });
-exports.EbayLightboxDialog = EbayLightboxDialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../lightbox-dialog-Il3dBNcR.js");exports.EbayLightboxDialog=o.EbayLightboxDialog;

package/ebay-lightbox-dialog/lightbox-dialog.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { CSSProperties, FC } from 'react';
 import { DialogBaseProps } from '../ebay-dialog-base';
 type Mode = 'default' | 'mini';
 type Size = 'wide' | 'narrow' | 'fullscreen' | 'large';
@@ -6,6 +6,8 @@ export type Props<T = any> = Omit<DialogBaseProps<T>, 'size'> & {
     open?: boolean;
     mode?: Mode;
     size?: Size;
+    bannerImgSrc?: string;
+    bannerImgPosition?: CSSProperties['backgroundPosition'];
     onClose?: () => void;
 };
 declare const EbayLightboxDialog: FC<Props>;

package/ebay-lightbox-dialog/lightbox-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lightbox-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-lightbox-dialog/lightbox-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAI1E,KAAK,IAAI,GAAG,SAAS,GAAG,MAAM,CAAA;AAC9B,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAmBjC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"lightbox-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-lightbox-dialog/lightbox-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAE1E,KAAK,IAAI,GAAG,SAAS,GAAG,MAAM,CAAA;AAC9B,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAwCjC,CAAA;AACD,eAAe,kBAAkB,CAAA"}

package/ebay-listbox/README.md

@@ -97,4 +97,4 @@ import "@ebay/skin/listbox.css";
         </EbayListboxOptionDescription>
     </EbayListboxOption>
 </EbayListbox>
-```
+```

package/ebay-listbox/index.js

@@ -1,6 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const listbox = require("../listbox-DfOw_fJc.js");
-exports.EbayListbox = listbox.EbayListbox;
-exports.EbayListboxOption = listbox.EbayListboxOption;
-exports.EbayListboxOptionDescription = listbox.EbayListboxOptionDescription;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),A=require("makeup-active-descendant"),M=require("makeup-typeahead"),v=require("classnames"),k=require("../utils-C9NL3q0j.js"),H=require("../scroll-OgAngNzq.js"),B=require("../icon-D4RDqpD4.js"),I=({children:d,className:p,...l})=>e.createElement("div",{className:v("listbox__description",p),...l},d),R=({className:d,icon:p,text:l,children:E,disabled:b,tabIndex:c,selected:x,...h})=>{const r=k.filterByType(E,I),f=l||(r!=null&&r.length?"":E);return e.createElement("div",{...h,tabIndex:b?-1:c,className:v("listbox__option",d),"aria-disabled":b,"aria-selected":x,role:"option"},p?e.createElement("span",{className:"listbox__value"},p,f?e.createElement("span",null,f):null,r!=null&&r.length?r:null):e.createElement(e.Fragment,null,e.createElement("span",{className:"listbox__value"},f),r!=null&&r.length?r:null),e.createElement(B.EbayIcon,{name:"tick16"}))},F=1300,K=({name:d,className:p,disabled:l,children:E,tabIndex:b=0,listSelection:c,maxHeight:x,typeaheadTimeoutLength:h,selectClassName:r,onChange:f=()=>{},onEscape:T=()=>{},...q})=>{var C;const a=k.filterByType(E,R),_=a.findIndex(t=>t.props.selected),[u,D]=e.useState(a.findIndex(t=>t.props.selected));e.useEffect(()=>{_!==u&&D(_)},[_]);const o=e.useRef(),i=e.useRef(),m=e.useRef(),y=e.useRef(!1);function g(t,n,s){n===u||a[n].props.disabled||(D(n),f(t,{index:n,selected:[a[n].props.value],wasClicked:s}))}function N(t){switch(t.code){case"Esc":case"Escape":T();break;case"Space":case"Enter":g(t,i.current.index,!1);break}const n=m.current.getIndex(o.current.children,t.key,h||F);if(n!==-1){i.current.index=n;const s=o.current.querySelectorAll("[role=option]")[n];o.current.scrollTop=s.offsetTop-o.current.offsetHeight/2}}function O(){y.current=!0}return e.useEffect(()=>{const t=n=>{const s=parseInt(n.detail.toIndex,10),L=o.current?o.current.querySelectorAll("[role=option]")[u]:null,w=y.current;H.scroll(L),y.current&&(y.current=!1),g(n,s,w)};if(a.length&&!l){const n=o.current,s=o.current;i.current=A.createLinear(n,s,s,".listbox__option[role=option]",{activeDescendantClassName:"listbox__option--active",autoInit:u,autoReset:null,autoScroll:c!=="auto"}),m.current=M()}return c==="auto"&&o.current.addEventListener("activeDescendantChange",t),()=>{i.current&&(i.current.reset(),i.current.destroy(),i.current=void 0),m.current&&(m.current.destroy(),m.current=void 0),o.current&&o.current.removeEventListener("activeDescendantChange",t)}},[u,l,c]),e.createElement(e.Fragment,null,e.createElement("div",{...q,tabIndex:b,ref:o,role:"listbox",onKeyDown:c!=="auto"?N:void 0,className:v("listbox__options",p),style:{maxHeight:x}},a.map((t,n)=>e.cloneElement(t,{key:t.props.value||n,...t.props,onMouseDown:c==="auto"?O:void 0,onClick:s=>{c!=="auto"&&g(s,n,!0)},selected:n===u}))),e.createElement("select",{hidden:!0,className:v("listbox__native",r),name:d,disabled:l,value:(C=a[u])==null?void 0:C.props.value,onChange:()=>{}},a.map((t,n)=>e.createElement("option",{key:t.props.value||n,value:t.props.value,disabled:t.props.disabled}))))};exports.EbayListbox=K;exports.EbayListboxOption=R;exports.EbayListboxOptionDescription=I;

package/ebay-listbox/listbox.d.ts

@@ -14,7 +14,6 @@ export type EbayListboxProps = Omit<ComponentProps<'div'>, 'onChange'> & {
     typeaheadTimeoutLength?: number;
     maxHeight?: string | number;
     selectClassName?: string;
-    activeClassName?: string;
     onChange?: EbayChangeEventHandler<HTMLSpanElement, ChangeEventProps>;
     onEscape?: () => void;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA6B,EAAE,EAA4B,MAAM,OAAO,CAAA;AAItF,OAAO,EAAE,cAAc,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAA;AAInE,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAIlD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2L5C,CAAA"}
+{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA6B,EAAE,EAA4B,MAAM,OAAO,CAAA;AAItF,OAAO,EAAE,cAAc,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAA;AAGnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAIlD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA2L5C,CAAA"}

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

@@ -1,2 +1,3 @@
-export * from './listbox-button';
+export { default as EbayListboxButton } from './listbox-button';
+export { default as EbayListboxButtonOption } from './listbox-button-option';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,yBAAyB,CAAA"}

package/ebay-listbox-button/index.js

@@ -1,151 +1,2 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const index = require("../index-DcH7Tjjd.js");
-const classNames = require("classnames");
-const listbox = require("../listbox-DfOw_fJc.js");
-const common_componentUtils_utils = require("../common/component-utils/utils/index.js");
-const icon = require("../icon-B17Di3YL.js");
-function onKeyDown(e) {
-  if (e.keyCode >= 32 && e.keyCode <= 40) {
-    e.preventDefault();
-  }
-}
-function add(el) {
-  el.addEventListener("keydown", onKeyDown);
-}
-function remove(el) {
-  el.removeEventListener("keydown", onKeyDown);
-}
-const RenderText = ({ alwaysDisplay, icon: icon2, labelId, text, unselectedText, postfixLabel }) => {
-  if (icon2) {
-    return React.createElement("span", { id: labelId, className: "btn__text" }, icon2);
-  }
-  if (text || alwaysDisplay) {
-    const displayText = text || unselectedText;
-    return React.createElement(
-      "span",
-      { id: labelId, className: "btn__text" },
-      displayText,
-      postfixLabel && React.createElement("span", { className: "btn__postfix-label" }, postfixLabel)
-    );
-  }
-};
-function getSelectedValueIndex({ selected, value, options }) {
-  if (selected !== void 0) {
-    return selected;
-  }
-  if (value !== void 0) {
-    return options.findIndex((option) => option.props.value === value);
-  }
-  return options.findIndex((option) => option.props.selected);
-}
-const EbayListboxButtonOption = listbox.EbayListboxOption;
-const EbayListboxButton = ({ "aria-invalid": invalid, a11yIconPrefixText, borderless, children, className, collapseOnSelect, disabled, floatingLabel, fluid, hasError, listSelection, maxHeight, name, postfixLabel, prefixId, prefixLabel, selected, split, truncate, unselectedText = "-", value, variant, onChange = () => {
-}, onExpand = () => {
-}, onCollapse = () => {
-}, ...rest }) => {
-  const containerRef = React.useRef();
-  const buttonRef = React.useRef();
-  const expanderRef = React.useRef();
-  const options = common_componentUtils_utils.filterByType(children, listbox.EbayListboxOption);
-  const [selectedIndex, setSelectedIndex] = React.useState(getSelectedValueIndex({ selected, value, options }));
-  const selectedOption = options[selectedIndex];
-  const selectedText = selectedOption && (selectedOption.props.text || selectedOption.props.children);
-  const selectedIcon = selectedOption && selectedOption.props.icon;
-  const a11ySelectedIconText = selectedIcon && selectedText;
-  const labelId = prefixId && "expand-btn-text";
-  React.useEffect(() => {
-    setSelectedIndex(getSelectedValueIndex({ selected, value, options }));
-  }, [value, selected]);
-  React.useEffect(() => {
-    function handleExpand() {
-      var _a, _b;
-      (_b = (_a = containerRef.current) == null ? void 0 : _a.querySelector(".listbox-button__listbox")) == null ? void 0 : _b.scroll();
-      onExpand();
-    }
-    function handleCollapse() {
-      requestAnimationFrame(() => {
-        var _a;
-        (_a = buttonRef.current) == null ? void 0 : _a.focus();
-      });
-      onCollapse();
-    }
-    if (options.length && !disabled) {
-      expanderRef.current = new index.src_default(containerRef.current, {
-        alwaysDoFocusManagement: true,
-        autoCollapse: true,
-        expandOnClick: true,
-        simulateSpacebarClick: true,
-        contentSelector: ".listbox-button__listbox",
-        hostSelector: ".listbox-button__control",
-        expandedClass: "listbox-button--expanded",
-        focusManagement: "content"
-      });
-      containerRef.current.addEventListener("expander-expand", handleExpand);
-      containerRef.current.addEventListener("expander-collapse", handleCollapse);
-    }
-    add(buttonRef.current);
-    return () => {
-      if (expanderRef.current) {
-        expanderRef.current.destroy();
-        expanderRef.current = void 0;
-      }
-      if (containerRef.current) {
-        containerRef.current.removeEventListener("expander-expand", handleExpand);
-        containerRef.current.removeEventListener("expander-collapse", handleCollapse);
-      }
-      if (buttonRef.current) {
-        remove(buttonRef.current);
-      }
-    };
-  }, [disabled]);
-  function handleListboxChange(event, data) {
-    if (collapseOnSelect !== false) {
-      expanderRef.current.expanded = false;
-    }
-    setSelectedIndex(data.index);
-    onChange(event, data);
-  }
-  function handleListboxEscape() {
-    expanderRef.current.expanded = false;
-  }
-  const Container = truncate && !fluid ? "div" : "span";
-  return React.createElement(
-    Container,
-    { ref: containerRef, className: classNames("listbox-button", className, {
-      "listbox-button--fluid": fluid,
-      "listbox-button--form": variant === "form",
-      "listbox-button--error": invalid || hasError
-    }) },
-    React.createElement(
-      "button",
-      { ...rest, disabled, ref: buttonRef, className: classNames("listbox-button__control", "btn", {
-        [`btn--split-${split}`]: split,
-        "btn--borderless": borderless,
-        "btn--form": !borderless,
-        "btn--truncated": truncate,
-        "btn--floating-label": floatingLabel
-      }), "aria-label": a11ySelectedIconText && `${a11yIconPrefixText}: ${a11ySelectedIconText}`, value: selectedText, type: "button", "aria-haspopup": "listbox", "aria-labelledby": labelId && `${prefixId} ${labelId}`, "aria-invalid": invalid || hasError },
-      React.createElement(
-        "span",
-        { className: "btn__cell" },
-        floatingLabel ? React.createElement(
-          React.Fragment,
-          null,
-          React.createElement("span", { className: classNames("btn__floating-label", "btn__floating-label--animate", !selectedText && "btn__floating-label--inline") }, floatingLabel),
-          React.createElement(RenderText, { icon: selectedIcon, labelId, text: selectedText, unselectedText, postfixLabel })
-        ) : React.createElement(
-          React.Fragment,
-          null,
-          prefixLabel ? React.createElement("span", { className: "btn__label" }, prefixLabel) : null,
-          React.createElement(RenderText, { alwaysDisplay: true, icon: selectedIcon, labelId, text: selectedText, unselectedText, postfixLabel })
-        ),
-        React.createElement(icon.EbayIcon, { name: "chevronDown12" })
-      )
-    ),
-    React.createElement(listbox.EbayListbox, { className: "listbox-button__listbox listbox-button__options", selectClassName: "listbox-button__native", activeClassName: "listbox-button__option--active", tabIndex: -1, listSelection, name, maxHeight, onChange: handleListboxChange, onEscape: handleListboxEscape }, options.map((option, index2) => React.createElement(listbox.EbayListboxOption, { ...option.props, key: option.props.value || index2, selected: index2 === selectedIndex, className: classNames("listbox-button__option", option.props.className) })))
-  );
-};
-exports.EbayListboxButton = EbayListboxButton;
-exports.EbayListboxButtonOption = EbayListboxButtonOption;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),S=require("classnames"),U=require("../icon-D4RDqpD4.js"),de=require("../utils-C9NL3q0j.js"),fe=require("../dropdown-pp-aluo7.js"),$=({value:d,children:_,selected:r,onClick:f,index:v,innerRef:g,className:k,...h})=>{const p=S("listbox-button__option",k,{"listbox-button__option--active":r});return o.createElement("div",{...h,className:p,role:"option","aria-selected":r,ref:g,onClick:x=>{f(x,d,v)}},o.createElement("span",{className:"listbox-button__value"},_),o.createElement(U.EbayIcon,{name:"tick16"}))},ve=({children:d,name:_,value:r,selected:f,borderless:v,fluid:g,className:k,maxHeight:h,prefixId:p,prefixLabel:x,floatingLabel:E,unselectedText:V="-",onChange:N=()=>{},onCollapse:j=()=>{},onExpand:W=()=>{},...z})=>{var K;const i=o.useRef(null),w=o.useRef(new Map),c=de.filterByType(d,$);if(!c.length)throw new Error(`EbayListboxButton: Please use a
+        EbayListboxButtonOption that defines the options of the listbox`);const G=()=>{const e=f!==void 0?f:c.findIndex(({props:s})=>r!==void 0&&s.value===r),t=e>-1||E?e:void 0;return{option:c[t],index:t}},{option:T,index:C}=G(),[a,b]=o.useState(T),[n,D]=o.useState(C),[m,I]=o.useState(),[J,Q]=o.useState(!1),[L,A]=o.useState(),{overlayStyles:X,refs:y}=fe.useFloatingDropdown({open:m}),B=y.host,Y=y.overlay;o.useEffect(()=>{b(T)},[r]);const l=o.Children.toArray(d),H=e=>l[e].props.value,Z=o.useCallback(e=>l.findIndex(({props:t})=>t.value===e),[l]),ee=e=>w.current.get(e),u=()=>{I(!1),j()},te=()=>{I(!0),W()},oe=()=>{m?u():te()},R=(e,t)=>{b(l[t]),D(t),u(),B.current.focus(),N(e,{index:t,selected:[H(t)],wasClicked:L}),A(!1)},ne=()=>{u(),b(l[C])},se=e=>{const t=i.current.children[e];t.setAttribute("aria-selected","true"),t.classList.add("listbox-button__option--active")},ae=e=>{const t=i.current.children[e];t.setAttribute("aria-selected","false"),t.classList.remove("listbox-button__option--active")},ce=e=>{const t=Y.current,s=ee(e);if(t.scrollHeight>t.clientHeight){const me=t.clientHeight+t.scrollTop,M=s.offsetTop+s.offsetHeight;M>me?t.scrollTop=M-t.clientHeight:s.offsetTop<t.scrollTop&&(t.scrollTop=s.offsetTop)}},q=e=>{se(n===void 0||e===-1?0:e),ae(n===void 0||n===-1?0:n),ce(e),D(e),b(l[e])},P=e=>setTimeout(()=>{var t;return(t=i==null?void 0:i.current)==null?void 0:t.focus(e)},0),le=()=>{oe(),P({preventScroll:!0})},re=e=>{switch(e.key){case"Escape":u();break;case"Enter":P();break}},ie=e=>{switch(e.key){case" ":case"PageUp":case"PageDown":case"Home":case"End":e.preventDefault();break;case"Down":case"ArrowDown":e.preventDefault(),n!==c.length-1&&q(n<c.length-1?n+1:0);break;case"Up":case"ArrowUp":e.preventDefault(),n!==0&&q(n>0?n-1:c.length-1);break;case"Enter":u(),setTimeout(()=>b(l[n])),setTimeout(()=>B.current.focus(),0),N(e,{index:n,selected:[H(n)],wasClicked:L});break;case"Esc":case"Escape":ne();break}},O=c.map((e,t)=>o.cloneElement(e,{index:t,key:t,selected:a&&e.props.value===a.props.value,id:e.props.id||`listbox_btn_${e.props.value}_${t}`,onClick:s=>R(s,t),innerRef:s=>s?w.current.set(t,s):w.current.delete(t)})),ue=S("listbox-button",k,{"listbox-button--fluid":g}),pe=S("btn",{"btn--form":!v,"btn--borderless":v,"btn--floating-label":E&&a}),F=p&&"expand-btn-text",be=o.createElement(o.Fragment,null,E&&o.createElement("span",{className:"btn__floating-label"},E),x&&o.createElement("span",{className:"btn__label"},x),o.createElement("span",{className:"btn__text",id:F},(a==null?void 0:a.props.children)||V));return o.createElement("span",{className:ue},o.createElement("button",{...z,onFocus:()=>Q(!0),type:"button",className:pe,"aria-expanded":!!m,"aria-haspopup":"listbox","aria-labelledby":p&&`${p} ${F}`,onClick:le,onMouseDown:e=>e.preventDefault(),onKeyUp:re,ref:y.setHost},o.createElement("span",{className:"btn__cell"},be,o.createElement(U.EbayIcon,{name:"chevronDown12"}))),(m||J)&&o.createElement("div",{className:"listbox-button__listbox",ref:y.setOverlay,style:{...X,maxHeight:h}},o.createElement("div",{className:"listbox-button__options",role:"listbox",tabIndex:m?0:-1,ref:i,"aria-activedescendant":(K=O[n])==null?void 0:K.props.id,onKeyDown:e=>ie(e),onMouseDown:e=>{e.preventDefault(),A(!0)},onBlur:()=>{u(),setTimeout(()=>B.current.focus(),0)}},O)),o.createElement("select",{hidden:!0,className:"listbox-button__native",name:_,onChange:e=>R(e,Z(e.target.value)),value:a?a==null?void 0:a.props.value:""},O.map((e,t)=>o.createElement("option",{value:e.props.value,key:t}))))};exports.EbayListboxButton=ve;exports.EbayListboxButtonOption=$;

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

@@ -0,0 +1,10 @@
+import { ComponentProps, FC, MouseEvent, RefObject } from 'react';
+type EbayListboxButtonOptionProps = ComponentProps<'input'> & {
+    selected?: boolean;
+    index?: number;
+    onClick?: (event: MouseEvent<HTMLDivElement>, value: any, index: number) => void;
+    innerRef?: RefObject<HTMLDivElement>;
+};
+declare const ListboxOption: FC<EbayListboxButtonOptionProps>;
+export default ListboxOption;
+//# sourceMappingURL=listbox-button-option.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listbox-button-option.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox-button/listbox-button-option.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxE,KAAK,4BAA4B,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACxC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,4BAA4B,CAwBnD,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -1,7 +1,5 @@
-import React, { ComponentProps, FC } from 'react';
-import { EbayListboxProps } from '../ebay-listbox/';
-import { EbayChangeEventHandler } from '../events';
-import { EbayButtonProps } from '../ebay-button';
+import { ComponentProps, FC } from 'react';
+import { EbayChangeEventHandler } from '../common/event-utils/types';
 export type ChangeEventProps = {
     index: number;
     selected: string[];
@@ -16,18 +14,10 @@ export type EbayListboxButtonProps = Omit<ComponentProps<'button'>, 'onChange'>
     prefixLabel?: string;
     floatingLabel?: string;
     unselectedText?: string;
-    a11yIconPrefixText?: string;
-    collapseOnSelect?: boolean;
-    hasError?: boolean;
-    listSelection?: EbayListboxProps['listSelection'];
-    postfixLabel?: string;
-    split?: EbayButtonProps['split'];
-    truncate?: EbayButtonProps['truncate'];
-    variant?: 'form';
-    onChange?: EbayChangeEventHandler<HTMLSpanElement, ChangeEventProps>;
+    onChange?: EbayChangeEventHandler<HTMLButtonElement, ChangeEventProps>;
     onCollapse?: () => void;
     onExpand?: () => void;
 };
-export declare const EbayListboxButtonOption: React.FC<import("../ebay-listbox/listbox-option").EbayListboxOptionProps>;
-export declare const EbayListboxButton: FC<EbayListboxButtonProps>;
+declare const ListboxButton: FC<EbayListboxButtonProps>;
+export default ListboxButton;
 //# sourceMappingURL=listbox-button.d.ts.map

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,OAAO,KAAK,EAAE,EAEV,cAAc,EACd,EAAE,EAKL,MAAM,OAAO,CAAA;AAOd,OAAO,EAAe,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAiDhD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAC9E,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,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,sBAAsB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;IACrE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAA;AAED,eAAO,MAAM,uBAAuB,2EAAoB,CAAA;AAExD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA+LxD,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;AAKzE,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAC9E,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,CAgS7C,CAAA;AAED,eAAe,aAAa,CAAA"}

package/ebay-menu/index.js

@@ -1,9 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const menu = require("../menu-Bsy48CE1.js");
-const React = require("react");
-const classNames = require("classnames");
-const EbayMenuItemSeparator = ({ className, ...rest }) => React.createElement("hr", { ...rest, className: classNames(className, "menu__separator"), role: "separator" });
-exports.EbayMenu = menu.EbayMenu;
-exports.EbayMenuItem = menu.EbayMenuItem;
-exports.EbayMenuSeparator = EbayMenuItemSeparator;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-DAOhKkcI.js"),t=require("react"),n=require("classnames"),u=({className:a,...r})=>t.createElement("hr",{...r,className:n(a,"menu__separator"),role:"separator"});exports.EbayMenu=e.EbayMenu;exports.EbayMenuItem=e.EbayMenuItem;exports.EbayMenuSeparator=u;

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

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAA;AAOd,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;AA6J5C,wBAAuC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAA;AAOd,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;AA8J5C,wBAAuC"}

package/ebay-menu/types.d.ts

@@ -24,7 +24,8 @@ export type EbayMenuProps = ContainerDivProps & ContainerSpanProps & {
     onKeyDown?: EbayMenuKeyDownEventHandler;
     onChange?: EbayMenuChangeEventHandler;
     onSelect?: EbayMenuSelectEventHandler;
-    forwardedRef?: Ref<HTMLDivElement>;
+    forwardedRef?: Ref<HTMLDivElement | HTMLSpanElement>;
+    menuRef?: Ref<HTMLDivElement>;
 };
 export {};
 //# sourceMappingURL=types.d.ts.map

package/ebay-menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAExF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,UAAU,CAAA;AAC/C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAA;AAE/D,KAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA;AAC3F,KAAK,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA;AAC7F,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;CACrB,CAAA;AACD,KAAK,WAAW,GAAG,WAAW,GAAG;IAC7B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B,CAAA;AACD,MAAM,MAAM,2BAA2B,GAAG,wBAAwB,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,CAAC,CAAA;AAC1G,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;AACnF,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;AACnF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,kBAAkB,GAAG;IACjE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACxC,QAAQ,CAAC,EAAE,0BAA0B,CAAC;IACtC,QAAQ,CAAC,EAAE,0BAA0B,CAAC;IACtC,YAAY,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CACtC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAExF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,UAAU,CAAA;AAC/C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAA;AAE/D,KAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA;AAC3F,KAAK,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA;AAC7F,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;CACrB,CAAA;AACD,KAAK,WAAW,GAAG,WAAW,GAAG;IAC7B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B,CAAA;AACD,MAAM,MAAM,2BAA2B,GAAG,wBAAwB,CAAC,WAAW,EAAE,WAAW,GAAG,WAAW,CAAC,CAAA;AAC1G,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;AACnF,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;AACnF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,kBAAkB,GAAG;IACjE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACxC,QAAQ,CAAC,EAAE,0BAA0B,CAAC;IACtC,QAAQ,CAAC,EAAE,0BAA0B,CAAC;IACtC,YAAY,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,eAAe,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAA"}

package/ebay-menu-button/README.md

@@ -44,7 +44,7 @@ Name | Type     | Required | Description
 `reverse` | Boolean  | No | expand menu flyout to the left
 `fixWidth` | Boolean  | No | Constrain items container width to button width
 `borderless` | Boolean  | No | Whether button has borders
-`size` | String   | No | button size: `large` or `regular` (default)
+`size` | String   | No | button size: `small` or `large`
 `priority` | String   | No | button size: `primary`, `secondary` (default), `tertiary`, `none`
 `checked` | Number   | No | will set the corresponding index item to checked state and use the `aria-checked` attribute in markup
 `disabled` | Boolean  | No | will disable the entire dropdown (disables the ebay-button label) if set to true