@zohodesk/dot 1.4.13 → 1.4.14

package/es/v1/notification/DesktopNotification/DesktopNotification.js

@@ -1,5 +1,3 @@
-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, DesktopNotificationUI_propTypes } from './props/propTypes';
@@ -117,14 +115,15 @@ export function DesktopNotificationUI(props) {
     let {
       uptoTablet
     } = _ref2;
-    return /*#__PURE__*/React.createElement(Container, _extends({
+    return /*#__PURE__*/React.createElement(Container, {
       className: `${style.container} ${isAnimate ? animateClass : animateRemoveClass}
              ${isShrinkView ? style.globalNotify : ''} ${containerClass}
              ${uptoTablet ? style.tapWidth : style[`${size}`]}`,
       isCover: false,
       dataId: dataId,
-      isInline: uiVariantTwo
-    }, ExtraProps), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(DesktopNotificationHeader, {
+      isInline: uiVariantTwo,
+      ...ExtraProps
+    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(DesktopNotificationHeader, {
       type: type,
       title: title,
       variant: titleVariant,
@@ -178,9 +177,9 @@ export function DesktopNotificationUI(props) {
 DesktopNotificationUI.propTypes = DesktopNotificationUI_propTypes;
 DesktopNotificationUI.propTypes = defaultProps;
 export default function DesktopNotification(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
     Element: DesktopNotificationUI
-  }));
+  });
 }
 DesktopNotification.propTypes = propTypes;
 DesktopNotification.defaultProps = defaultProps; // if (__DOCS__) {

package/es/version2/GlobalNotification/GlobalNotification.js

@@ -1,5 +1,3 @@
-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, UI_propTypes, new_propTypes } from './props/propTypes';
@@ -121,7 +119,7 @@ export function GlobalNotificationUI(props) {
   let {
     ExtraProps = {}
   } = customProps;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", {
     ref: eleRef,
     className: ` ${style.message} 
         ${needShadow && shadowCount >= 2 ? shadowCount > 2 ? `${style.stackShadowTwo} ${style.stackShadowOne}` : style.stackShadowOne : ''}
@@ -130,8 +128,9 @@ export function GlobalNotificationUI(props) {
     "data-id": `show_${type}_message`,
     "data-test-id": `show_${type}_message`,
     tabIndex: 0,
-    "data-selector-id": dataSelectorId
-  }, ExtraProps), /*#__PURE__*/React.createElement(Container, {
+    "data-selector-id": dataSelectorId,
+    ...ExtraProps
+  }, /*#__PURE__*/React.createElement(Container, {
     className: `${style.container}`,
     alignBox: "row",
     isCover: false,
@@ -163,8 +162,8 @@ export function GlobalNotificationUI(props) {
 }
 GlobalNotificationUI.propTypes = UI_propTypes;
 export function GlobalNotificationNew(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
     Element: GlobalNotificationUI
-  }));
+  });
 }
 GlobalNotificationNew.propTypes = new_propTypes;

package/es/version2/GlobalNotification/GlobalNotification.module.css

@@ -29,7 +29,6 @@
 .stackShadowTwo::before {
   content: '';
   position: absolute;
-  /* css:theme-validation:ignore */
   height: var(--zd_size20) ;
 }
 
@@ -78,9 +77,6 @@
 .container {
   position: relative;
   pointer-events: initial;
-  /* css:theme-validation:ignore */
-  /* css:theme-validation:ignore */
-  /* css:theme-validation:ignore */
   color: var(--globalnotification_text_color);
   z-index: 1;
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';

package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css

@@ -4,7 +4,6 @@
 .container {
   composes: varClass;
   position: relative;
-  /* css:theme-validation:ignore */
   background-color: var(--zdt_alertlookup_bg);
   border-style: solid;
   border-color: var(--commonalert_border_color);

package/es/version2/lookup/AlertLookup/AlertLookup.js

@@ -1,5 +1,3 @@
-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, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -123,7 +121,7 @@ export default class AlertLookup extends Component {
       ariaLabelledby: a11y && a11y.ariaLabelledby ? a11y.ariaLabelledby : ariaTitleId,
       ariaDescribedby: a11y && a11y.ariaDescribedby ? a11y.ariaDescribedby : ariaMessageId + ' ' + ariaConfirmMsgId
     };
-    return /*#__PURE__*/React.createElement(Lookup, _extends({
+    return /*#__PURE__*/React.createElement(Lookup, {
       onClose: onEsc == 'close' ? onClose : onCancelClick,
       needFocusScope: true,
       isActive: isActive,
@@ -133,8 +131,9 @@ export default class AlertLookup extends Component {
       onClick: onLookupClick,
       customClass: containerClass,
       a11y: a11y,
-      childAnimationName: childAnimationName
-    }, LookupProps), /*#__PURE__*/React.createElement(Container, {
+      childAnimationName: childAnimationName,
+      ...LookupProps
+    }, /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
       align: align,
       wrap: "wrap"
@@ -143,14 +142,15 @@ export default class AlertLookup extends Component {
       className: style.section
     }, /*#__PURE__*/React.createElement(Container, {
       alignBox: "column"
-    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AlertHeader, _extends({
+    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(AlertHeader, {
       htmlId: ariaTitleId,
       title: title,
       type: type,
       needIcon: needIcon,
       onClose: onClose,
-      breakChildren: wrapHeader
-    }, AlertHeaderProps), headerChildren ? headerChildren() : null)), /*#__PURE__*/React.createElement(Box, {
+      breakChildren: wrapHeader,
+      ...AlertHeaderProps
+    }, headerChildren ? headerChildren() : null)), /*#__PURE__*/React.createElement(Box, {
       flexible: true
     }, /*#__PURE__*/React.createElement("div", {
       className: `${style.innerSection} ${style[`${scroll}Scroll`] ? style[`${scroll}Scroll`] : ''} ${sectionClass}`
@@ -169,30 +169,30 @@ export default class AlertLookup extends Component {
     }, /*#__PURE__*/React.createElement(FormAction, {
       size: "small",
       paddingLeftSize: "xmedium"
-    }, /*#__PURE__*/React.createElement(Button, _extends({
+    }, /*#__PURE__*/React.createElement(Button, {
       text: submitText,
       dataId: dataId === 'alertPopup' ? 'alertConfirmButton' : `${dataId}_confirmButton`,
       onClick: onSubmitClick,
       palette: buttonPalette,
       customProps: {
         'data-a11y-autofocus': isDefaultFocus
-      }
-    }, PrimaryButtonProps, {
+      },
+      ...PrimaryButtonProps,
       a11y: {
         'aria-labelledby': ariaTitleId + ' ' + ariaMessageId + ' ' + ariaLeaveButtonId
       },
       id: ariaLeaveButtonId
-    })), cancelText && /*#__PURE__*/React.createElement(Button, _extends({
+    }), cancelText && /*#__PURE__*/React.createElement(Button, {
       dataId: dataId === 'alertPopup' ? 'alertCancelButton' : `${dataId}_cancelButton`,
       text: cancelText,
       onClick: onCancelClick,
-      palette: "secondary"
-    }, SecondaryButtonProps, {
+      palette: "secondary",
+      ...SecondaryButtonProps,
       a11y: {
         'aria-labelledby': ariaTitleId + ' ' + ariaMessageId + ' ' + ariaStayButtonId
       },
       id: ariaStayButtonId
-    }))))) : null))));
+    })))) : null))));
   }
 
 }

package/es/version2/notification/DesktopNotification/DesktopNotification.js

@@ -1,5 +1,3 @@
-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, { useState } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes, DesktopNotificationUI_propTypes } from './props/propTypes';
@@ -116,13 +114,14 @@ export function DesktopNotificationUI(props) {
     let {
       uptoTablet
     } = _ref2;
-    return /*#__PURE__*/React.createElement(Container, _extends({
+    return /*#__PURE__*/React.createElement(Container, {
       className: `${style.container} ${isAnimate ? animateClass : animateRemoveClass}
             ${isShrinkView ? style.globalNotify : ''} ${containerClass}  ${uptoTablet ? style.tapWidth : style[`${size}`]}`,
       isCover: false,
       dataId: dataId,
-      isInline: uiVariantTwo
-    }, ExtraProps), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(DesktopNotificationHeader, {
+      isInline: uiVariantTwo,
+      ...ExtraProps
+    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(DesktopNotificationHeader, {
       type: type,
       title: title,
       variant: titleVariant,
@@ -175,9 +174,9 @@ export function DesktopNotificationUI(props) {
 }
 DesktopNotificationUI.propTypes = DesktopNotificationUI_propTypes;
 export default function DesktopNotification(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
     Element: DesktopNotificationUI
-  }));
+  });
 }
 DesktopNotification.propTypes = propTypes;
 DesktopNotification.defaultProps = defaultProps; // if (__DOCS__) {

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css

@@ -5,8 +5,6 @@
     composes: varClass;
     min-height: var(--zd_size54) ;
     position: relative;
-  /* css:theme-validation:ignore */
-  /* css:theme-validation:ignore */
     color: var(--zdt_desktopnotification_text);
     background-color: var(--alert_lookup_bg_color);
     border-style: solid;

package/lib/ActionButton/ActionButton.module.css

@@ -3,121 +3,163 @@
   --buttonBorder: var(--zdt_actionButton_primary_border);
   --buttonSeparatorBorder: var(--zdt_actionButton_separator_border);
 }
+
 .container {
   composes: varClass;
 }
+
 .container:hover {
   --buttonSeparatorBorder: var(--zdt_actionButton_separator_hover_border);
 }
+
 .primaryFilledBox {
   --buttonText: var(--zdt_actionButton_primaryFilled_text);
 }
-.primaryFilledBtn, .primaryFilledArw {
+
+.primaryFilledBtn,
+.primaryFilledArw {
   /* css:theme-validation:ignore */
+}
+
+.primaryFilledBtn, .primaryFilledArw {
   background-color: var(--buttonBg);
 }
+
 .primaryBox {
   --buttonText: var(--zdt_actionButton_primary_text);
 }
-.primaryBtn, .primaryArw {
+
+.primaryBtn,
+.primaryArw {
   /* css:theme-validation:ignore */
+}
+
+.primaryBtn, .primaryArw {
   border: 1px solid var(--buttonBorder);
 }
+
 [dir=ltr] .primaryBtn {
   border-right: none;
 }
+
 [dir=rtl] .primaryBtn {
   border-left: none;
 }
+
 .contentBox,
 .arrowWrapper {
   transition: width var(--zd_transition3), padding var(--zd_transition3), background-color var(--zd_transition2), border-color var(--zd_transition2);
 }
+
 .contentBox, .arrowWrapper {
   margin: 0 ;
 }
+
 .clickable {
   cursor: pointer;
 }
+
 [dir=ltr] .contentBoxBdr {
   border-radius: var(--zd_size4) 0 0 var(--zd_size4);
 }
+
 [dir=rtl] .contentBoxBdr {
   border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
 }
+
 .contentBoxBdrRds {
   border-radius: var(--zd_size4);
 }
+
 .small {
   height: var(--zd_size28) ;
 }
+
 .medium,
 .large {
   height: var(--zd_size30) ;
 }
+
 .medium {
   min-width: var(--zd_size115) ;
 }
+
 .large {
   min-width: var(--zd_size135) ;
 }
+
 .small_btnBox {
   padding: 0 var(--zd_size8) ;
 }
+
 .medium_btnBox, .large_btnBox {
   padding: 0 var(--zd_size10) ;
 }
+
 .txt {
   font-size: var(--zd_font_size13) ;
   font-family: var(--zd_semibold);
   text-transform: capitalize;
 }
+
 .subTxt {
   font-size: var(--zd_font_size10) ;
 }
+
 .contentwrapper,
 .txt,
 .subTxt {
   max-width: 100% ;
 }
+
 .txt,
 .subTxt {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
   /* css:theme-validation:ignore */
   color: var(--buttonText);
 }
+
 .arrowWrapper {
   position: relative;
   composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
   cursor: pointer;
 }
+
 [dir=ltr] .arrowWrapper {
   border-radius: 0 var(--zd_size4) var(--zd_size4) 0;
 }
+
 [dir=rtl] .arrowWrapper {
   border-radius: var(--zd_size4) 0 0 var(--zd_size4);
 }
+
 .primaryFilledArw {
   /* css:theme-validation:ignore */
 }
+
 [dir=ltr] .primaryFilledArw {
   border-left: 1px solid var(--buttonSeparatorBorder);
 }
+
 [dir=rtl] .primaryFilledArw {
-    border-right: 1px solid var(--buttonSeparatorBorder);
+  border-right: 1px solid var(--buttonSeparatorBorder);
 }
+
 .small_arrowBox {
   width: var(--zd_size20) ;
 }
+
 .medium_arrowBox {
   width: var(--zd_size26) ;
 }
+
 .primaryFilledArw:hover,
 .primaryFilledArw.arrowActive,
 .clickable.primaryFilledBtn:hover,
 .wholeDiv.primaryFilledBox:hover {
   --buttonBg: var(--zdt_actionButton_primaryFilled_hover_bg);
 }
+
 .primaryArw:hover,
 .primaryArw.arrowActive,
 .clickable.primaryBtn:hover,
@@ -125,22 +167,27 @@
   --buttonBorder: var(--zdt_actionButton_primary_hover_border);
   --buttonText: var(--zdt_actionButton_primary_hover_text);
 }
+
 .btn {
   height: 100% ;
   width: 100% ;
 }
+
 .popupWrapper {
   padding: var(--zd_size10) 0 ;
   margin: var(--zd_size5) 0 ;
 }
+
 .arrow,
 .iconClr {
   /* css:theme-validation:ignore */
   color: var(--buttonText);
 }
+
 [dir=ltr] .iconMrgn {
   margin-right: var(--zd_size6) ;
 }
+
 [dir=rtl] .iconMrgn {
   margin-left: var(--zd_size6) ;
-}
+}

package/lib/AlphabeticList/AlphabeticList.module.css

@@ -33,7 +33,6 @@
 .list {
   font-size: var(--zd_font_size11) ;
   flex-basis: var(--zd_size12) ;
-  /* css:theme-validation:ignore */
   color: var(--textColor);
   text-align: center;
   cursor: pointer;
@@ -50,7 +49,6 @@
 }
 .list :hover,
 .selected {
-  /* css:theme-validation:ignore */
   color: var(--textHoverColor);
 }
 .title {

package/lib/AttachmentViewer/AttachmentViewer.module.css

@@ -154,7 +154,6 @@
 .imgItem {
     height: var(--zd_size60) ;
     min-width: var(--zd_size40) ;
-  /* css:theme-validation:ignore */
     position: relative;
     transition: border var(--zd_transition3);
     border-width: 2px;
@@ -346,7 +345,6 @@
 }
 
 .btn {
-  /* css:theme-validation:ignore */
     height: 100% ;
     width: 100% ;
     background-color: var(--dot_mirror);

package/lib/ChannelIcon/ChannelIcon.module.css

@@ -4,12 +4,14 @@
   --topIconColor: var(--zdt_channelIcon_topIcon_iconGreen);
   --topIconBorderColor: var(--zdt_channelIcon_topIcon_border);
 }
+
 .container {
   position: relative;
   composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
   vertical-align: middle;
   composes: varClass;
 }
+
 .thread {
   composes: dflex alignVertical alignHorizontal rounded from '~@zohodesk/components/lib/common/common.module.css';
   position: absolute;
@@ -19,19 +21,21 @@
   /* css:theme-validation:ignore */
   background-color: var(--topIconBg);
 }
+
 [dir=ltr] .thread {
   right: calc( var(--zd_size1) * -1 ) ;
 }
+
 [dir=rtl] .thread {
   left: calc( var(--zd_size1) * -1 ) ;
 }
+
 .threadBorder {
-  /* css:theme-validation:ignore */
   border: 1px solid var(--topIconBorderColor);
 }
+
 .iconStyle {
   position: relative;
-  /* css:theme-validation:ignore */
   color: var(--iconColor);
 }
 
@@ -212,10 +216,11 @@
 .topic_olive {
   --topIconColor: var(--zdt_channelIcon_topIcon_iconGreen);
 }
+
 .topic_yellow3 {
   --topIconColor: var(--zdt_channelIcon_topIcon_iconYellow);
 }
+
 .topicIcon {
-  /* css:theme-validation:ignore */
   color: var(--topIconColor);
-}
+}

package/lib/FormAction/FormAction.module.css

@@ -2,11 +2,13 @@
   --footerBg: var(--zdt_formAction_bg);
   --footerBorder: var(--zdt_formAction_border);
 }
+
 .wrapperDiv {
   position: relative;
   z-index: 1;
   composes: varClass;
 }
+
 .footerParent {
   position: relative;
   /* css:theme-validation:ignore */
@@ -14,14 +16,17 @@
   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) ;
@@ -34,27 +39,35 @@
 [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) ;
 }
@@ -62,15 +75,19 @@
 .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) ;
 }
@@ -81,4 +98,4 @@
 
 [dir=rtl] .marginRight:last-child {
   margin-left: 0 ;
-}
+}

package/lib/IconButton/IconButton.module.css

@@ -6,7 +6,6 @@
   width: var(--zd_size28) ;
   composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
   composes: varClass;
-  /* css:theme-validation:ignore */
   color: var(--iconColor);
   cursor: pointer;
 }

package/lib/TagWithIcon/TagWithIcon.module.css

@@ -8,15 +8,12 @@
 
 .wrapper {
   composes: varClass;
-  /* css:theme-validation:ignore */
-  /* css:theme-validation:ignore */
   color: var(--tag_text_color);
   background-color: var(--tag_bg_color);
 }
 
 .small,
 .large {
-  /* css:theme-validation:ignore */
   max-width: 100% ;
   height: var(--zd_size18) ;
 }

package/lib/avatar/AvatarIcon/AvatarIcon.module.css

@@ -6,16 +6,11 @@
 .container {
   vertical-align: middle;
   composes: varClass;
-  /* css:theme-validation:ignore */
   border-width: 1px;
   border-style: solid;
   border-radius: 50%;
   border-color: var(--border_color)
 }
-.borderOnHover:hover,
-.borderOnActive {
-  /* css:theme-validation:ignore */
-}
 .borderOnHover:hover, .borderOnActive {
   border-color: var(--border_hoverColor)
 }
@@ -40,7 +35,6 @@
   --border_hoverColor: var(--zdt_avatarIcon_danger_hover_border);
 }
 .iconColor {
-  /* css:theme-validation:ignore */
   color: var(--icon_color);
 }
 .icon_danger {

package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css

@@ -21,7 +21,6 @@
 }
 .title {
   font-family: var(--zd_semibold);
-  /* css:theme-validation:ignore */
   color: var(--titleColor);
   word-wrap: break-word;
 }
@@ -33,7 +32,6 @@
 }
 .linkWrapper,
 .linkDescWrapper {
-  /* css:theme-validation:ignore */
   color: var(--descriptionColor);
 }
 .small .linkWrapper,
@@ -69,13 +67,11 @@
   line-height: 1.358;
 }
 .link {
-  /* css:theme-validation:ignore */
   color: var(--linkColor);
   display: inline-block;
   cursor: pointer;
 }
 .link:hover {
-  /* css:theme-validation:ignore */
   color: var(--linkHoverColor);
 }
 .children {