@ebay/ui-core-react 7.0.0 → 7.0.2

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/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/ebay-icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,GAAG,EAAE,QAAQ,EAAuB,MAAM,OAAO,CAAA;AAIrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,IAAI,CAAC;IACX,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CACrC,CAAC;;AA2EF,wBAAuC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/ebay-icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,GAAG,EAAE,QAAQ,EAAuB,MAAM,OAAO,CAAA;AAIrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,IAAI,CAAC;IACX,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CACrC,CAAC;;AAwFF,wBAAuC"}

package/ebay-icon/icon.js

@@ -58,7 +58,8 @@ const EbayIcon = (_a) => {
     };
     const kebabName = kebabCased(name);
     const size = getIconSize(kebabName) || kebabName;
-    const className = (0, classnames_1.default)(extraClass, { [`icon icon--${size}`]: !noSkinClasses });
+    const skinClassName = [`icon`, `icon--${size}`, getFilledIconName(kebabName)].filter(Boolean).join(' ');
+    const className = (0, classnames_1.default)(extraClass, { [skinClassName]: !noSkinClasses });
     return (react_1.default.createElement("svg", Object.assign({}, rest, { className: className, xmlns: "http://www.w3.org/2000/svg", focusable: false, ref: forwardedRef }, a11yProps),
         a11yText && !withAriaLabel && react_1.default.createElement("title", { id: a11yTextId }, a11yText),
         react_1.default.createElement("use", { xlinkHref: `#icon-${kebabName}` })));
@@ -81,6 +82,14 @@ function getIconSize(iconName) {
     }
     return size;
 }
+function getFilledIconName(iconName) {
+    const iconNameArray = iconName.split('-');
+    const filledIndex = iconNameArray.indexOf('filled');
+    if (filledIndex === -1) {
+        return '';
+    }
+    return `icon--${iconNameArray.slice(0, filledIndex + 1).join('-')}`;
+}
 function kebabCased(str) {
     return str
         .replace(/([0-9]+)/g, (s, n) => `-${n}`)

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-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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebay/ui-core-react",
-  "version": "7.0.0",
+  "version": "7.0.2",
   "description": "Skin components build off React",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
@@ -23,8 +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",
-    "prepublishOnly": "if [ -z \"$CI\" ]; then echo \"Please use CI, do not publish manually\"; exit 1; fi",
-    "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": {