@ebay/ui-core-react 1.0.0

package/ebay-icon/types.d.ts

@@ -0,0 +1,2 @@
+export declare type Icon = 'add' | 'addSmall' | 'arrowLeft' | 'arrowLeftSmall' | 'arrowMove' | 'arrowMoveSmall' | 'arrowRight' | 'arrowRightBold' | 'arrowRightExtraSmall' | 'arrowRightGroupTitles' | 'arrowRightSmall' | 'attention' | 'attentionFilled' | 'attentionFilledSmall' | 'attentionSmall' | 'avatar' | 'avatarDark' | 'avatarFilled' | 'avatarLight' | 'back' | 'bag' | 'bank' | 'bankLarge' | 'bids' | 'breadcrumb' | 'calendar' | 'calendarLarge' | 'calendarSmall' | 'camera' | 'cameraSmall' | 'carouselNext' | 'carouselPrev' | 'cart' | 'cartLarge' | 'cartSmall' | 'categories' | 'chatLarge' | 'checkboxChecked' | 'checkboxCheckedLarge' | 'checkboxMixed' | 'checkboxMixedLarge' | 'checkboxSquareChecked' | 'checkboxSquareCheckedLarge' | 'checkboxSquareUnchecked' | 'checkboxSquareUncheckedLarge' | 'checkboxUnchecked' | 'checkboxUncheckedLarge' | 'chevronDown' | 'chevronDownBold' | 'chevronDownExtraSmall' | 'chevronDownSmall' | 'chevronLeft' | 'chevronLeftSmall' | 'chevronRight' | 'chevronRightSmall' | 'chevronUp' | 'chevronUpBold' | 'chevronUpExtraSmall' | 'chevronUpSmall' | 'circle' | 'clear' | 'clearSmall' | 'clock' | 'clockSmall' | 'close' | 'closeSmall' | 'confirmation' | 'confirmationFilled' | 'confirmationFilledSmall' | 'confirmationSmall' | 'creditCard' | 'creditCardLarge' | 'creditCardSmall' | 'cta' | 'customize' | 'deals' | 'delete' | 'deleteSmall' | 'download' | 'dropdown' | 'edit' | 'editSmall' | 'eekArrow' | 'eekRangeArrow' | 'envelope' | 'event' | 'eventLarge' | 'fastNFree' | 'fastNFreeSmall' | 'filterGallery' | 'filterGallerySmall' | 'filterList' | 'filterListSmall' | 'filterSingle' | 'filterSingleSelected' | 'filterSingleSmall' | 'fingerprintLarge' | 'flag' | 'following' | 'followingSmall' | 'gift' | 'giftLarge' | 'help' | 'helpSmall' | 'hideSecret' | 'history' | 'home' | 'information' | 'informationFilled' | 'informationFilledSmall' | 'informationSmall' | 'largeBox' | 'largeCase' | 'lightbulb' | 'location' | 'locationLarge' | 'locked' | 'lockedSmall' | 'mediumBox' | 'menu' | 'messages' | 'messagesLarge' | 'mic' | 'micSmall' | 'mobile' | 'mobileSignal' | 'notification' | 'overflow' | 'overflowSmall' | 'package' | 'paginationNext' | 'paginationPrev' | 'pause' | 'pauseFilled' | 'pauseFilledLarge' | 'pauseLarge' | 'pauseSmall' | 'photoBrightness' | 'photoContrast' | 'photoCrop' | 'photoFlash' | 'photoFlipCamera' | 'photoGallery' | 'photoGalleryMore' | 'photoRotate' | 'photoSelectAll' | 'photoSelectNone' | 'photoSharpen' | 'play' | 'playFilled' | 'playFilledLarge' | 'playLarge' | 'playSmall' | 'print' | 'profile' | 'purchases' | 'purchasesLarge' | 'radioChecked' | 'radioCheckedLarge' | 'radioUnchecked' | 'radioUncheckedLarge' | 'redLaser' | 'redLaserSmall' | 'refresh' | 'remove' | 'reportFlag' | 'reportFlagSmall' | 'save' | 'saveBold' | 'saveSelected' | 'saveSelectedSmall' | 'saveSmall' | 'search' | 'searchBold' | 'searchLarge' | 'searchSmall' | 'securityKey' | 'selling' | 'send' | 'settings' | 'settingsSmall' | 'share' | 'shareSmall' | 'shoeBox' | 'showSecret' | 'signOut' | 'smallBox' | 'smallCase' | 'smallLetter' | 'socialDiscord' | 'socialFacebook' | 'socialLink' | 'socialLinkedin' | 'socialMessenger' | 'socialPinterest' | 'socialReddit' | 'socialTwitter' | 'socialWhatsapp' | 'spinner' | 'spinnerLarge' | 'starDynamic' | 'starEmpty' | 'starEmptySmall' | 'starFull' | 'starFullSmall' | 'starHalf' | 'starHalfSmall' | 'starUndefined' | 'starUndefinedSmall' | 'stepperAttention' | 'stepperConfirmation' | 'stepperInformation' | 'store' | 'storeLarge' | 'suitcase' | 'support' | 'tabletCondensedGrid' | 'tabletCondensedGridFilled' | 'tabletRelaxedGrid' | 'tabletRelaxedGridFilled' | 'tabletVerticalSplit' | 'tabletVerticalSplitFilled' | 'textMessagingLarge' | 'thumbsDown' | 'thumbsDownSelected' | 'thumbsDownSelectedSmall' | 'thumbsDownSmall' | 'thumbsUp' | 'thumbsUpSelected' | 'thumbsUpSelectedSmall' | 'thumbsUpSmall' | 'tick' | 'tickSmall' | 'topSeller' | 'truck' | 'truckSmall' | 'unlocked' | 'unlockedSmall' | 'userProfile' | 'vault' | 'vaultSmall' | 'videoPause' | 'videoPlay' | 'watch' | 'watchLarge' | 'window';
+//# sourceMappingURL=types.d.ts.map

package/ebay-icon/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-icon/types.ts"],"names":[],"mappings":"AAEA,oBAAY,IAAI,GACZ,KAAK,GACL,UAAU,GACV,WAAW,GACX,gBAAgB,GAChB,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,gBAAgB,GAChB,sBAAsB,GACtB,uBAAuB,GACvB,iBAAiB,GACjB,WAAW,GACX,iBAAiB,GACjB,sBAAsB,GACtB,gBAAgB,GAChB,QAAQ,GACR,YAAY,GACZ,cAAc,GACd,aAAa,GACb,MAAM,GACN,KAAK,GACL,MAAM,GACN,WAAW,GACX,MAAM,GACN,YAAY,GACZ,UAAU,GACV,eAAe,GACf,eAAe,GACf,QAAQ,GACR,aAAa,GACb,cAAc,GACd,cAAc,GACd,MAAM,GACN,WAAW,GACX,WAAW,GACX,YAAY,GACZ,WAAW,GACX,iBAAiB,GACjB,sBAAsB,GACtB,eAAe,GACf,oBAAoB,GACpB,uBAAuB,GACvB,4BAA4B,GAC5B,yBAAyB,GACzB,8BAA8B,GAC9B,mBAAmB,GACnB,wBAAwB,GACxB,aAAa,GACb,iBAAiB,GACjB,uBAAuB,GACvB,kBAAkB,GAClB,aAAa,GACb,kBAAkB,GAClB,cAAc,GACd,mBAAmB,GACnB,WAAW,GACX,eAAe,GACf,qBAAqB,GACrB,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,OAAO,GACP,YAAY,GACZ,OAAO,GACP,YAAY,GACZ,cAAc,GACd,oBAAoB,GACpB,yBAAyB,GACzB,mBAAmB,GACnB,YAAY,GACZ,iBAAiB,GACjB,iBAAiB,GACjB,KAAK,GACL,WAAW,GACX,OAAO,GACP,QAAQ,GACR,aAAa,GACb,UAAU,GACV,UAAU,GACV,MAAM,GACN,WAAW,GACX,UAAU,GACV,eAAe,GACf,UAAU,GACV,OAAO,GACP,YAAY,GACZ,WAAW,GACX,gBAAgB,GAChB,eAAe,GACf,oBAAoB,GACpB,YAAY,GACZ,iBAAiB,GACjB,cAAc,GACd,sBAAsB,GACtB,mBAAmB,GACnB,kBAAkB,GAClB,MAAM,GACN,WAAW,GACX,gBAAgB,GAChB,MAAM,GACN,WAAW,GACX,MAAM,GACN,WAAW,GACX,YAAY,GACZ,SAAS,GACT,MAAM,GACN,aAAa,GACb,mBAAmB,GACnB,wBAAwB,GACxB,kBAAkB,GAClB,UAAU,GACV,WAAW,GACX,WAAW,GACX,UAAU,GACV,eAAe,GACf,QAAQ,GACR,aAAa,GACb,WAAW,GACX,MAAM,GACN,UAAU,GACV,eAAe,GACf,KAAK,GACL,UAAU,GACV,QAAQ,GACR,cAAc,GACd,cAAc,GACd,UAAU,GACV,eAAe,GACf,SAAS,GACT,gBAAgB,GAChB,gBAAgB,GAChB,OAAO,GACP,aAAa,GACb,kBAAkB,GAClB,YAAY,GACZ,YAAY,GACZ,iBAAiB,GACjB,eAAe,GACf,WAAW,GACX,YAAY,GACZ,iBAAiB,GACjB,cAAc,GACd,kBAAkB,GAClB,aAAa,GACb,gBAAgB,GAChB,iBAAiB,GACjB,cAAc,GACd,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,WAAW,GACX,WAAW,GACX,OAAO,GACP,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,mBAAmB,GACnB,gBAAgB,GAChB,qBAAqB,GACrB,UAAU,GACV,eAAe,GACf,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,iBAAiB,GACjB,MAAM,GACN,UAAU,GACV,cAAc,GACd,mBAAmB,GACnB,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,aAAa,GACb,aAAa,GACb,SAAS,GACT,MAAM,GACN,UAAU,GACV,eAAe,GACf,OAAO,GACP,YAAY,GACZ,SAAS,GACT,YAAY,GACZ,SAAS,GACT,UAAU,GACV,WAAW,GACX,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,YAAY,GACZ,gBAAgB,GAChB,iBAAiB,GACjB,iBAAiB,GACjB,cAAc,GACd,eAAe,GACf,gBAAgB,GAChB,SAAS,GACT,cAAc,GACd,aAAa,GACb,WAAW,GACX,gBAAgB,GAChB,UAAU,GACV,eAAe,GACf,UAAU,GACV,eAAe,GACf,eAAe,GACf,oBAAoB,GACpB,kBAAkB,GAClB,qBAAqB,GACrB,oBAAoB,GACpB,OAAO,GACP,YAAY,GACZ,UAAU,GACV,SAAS,GACT,qBAAqB,GACrB,2BAA2B,GAC3B,mBAAmB,GACnB,yBAAyB,GACzB,qBAAqB,GACrB,2BAA2B,GAC3B,oBAAoB,GACpB,YAAY,GACZ,oBAAoB,GACpB,yBAAyB,GACzB,iBAAiB,GACjB,UAAU,GACV,kBAAkB,GAClB,uBAAuB,GACvB,eAAe,GACf,MAAM,GACN,WAAW,GACX,WAAW,GACX,OAAO,GACP,YAAY,GACZ,UAAU,GACV,eAAe,GACf,aAAa,GACb,OAAO,GACP,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,OAAO,GACP,YAAY,GACZ,QAAQ,CAAA"}

package/ebay-icon/types.js

@@ -0,0 +1,3 @@
+"use strict";
+/* This file is autogenerated, do not edit - it will be overwritten anyway */
+Object.defineProperty(exports, "__esModule", { value: true });

package/ebay-icon-button/README.md

@@ -0,0 +1,36 @@
+# EbayIconButton
+
+## Demo
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-icon-button--default)
+
+## Usage
+
+### Import JS
+```jsx harmony
+import { EbayIconButton } from '@ebay/ui-core-react/ebay-icon-button'
+```
+
+### Import following styles from SKIN
+```jsx harmony
+import "@ebay/skin/icon-button"
+```
+
+### Or import styles using SCSS/CSS
+```jsx harmony
+import '@ebay/skin/icon-button.css'
+```
+
+### Icon button
+```jsx harmony
+<EbayIconButton icon="menu" badgeNumber={1} badgeAriaLabel="new feature available" />
+```
+
+## Attributes
+
+Name | Type | Stateful | Required | Description | Data
+--- | --- | --- | --- | --- | ---
+`icon` | String | No | Yes | icon name
+`href` | String | No | No | for link that looks like a button
+`bageNumber` | Number | No | No | number on the badge
+`bageAriaLabel` | String | No | No | aria label of the badge
+`transparent` | Boolean | No | No | for transparent background

package/ebay-icon-button/icon-button.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps, FC } from 'react';
+import { Icon } from '../ebay-icon';
+export declare type EbayIconButtonProps = {
+    href?: string;
+    icon: Icon;
+    badgeNumber?: number;
+    badgeAriaLabel?: string;
+    transparent?: boolean;
+};
+declare type HTMLButtonProps = ComponentProps<'button'>;
+declare type HTMLAnchorProps = ComponentProps<'a'>;
+declare type Props = EbayIconButtonProps & HTMLButtonProps & HTMLAnchorProps;
+declare const EbayIconButton: FC<Props>;
+export default EbayIconButton;
+//# sourceMappingURL=icon-button.d.ts.map

package/ebay-icon-button/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/ebay-icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAG7C,oBAAY,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAA;AAED,aAAK,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAChD,aAAK,eAAe,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAC3C,aAAK,KAAK,GAAG,mBAAmB,GAAG,eAAe,GAAG,eAAe,CAAC;AAErE,QAAA,MAAM,cAAc,EAAC,EAAE,CAAC,KAAK,CA0C5B,CAAA;AAED,eAAe,cAAc,CAAA"}

package/ebay-icon-button/icon-button.js

@@ -0,0 +1,45 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ebay_icon_1 = require("../ebay-icon");
+var ebay_badge_1 = require("../ebay-badge");
+var EbayIconButton = function (_a) {
+    var _b;
+    var href = _a.href, icon = _a.icon, badgeNumber = _a.badgeNumber, badgeAriaLabel = _a.badgeAriaLabel, transparent = _a.transparent, extraClasses = _a.className, rest = __rest(_a, ["href", "icon", "badgeNumber", "badgeAriaLabel", "transparent", "className"]);
+    var classPrefix = href ? 'icon-link' : 'icon-btn';
+    var className = classnames_1.default(extraClasses, classPrefix, (_b = {},
+        _b[classPrefix + "--badged"] = badgeNumber,
+        _b[classPrefix + "--transparent"] = transparent,
+        _b));
+    var children = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ebay_icon_1.EbayIcon, { name: icon }),
+        badgeNumber && react_1.default.createElement(ebay_badge_1.EbayBadge, { type: "icon", number: badgeNumber, "aria-label": badgeAriaLabel })));
+    return href ? (react_1.default.createElement("a", __assign({ className: className, href: href }, rest), children)) : (react_1.default.createElement("button", __assign({ type: "button", className: className }, rest), children));
+};
+exports.default = EbayIconButton;

package/ebay-icon-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EbayIconButton, EbayIconButtonProps } from './icon-button';
+//# sourceMappingURL=index.d.ts.map

package/ebay-icon-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-icon-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA"}

package/ebay-icon-button/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var icon_button_1 = require("./icon-button");
+Object.defineProperty(exports, "EbayIconButton", { enumerable: true, get: function () { return icon_button_1.default; } });

package/ebay-infotip/README.md

@@ -0,0 +1,82 @@
+# ebay-infotip
+
+## Demo
+
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-infotip--default-infotip)
+
+## Import JS
+
+```jsx harmony
+import {
+    EbayInfotip,
+    EbayInfotipHost,
+    EbayInfotipContent,
+    EbayInfotipHeading,
+    EbayInfotipCloseButton,
+} from '@ebay/ui-core-react/ebay-infotip'
+```
+
+## Import following styles from SKIN
+```jsx harmony
+import '@ebay/skin/infotip'
+import '@ebay/skin/icon-button'
+```
+
+### or if using SCSS/CSS
+```jsx harmony
+import '@ebay/skin/infotip.css'
+import '@ebay/skin/icon-button.css'
+```
+
+## Usage
+
+```
+yarn add @ebay/ui-core-react
+```
+
+```jsx harmony
+<EbayInfotip>
+    <EbayInfotipContent>
+        <EbayInfotipHeading>Heading</EbayInfotipHeading>
+        <p>Here's a tip to help you be successful at your task.</p>
+        <EbayInfotipCloseButton aria-label="Dismiss info" />
+    </EbayInfotipContent>
+</EbayInfotip>
+```
+
+```jsx harmony
+<EbayInfotip variant="modal">
+    <EbayInfotipContent>
+        <p>Here's a tip to help you be successful at your task.</p>
+    </EbayInfotipContent>
+</EbayInfotip>
+```
+
+## EbayInfotip Attributes
+
+| Name              | Type     | Stateful | Required | Description                                                                                                                                                  |
+| ----------------- | -------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `variant`         | String   | No       | No       | Either modal or default. If modal will show the mobile version of infotip                                                                                    |
+| `pointer`         | String   | No       | No       | options are `top-left`, `top`, `top-right`, `right`, `right-bottom`, `right-top`, `bottom-left`, `bottom-right`, `bottom`, `left`, `left-bottom`, `left-top` |
+| `icon`            | String   | No       | No       | Different icon to be used than `information-small`. Full list [here](https://ebay.github.io/skin/index.html#icon)                                        |
+| `disabled`        | Boolean  | No       | No       | Define if the infotip is disabled or not                                                                                                                     |
+| `overlayStyle`    | Object   | No       | No       | Style object to customize default values for the overlay. It can be used all CSS properties like `top`, `left`, `bottom`, `right`.                           |
+| `initialExpanded` | Boolean  | No       | No       | Open the tooltip on the initial render                                                                                                                       |
+| `a11yCloseText`   | String   | No       | Yes      | A11y text for close button and mask.                                                                                                                         |
+| `aria-label`      | String   | No       | Yes      | A descriptive label of what the infotip button represents (e.g. "Important information")
+| `onExpand`        | Function | No       | No       | overlay has been expanded                                                                                                                                    |
+| `onCollapse`      | Function | No       | No       | overlay has been collapsed                                                                                                                                   |
+
+## Child components
+
+Name | Required | Description
+--- | --- | ---
+`EbayInfotipHost`    | No | The custom host-button (trigger) for the Infotip
+`EbayInfotipHeading` | No | The heading to be displayed in the infotip
+`EbayInfotipContent` | Yes | The content to be displayed in the infotip
+
+## EbayInfotipHost Attributes
+
+| Name              | Type     | Stateful | Required | Description                                                                                                                                                  |
+| ----------------- | -------- | -------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `aria-label`      | String   | No       | Yes      | A descriptive label of what the infotip button represents (e.g. "Important information"). Will overwrite `ariaLabel` prop from the `EbayInfotip`

package/ebay-infotip/ebay-infotip-content.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This Component is used only for finding it as a child of EbayInfotip
+ * and pass the properties to TooltipContent
+*/
+import { FC } from 'react';
+declare const EbayInfotipContent: FC;
+export default EbayInfotipContent;
+//# sourceMappingURL=ebay-infotip-content.d.ts.map

package/ebay-infotip/ebay-infotip-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ebay-infotip-content.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip-content.tsx"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAc,EAAE,EAAE,EAAa,MAAM,OAAO,CAAA;AAM5C,QAAA,MAAM,kBAAkB,EAAE,EAA+D,CAAA;AAEzF,eAAe,kBAAkB,CAAA"}

package/ebay-infotip/ebay-infotip-content.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * This Component is used only for finding it as a child of EbayInfotip
+ * and pass the properties to TooltipContent
+*/
+var react_1 = __importDefault(require("react"));
+var EbayInfotipContent = function (_a) {
+    var children = _a.children;
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+};
+exports.default = EbayInfotipContent;

package/ebay-infotip/ebay-infotip-heading.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps, FC } from 'react';
+declare type Props = ComponentProps<'span'>;
+declare const EbayTooltipHeading: FC<Props>;
+export default EbayTooltipHeading;
+//# sourceMappingURL=ebay-infotip-heading.d.ts.map

package/ebay-infotip/ebay-infotip-heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ebay-infotip-heading.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip-heading.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGjD,aAAK,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEnC,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAKjC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/ebay-infotip/ebay-infotip-heading.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var EbayTooltipHeading = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement("span", __assign({}, props, { className: classnames_1.default('infotip__heading', className) })));
+};
+exports.default = EbayTooltipHeading;

package/ebay-infotip/ebay-infotip-host.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentProps, RefObject, ReactNode } from 'react';
+import { Icon } from '../ebay-icon';
+import { Variant } from './types';
+declare type InfotipHostProps = ComponentProps<'button'> & {
+    icon?: Icon;
+    forwardedRef?: RefObject<HTMLAnchorElement & HTMLButtonElement>;
+    variant?: Variant;
+    children?: ({ icon }: {
+        icon: any;
+    }) => ReactNode | ReactNode;
+};
+declare const _default: React.ForwardRefExoticComponent<Pick<InfotipHostProps, "form" | "slot" | "style" | "title" | "type" | "name" | "className" | "forwardedRef" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "icon" | "variant"> & React.RefAttributes<React.FC<InfotipHostProps>>>;
+export default _default;
+//# sourceMappingURL=ebay-infotip-host.d.ts.map

package/ebay-infotip/ebay-infotip-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ebay-infotip-host.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip-host.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAM,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjC,aAAK,gBAAgB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC/C,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE;;KAAA,KAAK,SAAS,GAAG,SAAS,CAAA;CACjD,CAAA;;AAyBD,wBAA8C"}

package/ebay-infotip/ebay-infotip-host.js

@@ -0,0 +1,39 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var dedupe_1 = __importDefault(require("classnames/dedupe"));
+var ebay_icon_1 = require("../ebay-icon");
+var forwardRef_1 = require("../common/component-utils/forwardRef");
+var EbayInfotipHost = function (_a) {
+    var icon = _a.icon, className = _a.className, children = _a.children, forwardedRef = _a.forwardedRef, variant = _a.variant, rest = __rest(_a, ["icon", "className", "children", "forwardedRef", "variant"]);
+    var classPrefix = variant === 'modal' ? 'dialog--mini' : 'infotip';
+    var buttonIcon = react_1.default.createElement(ebay_icon_1.EbayIcon, { name: icon });
+    var buttonContent = typeof children === 'function' ? children({ icon: buttonIcon }) : children;
+    return (react_1.default.createElement("button", __assign({}, rest, { className: dedupe_1.default('icon-btn icon-btn--transparent', className, classPrefix + "__host"), type: "button", ref: forwardedRef }), buttonContent || buttonIcon));
+};
+exports.default = forwardRef_1.withForwardRef(EbayInfotipHost);

package/ebay-infotip/ebay-infotip.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties, FC, ReactNode } from 'react';
+import { PointerDirection } from '../common/tooltip-utils';
+import { Icon } from '../ebay-icon';
+import { Variant } from './types';
+declare type InfotipProps = {
+    variant?: Variant;
+    icon?: Icon;
+    disabled?: boolean;
+    initialExpanded?: boolean;
+    pointer?: PointerDirection;
+    overlayStyle?: CSSProperties;
+    onExpand?: () => void;
+    onCollapse?: () => void;
+    a11yCloseText: string;
+    'aria-label'?: string;
+    className?: string;
+    children?: ReactNode;
+};
+declare const EbayInfotip: FC<InfotipProps>;
+export default EbayInfotip;
+//# sourceMappingURL=ebay-infotip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ebay-infotip.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/ebay-infotip.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA+B,aAAa,EAAE,EAAE,EAAU,SAAS,EAAE,MAAM,OAAO,CAAA;AAGhG,OAAO,EAAwC,gBAAgB,EAAc,MAAM,yBAAyB,CAAA;AAI5G,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGjC,aAAK,YAAY,GAAG;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CAqFjC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/ebay-infotip/ebay-infotip.js

@@ -0,0 +1,84 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var component_utils_1 = require("../common/component-utils");
+var tooltip_utils_1 = require("../common/tooltip-utils");
+var ebay_lightbox_dialog_1 = require("../ebay-lightbox-dialog");
+var ebay_dialog_base_1 = require("../ebay-dialog-base");
+var ebay_infotip_host_1 = __importDefault(require("./ebay-infotip-host"));
+var index_1 = require("./index");
+var EbayInfotip = function (_a) {
+    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, pointer = _a.pointer, overlayStyle = _a.overlayStyle, disabled = _a.disabled, onExpand = _a.onExpand, onCollapse = _a.onCollapse, children = _a.children, initialExpanded = _a.initialExpanded, _c = _a.icon, icon = _c === void 0 ? 'informationSmall' : _c, a11yCloseText = _a.a11yCloseText, ariaLabel = _a["aria-label"], className = _a.className;
+    var _d = tooltip_utils_1.useTooltip({ onCollapse: onCollapse, onExpand: onExpand, initialExpanded: initialExpanded }), isExpanded = _d.isExpanded, expandTooltip = _d.expandTooltip, collapseTooltip = _d.collapseTooltip;
+    var isModal = variant === 'modal';
+    var containerRef = react_1.useRef();
+    var heading = component_utils_1.findComponent(children, index_1.EbayInfotipHeading);
+    var content = component_utils_1.findComponent(children, index_1.EbayInfotipContent);
+    var button = component_utils_1.findComponent(children, ebay_infotip_host_1.default) || react_1.createElement(ebay_infotip_host_1.default);
+    var toggleTooltip = function () {
+        if (isExpanded) {
+            collapseTooltip();
+        }
+        else {
+            expandTooltip();
+        }
+    };
+    if (!content) {
+        throw new Error("EbayInfotip: Please use a EbayInfotipContent that defines the content of the infotip");
+    }
+    var _e = content.props, contentChildren = _e.children, contentProps = __rest(_e, ["children"]);
+    return (react_1.default.createElement(tooltip_utils_1.Tooltip, { type: "infotip", isExpanded: isExpanded, className: classnames_1.default(className, { 'dialog--mini': isModal }), ref: containerRef },
+        react_1.default.createElement(tooltip_utils_1.TooltipHost, null, react_1.cloneElement(button, __assign({ onClick: toggleTooltip, disabled: disabled,
+            variant: variant, 'aria-label': ariaLabel, 'aria-expanded': isExpanded, icon: icon }, button.props))),
+        isModal ? (react_1.default.createElement(ebay_lightbox_dialog_1.EbayLightboxDialog, __assign({}, contentProps, { open: isExpanded, onClose: collapseTooltip, mode: "mini", a11yCloseText: a11yCloseText, className: "dialog--mini__overlay" }),
+            react_1.default.createElement(ebay_dialog_base_1.EbayDialogHeader, null),
+            contentChildren)) : (react_1.default.createElement(tooltip_utils_1.TooltipContent, __assign({}, contentProps, { type: "infotip", style: overlayStyle, pointer: pointer, showCloseButton: true, a11yCloseText: a11yCloseText, onClose: collapseTooltip }),
+            heading,
+            contentChildren))));
+};
+exports.default = EbayInfotip;

package/ebay-infotip/enums.d.ts

@@ -0,0 +1,8 @@
+import { Variant } from './types';
+/**
+ * @deprecated Use Variant union type instead
+ */
+export declare const variants: {
+    [key: string]: Variant;
+};
+//# sourceMappingURL=enums.d.ts.map

package/ebay-infotip/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/enums.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEjC;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAG9C,CAAA"}

package/ebay-infotip/enums.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.variants = void 0;
+/**
+ * @deprecated Use Variant union type instead
+ */
+exports.variants = {
+    DEFAULT: "default",
+    MODAL: "modal"
+};

package/ebay-infotip/index.d.ts

@@ -0,0 +1,7 @@
+export { default as EbayInfotip } from './ebay-infotip';
+export { default as EbayInfotipHost } from './ebay-infotip-host';
+export { default as EbayInfotipHeading } from './ebay-infotip-heading';
+export { default as EbayInfotipContent } from './ebay-infotip-content';
+export { Variant } from './types';
+export { variants } from './enums';
+//# sourceMappingURL=index.d.ts.map

package/ebay-infotip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA"}

package/ebay-infotip/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ebay_infotip_1 = require("./ebay-infotip");
+Object.defineProperty(exports, "EbayInfotip", { enumerable: true, get: function () { return ebay_infotip_1.default; } });
+var ebay_infotip_host_1 = require("./ebay-infotip-host");
+Object.defineProperty(exports, "EbayInfotipHost", { enumerable: true, get: function () { return ebay_infotip_host_1.default; } });
+var ebay_infotip_heading_1 = require("./ebay-infotip-heading");
+Object.defineProperty(exports, "EbayInfotipHeading", { enumerable: true, get: function () { return ebay_infotip_heading_1.default; } });
+var ebay_infotip_content_1 = require("./ebay-infotip-content");
+Object.defineProperty(exports, "EbayInfotipContent", { enumerable: true, get: function () { return ebay_infotip_content_1.default; } });
+var enums_1 = require("./enums");
+Object.defineProperty(exports, "variants", { enumerable: true, get: function () { return enums_1.variants; } });

package/ebay-infotip/types.d.ts

@@ -0,0 +1,2 @@
+export declare type Variant = 'default' | 'modal';
+//# sourceMappingURL=types.d.ts.map

package/ebay-infotip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ebay-infotip/types.ts"],"names":[],"mappings":"AAAA,oBAAY,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA"}

package/ebay-infotip/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/ebay-inline-notice/README.md

@@ -0,0 +1,44 @@
+# ebay-inline-notice
+
+## Demo
+
+[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/ebay-inline-notice--confirmation-message)
+
+## Use
+
+```jsx harmony
+import { EbayInlineNotice, EbayNoticeContent } from '@ebay/ui-core-react'
+
+<EbayInlineNotice status="confirmation" aria-label="Confirmation">
+    <EbayNoticeContent>
+        <p>Delivered on May 1, 2017</p>
+        <p>
+            Tracking number: <a href="http://www.ebay.com">93878473859376898908657567</a>
+        </p>
+    </EbayNoticeContent>
+</EbayInlineNotice>;
+```
+
+or for smaller bundle size:
+
+```jsx harmony
+import { EbayInlineNotice, EbayNoticeContent } from '@ebay/ui-core-react/ebay-inline-notice'
+```
+
+### Import following styles from SKIN
+
+#### JavaScript files
+
+```jsx harmony
+import "@ebay/skin/inline-notice";
+```
+
+## Attributes
+
+| Name           | Type                                                         | Stateful | Description                                                                                                                                 | Default       |
+| -------------- | ------------------------------------------------------------ | -------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------- |
+| `status`       | String (`"general"`, `"attention"`, `"confirmation"`, or `"information"`) | No       | Determines the style and type of notice to be displayed                                                                                     | `"general"` |
+| `aria-label`   | String                                                       | No       | The description of the notice itself for screen readers. Check out [this issue](https://github.com/eBay/skin/issues/1001) for more context. | -             |
+| `hidden`       | Boolean                                                      | No       | Determines whether the notice is hidden or not.                                                                                             | `false`       |
+| `onNoticeShow` | Function                                                     | No       | A function that is called when the notice is displayed                                                                                      | -             |
+| `children`     | React Node                                                   | No       | The content to be displayed within the notice. **Must have the EbayNoticeContent within the children!**                                     | -             |

package/ebay-inline-notice/index.d.ts

@@ -0,0 +1,4 @@
+export { default as EbayInlineNotice } from './inline-notice';
+export { EbayNoticeContent } from '../ebay-notice-base/components/ebay-notice-content';
+export { NoticeStatus } from './types';
+//# sourceMappingURL=index.d.ts.map

package/ebay-inline-notice/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-inline-notice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AACtF,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}

package/ebay-inline-notice/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var inline_notice_1 = require("./inline-notice");
+Object.defineProperty(exports, "EbayInlineNotice", { enumerable: true, get: function () { return inline_notice_1.default; } });
+var ebay_notice_content_1 = require("../ebay-notice-base/components/ebay-notice-content");
+Object.defineProperty(exports, "EbayNoticeContent", { enumerable: true, get: function () { return ebay_notice_content_1.EbayNoticeContent; } });