@ebay/ui-core-react 9.4.0 → 9.5.0

package/ebay-file-preview-card/README.md

@@ -1,77 +1,5 @@
 # EbayFilePreviewCard
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/media-ebay-file-preview-card--docs)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayFilePreviewCard } from "@ebay/ui-core-react/ebay-file-preview-card";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/file-preview-card";
-```
-
-### Or import styles using SCSS/CSS
-
-```jsx harmony
-import "@ebay/skin/file-preview-card.css";
-```
-
-```jsx harmony
-<EbayFilePreviewCard status="uploading" a11yCancelUploadText="Cancel Uploard" onCancel={(e) => action("onCancel")(e)} />
-```
-
-```jsx harmony
-<EbayFilePreviewCard
-    file={{
-        name: "file-name.jpg",
-        type: "image",
-        src: "https://ir.ebaystatic.com/cr/v/c01/skin/docs/tb-real-square-pic.jpg",
-    }}
-    onAction={onAction}
->
-    <EbayFilePreviewCardAction icon={<EbayIconHeart16 />} aria-label="like item" />
-</EbayFilePreviewCard>
-```
-
-## Attributes
-
-| Name                   | Type                                                         | Required | Description                                                                                                  | Data |
-| ---------------------- | ------------------------------------------------------------ | -------- | ------------------------------------------------------------------------------------------------------------ | ---- |
-| `a11yCancelUploadText` | `String`                                                     | No       | a11y text for cancel upload button.                                                                          |      |
-| `as`                   | `React.ElementType`                                          | No       | Element type for the preview card, default is `div`                                                          |      |
-| `deleteText`           | `String`                                                     | No       | Text for delete button.                                                                                      |      |
-| `status`               | `String`                                                     | No       | Status of the file, can be `"uploading"`                                                                     |      |
-| `labelText`            | `String`                                                     | No       | Text to display in the label.                                                                                |      |
-| `footerTitle`          | `String`                                                     | No       | Title to display beneath the file, usually the filename.                                                     |      |
-| `footerSubtitle`       | `String`                                                     | No       | Subtitle to display beneath the file title.                                                                  |      |
-| `infoText`             | `String`                                                     | No       | Text to display info in file if not image.                                                                   |      |
-| `file`                 | `File` or `{name: string, type?: File[type], src?: string }` | No       | File object, can be raw platform `File` or an object containing `name`, `type`, and a `src` for the preview. |      |
-| `menuActions`          | `{event: string, label: string }[]`                          | No       | Array of menu actions, containing event and label.                                                           |      |
-| `a11yMenuButtonText`   | `String`                                                     | No       | a11y text for menu button. This is required when menuActions is set.                                         |      |
-| `seeMore`              | `Number`                                                     | No       | Passing a number here will convert the card to a "see more" card.                                            |      |
-| `a11ySeeMoreText`      | `String`                                                     | No       | a11y text for see more button.                                                                               |
-| `href`                 | `String`                                                     | No       | href that will wrapper the file preview card.                                                                |
-
-## Events
-
-| Name           | Type                         | Required | Description                                         | Data                                                            |
-| -------------- | ---------------------------- | -------- | --------------------------------------------------- | --------------------------------------------------------------- |
-| `onMenuAction` | `EbayMenuSelectEventHandler` | No       | Triggered when an action is selected from the menu. | `event, {index: number, checked: number[], eventName?: string}` |
-| `onSeeMore`    | `EbayEventHandler`           | No       | Triggered when the see more button is clicked.      | `event`                                                         |
-| `onDelete`     | `EbayEventHandler`           | No       | Triggered when the delete button is clicked.        | `event`                                                         |
-| `onCancel`     | `EbayEventHandler`           | No       | Triggered when the cancel button is clicked.        | `event`                                                         |
-| `onAction`     | `EbayEventHandler`           | No       | Triggered when the action button is clicked.        | `event`                                                         |
-
-## Components
-
-| Name                        | Type                  | Required | Description                                                                                                            | Data |
-| --------------------------- | --------------------- | -------- | ---------------------------------------------------------------------------------------------------------------------- | ---- |
-| `EbayFilePreviewCardAction` | `EbayIconButtonProps` | No       | Action component that will be used to render EbayIconButton and needs to have an `icon` and `aria-label` to be render. |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/media-ebay-file-preview-card--docs)

package/ebay-file-preview-card/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../file-preview-card-C7kSASWO.js");exports.EbayFilePreviewCard=e.EbayFilePreviewCard;exports.EbayFilePreviewCardAction=e.EbayFilePreviewCardAction;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../file-preview-card-Du_rM7X1.js");exports.EbayFilePreviewCard=e.EbayFilePreviewCard;exports.EbayFilePreviewCardAction=e.EbayFilePreviewCardAction;

package/ebay-file-preview-card-group/README.md

@@ -1,56 +1,5 @@
 # EbayFilePreviewCardGroup
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/media-ebay-file-preview-card-group--docs)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayFilePreviewCardGroup } from "@ebay/ui-core-react/ebay-file-preview-card-group";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/file-preview-card-group";
-```
-
-### Or import styles using SCSS/CSS
-
-```jsx harmony
-import "@ebay/skin/file-preview-card-group.css";
-```
-
-```jsx harmony
-const fileExample = {
-            name: 'file-name.jpg',
-            type: 'image',
-            src: 'https://ir.ebaystatic.com/cr/v/c01/skin/docs/tb-real-square-pic.jpg'
-        }
-
-<EbayFilePreviewCardGroup
-    a11ySeeMoreText="See more text"
->
-    <EbayFilePreviewCard file={fileExample} onDelete={handleOnDelete}/>
-    <EbayFilePreviewCard file={fileExample} onDelete={handleOnDelete}/>
-    <EbayFilePreviewCard file={fileExample} onDelete={handleOnDelete}/>
-</EbayFilePreviewCardGroup>
-```
-
-## Attributes
-
-| Name              | Type     | Required | Description                    | Data |
-| ----------------- | -------- | -------- | ------------------------------ | ---- |
-| `a11ySeeMoreText` | `String` | No       | a11y text for see more button. |
-
-## Events
-
-| Name           | Type                           | Required | Description                                         | Data                                                                                               |
-| -------------- | ------------------------------ | -------- | --------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
-| `onMenuAction` | `EbayMenuSelectEventHandler`   | No       | Triggered when an action is selected from the menu. | `event, {index: number, menuActionEvent: { index: number, checked: number[], eventName?: string}}` |
-| `onDelete`     | `FilePreviewCardActionHandler` | No       | Triggered when the delete button is clicked.        | `event, {index: number}`                                                                           |
-| `onCancel`     | `FilePreviewCardActionHandler` | No       | Triggered when the cancel button is clicked.        | `event, {index: number}`                                                                           |
-| `onAction`     | `FilePreviewCardActionHandler` | No       | Triggered when the custon action button is clicked. | `event, {index: number}`                                                                           |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/media-ebay-file-preview-card-group--docs)

package/ebay-file-preview-card-group/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),C=require("classnames"),E=require("../utils-C9NL3q0j.js"),b=require("../file-preview-card-C7kSASWO.js"),m=15,f=i=>{var{a11ySeeMoreText:M,onDelete:c,onCancel:l,onAction:a,onMenuAction:u,className:S,children:p}=i,g=A.__rest(i,["a11ySeeMoreText","onDelete","onCancel","onAction","onMenuAction","className","children"]);const[t,h]=o.useState(m),v=()=>{h(r=>r+m)},n=E.filterByType(p,b.EbayFilePreviewCard),d=n.length-t,w=n.slice(0,Math.min(t,n.length));return o.createElement("div",Object.assign({className:C("file-preview-card-group",S)},g),o.createElement("ul",null,w.map((r,s)=>o.cloneElement(r,{as:r.props.as||"li",onDelete:e=>c&&c(e,{index:s}),onCancel:e=>l&&l(e,{index:s}),onAction:e=>a&&a(e,{index:s}),onMenuAction:(e,y)=>u&&u(e,{index:s,menuActionEvent:y})})),d>0&&o.cloneElement(n[t],{seeMore:d,a11ySeeMoreText:M,onSeeMore:v,as:n[t].props.as||"li"})))};exports.EbayFilePreviewCardGroup=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../tslib.es6-BW4cJBUu.js"),o=require("react"),C=require("classnames"),E=require("../utils-C9NL3q0j.js"),b=require("../file-preview-card-Du_rM7X1.js"),m=15,f=i=>{var{a11ySeeMoreText:M,onDelete:c,onCancel:l,onAction:a,onMenuAction:u,className:S,children:p}=i,g=A.__rest(i,["a11ySeeMoreText","onDelete","onCancel","onAction","onMenuAction","className","children"]);const[t,h]=o.useState(m),v=()=>{h(r=>r+m)},n=E.filterByType(p,b.EbayFilePreviewCard),d=n.length-t,w=n.slice(0,Math.min(t,n.length));return o.createElement("div",Object.assign({className:C("file-preview-card-group",S)},g),o.createElement("ul",null,w.map((r,s)=>o.cloneElement(r,{as:r.props.as||"li",onDelete:e=>c&&c(e,{index:s}),onCancel:e=>l&&l(e,{index:s}),onAction:e=>a&&a(e,{index:s}),onMenuAction:(e,y)=>u&&u(e,{index:s,menuActionEvent:y})})),d>0&&o.cloneElement(n[t],{seeMore:d,a11ySeeMoreText:M,onSeeMore:v,as:n[t].props.as||"li"})))};exports.EbayFilePreviewCardGroup=f;

package/ebay-filter/README.md

@@ -1,47 +1,5 @@
 # EbayFilter
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/building-blocks-ebay-filter--default)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayFilter } from "@ebay/ui-core-react/ebay-filter";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/filter";
-```
-
-### 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/filter.css";
-```
-
-```jsx harmony
-<EbayFilter>Text</EbayFilter>
-```
-
-## Attributes
-
-| Name               | Type     | Required | Description                                                                       | Data                           |
-| ------------------ | -------- | -------- | --------------------------------------------------------------------------------- | ------------------------------ |
-| `href`             | String   | No       | For link that looks like a button                                                 |                                |
-| `disabled`         | Boolean  | No       | Whether the filter is disabled or not                                             |                                |
-| `selected`         | Boolean  | No       | Whether the filter is selected or not (use this for controlled component)         |                                |
-| `defaultSelected`  | Boolean  | No       | Whether the filter is first selected or not (use this for uncontrolled component) |                                |
-| `useAriaPressed`   | Boolean  | No       | defaults to `true`                                                                |                                |
-| `a11ySelectedText` | String   | No       | defaults to `"Selected"`, but should be changed based on L10N or I18N             |                                |
-| `onClick`          | Function | No       | Triggered on item clicked                                                         | `(event: Event, { selected })` |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/building-blocks-ebay-filter--docs)

package/ebay-filter/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../tslib.es6-C4EgNkz1.js"),h=require("classnames"),t=require("react"),k=c=>{var{defaultSelected:d,selected:a,href:e,className:i,useAriaPressed:o,a11ySelectedText:u,disabled:n,children:b,onClick:m=()=>{}}=c,S=N.__rest(c,["defaultSelected","selected","href","className","useAriaPressed","a11ySelectedText","disabled","children","onClick"]);const s=e?"filter-link":"filter-button",[f,p]=t.useState(d),l=typeof a<"u"?a:f,y=e?"a":"button",C=E=>{if(!n){const r=!l;p(r),m(E,{selected:r})}};return t.createElement(y,Object.assign({},S,{disabled:n,className:h(s,i,`${s}--${l?"selected":"unselected"}`),type:e?void 0:"button",href:e,"aria-pressed":o!==!1&&!e&&l?"true":void 0,onClick:C}),t.createElement("span",{className:`${s}__cell`},t.createElement("span",null,b),e&&l?t.createElement("span",{className:"clipped"},"- ",u||"Selected"):null))};exports.EbayFilter=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../tslib.es6-BW4cJBUu.js"),h=require("classnames"),t=require("react"),k=c=>{var{defaultSelected:d,selected:a,href:e,className:i,useAriaPressed:o,a11ySelectedText:u,disabled:n,children:b,onClick:m=()=>{}}=c,S=N.__rest(c,["defaultSelected","selected","href","className","useAriaPressed","a11ySelectedText","disabled","children","onClick"]);const s=e?"filter-link":"filter-button",[f,p]=t.useState(d),l=typeof a<"u"?a:f,y=e?"a":"button",C=E=>{if(!n){const r=!l;p(r),m(E,{selected:r})}};return t.createElement(y,Object.assign({},S,{disabled:n,className:h(s,i,`${s}--${l?"selected":"unselected"}`),type:e?void 0:"button",href:e,"aria-pressed":o!==!1&&!e&&l?"true":void 0,onClick:C}),t.createElement("span",{className:`${s}__cell`},t.createElement("span",null,b),e&&l?t.createElement("span",{className:"clipped"},"- ",u||"Selected"):null))};exports.EbayFilter=k;

package/ebay-filter-chip/README.md

@@ -1,51 +1,5 @@
 # EbayFilterChip
 
-## Demo
+## Documentation
 
-- [Storybook](https://ebay.github.io/evo-web/ebayui-core-react/?path=/story/form-input-ebay-filter-chip)
-
-## Usage
-
-### Import JS
-
-```jsx
-import { EbayFilterChip } from "@ebay/ui-core-react/ebay-filter-chip";
-```
-
-### Import following styles from SKIN
-
-```jsx
-import "@ebay/skin/filter-chip";
-```
-
-### If tokens haven't been added to the project at a higher level, make sure to import
-
-```jsx
-import "@ebay/skin/tokens";
-```
-
-### Or import styles using SCSS/CSS
-
-```jsx
-import "@ebay/skin/filter-chip.css";
-```
-
-```jsx
-<EbayFilterChip>Filter Chip</EbayFilterChip>
-```
-
-## Props
-
-| Name               | Type                                      | Stateful | Required | Description                                                         |
-| ------------------ | ----------------------------------------- | -------- | -------- | ------------------------------------------------------------------- |
-| `variant`          | `"default"` \| `"expressive"` \| `"menu"` | No       | No       | The chip variant (default: `"default"`)                             |
-| `selected`         | Boolean                                   | Yes      | No       | Whether the chip is selected (default: `false`)                     |
-| `defaultSelected`  | Boolean                                   | No       | No       | Initial selected state for uncontrolled usage (default: `false`)    |
-| `expanded`         | Boolean                                   | Yes      | No       | Whether the menu chip is expanded (default: `false`)                |
-| `defaultExpanded`  | Boolean                                   | No       | No       | Initial expanded state for uncontrolled usage (default: `false`)    |
-| `disabled`         | Boolean                                   | No       | No       | Whether the chip is disabled (default: `false`)                     |
-| `href`             | String                                    | No       | No       | URL to navigate to (renders as anchor when provided)                |
-| `icon`             | Object                                    | No       | No       | Icon props for default variant                                      |
-| `image`            | Object                                    | No       | No       | Image props for expressive variant                                  |
-| `a11ySelectedText` | String                                    | No       | No       | Accessibility text for selected state (default: `"Filter Applied"`) |
-| `onClick`          | Function                                  | No       | No       | props: event, { selected, expanded }                                |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/form-input-ebay-filter-chip--docs)

package/ebay-filter-chip/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("../tslib.es6-C4EgNkz1.js"),T=require("classnames"),e=require("react"),j=require("../icons/ebay-icon-chevron-down-12/index.js"),A=o=>{var{children:v,selected:u,defaultSelected:h=!1,expanded:p,defaultExpanded:x=!1,variant:t="default",icon:b,image:E,a11ySelectedText:C="Filter Applied",href:f,className:S,onClick:s,disabled:i}=o,_=R.__rest(o,["children","selected","defaultSelected","expanded","defaultExpanded","variant","icon","image","a11ySelectedText","href","className","onClick","disabled"]);const[y,N]=e.useState(h),[g,k]=e.useState(x),m=e.useRef(null),a=u!==void 0?u:y,c=p!==void 0?p:g,n=!!f&&t!=="menu";e.useLayoutEffect(()=>{var d,l;(l=(d=m.current)===null||d===void 0?void 0:d.classList)===null||l===void 0||l.add("filter-chip--animated")},[]);const q=d=>{if(!i){let l=c,r=a;t==="menu"?(l=!c,k(l)):(r=!a,N(r)),s?.(d,{expanded:l,selected:r})}},w=T("filter-chip",{"filter-chip--expressive":t==="expressive","filter-chip--selected":n&&a},S),F=n?"a":"button";return e.createElement(F,Object.assign({},_,{ref:m,className:w,onClick:q,href:i?void 0:f,type:n?void 0:"button","aria-pressed":n?void 0:a?"true":"false","aria-expanded":t==="menu"?c?"true":"false":void 0,disabled:n?void 0:i}),t==="expressive"?e.createElement("span",{className:"filter-chip__media"},E):null,t==="default"?b:null,e.createElement("span",{className:"filter-chip__text"},v,a&&n?e.createElement("span",{className:"clipped"},"- ",C):null),t==="menu"?e.createElement(j.EbayIconChevronDown12,{className:"filter-chip__trailing"}):null)};exports.EbayFilterChip=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("../tslib.es6-BW4cJBUu.js"),T=require("classnames"),e=require("react"),j=require("../icons/ebay-icon-chevron-down-12/index.js"),A=o=>{var{children:v,selected:u,defaultSelected:h=!1,expanded:p,defaultExpanded:x=!1,variant:t="default",icon:b,image:E,a11ySelectedText:C="Filter Applied",href:f,className:S,onClick:s,disabled:i}=o,_=R.__rest(o,["children","selected","defaultSelected","expanded","defaultExpanded","variant","icon","image","a11ySelectedText","href","className","onClick","disabled"]);const[y,N]=e.useState(h),[g,k]=e.useState(x),m=e.useRef(null),a=u!==void 0?u:y,c=p!==void 0?p:g,n=!!f&&t!=="menu";e.useLayoutEffect(()=>{var d,l;(l=(d=m.current)===null||d===void 0?void 0:d.classList)===null||l===void 0||l.add("filter-chip--animated")},[]);const q=d=>{if(!i){let l=c,r=a;t==="menu"?(l=!c,k(l)):(r=!a,N(r)),s?.(d,{expanded:l,selected:r})}},w=T("filter-chip",{"filter-chip--expressive":t==="expressive","filter-chip--selected":n&&a},S),F=n?"a":"button";return e.createElement(F,Object.assign({},_,{ref:m,className:w,onClick:q,href:i?void 0:f,type:n?void 0:"button","aria-pressed":n?void 0:a?"true":"false","aria-expanded":t==="menu"?c?"true":"false":void 0,disabled:n?void 0:i}),t==="expressive"?e.createElement("span",{className:"filter-chip__media"},E):null,t==="default"?b:null,e.createElement("span",{className:"filter-chip__text"},v,a&&n?e.createElement("span",{className:"clipped"},"- ",C):null),t==="menu"?e.createElement(j.EbayIconChevronDown12,{className:"filter-chip__trailing"}):null)};exports.EbayFilterChip=A;

package/ebay-filter-input/README.md

@@ -1,106 +1,5 @@
 # EbayFilterInput
 
-## Demo
+## Documentation
 
-- [Storybook](https://ebay.github.io/evo-web/ebayui-core-react/?path=/story/form-input-ebay-filter-input)
-
-## Usage
-
-### Import JS
-
-```jsx
-import { EbayFilterInput } from "@ebay/ui-core-react/ebay-filter-input";
-```
-
-### Import following styles from SKIN
-
-```jsx
-import "@ebay/skin/filter-input";
-```
-
-### If tokens haven't been added to the project at a higher level, make sure to import
-
-```jsx
-import "@ebay/skin/tokens";
-```
-
-### Or import styles using SCSS/CSS
-
-```jsx
-import "@ebay/skin/filter-input.css";
-```
-
-```jsx
-<EbayFilterInput placeholder="Search items" />
-```
-
-## Props
-
-| Name              | Type                   | Stateful | Required | Description                                                    |
-| ----------------- | ---------------------- | -------- | -------- | -------------------------------------------------------------- |
-| `size`            | `"large"` \| `"small"` | No       | No       | The input size variant                                         |
-| `placeholder`     | String                 | No       | No       | Placeholder text (default: `"Filter"`)                         |
-| `a11yClearButton` | String                 | No       | No       | Aria-label for clear button. When provided, shows clear button |
-| `a11yControlsId`  | String                 | No       | No       | ID of element that this input controls (for `aria-controls`)   |
-| `onClear`         | Function               | No       | No       | Callback for clear button click: `(event, { value }) => void`  |
-| `onChange`        | Function               | No       | No       | Callback for input blur: `(event, { value }) => void`          |
-| `onInputChange`   | Function               | No       | No       | Callback for input value change: `(event, { value }) => void`  |
-| `onFocus`         | Function               | No       | No       | Callback for input focus: `(event, { value }) => void`         |
-| `onBlur`          | Function               | No       | No       | Callback for input blur: `(event, { value }) => void`          |
-| `onKeyDown`       | Function               | No       | No       | Callback for key down: `(event, { value }) => void`            |
-| `onKeyPress`      | Function               | No       | No       | Callback for key press: `(event, { value }) => void`           |
-| `onKeyUp`         | Function               | No       | No       | Callback for key up: `(event, { value }) => void`              |
-
-## Examples
-
-### Basic Filter Input
-
-```jsx
-<EbayFilterInput placeholder="Filter results" />
-```
-
-### With Clear Button
-
-```jsx
-<EbayFilterInput
-    placeholder="Filter results"
-    a11yClearButton="Clear filters"
-    onClear={(event, { value }) => console.log("Cleared:", value)}
-/>
-```
-
-### With Size Variants
-
-```jsx
-<EbayFilterInput size="large" placeholder="Large filter input" />
-<EbayFilterInput size="small" placeholder="Small filter input" />
-```
-
-### With Event Handlers
-
-```jsx
-<EbayFilterInput
-    placeholder="Search items"
-    a11yClearButton="Clear search"
-    onInputChange={(event, { value }) => console.log("Input changed:", value)}
-    onKeyDown={(event, { value }) => {
-        if (event.key === "Enter") {
-            console.log("Search submitted:", value);
-        }
-    }}
-    onClear={(event, { value }) => console.log("Search cleared")}
-/>
-```
-
-### Controlling Results List
-
-```jsx
-<EbayFilterInput
-    placeholder="Filter list items"
-    a11yControlsId="filtered-list"
-    onInputChange={(event, { value }) => filterList(value)}
-/>
-<ul id="filtered-list">
-    {/* Filtered list items */}
-</ul>
-```
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/form-input-ebay-filter-input--docs)

package/ebay-filter-input/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../tslib.es6-C4EgNkz1.js"),z=require("classnames"),e=require("react"),o=require("../textbox-DAip4ToD.js"),N=require("../icons/ebay-icon-search-16/index.js"),_=require("../icons/ebay-icon-clear-16/index.js"),b=["large","small"],T=r=>{var{size:t,a11yClearButton:s,a11yControlsId:d,onClear:p=()=>{},className:f,placeholder:y="Filter",value:c,defaultValue:C,onInputChange:n,inputRef:m}=r,I=q.__rest(r,["size","a11yClearButton","a11yControlsId","onClear","className","placeholder","value","defaultValue","onInputChange","inputRef"]);const l=c!==void 0,[E,i]=e.useState(C||""),x=l?c:E,h=t&&b.includes(t)?t==="small"?"default":"large":void 0,v=(a,{value:u})=>{l||i(u),n&&n(a,{value:u})},g=a=>{l||i(""),n&&n(a,{value:""}),p(a,{value:""})},S=z("filter-input",t&&b.includes(t)&&`filter-input--${t}`,f);return e.createElement("span",{className:S},e.createElement(o.EbayTextbox,Object.assign({},I,{inputRef:m,value:x,onInputChange:v,fluid:!0,type:"search","aria-controls":d,placeholder:y,inputSize:h}),e.createElement(o.EbayTextboxPrefixIcon,{icon:e.createElement(N.EbayIconSearch16,null)}),s&&e.createElement(o.EbayTextboxPostfixIcon,{icon:e.createElement(_.EbayIconClear16,null),buttonAriaLabel:s,className:"filter-input__clear-btn",onClick:a=>g(a)})))};exports.EbayFilterInput=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../tslib.es6-BW4cJBUu.js"),z=require("classnames"),e=require("react"),o=require("../textbox-HffvptHx.js"),N=require("../icons/ebay-icon-search-16/index.js"),_=require("../icons/ebay-icon-clear-16/index.js"),b=["large","small"],T=r=>{var{size:t,a11yClearButton:s,a11yControlsId:d,onClear:p=()=>{},className:f,placeholder:y="Filter",value:c,defaultValue:C,onInputChange:n,inputRef:m}=r,I=q.__rest(r,["size","a11yClearButton","a11yControlsId","onClear","className","placeholder","value","defaultValue","onInputChange","inputRef"]);const l=c!==void 0,[E,i]=e.useState(C||""),x=l?c:E,h=t&&b.includes(t)?t==="small"?"default":"large":void 0,v=(a,{value:u})=>{l||i(u),n&&n(a,{value:u})},g=a=>{l||i(""),n&&n(a,{value:""}),p(a,{value:""})},S=z("filter-input",t&&b.includes(t)&&`filter-input--${t}`,f);return e.createElement("span",{className:S},e.createElement(o.EbayTextbox,Object.assign({},I,{inputRef:m,value:x,onInputChange:v,fluid:!0,type:"search","aria-controls":d,placeholder:y,inputSize:h}),e.createElement(o.EbayTextboxPrefixIcon,{icon:e.createElement(N.EbayIconSearch16,null)}),s&&e.createElement(o.EbayTextboxPostfixIcon,{icon:e.createElement(_.EbayIconClear16,null),buttonAriaLabel:s,className:"filter-input__clear-btn",onClick:a=>g(a)})))};exports.EbayFilterInput=T;

package/ebay-filter-menu/README.md

@@ -1,57 +1,5 @@
 # EbayFilterMenu
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/building-blocks-ebay-filter-menu--docs)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayFilterMenu, EbayFilterMenuItem, EbayFilterMenuFooterButton } from "@ebay/ui-core-react/ebay-filter-menu";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/filter-menu";
-```
-
-### 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/filter-menu.css";
-```
-
-```jsx harmony
-<EbayFilterMenu>
-    <EbayFilterMenuItem value="item1">Item 1</EbayFilterMenuItem>
-    <EbayFilterMenuItem value="item2">Item 2</EbayFilterMenuItem>
-    <EbayFilterMenuFooterButton>Submit</EbayFilterMenuFooterButton>
-</EbayFilterMenu>
-```
-
-## Attributes
-
-| Name                          | Type     | Required | Description                                                | Data                                        |
-| ----------------------------- | -------- | -------- | ---------------------------------------------------------- | ------------------------------------------- |
-| `classPrefix`                 | String   | No       | Modifies the base prefix for all Skin classes in the menu  | `"filter-menu"` (default)                   |
-| `formName`                    | String   | No       | Name attribute for the form                                |                                             |
-| `formAction`                  | String   | No       | Action attribute for the form                              |                                             |
-| `formMethod`                  | String   | No       | Method attribute for the form                              |                                             |
-| `variant`                     | String   | No       | Variant of the filter menu, `form` or `default`            |                                             |
-| `type`                        | String   | No       | Type of the filter menu, `checkbox` or `radio`             |                                             |
-| `searchHeaderValue`           | String   | No       | Optional value override for the input in the search header |                                             |
-| `searchHeaderPlaceholderText` | String   | No       | Enables the search header and populates placeholder text   |                                             |
-| `a11ySearchHeaderClearText`   | String   | No       | Accessibility text for the search header clear button      |                                             |
-| `onFormSubmit`                | Function | No       | Triggered on form submit                                   | `(event: Event, { checked, checkedIndex })` |
-| `onFooterClick`               | Function | No       | Triggered on footer button click                           | `(event: Event, { checked, checkedIndex })` |
-| `onChange`                    | Function | No       | Triggered on item change                                   | `(event: Event, { checked, checkedIndex })` |
-| `onSearchChange`              | Function | No       | Triggered on search input change                           | `(event: Event, { searchTerm })`            |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/building-blocks-ebay-filter-menu--docs)

package/ebay-filter-menu/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../filter-menu-Bvw41wc_.js");exports.EbayFilterMenu=e.EbayFilterMenu;exports.EbayFilterMenuFooterButton=e.EbayFilterMenuFooterButton;exports.EbayFilterMenuItem=e.EbayFilterMenuItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../filter-menu-BpXDaeMo.js");exports.EbayFilterMenu=e.EbayFilterMenu;exports.EbayFilterMenuFooterButton=e.EbayFilterMenuFooterButton;exports.EbayFilterMenuItem=e.EbayFilterMenuItem;

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

@@ -1,48 +1,5 @@
 # EbayFilterMenuButton
 
-## Demo
+## Documentation
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/buttons-ebay-filter-menu-button--docs)
-
-## Usage
-
-### Import JS
-
-```jsx harmony
-import { EbayFilterMenuButton, EbayFilterMenuItem } from "@ebay/ui-core-react/ebay-filter-menu-button";
-```
-
-### Import following styles from SKIN
-
-```jsx harmony
-import "@ebay/skin/filter-menu-button";
-```
-
-### 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/filter-menu-button.css";
-```
-
-```jsx harmony
-<EbayFilterMenuButton>
-    <EbayFilterMenuItem value="item1">Item 1</EbayFilterMenuItem>
-    <EbayFilterMenuItem value="item2">Item 2</EbayFilterMenuItem>
-</EbayFilterMenuButton>
-```
-
-## Attributes
-
-The `EbayFilterMenuButton` supports all properties from the [EbayFilterMenu](../ebay-filter-menu/README.md) component. Additionally, it includes the following specific attributes:
-
-| Name         | Type     | Required | Description                          |
-| ------------ | -------- | -------- | ------------------------------------ |
-| `onExpand`   | Function | No       | Triggered when the menu is expanded  |
-| `onCollapse` | Function | No       | Triggered when the menu is collapsed |
-| `text`       | String   | No       | The text displayed on the button     |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/buttons-ebay-filter-menu-button--docs)

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../tslib.es6-C4EgNkz1.js"),n=require("react"),S=require("classnames"),q=require("../dropdown-B-M6HUau.js"),a=require("../filter-menu-Bvw41wc_.js"),w=require("../utils-C9NL3q0j.js"),D=require("../icons/ebay-icon-chevron-down-12/index.js"),N=require("../floating-ui-Co2mY5Do.js"),B=u=>{var{className:b,text:d,"aria-label":p,onExpand:y,onCollapse:f,onChange:l,children:i}=u,o=k.__rest(u,["className","text","aria-label","onExpand","onCollapse","onChange","children"]);const c=n.useRef(null),h=w.filterByType(i,a.EbayFilterMenuItem),[v,E]=n.useState(()=>h.some(t=>t.props.checked)),{isExpanded:F,collapse:r}=q.useExpander({ref:c,options:{hostSelector:".filter-menu-button__button",contentSelector:".filter-menu-button__menu",focusManagement:"interactive",expandOnClick:!0,autoCollapse:!0,alwaysDoFocusManagement:!0},onExpand:y,onCollapse:f}),{overlayStyles:_,refs:m}=N.useFloatingDropdown({open:F}),C=t=>{var e;(e=o.onKeyDown)===null||e===void 0||e.call(o,t),t.key==="Escape"&&r()},M=(...t)=>{var e;(e=o.onFormSubmit)===null||e===void 0||e.call(o,...t),r()},g=(...t)=>{var e;(e=o.onFooterClick)===null||e===void 0||e.call(o,...t),r()},x=(t,e)=>{var s;l?.(t,e),E(((s=e.checked)===null||s===void 0?void 0:s.length)>0)};return n.createElement("span",{ref:c,className:S("filter-menu-button",b)},n.createElement("button",{type:"button",className:"filter-menu-button__button",ref:m.setHost,"aria-expanded":"false","aria-haspopup":"true","aria-label":p,"aria-pressed":v},n.createElement("span",{className:"filter-menu-button__button-cell"},n.createElement("span",{className:"filter-menu-button__button-text"},d),n.createElement(D.EbayIconChevronDown12,null))),n.createElement(a.EbayFilterMenu,Object.assign({},o,{onChange:x,classPrefix:"filter-menu-button",onKeyDown:C,onFooterClick:g,onFormSubmit:M,ref:m.setOverlay,style:_}),i))};exports.EbayFilterMenuFooterButton=a.EbayFilterMenuFooterButton;exports.EbayFilterMenuItem=a.EbayFilterMenuItem;exports.EbayFilterMenuButton=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../tslib.es6-BW4cJBUu.js"),n=require("react"),S=require("classnames"),q=require("../dropdown-B-M6HUau.js"),a=require("../filter-menu-BpXDaeMo.js"),w=require("../utils-C9NL3q0j.js"),D=require("../icons/ebay-icon-chevron-down-12/index.js"),N=require("../floating-ui-Co2mY5Do.js"),B=u=>{var{className:b,text:d,"aria-label":p,onExpand:y,onCollapse:f,onChange:l,children:i}=u,o=k.__rest(u,["className","text","aria-label","onExpand","onCollapse","onChange","children"]);const c=n.useRef(null),h=w.filterByType(i,a.EbayFilterMenuItem),[v,E]=n.useState(()=>h.some(t=>t.props.checked)),{isExpanded:F,collapse:r}=q.useExpander({ref:c,options:{hostSelector:".filter-menu-button__button",contentSelector:".filter-menu-button__menu",focusManagement:"interactive",expandOnClick:!0,autoCollapse:!0,alwaysDoFocusManagement:!0},onExpand:y,onCollapse:f}),{overlayStyles:_,refs:m}=N.useFloatingDropdown({open:F}),C=t=>{var e;(e=o.onKeyDown)===null||e===void 0||e.call(o,t),t.key==="Escape"&&r()},M=(...t)=>{var e;(e=o.onFormSubmit)===null||e===void 0||e.call(o,...t),r()},g=(...t)=>{var e;(e=o.onFooterClick)===null||e===void 0||e.call(o,...t),r()},x=(t,e)=>{var s;l?.(t,e),E(((s=e.checked)===null||s===void 0?void 0:s.length)>0)};return n.createElement("span",{ref:c,className:S("filter-menu-button",b)},n.createElement("button",{type:"button",className:"filter-menu-button__button",ref:m.setHost,"aria-expanded":"false","aria-haspopup":"true","aria-label":p,"aria-pressed":v},n.createElement("span",{className:"filter-menu-button__button-cell"},n.createElement("span",{className:"filter-menu-button__button-text"},d),n.createElement(D.EbayIconChevronDown12,null))),n.createElement(a.EbayFilterMenu,Object.assign({},o,{onChange:x,classPrefix:"filter-menu-button",onKeyDown:C,onFooterClick:g,onFormSubmit:M,ref:m.setOverlay,style:_}),i))};exports.EbayFilterMenuFooterButton=a.EbayFilterMenuFooterButton;exports.EbayFilterMenuItem=a.EbayFilterMenuItem;exports.EbayFilterMenuButton=B;

package/ebay-flag/README.md

@@ -1,28 +1,5 @@
 # EbayFlag
 
-The component will include the actual SVG markup in the HTML and then reference the chosen flag.
+## Documentation
 
-## Demo
-
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/docs/graphics-icons-ebay-flag--docs)
-
-## Usage
-
-```jsx
-import { EbayFlag } from "@ebay/ui-core-react/ebay-flag";
-import "@ebay/skin/icon";
-import "@ebay/skin/flag";
-
-<EbayFlag name="us" />;
-```
-
-### Notes
-
-Make sure you use `<EbayFlagsSvg />` in your code (ideally on server side only), so that actual SVG icons exist inside HTML.
-
-## Attributes
-
-| Name       | Type   | Stateful | Required | Description                                                                                 |
-| ---------- | ------ | -------- | -------- | ------------------------------------------------------------------------------------------- |
-| `name`     | String | No       | Yes      | name of the flags from [Skin](./types.ts)                                                   |
-| `a11yText` | String | No       | Yes      | text for non-decorative inline flag; flag is assumed to be decorative if this is not passed |
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/graphics-icons-ebay-flag--docs)

package/ebay-flag/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),t=require("../icon-I30uh1Ov.js"),c=require("../flag-DU-1tRv6.js"),n=e=>a.createElement(t.EbayIcon,Object.assign({__type:"flag"},e));exports.EbayFlag=c.EbayFlagIcon;exports.EbayFlagIcon=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),t=require("../icon-M7M42naA.js"),c=require("../flag-jZOEhbJe.js"),n=e=>a.createElement(t.EbayIcon,Object.assign({__type:"flag"},e));exports.EbayFlag=c.EbayFlagIcon;exports.EbayFlagIcon=n;

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

@@ -1,41 +1,5 @@
 # EbayFullscreenDialogDeprecated
 
-**Deprecated will be removed next major** (Use `EbayLightboxDialog` instead)
+## Documentation
 
-## Demo
-
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/deprecated-ebay-fullscreen-dialog-deprecated--default)
-
-## Usage
-
-```jsx
-<EbayFullscreenDialogDeprecated open a11yClosetext = "Close">
-    <EbayDialogHeader>Heading</EbayDialogHeader>
-    <p>Body content</p>
-    <EbayDialogFooter>Heading</EbayDialogHeader>
-</EbayFullscreenDialogDeprecated>
-```
-
-## Attributes
-
-| Name            | Type    | Stateful | Required | Description                                                                                     |
-| --------------- | ------- | -------- | -------- | ----------------------------------------------------------------------------------------------- |
-| `open`          | Boolean | Yes      | No       | Whether dialog is open.                                                                         |
-| `focus`         | String  | No       | No       | An id for an element which will receive focus when the drawer opens (defaults to close button). |
-| `a11yCloseText` | String  | No       | Yes      | A11y text for close button and mask.                                                            |
-| `animated`      | Boolean | Yes      | No       | Renders the dialog with an animation. Note that the dialog will always be present in the DOM    |
-
-## Events
-
-| Event     | Data | Description                      |
-| --------- | ---- | -------------------------------- |
-| `onOpen`  |      | Trigggered when dialog is opened |
-| `onClose` |      | Triggered when dialog is closed  |
-
-## EbayDialogHeader
-
-Will render a header content for fullscreen dialog. Will always render the header element even if this is not present
-
-## EbayDialogFooter
-
-Will render the footer content for fullscreen dialog. If not present then will not have any footer.
+[Storybook](https://opensource.ebay.com/evo-web/ebayui-core-react/main/?path=/docs/deprecated-ebay-fullscreen-dialog-deprecated--docs)

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

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