@zohodesk/components 1.0.0-test-252 → 1.0.0

package/lib/index.js

@@ -1,73 +1,38 @@
 "use strict";
 
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  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() {
@@ -104,42 +69,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() {
@@ -152,72 +93,20 @@ Object.defineProperty(exports, "Label", {
     return _Label["default"];
   }
 });
-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() {
@@ -242,30 +131,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() {
@@ -308,19 +173,86 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip["default"];
   }
 });
-Object.defineProperty(exports, "VelocityAnimation", {
-  enumerable: true,
-  get: function get() {
-    return _VelocityAnimation["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];
+    }
+  });
 });
-Object.defineProperty(exports, "VelocityAnimationGroup", {
-  enumerable: true,
-  get: function get() {
-    return _VelocityAnimationGroup["default"];
-  }
+
+var _Animation = _interopRequireDefault(require("./Animation/Animation"));
+
+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 _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;
@@ -332,23 +264,89 @@ Object.keys(_Layout).forEach(function (key) {
     }
   });
 });
-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 _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 _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 _Textarea = _interopRequireDefault(require("./Textarea/Textarea"));
-var _Label = _interopRequireDefault(require("./Label/Label"));
-var _DropDownHeading = _interopRequireDefault(require("./DropDown/DropDownHeading"));
-var _CheckBox = _interopRequireDefault(require("./CheckBox/CheckBox"));
+
+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;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -360,45 +358,51 @@ 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 _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"));
+
+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];
+    }
+  });
+});
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/semantic/Button/Button.js

@@ -1,54 +1,75 @@
 "use strict";
 
 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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _defaultProps = require("./props/defaultProps");
+
 var _propTypes = require("./props/propTypes");
+
 var _semanticButtonModule = _interopRequireDefault(require("./semanticButton.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 var Button = /*#__PURE__*/function (_React$Component) {
   _inherits(Button, _React$Component);
+
   var _super = _createSuper(Button);
+
   function Button(props) {
     _classCallCheck(this, Button);
+
     return _super.call(this, props);
   }
+
   _createClass(Button, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        value = _this$props.value,
-        type = _this$props.type,
-        text = _this$props.text,
-        title = _this$props.title,
-        name = _this$props.name,
-        autoFocus = _this$props.autoFocus,
-        disabled = _this$props.disabled,
-        ref = _this$props.ref,
-        dataId = _this$props.dataId,
-        onClick = _this$props.onClick,
-        children = _this$props.children,
-        customClass = _this$props.customClass,
-        a11y = _this$props.a11y;
+          value = _this$props.value,
+          type = _this$props.type,
+          text = _this$props.text,
+          title = _this$props.title,
+          name = _this$props.name,
+          autoFocus = _this$props.autoFocus,
+          disabled = _this$props.disabled,
+          ref = _this$props.ref,
+          dataId = _this$props.dataId,
+          onClick = _this$props.onClick,
+          children = _this$props.children,
+          customClass = _this$props.customClass,
+          a11y = _this$props.a11y;
       var ariaLabel = a11y.ariaLabel,
-        ariaHaspopup = a11y.ariaHaspopup,
-        ariaExpanded = a11y.ariaExpanded,
-        ariaControls = a11y.ariaControls,
-        ariaLabelledby = a11y.ariaLabelledby;
+          ariaHaspopup = a11y.ariaHaspopup,
+          ariaExpanded = a11y.ariaExpanded,
+          ariaControls = a11y.ariaControls,
+          ariaLabelledby = a11y.ariaLabelledby;
       return /*#__PURE__*/_react["default"].createElement("button", {
         className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(customClass),
         "aria-label": ariaLabel,
@@ -63,19 +84,21 @@ var Button = /*#__PURE__*/function (_React$Component) {
         disabled: disabled,
         ref: ref,
         "data-id": dataId,
+        "data-test-id": dataId,
         onClick: onClick,
         "data-title": title
       }, children ? children : text);
     }
   }]);
+
   return Button;
 }(_react["default"].Component);
+
 exports["default"] = Button;
 Button.defaultProps = _defaultProps.defaultProps;
-Button.propTypes = _propTypes.propTypes;
-if (false) {
-  Button.docs = {
-    componentGroup: 'semantic',
-    folderName: 'DefaultComponents'
-  };
-}
+Button.propTypes = _propTypes.propTypes; // if (__DOCS__) {
+//   Button.docs = {
+//     componentGroup: 'semantic',
+//     folderName: 'DefaultComponents'
+//   };
+// }

package/lib/semantic/Button/props/propTypes.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var propTypes = {
   ariaControls: _propTypes["default"].bool,
   ariaExpanded: _propTypes["default"].bool,

package/lib/semantic/Button/semanticButton.module.css

@@ -4,6 +4,6 @@
   color: inherit;
   border: inherit;
   background-color: inherit;
-  padding: 0;
+  padding: 0 ;
   text-align: inherit;
 }

package/lib/semantic/index.js

@@ -0,0 +1,15 @@
+"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 }; }