@ebay/ui-core-react 9.4.0 → 9.6.0

package/ebay-details/README.md

@@ -1,51 +1,5 @@
 # EbayDetails
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/navigation-disclosure-ebay-details--default)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayDetails } from "@ebay/ui-core-react/ebay-details";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/details";
-```
-
-### 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/details.css";
-```
-
-```jsx harmony
-<EbayDetails text="details">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
-    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
-    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-</EbayDetails>
-```
-
-## Attributes
-
-| Name        | Type              | Required | Description                                        | Data                       |
-| ----------- | ----------------- | -------- | -------------------------------------------------- | -------------------------- |
-| `alignment` | String            | No       | The position of the details, `regular` or `center` |                            |
-| `size`      | String            | No       | Size of the details, `regular` or `small`          |                            |
-| `open`      | String            | No       | Whether details is open                            |                            |
-| `text`      | String            | Yes      | Text for the summary                               |                            |
-| `as`        | React.ElementType | No       | Element type for the summary, default is `div`     |                            |
-| `onToggle`  | Function          | No       | Triggered on toggle                                | `(event: Event, { open })` |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/navigation-disclosure-ebay-details--docs)

package/ebay-details/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../ebay-details-GQ3atM4S.js");exports.EbayDetails=e.EbayDetails;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../ebay-details-O8sqphtP.js");exports.EbayDetails=e.EbayDetails;

package/{ebay-details-GQ3atM4S.js → ebay-details-O8sqphtP.js}

@@ -1 +1 @@
-"use strict";const E=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),l=require("classnames"),N=require("./icons/ebay-icon-chevron-down-16/index.js"),p=a=>{var{size:c,alignment:r,text:i,leading:s,as:m="div",className:o,open:d,onToggle:t,children:_}=a,g=E.__rest(a,["size","alignment","text","leading","as","className","open","onToggle","children"]);const u=t&&(n=>{t(n,{open:n.currentTarget.open})});return e.createElement("details",Object.assign({open:d,onToggle:u,className:l("details",o)},g),e.createElement("summary",{className:l("details__summary",{"details__summary--small":c==="small","details__summary--center":r==="center"})},s&&e.createElement("span",{className:"details__leading"},s),e.createElement("span",{className:"details__label"},i),e.createElement("span",{className:"details__icon",hidden:!0},e.createElement(N.EbayIconChevronDown16,null))),e.createElement(m,{className:"details__content"},_))};exports.EbayDetails=p;
+"use strict";const E=require("./tslib.es6-BW4cJBUu.js"),e=require("react"),l=require("classnames"),N=require("./icons/ebay-icon-chevron-down-16/index.js"),p=a=>{var{size:c,alignment:r,text:i,leading:s,as:m="div",className:o,open:d,onToggle:t,children:_}=a,g=E.__rest(a,["size","alignment","text","leading","as","className","open","onToggle","children"]);const u=t&&(n=>{t(n,{open:n.currentTarget.open})});return e.createElement("details",Object.assign({open:d,onToggle:u,className:l("details",o)},g),e.createElement("summary",{className:l("details__summary",{"details__summary--small":c==="small","details__summary--center":r==="center"})},s&&e.createElement("span",{className:"details__leading"},s),e.createElement("span",{className:"details__label"},i),e.createElement("span",{className:"details__icon",hidden:!0},e.createElement(N.EbayIconChevronDown16,null))),e.createElement(m,{className:"details__content"},_))};exports.EbayDetails=p;

package/ebay-dialog-base/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../dialog-previous-button-aXPjyhOT.js");exports.DialogBaseWithState=o.DialogBaseWithState;exports.EbayDialogActions=o.EbayDialogActions;exports.EbayDialogCloseButton=o.EbayDialogCloseButton;exports.EbayDialogFooter=o.EbayDialogFooter;exports.EbayDialogHeader=o.EbayDialogHeader;exports.EbayDialogPreviousButton=o.EbayDialogPreviousButton;exports.useDialogAnimation=o.useDialogAnimation;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../dialog-previous-button-BXqfHRJY.js");exports.DialogBaseWithState=o.DialogBaseWithState;exports.EbayDialogActions=o.EbayDialogActions;exports.EbayDialogCloseButton=o.EbayDialogCloseButton;exports.EbayDialogFooter=o.EbayDialogFooter;exports.EbayDialogHeader=o.EbayDialogHeader;exports.EbayDialogPreviousButton=o.EbayDialogPreviousButton;exports.useDialogAnimation=o.useDialogAnimation;

package/ebay-donut-chart/donut-chart-tooltip.d.ts

@@ -0,0 +1,8 @@
+interface DonutChartTooltipOptions {
+    name: string;
+    value: string;
+    tooltip?: string;
+}
+export declare function donutChartTooltipHtml({ name, value, tooltip }: DonutChartTooltipOptions): string;
+export {};
+//# sourceMappingURL=donut-chart-tooltip.d.ts.map

package/ebay-donut-chart/donut-chart-tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"donut-chart-tooltip.d.ts","sourceRoot":"","sources":["../../src/ebay-donut-chart/donut-chart-tooltip.ts"],"names":[],"mappings":"AAEA,UAAU,wBAAwB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,wBAAwB,GAAG,MAAM,CAGhG"}

package/ebay-donut-chart/donut-chart.d.ts

@@ -0,0 +1,5 @@
+import { FC } from "react";
+import type { EbayDonutChartProps } from "./types";
+declare const EbayDonutChart: FC<EbayDonutChartProps>;
+export default EbayDonutChart;
+//# sourceMappingURL=donut-chart.d.ts.map

package/ebay-donut-chart/donut-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"donut-chart.d.ts","sourceRoot":"","sources":["../../src/ebay-donut-chart/donut-chart.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAS3C,OAAO,KAAK,EAAmB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAsBpE,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAkG3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/ebay-donut-chart/index.d.ts

@@ -0,0 +1,3 @@
+export { default as EbayDonutChart } from "./donut-chart";
+export type { EbayDonutChartProps, DonutSeriesItem } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/ebay-donut-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-donut-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAC1D,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/ebay-donut-chart/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../tslib.es6-BW4cJBUu.js"),e=require("react"),f=require("classnames"),E=require("@highcharts/react"),m=require("highcharts");require("highcharts/modules/accessibility");require("highcharts/modules/pattern-fill");const c=require("../shared-DrsztGqS.js"),C=require("../chart-legend-QlYP-Aia.js");function N(a){a.wrap(a.seriesTypes.pie.prototype,"translate",function(r){if(r.call(this),this.points.length===1)return;const t=this.center[2],i=2*Math.asin(5/t);this.points.forEach(d=>{d.shapeArgs.start+=i/2,d.shapeArgs.end-=i/2})})}function S({name:a,value:r,tooltip:t}){const s=c.escapeHtml(t??r);return`<div class="donut-tooltip tooltip__overlay" role="tooltip"><div class="tooltip__mask"><div class="tooltip__cell"><div class="tooltip__content"><b>${c.escapeHtml(a)}</b><br>${s}</div></div></div></div>`}N(m);const q=`
+    .donut-tooltip.tooltip__overlay { display: block; position: relative; }
+`;function D(a){var r;const t=a[0];if(!t)return{prepared:void 0,colors:[]};const s=Object.assign(Object.assign({},t),{type:(r=t.type)!==null&&r!==void 0?r:"pie"}),i=c.setDonutColors(s);return{prepared:s,colors:i}}const k=a=>{var{title:r,metricValue:t,metricLabel:s,series:i,highchartsDescription:d,className:v}=a,_=y.__rest(a,["title","metricValue","metricLabel","series","highchartsDescription","className"]);i.length===0&&console.warn("EbayDonutChart: at least one series is required."),i.length>1&&console.warn("EbayDonutChart: only one series is supported. Additional series will be ignored.");const{prepared:o,colors:p}=e.useMemo(()=>D(i),[i]),g=e.useMemo(()=>{var n,l;return(l=(n=o?.data)===null||n===void 0?void 0:n.map(h=>{var u;return{name:(u=h.name)!==null&&u!==void 0?u:"",value:h.y}}))!==null&&l!==void 0?l:[]},[o]),b=e.useMemo(()=>({chart:{type:"pie",spacing:[0,0,0,0],margin:[0,0,0,0],backgroundColor:c.backgroundColor,style:{fontFamily:c.chartFontFamily}},colors:p,title:{text:void 0},plotOptions:{pie:{description:d,size:"100%",thickness:10,allowPointSelect:!1,cursor:"pointer",borderRadius:"30%",dataLabels:{enabled:!1},states:{hover:{halo:{size:0}}}}},tooltip:{hideDelay:250,useHTML:!0,backgroundColor:"transparent",padding:0,borderWidth:0,borderRadius:0,outside:!0,shadow:!1,shared:!0,style:{filter:c.tooltipShadows,fontSize:"12px"},formatter:function(){var n,l;return S({name:String((n=this.key)!==null&&n!==void 0?n:""),value:String((l=this.y)!==null&&l!==void 0?l:""),tooltip:this.tooltip})}},series:o?[o]:[],credits:{enabled:!1}}),[o,p,d]);return e.createElement(e.Fragment,null,e.createElement("style",null,q),e.createElement("div",Object.assign({},_,{className:f("donut-chart",v)}),e.createElement("div",{className:"donut-chart__grid"},r&&e.createElement("div",{className:"donut-chart__title"},r),(t||s)&&e.createElement("div",{className:"donut-chart__metric"},t&&e.createElement("div",{className:"donut-chart__metric-value"},t),s&&e.createElement("div",{className:"donut-chart__metric-label"},s)),e.createElement("div",{className:"donut-chart__graph"},e.createElement(E.Chart,{highcharts:m,options:b})),e.createElement("div",{className:"donut-chart__legend"},e.createElement(C.EbayChartLegend,{items:g})))))};exports.EbayDonutChart=k;

package/ebay-donut-chart/types.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps, ReactNode } from "react";
+import type Highcharts from "highcharts";
+export interface DonutSeriesItem extends Omit<Highcharts.SeriesOptions, "type"> {
+    data: Highcharts.PointOptionsObject[];
+    type?: "pie";
+}
+export type EbayDonutChartProps = Omit<ComponentProps<"div">, "title"> & {
+    title?: ReactNode;
+    metricValue?: ReactNode;
+    metricLabel?: ReactNode;
+    series: DonutSeriesItem[];
+    highchartsDescription?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/ebay-donut-chart/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-donut-chart/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AAEzC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,MAAM,CAAC;IAC3E,IAAI,EAAE,UAAU,CAAC,kBAAkB,EAAE,CAAC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC;CAChB;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC"}

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;