@zohodesk/dot 1.0.0-beta.267 → 1.0.0-beta.268

package/es/Drawer/Drawer.module.css

@@ -1,191 +1,191 @@
-.container {
-  transition: width var(--zd_transition3);
-  box-shadow: var(--zd_bs_drawer_shadow);
-  background-color: var(--zdt_drawer_default_bg);
-}
-
-.isOverlay {
-  top: 0 ;
-  bottom: 0 ;
-  position: absolute;
-  pointer-events: none;
-}
-
-[dir=ltr] .isOverlay {
-  right: 0 ;
-}
-
-[dir=rtl] .isOverlay {
-  left: 0 ;
-}
-
-.columns {
-  pointer-events: initial;
-}
-
-.drawerModal {
-  position: relative;
-}
-
-.secondDrawer {
-  background-color: var(--zdt_drawer_default_bg);
-  box-shadow: var(--zd_bs_drawer_shadow);
-}
-
-.secondMobDrawer {
-  position: absolute;
-  top: 0 ;
-  z-index: 1;
-}
-
-[dir=ltr] .secondMobDrawer {
-  right: 0 ;
-}
-
-[dir=rtl] .secondMobDrawer {
-  left: 0 ;
-}
-
-.mobModal {
-  position: absolute;
-  top: 0 ;
-  bottom: 0 ;
-}
-
-[dir=ltr] .mobModal {
-  right: 0 ;
-  left: 0 ;
-}
-
-[dir=rtl] .mobModal {
-  left: 0 ;
-  right: 0 ;
-}
-
-.xsmall {
-  width: var(--zd_size360) ;
-}
-
-.small {
-  width: var(--zd_size410) ;
-}
-
-.medium {
-  width: var(--zd_size660) ;
-}
-
-.xmedium {
-  width: var(--zd_size730) ;
-}
-
-.large {
-  width: var(--zd_size936) ;
-}
-
-.xlarge {
-  width: var(--zd_size840) ;
-}
-
-.xxlarge {
-  width: var(--zd_size1142) ;
-}
-
-.mbleSize,
-.default {
-  width: 100% ;
-}
-
-.header {
-  min-height: var(--zd_size50) ;
-  background-color: var(--zdt_drawer_header_bg);
-  border-bottom: solid 1px var(--zdt_drawer_header_border);
-  padding-top: var(--zd_size10) ;
-  padding-bottom: var(--zd_size10) ;
-}
-
-.subheader {
-  min-height: var(--zd_size28) ;
-}
-
-.title {
-  color: var(--zdt_drawer_title_text);
-  font-family: var(--zd_semibold);
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  font-size: var(--zd_font_size16) ;
-}
-
-[dir=ltr] .title {
-  padding: 0 var(--zd_size10) 0 0 ;
-}
-
-[dir=rtl] .title {
-  padding: 0 0 0 var(--zd_size10) ;
-}
-
-[dir=ltr] .smallHeaderPadding {
-  padding-right: var(--zd_size11) ;
-  padding-left: var(--zd_size30) ;
-}
-
-[dir=rtl] .smallHeaderPadding {
-  padding-left: var(--zd_size11) ;
-  padding-right: var(--zd_size30) ;
-}
-
-[dir=ltr] .smallContentPadding {
-  padding-left: var(--zd_size30) ;
-  padding-right: var(--zd_size30) ;
-}
-
-[dir=rtl] .smallContentPadding {
-  padding-right: var(--zd_size30) ;
-  padding-left: var(--zd_size30) ;
-}
-
-[dir=ltr] .mediumHeaderPadding {
-  padding-right: var(--zd_size15) ;
-  padding-left: var(--zd_size30) ;
-}
-
-[dir=rtl] .mediumHeaderPadding {
-  padding-left: var(--zd_size15) ;
-  padding-right: var(--zd_size30) ;
-}
-
-[dir=ltr] .mediumContentPadding {
-  padding-left: var(--zd_size30) ;
-  padding-right: var(--zd_size30) ;
-}
-
-[dir=rtl] .mediumContentPadding {
-  padding-right: var(--zd_size30) ;
-  padding-left: var(--zd_size30) ;
-}
-
-[dir=ltr] .largeHeaderPadding {
-  padding-right: var(--zd_size15) ;
-  padding-left: var(--zd_size50) ;
-}
-
-[dir=rtl] .largeHeaderPadding {
-  padding-left: var(--zd_size15) ;
-  padding-right: var(--zd_size50) ;
-}
-
-[dir=ltr] .largeContentPadding {
-  padding-left: var(--zd_size50) ;
-  padding-right: var(--zd_size50) ;
-}
-
-[dir=rtl] .largeContentPadding {
-  padding-right: var(--zd_size50) ;
-  padding-left: var(--zd_size50) ;
-}
-
-[dir=ltr] .iconWrapper {
-  margin-right: var(--zd_size10) ;
-}
-
-[dir=rtl] .iconWrapper {
-  margin-left: var(--zd_size10) ;
+.container {
+  transition: width var(--zd_transition3);
+  box-shadow: var(--zd_bs_drawer_shadow);
+  background-color: var(--zdt_drawer_default_bg);
+}
+
+.isOverlay {
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  pointer-events: none;
+}
+
+[dir=ltr] .isOverlay {
+  right: 0;
+}
+
+[dir=rtl] .isOverlay {
+  left: 0;
+}
+
+.columns {
+  pointer-events: initial;
+}
+
+.drawerModal {
+  position: relative;
+}
+
+.secondDrawer {
+  background-color: var(--zdt_drawer_default_bg);
+  box-shadow: var(--zd_bs_drawer_shadow);
+}
+
+.secondMobDrawer {
+  position: absolute;
+  top: 0;
+  z-index: 1;
+}
+
+[dir=ltr] .secondMobDrawer {
+  right: 0;
+}
+
+[dir=rtl] .secondMobDrawer {
+  left: 0;
+}
+
+.mobModal {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+}
+
+[dir=ltr] .mobModal {
+  right: 0;
+  left: 0;
+}
+
+[dir=rtl] .mobModal {
+  left: 0;
+  right: 0;
+}
+
+.xsmall {
+  width: 360px;
+}
+
+.small {
+  width: 410px;
+}
+
+.medium {
+  width: 660px;
+}
+
+.xmedium {
+  width: 730px;
+}
+
+.large {
+  width: 936px;
+}
+
+.xlarge {
+  width: 840px;
+}
+
+.xxlarge {
+  width: 1142px;
+}
+
+.mbleSize,
+.default {
+  width: 100%;
+}
+
+.header {
+  min-height: 50px;
+  background-color: var(--zdt_drawer_header_bg);
+  border-bottom: solid 1px var(--zdt_drawer_header_border);
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.subheader {
+  min-height: 28px;
+}
+
+.title {
+  color: var(--zdt_drawer_title_text);
+  font-family: var(--zd_semibold);
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  font-size: 16px;
+}
+
+[dir=ltr] .title {
+  padding: 0 10px 0 0;
+}
+
+[dir=rtl] .title {
+  padding: 0 0 0 10px;
+}
+
+[dir=ltr] .smallHeaderPadding {
+  padding-right: 11px;
+  padding-left: 30px;
+}
+
+[dir=rtl] .smallHeaderPadding {
+  padding-left: 11px;
+  padding-right: 30px;
+}
+
+[dir=ltr] .smallContentPadding {
+  padding-left: 30px;
+  padding-right: 30px;
+}
+
+[dir=rtl] .smallContentPadding {
+  padding-right: 30px;
+  padding-left: 30px;
+}
+
+[dir=ltr] .mediumHeaderPadding {
+  padding-right: 15px;
+  padding-left: 30px;
+}
+
+[dir=rtl] .mediumHeaderPadding {
+  padding-left: 15px;
+  padding-right: 30px;
+}
+
+[dir=ltr] .mediumContentPadding {
+  padding-left: 30px;
+  padding-right: 30px;
+}
+
+[dir=rtl] .mediumContentPadding {
+  padding-right: 30px;
+  padding-left: 30px;
+}
+
+[dir=ltr] .largeHeaderPadding {
+  padding-right: 15px;
+  padding-left: 50px;
+}
+
+[dir=rtl] .largeHeaderPadding {
+  padding-left: 15px;
+  padding-right: 50px;
+}
+
+[dir=ltr] .largeContentPadding {
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
+[dir=rtl] .largeContentPadding {
+  padding-right: 50px;
+  padding-left: 50px;
+}
+
+[dir=ltr] .iconWrapper {
+  margin-right: 10px;
+}
+
+[dir=rtl] .iconWrapper {
+  margin-left: 10px;
 }

package/es/ExternalLink/ExternalLink.js

@@ -1,23 +1,19 @@
 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); }
-
 /**** Libraries ****/
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
-/**** CSS ****/
 
+/**** CSS ****/
 import style from './ExternalLink.module.css';
 export default class ExternalLink extends React.Component {
   addHttp(url) {
     const regEx = new RegExp(/(^(ftp|https|mailto|tel|http|simplehelp|dynamicsnav?):)/i);
-
     if (!regEx.test(url)) {
       return `http://${url}`;
     }
-
     return url;
   }
-
   render() {
     const {
       href,
@@ -42,10 +38,11 @@ export default class ExternalLink extends React.Component {
       onClick: onClick
     }, customProps), children);
   }
-
 }
 ExternalLink.defaultProps = defaultProps;
-ExternalLink.propTypes = propTypes; // if (__DOCS__) {
+ExternalLink.propTypes = propTypes;
+
+// if (__DOCS__) {
 //   ExternalLink.docs = {
 //     componentGroup: 'Atom'
 //   };

package/es/ExternalLink/ExternalLink.module.css

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

package/es/FlipCard/FlipCard.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, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -17,17 +16,14 @@ export default class FlipCard extends Component {
     this.onChange = this.onChange.bind(this);
     this.onClick = this.onClick.bind(this);
   }
-
   onClick(e) {
     let {
       noNeedFlip
     } = this.props;
-
     if (!noNeedFlip) {
       stopBubbling(e);
     }
   }
-
   onChange(isChecked, e) {
     let {
       onChange
@@ -38,7 +34,6 @@ export default class FlipCard extends Component {
     } = this.props;
     onChange(id, isChecked, e);
   }
-
   render() {
     let {
       id,
@@ -135,10 +130,10 @@ export default class FlipCard extends Component {
       customTextClass: customTextClass
     }, AvatarUserProps)))));
   }
-
 }
 FlipCard.propTypes = propTypes;
-FlipCard.defaultProps = defaultProps; // if (__DOCS__) {
+FlipCard.defaultProps = defaultProps;
+// if (__DOCS__) {
 //   FlipCard.docs = {
 //     componentGroup: 'Molecule'
 //   };

package/es/FlipCard/FlipCard.module.css

@@ -1,44 +1,44 @@
-.flip,
-.flipNone {
-  color: var(--zdt_flipcard_default_text);
-}.flip, .flipNone {
-  background-color: var(--zdt_flipcard_default_bg);
-}
-.container {
-  position: relative;
-  transition: var(--zd_transition3) all;
-  transform-style: preserve-3d;
-}
-.container,
-.front,
-.back {
-  width: inherit ;
-  height: inherit ;
-}
-.front,
-.back {
-  position: absolute;
-  backface-visibility: hidden;
-  -webkit-backface-visibility: hidden;
-}
-[dir=ltr] .front {
-  transform: rotateY(180deg) perspective(1px);
-}
-[dir=rtl] .front {
-  transform: rotateY(-180deg) perspective(1px);
-}
-.back {
-  transform: rotateY(0deg) perspective(1px);
-}
-[dir=ltr] .notFlip .container {
-  transform: rotateY(180deg);
-}
-[dir=rtl] .notFlip .container {
-  transform: rotateY(-180deg);
-}
-[dir=ltr] .flip:hover .container, [dir=ltr] .hoverContainer:hover .container {
-  transform: rotateY(180deg);
-}
-[dir=rtl] .flip:hover .container, [dir=rtl] .hoverContainer:hover .container {
-  transform: rotateY(-180deg);
-}
+.flip,
+.flipNone {
+  color: var(--zdt_flipcard_default_text);
+}.flip, .flipNone {
+  background-color: var(--zdt_flipcard_default_bg);
+}
+.container {
+  position: relative;
+  transition: var(--zd_transition3) all;
+  transform-style: preserve-3d;
+}
+.container,
+.front,
+.back {
+  width: inherit;
+  height: inherit;
+}
+.front,
+.back {
+  position: absolute;
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+}
+[dir=ltr] .front {
+  transform: rotateY(180deg) perspective(1px);
+}
+[dir=rtl] .front {
+  transform: rotateY(-180deg) perspective(1px);
+}
+.back {
+  transform: rotateY(0deg) perspective(1px);
+}
+[dir=ltr] .notFlip .container {
+  transform: rotateY(180deg);
+}
+[dir=rtl] .notFlip .container {
+  transform: rotateY(-180deg);
+}
+[dir=ltr] .flip:hover .container, [dir=ltr] .hoverContainer:hover .container {
+  transform: rotateY(180deg);
+}
+[dir=rtl] .flip:hover .container, [dir=rtl] .hoverContainer:hover .container {
+  transform: rotateY(-180deg);
+}

package/es/FormAction/FormAction.js

@@ -22,8 +22,8 @@ export default class FormAction extends React.Component {
       dataSelectorId
     } = this.props;
     let leftbuttonGroup = [],
-        rightbuttonGroup = [],
-        centerbuttonGroup = [];
+      rightbuttonGroup = [],
+      centerbuttonGroup = [];
     React.Children.map(children, child => {
       if (!child) {
         return child;
@@ -68,10 +68,11 @@ export default class FormAction extends React.Component {
       key: index
     }, item)) : centerbuttonGroup[0]) : null));
   }
-
 }
 FormAction.propTypes = propTypes;
-FormAction.defaultProps = defaultProps; // if (__DOCS__) {
+FormAction.defaultProps = defaultProps;
+
+// if (__DOCS__) {
 //   FormAction.docs = {
 //     componentGroup: 'Atom'
 //   };