@zohodesk/dot 1.0.0-temp-118 → 1.0.0-temp-119

package/es/Drawer/Drawer.module.css

@@ -1,190 +1,151 @@
-.container {
-  transition: width var(--zd_transition3);
-  box-shadow: var(--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(--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: var(--zd_font_size16) var(--zd_semibold);
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-[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: 0 6px 12px var(--zdt_drawer_default_box_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: 0 6px 12px var(--zdt_drawer_default_box_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: var(--zd_font_size16) var(--zd_semibold);
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+[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);
 }

package/es/ExternalLink/ExternalLink.js

@@ -40,8 +40,9 @@ export default class ExternalLink extends React.Component {
 }
 ExternalLink.defaultProps = defaultProps;
 ExternalLink.propTypes = propTypes;
-if (false) {
-  ExternalLink.docs = {
-    componentGroup: 'Atom'
-  };
-}
+
+// 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

@@ -131,8 +131,8 @@ export default class FlipCard extends Component {
 }
 FlipCard.propTypes = propTypes;
 FlipCard.defaultProps = defaultProps;
-if (false) {
-  FlipCard.docs = {
-    componentGroup: 'Molecule'
-  };
-}
+// 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

@@ -53,12 +53,14 @@ export default class FormAction extends React.Component {
     }, hasLeftChild ? /*#__PURE__*/React.createElement(Box, {
       flexible: hasRightChild ? true : false,
       shrink: !hasRightChild && hasLeftChild ? true : false
-    }, leftbuttonGroup.length > 1 ? leftbuttonGroup.map(item => /*#__PURE__*/React.createElement("div", {
-      className: style.marginRight
+    }, leftbuttonGroup.length > 1 ? leftbuttonGroup.map((item, index) => /*#__PURE__*/React.createElement("div", {
+      className: style.marginRight,
+      key: index
     }, item)) : leftbuttonGroup[0]) : null, hasRightChild ? /*#__PURE__*/React.createElement(Box, {
       shrink: hasRightChild && !hasLeftChild ? true : false
-    }, rightbuttonGroup.length > 1 ? rightbuttonGroup.map(item => /*#__PURE__*/React.createElement("div", {
-      className: style.marginRight
+    }, rightbuttonGroup.length > 1 ? rightbuttonGroup.map((item, index) => /*#__PURE__*/React.createElement("div", {
+      className: style.marginRight,
+      key: index
     }, item)) : rightbuttonGroup[0]) : null, hasCenterChild ? /*#__PURE__*/React.createElement(Box, null, centerbuttonGroup.length > 1 ? centerbuttonGroup.map((item, index) => /*#__PURE__*/React.createElement("div", {
       className: style.marginRight,
       key: index
@@ -67,8 +69,9 @@ export default class FormAction extends React.Component {
 }
 FormAction.propTypes = propTypes;
 FormAction.defaultProps = defaultProps;
-if (false) {
-  FormAction.docs = {
-    componentGroup: 'Atom'
-  };
-}
+
+// if (__DOCS__) {
+//   FormAction.docs = {
+//     componentGroup: 'Atom'
+//   };
+// }

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