@zohodesk/dot 1.9.10 → 1.9.11

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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) ;

package/lib/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/lib/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/lib/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/lib/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/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.9.10",
+  "version": "1.9.11",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -18,7 +18,7 @@
   ],
   "scripts": {
     "clean": "react-cli clean lib es coverage assets && mkdir assets",
-    "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  node_modules/@zohodesk/components/es node_modules/@zohodesk/icons/es node_modules/@zohodesk/variables/es node_modules/@zohodesk/svg/es",
+    "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  ../components/src ../internal/desk-components/src node_modules/@zohodesk/icons/es node_modules/@zohodesk/variables/es node_modules/@zohodesk/svg/es",
     "build:lib": "cbt build:lib src,assets lib,assets",
     "build:es": "cbt build:es src,assets es,assets",
     "build:es:watch": "cbt build:es src es",
@@ -61,34 +61,34 @@
     "check_package": "node ../check_dependencies.js"
   },
   "devDependencies": {
-    "postcss-discard-comments": "^7.0.5",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.5",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.0.10",
-    "@zohodesk-private/color-variable-preprocessor": "1.3.0",
+    "@zohodesk-private/color-variable-preprocessor": "1.3.1",
     "@zohodesk-private/css-variable-migrator": "1.0.9",
     "@zohodesk-private/node-plugins": "1.1.13",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.9",
-    "@zohodesk/components": "1.6.8",
+    "@zohodesk/client_build_tool": "0.0.20",
+    "@zohodesk/components": "1.6.12",
+    "@zohodesk/dotkit": "1.0.9",
     "@zohodesk/hooks": "2.0.8",
     "@zohodesk/icons": "1.2.8",
     "@zohodesk/layout": "3.1.0",
+    "@zohodesk/react-cli": "1.1.27",
     "@zohodesk/svg": "1.3.5",
     "@zohodesk/utils": "1.3.16",
     "@zohodesk/variables": "1.3.1",
     "@zohodesk/virtualizer": "1.0.13",
+    "postcss-discard-comments": "^7.0.5",
     "react-sortable-hoc": "^0.8.3",
-    "velocity-react": "1.4.3",
-    "@zohodesk/dotkit": "1.0.9",
-    "@zohodesk/react-cli": "1.1.27",
-    "@zohodesk/client_build_tool": "0.0.20"
+    "velocity-react": "1.4.3"
   },
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.3.1",
-    "@zohodesk/components": "1.6.8",
+    "@zohodesk/components": "1.6.12",
     "@zohodesk/icons": "1.2.8",
     "@zohodesk/svg": "1.3.5",
     "@zohodesk/virtualizer": "1.0.13",