@zohodesk/dot 1.0.0-temp-98 → 1.0.0-temp-100

package/lib/IconButton/IconButton.module.css

@@ -1,22 +1,22 @@
-.varClass {
-  --iconColor: var(--zdt_iconButton_icon_black);
-}
-.wrapper {
-  height: var(--zd_size28);
-  width: var(--zd_size28);
-  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
-  composes: varClass;
-  color: var(--iconColor);
-  cursor: pointer;
-}
-.primary {
-  --iconColor: var(--zdt_iconButton_icon_primary);
-}
-.primary:hover {
-  --iconColor: var(--zdt_iconButton_icon_primaryHover);
-}
-.primary_active,
-.primaryFilled,
-.primaryFilled_active {
-  --iconColor: var(--zdt_iconButton_icon_primaryActive);
-}
+.varClass {
+  --iconColor: var(--zdt_iconButton_icon_black);
+}
+.wrapper {
+  height: var(--zd_size28);
+  width: var(--zd_size28);
+  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: varClass;
+  color: var(--iconColor);
+  cursor: pointer;
+}
+.primary {
+  --iconColor: var(--zdt_iconButton_icon_primary);
+}
+.primary:hover {
+  --iconColor: var(--zdt_iconButton_icon_primaryHover);
+}
+.primary_active,
+.primaryFilled,
+.primaryFilled_active {
+  --iconColor: var(--zdt_iconButton_icon_primaryActive);
+}

package/lib/IconButton/props/defaultProps.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  palette: 'default',
+  iconSize: '13',
+  className: '',
+  iconClass: '',
+  dataId: 'iconContainer',
+  isActive: false,
+  isDisabled: false,
+  hoverType: 'default',
+  isBold: false,
+  isNeedEffect: true,
+  needButtonTag: true,
+  a11y: {},
+  dataIsHtml: false
+};
+exports.defaultProps = defaultProps;

package/lib/IconButton/props/propTypes.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes2 = _interopRequireDefault(require("prop-types"));
+
+var _propTypes;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var propTypes = (_propTypes = {
+  children: _propTypes2["default"].node,
+  className: _propTypes2["default"].string,
+  dataId: _propTypes2["default"].string,
+  eleRef: _propTypes2["default"].func,
+  hoverType: _propTypes2["default"].oneOf(['default', 'border', 'bg']),
+  iconClass: _propTypes2["default"].string,
+  iconName: _propTypes2["default"].string,
+  iconSize: _propTypes2["default"].string,
+  isActive: _propTypes2["default"].bool,
+  isBold: _propTypes2["default"].bool,
+  isDisabled: _propTypes2["default"].bool,
+  isNeedEffect: _propTypes2["default"].bool,
+  onClick: _propTypes2["default"].func,
+  onMouseDown: _propTypes2["default"].func,
+  onMouseOver: _propTypes2["default"].func,
+  palette: _propTypes2["default"].oneOf(['primary', 'primaryFilled', 'default']),
+  title: _propTypes2["default"].string,
+  tourId: _propTypes2["default"].string
+}, _defineProperty(_propTypes, "isNeedEffect", _propTypes2["default"].bool), _defineProperty(_propTypes, "needButtonTag", _propTypes2["default"].bool), _defineProperty(_propTypes, "a11y", _propTypes2["default"].shape({
+  ariaHaspopup: _propTypes2["default"].bool,
+  ariaExpanded: _propTypes2["default"].bool,
+  ariaLabel: _propTypes2["default"].string,
+  ariaControls: _propTypes2["default"].string,
+  ariaLabelledby: _propTypes2["default"].string
+})), _defineProperty(_propTypes, "dataIsHtml", _propTypes2["default"].bool), _propTypes);
+exports.propTypes = propTypes;

package/lib/Image/Image.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _ImageModule = _interopRequireDefault(require("./Image.module.css"));
 
@@ -78,22 +80,8 @@ var Image = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Image;
-Image.propTypes = {
-  alt: _propTypes["default"].string.isRequired,
-  className: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  eleRef: _propTypes["default"].func,
-  htmlId: _propTypes["default"].string,
-  isCover: _propTypes["default"].bool,
-  onClick: _propTypes["default"].func,
-  original: _propTypes["default"].string,
-  src: _propTypes["default"].string.isRequired,
-  title: _propTypes["default"].string
-};
-Image.defaultProps = {
-  isCover: false,
-  className: ''
-};
+Image.propTypes = _propTypes.propTypes;
+Image.defaultProps = _defaultProps.defaultProps;
 
 if (false) {
   Image.docs = {

package/lib/Image/Image.module.css

@@ -1,11 +1,11 @@
-.imgFullSize{
-    height:100%;
-    width:100%
-}
-.imgMaxFullSize{
-    max-height:100%;
-    max-width:100%
-}
-.imgFullSize, .imgMaxFullSize{
-    font-size: 12px
+.imgFullSize{
+    height:100%;
+    width:100%
+}
+.imgMaxFullSize{
+    max-height:100%;
+    max-width:100%
+}
+.imgFullSize, .imgMaxFullSize{
+    font-size: 12px
 }

package/lib/Image/props/defaultProps.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  isCover: false,
+  className: ''
+};
+exports.defaultProps = defaultProps;

package/lib/Image/props/propTypes.js

@@ -0,0 +1,24 @@
+"use strict";
+
+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 = {
+  alt: _propTypes["default"].string.isRequired,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  eleRef: _propTypes["default"].func,
+  htmlId: _propTypes["default"].string,
+  isCover: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  original: _propTypes["default"].string,
+  src: _propTypes["default"].string.isRequired,
+  title: _propTypes["default"].string
+};
+exports.propTypes = propTypes;

package/lib/ImportantNotes/ImportantNotes.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 
@@ -85,21 +87,8 @@ var ImportantNotes = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = ImportantNotes;
-ImportantNotes.propTypes = {
-  children: _propTypes["default"].node,
-  iconClass: _propTypes["default"].string,
-  iconName: _propTypes["default"].string,
-  iconSize: _propTypes["default"].string,
-  isCover: _propTypes["default"].bool,
-  text: _propTypes["default"].string,
-  className: _propTypes["default"].string
-};
-ImportantNotes.defaultProps = {
-  iconName: 'ZD-helpCentre',
-  iconSize: '14',
-  iconClass: '',
-  isCover: true
-};
+ImportantNotes.propTypes = _propTypes.propTypes;
+ImportantNotes.defaultProps = _defaultProps.defaultProps;
 
 if (false) {
   ImportantNotes.docs = {

package/lib/ImportantNotes/ImportantNotes.module.css

@@ -1,20 +1,20 @@
-.section {
-  background: var(--zdt_importantnotes_bg);
-  padding: var(--zd_size5) var(--zd_size10);
-}
-.title {
-  font-size: var(--zd_font_size13);
-  line-height: var(--zd_font_size18);
-  color: var(--zdt_importantnotes_title_text);
-}
-.icon {
-  color: var(--zdt_importantnotes_icon);
-  font-size: 0;
-  margin-top: var(--zd_size1);
-}
-[dir=ltr] .icon {
-  margin-right: var(--zd_size5);
-}
-[dir=rtl] .icon {
-  margin-left: var(--zd_size5);
-}
+.section {
+  background: var(--zdt_importantnotes_bg);
+  padding: var(--zd_size5) var(--zd_size10);
+}
+.title {
+  font-size: var(--zd_font_size13);
+  line-height: var(--zd_font_size18);
+  color: var(--zdt_importantnotes_title_text);
+}
+.icon {
+  color: var(--zdt_importantnotes_icon);
+  font-size: 0;
+  margin-top: var(--zd_size1);
+}
+[dir=ltr] .icon {
+  margin-right: var(--zd_size5);
+}
+[dir=rtl] .icon {
+  margin-left: var(--zd_size5);
+}

package/lib/ImportantNotes/props/defaultProps.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  iconName: 'ZD-helpCentre',
+  iconSize: '14',
+  iconClass: '',
+  isCover: true
+};
+exports.defaultProps = defaultProps;

package/lib/ImportantNotes/props/propTypes.js

@@ -0,0 +1,21 @@
+"use strict";
+
+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 = {
+  children: _propTypes["default"].node,
+  iconClass: _propTypes["default"].string,
+  iconName: _propTypes["default"].string,
+  iconSize: _propTypes["default"].string,
+  isCover: _propTypes["default"].bool,
+  text: _propTypes["default"].string,
+  className: _propTypes["default"].string
+};
+exports.propTypes = propTypes;

package/lib/Link/Link.js

@@ -9,7 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _LinkModule = _interopRequireDefault(require("./Link.module.css"));
 
@@ -143,24 +145,8 @@ var Link = /*#__PURE__*/function (_React$Component) {
 
 exports["default"] = Link;
 Link.contextType = _LinkContext["default"];
-Link.defaultProps = {
-  rel: 'noopener noreferrer',
-  hasReload: false,
-  customProps: {}
-};
-Link.propTypes = {
-  children: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
-  className: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  hasReload: _propTypes["default"].bool,
-  href: _propTypes["default"].string,
-  rel: _propTypes["default"].string,
-  target: _propTypes["default"].oneOf(['_blank', '_self']),
-  title: _propTypes["default"].string,
-  urlData: _propTypes["default"].object,
-  urlName: _propTypes["default"].string,
-  customProps: _propTypes["default"].object
-};
+Link.defaultProps = _defaultProps.defaultProps;
+Link.propTypes = _propTypes.propTypes;
 
 if (false) {
   Link.docs = {

package/lib/Link/Link.module.css

@@ -1,4 +1,4 @@
-.container {
-  text-decoration: none;
-  color: inherit;
+.container {
+  text-decoration: none;
+  color: inherit;
 }

package/lib/Link/props/defaultProps.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  rel: 'noopener noreferrer',
+  hasReload: false,
+  customProps: {}
+};
+exports.defaultProps = defaultProps;

package/lib/Link/props/propTypes.js

@@ -0,0 +1,25 @@
+"use strict";
+
+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 = {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  hasReload: _propTypes["default"].bool,
+  href: _propTypes["default"].string,
+  rel: _propTypes["default"].string,
+  target: _propTypes["default"].oneOf(['_blank', '_self']),
+  title: _propTypes["default"].string,
+  urlData: _propTypes["default"].object,
+  urlName: _propTypes["default"].string,
+  customProps: _propTypes["default"].object
+};
+exports.propTypes = propTypes;

package/lib/Loader/Loader.module.css

@@ -1,46 +1,46 @@
-.ajaxLoader {
-  position: absolute;
-  top: 0;
-}[dir=ltr] .ajaxLoader {
-  left: 0;
-  right: 0;
-}[dir=rtl] .ajaxLoader {
-  right: 0;
-  left: 0;
-}
-.loader {
-  width: 100%;
-  height: 3px;
-  background-image: var(--zdt_loader_gradient_bg);
-  background-size: 200% auto;
-}
-[dir=ltr] .loader {
-  background-position: 0 100%;
-  animation:  loading-ltr 3s infinite;
-  animation-fill-mode: forwards;
-  animation-timing-function: linear;
-}
-[dir=rtl] .loader {
-  background-position: 100% 100%;
-  animation:  loading-rtl 3s infinite;
-  animation-fill-mode: forwards;
-  animation-timing-function: linear;
-}
-
-@keyframes loading-ltr {
-  0% {
-    background-position: 0 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-
-@keyframes loading-rtl {
-  0% {
-    background-position: 100% 0;
-  }
-  100% {
-    background-position: 300% 0;
-  }
-}
+.ajaxLoader {
+  position: absolute;
+  top: 0;
+}[dir=ltr] .ajaxLoader {
+  left: 0;
+  right: 0;
+}[dir=rtl] .ajaxLoader {
+  right: 0;
+  left: 0;
+}
+.loader {
+  width: 100%;
+  height: 3px;
+  background-image: var(--zdt_loader_gradient_bg);
+  background-size: 200% auto;
+}
+[dir=ltr] .loader {
+  background-position: 0 100%;
+  animation:  loading-ltr 3s infinite;
+  animation-fill-mode: forwards;
+  animation-timing-function: linear;
+}
+[dir=rtl] .loader {
+  background-position: 100% 100%;
+  animation:  loading-rtl 3s infinite;
+  animation-fill-mode: forwards;
+  animation-timing-function: linear;
+}
+
+@keyframes loading-ltr {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+@keyframes loading-rtl {
+  0% {
+    background-position: 100% 0;
+  }
+  100% {
+    background-position: 300% 0;
+  }
+}

package/lib/Message/Message.js

@@ -11,7 +11,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
 
 var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
@@ -99,20 +101,8 @@ var Message = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = Message;
-Message.propTypes = {
-  dataId: _propTypes["default"].string,
-  hideMessage: _propTypes["default"].func,
-  message: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  showMessage: _propTypes["default"].bool,
-  type: _propTypes["default"].oneOf(['success', 'alert', 'info']),
-  i18nKeys: _propTypes["default"].shape({
-    closeTitle: _propTypes["default"].string
-  })
-};
-Message.defaultProps = {
-  i18nKeys: {}
-};
+Message.propTypes = _propTypes.propTypes;
+Message.defaultProps = _defaultProps.defaultProps;
 
 if (false) {
   Message.docs = {