@ebay/ui-core-react 8.5.2 → 8.7.0

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-list/README.md

@@ -0,0 +1,149 @@
+# EbayList
+
+A versatile list component for displaying items with optional leading and trailing content.
+
+## Demo
+
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/building-blocks-ebay-list--docs)
+
+## Usage
+
+### Import JS
+
+```jsx
+import { EbayList, EbayListItem, EbayListItemLeading, EbayListItemTrailing } from "@ebay/ui-core-react/ebay-list";
+```
+
+### Import following styles from SKIN
+
+```jsx harmony
+import "@ebay/skin/list";
+```
+
+### If tokens haven't been added to the project at a higher level, make sure to import
+
+```jsx harmony
+import "@ebay/skin/tokens";
+```
+
+### Or import styles using SCSS/CSS
+
+```jsx harmony
+import "@ebay/skin/list.css";
+```
+
+## Examples
+
+### Basic List
+
+```jsx
+<EbayList>
+    <EbayListItem>Item 1</EbayListItem>
+    <EbayListItem>Item 2</EbayListItem>
+    <EbayListItem>Item 3</EbayListItem>
+</EbayList>
+```
+
+### List with Leading and Trailing Content (Method 1 - Using Components)
+
+```jsx
+<EbayList>
+    <EbayListItem>
+        <EbayListItemLeading>
+            <EbayIcon name="folder16" />
+        </EbayListItemLeading>
+        Item 1
+    </EbayListItem>
+    <EbayListItem>
+        <EbayListItemLeading>
+            <EbayIcon name="lamp16" />
+        </EbayListItemLeading>
+        Item 2
+        <EbayListItemTrailing>
+            <EbayIcon name="chevronRight16" />
+        </EbayListItemTrailing>
+    </EbayListItem>
+</EbayList>
+```
+
+### Interactive List Items
+
+```jsx
+<EbayList onButtonClick={(event, { index }) => console.log(`Button ${index} clicked`)}>
+    <EbayListItem as="button">Clickable Button Item</EbayListItem>
+    <EbayListItem as="a" href="https://www.ebay.com">
+        Link Item
+        <EbayListItemTrailing>
+            <EbayIcon name="chevronRight16" />
+        </EbayListItemTrailing>
+    </EbayListItem>
+    <EbayListItem id="switch-item">
+        Item with Switch
+        <EbayListItemTrailing>
+            <EbaySwitch aria-labelledby="switch-item" />
+        </EbayListItemTrailing>
+    </EbayListItem>
+</EbayList>
+```
+
+### List with Separators
+
+```jsx
+<EbayList>
+    <EbayListItem>Item 1</EbayListItem>
+    <EbayListItem separator />
+    <EbayListItem>Item 2</EbayListItem>
+    <EbayListItem>Item 3</EbayListItem>
+    <EbayListItem separator />
+    <EbayListItem>Item 4</EbayListItem>
+</EbayList>
+```
+
+## Components
+
+### EbayList
+
+The main container component that wraps a list of EbayListItem components.
+
+### EbayListItem
+
+Individual list items that can be rendered as different elements (div, button, a) and can contain leading and trailing content.
+
+### EbayListItemLeading
+
+Component for adding leading content to a list item.
+
+### EbayListItemTrailing
+
+Component for adding trailing content to a list item.
+
+## Attributes
+
+### EbayList Attributes
+
+| Name            | Type     | Required | Description                                                                                   |
+| --------------- | -------- | -------- | --------------------------------------------------------------------------------------------- |
+| `onButtonClick` | Function | No       | Called when a list item with `as="button"` is clicked. Callback receives `(event, { index })` |
+| `className`     | String   | No       | Custom class name                                                                             |
+| `style`         | Object   | No       | Custom styles                                                                                 |
+
+### EbayListItem Attributes
+
+| Name        | Type     | Required | Description                                                                          |
+| ----------- | -------- | -------- | ------------------------------------------------------------------------------------ |
+| `as`        | String   | No       | The element to render the item as. Can be 'div', 'button', or 'a'. Default is 'div'. |
+| `separator` | Boolean  | No       | If true, will render the current item as a separator                                 |
+| `onClick`   | Function | No       | Called when the list item is clicked                                                 |
+| `className` | String   | No       | Custom class name                                                                    |
+
+### EbayListItemLeading Attributes
+
+| Name       | Type      | Required | Description                               |
+| ---------- | --------- | -------- | ----------------------------------------- |
+| `children` | ReactNode | Yes      | Content to display in the leading section |
+
+### EbayListItemTrailing Attributes
+
+| Name       | Type      | Required | Description                                |
+| ---------- | --------- | -------- | ------------------------------------------ |
+| `children` | ReactNode | Yes      | Content to display in the trailing section |

package/ebay-list/index.d.ts

@@ -0,0 +1,5 @@
+export { default as EbayList, type EbayListProps } from "./list";
+export { default as EbayListItem, type EbayListItemProps } from "./list-item";
+export { default as EbayListItemLeading } from "./list-item-leading";
+export { default as EbayListItemTrailing } from "./list-item-trailing";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,sBAAsB,CAAC"}

package/ebay-list/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),p=require("classnames"),s=require("../utils-C9NL3q0j.js"),u=({children:t})=>e.createElement("div",{className:"list__leading"},t),E=({children:t})=>e.createElement("div",{className:"list__trailing"},t),g=t=>{var{className:i,as:a="div",separator:r,children:n,onClick:c}=t,o=C.__rest(t,["className","as","separator","children","onClick"]);if(r)return e.createElement("hr",null);const l=s.findComponent(n,u),m=s.findComponent(n,E),d=s.excludeComponent(s.excludeComponent(n,u),E);return e.createElement("li",null,e.createElement(a,Object.assign({className:p("list__body",i),onClick:c},o),l,e.createElement("div",{className:"list__body"},d),m))},L=t=>{var{className:i,style:a,children:r,onButtonClick:n=()=>{}}=t,c=C.__rest(t,["className","style","children","onButtonClick"]);const o=s.filterByType(r,g);return e.createElement("div",Object.assign({className:p("list",i),style:a},c),e.createElement("ul",null,e.Children.map(o,(l,m)=>{const{as:d,onClick:b}=l.props,_=d==="button"?{onClick:y=>{b&&b(y),n(y,{index:m})}}:{};return e.cloneElement(l,_)})))};exports.EbayList=L;exports.EbayListItem=g;exports.EbayListItemLeading=u;exports.EbayListItemTrailing=E;

package/ebay-list/list-item-leading.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";
+type EbayListItemLeadingProps = {
+    children: ReactNode;
+};
+export declare const EbayListItemLeading: React.FC<EbayListItemLeadingProps>;
+export default EbayListItemLeading;
+//# sourceMappingURL=list-item-leading.d.ts.map

package/ebay-list/list-item-leading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-leading.d.ts","sourceRoot":"","sources":["../../src/ebay-list/list-item-leading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,KAAK,wBAAwB,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAElE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/ebay-list/list-item-trailing.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";
+type EbayListItemTrailingProps = {
+    children: ReactNode;
+};
+declare const EbayListItemTrailing: React.FC<EbayListItemTrailingProps>;
+export default EbayListItemTrailing;
+//# sourceMappingURL=list-item-trailing.d.ts.map

package/ebay-list/list-item-trailing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-trailing.d.ts","sourceRoot":"","sources":["../../src/ebay-list/list-item-trailing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,KAAK,yBAAyB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAE7D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/ebay-list/list-item.d.ts

@@ -0,0 +1,11 @@
+import React, { ElementType, FC, ReactNode } from "react";
+export type EbayListItemProps = {
+    as?: ElementType;
+    separator?: boolean;
+    className?: string;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    children?: ReactNode;
+} & React.HTMLAttributes<HTMLElement>;
+declare const EbayListItem: FC<EbayListItemProps>;
+export default EbayListItem;
+//# sourceMappingURL=list-item.d.ts.map

package/ebay-list/list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../src/ebay-list/list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1D,MAAM,MAAM,iBAAiB,GAAG;IAC5B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAEtC,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA0BvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/ebay-list/list.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps, FC } from "react";
+import { ListItemClickHandler } from "./types";
+export type EbayListProps = ComponentProps<"div"> & {
+    onButtonClick?: ListItemClickHandler;
+};
+declare const EbayList: FC<EbayListProps>;
+export default EbayList;
+//# sourceMappingURL=list.d.ts.map