@zohodesk/dot 1.0.0-temp-148 → 1.0.0-temp-150

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-148",
+  "version": "1.0.0-temp-150",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -18,14 +18,15 @@
   ],
   "scripts": {
     "clean": "react-cli clean lib es coverage assets && mkdir assets",
-    "dubCheck": "node dubFinder  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",
+    "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: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,11 +37,15 @@
     "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",
     "@zohodesk/variables": "1.0.0-beta.31",
     "@zohodesk/i18n": "1.0.0-beta.7",
@@ -49,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",
@@ -79,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",

package/dubFinder.js

@@ -1,96 +0,0 @@
-let fs = require('fs');
-let path = require('path');
-let result = {};
-let filesArray = 0;
-function listFiles(newPath) {
-  let cwd = newPath ? newPath : process.cwd();
-  try {
-    let files = fs.readdirSync(cwd, { withFileTypes: true });
-    files.map(file => {
-      let fileName = file.name,
-        filePath = file;
-      if (!file.isDirectory) {
-        filePath = fs.statSync(path.resolve(cwd, file));
-        fileName = file;
-      }
-      if (filePath.isDirectory()) {
-        if (
-          fileName != 'node_modules' &&
-          fileName != 'deskapp' &&
-          fileName != '__testUtils__' &&
-          fileName != 'efc-tutorial' &&
-          fileName != 'mockapi' &&
-          fileName != 'lib' &&
-          fileName != 'es'
-        ) {
-          listFiles(path.resolve(cwd, fileName));
-        }
-      } else {
-        if (fileName.substr(fileName.lastIndexOf('.') + 1) == 'css') {
-          let lastIndex =
-            fileName.indexOf('.module.css') != -1
-              ? fileName.lastIndexOf('.module.css')
-              : fileName.lastIndexOf('.css');
-          let keyName = fileName.substring(0, lastIndex).toLowerCase();
-          result[keyName] = result[keyName] ? result[keyName] : [];
-          result[keyName].push(path.resolve(cwd, fileName));
-        }
-      }
-    });
-  } catch (e) {
-    console.log('The error exception : ==>', e);
-  }
-}
-// function listFiles(newPath) {
-//   let cwd = newPath ? newPath : process.cwd();
-//   fs.readdir(cwd, { withFileTypes: true }, (err, files) => {
-//     files.map(file => {
-
-//       // if (file.isDirectory()) {
-//       //   if (
-//       //     file.name != 'node_modules' &&
-//       //     file.name != 'deskapp' &&
-//       //     file.name != '__testUtils__' &&
-//       //     file.name != 'efc-tutorial' &&
-//       //     file.name != 'mockapi'
-//       //   ) {
-//       //     listFiles(path.resolve(cwd, file.name));
-//       //   }
-//       // } else {
-//       //   if (file.name.substr(file.name.lastIndexOf('.') + 1) == 'css') {
-//       //     result[file.name] = result[file.name] ? result[file.name] : [];
-//       //     result[file.name].push(path.resolve(cwd, file.name));
-//       //   }
-//       // }
-//     });
-//   });
-// }
-listFiles(process.cwd());
-let [, , ...extraPaths] = process.argv;
-extraPaths.map(pathWay => {
-  listFiles(path.resolve(process.cwd(), pathWay));
-});
-console.log(
-  '\x1b[33m%s\x1b[0m',
-  '!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! \n '
-);
-
-console.log(
-  '\x1b[5m\x1b[44m%s\x1b[0m',
-  'Finding Duplicate CSS Files Please Wait ...'
-);
-
-let print = false;
-Object.keys(result).map(val => {
-  if (result[val].length > 1) {
-    print = true;
-    console.log('\x1b[31m', val, ' ==> ', result[val]);
-  }
-});
-if (!print) {
-  console.log('\x1b[31m', 'No Dublicates Found');
-}
-console.log(
-  '\x1b[33m%s\x1b[0m',
-  '\n \n!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! \n'
-);