@zohodesk/components 1.0.0-alpha-260 → 1.0.0-alpha-262

package/lib/Provider/index.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LibraryContextProvider", {
+  enumerable: true,
+  get: function get() {
+    return _LibraryContext["default"];
+  }
+});
+Object.defineProperty(exports, "getLibraryConfig", {
+  enumerable: true,
+  get: function get() {
+    return _Config.getLibraryConfig;
+  }
+});
+Object.defineProperty(exports, "getUniqueId", {
+  enumerable: true,
+  get: function get() {
+    return _IdProvider.getUniqueId;
+  }
+});
+Object.defineProperty(exports, "getZIndex", {
+  enumerable: true,
+  get: function get() {
+    return _ZindexProvider.getZIndex;
+  }
+});
+Object.defineProperty(exports, "removeGlobalIdPrefix", {
+  enumerable: true,
+  get: function get() {
+    return _IdProvider.removeGlobalIdPrefix;
+  }
+});
+Object.defineProperty(exports, "removeGlobalZIndexPrefix", {
+  enumerable: true,
+  get: function get() {
+    return _ZindexProvider.removeGlobalZIndexPrefix;
+  }
+});
+Object.defineProperty(exports, "setGlobalIdPrefix", {
+  enumerable: true,
+  get: function get() {
+    return _IdProvider.setGlobalIdPrefix;
+  }
+});
+Object.defineProperty(exports, "setInitialZIndex", {
+  enumerable: true,
+  get: function get() {
+    return _ZindexProvider.setInitialZIndex;
+  }
+});
+Object.defineProperty(exports, "setLibraryConfig", {
+  enumerable: true,
+  get: function get() {
+    return _Config.setLibraryConfig;
+  }
+});
+Object.defineProperty(exports, "useUniqueId", {
+  enumerable: true,
+  get: function get() {
+    return _IdProvider.useUniqueId;
+  }
+});
+Object.defineProperty(exports, "useZIndex", {
+  enumerable: true,
+  get: function get() {
+    return _ZindexProvider.useZIndex;
+  }
+});
+var _Config = require("./Config");
+var _LibraryContext = _interopRequireDefault(require("./LibraryContext"));
+var _ZindexProvider = require("./ZindexProvider");
+var _IdProvider = require("./IdProvider");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/Responsive/index.js

@@ -3,26 +3,49 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  Responsive: true
-};
-exports.Responsive = void 0;
-var _Responsive = require("./Responsive");
-Object.keys(_Responsive).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Responsive[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Responsive[key];
-    }
-  });
-});
-var Responsive = {
-  docs: {
-    componentGroup: 'Layout',
-    folderName: 'Style Guide'
+Object.defineProperty(exports, "CustomResponsiveReceiver", {
+  enumerable: true,
+  get: function get() {
+    return _CustomResponsive.ResponsiveReceiver;
+  }
+});
+Object.defineProperty(exports, "CustomResponsiveSender", {
+  enumerable: true,
+  get: function get() {
+    return _CustomResponsive.ResponsiveSender;
+  }
+});
+Object.defineProperty(exports, "ResizeComponent", {
+  enumerable: true,
+  get: function get() {
+    return _ResizeComponent["default"];
+  }
+});
+Object.defineProperty(exports, "ResponsiveReceiver", {
+  enumerable: true,
+  get: function get() {
+    return _Responsive.ResponsiveReceiver;
   }
-};
-exports.Responsive = Responsive;
+});
+Object.defineProperty(exports, "ResponsiveSender", {
+  enumerable: true,
+  get: function get() {
+    return _Responsive.ResponsiveSender;
+  }
+});
+Object.defineProperty(exports, "useCustomResponsiveReceiver", {
+  enumerable: true,
+  get: function get() {
+    return _CustomResponsive.useResponsiveReceiver;
+  }
+});
+Object.defineProperty(exports, "useResponsiveReceiver", {
+  enumerable: true,
+  get: function get() {
+    return _Responsive.useResponsiveReceiver;
+  }
+});
+var _CustomResponsive = require("./CustomResponsive");
+var _Responsive = require("./Responsive");
+var _ResizeComponent = _interopRequireDefault(require("./ResizeComponent"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/Select/GroupSelect.js

@@ -14,7 +14,7 @@ var _TextBox = _interopRequireDefault(require("../TextBox/TextBox"));
 var _Card = _interopRequireWildcard(require("../Card/Card"));
 var _Suggestions = _interopRequireDefault(require("../MultiSelect/Suggestions"));
 var _EmptyState = _interopRequireDefault(require("../MultiSelect/EmptyState"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 var _DropDownHeading = _interopRequireDefault(require("../DropDown/DropDownHeading"));
 var _Layout = require("../Layout");
@@ -630,7 +630,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both",
         dataId: dataIdDownIcon
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-down",
         size: "7",
         iconClass: _SelectModule["default"].arrowIcon

package/lib/Select/Select.js

@@ -16,7 +16,7 @@ var _Card = _interopRequireWildcard(require("../Card/Card"));
 var _Suggestions = _interopRequireDefault(require("../MultiSelect/Suggestions"));
 var _EmptyState = _interopRequireDefault(require("../MultiSelect/EmptyState"));
 var _IdProvider = require("../Provider/IdProvider");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 var _CustomResponsive = require("../Responsive/CustomResponsive");
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
@@ -771,7 +771,7 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
         dataId: "".concat(dataId, "_downIcon"),
         "aria-hidden": true,
         className: _SelectModule["default"].arrowIcon
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-down",
         size: "7"
       })))) : /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {

package/lib/Select/SelectWithIcon.js

@@ -10,7 +10,7 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
 var _Popup = _interopRequireDefault(require("../Popup/Popup"));
 var _TextBoxIcon = _interopRequireDefault(require("../TextBoxIcon/TextBoxIcon"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _ListItemWithIcon = _interopRequireDefault(require("../ListItem/ListItemWithIcon"));
 var _Card = _interopRequireWildcard(require("../Card/Card"));
 var _EmptyState = _interopRequireDefault(require("../MultiSelect/EmptyState"));
@@ -382,7 +382,7 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
       }, needIcon ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both",
         className: "".concat(_SelectModule["default"].leftIcon, " ").concat(isDisabled ? _SelectModule["default"].disable : '')
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: iconName,
         size: iconSize,
         iconClass: iconClass
@@ -424,7 +424,7 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both",
         dataId: "".concat(dataId, "_downIcon")
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-down",
         size: "7"
       })))))), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {

package/lib/Select/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GroupSelect", {
+  enumerable: true,
+  get: function get() {
+    return _GroupSelect["default"];
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _Select["default"];
+  }
+});
+Object.defineProperty(exports, "SelectWithAvatar", {
+  enumerable: true,
+  get: function get() {
+    return _SelectWithAvatar["default"];
+  }
+});
+Object.defineProperty(exports, "SelectWithIcon", {
+  enumerable: true,
+  get: function get() {
+    return _SelectWithIcon["default"];
+  }
+});
+var _Select = _interopRequireDefault(require("./Select"));
+var _GroupSelect = _interopRequireDefault(require("./GroupSelect"));
+var _SelectWithAvatar = _interopRequireDefault(require("./SelectWithAvatar"));
+var _SelectWithIcon = _interopRequireDefault(require("./SelectWithIcon"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/Tab/Tab.module.css

@@ -1,6 +1,5 @@
 .tab {
   text-transform: uppercase;
-  composes: offSelection from '../common/common.module.css';
   letter-spacing: 0.6px;
   text-decoration: none;
   cursor: pointer;

package/lib/Tab/Tabs.js

@@ -13,7 +13,7 @@ var _Common = require("../utils/Common");
 var _Layout = require("../Layout");
 var _ResizeObserver = _interopRequireDefault(require("../Responsive/ResizeObserver"));
 var _ListItem = _interopRequireDefault(require("../ListItem/ListItem"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _TabsModule = _interopRequireDefault(require("./Tabs.module.css"));
 var _Popup = _interopRequireDefault(require("../Popup/Popup"));
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
@@ -473,7 +473,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
         "aria-label": "MoreTabs",
         role: "link",
         tagName: "button"
-      }), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: iconName,
         size: iconSize
       })), isPopupOpen && /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {

package/lib/Tab/Tabs.module.css

@@ -1,6 +1,5 @@
 .tab {
   position: relative;
-  composes: offSelection from '../common/common.module.css';
   z-index: 1;
   --tab_position_gap: var(--zd_size22);
 }

package/lib/Tag/Tag.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
 var _Layout = require("../Layout");
 var _Button = _interopRequireDefault(require("../semantic/Button/Button"));
@@ -144,7 +144,7 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
       })) : null, iconName ? /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_TagModule["default"].icon, " ").concat(customTagIcon),
         "aria-hidden": true
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: iconName,
         size: iconSize
       })) : null, /*#__PURE__*/_react["default"].createElement("div", {
@@ -161,7 +161,7 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
         }
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both"
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         isBold: true,
         name: "ZD-close2",
         size: "8"

package/lib/TextBoxIcon/TextBoxIcon.js

@@ -10,7 +10,7 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
 var _TextBox = _interopRequireDefault(require("../TextBox/TextBox"));
 var _Layout = require("../Layout");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _semanticButtonModule = _interopRequireDefault(require("../semantic/Button/semanticButton.module.css"));
 var _TextBoxIconModule = _interopRequireDefault(require("./TextBoxIcon.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -184,7 +184,7 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
         align: "both",
         "aria-hidden": true,
         onMouseDown: onClearMouseDown
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-delete",
         size: "14"
       }))) : null, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

package/lib/VelocityAnimation/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VelocityAnimation", {
+  enumerable: true,
+  get: function get() {
+    return _VelocityAnimation["default"];
+  }
+});
+Object.defineProperty(exports, "VelocityAnimationGroup", {
+  enumerable: true,
+  get: function get() {
+    return _VelocityAnimationGroup["default"];
+  }
+});
+var _VelocityAnimation = _interopRequireDefault(require("./VelocityAnimation/VelocityAnimation"));
+var _VelocityAnimationGroup = _interopRequireDefault(require("./VelocityAnimationGroup/VelocityAnimationGroup"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }