@zohodesk/dot 1.9.7 → 1.9.9

package/lib/form/fields/Fields.module.css

@@ -3,138 +3,178 @@
   position: relative;
   word-break: break-word;
 }
+
 .fieldContainer {
   position: relative;
   min-height: var(--zd_size25) ;
 }
+
 .fieldMargin_large {
   margin-top: var(--zd_size10) ;
 }
+
 .fieldMargin_medium {
   margin-top: var(--zd_size5) ;
 }
+
 .fieldMargin_small {
   margin-top: 0 ;
 }
+
 .radioContainer,
 .checkbox {
   composes: dflex alignVertical flexwrap from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .checkbox {
   min-height: var(--zd_size28) ;
 }
+
 .checkboxRow {
   display: inherit;
 }
+
 .lineClamp_one,
 .lineClamp_two {
   composes: clamp from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .lineClamp_one {
   -webkit-line-clamp: 1;
 }
+
 .lineClamp_two {
   -webkit-line-clamp: 2;
 }
+
 .checkboxText {
   composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   line-height: normal;
 }
+
 [dir=ltr] .checkboxText {
   padding-left: var(--zd_size6) ;
 }
+
 [dir=rtl] .checkboxText {
   padding-right: var(--zd_size6) ;
 }
+
 .cbTextPointer {
   cursor: pointer;
 }
+
 .disabled, .readonly {
   cursor: not-allowed;
 }
+
 .cbTextReadonly,
 .disabled .fieldLabel,
 .readonly .fieldLabel {
   --label_cursor: not-allowed;
 }
+
 [dir=ltr] .radio {
   margin: var(--zd_size5) var(--zd_size32) var(--zd_size5) 0 ;
 }
+
 [dir=rtl] .radio {
   margin: var(--zd_size5) 0 var(--zd_size5) var(--zd_size32) ;
 }
-.radio, .radioWrap {
-  max-width: 100% 
+
+.radio,
+.radioWrap {
+  max-width: 100%  
 }
+
 .radiosWrapper {
   gap: var(--zd_size10) 
 }
+
 .radioBox {
   max-width: 100% ;
   transition: border var(--zd_transition3);
   border: 1px solid var(--zdt_radiofield_box_border);
   border-radius: 6px;
 }
+
 .radioBox.primaryTextOnly {
   height: var(--zd_size36) ;
   padding: 0 var(--zd_size10) ;
 }
+
 .radioBox.withSecondaryText {
   padding: var(--zd_size18) var(--zd_size16) ;
 }
+
 .hoverableRadioBox:hover, .radioBoxActive {
   border-color: var(--zdt_radiofield_box_active_border)
 }
+
 .radioBoxActive {
   background-color: var(--zdt_radiofield_box_active_bg)
 }
+
 [dir=ltr] .duration {
   margin-right: var(--zd_size15) ;
 }
+
 [dir=rtl] .duration {
   margin-left: var(--zd_size15) ;
 }
+
 .durationWidth {
   width: var(--zd_size94) ;
 }
+
 .flex {
   composes: dflex from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .periodContainer {
   composes: dflex flexrow flexwrap from '~@zohodesk/components/es/common/common.module.css';
   width: 100% ;
-  /*margin-left: var(--zd_size15);*/
+  /*margin-left: 15px;*/
 }
+
 .phoneIcon {
   color: var(--zdt_fields_phoneicon_icon);
   display: inline-block;
   margin: var(--zd_size15) var(--zd_size10) 0 var(--zd_size10) ;
   cursor: pointer;
 }
+
 .phoneIcon:hover {
   color: var(--zdt_fields_phoneicon_hover_icon);
 }
+
 .newtabIcon {
   color: var(--zdt_fields_newtabicon_icon);
   cursor: pointer;
 }
+
 .newtabIcon:hover {
-    color: var(--zdt_fields_newtabicon_hover_icon);
+  color: var(--zdt_fields_newtabicon_hover_icon);
 }
+
 .labelContainer {
   composes: dflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .lockIcon,
 .infoIcon {
   color: var(--zdt_fields_lockicon_icon);
   composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
 }
+
 [dir=ltr] .lockIcon, [dir=ltr] .infoIcon {
   margin-left: var(--zd_size5) ;
 }
+
 [dir=rtl] .lockIcon, [dir=rtl] .infoIcon {
   margin-right: var(--zd_size5) ;
 }
+
 /* .infoIcon {
   opacity: 0;
   visibility: hidden;
@@ -149,49 +189,62 @@
 .lockIcon:hover {
   color: var(--zdt_fields_lockicon_hover_icon);
 }
+
 .timeFormat {
   font-size: var(--zd_font_size11) ;
   color: var(--zdt_fields_lockicon_icon);
 }
+
 [dir=ltr] .timeFormat {
   margin-left: var(--zd_size4) ;
 }
+
 [dir=rtl] .timeFormat {
   margin-right: var(--zd_size4) ;
 }
+
 .newTab {
   color: var(--zdt_fields_lockicon_icon);
   font-size: 0 ;
   display: none;
   cursor: pointer;
 }
+
 [dir=ltr] .newTab {
   margin-left: var(--zd_size6) ;
 }
+
 [dir=rtl] .newTab {
   margin-right: var(--zd_size6) ;
 }
+
 .newTab:hover {
   color: var(--zdt_fields_phoneicon_icon);
 }
+
 .container:hover .newTab {
   display: block;
 }
+
 .lockText {
   font-size: var(--zd_font_size13) ;
   font-style: italic;
   composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .labelMandatory:after {
   content: '*';
   color: var(--zdt_fields_lockicon_hover_icon);
 }
+
 [dir=ltr] .labelMandatory:after {
   padding-left: var(--zd_size2) ;
 }
+
 [dir=rtl] .labelMandatory:after {
   padding-right: var(--zd_size2) ;
 }
+
 .ePhiTag {
   composes: flexshrink from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_fields_phitag_text);
@@ -201,35 +254,38 @@
   background-color: var(--zdt_fields_phitag_bg);
   border: 1px solid var(--zdt_fields_phitag_border);
   padding: 0 var(--zd_size5) ;
-  border-radius: var(--zd_size3);
+  border-radius: 3px;
 }
+
 [dir=ltr] .ePhiTag {
   margin-left: var(--zd_size8) ;
 }
+
 [dir=rtl] .ePhiTag {
   margin-right: var(--zd_size8) ;
 }
 
-.hasChildren{
-position: relative;
+.hasChildren {
+  position: relative;
 }
 
-.rightPlaceholder{
+.rightPlaceholder {
   position: absolute;
-  bottom:var(--zd_size4) 
+  bottom: var(--zd_size4) 
 }
 
-[dir=ltr] .rightPlaceholder{
-  right:var(--zd_size15) 
+[dir=ltr] .rightPlaceholder {
+  right: var(--zd_size15) 
 }
 
-[dir=rtl] .rightPlaceholder{
-  left:var(--zd_size15) 
+[dir=rtl] .rightPlaceholder {
+  left: var(--zd_size15) 
 }
-.phoneField{
-  composes: ltr-zone  from '~@zohodesk/components/es/common/common.module.css';
+
+.phoneField {
+  composes: ltr-zone from '~@zohodesk/components/es/common/common.module.css';
 }
 
-.lineClampPickListItem{
-  --line-clamp: var(--picklist-field-line-clamp,3);
+.lineClampPickListItem {
+  --line-clamp: var(--picklist-field-line-clamp, 3);
 }

package/lib/form/fields/TextEditor/TextEditor.module.css

@@ -701,7 +701,7 @@
 }
 
 .textEditor :global .KB_Editor_common_DropDown {
-  padding: 0  !important;
+  padding: 0   !important;
 }
 
 .textEditor :global .KB_Editor_common_DropDown ul {

package/lib/list/GridStencils/GridStencils.module.css

@@ -4,14 +4,17 @@
   border-bottom: 1px solid var(--zdt_gridstencils_default_border);
   padding: var(--zd_size13) var(--zd_size15) var(--zd_size11) var(--zd_size15) ;
   margin-bottom: var(--zd_size10) ;
-  border-radius: var(--zd_size5);
+  border-radius: 5px;
 }
+
 [dir=ltr] .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0 ;
 }
+
 [dir=rtl] .stenLoadbody {
   margin: var(--zd_size8) 0 var(--zd_size8) var(--zd_size20) ;
 }
+
 .stenLoadbody::after {
   content: '';
   height: var(--zd_size22) ;
@@ -21,29 +24,36 @@
   border-radius: 50%;
   background-color: var(--zdt_gridstencils_after_bg);
 }
+
 [dir=ltr] .stenLoadbody::after {
   right: var(--zd_size20) ;
 }
+
 [dir=rtl] .stenLoadbody::after {
   left: var(--zd_size20) ;
 }
+
 .lineBar {
   width: 90% ;
 }
+
 .lineBar2 {
   width: 70% ;
   margin: var(--zd_size22) 0 ;
 }
+
 .lineBar3 {
   width: 50% ;
 }
+
 .lineBar,
 .lineBar2,
 .lineBar3 {
   height: var(--zd_size5) ;
 }
+
 .lineBar, .lineBar2, .lineBar3 {
-  border-radius: var(--zd_size5);
+  border-radius: 5px;
 }
 .stenListBAr {
   position: relative;

package/lib/list/TagNew/TagNew.module.css

@@ -8,7 +8,7 @@
   transition: all var(--zd_transition2) ease 0s;
   opacity: 0;
   visibility: hidden;
-  border-radius: var(--zd_size14);
+  border-radius: 14px;
   background-color: var(--zdt_tagnew_default_bg);
   box-shadow: var(--zd_bs_tagnew_shadow);
   padding: 0 var(--zd_size15) ;

package/lib/list/status/StatusListItem/StatusListItem.module.css

@@ -1,7 +1,7 @@
 .varClass {
   --statuslistitem_multiline_lineheight: 1.5385;
   --statuslistitem_font_size: var(--zd_font_size13);
-  --statuslistitem_min_height: 35px;
+  --statuslistitem_min_height: var(--zd_size35);
 }
 
 .list {
@@ -29,7 +29,7 @@
   padding: var(--zd_size7) var(--zd_size20) ;
 }
 .large {
-  --statuslistitem_min_height: 48px;
+  --statuslistitem_min_height: var(--zd_size48);
 }
 [dir=ltr] .large {
   padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25) ;

package/lib/version2/AlertClose/AlertClose.module.css

@@ -2,7 +2,7 @@
   width: var(--zd_size25) ;
   height: var(--zd_size25) ;
   color: var(--zdt_commonalert_close_icon);
-  border-radius: var(--zd_size4);
+  border-radius: 4px;
   cursor: pointer;
 }
 

package/lib/version2/GlobalNotification/GlobalNotification.module.css

@@ -82,7 +82,7 @@
   composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   width: 100% ;
   box-shadow: var(--zd_bs_globalnotification_container);
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  border-radius: 0 0 10px 10px;
   background-color: var(--globalnotification_bg_color);
   border-style: solid;
   border-color: var(--commonalert_border_color);

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

@@ -28,17 +28,23 @@
 
 .footer {
   overflow: hidden;
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  border-radius: 0 0 10px 10px;
 }
-.horizontalScroll, .verticalScroll, .bothScroll {
+
+.horizontalScroll,
+.verticalScroll,
+.bothScroll {
   height: 100% ;
 }
+
 .horizontalScroll {
   composes: oflowx from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .verticalScroll {
   composes: oflowy from '~@zohodesk/components/es/common/common.module.css';
 }
+
 .bothScroll {
   composes: oflowA from '~@zohodesk/components/es/common/common.module.css';
 }

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

@@ -11,7 +11,7 @@
   pointer-events: auto;
   background-color: var(--zdt_desktopnotification_bg);
   box-shadow: var(--zd_bs_desktopnotification_container);
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  border-radius: 0 0 10px 10px;
 }
 
 [dir=ltr] .container {
@@ -130,5 +130,5 @@
 
 .footer {
   overflow: hidden;
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  border-radius: 0 0 10px 10px;
 }

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

@@ -42,7 +42,8 @@
   --commonalert_border_color: var(--zdt_commonalert_info_border);
 }
 
-.danger,.error {
+.danger,
+.error {
   --commonalert_border_color: var(--zdt_commonalert_danger_border);
 }
 
@@ -91,7 +92,7 @@
 /* Secondary Header */
 .secondary_header {
   composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
-  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
+  border-radius: 0 0 10px 10px;
 }
 [dir=ltr] .secondary_header {
   padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.9.7",
+  "version": "1.9.9",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -22,7 +22,7 @@
     "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",
-    "build": "npm run theme:validate && npm run build:lib && npm run build:es",
+    "build": "npm run theme:validate && npm run build:lib && npm run build:es && npm run cssVariableConvert ",
     "build:watch": "npm run build:es:watch --module:mode=dev -- -w",
     "prepare": "npm run clean && npm run css:build",
     "lint": "react-cli lint",
@@ -34,8 +34,8 @@
     "snap-update": "npm run test-clean && npm run test -- -u",
     "sstest": "react-cli sstest",
     "common_package_build": "cd ../common && npm run build && cd ../dot",
-    "prepublishOnly": "node prePublish.js && npm run downloadOnly && npm run css:review  && npm run review:props",
-    "postpublish": "node postPublish.js",
+    "prepublishOnly": "node ../prePublish.js && npm run downloadOnly && npm run css:review  && npm run review:props",
+    "postpublish": "node ../postPublish.js",
     "test-clean": "react-cli clean ./coverage && react-cli clean ./unittest react-cli clean ./es && react-cli clean ./lib &&  react-cli clean ./package-lock.json &&  react-cli clean ./result.json",
     "download": "npm run downloadOnly  && cd ../ && npm run download",
     "downloadOnly": "react-cli clean ./node_modules ./package-lock.json && npm install --legacy-peer-deps",
@@ -55,7 +55,10 @@
     "css:layer_generate_order": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/generate_layer_order.js  css_layer_config.json ./src/dot_layer.module.css",
     "css:layer_config_validate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/validate.js  css_layer_config.json ./src/ ./assets",
     "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build",
-    "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es  --rewrite=assets=assets"
+    "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es  --rewrite=assets=assets",
+    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
+    "publish": "node ../publish.js",
+    "check_package": "node ../check_dependencies.js"
   },
   "devDependencies": {
     "postcss-discard-comments": "^7.0.5",
@@ -68,13 +71,13 @@
     "@zohodesk-private/node-plugins": "1.1.13",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.8",
-    "@zohodesk/components": "1.6.5",
+    "@zohodesk/components": "1.6.7",
     "@zohodesk/hooks": "2.0.8",
     "@zohodesk/icons": "1.2.8",
-    "@zohodesk/layout": "^3.1.0",
+    "@zohodesk/layout": "3.1.0",
     "@zohodesk/svg": "1.3.3",
     "@zohodesk/utils": "1.3.16",
-    "@zohodesk/variables": "1.2.0",
+    "@zohodesk/variables": "1.3.0",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "velocity-react": "1.4.3",
@@ -84,8 +87,8 @@
   },
   "peerDependencies": {
     "velocity-react": "1.4.3",
-    "@zohodesk/variables": "1.2.0",
-    "@zohodesk/components": "1.6.5",
+    "@zohodesk/variables": "1.3.0",
+    "@zohodesk/components": "1.6.7",
     "@zohodesk/icons": "1.2.8",
     "@zohodesk/svg": "1.3.3",
     "@zohodesk/virtualizer": "1.0.13",
@@ -95,4 +98,4 @@
     "@zohodesk/a11y": "2.3.8",
     "@zohodesk/layout": "3.1.0"
   }
-}
+}

package/_react-cli.config.js

@@ -1,27 +0,0 @@
-exports.config= {
-  "preprocess": {
-    "runner": "./preprocess/index.js"
-  },
-  "css": {
-    "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
-    "plugins": {
-      "hasRTL": true,
-      "cssVariableReplacement": true
-    },
-    "patterns": {
-      "cssVariableReplacement": [
-        "**/src/**",
-        "**/lib/**",
-        "**/es/**",
-        "!**/node_modules/**"
-      ],
-      "hasRTL":[
-        "**/src/**",
-        "!**/node_modules/**"
-      ]
-    }
-  },
-  app:{
-    disableES5Transpile:true
-  }
-}