@zohodesk/dot 1.0.0-temp-59 → 1.0.0-temp-60

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

@@ -5,27 +5,20 @@
     composes: varClass;
     min-height: var(--zd_size54);
     position: relative;
-    color: var(--zdt_desktopnotification_text);
     background-color: var(--alert_lookup_bg_color);
     border-style: solid;
     border-color: var(--commonalert_border_color);
     border-width: 2px 0 0 0;
+    color: var(--zdt_desktopnotification_text);
   }
   
   .title {
+    margin: 0 var(--zd_size5) 0 var(--zd_size10);
     font-size: var(--zd_font_size18);
     line-height: var(--zd_size22);
     font-family: var(--zd_bold);
     composes: ftsmooth wbreak from '~@zohodesk/components/lib/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 {
     font-size: var(--zd_font_size14);
@@ -57,11 +50,8 @@
 
 
 /* Primary Header */
-[dir=ltr] .primary {
-  padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20);
-}
-[dir=rtl] .primary {
-    padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45);
+.primary {
+    padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20);
 }
 
 .primary .iconContainer {
@@ -76,26 +66,14 @@
   .primary .close {
     position: absolute;
     top: var(--zd_size12);
-  }
-  
-  [dir=ltr] .primary .close {
-  right: var(--zd_size12);
-  }
-  
-  [dir=rtl] .primary .close {
-    left: var(--zd_size12);
+    right: var(--zd_size12);
   }
 
   /* Secondary Header */
   .secondary {
-    composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+    padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
     border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-  }
-  [dir=ltr] .secondary {
-  padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75);
-  }
-  [dir=rtl] .secondary {
-    padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70);
+    composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
   }
 
   .secondary .infoText {
@@ -108,30 +86,15 @@
     position: absolute;
     top: 0;
     bottom: 0;
+    left: var(--zd_size18);
     margin: auto 0;
   }
 
-  [dir=ltr] .secondary .iconContainer {
-  left: var(--zd_size18);
-  }
-
-  [dir=rtl] .secondary .iconContainer {
-    right: var(--zd_size18);
-  }
-
   .secondary .close {
     position: absolute;
     top: 0;
     bottom: 0;
+    right: var(--zd_size12);
+    margin: auto 0 auto var(--zd_size25);
     height: var(--zd_size25);
-  }
-
-  [dir=ltr] .secondary .close {
-  right: var(--zd_size12);
-  margin: auto 0 auto var(--zd_size25);
-  }
-
-  [dir=rtl] .secondary .close {
-    left: var(--zd_size12);
-    margin: auto var(--zd_size25) auto 0;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-59",
+  "version": "1.0.0-temp-60",
   "main": "lib/index",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -31,9 +31,9 @@
   "dependencies": {},
   "devDependencies": {
     "velocity-react": "^1.4.3",
-    "@zohodesk/variables": "1.0.0-beta.26",
+    "@zohodesk/variables": "1.0.0-beta.28",
     "@zohodesk/i18n": "^1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-223",
+    "@zohodesk/components": "1.0.0-alpha-224",
     "@zohodesk/icons": "1.0.0-beta.85",
     "@zohodesk/svg": "1.0.0-beta.38",
     "@zohodesk/virtualizer": "1.0.3",
@@ -41,9 +41,9 @@
   },
   "peerDependencies": {
     "velocity-react": "^1.4.3",
-    "@zohodesk/variables": "^1.0.0-beta.26",
+    "@zohodesk/variables": "^1.0.0-beta.28",
     "@zohodesk/i18n": "^1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-223",
+    "@zohodesk/components": "1.0.0-alpha-224",
     "@zohodesk/icons": "^1.0.0-beta.85",
     "@zohodesk/svg": "^1.0.0-beta.38"
   },