@zohodesk/dot 1.9.10 → 1.9.11

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

@@ -13,14 +13,8 @@
 
 .headerLayout {
   min-height: var(--zd_size54) ;
-}
-
-[dir=ltr] .headerLayout {
-  padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
-}
-
-[dir=rtl] .headerLayout {
-  padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
+  padding-block: var(--zd_size15) 0 ;
+  padding-inline: var(--zd_size20) var(--zd_size45) ;
 }
 
 .success {
@@ -41,12 +35,9 @@
   --commonalert_border_color: var(--zdt_commonalert_warning_border);
 }
 
-[dir=ltr] .extraSmall {
-  padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size16) ;
-}
-
-[dir=rtl] .extraSmall {
-  padding: var(--zd_size12) var(--zd_size16) var(--zd_size12) var(--zd_size45) ;
+.extraSmall {
+  padding-block: var(--zd_size12) ;
+  padding-inline: var(--zd_size16) var(--zd_size45) ;
 }
 
 .iconContainer {
@@ -56,6 +47,8 @@
 
 .title {
   color: var(--zdt_alertlookupnew_text);
+  margin-inline:var(--zd_size10) var(--zd_size5) ;
+  margin-block:0 ;
   font-size: var(--zd_font_size18) ;
   line-height: 1.2222;
   font-weight: var(--zd-fw-bold);
@@ -64,14 +57,6 @@
   cursor: default;
 }
 
-[dir=ltr] .title {
-  margin: 0 var(--zd_size5) 0 var(--zd_size10) ;
-}
-
-[dir=rtl] .title {
-  margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
-}
-
 .iconStyle {
   display: block;
 }
@@ -87,4 +72,4 @@
 
 [dir=rtl] .close {
   left: var(--zd_size12) ;
-}
+}

package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css

@@ -3,27 +3,26 @@
 }
 
 .innerSection {
+  padding-block: var(--zd_size17) var(--zd_size30) ;
+  padding-inline: var(--zd_size30) ;
   color: var(--zdt_alertlookupnew_text);
   font-size: var(--zd_font_size14) ;
   line-height: 1.428;
   composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
-  padding: var(--zd_size17) var(--zd_size30) var(--zd_size30) ;
 }
 
-[dir=ltr] .buttonGap {
-  margin: 0 0 0 var(--zd_size12) ;
-}
-
-[dir=rtl] .buttonGap {
-  margin: 0 var(--zd_size12) 0 0 ;
+.buttonGap {
+  margin-inline: var(--zd_size12) 0 ;
+  margin-block: 0 ;
 }
 
 .confirmMsgText {
-  margin-top: var(--zd_size20) ;
+  margin-block-start: var(--zd_size20) ;
 }
 
 .extraSmall .innerSection {
-  padding: var(--zd_size30) var(--zd_size16) var(--zd_size46) ;
+  padding-block: var(--zd_size30) var(--zd_size46) ;
+  padding-inline: var(--zd_size16) ;
 }
 
 .footer {
@@ -47,4 +46,4 @@
 
 .bothScroll {
   composes: oflowA from '~@zohodesk/components/es/common/common.module.css';
-}
+}

package/es/version2/lookup/alertLookupCommonNew.module.css

@@ -1,7 +1,8 @@
 /* Notes */
 
 .noteContainer {
-    padding: var(--zd_size4) var(--zd_size30) 0 ;
+    padding-block: var(--zd_size4) 0 ;
+    padding-inline: var(--zd_size30) ;
 }
 
 [dir=ltr] .noteContainer {
@@ -19,7 +20,8 @@
 }
 
 .noteUl {
-    padding: var(--zd_size14) var(--zd_size16) 0 ;
+    padding-block: var(--zd_size14) 0 ;
+    padding-inline: var(--zd_size16) ;
     margin: 0 ;
 }
 
@@ -27,7 +29,7 @@
     font-size: var(--zd_font_size12) ;
     /* line-height: var(--zd_size14); */
     color: var(--zdt_alertlookuop_text);
+    margin-block-end: var(--zd_size15) ;
     list-style-type: disc;
     line-height: initial;
-    margin-bottom: var(--zd_size15) ;
-}
+}

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

@@ -1,6 +1,6 @@
 .parentElement {
+  margin-block-end: var(--zd_size7) ;
   position: relative;
-  margin-bottom: var(--zd_size7) ;
 }
 
 .container {
@@ -81,6 +81,8 @@
 
 /* Container Style */
 .message {
+  padding-block: var(--zd_size10) ;
+  padding-inline: var(--zd_size76) var(--zd_size20) ;
   position: relative;
   color: var(--zdt_desktopnotification_message_text);
   font-size: var(--zd_font_size11) ;
@@ -90,12 +92,6 @@
   border-top: 1px solid var(--zdt_desktopnotification_message_border);
   cursor: pointer;
 }
-[dir=ltr] .message {
-  padding: var(--zd_size10) var(--zd_size20) var(--zd_size10) var(--zd_size76) ;
-}
-[dir=rtl] .message {
-  padding: var(--zd_size10) var(--zd_size76) var(--zd_size10) var(--zd_size20) ;
-}
 
 .message:hover {
   background: var(--zdt_desktopnotification_message_hover_bg);
@@ -103,7 +99,8 @@
 
 /* Section */
 .section {
-  padding: var(--zd_size15) var(--zd_size30) var(--zd_size30) ;
+  padding-block: var(--zd_size15) var(--zd_size30) ;
+  padding-inline: var(--zd_size30) ;
 }
 
 
@@ -115,7 +112,7 @@
 }
 
 .subTitleMargin {
-  margin-bottom: var(--zd_size17) ;
+  margin-block-end: var(--zd_size17) ;
 }
 
 .infoText {
@@ -125,10 +122,10 @@
 }
 
 .secondaryInfo {
-  margin-top: var(--zd_size20) ;
+  margin-block-start: var(--zd_size20) ;
 }
 
 .footer {
   overflow: hidden;
   border-radius: 0 0 10px 10px;
-}
+}

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

@@ -15,17 +15,11 @@
 }
 
 .title {
+  margin-inline: var(--zd_size10) var(--zd_size5) ;
+  margin-block:0 ;
   composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
 }
 
-[dir=ltr] .title {
-  margin: 0 var(--zd_size5) 0 var(--zd_size10) ;
-}
-
-[dir=rtl] .title {
-  margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
-}
-
 .infoText {
   max-width: 100% ;
 }
@@ -60,11 +54,9 @@
 
 
 /* Primary Header */
-[dir=ltr] .primary_header {
-  padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
-}
-[dir=rtl] .primary_header {
-  padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
+.primary_header {
+  padding-block: var(--zd_size15) 0 ;
+  padding-inline: var(--zd_size20) var(--zd_size45) ;
 }
 
 .primary_header .iconContainer {
@@ -91,15 +83,11 @@
 
 /* Secondary Header */
 .secondary_header {
+  padding-block: var(--zd_size18) var(--zd_size19) ;
+  padding-inline: var(--zd_size75) var(--zd_size70) ;
   composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   border-radius: 0 0 10px 10px;
 }
-[dir=ltr] .secondary_header {
-  padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
-}
-[dir=rtl] .secondary_header {
-  padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
-}
 
 .secondary_header .infoText {
   line-height: 1.4286;
@@ -126,15 +114,15 @@
   position: absolute;
   top: 0 ;
   bottom: 0 ;
+  margin-block: auto ;
+  margin-inline:var(--zd_size25) 0 ;
   height: var(--zd_size25) ;
 }
 
 [dir=ltr] .secondary_header .close {
   right: var(--zd_size12) ;
-  margin: auto 0 auto var(--zd_size25) ;
 }
 
 [dir=rtl] .secondary_header .close {
   left: var(--zd_size12) ;
-  margin: auto var(--zd_size25) auto 0 ;
-}
+}

package/lib/ActionButton/ActionButton.module.css

@@ -89,11 +89,14 @@
 }
 
 .small_btnBox {
-  padding: 0 var(--zd_size8) ;
+  padding-block:0 ;
+  padding-inline: var(--zd_size8) ;
 }
 
-.medium_btnBox, .large_btnBox {
-  padding: 0 var(--zd_size10) ;
+.medium_btnBox,
+.large_btnBox {
+  padding-block:0 ;
+  padding-inline: var(--zd_size10) ;
 }
 
 .txt {
@@ -174,8 +177,10 @@
 }
 
 .popupWrapper {
-  padding: var(--zd_size10) 0 ;
-  margin: var(--zd_size5) 0 ;
+  padding-block: var(--zd_size10) ;
+  padding-inline:0 ;
+  margin-block: var(--zd_size5) ;
+  margin-inline:0 ;
 }
 
 .arrow,
@@ -184,10 +189,6 @@
   color: var(--buttonText);
 }
 
-[dir=ltr] .iconMrgn {
-  margin-right: var(--zd_size6) ;
+.iconMrgn {
+  margin-inline-end: var(--zd_size6) ;
 }
-
-[dir=rtl] .iconMrgn {
-  margin-left: var(--zd_size6) ;
-}

package/lib/AlphabeticList/AlphabeticList.module.css

@@ -12,19 +12,18 @@
   padding: 0 ;
 }
 .column .title {
-  margin-bottom: var(--zd_size3) ;
+  margin-block-end: var(--zd_size3) ;
 }
-[dir=ltr] .row .title {
-  margin-right: var(--zd_size3) ;
-}
-[dir=rtl] .row .title {
-  margin-left: var(--zd_size3) ;
+.row .title {
+  margin-inline-end: var(--zd_size3) ;
 }
 .row  .letter {
-  padding: 0 var(--zd_size3) ;
+  padding-block:0 ;
+  padding-inline: var(--zd_size3) ;
 }
 .column .letter {
-  padding: var(--zd_size3) 0 ;
+  padding-block: var(--zd_size3) ;
+  padding-inline: 0 ;
 }
 .heading {
   composes: dotted from '~@zohodesk/components/es/common/common.module.css';

package/lib/Attachment/Attachment.module.css

@@ -86,21 +86,19 @@
   width: var(--zd_size40) ;
 }
 
-[dir=ltr] .medium .attachright {
-  padding: var(--zd_size5) var(--zd_size25) var(--zd_size5) var(--zd_size10) ;
-}
-
-[dir=rtl] .medium .attachright {
-  padding: var(--zd_size5) var(--zd_size10) var(--zd_size5) var(--zd_size25) ;
+.medium .attachright {
+  padding-block: var(--zd_size5) ;
+  padding-inline: var(--zd_size10) var(--zd_size25) ;
 }
 
 .small .attachright {
-  padding: 0 var(--zd_size10) 0 var(--zd_size10) ;
+  padding-block:0 ;
+  padding-inline: var(--zd_size10) ;
 }
 
 .footer {
   font-size: 0 ;
-  margin-top: var(--zd_size3) ;
+  margin-block-start: var(--zd_size3) ;
 }
 
 .medium .atatchName {
@@ -183,7 +181,8 @@
   height: 2px;
   /*  Variable:Ignore  */
   width: 2px;
+  margin-inline: var(--zd_size6) ;
+  margin-block:0 ;
   background-color: var(--zdt_dot_text);
   border-radius: 50%;
-  margin: 0 var(--zd_size6) ;
-}
+}

package/lib/AttachmentViewer/AttachmentViewer.module.css

@@ -2,9 +2,10 @@
     height: var(--zd_size40) ;
     position: relative;
     z-index: 1;
+    padding-block:0 ;
+    padding-inline: var(--zd_size15) ;
     composes: alignVertical from '~@zohodesk/components/es/common/common.module.css';
     background-color: var(--zdt_attachmentviewer_header_bg);
-    padding: 0 var(--zd_size15) ;
     border-bottom: 1px solid var(--zdt_attachmentviewer_header_border);
 }
 
@@ -22,9 +23,10 @@
 }
 
 .count {
+    padding-block:0 ;
+    padding-inline: var(--zd_size10) ;
     position: absolute;
     composes: xMiddle from '~@zohodesk/components/es/common/common.module.css';
-    padding: 0 var(--zd_size10) ;
 }
 
 .title,
@@ -33,29 +35,21 @@
     font-size: var(--zd_font_size15) ;
 }
 
-[dir=ltr] .menuBar {
-    padding-left: var(--zd_size5) ;
-}
-
-[dir=rtl] .menuBar {
-    padding-right: var(--zd_size5) ;
+.menuBar {
+    padding-inline-start: var(--zd_size5) ;
 }
 
 .mbleMenuBar {
+    margin-block-start: var(--zd_size8) ;
     align-self: baseline;
-    margin-top: var(--zd_size8) ;
 }
 
-[dir=ltr] .menu+.menu {
-    margin-left: var(--zd_size22) ;
-}
-
-[dir=rtl] .menu+.menu {
-    margin-right: var(--zd_size22) ;
+.menu+.menu {
+    margin-inline-start: var(--zd_size22) ;
 }
 
 .mobileMenu+.mobileMenu {
-    margin-bottom: var(--zd_size22) ;
+    margin-block-end: var(--zd_size22) ;
 }
 
 .menuIcon {
@@ -85,9 +79,10 @@
 }
 
 .preview {
+    margin-block: var(--zd_size20) ;
+    margin-inline:0 ;
     composes: posrel from '~@zohodesk/components/es/common/common.module.css';
     text-align: center;
-    margin: var(--zd_size20) 0 ;
 }
 
 .zoomIn {
@@ -128,15 +123,8 @@
     width: 100% ;
     overflow: hidden;
     transition: height var(--zd_transition3);
-    background-color: var(--zdt_attachmentviewer_footer_bg)
-}
-
-[dir=ltr] .footer {
-    padding-right: var(--zd_size68) 
-}
-
-[dir=rtl] .footer {
-    padding-left: var(--zd_size68) 
+    padding-inline-end: var(--zd_size68) ;
+    background-color: var(--zdt_attachmentviewer_footer_bg);
 }
 
 .footerHeight {
@@ -148,7 +136,8 @@
 }
 
 .listContainer {
-    padding: 0 var(--zd_size18) ;
+    padding-block:0 ;
+    padding-inline: var(--zd_size18) ;
 }
 
 .imgItem {
@@ -168,12 +157,8 @@
     border-color: var(--zdt_attachmentviewer_hover_border);
 }
 
-[dir=ltr] .imgItem+.imgItem {
-    margin-left: var(--zd_size12) ;
-}
-
-[dir=rtl] .imgItem+.imgItem {
-    margin-right: var(--zd_size12) ;
+.imgItem+.imgItem {
+    margin-inline-start: var(--zd_size12) ;
 }
 
 .image, .crsrPointer {
@@ -335,21 +320,15 @@
 
 .author {
     max-width: var(--zd_size200) ;
-}
-
-[dir=ltr] .author {
-    padding-left: var(--zd_size15) ;
-}
-
-[dir=rtl] .author {
-    padding-right: var(--zd_size15) ;
+    padding-inline-start: var(--zd_size15) ;
 }
 
 .authorName {
+    margin-block:0 ;
+    margin-inline: var(--zd_size10) ;
     font-size: var(--zd_font_size15) ;
     color: var(--zdt_attachmentviewer_title_text);
     composes: dotted from '~@zohodesk/components/es/common/common.module.css';
-    margin: 0 var(--zd_size10) ;
 }
 
 .btn {
@@ -361,7 +340,7 @@
 }
 
 .fileTypeImg {
-    margin-bottom: var(--zd_size30) ;
+    margin-block-end: var(--zd_size30) ;
 }
 
 .previewNone {
@@ -373,7 +352,7 @@
 
 .downloadLink {
     display: inline-block;
-    padding-top: var(--zd_size15) ;
+    padding-block-start: var(--zd_size15) ;
 }
 
 .previewIconDiv {
@@ -385,4 +364,4 @@
     color: var(--zdt_attachmentviewer_title_text);
     padding: var(--zd_size2) ;
     margin: auto ;
-}
+}

package/lib/AudioPlayer/AudioPlayer.module.css

@@ -5,7 +5,8 @@
 }
 
 .dragtag {
-    margin: 0 var(--zd_size10) ;
+    margin-block:0 ;
+    margin-inline: var(--zd_size10) ;
 }
 
 .audioHid {
@@ -24,12 +25,8 @@
     font-size: var(--zd_font_size11) ;
 }
 
-[dir=ltr] .timerBox {
-    margin-left: var(--zd_size6) ;
-}
-
-[dir=rtl] .timerBox {
-    margin-right: var(--zd_size6) ;
+.timerBox {
+    margin-inline-start: var(--zd_size6) ;
 }
 
 .rightBox,
@@ -143,4 +140,4 @@ input::-moz-focus-inner, input::-moz-focus-outer {
     border-radius: 4px;
 }
 
-/* End of audio range styles */
+/* End of audio range styles */

package/lib/DotProvider/DotProvider.js

@@ -13,7 +13,7 @@ var _propTypes = require("./props/propTypes");
 
 var _useDotProvider = _interopRequireDefault(require("./hooks/useDotProvider"));
 
-var _excluded = ["tag", "themeAppearance", "themeColor", "baseZoomUnit", "baseFontUnit", "zoomUnitVariable", "fontUnitVariable", "themeAppearanceAttr", "themeColorAttr", "providerRef", "onAssetsDownloadSuccess", "getAssetsPromises", "children"];
+var _excluded = ["tag", "themeAppearance", "themeColor", "baseZoomUnit", "baseFontUnit", "zoomUnitVariable", "fontUnitVariable", "excludeFeatures", "themeAppearanceAttr", "themeColorAttr", "providerRef", "onAssetsDownloadSuccess", "getAssetsPromises", "children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -38,6 +38,7 @@ var DotProvider = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       baseFontUnit = props.baseFontUnit,
       zoomUnitVariable = props.zoomUnitVariable,
       fontUnitVariable = props.fontUnitVariable,
+      excludeFeatures = props.excludeFeatures,
       themeAppearanceAttr = props.themeAppearanceAttr,
       themeColorAttr = props.themeColorAttr,
       providerRef = props.providerRef,
@@ -74,6 +75,7 @@ var DotProvider = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     baseFontUnit: baseFontUnit,
     zoomUnitVariable: zoomUnitVariable,
     fontUnitVariable: fontUnitVariable,
+    excludeFeatures: excludeFeatures,
     getProviderElement: getProviderElement,
     onAssetsDownloadSuccess: onAssetsDownloadSuccess,
     getAssetsPromises: getAssetsPromises