@ebay/ui-core-react 7.0.1 → 7.0.3

package/ebay-button/README.md

@@ -13,6 +13,10 @@ import { EbayButton } from '@ebay/ui-core-react/ebay-button'
 ```jsx harmony
 import "@ebay/skin/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/button.css'

package/ebay-checkbox/README.md

@@ -22,6 +22,18 @@ import '@ebay/skin/checkbox'
 import '@ebay/skin/checkbox.css'
 ```
 
+## Import EbaySvg
+
+After you render the EbayCheckbox component in your application, if you do not see the checkbox svg, you should add import and render EbaySvg component once at the root level of your application (usually layout file).
+
+```jsx
+import { EbaySvg } from "@ebay/ui-core-react/ebay-svg";
+
+// Render this in your layout or root level component.
+<EbaySvg /> 
+```
+
+
 ```jsx
 import { EbayLabel } from '@ebay/ui-core-react/ebay-field';
 

package/ebay-drawer-dialog/components/drawer.js

@@ -95,7 +95,7 @@ const EbayDrawerDialog = (_a) => {
     const childrenArray = react_1.Children.toArray(children);
     const header = childrenArray.find(({ type }) => type === ebay_dialog_base_1.EbayDialogHeader);
     const withoutHeader = childrenArray.filter(({ type }) => type !== ebay_dialog_base_1.EbayDialogHeader);
-    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, Object.assign({}, rest, { classPrefix: classPrefix, onCloseBtnClick: onClose, className: (0, classnames_1.default)(rest.className, `${classPrefix}--mask-fade-slow`), windowClass: (0, classnames_1.default)(`${classPrefix}__window`, `${classPrefix}__window--slide`, {
+    return (react_1.default.createElement(ebay_dialog_base_1.DialogBaseWithState, Object.assign({}, rest, { classPrefix: classPrefix, onCloseBtnClick: onClose, className: (0, classnames_1.default)(rest.className, `${classPrefix}--mask-fade-slow`), windowClass: (0, classnames_1.default)(rest.windowClass, `${classPrefix}__window`, `${classPrefix}__window--slide`, {
             [`${classPrefix}__window--expanded`]: expanded
         }), onBackgroundClick: onClose, top: handle }),
         header || react_1.default.createElement(ebay_dialog_base_1.EbayDialogHeader, null),

package/ebay-icon-button/README.md

@@ -13,11 +13,13 @@ import { EbayIconButton } from '@ebay/ui-core-react/ebay-icon-button'
 
 ### Import following styles from SKIN
 ```jsx harmony
+import "@ebay/skin/icon"
 import "@ebay/skin/icon-button"
 ```
 
 ### Or import styles using SCSS/CSS
 ```jsx harmony
+import '@ebay/skin/icon.css'
 import '@ebay/skin/icon-button.css'
 ```
 

package/ebay-section-notice/section-notice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-section-notice/section-notice.tsx"],"names":[],"mappings":"AAAA,OAAc,EACV,cAAc,EACd,EAAE,EAEF,oBAAoB,EAEpB,iBAAiB,EAEpB,MAAM,OAAO,CAAA;AAId,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAG7C,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,CAAA;AACjH,MAAM,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,GAAG;IAC5C,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,iBAAiB,GAAG,oBAAoB,CAAC;IACrD,aAAa,CAAC,EAAE,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CAoEhC,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"section-notice.d.ts","sourceRoot":"","sources":["../../src/ebay-section-notice/section-notice.tsx"],"names":[],"mappings":"AAAA,OAAc,EACV,cAAc,EACd,EAAE,EAEF,oBAAoB,EAEpB,iBAAiB,EAEpB,MAAM,OAAO,CAAA;AAId,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAI7C,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,cAAc,GAAG,aAAa,GAAG,WAAW,CAAA;AACjH,MAAM,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,GAAG;IAC5C,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,iBAAiB,GAAG,oBAAoB,CAAC;IACrD,aAAa,CAAC,EAAE,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CA2EhC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/ebay-section-notice/section-notice.js

@@ -43,9 +43,14 @@ const ebay_notice_content_1 = require("../ebay-notice-base/components/ebay-notic
 const notice_content_1 = __importDefault(require("../common/notice-utils/notice-content"));
 const ebay_icon_1 = require("../ebay-icon");
 const index_1 = require("./index");
+const random_id_1 = require("../common/random-id");
 const EbaySectionNotice = (_a) => {
     var { status = 'general', children, className, 'aria-label': ariaLabel, 'aria-roledescription': ariaRoleDescription = 'Notice', a11yDismissText, educationIcon, iconClass, prominent, onDismiss = () => { } } = _a, rest = __rest(_a, ["status", "children", "className", 'aria-label', 'aria-roledescription', "a11yDismissText", "educationIcon", "iconClass", "prominent", "onDismiss"]);
     const [dismissed, setDismissed] = (0, react_1.useState)(false);
+    const [rId, setRandomId] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
+        setRandomId((0, random_id_1.randomId)());
+    }, []);
     const childrenArray = react_1.default.Children.toArray(children);
     const content = childrenArray.find(({ type }) => type === ebay_notice_content_1.EbayNoticeContent);
     const hasStatus = status !== 'general' && status !== 'none';
@@ -70,8 +75,8 @@ const EbaySectionNotice = (_a) => {
             [`section-notice--${status}`]: hasStatus,
             'section-notice--education': isEducational && prominent,
             'section-notice--large-icon': isEducational
-        }), role: "region", "aria-label": !hasStatus ? ariaLabel : null, "aria-labelledby": hasStatus ? `section-notice-${status}` : null, "aria-roledescription": ariaRoleDescription }),
-        iconName && (react_1.default.createElement("div", { className: "section-notice__header", id: `section-notice-${status}` },
+        }), role: "region", "aria-label": !hasStatus ? ariaLabel : null, "aria-labelledby": hasStatus ? `section-notice-${status}-${rId}` : null, "aria-roledescription": ariaRoleDescription }),
+        iconName && (react_1.default.createElement("div", { className: "section-notice__header", id: `section-notice-${status}-${rId}` },
             react_1.default.createElement(ebay_icon_1.EbayIcon, { className: iconClass, name: iconName, a11yText: ariaLabel, a11yVariant: "label" }))),
         react_1.default.createElement(notice_content_1.default, Object.assign({}, content.props, { type: "section" })),
         children,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebay/ui-core-react",
-  "version": "7.0.1",
+  "version": "7.0.3",
   "description": "Skin components build off React",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
@@ -23,7 +23,8 @@
     "update-icons": "node ./scripts/update-icons",
     "copy": "copyfiles package.json README.md lib; yarn copy:rest",
     "copy:rest": "yarn copyfiles -u 1 'src/**/*.md' lib",
-    "prerelease": "npm version prerelease --preid rc && yarn clean && yarn build && yarn copy && CI=1 npm publish --tag rc lib/",
+    "release": "yarn build && yarn copy && CI=1 npm publish lib/ --access public",
+    "release:rc": "npm version prerelease --preid rc && yarn clean && yarn build && yarn copy && CI=1 npm publish --tag rc lib/",
     "prepare": "node scripts/husky-install || node ../scripts/husky-install"
   },
   "lint-staged": {