@ebay/ui-core-react 9.4.0 → 9.6.0

package/ebay-menu/README.md

@@ -1,64 +1,5 @@
 # EbayMenu
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/building-blocks-ebay-menu--default)
-
-## Install
-
-```
-yarn add @ebay/ui-core-react
-```
-
-## Usage
-
-```jsx harmony
-import { EbayMenu, EbayMenuItem as Item } from "@ebay/ui-core-react/ebay-menu";
-import "@ebay/skin/menu";
-
-<EbayMenu>
-    <Item>item 1</Item>
-    <Item>item 2</Item>
-    <Item>item 3</Item>
-</EbayMenu>;
-```
-
-## EbayMenu Props
-
-| Name          | Type     | Required | Description                                                                                                                                                          |
-| ------------- | -------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `type`        | String   | No       | Can be `radio`/`checkbox`                                                                                                                                            |
-| `checked`     | Number   | No       | when used with `radio` type will check the item with the corresponding index                                                                                         |
-| `baseEl`      | String   | No       | Container can be `span` (default) or `div`                                                                                                                           |
-| `onKeydown`   | Function | No       | props: (e: event, { index: number, checked: number[], checkedValues?: string[] })                                                                                    |
-| `onSelect`    | Function | No       | props: (e: event, { index: number }), triggered on item clicked (not for type `radio`/`checkbox`)                                                                    |
-| `onChange`    | Function | No       | props: (e: event, { index: number, checked: number[], checkedValues: string[]), triggered on item `checked` change, (for type `radio`/`checkbox` only)               |
-| `classPrefix` | String   | No       | class prefix for the component, defaults to `menu`                                                                                                                   |
-| `reverse`     | Boolean  | No       | reverse the menu item layout, so that the badge is on the left and the text on the right (default: false)                                                            |
-| `fixWidth`    | Boolean  | No       | makes the menu width the same as its parent                                                                                                                          |
-| `fixed`       | Boolean  | No       | Swap between `fixed` and `absolute` positioning strategy. Use `fixed` when dropdown is in contained in an overflow and needs to be visible as you scroll the screen. |
-
-## EbayMenuItem Props
-
-| Name             | Type    | Required                                                                         | Description                                                                         |
-| ---------------- | ------- | -------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- |
-| `value`          | String  | No                                                                               | for type `radio`, `checkbox`: the value to use with callbacks for `checkedValues[]` |
-| `checked`        | Boolean | No                                                                               | for type `radio`, `checkbox`: whether or not the item is checked                    |
-| `disabled`       | Boolean | No                                                                               | makes the menu item disabled                                                        |
-| `badgeNumber`    | Number  | No                                                                               | used as the number to be placed in the badge                                        |
-| `badgeAriaLabel` | String  | Only if `badgeNumber` provided, passed as the `aria-label` directly to the badge |
-
-## EbayMenuSeparator
-
-Example:
-
-```jsx
-import { EbayMenu, EbayMenuItem as Item, EbayMenuSeparator as Separator } from "@ebay/ui-core-react/ebay-menu";
-
-<EbayMenu>
-    <Item>item 1</Item>
-    <Item>item 2</Item>
-    <Separator />
-    <Item>item 3</Item>
-</EbayMenu>;
-```
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/building-blocks-ebay-menu--docs)

package/ebay-menu/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../menu-Bvnencku.js"),n=require("../tslib.es6-C4EgNkz1.js"),u=require("react"),c=require("classnames"),b=e=>{var{className:s,baseClass:r="menu"}=e,t=n.__rest(e,["className","baseClass"]);return u.createElement("hr",Object.assign({},t,{className:c(s,`${r}__separator`)}))};exports.EbayMenu=a.EbayMenu;exports.EbayMenuItem=a.EbayMenuItem;exports.EbayMenuSeparator=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../menu-A2rDgu5k.js"),n=require("../tslib.es6-BW4cJBUu.js"),u=require("react"),c=require("classnames"),b=e=>{var{className:s,baseClass:r="menu"}=e,t=n.__rest(e,["className","baseClass"]);return u.createElement("hr",Object.assign({},t,{className:c(s,`${r}__separator`)}))};exports.EbayMenu=a.EbayMenu;exports.EbayMenuItem=a.EbayMenuItem;exports.EbayMenuSeparator=b;

package/ebay-menu-button/README.md

@@ -1,73 +1,5 @@
 # EbayMenuButton
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/buttons-ebay-menu-button--default)
-
-## Install
-
-```
-yarn add @ebay/ui-core-react
-```
-
-## Usage
-
-```jsx harmony
-import {
-    EbayMenuButton,
-    EbayMenuButtonItem as Item,
-    EbayMenuButtonSeparator as Separator,
-    EbayMenuButtonLabel as Label
-} from 'ebayui-core-react/ebay-menu-button';
-import '@ebay/skin/menu-button';
-<EbayMenuButton text="Menu">
-    <Item>Item 1</Item>
-    <Item>Item 2</Item>
-    <Item>Item 3</Item>
-    <Separator />
-    <Item>Log in</Item>
-</EbayMenuButton>
-// With a complext label
-<EbayMenuButton a11yText="Menu">
-    <Label><img src="menu-logo.svg" /></Label>
-    <Item>Item 1</Item>
-    <Item>Item 2</Item>
-</EbayMenuButton>
-```
-
-## EbayMenuButton Attributes
-
-| Name               | Type     | Required                  | Description                                                                                                                                                          |
-| ------------------ | -------- | ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `text`             | String   | No                        | button label text                                                                                                                                                    |
-| `a11yText`         | String   | Only without a text label | a11y text for the button                                                                                                                                             |
-| `noToggleIcon`     | Boolean  | No                        | whether to hide the chevron toggle icon                                                                                                                              |
-| `expanded`         | Boolean  | No                        | whether content is expanded                                                                                                                                          |
-| `type`             | String   | No                        | can be `radio` or `checkbox`                                                                                                                                         |
-| `reverse`          | Boolean  | No                        | expand menu flyout to the left                                                                                                                                       |
-| `fixWidth`         | Boolean  | No                        | Constrain items container width to button width                                                                                                                      |
-| `borderless`       | Boolean  | No                        | Whether button has borders                                                                                                                                           |
-| `size`             | String   | No                        | button size: `small` or `large`                                                                                                                                      |
-| `priority`         | String   | No                        | button size: `primary`, `secondary` (default), `tertiary`, `none`                                                                                                    |
-| `checked`          | Number   | No                        | will set the corresponding index item to checked state and use the `aria-checked` attribute in markup                                                                |
-| `disabled`         | Boolean  | No                        | will disable the entire dropdown (disables the ebay-button label) if set to true                                                                                     |
-| `variant`          | String   | No                        | will change the button style: `overflow`, `form` or `button`                                                                                                         |
-| `collapseOnSelect` | Boolean  | No                        | Will collapse whole menu when an item is selected in menu. Typically used in type=`radio`                                                                            |
-| `prefixId`         | String   | No                        | The id of an external element to use as the prefix label for the menu button. Cannot be used with `prefix-label`                                                     |
-| `prefixLabel`      | String   | No                        | The label to add before each selected item on the button. Cannot be used with `prefix-id` (NOT YET IMPLEMENTED)                                                      |
-| `onExpand`         | Function | No                        | Called when content is expanded                                                                                                                                      |
-| `onCollapse`       | Function | No                        | Called when content is collapsed                                                                                                                                     |
-| `onSelect`         | Function | No                        | props: (e: event, { index: number }), triggered on item clicked (not for type `radio`/`checkbox`)                                                                    |
-| `onChange`         | Function | No                        | props: (e: event, { index: number, checked: number[], checkedValues: string[] }), triggered on item `checked` change, (for type `radio`/`checkbox` only)             |
-| `strategy`         | string   | No                        | Swap between `fixed` and `absolute` positioning strategy. Use `fixed` when dropdown is in contained in an overflow and needs to be visible as you scroll the screen. |
-
-## EbayMenuButtonItem Attributes
-
-| Name             | Type     | Required | Description                                                                         |
-| ---------------- | -------- | -------- | ----------------------------------------------------------------------------------- |
-| `value`          | String   | No       | for type `radio`, `checkbox`: the value to use with callbacks for `checkedValues[]` |
-| `checked`        | Boolean  | No       | for type `radio`, `checkbox`: whether or not the item is checked                    |
-| `disabled`       | Boolean  | No       | makes the menu item disabled                                                        |
-| `badgeNumber`    | Number   | No       | used as the number to be placed in the badge                                        |
-| `badgeAriaLabel` | Number   | No       | used as the number to be placed in the badge (NOT YET IMPLEMENTED)                  |
-| `onClick`        | Function | No       | For a non-link menu item, with param `{ originalEvent }`                            |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/buttons-ebay-menu-button--docs)

package/ebay-menu-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-Cw_SMZjv.js"),t=require("../menu-Bvnencku.js");require("react");require("classnames");exports.EbayMenuButton=e.EbayMenuButton;exports.EbayMenuButtonLabel=e.EbayMenuButtonLabel;exports.EbayMenuButtonSeparator=e.EbayMenuButtonSeparator;exports.EbayMenuButtonItem=t.EbayMenuItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-BPwZtkuk.js"),t=require("../menu-A2rDgu5k.js");require("react");require("classnames");exports.EbayMenuButton=e.EbayMenuButton;exports.EbayMenuButtonLabel=e.EbayMenuButtonLabel;exports.EbayMenuButtonSeparator=e.EbayMenuButtonSeparator;exports.EbayMenuButtonItem=t.EbayMenuItem;

package/ebay-number-input/README.md

@@ -1,69 +1,5 @@
-# ebay-number-input
+# EbayNumberInput
 
-The `EbayNumberInput` component provides a numeric input field with increment and decrement buttons. It allows users to easily adjust numeric values within defined boundaries.
+## Documentation
 
-## Usage
-
-```jsx
-import { EbayNumberInput } from '@ebay/ebayui-core-react';
-
-// Basic usage
-<EbayNumberInput />
-
-// With custom min/max values
-<EbayNumberInput min={1} max={10} value={5} />
-
-// With a label
-<EbayNumberInput label="Quantity" />
-
-// With delete functionality
-<EbayNumberInput a11yDeleteText="Delete item" />
-
-// With event handlers
-<EbayNumberInput
-  onChange={(e, { value }) => console.log('Value changed:', value)}
-  onIncrement={(e, { value }) => console.log('Incremented to:', value)}
-  onDecrement={(e, { value }) => console.log('Decremented to:', value)}
-/>
-```
-
-## Props
-
-The `EbayNumberInput` component extends most of the props from `EbayTextbox` with some modifications and additions:
-
-| Name             | Type       | Required | Default    | Description                                                                                                                                            |
-| ---------------- | ---------- | -------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `value`          | `number`   | No       | `1`        | The current value of the input                                                                                                                         |
-| `min`            | `number`   | No       | `1`        | The minimum allowed value                                                                                                                              |
-| `max`            | `number`   | No       | `Infinity` | The maximum allowed value                                                                                                                              |
-| `label`          | `string`   | No       | `''`       | Label text to display with the input                                                                                                                   |
-| `a11yDeleteText` | `string`   | No       | `''`       | Accessibility text for the delete button. When provided, the decrement button will be replaced with a delete button when the value reaches the minimum |
-| `onChange`       | `Function` | No       | `() => {}` | Called when the value changes (either through direct input or button clicks)                                                                           |
-| `onInputChange`  | `Function` | No       | `() => {}` | Called when the input value changes directly                                                                                                           |
-| `onFocus`        | `Function` | No       | `() => {}` | Called when the input receives focus                                                                                                                   |
-| `onBlur`         | `Function` | No       | `() => {}` | Called when the input loses focus                                                                                                                      |
-| `onKeyDown`      | `Function` | No       | `() => {}` | Called on keydown event                                                                                                                                |
-| `onKeyPress`     | `Function` | No       | `() => {}` | Called on keypress event                                                                                                                               |
-| `onKeyUp`        | `Function` | No       | `() => {}` | Called on keyup event                                                                                                                                  |
-| `onDeleteClick`  | `Function` | No       | `() => {}` | Called when the delete button is clicked (only visible when `a11yDeleteText` is provided and value is at minimum)                                      |
-| `onIncrement`    | `Function` | No       | `() => {}` | Called when the increment button is clicked                                                                                                            |
-| `onDecrement`    | `Function` | No       | `() => {}` | Called when the decrement button is clicked                                                                                                            |
-
-Additionally, this component inherits all other props from the `EbayTextbox` component except those explicitly overridden above.
-
-## Event Handlers
-
-All event handlers receive two arguments:
-
-1. The original event object
-2. An object with a `value` property containing the current numeric value
-
-Example:
-
-```jsx
-<EbayNumberInput
-    onChange={(event, { value }) => {
-        console.log("New value:", value);
-    }}
-/>
-```
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/form-input-ebay-number-input--docs)

package/ebay-number-input/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),M=require("classnames"),d=require("../textbox-DAip4ToD.js"),y=require("../icon-button-AJ6dtyvc.js"),S=require("../icons/ebay-icon-remove-24/index.js"),j=require("../icons/ebay-icon-delete-24/index.js"),O=require("../icons/ebay-icon-add-24/index.js"),W=v=>{const{className:x="",value:c=1,min:o=1,max:r=1/0,label:p="",a11yDeleteText:u="",onChange:I=()=>{},onInputChange:N=()=>{},onFocus:f=()=>{},onBlur:D=()=>{},onKeyDown:C=()=>{},onKeyPress:K=()=>{},onKeyUp:_=()=>{},onDeleteClick:g=()=>{},onIncrement:w=()=>{},onDecrement:B=()=>{}}=v,s=A.__rest(v,["className","value","min","max","label","a11yDeleteText","onChange","onInputChange","onFocus","onBlur","onKeyDown","onKeyPress","onKeyUp","onDeleteClick","onIncrement","onDecrement"]),q=u?1:0,[a,i]=t.useState(c??q),m=t.useRef(null),b=(n,e=0)=>{const z=u?1:0;let l=parseInt(n,10)+e;return isNaN(l)?l=z:l>r?l=r:l<o&&(l=o),l},h=n=>{if(!m.current)return;const e=m.current;e.classList.remove("number-input--increment"),e.classList.remove("number-input--decrement"),e.classList.remove("number-input--increment-disabled"),e.classList.remove("number-input--decrement-disabled"),e.offsetWidth,e.classList.add(`number-input--${n}`)},k=n=>{const e=b(a,1);h(e>=r?"increment-disabled":"increment"),i(e),w(n,{value:e}),I(n,{value:e})},P=n=>{const e=b(a,-1);h(e<=o?"decrement-disabled":"decrement"),i(e),B(n,{value:e}),I(n,{value:e})},E=n=>{const e=b(n.target.value,0);i(e),N(n,{value:e})},T=(n,e)=>{f(n,{value:Number(e.value)})},V=(n,e)=>{D(n,{value:Number(e.value)})},F=(n,e)=>{C(n,{value:Number(e.value)})},L=(n,e)=>{K(n,{value:Number(e.value)})},R=(n,e)=>{_(n,{value:Number(e.value)})},U=n=>{g(n,{value:a})};return t.createElement("span",{ref:m,className:M("number-input",u&&a===1&&"number-input--show-delete",x)},t.createElement(d.EbayTextbox,Object.assign({},s,{max:r,min:o,onBlur:V,onChange:E,onFocus:T,onInputChange:E,onKeyDown:F,onKeyPress:L,onKeyUp:R,type:"number",value:a}),t.createElement(d.EbayTextboxPrefixIcon,null,p&&t.createElement("label",{htmlFor:s?.id||"number-input"},p),t.createElement(y.EbayIconButton,{"aria-hidden":!0,className:"number-input__decrement",disabled:a<=o,icon:t.createElement(S.EbayIconRemove24,null),onClick:P,size:"small",tabIndex:-1,transparent:!0})),t.createElement(d.EbayTextboxPostfixIcon,null,u&&t.createElement(y.EbayIconButton,{"aria-label":u,className:"number-input__delete",icon:t.createElement(j.EbayIconDelete24,null),onClick:U,size:"small",transparent:!0}),t.createElement(y.EbayIconButton,{"aria-hidden":!0,className:"number-input__increment",disabled:a>=r,icon:t.createElement(O.EbayIconAdd24,null),onClick:k,size:"small",tabIndex:-1,transparent:!0}))))};exports.EbayNumberInput=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-BW4cJBUu.js"),t=require("react"),M=require("classnames"),d=require("../textbox-HffvptHx.js"),y=require("../icon-button-E_6JKTh3.js"),S=require("../icons/ebay-icon-remove-24/index.js"),j=require("../icons/ebay-icon-delete-24/index.js"),O=require("../icons/ebay-icon-add-24/index.js"),W=v=>{const{className:x="",value:c=1,min:o=1,max:r=1/0,label:p="",a11yDeleteText:u="",onChange:I=()=>{},onInputChange:N=()=>{},onFocus:f=()=>{},onBlur:D=()=>{},onKeyDown:C=()=>{},onKeyPress:K=()=>{},onKeyUp:_=()=>{},onDeleteClick:g=()=>{},onIncrement:w=()=>{},onDecrement:B=()=>{}}=v,s=A.__rest(v,["className","value","min","max","label","a11yDeleteText","onChange","onInputChange","onFocus","onBlur","onKeyDown","onKeyPress","onKeyUp","onDeleteClick","onIncrement","onDecrement"]),q=u?1:0,[a,i]=t.useState(c??q),m=t.useRef(null),b=(n,e=0)=>{const z=u?1:0;let l=parseInt(n,10)+e;return isNaN(l)?l=z:l>r?l=r:l<o&&(l=o),l},h=n=>{if(!m.current)return;const e=m.current;e.classList.remove("number-input--increment"),e.classList.remove("number-input--decrement"),e.classList.remove("number-input--increment-disabled"),e.classList.remove("number-input--decrement-disabled"),e.offsetWidth,e.classList.add(`number-input--${n}`)},k=n=>{const e=b(a,1);h(e>=r?"increment-disabled":"increment"),i(e),w(n,{value:e}),I(n,{value:e})},P=n=>{const e=b(a,-1);h(e<=o?"decrement-disabled":"decrement"),i(e),B(n,{value:e}),I(n,{value:e})},E=n=>{const e=b(n.target.value,0);i(e),N(n,{value:e})},T=(n,e)=>{f(n,{value:Number(e.value)})},V=(n,e)=>{D(n,{value:Number(e.value)})},F=(n,e)=>{C(n,{value:Number(e.value)})},L=(n,e)=>{K(n,{value:Number(e.value)})},R=(n,e)=>{_(n,{value:Number(e.value)})},U=n=>{g(n,{value:a})};return t.createElement("span",{ref:m,className:M("number-input",u&&a===1&&"number-input--show-delete",x)},t.createElement(d.EbayTextbox,Object.assign({},s,{max:r,min:o,onBlur:V,onChange:E,onFocus:T,onInputChange:E,onKeyDown:F,onKeyPress:L,onKeyUp:R,type:"number",value:a}),t.createElement(d.EbayTextboxPrefixIcon,null,p&&t.createElement("label",{htmlFor:s?.id||"number-input"},p),t.createElement(y.EbayIconButton,{"aria-hidden":!0,className:"number-input__decrement",disabled:a<=o,icon:t.createElement(S.EbayIconRemove24,null),onClick:P,size:"small",tabIndex:-1,transparent:!0})),t.createElement(d.EbayTextboxPostfixIcon,null,u&&t.createElement(y.EbayIconButton,{"aria-label":u,className:"number-input__delete",icon:t.createElement(j.EbayIconDelete24,null),onClick:U,size:"small",transparent:!0}),t.createElement(y.EbayIconButton,{"aria-hidden":!0,className:"number-input__increment",disabled:a>=r,icon:t.createElement(O.EbayIconAdd24,null),onClick:k,size:"small",tabIndex:-1,transparent:!0}))))};exports.EbayNumberInput=W;

package/ebay-page-notice/README.md

@@ -1,58 +1,5 @@
 # EbayPageNotice
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/notices-tips-ebay-page-notice--simple-usage)
-
-## Import JS
-
-```jsx harmony
-import {
-    EbayPageNotice,
-    EbayNoticeContent,
-    EbayPageNoticeTitle,
-    EbayPageNoticeFooter,
-    EbayPageNoticeCTA,
-} from "@ebay/ui-core-react/ebay-page-notice";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/page-notice";
-```
-
-## Use
-
-```jsx harmony
-<EbayPageNotice status="attention">
-    <EbayNoticeContent>
-        <EbayPageNoticeTitle>Your order's in!</EbayPageNoticeTitle>
-        <p>
-            <strong>Error.</strong> Please take another look at the following:
-            <br />
-            <a href="#">Card number</a>, <a href="#">Expiration date</a> &amp; <a href="#">Security code</a>.
-        </p>
-    </EbayNoticeContent>
-    <EbaySectionNoticeFooter>
-        <EbayButton>Action</EbayButton>
-    </EbaySectionNoticeFooter>
-</EbayPageNotice>
-```
-
-## Attributes
-
-| 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. | -           |
-| `children`        | React Node                                                                | No       | The content to be displayed within the notice                                                                                               | -           |
-| `a11yDismissText` | String                                                                    | No       | Determines if the notice will have a dismiss button. Acts as the aria-label for the dismiss button. Should not be used with a footer.       | -           |
-
-## Callbacks
-
-| Name        | Required | Description                 | Arguments |
-| ----------- | -------- | --------------------------- | --------- |
-| `onDismiss` | No       | Triggered on notice dismiss | (Event)   |
-
-Note: When using multiple PageNotice components with an aria-label, make sure to set a unique `id` attribute for each one or you'll run into accessibility issues.
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/notices-tips-ebay-page-notice--docs)

package/ebay-page-notice/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),f=require("classnames"),q=require("../notice-content-9iF4T8uB.js"),r=require("../notice-content-C0ZStfuX.js"),I=require("../utils-C9NL3q0j.js"),P=require("../icons/ebay-icon-close-16/index.js"),_=require("../icons/ebay-icon-attention-filled-16/index.js"),h=require("../icons/ebay-icon-confirmation-filled-16/index.js"),F=require("../icons/ebay-icon-information-filled-16/index.js"),l=require("../notice-footer-G6VPjVZu.js"),T=require("../notice-cta-CKl_qBge.js"),D={attention:_.EbayIconAttentionFilled16,confirmation:h.EbayIconConfirmationFilled16,information:F.EbayIconInformationFilled16},A=t=>{var{id:a,status:n="general",children:o,a11yDismissText:i,"aria-label":m,onDismiss:y=()=>{},className:u}=t,E=c.__rest(t,["id","status","children","a11yDismissText","aria-label","onDismiss","className"]);const[d,g]=e.useState(!1),s=I.findComponent(o,r.EbayNoticeContent);if(!s)throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");const N=p=>{g(!0),y(p)},C=n!=="general"?D[n]:null;return d?null:e.createElement("section",Object.assign({},E,{"aria-labelledby":a||`${n}-status`,className:f("page-notice",u,{[`page-notice--${n}`]:n!=="general"})}),n!=="general"?e.createElement("div",{className:"page-notice__header",id:a||`${n}-status`},e.createElement(C,{a11yText:m,a11yVariant:"label"})):null,e.createElement(q.NoticeContent,Object.assign({},s.props,{type:"page"})),o,i&&e.createElement(b,null,e.createElement("button",{"aria-label":i,className:"fake-link page-notice__dismiss",onClick:N},e.createElement(P.EbayIconClose16,null))))},j=t=>{var{className:a,as:n,children:o}=t,i=c.__rest(t,["className","as","children"]);return e.createElement(l.NoticeTitle,Object.assign({},i,{className:a,as:n,type:"page"}),o)},b=({className:t,children:a})=>e.createElement(l.NoticeFooter,{className:t,type:"page"},a),v=({className:t,children:a})=>e.createElement(T.NoticeCTA,{className:t,type:"page"},a);exports.EbayNoticeContent=r.EbayNoticeContent;exports.EbayPageNotice=A;exports.EbayPageNoticeCTA=v;exports.EbayPageNoticeFooter=b;exports.EbayPageNoticeTitle=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-BW4cJBUu.js"),e=require("react"),f=require("classnames"),q=require("../notice-content-9iF4T8uB.js"),r=require("../notice-content-C0ZStfuX.js"),I=require("../utils-C9NL3q0j.js"),P=require("../icons/ebay-icon-close-16/index.js"),_=require("../icons/ebay-icon-attention-filled-16/index.js"),h=require("../icons/ebay-icon-confirmation-filled-16/index.js"),F=require("../icons/ebay-icon-information-filled-16/index.js"),l=require("../notice-footer-DOQFXLxG.js"),T=require("../notice-cta-DJCS8kXJ.js"),D={attention:_.EbayIconAttentionFilled16,confirmation:h.EbayIconConfirmationFilled16,information:F.EbayIconInformationFilled16},A=t=>{var{id:a,status:n="general",children:o,a11yDismissText:i,"aria-label":m,onDismiss:y=()=>{},className:u}=t,E=c.__rest(t,["id","status","children","a11yDismissText","aria-label","onDismiss","className"]);const[d,g]=e.useState(!1),s=I.findComponent(o,r.EbayNoticeContent);if(!s)throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");const N=p=>{g(!0),y(p)},C=n!=="general"?D[n]:null;return d?null:e.createElement("section",Object.assign({},E,{"aria-labelledby":a||`${n}-status`,className:f("page-notice",u,{[`page-notice--${n}`]:n!=="general"})}),n!=="general"?e.createElement("div",{className:"page-notice__header",id:a||`${n}-status`},e.createElement(C,{a11yText:m,a11yVariant:"label"})):null,e.createElement(q.NoticeContent,Object.assign({},s.props,{type:"page"})),o,i&&e.createElement(b,null,e.createElement("button",{"aria-label":i,className:"fake-link page-notice__dismiss",onClick:N},e.createElement(P.EbayIconClose16,null))))},j=t=>{var{className:a,as:n,children:o}=t,i=c.__rest(t,["className","as","children"]);return e.createElement(l.NoticeTitle,Object.assign({},i,{className:a,as:n,type:"page"}),o)},b=({className:t,children:a})=>e.createElement(l.NoticeFooter,{className:t,type:"page"},a),v=({className:t,children:a})=>e.createElement(T.NoticeCTA,{className:t,type:"page"},a);exports.EbayNoticeContent=r.EbayNoticeContent;exports.EbayPageNotice=A;exports.EbayPageNoticeCTA=v;exports.EbayPageNoticeFooter=b;exports.EbayPageNoticeTitle=j;

package/ebay-pagination/README.md

@@ -1,81 +1,5 @@
 # EbayPagination
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/navigation-disclosure-ebay-pagination--basic-links)
-
-The `<EbayPagination>` is a tag used to create a pagination navigation. It will display up to 9 page links.
-If pagination doesn't fit the page it will adjust to the available width.
-
-## Import JS
-
-```jsx harmony
-import { EbayPagination, EbayPaginationItem } from "@ebay/ui-core-react/ebay-pagination";
-```
-
-## Import styles from Skin
-
-```jsx harmony
-import "@ebay/skin/pagination";
-import "@ebay/skin/utility";
-```
-
-### or if using CSS/SCSS
-
-```jsx
-import "@ebay/skin/pagination.css";
-import "@ebay/skin/utility.css";
-```
-
-### EbayPagination Usage
-
-```jsx
-<EbayPagination a11yPreviousText="Previous page" a11yNextText="Next page" a11yCurrentText="Results Pagination - Page 2">
-    <EbayPaginationItem href="#" type="previous" disabled />
-    <EbayPaginationItem href="#" current>
-        item 1
-    </EbayPaginationItem>
-    <EbayPaginationItem href="#">item 2</EbayPaginationItem>
-    <EbayPaginationItem href="#">item 3</EbayPaginationItem>
-    <EbayPaginationItem href="#" type="next" />
-</EbayPagination>
-```
-
-### EbayPagination Attributes
-
-| Name               | Type    | Stateful | Description                                                                                                                                                                                                                                                                                        |
-| ------------------ | ------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `a11yPreviousText` | String  | No       | a11y text for previous arrow button                                                                                                                                                                                                                                                                |
-| `a11yNextText`     | String  | No       | a11y text for next arrow button                                                                                                                                                                                                                                                                    |
-| `a11yCurrentText`  | String  | No       | Description for the current page (e.g. Results of Page 1)                                                                                                                                                                                                                                          |
-| `variant`          | String  | No       | Either `show-last`, or `show-range` (default). If show-last then will show the last page always and will put `…` between the last visible range and the last page. `…` and the last page will take up two items in the range. `…` will be hidden when the range to the last item is fully visible. |
-| `fluid`            | Boolean | No       | Will fill all available horizontal space. Horizontal space will be distributed around each item as necessary.                                                                                                                                                                                      |
-
-### EbayPagination Events
-
-| Event        | Data                        | Description                   |
-| ------------ | --------------------------- | ----------------------------- |
-| `onPrevious` | `(Event)`                   | clicked previous arrow button |
-| `onNext`     | `(Event)`                   | clicked next arrow button     |
-| `onSelect`   | `(Event, { value, index })` | page selected clicked         |
-
-## EbayPaginationItem Tag
-
-### EbayPaginationItem Usage
-
-```jsx
-<EbayPaginationItem>1</EbayPaginationItem>
-```
-
-### EbayPaginationItem Attributes
-
-| Name       | Type    | Stateful | Description                                                                                                                                             |
-| ---------- | ------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------- |
-| `disabled` | Boolean | No       | Previous/next button is disabled or not                                                                                                                 |
-| `href`     | String  | No       | for link that looks like a menu-item; omitting the href will switch to a button                                                                         |
-| `current`  | Boolean | No       | the current page                                                                                                                                        |
-| `type`     | String  | No       | "previous", "next" or "page"(default). To specify if the information entered is for the previous or next arrow button or a page. If the `type='previous | next'`isn't provided the previous/next arrow buttons will be taken as`disabled` |
-
-Notes:
-
-- If you want to have client side or ajax based navigation then you should omit the `href` attribute on each item. This will cause each item to be `<button>` instead of an `<a>`.
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/navigation-disclosure-ebay-pagination--docs)

package/ebay-pagination/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("../tslib.es6-C4EgNkz1.js"),t=require("react"),U=require("../menu-button-label-Dc7U65G0.js"),k=require("classnames"),Z=require("../debounce-BQsYxxOL.js"),ee=require("../utils-C9NL3q0j.js"),te=require("../icons/ebay-icon-overflow-horizontal-24/index.js"),ne=require("../forwardRef-DBQKIlPy.js");require("../array.polyfill.flat-5BAolFdk.js");const re=require("../icons/ebay-icon-arrow-left-16/index.js"),ie=require("../icons/ebay-icon-arrow-right-16/index.js"),oe=1,C=9,X=4,F=2,se=C-F;function ae(e,r,c=e,v=null){const f=v==="show-last"||v==="overflow"&&e>C,D=v==="overflow"&&e>C,a=Math.min(c,e),w=Math.max(0,r-Math.ceil((a-1)/2)),b=a<X?r:Math.max(0,r-Math.floor((a-1)/2)),g=(f?b:w)+a,x=g>=e,m=r<=X,T=(l,u)=>{const i=q(e,l,u);return a>2?(i[u-2]="dots",i[u-1]="hidden",i[e-1]="visible"):a>1&&(i[u-1]="dots"),i},y=(l,u)=>{if(m)return T(0,u);if(x){const d=q(e,e-se,e);return d[0]="visible",d[1]="dots",d}const i=q(e,r-F,r+F+1);return i[0]="visible",i[1]=m?"visible":"dots",i[e-2]="dots",i[e-1]="visible",i};return x&&e<=C?q(e,e-a):f?D?y(b,g):T(b,g):q(e,w,g)}function ce(e,r,c,v="show-range"){if(e===-1)return[];const f=v==="overflow"?C:le(Math.min(c,r),oe,C);return ae(c,e-1,f,v)}function le(e,r,c){return e<=r?r:e>=c?c:e}function q(e,r,c){return Array(e).fill("hidden").fill("visible",r,c)}function ue(e){if(!e)return 0;e.style.width="100vw";const r=e.offsetWidth;return e.style.width=null,r}const de=e=>{var{id:r="ebay-pagination",className:c,a11yCurrentText:v="Pagination - Current Page",a11yPreviousText:f="Previous page",a11yNextText:D="Next page",variant:a="show-range",fluid:w=!1,onPrevious:b=()=>{},onNext:g=()=>{},onSelect:x=()=>{},children:m}=e,T=J.__rest(e,["id","className","a11yCurrentText","a11yPreviousText","a11yNextText","variant","fluid","onPrevious","onNext","onSelect","children"]);const y=t.useRef(null),l=t.useRef([]);l.current=t.Children.map(m,t.createRef);const u=ee.filterBy(m,({props:s})=>s.type===void 0||s.type==="page").length,i=()=>{var s,n,o;const I=(n=(s=l.current[0])===null||s===void 0?void 0:s.current)===null||n===void 0?void 0:n.offsetWidth,h=l.current.slice(1).find(W=>{var A;return(A=W.current)===null||A===void 0?void 0:A.offsetWidth}),p=(o=h?.current)===null||o===void 0?void 0:o.offsetWidth;return p?Math.floor((ue(y.current)-I*2)/p):0},[d,j]=t.useState([]),[S,B]=t.useState(0),E=s=>{const n=s||l.current.findIndex(h=>{var p;return((p=h.current)===null||p===void 0?void 0:p.getAttribute("aria-current"))==="page"}),o=i(),I=ce(n,o,u,a);B(n),j(["hidden",...I])};t.useEffect(()=>{const s=Z.debounce(E,16);E();const n=()=>s();window.addEventListener("resize",n);let o=null;return y.current&&typeof IntersectionObserver<"u"&&(o=new IntersectionObserver(I=>{I.forEach(h=>{h.isIntersecting&&E()})},{threshold:0,root:null}),o.observe(y.current)),()=>{window.removeEventListener("resize",n),o?.disconnect()}},[m]);const N=s=>{let n=0;const o=[],I=[],h=[],p=d.indexOf("dots"),W=d.lastIndexOf("dots");return t.Children.map(m,(A,_)=>{const{type:P="page",current:K,disabled:Q,href:z,children:$}=A.props,L=d[_]==="dots",H=`${r}-item-${_}`,V=d[_]==="hidden",Y={current:K,disabled:Q,href:z,type:L&&P==="page"?"separator":P,children:L?t.createElement(te.EbayIconOverflowHorizontal24,{focusable:!1}):$,pageIndex:P==="page"?n++:void 0,key:H,hide:V,onPrevious:b,onNext:g,onSelect:x,a11yPreviousText:f,a11yNextText:D,ref:l.current[_]};if((V||L)&&P==="page"){const O=t.createElement(U.EbayFakeMenuButtonItem,{key:H,href:z,onClick:G=>{z||G.preventDefault();const R=G.currentTarget;x(G,{value:R?.innerText||"",index:n}),E(Number(R?.innerText))}},$);p===W&&h.push(O),S-2>p&&_<S&&o.push(O),S+2<W&&_>S&&I.push(O)}if(s==="page"&&L&&a==="overflow"){let O=h;return p!==W&&(O=_===2?o:I),t.createElement("li",{key:H},t.createElement("span",{className:"pagination__item",role:"separator"},t.createElement(U.EbayMenuButton,{a11yText:"Menu",borderless:!0,variant:"overflow",noToggleIcon:!0},O)))}return s===P?t.cloneElement(A,Y):null})},M=`${r}-pagination-heading`;return t.createElement("nav",Object.assign({},T,{role:"navigation",className:k(c,"pagination",{"pagination--fluid":w}),"aria-labelledby":M,ref:y}),t.createElement("span",{"aria-live":"polite",role:"status"},t.createElement("h2",{className:"clipped",id:M},v)),N("previous"),t.createElement("ol",{className:"pagination__items"},N("page")),N("next"))},fe=e=>{var{pageIndex:r=0,key:c,current:v,disabled:f,type:D="page",href:a,hide:w,children:b,a11yPreviousText:g="Previous page",a11yNextText:x="Next page",onSelect:m,onNext:T,onPrevious:y,className:l,style:u,forwardedRef:i}=e,d=J.__rest(e,["pageIndex","key","current","disabled","type","href","hide","children","a11yPreviousText","a11yNextText","onSelect","onNext","onPrevious","className","style","forwardedRef"]);const j=n=>{var o;m(n,{value:((o=n.currentTarget)===null||o===void 0?void 0:o.innerText)||"",index:r})},S=n=>{n.currentTarget.getAttribute("aria-disabled")||T(n)},B=n=>{n.currentTarget.getAttribute("aria-disabled")||y(n)},E=!!a,N=E?"a":"button",M=E?"icon-link":"icon-btn",s=Object.assign(Object.assign({},u),{minWidth:"40px"});switch(D){case"previous":return t.createElement(N,Object.assign({},d,{ref:i,"aria-disabled":f?"true":void 0,"aria-label":g,href:f?void 0:a,className:k(l,M,"pagination__previous"),style:s,onClick:B}),t.createElement(re.EbayIconArrowLeft16,null));case"next":return t.createElement(N,Object.assign({},d,{ref:i,"aria-disabled":f?"true":void 0,"aria-label":x,href:f?void 0:a,className:k(l,M,"pagination__next"),style:s,onClick:S}),t.createElement(ie.EbayIconArrowRight16,null));case"separator":return t.createElement("span",{key:c,style:u,className:k(l,"pagination__item"),ref:i,role:"separator"},b);default:return t.createElement("li",Object.assign({},d,{hidden:w}),t.createElement(N,{ref:i,"aria-current":v?"page":void 0,href:a,className:k(l,"pagination__item"),style:u,key:c,onClick:j},b))}},ve=ne.withForwardRef(fe);exports.EbayPagination=de;exports.EbayPaginationItem=ve;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("../tslib.es6-BW4cJBUu.js"),t=require("react"),U=require("../menu-button-label-DiWdOiHb.js"),k=require("classnames"),Z=require("../debounce-BQsYxxOL.js"),ee=require("../utils-C9NL3q0j.js"),te=require("../icons/ebay-icon-overflow-horizontal-24/index.js"),ne=require("../forwardRef-DBQKIlPy.js");require("../array.polyfill.flat-5BAolFdk.js");const re=require("../icons/ebay-icon-arrow-left-16/index.js"),ie=require("../icons/ebay-icon-arrow-right-16/index.js"),oe=1,C=9,X=4,F=2,se=C-F;function ae(e,r,c=e,v=null){const f=v==="show-last"||v==="overflow"&&e>C,D=v==="overflow"&&e>C,a=Math.min(c,e),w=Math.max(0,r-Math.ceil((a-1)/2)),b=a<X?r:Math.max(0,r-Math.floor((a-1)/2)),g=(f?b:w)+a,x=g>=e,m=r<=X,T=(l,u)=>{const i=q(e,l,u);return a>2?(i[u-2]="dots",i[u-1]="hidden",i[e-1]="visible"):a>1&&(i[u-1]="dots"),i},y=(l,u)=>{if(m)return T(0,u);if(x){const d=q(e,e-se,e);return d[0]="visible",d[1]="dots",d}const i=q(e,r-F,r+F+1);return i[0]="visible",i[1]=m?"visible":"dots",i[e-2]="dots",i[e-1]="visible",i};return x&&e<=C?q(e,e-a):f?D?y(b,g):T(b,g):q(e,w,g)}function ce(e,r,c,v="show-range"){if(e===-1)return[];const f=v==="overflow"?C:le(Math.min(c,r),oe,C);return ae(c,e-1,f,v)}function le(e,r,c){return e<=r?r:e>=c?c:e}function q(e,r,c){return Array(e).fill("hidden").fill("visible",r,c)}function ue(e){if(!e)return 0;e.style.width="100vw";const r=e.offsetWidth;return e.style.width=null,r}const de=e=>{var{id:r="ebay-pagination",className:c,a11yCurrentText:v="Pagination - Current Page",a11yPreviousText:f="Previous page",a11yNextText:D="Next page",variant:a="show-range",fluid:w=!1,onPrevious:b=()=>{},onNext:g=()=>{},onSelect:x=()=>{},children:m}=e,T=J.__rest(e,["id","className","a11yCurrentText","a11yPreviousText","a11yNextText","variant","fluid","onPrevious","onNext","onSelect","children"]);const y=t.useRef(null),l=t.useRef([]);l.current=t.Children.map(m,t.createRef);const u=ee.filterBy(m,({props:s})=>s.type===void 0||s.type==="page").length,i=()=>{var s,n,o;const I=(n=(s=l.current[0])===null||s===void 0?void 0:s.current)===null||n===void 0?void 0:n.offsetWidth,h=l.current.slice(1).find(W=>{var A;return(A=W.current)===null||A===void 0?void 0:A.offsetWidth}),p=(o=h?.current)===null||o===void 0?void 0:o.offsetWidth;return p?Math.floor((ue(y.current)-I*2)/p):0},[d,j]=t.useState([]),[S,B]=t.useState(0),E=s=>{const n=s||l.current.findIndex(h=>{var p;return((p=h.current)===null||p===void 0?void 0:p.getAttribute("aria-current"))==="page"}),o=i(),I=ce(n,o,u,a);B(n),j(["hidden",...I])};t.useEffect(()=>{const s=Z.debounce(E,16);E();const n=()=>s();window.addEventListener("resize",n);let o=null;return y.current&&typeof IntersectionObserver<"u"&&(o=new IntersectionObserver(I=>{I.forEach(h=>{h.isIntersecting&&E()})},{threshold:0,root:null}),o.observe(y.current)),()=>{window.removeEventListener("resize",n),o?.disconnect()}},[m]);const N=s=>{let n=0;const o=[],I=[],h=[],p=d.indexOf("dots"),W=d.lastIndexOf("dots");return t.Children.map(m,(A,_)=>{const{type:P="page",current:K,disabled:Q,href:z,children:$}=A.props,L=d[_]==="dots",H=`${r}-item-${_}`,V=d[_]==="hidden",Y={current:K,disabled:Q,href:z,type:L&&P==="page"?"separator":P,children:L?t.createElement(te.EbayIconOverflowHorizontal24,{focusable:!1}):$,pageIndex:P==="page"?n++:void 0,key:H,hide:V,onPrevious:b,onNext:g,onSelect:x,a11yPreviousText:f,a11yNextText:D,ref:l.current[_]};if((V||L)&&P==="page"){const O=t.createElement(U.EbayFakeMenuButtonItem,{key:H,href:z,onClick:G=>{z||G.preventDefault();const R=G.currentTarget;x(G,{value:R?.innerText||"",index:n}),E(Number(R?.innerText))}},$);p===W&&h.push(O),S-2>p&&_<S&&o.push(O),S+2<W&&_>S&&I.push(O)}if(s==="page"&&L&&a==="overflow"){let O=h;return p!==W&&(O=_===2?o:I),t.createElement("li",{key:H},t.createElement("span",{className:"pagination__item",role:"separator"},t.createElement(U.EbayMenuButton,{a11yText:"Menu",borderless:!0,variant:"overflow",noToggleIcon:!0},O)))}return s===P?t.cloneElement(A,Y):null})},M=`${r}-pagination-heading`;return t.createElement("nav",Object.assign({},T,{role:"navigation",className:k(c,"pagination",{"pagination--fluid":w}),"aria-labelledby":M,ref:y}),t.createElement("span",{"aria-live":"polite",role:"status"},t.createElement("h2",{className:"clipped",id:M},v)),N("previous"),t.createElement("ol",{className:"pagination__items"},N("page")),N("next"))},fe=e=>{var{pageIndex:r=0,key:c,current:v,disabled:f,type:D="page",href:a,hide:w,children:b,a11yPreviousText:g="Previous page",a11yNextText:x="Next page",onSelect:m,onNext:T,onPrevious:y,className:l,style:u,forwardedRef:i}=e,d=J.__rest(e,["pageIndex","key","current","disabled","type","href","hide","children","a11yPreviousText","a11yNextText","onSelect","onNext","onPrevious","className","style","forwardedRef"]);const j=n=>{var o;m(n,{value:((o=n.currentTarget)===null||o===void 0?void 0:o.innerText)||"",index:r})},S=n=>{n.currentTarget.getAttribute("aria-disabled")||T(n)},B=n=>{n.currentTarget.getAttribute("aria-disabled")||y(n)},E=!!a,N=E?"a":"button",M=E?"icon-link":"icon-btn",s=Object.assign(Object.assign({},u),{minWidth:"40px"});switch(D){case"previous":return t.createElement(N,Object.assign({},d,{ref:i,"aria-disabled":f?"true":void 0,"aria-label":g,href:f?void 0:a,className:k(l,M,"pagination__previous"),style:s,onClick:B}),t.createElement(re.EbayIconArrowLeft16,null));case"next":return t.createElement(N,Object.assign({},d,{ref:i,"aria-disabled":f?"true":void 0,"aria-label":x,href:f?void 0:a,className:k(l,M,"pagination__next"),style:s,onClick:S}),t.createElement(ie.EbayIconArrowRight16,null));case"separator":return t.createElement("span",{key:c,style:u,className:k(l,"pagination__item"),ref:i,role:"separator"},b);default:return t.createElement("li",Object.assign({},d,{hidden:w}),t.createElement(N,{ref:i,"aria-current":v?"page":void 0,href:a,className:k(l,"pagination__item"),style:u,key:c,onClick:j},b))}},ve=ne.withForwardRef(fe);exports.EbayPagination=de;exports.EbayPaginationItem=ve;

package/ebay-panel-dialog/README.md

@@ -1,40 +1,5 @@
 # EbayPanelDialog
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/dialogs-ebay-panel-dialog--default)
-
-## Usage
-
-```jsx
-<EbayPanelDialog open a11yClosetext="Close">
-    <EbayDialogHeader>Heading</EbayDialogHeader>
-    <p>Body content</p>
-    <EbayCloseButton>X</EbayCloseButton>
-</EbayPanelDialog>
-```
-
-## Attributes
-
-| Name            | Type    | Stateful | Required | Description                                                                                                                          |
-| --------------- | ------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------ |
-| `open`          | Boolean | Yes      | No       | Whether dialog is open.                                                                                                              |
-| `position`      | String  | No       | No       | `end` or `start` (default), the position of the panel, either at the start (left side) of the page, or end (right side) of the page. |
-| `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                                         |
-
-## Events
-
-| 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
-
-## EbayCloseButton
-
-If present will render this as the close button content. Otherwise will render a close icon (X). This content will be rendered inside a button tag
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/dialogs-ebay-panel-dialog--docs)

package/ebay-panel-dialog/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-C4EgNkz1.js"),d=require("react"),t=require("classnames"),u=require("../dialog-previous-button-aXPjyhOT.js");require("../icon-button-AJ6dtyvc.js");require("../icon-I30uh1Ov.js");const e="panel-dialog",g=o=>{var{open:i,animated:s,position:n="start",onClose:a=()=>{},className:l}=o,r=c.__rest(o,["open","animated","position","onClose","className"]);return d.createElement(u.DialogBaseWithState,Object.assign({},r,{"aria-label":"Infotip",classPrefix:e,buttonPosition:"right",onCloseBtnClick:a,onBackgroundClick:a,animated:s,className:t(l,{[`${e}--mask-fade-slow`]:s}),windowClass:t(`${e}__window--slide`,{[`${e}__window--end`]:n==="end"}),open:i}))};exports.EbayPanelDialog=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../tslib.es6-BW4cJBUu.js"),d=require("react"),t=require("classnames"),u=require("../dialog-previous-button-BXqfHRJY.js");require("../icon-button-E_6JKTh3.js");require("../icon-M7M42naA.js");const e="panel-dialog",g=o=>{var{open:i,animated:s,position:n="start",onClose:a=()=>{},className:l}=o,r=c.__rest(o,["open","animated","position","onClose","className"]);return d.createElement(u.DialogBaseWithState,Object.assign({},r,{"aria-label":"Infotip",classPrefix:e,buttonPosition:"right",onCloseBtnClick:a,onBackgroundClick:a,animated:s,className:t(l,{[`${e}--mask-fade-slow`]:s}),windowClass:t(`${e}__window--slide`,{[`${e}__window--end`]:n==="end"}),open:i}))};exports.EbayPanelDialog=g;

package/ebay-phone-input/README.md

@@ -1,114 +1,5 @@
 # EbayPhoneInput
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/form-input-ebay-phone-input--default)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayPhoneInput } from "@ebay/ui-core-react/ebay-phone-input";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/phone-input";
-import "@ebay/skin/listbox-button";
-import "@ebay/skin/textbox";
-import "@ebay/skin/flag";
-```
-
-### 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/phone-input.css";
-import "@ebay/skin/listbox-button.css";
-import "@ebay/skin/textbox.css";
-import "@ebay/skin/flag.css";
-```
-
-## Examples
-
-### Basic usage
-
-```jsx harmony
-<EbayPhoneInput
-    countryCode="us"
-    floatingLabel="Phone Number"
-    value=""
-    onInputChange={(event, data) => console.log(data)}
-/>
-```
-
-### With localization
-
-```jsx harmony
-<EbayPhoneInput
-    countryCode="us"
-    locale="en-US"
-    floatingLabel="Phone Number"
-    value=""
-    onInputChange={(event, data) => console.log(data)}
-/>
-```
-
-### Disabled state
-
-```jsx harmony
-<EbayPhoneInput countryCode="us" floatingLabel="Phone Number" value="(555) 123-4567" disabled />
-```
-
-### Read-only state
-
-```jsx harmony
-<EbayPhoneInput countryCode="us" floatingLabel="Phone Number" value="(555) 123-4567" readonly />
-```
-
-### Invalid state
-
-```jsx harmony
-<EbayPhoneInput countryCode="us" floatingLabel="Phone Number" value="invalid" invalid />
-```
-
-## Attributes
-
-| Name            | Type     | Required | Description                                                  | Data                                                          |
-| --------------- | -------- | -------- | ------------------------------------------------------------ | ------------------------------------------------------------- |
-| `countryCode`   | String   | No       | Initial country code (2-letter ISO country code)             | `"us"`, `"ca"`, `"gb"`, etc.                                  |
-| `value`         | String   | No       | The phone number value                                       |                                                               |
-| `locale`        | String   | No       | Locale for country name localization                         | `"en-US"`, `"fr-FR"`, etc. (defaults to `navigator.language`) |
-| `floatingLabel` | String   | No       | Floating label text                                          |                                                               |
-| `disabled`      | Boolean  | No       | Whether the component is disabled                            | `false` (default)                                             |
-| `readonly`      | Boolean  | No       | Whether the component is read-only                           | `false` (default)                                             |
-| `invalid`       | Boolean  | No       | Whether the component is in invalid state                    | `false` (default)                                             |
-| `onFocus`       | Function | No       | Triggered on focus                                           | `(event: FocusEvent, data: PhoneInputEvent)`                  |
-| `onBlur`        | Function | No       | Triggered on blur                                            | `(event: FocusEvent, data: PhoneInputEvent)`                  |
-| `onInputChange` | Function | No       | Triggered on input change (country selection or phone input) | `(event: ChangeEvent, data: PhoneInputEvent)`                 |
-| `onChange`      | Function | No       | Triggered on change (country selection or phone input)       | `(event: ChangeEvent, data: PhoneInputEvent)`                 |
-| `onKeyDown`     | Function | No       | Triggered on key down                                        | `(event: KeyboardEvent, data: PhoneInputEvent)`               |
-| `onKeyPress`    | Function | No       | Triggered on key press                                       | `(event: KeyboardEvent, data: PhoneInputEvent)`               |
-| `onKeyUp`       | Function | No       | Triggered on key up                                          | `(event: KeyboardEvent, data: PhoneInputEvent)`               |
-| `onExpand`      | Function | No       | Triggered when country dropdown expands                      | `()`                                                          |
-| `onCollapse`    | Function | No       | Triggered when country dropdown collapses                    | `()`                                                          |
-
-## Event Data
-
-All input events (`onFocus`, `onBlur`, `onChange`, `onKeyDown`, `onKeyPress`, `onKeyUp`) receive a `PhoneInputEvent` object as the second parameter:
-
-```typescript
-interface PhoneInputEvent {
-    value?: string; // Formatted phone number
-    rawValue?: string; // Raw digits only
-    callingCode?: string; // Country calling code (e.g., "1", "44")
-    countryCode?: string; // Country code (e.g., "US", "GB")
-}
-```
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/form-input-ebay-phone-input--docs)