@zohodesk/dot 1.0.0-beta.236 → 1.0.0-beta.239

package/es/FormAction/FormAction.module.css

@@ -1,82 +1,82 @@
-.varClass {
-  --footerBg: var(--zdt_formAction_bg);
-  --footerBorder: var(--zdt_formAction_border);
-}
-.wrapperDiv {
-  position: relative;
-  z-index: 1;
-  composes: varClass;
-}
-.footerParent {
-  position: relative;
-  background-color: var(--footerBg);
-  border-top: solid 1px var(--footerBorder);
-}
-.largeFooter {
-  padding-top: var(--zd_size24);
-  padding-bottom: var(--zd_size24);
-}
-.mediumFooter {
-  padding-top: var(--zd_size20);
-  padding-bottom: var(--zd_size20);
-}
-.smallFooter {
-  padding-top: var(--zd_size10);
-  padding-bottom: var(--zd_size10);
-}
-
-[dir=ltr] .largePadding {
-  padding-left: var(--zd_size60);
-}
-
-[dir=rtl] .largePadding {
-  padding-right: var(--zd_size60);
-}
-[dir=ltr] .mediumPadding {
-  padding-left: var(--zd_size50);
-}
-[dir=rtl] .mediumPadding {
-  padding-right: var(--zd_size50);
-}
-[dir=ltr] .xmediumPadding {
-  padding-left: var(--zd_size30);
-}
-[dir=rtl] .xmediumPadding {
-  padding-right: var(--zd_size30);
-}
-[dir=ltr] .smallPadding {
-  padding-left: var(--zd_size25);
-}
-[dir=rtl] .smallPadding {
-  padding-right: var(--zd_size25);
-}
-[dir=ltr] .xsmallPadding {
-  padding-left: var(--zd_size20);
-}
-[dir=rtl] .xsmallPadding {
-  padding-right: var(--zd_size20);
-}
-
-.marginRight {
-  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
-}
-[dir=ltr] .largeFooter .marginRight, [dir=ltr] .mediumFooter .marginRight {
-  margin-right: var(--zd_size15);
-}
-[dir=rtl] .largeFooter .marginRight, [dir=rtl] .mediumFooter .marginRight {
-  margin-left: var(--zd_size15);
-}
-[dir=ltr] .smallFooter .marginRight {
-  margin-right: var(--zd_size12);
-}
-[dir=rtl] .smallFooter .marginRight {
-  margin-left: var(--zd_size12);
-}
-
-[dir=ltr] .marginRight:last-child {
-  margin-right: 0;
-}
-
-[dir=rtl] .marginRight:last-child {
-  margin-left: 0;
-}
+.varClass {
+  --footerBg: var(--zdt_formAction_bg);
+  --footerBorder: var(--zdt_formAction_border);
+}
+.wrapperDiv {
+  position: relative;
+  z-index: 1;
+  composes: varClass;
+}
+.footerParent {
+  position: relative;
+  background-color: var(--footerBg);
+  border-top: solid 1px var(--footerBorder);
+}
+.largeFooter {
+  padding-top: var(--zd_size24);
+  padding-bottom: var(--zd_size24);
+}
+.mediumFooter {
+  padding-top: var(--zd_size20);
+  padding-bottom: var(--zd_size20);
+}
+.smallFooter {
+  padding-top: var(--zd_size10);
+  padding-bottom: var(--zd_size10);
+}
+
+[dir=ltr] .largePadding {
+  padding-left: var(--zd_size60);
+}
+
+[dir=rtl] .largePadding {
+  padding-right: var(--zd_size60);
+}
+[dir=ltr] .mediumPadding {
+  padding-left: var(--zd_size50);
+}
+[dir=rtl] .mediumPadding {
+  padding-right: var(--zd_size50);
+}
+[dir=ltr] .xmediumPadding {
+  padding-left: var(--zd_size30);
+}
+[dir=rtl] .xmediumPadding {
+  padding-right: var(--zd_size30);
+}
+[dir=ltr] .smallPadding {
+  padding-left: var(--zd_size25);
+}
+[dir=rtl] .smallPadding {
+  padding-right: var(--zd_size25);
+}
+[dir=ltr] .xsmallPadding {
+  padding-left: var(--zd_size20);
+}
+[dir=rtl] .xsmallPadding {
+  padding-right: var(--zd_size20);
+}
+
+.marginRight {
+  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
+}
+[dir=ltr] .largeFooter .marginRight, [dir=ltr] .mediumFooter .marginRight {
+  margin-right: var(--zd_size15);
+}
+[dir=rtl] .largeFooter .marginRight, [dir=rtl] .mediumFooter .marginRight {
+  margin-left: var(--zd_size15);
+}
+[dir=ltr] .smallFooter .marginRight {
+  margin-right: var(--zd_size12);
+}
+[dir=rtl] .smallFooter .marginRight {
+  margin-left: var(--zd_size12);
+}
+
+[dir=ltr] .marginRight:last-child {
+  margin-right: 0;
+}
+
+[dir=rtl] .marginRight:last-child {
+  margin-left: 0;
+}

package/es/FormAction/docs/FormAction__default.docs.js

@@ -62,9 +62,7 @@ export default class FormAction__default extends Component {
       size: "small"
     })), /*#__PURE__*/React.createElement(RightSide, null, /*#__PURE__*/React.createElement("p", null, "XSmall"))));
   }
-
 }
-
 if (false) {
   FormAction__default.docs = {
     componentGroup: 'Atom'

package/es/FreezeLayer/FreezeLayer.js

@@ -16,7 +16,6 @@ export default class FreezeLayer extends Component {
     this.getNextIndex = getZIndex(this);
     this.isFreezeLayerEnabled = false;
   }
-
   enableFreeze() {
     if (!this.isFreezeLayerEnabled) {
       this.isFreezeLayerEnabled = true;
@@ -24,7 +23,6 @@ export default class FreezeLayer extends Component {
       freezeLayerEnable && freezeLayerEnable();
     }
   }
-
   disableFreeze() {
     if (this.isFreezeLayerEnabled) {
       this.isFreezeLayerEnabled = false;
@@ -32,12 +30,10 @@ export default class FreezeLayer extends Component {
       freezeLayerDisable && freezeLayerDisable();
     }
   }
-
   componentDidMount() {
     let {
       isActive
     } = this.props;
-
     if (isActive) {
       this.setState({
         isChildActive: true
@@ -45,12 +41,10 @@ export default class FreezeLayer extends Component {
       this.enableFreeze();
     }
   }
-
   componentDidUpdate(prevProps) {
     let {
       isActive
     } = this.props;
-
     if (isActive != prevProps.isActive) {
       if (isActive) {
         this.enableFreeze();
@@ -73,11 +67,9 @@ export default class FreezeLayer extends Component {
       }
     }
   }
-
   componentWillUnmount() {
     this.disableFreeze();
   }
-
   render() {
     let {
       children,
@@ -124,11 +116,9 @@ export default class FreezeLayer extends Component {
       dataId: "reactFreezeLayer"
     }, children))));
   }
-
 }
 FreezeLayer.propTypes = propTypes;
 FreezeLayer.defaultProps = defaultProps;
-
 if (false) {
   FreezeLayer.docs = {
     componentGroup: 'Atom',

package/es/FreezeLayer/FreezeLayer.module.css

@@ -1,42 +1,42 @@
-.container {
-  top: 0;
-  bottom: 0;
-  position: absolute;
-  overflow: hidden;
-}[dir=ltr] .container {
-  left: 0;
-  right: 0;
-}[dir=rtl] .container {
-  right: 0;
-  left: 0;
-}
-.default {
-  background-color: var(--zdt_freezelayer_default_bg);
-}
-.dark {
-  background-color: var(--zdt_freezelayer_dark_bg);
-}
-.darkLight {
-  background-color: var(--zdt_freezelayer_darklight_bg);
-}
-.plain {
-  background-color: var(--zdt_freezelayer_plain_bg);
-}
-.snow {
-  background-color: var(--zdt_freezelayer_snow_bg);
-}
-.index3 {
-  z-index: 3;
-}
-.index5 {
-  z-index: 5;
-}
-.index7 {
-  z-index: 7;
-}
-.index10 {
-  z-index: 10;
-}
-.delay {
-  transition-delay: var(--zd_transition2);
-}
+.container {
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  overflow: hidden;
+}[dir=ltr] .container {
+  left: 0;
+  right: 0;
+}[dir=rtl] .container {
+  right: 0;
+  left: 0;
+}
+.default {
+  background-color: var(--zdt_freezelayer_default_bg);
+}
+.dark {
+  background-color: var(--zdt_freezelayer_dark_bg);
+}
+.darkLight {
+  background-color: var(--zdt_freezelayer_darklight_bg);
+}
+.plain {
+  background-color: var(--zdt_freezelayer_plain_bg);
+}
+.snow {
+  background-color: var(--zdt_freezelayer_snow_bg);
+}
+.index3 {
+  z-index: 3;
+}
+.index5 {
+  z-index: 5;
+}
+.index7 {
+  z-index: 7;
+}
+.index10 {
+  z-index: 10;
+}
+.delay {
+  transition-delay: var(--zd_transition2);
+}

package/es/FreezeLayer/docs/FreezeLayer__dark.docs.js

@@ -9,13 +9,11 @@ export default class FreezeLayer__dark extends Component {
     };
     this.toggle = this.toggle.bind(this);
   }
-
   toggle() {
     this.setState({
       view: !this.state.view
     });
   }
-
   render() {
     let {
       view
@@ -41,9 +39,7 @@ export default class FreezeLayer__dark extends Component {
       }
     }, "Im children")));
   }
-
 }
-
 if (false) {
   FreezeLayer__dark.docs = {
     componentGroup: 'Atom'

package/es/FreezeLayer/docs/FreezeLayer__default.docs.js

@@ -9,13 +9,11 @@ export default class FreezeLayer__default extends Component {
     };
     this.toggle = this.toggle.bind(this);
   }
-
   toggle() {
     this.setState({
       view: !this.state.view
     });
   }
-
   render() {
     let {
       view
@@ -38,9 +36,7 @@ export default class FreezeLayer__default extends Component {
       }
     }, "Im children")));
   }
-
 }
-
 if (false) {
   FreezeLayer__default.docs = {
     componentGroup: 'Atom'

package/es/IconButton/IconButton.js

@@ -18,7 +18,6 @@ export default class IconButton extends React.Component {
     this.triggerMouseOver = this.triggerMouseOver.bind(this);
     this.onBlur = this.onBlur.bind(this);
   }
-
   handleToggle(e) {
     if (e.key === ' ' || e.key === 'Enter' || e.key === 'Spacebar') {
       e.preventDefault();
@@ -26,7 +25,6 @@ export default class IconButton extends React.Component {
       this.triggerMouseDown(e);
     }
   }
-
   triggerClick(e) {
     let {
       onClick,
@@ -36,7 +34,6 @@ export default class IconButton extends React.Component {
       isPressed: true
     })) : null;
   }
-
   triggerMouseOver(e) {
     let {
       onMouseOver,
@@ -46,7 +43,6 @@ export default class IconButton extends React.Component {
       isPressed: true
     })) : null;
   }
-
   triggerMouseDown(e) {
     let {
       onMouseDown,
@@ -56,7 +52,6 @@ export default class IconButton extends React.Component {
       isPressed: true
     })) : null;
   }
-
   onBlur(e) {
     let {
       isDisabled
@@ -65,7 +60,6 @@ export default class IconButton extends React.Component {
       isPressed: false
     }) : null;
   }
-
   render() {
     let {
       palette,
@@ -134,11 +128,9 @@ export default class IconButton extends React.Component {
       iconClass: iconClass
     }) : null, children ? children : null));
   }
-
 }
 IconButton.propTypes = propTypes;
 IconButton.defaultProps = defaultProps;
-
 if (false) {
   IconButton.docs = {
     componentGroup: 'Atom'

package/es/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/es/IconButton/docs/IconButton__default.docs.js

@@ -209,9 +209,7 @@ export default class IconButton__default extends Component {
       title: "primaryFilled"
     }))));
   }
-
 }
-
 if (false) {
   IconButton__default.docs = {
     componentGroup: 'Atom'

package/es/Image/Image.js

@@ -28,11 +28,9 @@ export default class Image extends React.Component {
       "data-original": original
     });
   }
-
 }
 Image.propTypes = propTypes;
 Image.defaultProps = defaultProps;
-
 if (false) {
   Image.docs = {
     componentGroup: 'Atom'

package/es/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/es/Image/docs/Image__default.docs.js

@@ -12,9 +12,7 @@ export default class Image__default extends Component {
       src: "https://hjemly.dk/wp-content/uploads/2016/05/facebook-default-no-profile-pic.jpg"
     }));
   }
-
 }
-
 if (false) {
   Image__default.docs = {
     componentGroup: 'Atom'

package/es/ImportantNotes/ImportantNotes.js

@@ -8,7 +8,6 @@ export default class ImportantNotes extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     let {
       text,
@@ -37,11 +36,9 @@ export default class ImportantNotes extends React.Component {
       className: style.title
     }, text, children ? children : null) : null);
   }
-
 }
 ImportantNotes.propTypes = propTypes;
 ImportantNotes.defaultProps = defaultProps;
-
 if (false) {
   ImportantNotes.docs = {
     componentGroup: 'Common',

package/es/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/es/ImportantNotes/docs/ImportantNotes__default.docs.js

@@ -5,15 +5,12 @@ export default class ImportantNotes__default extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     return /*#__PURE__*/React.createElement(ImportantNotes, {
       text: "Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting.Forwarded threads are always marked as private regardless of this setting."
     }, "Children");
   }
-
 }
-
 if (false) {
   ImportantNotes__default.docs = {
     componentGroup: 'Common',

package/es/Link/Link.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -10,7 +9,6 @@ export default class Link extends React.Component {
     super(props, context);
     this.onCallBack = this.onCallBack.bind(this);
   }
-
   onCallBack(urlOutput, href, e) {
     let {
       onClick,
@@ -20,33 +18,25 @@ export default class Link extends React.Component {
     let {
       onCallBack
     } = this.context.options;
-
     if (e && (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)) {
       e && e.stopPropagation();
       return;
     }
-
     onClick && onClick(e);
-
     if (!hasReload && target != '_blank') {
       e && e.preventDefault();
     }
-
     e && e.stopPropagation();
     !onClick && onCallBack && onCallBack(urlOutput, href, e);
   }
-
   addHttp(url) {
     /* eslint-disable */
     if (!/^(f|ht)tps?:\/\//i.test(url)) {
       url = 'http://' + url;
     }
     /* eslint-enable */
-
-
     return url;
   }
-
   render() {
     let {
       children,
@@ -67,17 +57,16 @@ export default class Link extends React.Component {
     } = this.context.options;
     let urlOutput = href ? href : constructURL(urlName, urlData);
     let option = {};
-
     if (download) {
       option.download = true;
     }
-
     let ignoreKeys = ['children', 'href', 'target', 'urlData', 'urlName', 'className', 'title', 'download', 'rel', 'dataId', 'hasReload', 'customProps', 'option'];
     let others = Object.keys(this.props).filter(key => ignoreKeys.indexOf(key) == -1).reduce((res, key) => {
       res[key] = this.props[key];
       return res;
-    }, {}); //urlOutput = this.addHttp(urlOutput);
+    }, {});
 
+    //urlOutput = this.addHttp(urlOutput);
     return /*#__PURE__*/React.createElement("a", _extends({
       href: isLink && urlOutput ? urlOutput : 'javascript:void(0);',
       target: target,
@@ -90,12 +79,10 @@ export default class Link extends React.Component {
       onClick: this.onCallBack.bind(this, urlOutput, href)
     }, customProps), children);
   }
-
 }
 Link.contextType = LinkContext;
 Link.defaultProps = defaultProps;
 Link.propTypes = propTypes;
-
 if (false) {
   Link.docs = {
     componentGroup: 'Atom'