@ebay/ui-core-react 6.3.0 → 7.0.1

package/ebay-infotip/README.md

@@ -1,8 +1,8 @@
-# ebay-infotip
+# EbayInfotip
 
 ## Demo
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-infotip--default-infotip)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/buttons-ebay-infotip--default)
 
 ## Import JS
 

package/ebay-inline-notice/README.md

@@ -1,8 +1,8 @@
-# ebay-inline-notice
+# EbayInlineNotice
 
 ## Demo
 
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-inline-notice--confirmation-message)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/notices-tips-ebay-inline-notice--default)
 
 ## Use
 

package/ebay-lightbox-dialog/README.md

@@ -1,8 +1,11 @@
 # EbayLightboxDialog
 
+## Demo
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/dialogs-ebay-lightbox-dialog--default)
+
 ## Usage
 
-```react
+```jsx
 <EbayLightboxDialog open a11yClosetext="Close">
     <EbayDialogHeader>Heading</EbayDialogHeader>
     <p>Body content</p>

package/ebay-lightbox-dialog/lightbox-dialog.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { DialogBaseProps } from '../ebay-dialog-base';
 type Mode = 'default' | 'mini';
-type Size = 'wide' | 'narrow';
+type Size = 'wide' | 'narrow' | 'fullscreen' | 'large';
 export type Props<T = any> = Omit<DialogBaseProps<T>, 'size'> & {
     open?: boolean;
     mode?: Mode;

package/ebay-lightbox-dialog/lightbox-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lightbox-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-lightbox-dialog/lightbox-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAI1E,KAAK,IAAI,GAAG,SAAS,GAAG,MAAM,CAAA;AAC9B,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE7B,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAmBjC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"lightbox-dialog.d.ts","sourceRoot":"","sources":["../../src/ebay-lightbox-dialog/lightbox-dialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAuB,MAAM,qBAAqB,CAAA;AAI1E,KAAK,IAAI,GAAG,SAAS,GAAG,MAAM,CAAA;AAC9B,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAA;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAmBjC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/ebay-listbox-button/README.md

@@ -1,7 +1,7 @@
-# ebay-listbox-button
+# EbayListboxButton
 
 ## Demo
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-listbox-button--default)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/buttons-ebay-listbox-button--default)
 
 ## Import JS
 ```jsx harmony

package/ebay-menu/README.md

@@ -1,7 +1,7 @@
-# ebay-menu
+# EbayMenu
 
 ## Demo
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-menu--default)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/building-blocks-ebay-menu--default)
 
 ## Install
 ```

package/ebay-menu-button/README.md

@@ -1,7 +1,7 @@
-# ebay-menu-button
+# EbayMenuButton
 
 ## Demo
-[Storybook](https://pages.github.corp.ebay.com/React/ebayui-core-react/master/?path=/story/ebay-menu-button--default)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/buttons-ebay-menu-button--default)
 
 ## Install
 ```

package/ebay-page-notice/README.md

@@ -1,8 +1,7 @@
-# ebay-page-notice
+# EbayPageNotice
 
 ## Demo
-
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-page-notice--confirmation-message)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/notices-tips-ebay-page-notice--simple-usage)
 
 ## Import JS
 

package/ebay-pagination/README.md

@@ -1,5 +1,8 @@
 # EbayPagination
 
+## Demo
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/navigation-disclosure-ebay-pagination--basic-links)
+
 The `<EbayPagination>` is a tag used to create a pagination navigation. It will display up to 9 page links.
 If pagination doesn't fit the page it will adjust to the available width.
 
@@ -22,7 +25,7 @@ import '@ebay/skin/utility.css'
 
 ### EbayPagination Usage
 
-```React
+```jsx
 <EbayPagination a11yPreviousText="Previous page" a11yNextText="Next page" a11yCurrentText="Results Pagination - Page 2">
     <EbayPaginationItem href="#" type="previous" disabled/>
     <EbayPaginationItem href="#" current>item 1</EbayPaginationItem>
@@ -54,7 +57,7 @@ Name | Type | Stateful | Description
 
 ### EbayPaginationItem Usage
 
-```React
+```jsx
 <EbayPaginationItem>1</EbayPaginationItem>
 ```
 

package/ebay-panel-dialog/README.md

@@ -1,8 +1,11 @@
 # EbayPanelDialog
 
+## Demo
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/dialogs-ebay-panel-dialog--default)
+
 ## Usage
 
-```react
+```jsx
 <EbayPanelDialog open a11yClosetext="Close">
     <EbayDialogHeader>Heading</EbayDialogHeader>
     <p>Body content</p>

package/ebay-progress-bar/README.md

@@ -2,7 +2,7 @@
 The progress bar gives an immediate, real-time visualisation of the current task completion status. The progress bar's value does not include its min, so giving a value <= min will set the value to min + 1.
 
 ## Demo
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-progress-bar--default)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/progress-ebay-progress-bar--default)
 
 ## Usage
 

package/ebay-progress-spinner/README.md

@@ -1,7 +1,7 @@
 # EbayProgressSpinner
 
 ## Demo
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-progress-spinner--default-large)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/progress-ebay-progress-spinner--default-small-large)
 
 ## Usage
 

package/ebay-progress-spinner/progress-spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-spinner.d.ts","sourceRoot":"","sources":["../../src/ebay-progress-spinner/progress-spinner.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAIjD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAEvD,KAAK,wBAAwB,GAAG;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAA;AAED,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AAQtD,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,SAAS,GAAG,wBAAwB,CAcjE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"progress-spinner.d.ts","sourceRoot":"","sources":["../../src/ebay-progress-spinner/progress-spinner.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAIjD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAEvD,KAAK,wBAAwB,GAAG;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAA;AAED,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AActD,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,SAAS,GAAG,wBAAwB,CAcjE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/ebay-progress-spinner/progress-spinner.js

@@ -22,9 +22,14 @@ const sizeClass = {
     'small': 'progress-spinner--small',
     'large': 'progress-spinner--large'
 };
+const iconName = {
+    'default': 'spinner24',
+    'small': 'spinner20',
+    'large': 'spinner30'
+};
 const EbayProgressSpinner = (_a) => {
     var { size = 'default', 'aria-label': ariaLabel = 'Busy', className } = _a, rest = __rest(_a, ["size", 'aria-label', "className"]);
     return (react_1.default.createElement("span", Object.assign({}, rest, { className: (0, classnames_1.default)('progress-spinner', sizeClass[size], className), "aria-label": ariaLabel, role: "img" }),
-        react_1.default.createElement(ebay_icon_1.EbayIcon, { name: "spinner24" })));
+        react_1.default.createElement(ebay_icon_1.EbayIcon, { name: iconName[size] })));
 };
 exports.default = EbayProgressSpinner;

package/ebay-progress-stepper/README.md

@@ -1,8 +1,7 @@
-# ebay-progress-stepper
+# EbayProgressStepper
 
 ## Demo
-
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-progress-stepper--default)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/progress-ebay-progress-stepper--default)
 
 ## Usage
 
@@ -19,7 +18,7 @@ import { EbayProgressStepper, EbayProgressStep as Step } from '@ebay/ui-core-rea
 ### Import styles from Skin
 
 ```jsx
-import '@ebay/skin/stepper'
+import '@ebay/skin/progress-stepper'
 ```
 
 ```jsx

package/ebay-radio/README.md

@@ -1,7 +1,7 @@
-# ebay-radio
+# EbayRadio
 
 ## Demo
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-radio--default-radio-button)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/form-input-ebay-radio--default)
 
 ## Install
 ```
@@ -39,19 +39,19 @@ This component uses SVG icons, so you need to add the `<EbaySvg/>` component at
 
 ## Attributes
 
-Name | Type | Description
---- | --- | --- | ---
-`disabled` | Boolean | Disabled when true
-`value` | string | The value of radio button component. For the radio checked/unchecked state, please use `checked` props.
-`checked` | boolean | Set the radio button state to checked/unchecked. Use this for **controlled component**.
-`defaultChecked` | boolean | Set the radio button initial state to checked/unchecked. Use this for **uncontrolled component**.
-`size` | String | No | No | Either `large` or `regular` (default). Sets the radio icon size. For mweb this should be set to `large`. (Note: The dimensions of the radio will not change, but only the icon)
+| Name             | Type    | Description |
+| ---------------- | ------- | ----------- |
+| `disabled`       | boolean | Disabled when true |
+| `value`          | string  | The value of radio button component. For the radio checked/unchecked state, please use `checked` props. |
+| `checked`        | boolean | Set the radio button state to checked/unchecked. Use this for **controlled component**. |
+| `defaultChecked` | boolean | Set the radio button initial state to checked/unchecked. Use this for **uncontrolled component**. |
+| `size`           | string  | No | No | Either `large` or `regular` (default). Sets the radio icon size. For mweb this should be set to `large`. (Note: The dimensions of the radio will not change, but only the icon) |
 
 ## Callbacks
-Name | Data | Description
---- | --- | --- | ---
-`onChange` | `(ChangeEvent, { value })` | Callback fired when selected radio button is changed
-`onFocus` | `(FocusEvent, { value })` | Callback fired when radio button is focused
-`onKeydown` | `(KeyboardEvent, { value })` | Callback fired when key is down
+| Name        | Data                         | Description                                          |
+| ----------- | ---------------------------- | ---------------------------------------------------- |
+| `onChange`  | `(ChangeEvent, { value })`   | Callback fired when selected radio button is changed |
+| `onFocus`   | `(FocusEvent, { value })`    | Callback fired when radio button is focused          |
+| `onKeydown` | `(KeyboardEvent, { value })` | Callback fired when key is down                      |
 
 Note: For this component, `className`/`style` are applied to the container, while all other HTML attributes are applied to the input.

package/ebay-section-notice/README.md

@@ -1,8 +1,7 @@
-# ebay-section-notice
+# EbaySectionNotice
 
 ## Demo
-
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-section-notice--default-message-with-no-action)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/notices-tips-ebay-section-notice--default-message-with-no-action)
 
 ## Import JS
 

package/ebay-section-title/README.md

@@ -37,17 +37,18 @@ import '@ebay/skin/section-title.css'
 
 ## EbaySectionTitle Props
 
-Name | Type | Stateful | Required | Description
---- | --- | --- | --- | ---
-`ctaText` | String | No | No | URL text. Optional content to be displayed next to title. `href` is required when using this attribute.
-`href` | String | No | No | URL. Title content and optional CTA content will link to this. Populating `cta-text` is optional.
+| Name      | Type   | Stateful | Required | Description |
+| --------- | -----  | -------- | -------- | ----------- |
+| `ctaText` | string | No       | No       | URL text. Optional content to be displayed next to title. `href` is required when using this attribute. |
+| `href`    | string | No       | No       | URL. Title content and optional CTA content will link to this. Populating `cta-text` is optional. |
 
 ## Nested Components
-Name | Required | Description
-`title` | No | The main title content to be displayed. Title tag is required when using other sub-tags.
-`subtitle` | No | The subtitle content to be displayed
-`info` | No | Placeholder for `<EbayInfotip>` component
-`overflow` | No | Placeholder for `<EbayMenuButton>` component
+| Name       | Required | Description |
+| ---------- | -------- | ----------- |
+| `title`    | No       | The main title content to be displayed. Title tag is required when using other sub-tags. |
+| `subtitle` | No       | The subtitle content to be displayed |
+| `info`     | No       | Placeholder for `<EbayInfotip>` component |
+| `overflow` | No       | Placeholder for `<EbayMenuButton>` component |
 
 ### Examples
 

package/ebay-select/README.md

@@ -2,7 +2,7 @@
 This component is used to create a native `<select>` form element with default browser styling.
 
 ## Demo
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-select--default)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/form-input-ebay-select--basic)
 
 ## Import JS
 ```jsx harmony
@@ -59,7 +59,10 @@ https://reactjs.org/docs/forms.html#the-select-tag. Notice that the selected val
 | `invalid`       | Boolean  | No       | Indicates a field-level error with red border if true        |
 
 ## Callbacks
-| `onChange`      | Function | No       | Called on option change with arguments: `(ChangeEvent, { index: number, selected: string[] }`                                      |
+
+| Name            | Type     | Required | Description                                                                                   |
+| --------------- | -------- | -------- | --------------------------------------------------------------------------------------------- |
+| `onChange`      | Function | No       | Called on option change with arguments: `(ChangeEvent, { index: number, selected: string[] }` |
 
 ## EbaySelectOption Attributes
 

package/ebay-signal/README.md

@@ -1,10 +1,10 @@
-# ebay-signal
+# EbaySignal
 
 ##Description
 Signals are data-backed recommendations to help customers make more informed decisions. There are four signal statuses, each corresponding to a specific color: `trustworthy`, `recent`, `time-sensitive` & `neutral`. Defaults to `neutral` if none specified.
 
 ## Demo
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-signal)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/graphics-icons-ebay-signal--default-case)
 
 ## Usage
 ```

package/ebay-snackbar-dialog/README.md

@@ -6,6 +6,9 @@ The user usually will want to manage the state of the snackbar, and so should pr
 
 In the case where the application developer only wants to manage the initial state of the snackbar, the dev can choose to provide only the open state as a boolean. This is useful when a dev wants the snackbar to appear only once on initial render and then disappear.
 
+## Demo
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/dialogs-ebay-snackbar-dialog--default)
+
 ## Import JS
 ```jsx harmony
 import { EbaySnackbarDialog, EbaySnackbarDialogAction } from '@ebay/ui-core-react/ebay-snackbar-dialog';

package/ebay-split-button/README.md

@@ -1,7 +1,7 @@
 # EbaySplitButton
 
 ## Demo
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-split-button--default)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/buttons-ebay-split-button--controls)
 
 ## Usage
 

package/ebay-star-rating/README.md

@@ -1,7 +1,8 @@
-# ebay-star-rating
+# EbayStarRating
 For full stars use (rating from 0-5): ebay-star-rating-{rating} For half stars use: ebay-star-rating-{rating}-5 DS v1.0.0
+
 ## Demo
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-star-rating--dynamic-stars)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/graphics-icons-ebay-star-rating--stars)
 
 ## Usage
 ```

package/ebay-star-rating-select/README.md

@@ -1,7 +1,8 @@
-# ebay-star-rating-select
+# EbayStarRatingSelect
 use (rating from 0-5)
+
 ## Demo
-[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-star-rating-select--isolated)
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/form-input-ebay-star-rating-select--isolated)
 
 ## Usage
 ```

package/ebay-svg/README.md

@@ -1,4 +1,4 @@
-# ebay-svg
+# EbaySvg
 This is a helper component which holds all the SVG icons for your other `@ebay/ui-core-react` components.
 
 ## Install

package/ebay-svg/svg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/ebay-svg/svg.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,QAAA,MAAM,OAAO,EAAE,EAmsBJ,CAAA;AAEX,eAAe,OAAO,CAAA"}
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/ebay-svg/svg.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,QAAA,MAAM,OAAO,EAAE,EA2tBJ,CAAA;AAEX,eAAe,OAAO,CAAA"}