@ebay/ui-core-react 8.5.2 → 8.6.0

package/ebay-image-placeholder/README.md

@@ -2,7 +2,6 @@
 
 ## Demo
 
-
 [Storybook](https://opensource.ebay.com/ebayui-core-react/main?path=/docs/graphics-icons-ebay-image-placeholder--docs)
 
 ## Usage
@@ -38,9 +37,5 @@ Add the below icon to the `EbaySvg` component.
 Note: Make sure that `EbaySvg` is only rendered on the server so it does not affect the client bundle size.
 
 ```tsx
-<EbaySvg
-    icons={[
-        "imagePlaceholder",
-    ]}
-/>
+<EbaySvg icons={["imagePlaceholder"]} />
 ```

package/ebay-image-placeholder/image-placeholder.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC } from "react";
 import { EbayIcon } from "../ebay-icon";
-export type EbayImagePlaceholderProps = Omit<ComponentProps<typeof EbayIcon>, 'name' | 'iconPrefix'>;
+export type EbayImagePlaceholderProps = Omit<ComponentProps<typeof EbayIcon>, "name" | "iconPrefix">;
 declare const EbayImagePlaceholder: FC<EbayImagePlaceholderProps>;
 export default EbayImagePlaceholder;
 //# sourceMappingURL=image-placeholder.d.ts.map

package/ebay-image-placeholder/image-placeholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-placeholder.d.ts","sourceRoot":"","sources":["../../src/ebay-image-placeholder/image-placeholder.tsx"],"names":[],"mappings":"AAAA,OAAa,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,CAAA;AAEpG,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAEvD,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"image-placeholder.d.ts","sourceRoot":"","sources":["../../src/ebay-image-placeholder/image-placeholder.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,CAAC;AAErG,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAEvD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/ebay-image-placeholder/index.d.ts

@@ -1,2 +1,2 @@
-export { default as EbayImagePlaceholder, type EbayImagePlaceholderProps } from './image-placeholder';
+export { default as EbayImagePlaceholder, type EbayImagePlaceholderProps } from "./image-placeholder";
 //# sourceMappingURL=index.d.ts.map

package/ebay-image-placeholder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-image-placeholder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-image-placeholder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,qBAAqB,CAAC"}

package/ebay-infotip/README.md

@@ -7,24 +7,21 @@
 ## Import JS
 
 ```jsx harmony
-import {
-    EbayInfotip,
-    EbayInfotipHost,
-    EbayInfotipContent,
-    EbayInfotipHeading,
-} from '@ebay/ui-core-react/ebay-infotip'
+import { EbayInfotip, EbayInfotipHost, EbayInfotipContent, EbayInfotipHeading } from "@ebay/ui-core-react/ebay-infotip";
 ```
 
 ## Import following styles from SKIN
+
 ```jsx harmony
-import '@ebay/skin/infotip'
-import '@ebay/skin/icon-button'
+import "@ebay/skin/infotip";
+import "@ebay/skin/icon-button";
 ```
 
 ### or if using SCSS/CSS
+
 ```jsx harmony
-import '@ebay/skin/infotip.css'
-import '@ebay/skin/icon-button.css'
+import "@ebay/skin/infotip.css";
+import "@ebay/skin/icon-button.css";
 ```
 
 ## Usage
@@ -56,25 +53,25 @@ yarn add @ebay/ui-core-react
 | ----------------- | -------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
 | `variant`         | String   | No       | No       | Either modal or default. If modal will show the mobile version of infotip                                                                                    |
 | `pointer`         | String   | No       | No       | options are `top-left`, `top`, `top-right`, `right`, `right-bottom`, `right-top`, `bottom-left`, `bottom-right`, `bottom`, `left`, `left-bottom`, `left-top` |
-| `icon`            | String   | No       | No       | Different icon to be used than `information-small`. Full list [here](https://ebay.github.io/skin/index.html#icon)                                        |
+| `icon`            | String   | No       | No       | Different icon to be used than `information-small`. Full list [here](https://ebay.github.io/skin/index.html#icon)                                            |
 | `disabled`        | Boolean  | No       | No       | Define if the infotip is disabled or not                                                                                                                     |
 | `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.                                                                                                                         |
-| `aria-label`      | String   | No       | Yes      | A descriptive label of what the infotip button represents (e.g. "Important information")
+| `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                                                                                                                                   |
 
 ## Child components
 
-Name | Required | Description
---- | --- | ---
-`EbayInfotipHost`    | No | The custom host-button (trigger) for the Infotip
-`EbayInfotipHeading` | No | The heading to be displayed in the infotip
-`EbayInfotipContent` | Yes | The content to be displayed in the infotip
+| Name                 | Required | Description                                      |
+| -------------------- | -------- | ------------------------------------------------ |
+| `EbayInfotipHost`    | No       | The custom host-button (trigger) for the Infotip |
+| `EbayInfotipHeading` | No       | The heading to be displayed in the infotip       |
+| `EbayInfotipContent` | Yes      | The content to be displayed in the infotip       |
 
 ## EbayInfotipHost Attributes
 
-| Name              | Type     | Stateful | Required | Description                                                                                                                                                  |
-| ----------------- | -------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `aria-label`      | String   | No       | Yes      | A descriptive label of what the infotip button represents (e.g. "Important information"). Will overwrite `ariaLabel` prop from the `EbayInfotip`
+| Name         | Type   | Stateful | Required | Description                                                                                                                                      |
+| ------------ | ------ | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `aria-label` | String | No       | Yes      | A descriptive label of what the infotip button represents (e.g. "Important information"). Will overwrite `ariaLabel` prop from the `EbayInfotip` |

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

@@ -1,9 +1,9 @@
 /**
  * This Component is used only for finding it as a child of EbayInfotip
  * and pass the properties to TooltipContent
-*/
-import { FC } from 'react';
-import { TooltipContentProps } from '../common/tooltip-utils/tooltip-content';
+ */
+import { FC } from "react";
+import { TooltipContentProps } from "../common/tooltip-utils/tooltip-content";
 declare const EbayInfotipContent: FC<TooltipContentProps>;
 export default EbayInfotipContent;
 //# sourceMappingURL=ebay-infotip-content.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ebay-infotip-content.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip-content.tsx"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAE7E,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,mBAAmB,CAAqC,CAAA;AAErF,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"ebay-infotip-content.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip-content.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAE9E,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,mBAAmB,CAAqC,CAAC;AAEtF,eAAe,kBAAkB,CAAC"}

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

@@ -1,5 +1,5 @@
-import { ComponentProps, FC } from 'react';
-type Props = ComponentProps<'span'>;
+import { ComponentProps, FC } from "react";
+type Props = ComponentProps<"span">;
 declare const EbayTooltipHeading: FC<Props>;
 export default EbayTooltipHeading;
 //# sourceMappingURL=ebay-infotip-heading.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ebay-infotip-heading.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip-heading.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjD,KAAK,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEnC,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAKjC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"ebay-infotip-heading.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip-heading.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlD,KAAK,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAEpC,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAEjC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -1,7 +1,7 @@
-import React, { ComponentProps, RefObject, ReactNode } from 'react';
-import { Icon } from '../ebay-icon';
-import { Variant } from './types';
-export type InfotipHostProps = Omit<ComponentProps<'button'>, 'children'> & {
+import React, { ComponentProps, RefObject, ReactNode } from "react";
+import { Icon } from "../ebay-icon";
+import { Variant } from "./types";
+export type InfotipHostProps = Omit<ComponentProps<"button">, "children"> & {
     icon?: Icon;
     forwardedRef?: RefObject<HTMLAnchorElement & HTMLButtonElement>;
     variant?: Variant;

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

@@ -1 +1 @@
-{"version":3,"file":"ebay-infotip-host.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip-host.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAM,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IACxE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE;;KAAA,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;CACnD,CAAA;;AAyBD,wBAA8C"}
+{"version":3,"file":"ebay-infotip-host.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip-host.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAM,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IACxE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE;;KAAA,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;CACpD,CAAC;;AAmBF,wBAA+C"}

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

@@ -1,7 +1,7 @@
-import { CSSProperties, FC, ReactNode } from 'react';
-import { PointerDirection } from '../common/tooltip-utils';
-import { Icon } from '../ebay-icon';
-import { Variant } from './types';
+import { CSSProperties, FC, ReactNode } from "react";
+import { PointerDirection } from "../common/tooltip-utils";
+import { Icon } from "../ebay-icon";
+import { Variant } from "./types";
 export type InfotipProps = {
     variant?: Variant;
     icon?: Icon;
@@ -12,7 +12,7 @@ export type InfotipProps = {
     onExpand?: () => void;
     onCollapse?: () => void;
     a11yCloseText: string;
-    'aria-label'?: string;
+    "aria-label"?: string;
     className?: string;
     children?: ReactNode;
 };

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,EAA4B,MAAM,yBAAyB,CAAA;AAG1H,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAIjC,MAAM,MAAM,YAAY,GAAG;IACvB,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"}
+{"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,CAAC;AAGjG,OAAO,EAIH,gBAAgB,EAGnB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAIlC,MAAM,MAAM,YAAY,GAAG;IACvB,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,CA2FjC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/ebay-infotip/index.d.ts

@@ -1,6 +1,6 @@
-export { default as EbayInfotip } from './ebay-infotip';
-export { default as EbayInfotipHost } from './ebay-infotip-host';
-export { default as EbayInfotipHeading } from './ebay-infotip-heading';
-export { default as EbayInfotipContent } from './ebay-infotip-content';
-export type { Variant } from './types';
+export { default as EbayInfotip } from "./ebay-infotip";
+export { default as EbayInfotipHost } from "./ebay-infotip-host";
+export { default as EbayInfotipHeading } from "./ebay-infotip-heading";
+export { default as EbayInfotipContent } from "./ebay-infotip-content";
+export type { Variant } from "./types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,YAAY,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACvE,YAAY,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/ebay-infotip/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),R=require("classnames"),d=require("../utils-C9NL3q0j.js"),c=require("../use-tooltip-mcJqLqOg.js"),P=require("../dialog-previous-button-DR6Ujner.js");require("react-remove-scroll");require("makeup-screenreader-trap");require("makeup-keyboard-trap");const F=require("../icon-C-bWGO-9.js");require("../icon-button-CHW6Lezn.js");const $=require("classnames/dedupe"),D=require("../forwardRef-DBQKIlPy.js"),B=require("../lightbox-dialog-B19PMyMY.js"),M=t=>{var{icon:n,className:o,children:i,forwardedRef:p,variant:u}=t,a=g.__rest(t,["icon","className","children","forwardedRef","variant"]);const f=u==="modal"?"dialog--mini":"infotip",s=e.createElement(F.EbayIcon,{name:n}),r=i instanceof Function?i({icon:s}):i;return e.createElement("button",Object.assign({},a,{className:$("icon-btn icon-btn--transparent",o,`${f}__host`),type:"button",ref:p}),r||s)},E=D.withForwardRef(M),S=({variant:t="default",pointer:n,overlayStyle:o,disabled:i,onExpand:p,onCollapse:u,children:a,initialExpanded:f,icon:s="information16",a11yCloseText:r,"aria-label":H,className:j})=>{const y=e.useRef(null),{isExpanded:l,expandTooltip:v,collapseTooltip:m}=c.useTooltip({onCollapse:u,onExpand:p,initialExpanded:f,hostRef:y}),b=t==="modal",O=e.useRef(null),h=d.findComponent(a,T),q=d.findComponent(a,w),C=d.findComponent(a,E)||e.createElement(E),x=()=>{l?m():v()};if(!q)throw new Error("EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip");const I=q.props,{children:_}=I,N=g.__rest(I,["children"]);return e.createElement(e.Fragment,null,e.createElement(c.Tooltip,{type:"infotip",isExpanded:l,className:R(j,{"dialog--mini":b}),ref:O},e.createElement(c.TooltipHost,null,e.cloneElement(C,Object.assign({ref:y,onClick:x,disabled:i,variant:t,"aria-label":H,"aria-expanded":l,icon:s},C.props))),!b&&e.createElement(c.TooltipContent,Object.assign({},N,{type:"infotip",style:o,pointer:n,showCloseButton:!0,a11yCloseText:r,onClose:m}),h,_)),b&&e.createElement(B.EbayLightboxDialog,Object.assign({},N,{open:l,onClose:m,a11yCloseText:r,className:"dialog--mini__overlay"}),e.createElement(P.EbayDialogHeader,null,h),_))},T=t=>{var{className:n}=t,o=g.__rest(t,["className"]);return e.createElement("span",Object.assign({},o,{className:R("infotip__heading",n)}))},w=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayInfotip=S;exports.EbayInfotipContent=w;exports.EbayInfotipHeading=T;exports.EbayInfotipHost=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),R=require("classnames"),d=require("../utils-C9NL3q0j.js"),c=require("../use-tooltip-mcJqLqOg.js"),P=require("../dialog-previous-button-B1dTCOv2.js");require("react-remove-scroll");require("makeup-screenreader-trap");require("makeup-keyboard-trap");const F=require("../icon-C-bWGO-9.js");require("../icon-button-CHW6Lezn.js");const $=require("classnames/dedupe"),D=require("../forwardRef-DBQKIlPy.js"),B=require("../lightbox-dialog-DqcQsTSy.js"),M=t=>{var{icon:n,className:o,children:i,forwardedRef:p,variant:u}=t,a=g.__rest(t,["icon","className","children","forwardedRef","variant"]);const f=u==="modal"?"dialog--mini":"infotip",s=e.createElement(F.EbayIcon,{name:n}),r=i instanceof Function?i({icon:s}):i;return e.createElement("button",Object.assign({},a,{className:$("icon-btn icon-btn--transparent",o,`${f}__host`),type:"button",ref:p}),r||s)},E=D.withForwardRef(M),S=({variant:t="default",pointer:n,overlayStyle:o,disabled:i,onExpand:p,onCollapse:u,children:a,initialExpanded:f,icon:s="information16",a11yCloseText:r,"aria-label":H,className:j})=>{const y=e.useRef(null),{isExpanded:l,expandTooltip:v,collapseTooltip:m}=c.useTooltip({onCollapse:u,onExpand:p,initialExpanded:f,hostRef:y}),b=t==="modal",O=e.useRef(null),h=d.findComponent(a,T),q=d.findComponent(a,w),C=d.findComponent(a,E)||e.createElement(E),x=()=>{l?m():v()};if(!q)throw new Error("EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip");const I=q.props,{children:_}=I,N=g.__rest(I,["children"]);return e.createElement(e.Fragment,null,e.createElement(c.Tooltip,{type:"infotip",isExpanded:l,className:R(j,{"dialog--mini":b}),ref:O},e.createElement(c.TooltipHost,null,e.cloneElement(C,Object.assign({ref:y,onClick:x,disabled:i,variant:t,"aria-label":H,"aria-expanded":l,icon:s},C.props))),!b&&e.createElement(c.TooltipContent,Object.assign({},N,{type:"infotip",style:o,pointer:n,showCloseButton:!0,a11yCloseText:r,onClose:m}),h,_)),b&&e.createElement(B.EbayLightboxDialog,Object.assign({},N,{open:l,onClose:m,a11yCloseText:r,className:"dialog--mini__overlay"}),e.createElement(P.EbayDialogHeader,null,h),_))},T=t=>{var{className:n}=t,o=g.__rest(t,["className"]);return e.createElement("span",Object.assign({},o,{className:R("infotip__heading",n)}))},w=({children:t})=>e.createElement(e.Fragment,null,t);exports.EbayInfotip=S;exports.EbayInfotipContent=w;exports.EbayInfotipHeading=T;exports.EbayInfotipHost=E;

package/ebay-infotip/types.d.ts

@@ -1,2 +1,2 @@
-export type Variant = 'default' | 'modal';
+export type Variant = "default" | "modal";
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC"}

package/ebay-inline-notice/README.md

@@ -7,7 +7,7 @@
 ## Use
 
 ```jsx harmony
-import { EbayInlineNotice, EbayNoticeContent } from '@ebay/ui-core-react'
+import { EbayInlineNotice, EbayNoticeContent } from "@ebay/ui-core-react";
 
 <EbayInlineNotice status="confirmation" aria-label="Confirmation">
     <EbayNoticeContent>
@@ -22,7 +22,7 @@ import { EbayInlineNotice, EbayNoticeContent } from '@ebay/ui-core-react'
 or for smaller bundle size:
 
 ```jsx harmony
-import { EbayInlineNotice, EbayNoticeContent } from '@ebay/ui-core-react/ebay-inline-notice'
+import { EbayInlineNotice, EbayNoticeContent } from "@ebay/ui-core-react/ebay-inline-notice";
 ```
 
 ### Import following styles from SKIN
@@ -35,10 +35,10 @@ import "@ebay/skin/inline-notice";
 
 ## Attributes
 
-| Name           | Type                                                         | Stateful | Description                                                                                                                                 | Default       |
-| -------------- | ------------------------------------------------------------ | -------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------- |
+| Name           | Type                                                                      | Stateful | Description                                                                                                                                 | Default     |
+| -------------- | ------------------------------------------------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
 | `status`       | String (`"general"`, `"attention"`, `"confirmation"`, or `"information"`) | No       | Determines the style and type of notice to be displayed                                                                                     | `"general"` |
-| `aria-label`   | String                                                       | No       | The description of the notice itself for screen readers. Check out [this issue](https://github.com/eBay/skin/issues/1001) for more context. | -             |
-| `hidden`       | Boolean                                                      | No       | Determines whether the notice is hidden or not.                                                                                             | `false`       |
-| `onNoticeShow` | Function                                                     | No       | A function that is called when the notice is displayed                                                                                      | -             |
-| `children`     | React Node                                                   | No       | The content to be displayed within the notice. **Must have the EbayNoticeContent within the children!**                                     | -             |
+| `aria-label`   | String                                                                    | No       | The description of the notice itself for screen readers. Check out [this issue](https://github.com/eBay/skin/issues/1001) for more context. | -           |
+| `hidden`       | Boolean                                                                   | No       | Determines whether the notice is hidden or not.                                                                                             | `false`     |
+| `onNoticeShow` | Function                                                                  | No       | A function that is called when the notice is displayed                                                                                      | -           |
+| `children`     | React Node                                                                | No       | The content to be displayed within the notice. **Must have the EbayNoticeContent within the children!**                                     | -           |

package/ebay-inline-notice/index.d.ts

@@ -1,4 +1,4 @@
-export { default as EbayInlineNotice } from './inline-notice';
-export { EbayNoticeContent } from '../ebay-notice-base/components/ebay-notice-content';
-export type { NoticeStatus } from './types';
+export { default as EbayInlineNotice } from "./inline-notice";
+export { EbayNoticeContent } from "../ebay-notice-base/components/ebay-notice-content";
+export type { NoticeStatus } from "./types";
 //# sourceMappingURL=index.d.ts.map

package/ebay-inline-notice/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-inline-notice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AACtF,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-inline-notice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/ebay-inline-notice/inline-notice.d.ts

@@ -1,9 +1,9 @@
-import React, { FC, ReactNode } from 'react';
-import { NoticeStatus } from './types';
-type Props = React.ComponentProps<'div'> & {
+import React, { FC, ReactNode } from "react";
+import { NoticeStatus } from "./types";
+type Props = React.ComponentProps<"div"> & {
     status?: NoticeStatus;
     onNoticeShow?: () => void;
-    'aria-label': string;
+    "aria-label": string;
     hidden?: boolean;
     className?: string;
     children?: ReactNode;

package/ebay-inline-notice/inline-notice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-inline-notice/inline-notice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AAMvD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,KAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACvC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAA;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CA0C/B,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"inline-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-inline-notice/inline-notice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAMxD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,KAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACvC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAqC/B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/ebay-inline-notice/types.d.ts

@@ -1,2 +1,2 @@
-export type NoticeStatus = 'general' | 'attention' | 'confirmation' | 'information';
+export type NoticeStatus = "general" | "attention" | "confirmation" | "information";
 //# sourceMappingURL=types.d.ts.map

package/ebay-inline-notice/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-inline-notice/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,cAAc,GAAG,aAAa,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-inline-notice/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,cAAc,GAAG,aAAa,CAAC"}

package/ebay-lightbox-dialog/README.md

@@ -1,6 +1,7 @@
 # EbayLightboxDialog
 
 ## Demo
+
 [Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/dialogs-ebay-lightbox-dialog--default)
 
 ## Usage
@@ -15,28 +16,31 @@
 
 ## Attributes
 
-Name | Type | Stateful | Required | Description
---- | --- | --- | --- | ---
-`open` | Boolean | Yes | No | Whether dialog is open.
-`mode` | String | No | No | Can be `default`, `mini`.
-`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)
+| Name                | Type    | Stateful | Required | Description                                                                                                                                                                                                               |
+| ------------------- | ------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `open`              | Boolean | Yes      | No       | Whether dialog is open.                                                                                                                                                                                                   |
+| `mode`              | String  | No       | No       | Can be `default`, `mini`.                                                                                                                                                                                                 |
+| `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
 
-Event | Data | Description
---- | --- | ---
-`onOpen` |  | Trigggered when dialog is opened
-`onClose` |  | Triggered when dialog is closed
+| Event     | Data | Description                      |
+| --------- | ---- | -------------------------------- |
+| `onOpen`  |      | Trigggered when dialog is opened |
+| `onClose` |      | Triggered when dialog is closed  |
 
 ## EbayDialogHeader
+
 Will render a header content for the dialog. Will always render the header element even if this is not present
 
 ## EbayDialogFooter
+
 Will render the footer content for the dialog. If not present then will not have any footer.
 
 ## EbayDialogPreviousButton
+
 Will render the previous icon button. The icon can be overwritten with the `icon` attribute

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

@@ -1,2 +1,2 @@
-export { default as EbayLightboxDialog } from './lightbox-dialog';
+export { default as EbayLightboxDialog } from "./lightbox-dialog";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-lightbox-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-lightbox-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}

package/ebay-lightbox-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../lightbox-dialog-B19PMyMY.js");exports.EbayLightboxDialog=o.EbayLightboxDialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../lightbox-dialog-DqcQsTSy.js");exports.EbayLightboxDialog=o.EbayLightboxDialog;

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

@@ -1,14 +1,14 @@
-import { CSSProperties, FC } from 'react';
-import { DialogBaseProps } from '../ebay-dialog-base';
-import { DialogCloseEventHandler } from '../ebay-dialog-base/types';
-type Mode = 'default' | 'mini';
-type Size = 'wide' | 'narrow' | 'fullscreen' | 'large';
-export type Props<T = any> = Omit<DialogBaseProps<T>, 'size'> & {
+import { CSSProperties, FC } from "react";
+import { DialogBaseProps } from "../ebay-dialog-base";
+import { DialogCloseEventHandler } from "../ebay-dialog-base/types";
+type Mode = "default" | "mini";
+type Size = "wide" | "narrow" | "fullscreen" | "large";
+export type Props<T = any> = Omit<DialogBaseProps<T>, "size"> & {
     open?: boolean;
     mode?: Mode;
     size?: Size;
     bannerImgSrc?: string;
-    bannerImgPosition?: CSSProperties['backgroundPosition'];
+    bannerImgPosition?: CSSProperties["backgroundPosition"];
     onClose?: DialogCloseEventHandler;
 };
 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,EACV,aAAa,EACb,EAAE,EACL,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAGnE,KAAK,IAAI,GAAG,SAAS,GAAG,MAAM,CAAA;AAC9B,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAA;AAGtD,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,uBAAuB,CAAC;CACnC,CAAA;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAwCjC,CAAA;AACD,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,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,KAAK,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC;AAC/B,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC;AAGvD,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IAC5D,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,uBAAuB,CAAC;CACrC,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAuCjC,CAAC;AACF,eAAe,kBAAkB,CAAC"}

package/ebay-listbox/README.md

@@ -7,11 +7,7 @@
 ## Import JS
 
 ```jsx harmony
-import {
-    EbayListbox,
-    EbayListboxOption,
-    EbayListboxOptionDescription,
-} from "@ebay/ui-core-react/ebay-listbox";
+import { EbayListbox, EbayListboxOption, EbayListboxOptionDescription } from "@ebay/ui-core-react/ebay-listbox";
 ```
 
 ## Import following styles from SKIN
@@ -40,23 +36,23 @@ import "@ebay/skin/listbox.css";
 
 ### EbayListbox
 
-| Name                     | Type    | Required | Description                                                                                             |
-| ------------------------ | ------- | -------- | ------------------------------------------------------------------------------------------------------- |
-| `name`                   | string  | No       | Used for the name attribute of the native `<select>`.                                                   |
-| `disabled`               | boolean | No       | Set to true if the field is disabled.                                                                   |
+| Name                     | Type    | Required | Description                                                                                                                                                   |
+| ------------------------ | ------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `name`                   | string  | No       | Used for the name attribute of the native `<select>`.                                                                                                         |
+| `disabled`               | boolean | No       | Set to true if the field is disabled.                                                                                                                         |
 | `listSelection`          | string  | No       | If `manual`, the user will need to press enter to select an item using the keyboard. Otherwise, `auto` will automatically select as the user presses up/down. |
-| `typeaheadTimeoutLength` | number  | No       | Timeout length to pass to typeahead.                                                                    |
-| `maxHeight`              | string  | No       | Example: 100px, 200px, 10rem.                                                                           |
+| `typeaheadTimeoutLength` | number  | No       | Timeout length to pass to typeahead.                                                                                                                          |
+| `maxHeight`              | string  | No       | Example: 100px, 200px, 10rem.                                                                                                                                 |
 
 ### EbayListboxOption
 
-| Name       | Type         | Required | Description                        |
-| ---------- | ------------ | -------- | ---------------------------------- |
+| Name       | Type         | Required | Description                                            |
+| ---------- | ------------ | -------- | ------------------------------------------------------ |
 | `icon`     | ReactElement | No       | An optional icon to display alongside the option text. |
-| `text`     | string       | No       | The text to display for the option. |
-| `value`    | string       | Yes      | The value of the option.            |
-| `disabled` | boolean      | No       | Set to true if the option is disabled. |
-| `selected` | boolean      | No       | Set to true if the option is selected by default. |
+| `text`     | string       | No       | The text to display for the option.                    |
+| `value`    | string       | Yes      | The value of the option.                               |
+| `disabled` | boolean      | No       | Set to true if the option is disabled.                 |
+| `selected` | boolean      | No       | Set to true if the option is selected by default.      |
 
 ## Callbacks
 
@@ -82,19 +78,13 @@ import "@ebay/skin/listbox.css";
 ```jsx
 <EbayListbox>
     <EbayListboxOption value="AA" text="Option 1">
-        <EbayListboxOptionDescription>
-            Option 1 extra info
-        </EbayListboxOptionDescription>
+        <EbayListboxOptionDescription>Option 1 extra info</EbayListboxOptionDescription>
     </EbayListboxOption>
     <EbayListboxOption value="BB" text="Option 2">
-        <EbayListboxOptionDescription>
-            Option 2 extra info
-        </EbayListboxOptionDescription>
+        <EbayListboxOptionDescription>Option 2 extra info</EbayListboxOptionDescription>
     </EbayListboxOption>
     <EbayListboxOption value="CC" text="Option 3">
-        <EbayListboxOptionDescription>
-            Option 3 extra info
-        </EbayListboxOptionDescription>
+        <EbayListboxOptionDescription>Option 3 extra info</EbayListboxOptionDescription>
     </EbayListboxOption>
 </EbayListbox>
 ```

package/ebay-listbox/index.d.ts

@@ -1,4 +1,4 @@
-export * from './listbox';
-export * from './listbox-option';
-export * from './listbox-option-description';
+export * from "./listbox";
+export * from "./listbox-option";
+export * from "./listbox-option-description";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,8BAA8B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,8BAA8B,CAAC"}

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

@@ -1,4 +1,4 @@
-import { ComponentProps, FC } from 'react';
-export type EbayListboxOptionDescriptionProps = ComponentProps<'div'>;
+import { ComponentProps, FC } from "react";
+export type EbayListboxOptionDescriptionProps = ComponentProps<"div">;
 export declare const EbayListboxOptionDescription: FC<EbayListboxOptionDescriptionProps>;
 //# sourceMappingURL=listbox-option-description.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"listbox-option-description.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox-option-description.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjD,MAAM,MAAM,iCAAiC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtE,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAAC,iCAAiC,CACc,CAAA"}
+{"version":3,"file":"listbox-option-description.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox-option-description.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,iCAAiC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtE,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAAC,iCAAiC,CAQ9E,CAAC"}

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

@@ -1,5 +1,5 @@
-import { ComponentProps, FC, ReactElement } from 'react';
-export type EbayListboxOptionProps = ComponentProps<'div'> & {
+import { ComponentProps, FC, ReactElement } from "react";
+export type EbayListboxOptionProps = ComponentProps<"div"> & {
     icon?: ReactElement;
     text?: string;
     value: string;

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

@@ -1 +1 @@
-{"version":3,"file":"listbox-option.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox-option.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAM/D,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACzD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAoCxD,CAAA"}
+{"version":3,"file":"listbox-option.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox-option.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAMhE,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACzD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAqCxD,CAAC"}

package/ebay-listbox/listbox.d.ts

@@ -1,16 +1,16 @@
-import { FC } from 'react';
-import { ComponentProps, ReactNode } from 'react';
-import { EbayChangeEventHandler } from '../events';
+import { FC } from "react";
+import { ComponentProps, ReactNode } from "react";
+import { EbayChangeEventHandler } from "../events";
 export type ChangeEventProps = {
     index: number;
     selected: string[];
     wasClicked: boolean;
 };
-export type EbayListboxProps = Omit<ComponentProps<'div'>, 'onChange'> & {
+export type EbayListboxProps = Omit<ComponentProps<"div">, "onChange"> & {
     name?: string;
     disabled?: boolean;
     children: ReactNode;
-    listSelection?: 'auto' | 'manual';
+    listSelection?: "auto" | "manual";
     typeaheadTimeoutLength?: number;
     maxHeight?: string | number;
     selectClassName?: string;

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,EAAwC,MAAM,OAAO,CAAA;AAIlG,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"}
+{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../src/ebay-listbox/listbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA6B,EAAE,EAAwC,MAAM,OAAO,CAAC;AAInG,OAAO,EAAE,cAAc,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAInD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,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,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4L5C,CAAC"}