@zohodesk/components 1.0.0-temp-134 → 1.0.0-temp-136

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 }; }

package/lib/index.js

@@ -5,71 +5,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  Layout: true,
-  AppContainer: true,
-  Accordion: true,
   Animation: true,
-  Card: true,
+  AppContainer: true,
   Avatar: true,
   AvatarTeam: true,
   Button: true,
   Buttongroup: true,
-  Switch: true,
-  Radio: true,
-  Textarea: true,
-  Label: true,
-  DropDownHeading: true,
   CheckBox: true,
+  DropBox: true,
+  Heading: true,
+  Label: true,
+  Modal: true,
+  PopOver: true,
+  Popup: true,
+  Providers: true,
+  Radio: true,
+  ResponsiveDropBox: true,
   Ribbon: true,
+  RippleEffect: true,
+  Stencils: true,
+  Switch: true,
   Tag: true,
+  Textarea: true,
   TextBox: true,
   TextBoxIcon: true,
   Tooltip: true,
-  Select: true,
-  SelectWithIcon: true,
-  GroupSelect: true,
-  SelectWithAvatar: true,
-  MultiSelect: true,
-  AdvancedMultiSelect: true,
-  AdvancedGroupMultiSelect: true,
-  MultiSelectWithAvatar: true,
-  DateWidget: true,
-  ListItem: true,
-  ListItemWithIcon: true,
-  ListItemWithCheckBox: true,
-  ListItemWithRadio: true,
-  ListItemWithAvatar: true,
-  DropBox: true,
-  PopOver: true,
-  Stencils: true,
-  Modal: true,
-  RippleEffect: true,
-  PortalLayer: true,
-  VelocityAnimation: true,
-  VelocityAnimationGroup: true,
-  Provider: true,
-  SemanticButton: true,
-  ResponsiveDropBox: true,
-  Heading: true
+  utils: true
 };
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function get() {
-    return _Accordion["default"];
-  }
-});
-Object.defineProperty(exports, "AdvancedGroupMultiSelect", {
-  enumerable: true,
-  get: function get() {
-    return _AdvancedGroupMultiSelect["default"];
-  }
-});
-Object.defineProperty(exports, "AdvancedMultiSelect", {
-  enumerable: true,
-  get: function get() {
-    return _AdvancedMultiSelect["default"];
-  }
-});
 Object.defineProperty(exports, "Animation", {
   enumerable: true,
   get: function get() {
@@ -106,42 +68,18 @@ Object.defineProperty(exports, "Buttongroup", {
     return _Buttongroup["default"];
   }
 });
-Object.defineProperty(exports, "Card", {
-  enumerable: true,
-  get: function get() {
-    return _Card["default"];
-  }
-});
 Object.defineProperty(exports, "CheckBox", {
   enumerable: true,
   get: function get() {
     return _CheckBox["default"];
   }
 });
-Object.defineProperty(exports, "DateWidget", {
-  enumerable: true,
-  get: function get() {
-    return _DateWidget["default"];
-  }
-});
 Object.defineProperty(exports, "DropBox", {
   enumerable: true,
   get: function get() {
     return _DropBox["default"];
   }
 });
-Object.defineProperty(exports, "DropDownHeading", {
-  enumerable: true,
-  get: function get() {
-    return _DropDownHeading["default"];
-  }
-});
-Object.defineProperty(exports, "GroupSelect", {
-  enumerable: true,
-  get: function get() {
-    return _GroupSelect["default"];
-  }
-});
 Object.defineProperty(exports, "Heading", {
   enumerable: true,
   get: function get() {
@@ -154,73 +92,20 @@ Object.defineProperty(exports, "Label", {
     return _Label["default"];
   }
 });
-exports.Layout = void 0;
-Object.defineProperty(exports, "ListItem", {
-  enumerable: true,
-  get: function get() {
-    return _ListItem["default"];
-  }
-});
-Object.defineProperty(exports, "ListItemWithAvatar", {
-  enumerable: true,
-  get: function get() {
-    return _ListItemWithAvatar["default"];
-  }
-});
-Object.defineProperty(exports, "ListItemWithCheckBox", {
-  enumerable: true,
-  get: function get() {
-    return _ListItemWithCheckBox["default"];
-  }
-});
-Object.defineProperty(exports, "ListItemWithIcon", {
-  enumerable: true,
-  get: function get() {
-    return _ListItemWithIcon["default"];
-  }
-});
-Object.defineProperty(exports, "ListItemWithRadio", {
-  enumerable: true,
-  get: function get() {
-    return _ListItemWithRadio["default"];
-  }
-});
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function get() {
     return _Modal["default"];
   }
 });
-Object.defineProperty(exports, "MultiSelect", {
-  enumerable: true,
-  get: function get() {
-    return _MultiSelect["default"];
-  }
-});
-Object.defineProperty(exports, "MultiSelectWithAvatar", {
-  enumerable: true,
-  get: function get() {
-    return _MultiSelectWithAvatar["default"];
-  }
-});
-Object.defineProperty(exports, "PopOver", {
+exports.PopOver = void 0;
+Object.defineProperty(exports, "Popup", {
   enumerable: true,
   get: function get() {
-    return _PopOver["default"];
-  }
-});
-Object.defineProperty(exports, "PortalLayer", {
-  enumerable: true,
-  get: function get() {
-    return _PortalLayer["default"];
-  }
-});
-Object.defineProperty(exports, "Provider", {
-  enumerable: true,
-  get: function get() {
-    return _IdProvider.Provider;
+    return _Popup["default"];
   }
 });
+exports.Providers = void 0;
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function get() {
@@ -245,30 +130,6 @@ Object.defineProperty(exports, "RippleEffect", {
     return _RippleEffect["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"];
-  }
-});
-Object.defineProperty(exports, "SemanticButton", {
-  enumerable: true,
-  get: function get() {
-    return _Button2["default"];
-  }
-});
 Object.defineProperty(exports, "Stencils", {
   enumerable: true,
   get: function get() {
@@ -311,36 +172,137 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip["default"];
   }
 });
-Object.defineProperty(exports, "VelocityAnimation", {
-  enumerable: true,
-  get: function get() {
-    return _VelocityAnimation["default"];
-  }
-});
-Object.defineProperty(exports, "VelocityAnimationGroup", {
-  enumerable: true,
-  get: function get() {
-    return _VelocityAnimationGroup["default"];
-  }
+exports.utils = void 0;
+var _Accordion = require("./Accordion");
+Object.keys(_Accordion).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Accordion[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Accordion[key];
+    }
+  });
 });
-var _Layout = _interopRequireWildcard(require("./Layout"));
-exports.Layout = _Layout;
-var _AppContainer = _interopRequireDefault(require("./AppContainer/AppContainer"));
-var _Accordion = _interopRequireDefault(require("./Accordion/Accordion"));
 var _Animation = _interopRequireDefault(require("./Animation/Animation"));
-var _Card = _interopRequireDefault(require("./Card/Card"));
+var _AppContainer = _interopRequireDefault(require("./AppContainer/AppContainer"));
 var _Avatar = _interopRequireDefault(require("./Avatar/Avatar"));
 var _AvatarTeam = _interopRequireDefault(require("./AvatarTeam/AvatarTeam"));
 var _Button = _interopRequireDefault(require("./Button/Button"));
 var _Buttongroup = _interopRequireDefault(require("./Buttongroup/Buttongroup"));
-var _Switch = _interopRequireDefault(require("./Switch/Switch"));
-var _Radio = _interopRequireDefault(require("./Radio/Radio"));
-var _Textarea = _interopRequireDefault(require("./Textarea/Textarea"));
-var _Label = _interopRequireDefault(require("./Label/Label"));
-var _DropDownHeading = _interopRequireDefault(require("./DropDown/DropDownHeading"));
+var _Card = require("./Card");
+Object.keys(_Card).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Card[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Card[key];
+    }
+  });
+});
 var _CheckBox = _interopRequireDefault(require("./CheckBox/CheckBox"));
+var _DateTime = require("./DateTime");
+Object.keys(_DateTime).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DateTime[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DateTime[key];
+    }
+  });
+});
+var _DropBox = _interopRequireDefault(require("./DropBox/DropBox"));
+var _DropDown = require("./DropDown");
+Object.keys(_DropDown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropDown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropDown[key];
+    }
+  });
+});
+var _Heading = _interopRequireDefault(require("./Heading/Heading"));
+var _Label = _interopRequireDefault(require("./Label/Label"));
+var _Layout = require("./Layout");
+Object.keys(_Layout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Layout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Layout[key];
+    }
+  });
+});
+var _ListItem = require("./ListItem");
+Object.keys(_ListItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ListItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ListItem[key];
+    }
+  });
+});
+var _Modal = _interopRequireDefault(require("./Modal/Modal"));
+var _MultiSelect = require("./MultiSelect");
+Object.keys(_MultiSelect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MultiSelect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MultiSelect[key];
+    }
+  });
+});
+var _PopOver = _interopRequireWildcard(require("./PopOver"));
+exports.PopOver = _PopOver;
+var _Popup = _interopRequireDefault(require("./Popup/Popup"));
+var _Providers = _interopRequireWildcard(require("./Provider"));
+exports.Providers = _Providers;
+var _Radio = _interopRequireDefault(require("./Radio/Radio"));
+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 _ResponsiveDropBox = _interopRequireDefault(require("./ResponsiveDropBox/ResponsiveDropBox"));
 var _Ribbon = _interopRequireDefault(require("./Ribbon/Ribbon"));
-var _Tag = _interopRequireDefault(require("./Tag/Tag"));
+var _RippleEffect = _interopRequireDefault(require("./RippleEffect/RippleEffect"));
+var _Select = require("./Select");
+Object.keys(_Select).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Select[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Select[key];
+    }
+  });
+});
+var _Stencils = _interopRequireDefault(require("./Stencils/Stencils"));
+var _Switch = _interopRequireDefault(require("./Switch/Switch"));
 var _Tab = require("./Tab");
 Object.keys(_Tab).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -353,47 +315,37 @@ Object.keys(_Tab).forEach(function (key) {
     }
   });
 });
+var _Tag = _interopRequireDefault(require("./Tag/Tag"));
+var _Textarea = _interopRequireDefault(require("./Textarea/Textarea"));
 var _TextBox = _interopRequireDefault(require("./TextBox/TextBox"));
 var _TextBoxIcon = _interopRequireDefault(require("./TextBoxIcon/TextBoxIcon"));
 var _Tooltip = _interopRequireDefault(require("./Tooltip/Tooltip"));
-var _Select = _interopRequireDefault(require("./Select/Select"));
-var _SelectWithIcon = _interopRequireDefault(require("./Select/SelectWithIcon"));
-var _GroupSelect = _interopRequireDefault(require("./Select/GroupSelect"));
-var _SelectWithAvatar = _interopRequireDefault(require("./Select/SelectWithAvatar"));
-var _MultiSelect = _interopRequireDefault(require("./MultiSelect/MultiSelect"));
-var _AdvancedMultiSelect = _interopRequireDefault(require("./MultiSelect/AdvancedMultiSelect"));
-var _AdvancedGroupMultiSelect = _interopRequireDefault(require("./MultiSelect/AdvancedGroupMultiSelect"));
-var _MultiSelectWithAvatar = _interopRequireDefault(require("./MultiSelect/MultiSelectWithAvatar"));
-var _DateWidget = _interopRequireDefault(require("./DateTime/DateWidget"));
-var _ListItem = _interopRequireDefault(require("./ListItem/ListItem"));
-var _ListItemWithIcon = _interopRequireDefault(require("./ListItem/ListItemWithIcon"));
-var _ListItemWithCheckBox = _interopRequireDefault(require("./ListItem/ListItemWithCheckBox"));
-var _ListItemWithRadio = _interopRequireDefault(require("./ListItem/ListItemWithRadio"));
-var _ListItemWithAvatar = _interopRequireDefault(require("./ListItem/ListItemWithAvatar"));
-var _DropBox = _interopRequireDefault(require("./DropBox/DropBox"));
-var _PopOver = _interopRequireDefault(require("./PopOver/PopOver"));
-var _Stencils = _interopRequireDefault(require("./Stencils/Stencils"));
-var _Modal = _interopRequireDefault(require("./Modal/Modal"));
-var _Responsive = require("./Responsive");
-Object.keys(_Responsive).forEach(function (key) {
+var _utils = _interopRequireWildcard(require("./utils"));
+exports.utils = _utils;
+var _VelocityAnimation = require("./VelocityAnimation");
+Object.keys(_VelocityAnimation).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;
+  if (key in exports && exports[key] === _VelocityAnimation[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _Responsive[key];
+      return _VelocityAnimation[key];
+    }
+  });
+});
+var _semantic = require("./semantic");
+Object.keys(_semantic).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _semantic[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _semantic[key];
     }
   });
 });
-var _RippleEffect = _interopRequireDefault(require("./RippleEffect/RippleEffect"));
-var _PortalLayer = _interopRequireDefault(require("./deprecated/PortalLayer/PortalLayer"));
-var _VelocityAnimation = _interopRequireDefault(require("./VelocityAnimation/VelocityAnimation/VelocityAnimation"));
-var _VelocityAnimationGroup = _interopRequireDefault(require("./VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
-var _IdProvider = require("./Provider/IdProvider");
-var _Button2 = _interopRequireDefault(require("./semantic/Button/Button"));
-var _ResponsiveDropBox = _interopRequireDefault(require("./ResponsiveDropBox/ResponsiveDropBox"));
-var _Heading = _interopRequireDefault(require("./Heading/Heading"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/semantic/index.js

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

package/lib/utils/css/compileClassNames.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = compileClassNames;
+var _utils = require("./utils");
+var collectClassNames = function collectClassNames(processedClassNameList) {
+  for (var index = 0; index < (arguments.length <= 1 ? 0 : arguments.length - 1); index++) {
+    var classInfo = index + 1 < 1 || arguments.length <= index + 1 ? undefined : arguments[index + 1];
+    if (!classInfo) {
+      continue;
+    } else if ((0, _utils.isDataTypeOf)(classInfo, _utils.dataTypes.object)) {
+      for (var property in classInfo) {
+        if (Object.hasOwnProperty.call(classInfo, property) && property !== 'undefined' && property !== 'null' && classInfo[property] && !processedClassNameList.includes(property)) {
+          processedClassNameList.push(property);
+        }
+      }
+    }
+  }
+};
+function compileClassNames() {
+  var resultClassNameList = [];
+  for (var _len = arguments.length, classinfoList = new Array(_len), _key = 0; _key < _len; _key++) {
+    classinfoList[_key] = arguments[_key];
+  }
+  collectClassNames.apply(void 0, [resultClassNameList].concat(classinfoList));
+  return resultClassNameList.filter(function (a) {
+    return a !== '';
+  }).join(' ');
+}

package/lib/utils/css/mergeStyle.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = mergeStyle;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var REPLACER_SYMBOL = '$';
+
+// $ startWith is used for replace the existing style.
+// all other will be append
+
+function mergeStyle(defaultStyle, customStyle) {
+  var additionalStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  // if(!Object.keys(defaultStyle).includes('base')) {
+  //   throw new Error(`STYLE CUSTOMIZATION RULE - Your style sheet should have "base" class name for customization`);
+  // }
+
+  return Object.keys(customStyle).reduce(function (res, next) {
+    if (next.startsWith(REPLACER_SYMBOL)) {
+      var styleValue = customStyle[next];
+      var styleName = next.replace(REPLACER_SYMBOL, '');
+      if (!defaultStyle[styleName] && !additionalStyle.includes(styleName)) {
+        // return res;
+        throw new Error("UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(styleName, "\" is not available in that component style"));
+      }
+      var val = defaultStyle[styleName];
+      Object.keys(res).map(function (keyName) {
+        var styleKey = res[keyName];
+        if (styleKey.includes(val)) {
+          res[keyName] = styleKey.replace(val, styleValue);
+        }
+      });
+    } else if (defaultStyle[next] || additionalStyle.includes(next)) {
+      var _val = defaultStyle[next];
+      Object.keys(res).map(function (keyName) {
+        if (res[keyName].includes(_val)) {
+          res[keyName] = res[keyName] + ' ' + customStyle[next];
+        }
+      });
+    } else if (!defaultStyle[next] && !additionalStyle.includes(next)) {
+      // res[next] = customStyle[next];
+      "UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(next, "\" is not available in that component style");
+    }
+    return res;
+  }, _objectSpread({}, defaultStyle));
+}