@ebay/ui-core-react 9.4.0 → 9.5.0

package/ebay-drawer-dialog-deprecated/README.md

@@ -1,75 +1,5 @@
 # EbayDrawerDialogDeprecated
 
-**Deprecated will be removed next major** (Use `EbayLightboxDialog` instead)
+## Documentation
 
-## Demo
-
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/deprecated-ebay-drawer-dialog-deprecated--default)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayDrawerDialogDeprecated } from "@ebay/ui-core-react/ebay-drawer-dialog-deprecated";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/drawer-dialog";
-```
-
-### Or import styles using SCSS/CSS
-
-```jsx harmony
-import "@ebay/skin/drawer-dialog.css";
-```
-
-### Simple opened dialog
-
-```jsx
-<EbayDrawerDialogDeprecated open a11yClosetext="Close Drawer">
-    Hello World
-</EbayDrawerDialogDeprecated>
-```
-
-## Props
-
-| Name               | Type    | Stateful | Required | Description                                                                                                                                       |
-| ------------------ | ------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `expanded`         | Boolean | No       | No       | Whether the drawer is expanded to full height or max 50%. Controlled.                                                                             |
-| `open`             | Boolean | Yes      | No       | Whether drawer is open. Controlled.                                                                                                               |
-| `noHandle`         | Boolean | Yes      | No       | Whether handle will be shown or not.                                                                                                              |
-| `focus`            | String  | No       | No       | An id for an element which will receive focus when the drawer opens (defaults to close button).                                                   |
-| `a11yCloseText`    | String  | No       | No\*     | A11y text for close button and mask. Required only when close button exists.                                                                      |
-| `a11yMinimizeText` | String  | No       | No\*     | A11y text for draggable handle when drawer is maximized and clicking handle will minimize the drawer. Required only when draggable handle exists. |
-| `a11yMaximizeText` | String  | No       | No\*     | A11y text for draggable handle when drawer is minimized and clicking handle will maximize the drawer. Required only when draggable handle exists. |
-| `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`      | `(event: Event)` | drawer opened                                                                                                                                                  |
-| `onClose`     | `(event: Event)` | drawer closed. Triggered also when user drags down on handle (touch only) when dialog is not expanded                                                          |
-| `onExpanded`  | `(event: Event)` | drawer expanded to full page height. Event is triggered on drag up of handle (touch only), clicks, or when user scrolls in content when dialog is not expanded |
-| `onCollapsed` | `(event: Event)` | drawer collapsed back to max 50%. Event is triggered on drags do                                                                                               |
-
-## Child components
-
-### 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.
-
-```jsx
-<EbayDrawerDialogDeprecated>
-    <EbayDialogHeader>Title</EbayDialogHeader>
-    Some text
-    <EbayDialogFooter>(c)2021 eBay Inc.</EbayDialogFooter>
-</EbayDrawerDialogDeprecated>
-```
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/deprecated-ebay-drawer-dialog-deprecated--docs)

package/ebay-drawer-dialog-deprecated/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),g=require("classnames"),d=require("../dialog-previous-button-aXPjyhOT.js");require("../icon-button-AJ6dtyvc.js");require("../icon-I30uh1Ov.js");const y=30,t="drawer-dialog",$=p=>{var{expanded:l=!1,noHandle:T,onClose:c=()=>{},onCollapsed:w=()=>{},onExpanded:b=()=>{},a11yMaximizeText:C,a11yMinimizeText:D,children:_}=p,u=A.__rest(p,["expanded","noHandle","onClose","onCollapsed","onExpanded","a11yMaximizeText","a11yMinimizeText","children"]);let a=[];const[i,E]=o.useState(l);o.useEffect(()=>{E(l)},[l]);const s=e=>{E(e),e?b():w()},H=e=>{a=Array.from(e.changedTouches).map(({identifier:r,pageY:n})=>({identifier:r,pageY:n}))},h=e=>{Array.from(e.changedTouches).forEach(({identifier:r})=>{const n=a.findIndex(f=>f.identifier===r);n>-1&&a.splice(n,1)})},S=e=>{a.length&&Array.from(e.changedTouches).forEach(({identifier:r,pageY:n})=>{const f=a.findIndex(v=>v.identifier===r),x=n-a[f].pageY;x>y?(i?s(!1):c(),h(e)):x<-y&&(s(!0),h(e))})},M=T?null:o.createElement("button",{"aria-label":i?D:C,className:`${t}__handle`,onClick:()=>s(!i),onScroll:()=>s(!0),onTouchStart:H,onTouchMove:S,onTouchEnd:h,type:"button"}),m=o.Children.toArray(_),q=m.find(({type:e})=>e===d.EbayDialogHeader),k=m.filter(({type:e})=>e!==d.EbayDialogHeader);return o.createElement(d.DialogBaseWithState,Object.assign({},u,{classPrefix:t,onCloseBtnClick:c,className:g(u.className,`${t}--mask-fade-slow`),windowClass:g(u.windowClass,`${t}__window`,`${t}__window--slide`,{[`${t}__window--expanded`]:i}),onBackgroundClick:c,top:M}),q||o.createElement(d.EbayDialogHeader,null),k)};exports.EbayDrawerDialogDeprecated=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-BW4cJBUu.js"),o=require("react"),g=require("classnames"),d=require("../dialog-previous-button-BXqfHRJY.js");require("../icon-button-E_6JKTh3.js");require("../icon-M7M42naA.js");const y=30,t="drawer-dialog",$=p=>{var{expanded:l=!1,noHandle:T,onClose:c=()=>{},onCollapsed:w=()=>{},onExpanded:b=()=>{},a11yMaximizeText:C,a11yMinimizeText:D,children:_}=p,u=A.__rest(p,["expanded","noHandle","onClose","onCollapsed","onExpanded","a11yMaximizeText","a11yMinimizeText","children"]);let a=[];const[i,E]=o.useState(l);o.useEffect(()=>{E(l)},[l]);const s=e=>{E(e),e?b():w()},H=e=>{a=Array.from(e.changedTouches).map(({identifier:r,pageY:n})=>({identifier:r,pageY:n}))},h=e=>{Array.from(e.changedTouches).forEach(({identifier:r})=>{const n=a.findIndex(f=>f.identifier===r);n>-1&&a.splice(n,1)})},S=e=>{a.length&&Array.from(e.changedTouches).forEach(({identifier:r,pageY:n})=>{const f=a.findIndex(v=>v.identifier===r),x=n-a[f].pageY;x>y?(i?s(!1):c(),h(e)):x<-y&&(s(!0),h(e))})},M=T?null:o.createElement("button",{"aria-label":i?D:C,className:`${t}__handle`,onClick:()=>s(!i),onScroll:()=>s(!0),onTouchStart:H,onTouchMove:S,onTouchEnd:h,type:"button"}),m=o.Children.toArray(_),q=m.find(({type:e})=>e===d.EbayDialogHeader),k=m.filter(({type:e})=>e!==d.EbayDialogHeader);return o.createElement(d.DialogBaseWithState,Object.assign({},u,{classPrefix:t,onCloseBtnClick:c,className:g(u.className,`${t}--mask-fade-slow`),windowClass:g(u.windowClass,`${t}__window`,`${t}__window--slide`,{[`${t}__window--expanded`]:i}),onBackgroundClick:c,top:M}),q||o.createElement(d.EbayDialogHeader,null),k)};exports.EbayDrawerDialogDeprecated=$;

package/ebay-education-notice/README.md

@@ -1,58 +1,5 @@
 # EbayEducationNotice
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/notices-tips-ebay-education-notice--docs)
-
-## Import JS
-
-```jsx harmony
-import {
-    EbayEducationNotice,
-    EbayNoticeContent,
-    EbayEducationNoticeTitle,
-    EbayEducationNoticeFooter,
-} from "@ebay/ui-core-react/ebay-education-notice";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/education-notice";
-```
-
-## Use
-
-```jsx harmony
-<EbayEducationNotice educationIcon={<EbayTheEbayVault24Icon />}>
-    <EbayEducationNoticeTitle>Recommended title format</EbayEducationNoticeTitle>
-    <EbayNoticeContent>
-        <p>
-            Follow the order below to optimize market valuation from Price Guide. Player + Set or Season + Manufacturer
-            + Card number + Variant + Grader + Grade
-        </p>
-    </EbayNoticeContent>
-    <EbayEducationNoticeFooter>Education footer</EbayEducationNoticeFooter>
-</EbayEducationNotice>
-```
-
-## Attributes
-
-| Name                   | Type                             | Stateful | Description                                                                                                                                 | Default               |
-| ---------------------- | -------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- |
-| `educationIcon`        | Icon                             | No       | EbayIcon that will show in the notice                                                                                                       | `EbayIconLightbulb24` |
-| `iconClass`            | String                           | No       | Add class name to icon                                                                                                                      | -                     |
-| `a11yIconText`         | String                           | No       | Add description for the notice icon for a11y users                                                                                          | -                     |
-| `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. | -                     |
-| `aria-roledescription` | String                           | No       | Adds role description attribute to the section notice                                                                                       | `"Notice"`            |
-| `children`             | React Node                       | No       | The content to be displayed within the notice. **Must have the EbayEducationNoticeTitle within the children!**                              | -                     |
-| `variant`              | string (`"none"`, `"prominent"`) | No       | Either none or prominent. If prominent, the notice will be more prominent                                                                   | `"none"`              |
-| `iconVariant`          | string (`"none"`, `"prominent"`) | No       | Either none or prominent. If prominent, the notice icon will be more prominent                                                              | `"none"`              |
-| `a11yDismissText`      | string                           | No       | The a11y description for the dismiss button. It will also allow the notice to be dismissed.                                                 | -                     |
-| `dismissed`            | boolean                          | No       | Whether or not the notice is dismissed                                                                                                      | `false`               |
-
-## Callbacks
-
-| Name        | Required | Description                 | Arguments |
-| ----------- | -------- | --------------------------- | --------- |
-| `onDismiss` | No       | Triggered on notice dismiss | (Event)   |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/notices-tips-ebay-education-notice--docs)

package/ebay-education-notice/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),x=require("classnames"),y=require("../notice-content-C0ZStfuX.js"),j=require("../notice-content-9iF4T8uB.js"),r=require("../utils-C9NL3q0j.js"),F=require("../icon-I30uh1Ov.js"),O=require("../icon-button-AJ6dtyvc.js"),P=require("../icons/ebay-icon-close-16/index.js"),S=require("../icons/ebay-icon-lightbulb-24/index.js"),b=require("../notice-footer-G6VPjVZu.js"),V=t=>{var{children:n,className:i,a11yIconText:o,variant:c="none",iconVariant:l="none",a11yDismissText:m,educationIcon:s=e.createElement(S.EbayIconLightbulb24,{prominent:l==="prominent",a11yText:o,a11yVariant:"label"}),iconClass:C,dismissed:u=!1,onDismiss:h=()=>{}}=t,I=E.__rest(t,["children","className","a11yIconText","variant","iconVariant","a11yDismissText","educationIcon","iconClass","dismissed","onDismiss"]);const[T,q]=e.useState(u),a=r.findComponent(n,y.EbayNoticeContent),d=r.findComponent(n,N),f=r.findComponent(n,p),_=c==="prominent",g=l==="prominent",v=D=>{q(!0),h(D)};if(!d)throw new Error("<EbayEducationNoticeTitle>: Please use a <EbayEducationNoticeTitle> that defines the content of the notice");return T||u?null:e.createElement("section",Object.assign({"aria-roledescription":"Notice"},I,{className:x(i,"education-notice",{"education-notice--prominent":_})}),e.createElement("div",{className:"education-notice__header"},typeof s=="string"?e.createElement(F.EbayIcon,{name:s,className:C,prominent:g,a11yText:o,a11yVariant:"label"}):s,d,m&&e.createElement(O.EbayIconButton,{"aria-label":m,size:"small",className:"education-notice__dismiss",onClick:v,icon:e.createElement(P.EbayIconClose16,null)})),e.createElement(j.NoticeContent,Object.assign({},a?.props,{type:"education"})),f)},N=t=>{var{className:n,as:i,children:o}=t,c=E.__rest(t,["className","as","children"]);return e.createElement(b.NoticeTitle,Object.assign({},c,{className:n,as:i,type:"education"}),o)},p=({className:t,children:n})=>e.createElement(b.NoticeFooter,{className:t,type:"education"},n);exports.EbayNoticeContent=y.EbayNoticeContent;exports.EbayEducationNotice=V;exports.EbayEducationNoticeFooter=p;exports.EbayEducationNoticeTitle=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../tslib.es6-BW4cJBUu.js"),e=require("react"),x=require("classnames"),y=require("../notice-content-C0ZStfuX.js"),j=require("../notice-content-9iF4T8uB.js"),r=require("../utils-C9NL3q0j.js"),F=require("../icon-M7M42naA.js"),O=require("../icon-button-E_6JKTh3.js"),P=require("../icons/ebay-icon-close-16/index.js"),S=require("../icons/ebay-icon-lightbulb-24/index.js"),b=require("../notice-footer-DOQFXLxG.js"),V=t=>{var{children:n,className:i,a11yIconText:o,variant:c="none",iconVariant:l="none",a11yDismissText:m,educationIcon:s=e.createElement(S.EbayIconLightbulb24,{prominent:l==="prominent",a11yText:o,a11yVariant:"label"}),iconClass:C,dismissed:u=!1,onDismiss:h=()=>{}}=t,I=E.__rest(t,["children","className","a11yIconText","variant","iconVariant","a11yDismissText","educationIcon","iconClass","dismissed","onDismiss"]);const[T,q]=e.useState(u),a=r.findComponent(n,y.EbayNoticeContent),d=r.findComponent(n,N),f=r.findComponent(n,p),_=c==="prominent",g=l==="prominent",v=D=>{q(!0),h(D)};if(!d)throw new Error("<EbayEducationNoticeTitle>: Please use a <EbayEducationNoticeTitle> that defines the content of the notice");return T||u?null:e.createElement("section",Object.assign({"aria-roledescription":"Notice"},I,{className:x(i,"education-notice",{"education-notice--prominent":_})}),e.createElement("div",{className:"education-notice__header"},typeof s=="string"?e.createElement(F.EbayIcon,{name:s,className:C,prominent:g,a11yText:o,a11yVariant:"label"}):s,d,m&&e.createElement(O.EbayIconButton,{"aria-label":m,size:"small",className:"education-notice__dismiss",onClick:v,icon:e.createElement(P.EbayIconClose16,null)})),e.createElement(j.NoticeContent,Object.assign({},a?.props,{type:"education"})),f)},N=t=>{var{className:n,as:i,children:o}=t,c=E.__rest(t,["className","as","children"]);return e.createElement(b.NoticeTitle,Object.assign({},c,{className:n,as:i,type:"education"}),o)},p=({className:t,children:n})=>e.createElement(b.NoticeFooter,{className:t,type:"education"},n);exports.EbayNoticeContent=y.EbayNoticeContent;exports.EbayEducationNotice=V;exports.EbayEducationNoticeFooter=p;exports.EbayEducationNoticeTitle=N;

package/ebay-eek/README.md

@@ -1,39 +1,5 @@
 # EbayEek
 
-This component displays the current European Union Energy (EEK) rating of certain items that consume energy.
+## Documentation
 
-## Demo
-
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/graphics-icons-ebay-eek--regular-a)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayEek } from "@ebay/ui-core-react/ebay-eek";
-```
-
-### Import styles from Skin
-
-```jsx
-import "@ebay/skin/eek";
-```
-
-### or if using CSS/SCSS
-
-```jsx
-import "@ebay/skin/eek.css";
-```
-
-```jsx harmony
-<EbayEek max="A+++" min="E" rating="C" />
-```
-
-## Props
-
-| Name     | Type   | Stateful | Required | Description       | Data |
-| -------- | ------ | -------- | -------- | ----------------- | ---- |
-| `rating` | String | No       | Yes      | The energy rating |
-| `max`    | String | No       | Yes      | The maximum range |
-| `min`    | String | No       | Yes      | The minimum range |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/graphics-icons-ebay-eek--docs)

package/ebay-fake-link/README.md

@@ -1,44 +1,5 @@
 # EbayFakeLink
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/buttons-ebay-fake-link--documentation)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayFakeLink } from "@ebay/ui-core-react/ebay-fake-link";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/link";
-```
-
-### 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/link.css";
-```
-
-```jsx harmony
-<EbayFakeLink>Fake Link</EbayFakeLink>
-```
-
-## Attributes
-
-It supports all `<button>` attributes and the below:
-
-| Name       | Type     | Required | Description                                                                                                                 | Data             |
-| ---------- | -------- | -------- | --------------------------------------------------------------------------------------------------------------------------- | ---------------- |
-| `variant`  | String   | No       | Should only be standalone when it is clear contextually that this is a link, regardless of styles, `inline` or `standalone` |                  |
-| `onEscape` | Function | No       | Triggered on escape key                                                                                                     | `(event: Event)` |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/buttons-ebay-fake-link--docs)

package/ebay-fake-link/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-C4EgNkz1.js"),y=require("react"),u=require("classnames"),d=s=>{var{variant:t,type:o,className:i,onKeyDown:n,onEscape:a}=s,c=r.__rest(s,["variant","type","className","onKeyDown","onEscape"]);const l=e=>{n?.(e),(e.key==="Escape"||e.key==="Esc")&&a?.(e)};return y.createElement("button",Object.assign({},c,{className:u("fake-link",t==="standalone"&&"standalone-link",i),onKeyDown:l,type:o||"button"}))};exports.EbayFakeLink=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-BW4cJBUu.js"),y=require("react"),u=require("classnames"),d=s=>{var{variant:t,type:o,className:i,onKeyDown:n,onEscape:a}=s,c=r.__rest(s,["variant","type","className","onKeyDown","onEscape"]);const l=e=>{n?.(e),(e.key==="Escape"||e.key==="Esc")&&a?.(e)};return y.createElement("button",Object.assign({},c,{className:u("fake-link",t==="standalone"&&"standalone-link",i),onKeyDown:l,type:o||"button"}))};exports.EbayFakeLink=d;

package/ebay-fake-menu/README.md

@@ -1,59 +1,5 @@
 # EbayFakeMenu
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/building-blocks-ebay-fake-menu--default)
-
-## Install
-
-```
-yarn add @ebay/ui-core-react
-```
-
-## Usage
-
-```jsx harmony
-import { EbayFakeMenu, EbayFakeMenuItem as Item } from "@ebay/ui-core-react/ebay-fake-menu";
-import "@ebay/skin/menu";
-<EbayFakeMenu>
-    <Item href="http://ebay.com">eBay US</Item>
-    <Item href="http://ebay.de">eBay DE</Item>
-    <Item href="http://ebay.co.uk">eBay UK</Item>
-</EbayFakeMenu>;
-```
-
-## EbayFakeMenu Props
-
-| Name           | Type     | Required | Description                                                                                                                                                            | Data            |
-| -------------- | -------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | ------------------------------- |
-| itemMatchesUrl | Boolean  | No       | used in conjunction with `current` -- This determines whether aria-current will be `page` or `true` -- Defaults to `true` which gives `aria-current` a value of `page` |                 |
-| `onKeyDown`    | Function | No       | triggered on key down                                                                                                                                                  | `(KeyboardEvent | MouseEvent, { index: number })` |
-| `onSelect`     | Function | No       | For using with keyboard navigation                                                                                                                                     | `(KeyboardEvent | MouseEvent, { index: number })` |
-
-## EbayFakeMenuItem Props
-
-| Name             | Type    | Required | Description                                                                      |
-| ---------------- | ------- | -------- | -------------------------------------------------------------------------------- |
-| `href`           | String  | No       | Redirection link on click                                                        |
-| `type`           | String  | No       | Set to `button` to render menu-item as a button instead of a link                |
-| `current`        | Boolean | No       | Whether or not the href is the current href of the page                          |
-| `badgeNumber`    | Number  | No       | Used as a number to be placed inside the badge                                   |
-| `badgeAriaLabel` | Number  | No       | Only if `badgeNumber` provided, passed as the `aria-label` directly to the badge |
-
-## EbayFakeMenuSeparator
-
-Example:
-
-```jsx
-import {
-    EbayFakeMenu,
-    EbayFakeMenuItem as Item,
-    EbayFakeMenuSeparator as Separator,
-} from "@ebay/ui-core-react/ebay-fake-menu";
-<EbayMenu>
-    <Item>item 1</Item>
-    <Item current>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-fake-menu--docs)

package/ebay-fake-menu/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../menu-item-B2Tu5ZPj.js"),s=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),u=require("classnames"),c=e=>{var{className:t}=e,r=s.__rest(e,["className"]);return n.createElement("hr",Object.assign({},r,{className:u(t,"fake-menu__separator")}))};exports.EbayFakeMenu=a.EbayFakeMenu;exports.EbayFakeMenuItem=a.EbayMenuItem;exports.EbayFakeMenuSeparator=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../menu-item-D3_Husxy.js"),s=require("../tslib.es6-BW4cJBUu.js"),n=require("react"),u=require("classnames"),c=e=>{var{className:t}=e,r=s.__rest(e,["className"]);return n.createElement("hr",Object.assign({},r,{className:u(t,"fake-menu__separator")}))};exports.EbayFakeMenu=a.EbayFakeMenu;exports.EbayFakeMenuItem=a.EbayMenuItem;exports.EbayFakeMenuSeparator=c;

package/ebay-fake-menu-button/README.md

@@ -1,77 +1,5 @@
 # EbayFakeMenuButton
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/buttons-ebay-fake-menu-button--default)
-
-## Install
-
-```
-yarn add @ebay/ui-core-react
-```
-
-## Usage
-
-```jsx harmony
-import {
-    EbayFakeMenuButton,
-    EbayFakeMenuButtonItem as Item,
-    EbayFakeMenuButtonSeparator as Separator,
-    EbayFakeMenuButtonLabel as Label
-} from '@ebay/ui-core-react/ebay-fake-menu-button';
-import '@ebay/skin/menu-button';
-<EbayFakeMenuButton text="Menu">
-    <Item href="https://ebay.com">Home</Item>
-    <Item href="https://ebay.com/my">My eBay</Item>
-    <Item href="https://ebay.com/categories">Categories</Item>
-    <Separator />
-    <Item>Log in</Item>
-</EbayFakeMenuButton>
-
-// With a complex label
-
-<EbayFakeMenuButton a11y-text="Navigation menu">
-    <Label><img src="menu-logo.svg" /></Label>
-    <Item href="https://ebay.com">Home</Item>
-    <Item href="https://ebay.com/my" current>My eBay</Item>
-</EbayFakeMenuButton>
-```
-
-## EbayFakeMenuButton Attributes
-
-| Name           | Type    | Required                  | Description                                                  |
-| -------------- | ------- | ------------------------- | ------------------------------------------------------------ |
-| `text`         | String  | No                        | Button label text                                            |
-| `a11y-text`    | 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                        | Not yet implemented                                          |
-| `variant`      | String  | No                        | will change the button style: `overflow`, `form` or `button` |
-| `priority`     | String  | No                        | button priority, only used when `variant` is `button`        |
-| `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`                              |
-
-## EbayFakeMenuButtonItem Attributes
-
-| Name                          | Type     | Required                         | Description                                              |
-| ----------------------------- | -------- | -------------------------------- | -------------------------------------------------------- |
-| `href`                        | String   | No                               | Creates a menu-item with a link                          |
-| `current`                     | Boolean  | No                               | Whether or not the href is the current href of the page  |
-| `type`                        | String   | No                               | Type of a (non-link) menu-item, default: `button`        |
-| `value` (radio or checkbox)   | String   | No                               | Not yet implemented                                      |
-| `checked` (radio or checkbox) | Boolean  | No                               | Not yet implemented                                      |
-| `badge-number`                | Number   | No                               | Not yet implemented                                      |
-| `badge-aria-label`            | String   | Yes (if `badge-number` provided) | Not yet implemented                                      |
-| `onClick`                     | Function | No                               | For a non-link menu item, with param `{ originalEvent }` |
-
-## Callbacks
-
-| Name          | Required | Description                          | Arguments                          |
-| ------------- | -------- | ------------------------------------ | ---------------------------------- |
-| `onKeyDown`   | No       | Triggered on key down                | `(KeyboardEvent)`                  |
-| `onMouseDown` | No       | Triggered on mouse down on menu item | `(MouseEvent, { index: number })`  |
-| `onCollapse`  | No       | Triggered on menu collapse           | `()`                               |
-| `onExpand`    | No       | Triggered on menu expand             | `()`                               |
-| `onSelect`    | No       | Not yet implemented                  | `(ChangeEvent, { index: number })` |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/buttons-ebay-fake-menu-button--docs)

package/ebay-fake-menu-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-label-Dc7U65G0.js");exports.EbayFakeMenuButton=e.EbayMenuButton;exports.EbayFakeMenuButtonItem=e.EbayFakeMenuButtonItem;exports.EbayFakeMenuButtonLabel=e.EbayFakeMenuButtonLabel;exports.EbayFakeMenuButtonSeparator=e.EbayMenuButtonSeparator;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../menu-button-label-DiWdOiHb.js");exports.EbayFakeMenuButton=e.EbayMenuButton;exports.EbayFakeMenuButtonItem=e.EbayFakeMenuButtonItem;exports.EbayFakeMenuButtonLabel=e.EbayFakeMenuButtonLabel;exports.EbayFakeMenuButtonSeparator=e.EbayMenuButtonSeparator;

package/ebay-fake-tabs/README.md

@@ -1,49 +1,5 @@
-# EbayFakeTab
+# EbayFakeTabs
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/navigation-disclosure-ebay-fake-tabs--default-tabs)
-
-## Import JS
-
-```jsx harmony
-import { EbayFakeTabs, EbayFakeTab } from "@ebay/ui-core-react/ebay-fake-tabs";
-```
-
-## Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/tabs";
-```
-
-## Usage
-
-```jsx harmony
-<EbayFakeTabs>
-    <EbayFakeTab>Tab 1</EbayFakeTab>
-    <EbayFakeTab>Tab 2</EbayFakeTab>
-    <EbayFakeTab>Tab 3</EbayFakeTab>
-    <h3>Title</h3>
-    <p>Content</p>
-</EbayFakeTabs>
-```
-
-## Props
-
-| Name                   | Type    | Stateful | Description                                                                                                                                                                                                                       |
-| ---------------------- | ------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `selectedIndex`        | Number  | Yes      | 0-based index of selected tab heading                                                                                                                                                                                             |
-| `size`                 | Enum    | No       | Sets the size of the tabs. Can be either regular (Default) or large                                                                                                                                                               |
-| `tabMatchesCurrentUrl` | Boolean | No       | Specify whether the href of the currently active fake tab matches the current window url. Default is true. This property is used to configure the underlying aria-current attribute (i.e. a value of "page" (default) or "true"). |
-
-## EbayFakeTab
-
-```jsx harmony
-<EbayTab>Tab 1</EbayTab>
-```
-
-### EbayFakeTab Props
-
-| Name   | Type   | Stateful | Description                               |
-| ------ | ------ | -------- | ----------------------------------------- |
-| `href` | String | No       | The link to take the user to for each tab |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/navigation-disclosure-ebay-fake-tabs--docs)

package/ebay-fake-tabs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),u=require("classnames"),b=require("../utils-C9NL3q0j.js"),l=a=>{var{children:s,href:r,ariaCurrent:n,className:c}=a,t=m.__rest(a,["children","href","ariaCurrent","className"]);return e.createElement("li",Object.assign({},t,{className:u(c,"fake-tabs__item")}),e.createElement("a",{href:r,"aria-current":n},s))},N=a=>{var{selectedIndex:s=0,tabMatchesCurrentUrl:r,size:n,className:c,children:t}=a,o=m.__rest(a,["selectedIndex","tabMatchesCurrentUrl","size","className","children"]);const d=r===!1?"true":"page",f=b.filterByType(t,l).map((i,E)=>e.cloneElement(i,Object.assign(Object.assign({},i.props),{ariaCurrent:s===E?d:null}))),g=b.excludeComponent(t,l),_=n==="large";return e.createElement("div",Object.assign({},o,{className:u(c,"fake-tabs",{"fake-tabs--large":_})}),e.createElement("ul",{className:"fake-tabs__items"},f),e.createElement("div",{className:"fake-tabs__content"},e.createElement("div",{className:"fake-tabs__cell"},g)))};exports.EbayFakeTab=l;exports.EbayFakeTabs=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../tslib.es6-BW4cJBUu.js"),e=require("react"),u=require("classnames"),b=require("../utils-C9NL3q0j.js"),l=a=>{var{children:s,href:r,ariaCurrent:n,className:c}=a,t=m.__rest(a,["children","href","ariaCurrent","className"]);return e.createElement("li",Object.assign({},t,{className:u(c,"fake-tabs__item")}),e.createElement("a",{href:r,"aria-current":n},s))},N=a=>{var{selectedIndex:s=0,tabMatchesCurrentUrl:r,size:n,className:c,children:t}=a,o=m.__rest(a,["selectedIndex","tabMatchesCurrentUrl","size","className","children"]);const d=r===!1?"true":"page",f=b.filterByType(t,l).map((i,E)=>e.cloneElement(i,Object.assign(Object.assign({},i.props),{ariaCurrent:s===E?d:null}))),g=b.excludeComponent(t,l),_=n==="large";return e.createElement("div",Object.assign({},o,{className:u(c,"fake-tabs",{"fake-tabs--large":_})}),e.createElement("ul",{className:"fake-tabs__items"},f),e.createElement("div",{className:"fake-tabs__content"},e.createElement("div",{className:"fake-tabs__cell"},g)))};exports.EbayFakeTab=l;exports.EbayFakeTabs=N;

package/ebay-field/README.md

@@ -1,62 +1,5 @@
 # EbayField
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/form-input-ebay-field--default-inline)
-
-## Import JS
-
-```jsx harmony
-import { EbayField, EbayLabel, EbayFieldDescription } from "@ebay/ui-core-react/ebay-field";
-```
-
-## Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/field";
-```
-
-## Import styles using SCSS/CSS
-
-```jsx harmony
-import "@ebay/skin/field.css";
-```
-
-## Usage
-
-```
-yarn add @ebay/ui-core-react
-```
-
-```jsx harmony
-<EbayField layout="block">
-    <EbayLabel stacked htmlFor="field1">
-        Label 1
-    </EbayLabel>
-    <EbayTextbox placeholder="placeholder text" id="field1" />
-    <EbayFieldDescription type="confirmation" position="below">
-        Some description Text
-    </EbayFieldDescription>
-</EbayField>
-```
-
-## EbayField Attributes
-
-| Name     | Type   | Stateful | Required | Description                 |
-| -------- | ------ | -------- | -------- | --------------------------- |
-| `layout` | String | No       | No       | `block`, `inline` (default) |
-
-## EbayLabel Attributes
-
-| Name       | Type    | Stateful | Required | Description                                           |
-| ---------- | ------- | -------- | -------- | ----------------------------------------------------- |
-| `stacked`  | Boolean | No       | No       | display label above the field if true                 |
-| `required` | Boolean | No       | No       | indicates the field is required if true               |
-| `position` | String  | No       | No       | `start` (default) or `end` position towards the input |
-
-## EbayFieldDescription Attributes
-
-| Name       | Type   | Stateful | Required | Description                                                    |
-| ---------- | ------ | -------- | -------- | -------------------------------------------------------------- |
-| `type`     | String | No       | No       | `confirmation`, `default`(Default), `attention`, `information` |
-| `position` | String | No       | No       | `below` (Default), `inline`, `above`                           |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/form-input-ebay-field--docs)

package/ebay-field/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),l=require("classnames"),p=require("../label-BRztS0pw.js"),d=require("../tslib.es6-C4EgNkz1.js"),b=({className:e,layout:s="inline",children:t})=>{const i=s==="block"?"div":"span";return r.createElement(i,{className:l("field",e)},t)},m=e=>{var{type:s,position:t="below",className:i,children:n}=e,a=d.__rest(e,["type","position","className","children"]);const c=l(i,"field__description",{[`field__description--${s}`]:s}),o=t==="below"?"div":"span";return r.createElement(o,Object.assign({},a,{className:c}),n)};exports.EbayLabel=p.Label;exports.EbayField=b;exports.EbayFieldDescription=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),l=require("classnames"),p=require("../label-4c_dFoBt.js"),d=require("../tslib.es6-BW4cJBUu.js"),b=({className:e,layout:s="inline",children:t})=>{const i=s==="block"?"div":"span";return r.createElement(i,{className:l("field",e)},t)},m=e=>{var{type:s,position:t="below",className:i,children:n}=e,a=d.__rest(e,["type","position","className","children"]);const c=l(i,"field__description",{[`field__description--${s}`]:s}),o=t==="below"?"div":"span";return r.createElement(o,Object.assign({},a,{className:c}),n)};exports.EbayLabel=p.Label;exports.EbayField=b;exports.EbayFieldDescription=m;

package/ebay-file-input/README.md

@@ -1,45 +1,5 @@
 # EbayFileInput
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/form-input-ebay-file-input--docs)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayFileInput, EbayFileInputHeader, EbayFileInputSubheader } from "@ebay/ui-core-react/ebay-file-input";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/file-input";
-```
-
-### 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/file-input.css";
-```
-
-```jsx harmony
-<EbayFileInput onInput={(event, { files }) => console.log(files)}>
-    <EbayFileInputHeader>Upload your files</EbayFileInputHeader>
-    <EbayFileInputSubheader>Supported formats: .jpg, .png</EbayFileInputSubheader>
-    <span>Click or drag files here to upload</span>
-</EbayFileInput>
-```
-
-## Attributes
-
-| Name      | Type     | Required | Description                                                                             | Data               |
-| --------- | -------- | -------- | --------------------------------------------------------------------------------------- | ------------------ |
-| `onInput` | Function | No       | Triggered when files are selected, providing the `files` list as part of the event data | `event, { files }` |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/form-input-ebay-file-input--docs)

package/ebay-file-input/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),i=require("../utils-C9NL3q0j.js"),p=require("classnames"),I=require("../random-id-DlJj_RWH.js"),v=require("../icons/ebay-icon-upload-24/index.js"),c=n=>{var{className:t,as:a="span"}=n,s=u.__rest(n,["className","as"]);return e.createElement(a,Object.assign({className:p("file-input__content-header",t)},s))},o=n=>{var{className:t,as:a="span"}=n,s=u.__rest(n,["className","as"]);return e.createElement(a,Object.assign({className:p("file-input__content-subheader",t)},s))},y=n=>{var{children:t,onInput:a,className:s}=n,l=u.__rest(n,["children","onInput","className"]);const d=I.useRandomId(),[f,m]=e.useState(!1),E=r=>{a&&a(r,{files:r.target.files})},_=()=>m(!0),g=()=>m(!1),h=i.findComponent(t,c),N=i.findComponent(t,o),b=i.excludeComponent(t,c).filter(({type:r})=>r!==o);return e.createElement("div",{className:p("file-input",f&&"file-input___container--dragged-over",s)},e.createElement("div",{className:"file-input__container"},e.createElement("div",{className:"file-input__upload-icon"},e.createElement(v.EbayIconUpload24,null)),e.createElement("div",{className:"file-input__content"},h,N,b&&e.createElement("label",{htmlFor:l.id||d},e.createElement("span",{className:"file-input__content-cta"},b)))),e.createElement("input",Object.assign({},l,{id:l.id||d,type:"file",className:"file-input__input",onChange:E,onDragEnter:_,onDragOver:_,onDragLeave:g,onDrop:g})))};exports.EbayFileInput=y;exports.EbayFileInputHeader=c;exports.EbayFileInputSubheader=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../tslib.es6-BW4cJBUu.js"),e=require("react"),i=require("../utils-C9NL3q0j.js"),p=require("classnames"),I=require("../random-id-DlJj_RWH.js"),v=require("../icons/ebay-icon-upload-24/index.js"),c=n=>{var{className:t,as:a="span"}=n,s=u.__rest(n,["className","as"]);return e.createElement(a,Object.assign({className:p("file-input__content-header",t)},s))},o=n=>{var{className:t,as:a="span"}=n,s=u.__rest(n,["className","as"]);return e.createElement(a,Object.assign({className:p("file-input__content-subheader",t)},s))},y=n=>{var{children:t,onInput:a,className:s}=n,l=u.__rest(n,["children","onInput","className"]);const d=I.useRandomId(),[f,m]=e.useState(!1),E=r=>{a&&a(r,{files:r.target.files})},_=()=>m(!0),g=()=>m(!1),h=i.findComponent(t,c),N=i.findComponent(t,o),b=i.excludeComponent(t,c).filter(({type:r})=>r!==o);return e.createElement("div",{className:p("file-input",f&&"file-input___container--dragged-over",s)},e.createElement("div",{className:"file-input__container"},e.createElement("div",{className:"file-input__upload-icon"},e.createElement(v.EbayIconUpload24,null)),e.createElement("div",{className:"file-input__content"},h,N,b&&e.createElement("label",{htmlFor:l.id||d},e.createElement("span",{className:"file-input__content-cta"},b)))),e.createElement("input",Object.assign({},l,{id:l.id||d,type:"file",className:"file-input__input",onChange:E,onDragEnter:_,onDragOver:_,onDragLeave:g,onDrop:g})))};exports.EbayFileInput=y;exports.EbayFileInputHeader=c;exports.EbayFileInputSubheader=o;