@zohodesk/dot 1.9.10 → 1.9.11

package/es/list/SecondaryText/SecondaryText.module.css

@@ -1,12 +1,9 @@
 .paidUserIcon {
+  margin-inline-end: var(--zd_size5) ;
   vertical-align: middle;
   bottom: var(--zd_size1) ;
   position: relative;
   font-size: var(--zd_font_size8) ;
-}[dir=ltr] .paidUserIcon {
-  margin-right: var(--zd_size5) ;
-}[dir=rtl] .paidUserIcon {
-  margin-left: var(--zd_size5) ;
 }
 
 .icon {
@@ -115,17 +112,11 @@
 
 .happinessImg {
   width: var(--zd_size13) ;
+  margin-block:0 ;
+  margin-inline:0 var(--zd_size4) ;
   vertical-align: middle;
 }
 
-[dir=ltr] .happinessImg {
-  margin: 0 var(--zd_size4) 0 0 ;
-}
-
-[dir=rtl] .happinessImg {
-  margin: 0 0 0 var(--zd_size4) ;
-}
-
 /* colors */
 .gray {
   color: var(--zdt_secondaryText_gray_text);
@@ -153,4 +144,4 @@
 
 .phonetxt {
   composes: ltr-dir from '~@zohodesk/components/es/common/common.module.css';
-}
+}

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

@@ -1,10 +1,8 @@
 .container {
+  margin-inline: var(--zd_size5) 0 ;
+  margin-block:0 ;
   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

@@ -3,6 +3,8 @@
   height: var(--zd_size28) ;
   font-size: var(--zd_font_size13) ;
   color: var(--zdt_tagnew_default_text);
+  padding-inline: var(--zd_size15) ;
+  padding-block:0 ;
   composes: inlineFlex from '../listCommon.module.css';
   composes: alignHorizontal from '~@zohodesk/components/es/common/common.module.css';
   transition: all var(--zd_transition2) ease 0s;
@@ -11,7 +13,6 @@
   border-radius: 14px;
   background-color: var(--zdt_tagnew_default_bg);
   box-shadow: var(--zd_bs_tagnew_shadow);
-  padding: 0 var(--zd_size15) ;
   transform: scale(0);
   cursor: pointer;
 }
@@ -114,4 +115,4 @@
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
   }
-}
+}

package/es/list/listCommon.module.css

@@ -7,12 +7,8 @@
   composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
 }
 
-[dir=ltr] .avatarMargin {
-  margin-right: var(--zd_size25) ;
-}
-
-[dir=rtl] .avatarMargin {
-  margin-left: var(--zd_size25) ;
+.avatarMargin {
+  margin-inline-end: var(--zd_size25) ;
 }
 
 .subject {
@@ -76,4 +72,4 @@
 .hoveredStyle .superCompact .floatingIconContainer {
   opacity: 1;
   visibility: visible;
-}
+}

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

@@ -6,19 +6,20 @@
 }
 .maxHgt {
   max-height: var(--zd_size265) ;
-  padding: var(--zd_size10) 0 ;
+  padding-block: var(--zd_size10) ;
+  padding-inline:0 ;
 }
 .responsivemaxHgt{
-  padding: var(--zd_size10) 0 0 ;
+  padding-block: var(--zd_size10) 0 ;
+  padding-inline:0 ;
 }
 .title {
-  padding-top: var(--zd_size6) ;
+  padding-block-start: var(--zd_size6) ;
 }
-[dir=ltr] .default_arrow, [dir=ltr] .overlay_arrow {
-  padding: 0 0 0 var(--zd_size5) ;
-}
-[dir=rtl] .default_arrow, [dir=rtl] .overlay_arrow {
-  padding: 0 var(--zd_size5) 0 0 ;
+.default_arrow,
+.overlay_arrow {
+  padding-inline: var(--zd_size5) 0 ;
+  padding-block:0 ;
 }
 .overlay_arrow {
   position: absolute;
@@ -43,10 +44,11 @@
   composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 .search {
-  padding: var(--zd_size6) var(--zd_size20) 0 ;
+  padding-block: var(--zd_size6) 0 ;
+  padding-inline:var(--zd_size20) ;
 }
 .svgWrapper {
-  padding-bottom: var(--zd_size25) ;
+  padding-block-end: var(--zd_size25) ;
 }
 .readOnly {
   cursor: no-drop;
@@ -63,11 +65,8 @@
 [dir=rtl] .dropBoxContainer {
   text-align: right;
 }
-[dir=ltr] .iconBox {
-  margin-right: var(--zd_size4) ;
-}
-[dir=rtl] .iconBox {
-  margin-left: var(--zd_size4) ;
+.iconBox {
+  margin-inline-end: var(--zd_size4) ;
 }
 .iconBox > i {
   display: block;
@@ -78,6 +77,7 @@
 }
 .seperatedLine {
   height: var(--zd_size1) ;
+  margin-block: var(--zd_size9) var(--zd_size10) ;
+  margin-inline:0 ;
   border-bottom: 1px solid var(--zdt_statusdropdown_line_border);
-  margin: var(--zd_size9) 0 var(--zd_size10) ;
-}
+}

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

@@ -19,24 +19,19 @@
 [dir=rtl] .withBorder {
   border-right: 1px solid var(--zdt_statuslistitem_default_border);
 }
-[dir=ltr] .small {
-  padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5) ;
-}
-[dir=rtl] .small {
-  padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size3) ;
+.small {
+  padding-block: var(--zd_size7) ;
+  padding-inline:var(--zd_size3) var(--zd_size5) ;
 }
 .medium {
-  padding: var(--zd_size7) var(--zd_size20) ;
+  padding-block: var(--zd_size7) ;
+  padding-inline:var(--zd_size20) ;
 }
 .large {
+  padding-block: var(--zd_size10) ;
+  padding-inline:var(--zd_size25) var(--zd_size3) ;
   --statuslistitem_min_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) ;
-}
 .value,.multiLineValue {
   line-height: 1.5385;
 }
@@ -88,11 +83,8 @@
 .tickIcon > i {
   display: block;
 }
-[dir=ltr] .active.withTick {
-  padding-right: var(--zd_size39) ;
-}
-[dir=rtl] .active.withTick {
-  padding-left: var(--zd_size39) ;
+.active.withTick {
+  padding-inline-end: var(--zd_size39) ;
 }
 .contentWrapper {
   composes: dflex flexrow alignVertical from '~@zohodesk/components/es/common/common.module.css';
@@ -129,4 +121,4 @@
 }
 .green.statusType::after {
   background-color: var(--zdt_statuslistitem_green_bg);
-}
+}

package/es/lookup/EmptyPage/LookupEmptyPage.module.css

@@ -3,12 +3,13 @@
 }
 
 .image {
-  margin: var(--zd_size20) auto ;
+  margin-block: var(--zd_size20) ;
+  margin-inline:auto ;
 }
 
 .contentDiv {
   font-size: var(--zd_font_size20) ;
   font-weight: var(--zd-fw-semibold);
   composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
-  margin-top: var(--zd_size15) ;
-}
+  margin-block-start: var(--zd_size15) ;
+}

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

@@ -8,8 +8,8 @@
 }
 
 .container {
+  padding-block-end: var(--zd_size10) ;
   font-size: var(--zd_font_size16) ;
-  padding-bottom: var(--zd_size10) ;
 }
 
 .box {
@@ -46,4 +46,4 @@
 
 .fullSize {
   max-width: 90% ;
-}
+}

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

@@ -26,38 +26,25 @@
 .drpSearchBox {
   position: relative;
   height: var(--zd_size28) ;
+  padding-inline-start: var(--zd_size12) ;
   cursor: pointer;
 }
-[dir=ltr] .drpSearchBox {
-  padding-left: var(--zd_size12) ;
+.searchIcon {
+  padding-inline-end: var(--zd_size8) ;
 }
-[dir=rtl] .drpSearchBox {
-  padding-right: var(--zd_size12) ;
-}
-[dir=ltr] .searchIcon {
-  padding-right: var(--zd_size8) ;
-}
-[dir=rtl] .searchIcon {
-  padding-left: var(--zd_size8) ;
-}
-[dir=ltr] .searchIconBox {
-  padding-left: var(--zd_size12) ;
-}
-[dir=rtl] .searchIconBox {
-  padding-right: var(--zd_size12) ;
+.searchIconBox {
+  padding-inline-start: var(--zd_size12) ;
 }
 .active, .boxStyle.active, .lineActive.drpSearchBox::after {
   border-color: var(--zdt_lookupsearch_boxstyle_activer_border);
 }
-[dir=ltr] .iconArrow {
-  margin-left: var(--zd_size6) ;
-}
-[dir=rtl] .iconArrow {
-  margin-right: var(--zd_size6) ;
+.iconArrow {
+  margin-inline-start: var(--zd_size6) ;
 }
 .separator {
   width: var(--zd_size1) ;
   height: var(--zd_size16) ;
-  margin: 0 var(--zd_size12) ;
+  margin-inline: var(--zd_size12) ;
+  margin-block:0 ;
   background-color: var(--zdt_lookupsearch_boxstyle_border);
-}
+}

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

@@ -1,5 +1,6 @@
 .dropdown {
-  margin: 0 var(--zd_size20) ;
+  margin-inline: var(--zd_size20) ;
+  margin-block:0 ;
 }
 /* Responsive */
 [dir=ltr] .small .searchContainer {
@@ -20,4 +21,4 @@
 .extraSmall .container {
   flex-direction: column;
 }
-.menuWrapper{display: inline-block;}
+.menuWrapper{display: inline-block;}

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

@@ -12,10 +12,11 @@
 
 .emptyState {
   font-size: var(--zd_font_size14) ;
+  padding-block: var(--zd_size12) ;
+  padding-inline:var(--zd_size15) ;
   color: var(--zdt_viewdropdown_empty_text);
   font-weight: var(--zd-fw-semibold);
   composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
-  padding: var(--zd_size12) var(--zd_size15) ;
 }
 
 .hide {
@@ -27,7 +28,8 @@
 }
 
 .listItemContainer {
-  padding: var(--zd_size10) 0 ;
+  padding-block: var(--zd_size10) ;
+  padding-inline:0 ;
 }
 
 /* Label Style */
@@ -40,22 +42,16 @@
 
 .labelText {
   font-size: var(--zd_font_size12) ;
+  margin-inline-end: var(--zd_size5) ;
   max-width: var(--zd_size180) ;
   composes: dotted from '~@zohodesk/components/es/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);
 }
 
 .loader {
-  padding: var(--zd_size12) var(--zd_size15) ;
-}
+  padding-block: var(--zd_size12) ;
+  padding-inline:var(--zd_size15) ;
+}

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

@@ -1,10 +1,8 @@
 .container {
   min-height: var(--zd_size51) ;
   position: relative;
-}[dir=ltr] .container {
-  padding: 0 var(--zd_size30) 0 var(--zd_size10) ;
-}[dir=rtl] .container {
-  padding: 0 var(--zd_size10) 0 var(--zd_size30) ;
+  padding-inline:var(--zd_size10) var(--zd_size30) ;
+  padding-block:0 ;
 }
 .default {
   background-color: var(--zdt_lookupheader_default_bg);
@@ -14,8 +12,10 @@
   background-color: var(--zdt_lookupheader_white_bg);
   border-bottom: solid 1px var(--zdt_lookupheader_white_border);
 }
-.searchContainer, .title {
-  margin: 0 var(--zd_size20) ;
+.searchContainer,
+.title {
+  margin-inline: var(--zd_size20) ;
+  margin-block:0 ;
 }
 [dir=ltr] .searchContainer {
   text-align: right;
@@ -30,7 +30,8 @@
   composes: middleY from '~@zohodesk/components/es/common/common.module.css'; */
 }
 .para {
+  margin-inline: var(--zd_size20) ;
+  margin-block:0 ;
   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,15 +1,11 @@
 /* Responsive */
 .extraSmall {
+  padding-block: var(--zd_size12) ;
+  padding-inline:0 var(--zd_size45) ;
   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 {
   text-align: left;

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

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

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

@@ -2,16 +2,10 @@
   composes: dInflex alignVertical from '~@zohodesk/components/es/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) ;
+  margin-inline-end: var(--zd_size15) ;
 }
-[dir=ltr] .icon {
-  margin-right: var(--zd_size5) ;
-}
-[dir=rtl] .icon {
-  margin-left: var(--zd_size5) ;
+.icon {
+  margin-inline-end: var(--zd_size5) ;
 }
 .container:hover .text {
   border-bottom: 1px solid var(--zdt_headerlink_hover_text);

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

@@ -2,10 +2,7 @@
   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) ;
+  margin-inline-end: var(--zd_size15) ;
 }
 .active {
   width: var(--zd_size180) ;
@@ -42,16 +39,11 @@
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
+  padding-inline-end: var(--zd_size20) ;
   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) ;
-}
 .input::placeholder {
   color: var(--zdt_search_placeholder_text);
 }

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

@@ -1,9 +1,6 @@
 .container {
   display: inline-block;
-}[dir=ltr] .container {
-  margin-right: var(--zd_size15) ;
-}[dir=rtl] .container {
-  margin-left: var(--zd_size15) ;
+  margin-inline-end: var(--zd_size15) ;
 }
 /* css:lineheight-validation:ignore */
 .icon {

package/es/setup/helptips/Description/HelpTipsDescription.module.css

@@ -2,5 +2,6 @@
   font-size: var(--zd_font_size14) ;
   color: var(--zdt_helptips_text);
   line-height: 1.7143;
-  margin: var(--zd_size10) 0 ;
+  margin-block: var(--zd_size10) ;
+  margin-inline:0 ;
 }

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

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

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

@@ -5,15 +5,11 @@
 }
 .unOrderData,
 .orderData {
+  margin-block: var(--zd_size15) ;
+  margin-inline: var(--zd_size7) 0 ;
   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 {
-  padding-left: var(--zd_size20) ;
-}[dir=rtl] .container {
-  padding-right: var(--zd_size20) ;
+.container {
+  padding-inline-start: var(--zd_size20) ;
 }
 .size70 {
   flex-basis: var(--zd_size70) ;

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

@@ -1,11 +1,6 @@
 .container {
+  padding-inline:var(--zd_size40) ;
   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,15 +1,10 @@
 .container {
   position: relative;
+  margin-inline:var(--zd_size40) ;
   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) ;
 }
 
 .container:hover {
   background-color: var(--zdt_setuptablerow_hover_bg);
-}
+}

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

@@ -75,6 +75,8 @@
 }
 
 .container {
+  padding-block: var(--zd_size18) var(--zd_size19) ;
+  padding-inline: var(--zd_size75) var(--zd_size70) ;
   position: relative;
   pointer-events: initial;
   color: var(--globalnotification_text_color);
@@ -89,21 +91,14 @@
   border-width: 2px 1px 1px 1px;
 }
 
-[dir=ltr] .container {
-  padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
-}
-
-[dir=rtl] .container {
-  padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
-}
-
 .icon {
   width: var(--zd_size44) ;
   height: var(--zd_size44) ;
   position: absolute;
   top: 0 ;
   bottom: 0 ;
-  margin: auto 0 ;
+  margin-block: auto ;
+  margin-inline: 0 ;
 }
 
 [dir=ltr] .icon {
@@ -169,15 +164,15 @@
   position: absolute;
   top: 0 ;
   bottom: 0 ;
+  margin-block: auto ;
+  margin-inline: var(--zd_size25) 0 ;
   height: var(--zd_size25) ;
 }
 
 [dir=ltr] .close {
   right: var(--zd_size12) ;
-  margin: auto 0 auto var(--zd_size25) ;
 }
 
 [dir=rtl] .close {
   left: var(--zd_size12) ;
-  margin: auto var(--zd_size25) auto 0 ;
-}
+}

package/es/version2/errorstate/V2_ErrorStates.module.css

@@ -1,8 +1,8 @@
 .container {
-  padding-bottom: var(--zd_size30) ;
+  padding-block-end: var(--zd_size30) ;
 }
 .errorBtn {
-  margin-top: var(--zd_size15) ;
+  margin-block-start: var(--zd_size15) ;
 }
 .title {
   font-weight: var(--zd-fw-bold);
@@ -12,7 +12,7 @@
 }
 .large .errorState {
   width: var(--zd_size450) ;
-  margin-top: var(--zd_size40) ;
+  margin-block-start: var(--zd_size40) ;
 }
 .large .errorSvg {
   width: var(--zd_size350) ;
@@ -20,7 +20,7 @@
 }
 .medium .errorState {
   width: var(--zd_size350) ;
-  margin-top: var(--zd_size30) ;
+  margin-block-start: var(--zd_size30) ;
 }
 .medium .errorSvg {
   width: var(--zd_size250) ;
@@ -35,7 +35,7 @@
 }
 .small .errorState {
   width: var(--zd_size230) ;
-  margin-top: var(--zd_size20) ;
+  margin-block-start: var(--zd_size20) ;
 }
 .small .errorSvg {
   width: var(--zd_size220) ;