@zohodesk/dot 1.0.0-beta.195 → 1.0.0-beta.196

package/es/list/SecondryPanel/docs/SecondryPanel__default.docs.js

@@ -9,10 +9,9 @@ export default class SecondryPanel__default extends Component {
     this.responsiveFunc = this.responsiveFunc.bind(this);
   }
 
-  responsiveFunc(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
+  responsiveFunc({
+    mediaQueryOR
+  }) {
     return {
       uptoTablet: mediaQueryOR([{
         maxWidth: 640
@@ -23,52 +22,49 @@ export default class SecondryPanel__default extends Component {
   render() {
     return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc
-    }, _ref2 => {
-      let {
-        uptoTablet
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(SecondryPanel, {
-        className: style.layoutWrapper
-      }, /*#__PURE__*/React.createElement(SecondryPanelUL, {
-        className: `${uptoTablet ? style.minilayoutContainer : ''}`
-      }, /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement(SecondryPanelUL, {
-        className: style.container
-      }, /*#__PURE__*/React.createElement(SecondryPanelLI, {
-        className: `${style.itemId}`
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "#12303456789"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "Nicole Hawkins"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "Welcome to Diffchecker"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      }))))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement(SecondryPanelUL, {
-        className: style.container
-      }, /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "28 Jun 2019"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "28 May 2019 07:41 PM"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      })))))));
-    });
+    }, ({
+      uptoTablet
+    }) => /*#__PURE__*/React.createElement(SecondryPanel, {
+      className: style.layoutWrapper
+    }, /*#__PURE__*/React.createElement(SecondryPanelUL, {
+      className: `${uptoTablet ? style.minilayoutContainer : ''}`
+    }, /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement(SecondryPanelUL, {
+      className: style.container
+    }, /*#__PURE__*/React.createElement(SecondryPanelLI, {
+      className: `${style.itemId}`
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.itemInner
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.itemText
+    }, "#12303456789"), /*#__PURE__*/React.createElement("span", {
+      className: style.itemDot
+    }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
+      className: style.itemInner
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.itemText
+    }, "Nicole Hawkins"), /*#__PURE__*/React.createElement("span", {
+      className: style.itemDot
+    }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
+      className: style.itemInner
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.itemText
+    }, "Welcome to Diffchecker"), /*#__PURE__*/React.createElement("span", {
+      className: style.itemDot
+    }))))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement(SecondryPanelUL, {
+      className: style.container
+    }, /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
+      className: style.itemInner
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.itemText
+    }, "28 Jun 2019"), /*#__PURE__*/React.createElement("span", {
+      className: style.itemDot
+    }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
+      className: style.itemInner
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.itemText
+    }, "28 May 2019 07:41 PM"), /*#__PURE__*/React.createElement("span", {
+      className: style.itemDot
+    }))))))));
   }
 
 }

package/es/list/SentimentStatus/SentimentStatus.module.css

@@ -1,10 +1,7 @@
 .container {
+  margin: 0 0 0 var(--zd_size5);
   vertical-align: middle;
   font-size: var(--zd_font_size10);
-}[dir=ltr] .container {
-  margin: 0 0 0 var(--zd_size5);
-}[dir=rtl] .container {
-  margin: 0 var(--zd_size5) 0 0;
 }
 
 .sentimentIcon {

package/es/list/TagNew/TagNew.module.css

@@ -1,33 +1,26 @@
 .tagStyle {
+  border-radius: var(--zd_size14);
+  background-color: var(--zdt_tagnew_default_bg);
+  box-shadow: 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow);
   min-width: var(--zd_size70);
   height: var(--zd_size28);
   font-size: var(--zd_font_size13);
   color: var(--zdt_tagnew_default_text);
+  padding: 0 var(--zd_size15);
   composes: inlineFlex from '../listCommon.module.css';
   composes: alignHorizontal from '~@zohodesk/components/lib/common/common.module.css';
+  transform: scale(0);
   transition: all var(--zd_transition2) ease 0s;
   opacity: 0;
   visibility: hidden;
-  border-radius: var(--zd_size14);
-  background-color: var(--zdt_tagnew_default_bg);
-  box-shadow: 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow);
-  padding: 0 var(--zd_size15);
-  transform: scale(0);
   cursor: pointer;
 }
 
 .bounceIn {
-  visibility: visible;
-  opacity: 1;
   transform: scale(1);
-}
-
-[dir=ltr] .bounceIn {
-  animation: bounceIn 700ms;
-}
-
-[dir=rtl] .bounceIn {
   animation: bounceIn 700ms;
+  visibility: visible;
+  opacity: 1;
 }
 
 @keyframes bounceIn {

package/es/list/Thread/Thread.module.css

@@ -16,15 +16,9 @@
 .align_left .count {
   position: absolute;
   line-height: normal;
-  top: var(--zd_size3);
-}
-[dir=ltr] .align_left .count {
   text-align: left;
   left: var(--zd_size8);
-}
-[dir=rtl] .align_left .count {
-  text-align: right;
-  right: var(--zd_size8);
+  top: var(--zd_size3);
 }
 .align_right {
   composes: dInflex alignFend from '~@zohodesk/components/lib/common/common.module.css';
@@ -32,12 +26,6 @@
 .align_right .count {
   position: relative;
   bottom: var(--zd_size2);
-}
-[dir=ltr] .align_right .count {
   right: var(--zd_size5);
   float: right;
-}
-[dir=rtl] .align_right .count {
-  left: var(--zd_size5);
-  float: left;
 }

package/es/list/UserTime/UserTime.module.css

@@ -31,15 +31,9 @@
 }
 .iconStyle {
   display: block;
-}
-[dir=ltr] .iconStyle {
   margin-right: var(--zd_size3);
   margin-left: var(--zd_size1);
 }
-[dir=rtl] .iconStyle {
-  margin-left: var(--zd_size3);
-  margin-right: var(--zd_size1);
-}
 /* colors */
 .iconColor {
   color: var(--icon_color)

package/es/list/UserTime/docs/UserTime__default.docs.js

@@ -13,14 +13,12 @@ export default class UserTime__default extends Component {
     }, /*#__PURE__*/React.createElement(UserTime, {
       to: "2018-02-28T10:12:31.000Z",
       icon: "closedTime",
-      format: _ref => {
-        let {
-          years,
-          days,
-          months,
-          hours
-        } = _ref;
-
+      format: ({
+        years,
+        days,
+        months,
+        hours
+      }) => {
         if (years == 0 && days == 0 && months == 0) {
           return 'hh:mm A';
         } else if (years == 0 && days < 7 && months == 0) {
@@ -41,14 +39,12 @@ export default class UserTime__default extends Component {
       to: "2018-02-28T10:12:31.000Z",
       icon: "overdue",
       iconColor: "red",
-      format: _ref2 => {
-        let {
-          years,
-          days,
-          months,
-          hours
-        } = _ref2;
-
+      format: ({
+        years,
+        days,
+        months,
+        hours
+      }) => {
         if (years == 0 && days == 0 && months == 0) {
           return 'hh:mm A';
         } else if (years == 0 && days < 7 && months == 0) {
@@ -69,14 +65,12 @@ export default class UserTime__default extends Component {
       to: "2018-02-28T10:12:31.000Z",
       icon: "createdtime",
       iconColor: "green",
-      format: _ref3 => {
-        let {
-          years,
-          days,
-          months,
-          hours
-        } = _ref3;
-
+      format: ({
+        years,
+        days,
+        months,
+        hours
+      }) => {
         if (years == 0 && days == 0 && months == 0) {
           return 'hh:mm A';
         } else if (years == 0 && days < 7 && months == 0) {
@@ -96,14 +90,12 @@ export default class UserTime__default extends Component {
     }, /*#__PURE__*/React.createElement(UserTime, {
       to: "2018-02-28T10:12:31.000Z",
       icon: "completedTask",
-      format: _ref4 => {
-        let {
-          years,
-          days,
-          months,
-          hours
-        } = _ref4;
-
+      format: ({
+        years,
+        days,
+        months,
+        hours
+      }) => {
         if (years == 0 && days == 0 && months == 0) {
           return 'hh:mm A';
         } else if (years == 0 && days < 7 && months == 0) {
@@ -124,14 +116,12 @@ export default class UserTime__default extends Component {
       to: "2018-02-28T10:12:31.000Z",
       icon: "dueTime",
       iconColor: "orange",
-      format: _ref5 => {
-        let {
-          years,
-          days,
-          months,
-          hours
-        } = _ref5;
-
+      format: ({
+        years,
+        days,
+        months,
+        hours
+      }) => {
         if (years == 0 && days == 0 && months == 0) {
           return 'hh:mm A';
         } else if (years == 0 && days < 7 && months == 0) {

package/es/list/listCommon.module.css

@@ -5,12 +5,9 @@
 .inlineFlex {
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
 }
-[dir=ltr] .avatarMargin {
+.avatarMargin {
   margin-right: var(--zd_size25);
 }
-[dir=rtl] .avatarMargin {
-  margin-left: var(--zd_size25);
-}
 .subject {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
   font-size: var(--zd_font_size16);
@@ -21,13 +18,8 @@
 }
 .statusColumn {
   composes: inlineBlockMiddle;
-}
-[dir=ltr] .statusColumn {
   text-align: right;
 }
-[dir=rtl] .statusColumn {
-  text-align: left;
-}
 .classic .floatingIconContainer {
   display: none;
 }

package/es/list/status/StatusDropdown/StatusDropdown.module.css

@@ -11,23 +11,16 @@
 .title {
   padding-top: var(--zd_size6);
 }
-[dir=ltr] .default_arrow, [dir=ltr] .overlay_arrow {
+.default_arrow,
+.overlay_arrow {
   padding: 0 0 0 var(--zd_size5);
 }
-[dir=rtl] .default_arrow, [dir=rtl] .overlay_arrow {
-  padding: 0 var(--zd_size5) 0 0;
-}
 .overlay_arrow {
   position: absolute;
+  left: 100%;
   top: 50%;
   transform: translateY(-50%) perspective(1px);
 }
-[dir=ltr] .overlay_arrow {
-  left: 100%;
-}
-[dir=rtl] .overlay_arrow {
-  right: 100%;
-}
 .hoverIcon .arrow {
   opacity: 0;
   visibility: hidden;
@@ -54,18 +47,12 @@
 .cursor {
   cursor: pointer;
 }
-[dir=ltr] .dropBoxContainer {
+.dropBoxContainer {
   text-align: left;
 }
-[dir=rtl] .dropBoxContainer {
-  text-align: right;
-}
-[dir=ltr] .iconBox {
+.iconBox {
   margin-right: var(--zd_size4);
 }
-[dir=rtl] .iconBox {
-  margin-left: var(--zd_size4);
-}
 .iconBox > i {
   display: block;
 }
@@ -74,8 +61,8 @@
   margin: 0 auto;
 }
 .seperatedLine {
-  height: var(--zd_size1);
   border-bottom: 1px solid var(--zdt_statusdropdown_line_border);
+  height: var(--zd_size1);
   margin: var(--zd_size9) 0 var(--zd_size10);
 }
 .hiddenInput {

package/es/list/status/StatusListItem/StatusListItem.js

@@ -1,3 +1,5 @@
+import "core-js/modules/es.string.replace";
+
 function _extends() { _extends = Object.assign || 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 ****/

package/es/list/status/StatusListItem/StatusListItem.module.css

@@ -2,56 +2,46 @@
   color: var(--zdt_statuslistitem_list_text);
   font-size: var(--zd_font_size13);
   position: relative;
-  list-style: none;
   cursor: pointer;
+  list-style: none;
 }
-[dir=ltr] .withBorder {
+.withBorder {
   border-left: 1px solid var(--zdt_statuslistitem_default_border);
 }
-[dir=rtl] .withBorder {
-  border-right: 1px solid var(--zdt_statuslistitem_default_border);
-}
-[dir=ltr] .small {
+.small {
   padding: var(--zd_size9) var(--zd_size3) var(--zd_size9) var(--zd_size5);
 }
-[dir=rtl] .small {
-  padding: var(--zd_size9) var(--zd_size5) var(--zd_size9) var(--zd_size3);
-}
 .medium {
   padding: var(--zd_size9) var(--zd_size20);
 }
 .large {
-  height: var(--zd_size48);
-}
-[dir=ltr] .large {
   padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25);
-}
-[dir=rtl] .large {
-  padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3);
+  height: var(--zd_size48);
 }
 
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
 
-[dir=ltr] .withBorder.active {
+.withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);
 }
 
-[dir=rtl] .withBorder.active {
-  border-right-color: var(--zdt_statuslistitem_default_active_border);
-}
-
-.default.hover, .default.effect:hover {
+.default.hover,
+.default.effect:hover {
   background-color: var(--zdt_statuslistitem_default_effect_bg);
 }
-.primary.hover, .primary.effect:hover, .selected {
+.primary.hover,
+.primary.effect:hover,
+.selected {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
-.secondary.hover, .secondary.effect:hover {
+.secondary.hover,
+.secondary.effect:hover {
   background-color: var(--zdt_statuslistitem_secondary_effect_bg);
 }
-.list.active.default, .list.active.primary {
+.list.active.default,
+.list.active.primary {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
 .list.active.secondary {
@@ -65,34 +55,21 @@
 .tickIcon {
   color: var(--zdt_statuslistitem_tickicon);
   position: absolute;
-}
-[dir=ltr] .tickIcon {
   right: var(--zd_size20);
 }
-[dir=rtl] .tickIcon {
-  left: var(--zd_size20);
-}
 .tickIcon > i {
   display: block;
 }
-[dir=ltr] .active.withTick {
+.active.withTick {
   padding-right: var(--zd_size39);
 }
-[dir=rtl] .active.withTick {
-  padding-left: var(--zd_size39);
-}
 /* Status Type */
 .statusType {
   width: var(--zd_size8);
   height: var(--zd_size8);
   border-radius: 50%;
-}
-[dir=ltr] .statusType {
   margin-right: var(--zd_size13);
 }
-[dir=rtl] .statusType {
-  margin-left: var(--zd_size13);
-}
 .black {
   background-color: var(--zdt_statuslistitem_black_bg);
 }

package/es/lookup/Lookup/Lookup.module.css

@@ -1,12 +1,12 @@
 .container {
-  font-size: var(--zd_font_size16);
   padding-bottom: var(--zd_size10);
+  font-size: var(--zd_font_size16);
 }
 .box {
   position: relative;
+  margin: auto;
   height: 100%;
   width: 100%;
-  margin: auto;
 }
 /* Size */
 .smallSize {

package/es/lookup/Section/LookupSection.module.css

@@ -1,8 +1,8 @@
 .section {
   max-height: 80%;
-  min-height: var(--zd_size390);
-  height: auto;
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   background-color: var(--zdt_lookupsection_bg);
+  min-height: var(--zd_size390);
+  height: auto;
   box-shadow: 0px 4px 20px var(--zdt_lookupsection_box_shadow);
 }

package/es/lookup/header/Close/LookupClose.module.css

@@ -1,15 +1,15 @@
 .container {
+  text-align: center;
   width: var(--zd_size25);
   height: var(--zd_size25);
   line-height: var(--zd_size25);
+  cursor: pointer;
+  border-radius: 50%;
   color: var(--zdt_lookupclose_default_text);
   transition: var(--zd_transition2) cubic-bezier(0.4, 1, 0.65, 1);
   font-size: var(--zd_font_size9);
-  text-align: center;
-  cursor: pointer;
-  border-radius: 50%;
 }
 .container:hover {
-  color: var(--zdt_lookupclose_default_hover_text);
   background-color: var(--zdt_lookupclose_default_hover_bg);
+  color: var(--zdt_lookupclose_default_hover_text);
 }

package/es/lookup/header/Search/LookupSearch.module.css

@@ -3,16 +3,16 @@
   transition: var(--zd_transition1);
   width: var(--zd_size96);
   height: var(--zd_size28);
-  position: relative;
-}.searchStyle, .boxStyle {
   background: none;
+  position: relative;
 }
 .boxStyle {
   width: var(--zd_size160);
   border-radius: 4px;
   border: 1px solid var(--zdt_lookupsearch_boxstyle_border);
 }
-.searchStyle:hover, .boxStyle:hover {
+.searchStyle:hover,
+.boxStyle:hover {
   border-color: var(--zdt_lookupsearch_boxstyle_hover_border);
 }
 .focusWidth {
@@ -20,38 +20,29 @@
 }
 .drpSearchBox {
   position: relative;
-  height: var(--zd_size28);
   cursor: pointer;
+  height: var(--zd_size28);
 }
 .drpSearchBox::after {
   content: '';
+  right: calc(var(--zd_size1) * -1);
   position: absolute;
   top: var(--zd_size8);
   bottom: var(--zd_size8);
-}
-[dir=ltr] .drpSearchBox::after {
-  right: calc(var(--zd_size1) * -1);
   border-right: 1px solid var(--zdt_lookupsearch_boxstyle_border);
 }
-[dir=rtl] .drpSearchBox::after {
-  left: calc(var(--zd_size1) * -1);
-  border-left: 1px solid var(--zdt_lookupsearch_boxstyle_border);
-}
-.inputBox, .drpSearchBox {
+.inputBox,
+.drpSearchBox {
   padding: 0 var(--zd_size9);
 }
-[dir=ltr] .searchIconBox {
+.searchIconBox {
   padding: var(--zd_size4) 0 var(--zd_size4) var(--zd_size9);
 }
-[dir=rtl] .searchIconBox {
-  padding: var(--zd_size4) var(--zd_size9) var(--zd_size4) 0;
-}
-.active, .boxStyle.active, .lineActive.drpSearchBox::after {
+.active,
+.boxStyle.active,
+.lineActive.drpSearchBox::after {
   border-color: var(--zdt_lookupsearch_boxstyle_activer_border);
 }
-[dir=ltr] .iconArrow {
+.iconArrow {
   margin-left: var(--zd_size5);
 }
-[dir=rtl] .iconArrow {
-  margin-right: var(--zd_size5);
-}

package/es/lookup/header/TicketHeader/TicketHeader.module.css

@@ -2,15 +2,12 @@
   margin: 0 var(--zd_size8);
 }
 /* Responsive */
-[dir=ltr] .small .searchContainer {
+.small .searchContainer {
   text-align: left;
 }
-[dir=rtl] .small .searchContainer {
-  text-align: right;
-}
 .small .searchContainer input {
-  width: var(--zd_size193);
   border-bottom: 1px solid var(--zdt_lookupticketheader_border);
+  width: var(--zd_size193);
 }
 .small .innerContainer,
 .extraSmall .innerContainer {