@zohodesk/dot 1.0.0-temp-65 → 1.0.0-temp-68

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.js

@@ -62,6 +62,8 @@ export default class TicketHeader extends Component {
     })), needViewsList ? /*#__PURE__*/React.createElement(Box, {
       className: `${style.dropdown}`,
       dataId: "filterIdselected"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: style.menuWrapper
     }, /*#__PURE__*/React.createElement(ViewDropDown, {
       dropBoxSize: "small",
       emptyMessage: menuEmptyMessage,
@@ -71,7 +73,7 @@ export default class TicketHeader extends Component {
       textField: "displayLabel",
       selectedValue: selectedViewId,
       needCloseOnSelect: true
-    })) : null)), needSearch ? /*#__PURE__*/React.createElement(Box, {
+    }))) : null)), needSearch ? /*#__PURE__*/React.createElement(Box, {
       className: `${commonStyle.searchContainer} ${commonResponsive.searchContainer} ${style.searchContainer}`
     }, /*#__PURE__*/React.createElement(Search, {
       onSearch: onSearch,

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

@@ -1,16 +1,13 @@
 .dropdown {
-  margin: 0 var(--zd_size8);
+  margin: 0 var(--zd_size20);
 }
 /* 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 {
@@ -20,3 +17,4 @@
 .extraSmall .container {
   flex-direction: column;
 }
+.menuWrapper{display: inline-block;}

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

@@ -9,10 +9,10 @@
 }
 .emptyState {
   font-size: var(--zd_font_size14);
+  padding: var(--zd_size12) var(--zd_size15);
   color: var(--zdt_viewdropdown_empty_text);
   font-family: var(--zd_semibold);
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-  padding: var(--zd_size12) var(--zd_size15);
 }
 .hide {
   composes: vishidden from '~@zohodesk/components/lib/common/common.module.css';
@@ -27,21 +27,15 @@
 .labelCnt {
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
   line-height: var(--zd_size20);
-  color: var(--zdt_viewdropdown_label_text);
-  padding: 0 var(--zd_size12);
   cursor: pointer;
+  color: var(--zdt_viewdropdown_label_text);
 }
 .labelText {
   font-size: var(--zd_font_size12);
+  margin-right: var(--zd_size5);
   max-width: var(--zd_size180);
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
-[dir=ltr] .labelText {
-  margin-right: var(--zd_size5);
-}
-[dir=rtl] .labelText {
-  margin-left: var(--zd_size5);
-}
 .labelCnt:hover .arrowIcon {
   color: var(--zdt_viewdropdown_hover_label_text);
 }

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

@@ -1,35 +1,25 @@
 .container {
   min-height: var(--zd_size51);
   position: relative;
+  padding: 0 var(--zd_size52) 0 var(--zd_size10);
   background-color: var(--zdt_lookupheader_default_bg);
   border-bottom: solid 1px var(--zdt_lookupheader_default_border);
-}[dir=ltr] .container {
-  padding: 0 var(--zd_size52) 0 var(--zd_size10);
-}[dir=rtl] .container {
-  padding: 0 var(--zd_size10) 0 var(--zd_size52);
 }
-.searchContainer, .title {
+.searchContainer,
+.title {
   margin: 0 var(--zd_size20);
 }
-[dir=ltr] .searchContainer {
+.searchContainer {
   text-align: right;
 }
-[dir=rtl] .searchContainer {
-  text-align: left;
-}
 .closeContainer {
   position: absolute;
+  right: var(--zd_size30);
   top: 50%;
   composes: middleY from '~@zohodesk/components/lib/common/common.module.css';
 }
-[dir=ltr] .closeContainer {
-  right: var(--zd_size30);
-}
-[dir=rtl] .closeContainer {
-  left: var(--zd_size30);
-}
 .para {
+  margin: 0 var(--zd_size20);
   font-size: var(--zd_font_size12);
   color: var(--zdt_lookupheader_para_text);
-  margin: 0 var(--zd_size20);
 }

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

@@ -1,24 +1,15 @@
 /* Responsive */
 .extraSmall {
+  padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) 0;
   justify-content: normal;
   flex-direction: column;
   align-items: flex-start;
 }
-[dir=ltr] .extraSmall {
-  padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) 0;
-}
-[dir=rtl] .extraSmall {
-  padding: var(--zd_size12) 0 var(--zd_size12) var(--zd_size45);
-}
 
-[dir=ltr] .extraSmall .searchContainer {
+.extraSmall .searchContainer {
   text-align: left;
 }
-
-[dir=rtl] .extraSmall .searchContainer {
-  text-align: right;
-}
 .extraSmall .searchContainer input {
-  width: var(--zd_size193);
   border-bottom: 1px solid var(--zdt_lookupheader_input_border);
+  width: var(--zd_size193);
 }

package/es/setup/header/Button/HeaderButton.module.css

@@ -1,5 +1,3 @@
-[dir=ltr] .container {
+.container {
   margin-right: var(--zd_size15);
-}[dir=rtl] .container {
-  margin-left: var(--zd_size15);
 }

package/es/setup/header/Link/HeaderLink.module.css

@@ -2,17 +2,11 @@
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
   color: var(--zdt_headerlink_text);
   font-size: var(--zd_font_size12);
-}[dir=ltr] .container {
   margin-right: var(--zd_size15);
-}[dir=rtl] .container {
-  margin-left: var(--zd_size15);
 }
-[dir=ltr] .icon {
+.icon {
   margin-right: var(--zd_size5);
 }
-[dir=rtl] .icon {
-  margin-left: var(--zd_size5);
-}
 .container:hover .text {
   border-bottom: 1px solid var(--zdt_headerlink_hover_text);
 }

package/es/setup/header/Search/Search.module.css

@@ -2,54 +2,42 @@
   position: relative;
   transition: width var(--zd_transition3);
   width: var(--zd_size90);
-}[dir=ltr] .container {
   margin-right: var(--zd_size15);
-}[dir=rtl] .container {
-  margin-left: var(--zd_size15);
 }
 .active {
   width: var(--zd_size180);
 }
-.active .input, .input:hover {
+.active .input,
+.input:hover {
   border-bottom-color: var(--zdt_search_input_border);
 }
 .icon {
   position: absolute;
   top: 0;
+  right: 0;
   bottom: 0;
   color: var(--zdt_search_icon);
   line-height: var(--zd_size26);
   cursor: pointer;
 }
-[dir=ltr] .icon {
-  right: 0;
-}
-[dir=rtl] .icon {
-  left: 0;
-}
 .icon:hover {
   color: var(--zdt_search_hover_icon);
 }
 .input {
+  border: 0;
   height: var(--zd_size26);
   font-size: var(--zd_font_size13);
   width: 100%;
   letter-spacing: 0.2px;
+  border-bottom: 1px solid transparent;
   transition: all var(--zd_transition3) ease;
   color: var(--zdt_search_input_text);
   font-family: var(--zd_regular);
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  border: 0;
-  border-bottom: 1px solid transparent;
-  background: var(--zdt_search_input_bg);
-}
-[dir=ltr] .input {
   padding-right: var(--zd_size20);
-}
-[dir=rtl] .input {
-  padding-left: var(--zd_size20);
+  background: var(--zdt_search_input_bg);
 }
 .input::placeholder {
   color: var(--zdt_search_placeholder_text);
@@ -63,6 +51,7 @@
 .input::-ms-placeholder {
   color: var(--zdt_search_placeholder_text);
 }
-.input:focus, .active .input:focus {
+.input:focus,
+.active .input:focus {
   border-bottom-color: var(--zdt_search_input_focus_border);
 }

package/es/setup/header/Views/Views.js

@@ -20,14 +20,14 @@ export default class Views extends React.Component {
       className: style.container
     }, /*#__PURE__*/React.createElement("span", {
       className: `${style.icon} ${style.first} ${isList ? style.active : ''}`,
-      "data-title": !isList ? listTitle : '',
+      "data-title": !isList ? listTitle : null,
       onClick: onListClick
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-list22",
       size: "10"
     })), /*#__PURE__*/React.createElement("span", {
       className: `${style.icon} ${style.last}  ${isGrid ? style.active : ''}`,
-      "data-title": !isGrid ? gridTitle : '',
+      "data-title": !isGrid ? gridTitle : null,
       onClick: onGridClick
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-grid",

package/es/setup/header/Views/Views.module.css

@@ -1,34 +1,24 @@
 .container {
   display: inline-block;
-}[dir=ltr] .container {
   margin-right: var(--zd_size15);
-}[dir=rtl] .container {
-  margin-left: var(--zd_size15);
 }
 .icon {
   display: inline-block;
+  text-align: center;
+  cursor: pointer;
   color: var(--zdt_views_icon);
+  border: 1px solid var(--zdt_views_border);
   height: var(--zd_size28);
   width: var(--zd_size28);
   line-height: var(--zd_size26);
-  text-align: center;
-  cursor: pointer;
-  border: 1px solid var(--zdt_views_border);
 }
-[dir=ltr] .first {
+.first {
   border-radius: 2px 0 0 2px;
 }
-[dir=rtl] .first {
-  border-radius: 0 2px 2px 0;
-}
-[dir=ltr] .last {
+.last {
   border-radius: 0 2px 2px 0;
   border-left-width: 0;
 }
-[dir=rtl] .last {
-  border-radius: 2px 0 0 2px;
-  border-right-width: 0;
-}
 .icon:hover {
   color: var(--zdt_views_hover_icon);
 }

package/es/setup/helptips/Link/HelpTipsLink.module.css

@@ -2,6 +2,5 @@
 .text {
   color: var(--zdt_helptipslink_text);
   font-size: var(--zd_font_size14);
-}.container > a, .text {
   margin: var(--zd_size10) 0;
 }

package/es/setup/helptips/ListGroup/ListGroup.module.css

@@ -5,15 +5,10 @@
 }
 .unOrderData,
 .orderData {
+  margin: var(--zd_size15) 0 var(--zd_size15) var(--zd_size7);
   font-size: var(--zd_font_size14);
   color: var(--zdt_listgroup_text);
 }
-[dir=ltr] .unOrderData, [dir=ltr] .orderData {
-  margin: var(--zd_size15) 0 var(--zd_size15) var(--zd_size7);
-}
-[dir=rtl] .unOrderData, [dir=rtl] .orderData {
-  margin: var(--zd_size15) var(--zd_size7) var(--zd_size15) 0;
-}
 .orderData {
   list-style: decimal;
 }

package/es/setup/table/TableData/SetupTableData.module.css

@@ -1,7 +1,5 @@
-[dir=ltr] .container {
+.container {
   padding-left: var(--zd_size20);
-}[dir=rtl] .container {
-  padding-right: var(--zd_size20);
 }
 .size70 {
   flex-basis: var(--zd_size70);
@@ -30,15 +28,9 @@
 .center {
   text-align: center;
 }
-[dir=ltr] .left {
+.left {
   text-align: left;
 }
-[dir=rtl] .left {
+.right {
   text-align: right;
 }
-[dir=ltr] .right {
-  text-align: right;
-}
-[dir=rtl] .right {
-  text-align: left;
-}

package/es/setup/table/TableHead/SetupTableHead.module.css

@@ -1,11 +1,7 @@
 .container {
   border-bottom: 1px solid var(--zdt_setuptablehead_border);
-}[dir=ltr] .container {
   padding-right: var(--zd_size40);
   padding-left: var(--zd_size40);
-}[dir=rtl] .container {
-  padding-left: var(--zd_size40);
-  padding-right: var(--zd_size40);
 }
 .subContainer {
   height: var(--zd_size40);

package/es/setup/table/TableRow/SetupTableRow.module.css

@@ -1,13 +1,9 @@
 .container {
   position: relative;
-  height: var(--zd_size52);
-  border-bottom: 1px solid var(--zdt_setuptablerow_border);
-}[dir=ltr] .container {
   margin-right: var(--zd_size40);
   margin-left: var(--zd_size40);
-}[dir=rtl] .container {
-  margin-left: var(--zd_size40);
-  margin-right: var(--zd_size40);
+  border-bottom: 1px solid var(--zdt_setuptablerow_border);
+  height: var(--zd_size52);
 }
 .container:hover {
   background-color: var( --zdt_setuptablerow_hover_bg);

package/es/utils/General.js

@@ -42,23 +42,4 @@ export function formatPhoneUrl(phone) {
   }
 
   return phone;
-}
-export function formatCurrency(number, symbol) {
-  // format number 1000000 to 1,234,567
-  if (number && number != 0) {
-    let typeOfData = typeof number;
-    let isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
-
-    if (isDecimal) {
-      let val = number.toString().split('.');
-      let arr1 = `${val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',')}`;
-      let finalVal = `${symbol}${arr1}.${val[1]}`;
-      return finalVal;
-    } else {
-      let value = `${symbol}${number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',')}`;
-      return value;
-    }
-  }
-
-  return number;
 }

package/es/version2/AlertClose/AlertClose.module.css

@@ -1,9 +1,9 @@
 .close {
   width: var(--zd_size25);
   height: var(--zd_size25);
-  color: var(--zdt_commonalert_close_icon);
   border-radius: var(--zd_size4);
   cursor: pointer;
+  color: var(--zdt_commonalert_close_icon);
 }
 
 .closeIcon {