@zohodesk/dot 1.0.0-temp-151 → 1.0.0-temp-152

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

@@ -1,6 +1,6 @@
 .parentElement {
   position: relative;
-  margin-bottom: var(--zd_size7);
+  margin-bottom: 7px;
 }
 
 .container {
@@ -23,17 +23,17 @@
 }
 
 .globalNotify {
-  max-width: var(--zd_size490);
-  min-width: var(--zd_size394);
+  max-width: 490px;
+  min-width: 394px;
 }
 
 /* Size */
 .medium {
-  width: var(--zd_size452);
+  width: 452px;
 }
 
 .large {
-  width: var(--zd_size580);
+  width: 580px;
 }
 
 /* Animation Style */
@@ -77,18 +77,18 @@
 .message {
   position: relative;
   color: var(--zd_smoke18);
-  font-size: var(--zd_font_size11);
+  font-size: 11px;
   composes: dotted textCap from '~@zohodesk/components/lib/common/common.module.css';
-  height: var(--zd_size33);
+  height: 33px;
   transition: padding var(--zd_transition3), height var(--zd_transition3);
   border-top: 1px solid var(--zd_smoke1);
   cursor: pointer;
 }
 [dir=ltr] .message {
-  padding: var(--zd_size10) var(--zd_size20) var(--zd_size10) var(--zd_size76);
+  padding: 10px 20px 10px 76px;
 }
 [dir=rtl] .message {
-  padding: var(--zd_size10) var(--zd_size76) var(--zd_size10) var(--zd_size20);
+  padding: 10px 76px 10px 20px;
 }
 
 .message:hover {
@@ -97,28 +97,28 @@
 
 /* Section */
 .section {
-  padding: var(--zd_size15) var(--zd_size30) var(--zd_size30);
+  padding: 15px 30px 30px;
 }
 
 .subTitle {
-  font-size: var(--zd_font_size15);
+  font-size: 15px;
   line-height: var(--zd_size20);
   font-family: var(--zd_semibold);
   composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }
 
 .subTitleMargin {
-  margin-bottom: var(--zd_size17);
+  margin-bottom: 17px;
 }
 
 .infoText {
-  font-size: var(--zd_font_size14);
+  font-size: 14px;
   line-height: var(--zd_size18);
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }
 
 .secondaryInfo {
-  margin-top: var(--zd_size20);
+  margin-top: 20px;
 }
 
 .footer {

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

@@ -3,7 +3,7 @@
 }
 .container {
     composes: varClass;
-    min-height: var(--zd_size54);
+    min-height: 54px;
     position: relative;
     color: var(--zdt_desktopnotification_text);
     background-color: var(--alert_lookup_bg_color);
@@ -13,22 +13,22 @@
   }
   
   .title {
-    font-size: var(--zd_font_size18);
+    font-size: 18px;
     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);
+  margin: 0 5px 0 10px;
   }
   
   [dir=rtl] .title {
-    margin: 0 var(--zd_size10) 0 var(--zd_size5);
+    margin: 0 10px 0 5px;
   }
 
   .infoText {
-    font-size: var(--zd_font_size14);
+    font-size: 14px;
     max-width: 100%;
     composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
   }
@@ -58,15 +58,15 @@
 
 /* Primary Header */
 [dir=ltr] .primary {
-  padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20);
+  padding: 15px 45px 0 20px;
 }
 [dir=rtl] .primary {
-    padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45);
+    padding: 15px 20px 0 45px;
 }
 
 .primary .iconContainer {
-  height: var(--zd_size51);
-  width: var(--zd_size51);
+  height: 51px;
+  width: 51px;
 }
 
 .primary .infoText {
@@ -75,15 +75,15 @@
   
   .primary .close {
     position: absolute;
-    top: var(--zd_size12);
+    top: 12px;
   }
   
   [dir=ltr] .primary .close {
-  right: var(--zd_size12);
+  right: 12px;
   }
   
   [dir=rtl] .primary .close {
-    left: var(--zd_size12);
+    left: 12px;
   }
 
   /* Secondary Header */
@@ -92,10 +92,10 @@
     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);
+  padding: 18px 70px 19px 75px;
   }
   [dir=rtl] .secondary {
-    padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70);
+    padding: 18px 75px 19px 70px;
   }
 
   .secondary .infoText {
@@ -103,8 +103,8 @@
   }
 
   .secondary .iconContainer {
-    height: var(--zd_size44);
-    width: var(--zd_size44);
+    height: 44px;
+    width: 44px;
     position: absolute;
     top: 0;
     bottom: 0;
@@ -112,26 +112,26 @@
   }
 
   [dir=ltr] .secondary .iconContainer {
-  left: var(--zd_size18);
+  left: 18px;
   }
 
   [dir=rtl] .secondary .iconContainer {
-    right: var(--zd_size18);
+    right: 18px;
   }
 
   .secondary .close {
     position: absolute;
     top: 0;
     bottom: 0;
-    height: var(--zd_size25);
+    height: 25px;
   }
 
   [dir=ltr] .secondary .close {
-  right: var(--zd_size12);
-  margin: auto 0 auto var(--zd_size25);
+  right: 12px;
+  margin: auto 0 auto 25px;
   }
 
   [dir=rtl] .secondary .close {
-    left: var(--zd_size12);
-    margin: auto var(--zd_size25) auto 0;
+    left: 12px;
+    margin: auto 25px auto 0;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-151",
+  "version": "1.0.0-temp-152",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -19,13 +19,14 @@
   "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/lib node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
-    "build": "react-cli build:component:cmjs",
-    "buildlocal": " react-cli build:component:cmjs && npm run rtl",
+    "build:lib": "react-cli build:component:cmjs",
     "build:es": "react-cli build:library:es",
-    "build:dev": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
+    "build": "npm run build:lib && npm run build:es",
+    "build:local": " npm run build  && npm run cssVariableConvert && npm run rtl ",
+    "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
     "rtl:watch": "react-cli rtl ./src ./es -w",
     "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "prepare": "npm run init && npm run build && npm run build:es && npm run rtl",
+    "prepare": "npm run init && npm run build && npm run cssVariableConvert && npm run rtl",
     "init": "npm run clean && npm run build:variables",
     "build:variables": "node ./preprocess/index",
     "lint": "react-cli lint",
@@ -36,10 +37,13 @@
     "common_package_build": "cd ../common && npm run build && cd ../dot",
     "docs": "npm run dubCheck && react-cli docs",
     "postpublish": "react-cli postpublish",
-    "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
-    "expublish": "npm publish --tag experimental-version"
+    "download": "react-cli clean ./node_modules ./package-lock.json  && npm install",
+    "expublish": "npm publish --tag experimental-version",
+    "cssVariableConvert": "react-cli variableConverter ./src ./lib && react-cli variableConverter ./src ./es",
+    "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
+    "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
+    "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
   },
-  "dependencies": {},
   "devDependencies": {
     "@zohodesk-private/node-plugins": "^1.0.0",
     "velocity-react": "1.4.3",
@@ -50,7 +54,8 @@
     "@zohodesk/svg": "1.0.0-beta.56",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/a11y": "1.3.7"
+    "@zohodesk/a11y": "1.3.7",
+    "@zohodesk-private/css-variable-migrator": "^1.0.1"
   },
   "peerDependencies": {
     "velocity-react": "1.4.3",
@@ -80,6 +85,15 @@
         ]
       }
     },
+    "app": {
+      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
+      "patterns": {
+        "cssVariableReplacement": [
+          "src",
+          "!node_modules"
+        ]
+      }
+    },
     "docs": {
       "disableES5Transpile": true,
       "componentFolder": "./src",