@zohodesk/dot 1.0.0-beta.252 → 1.0.0-beta.254

package/lib/layout/SubtabLayout/SubtabLayout.module.css

@@ -1,11 +1,13 @@
 .varClass {
   --borderColor: var(--zdt_subtablayout_border);
 }
+
 .tabHead,
 .shadowStyle {
   position: relative;
   composes: varClass;
 }
+
 .tabHead, .shadowStyle {
   background: var(--zdt_subtablayout_tabhead_bg);
 }
@@ -44,6 +46,7 @@
 .primary_borderStyle, .secondary_borderStyle {
   border-bottom: 1px solid var(--zdt_subtablayout_primary_border);
 }
+
 .tertiary_borderStyle {
   border-bottom: 1px solid var(--borderColor);
 }
@@ -54,7 +57,7 @@
   position: absolute;
   top: var(--zd_size20);
   z-index: -1;
-  box-shadow: 0 0 6px var(--zdt_subtablayout_shadowstyle_box_shadow);
+  box-shadow: var(--zd_bs_subtablayout_shadow);
   border-radius: 100px/10px;
 }
 
@@ -94,53 +97,69 @@
 [dir=rtl] .primary, [dir=rtl] .primary_peek, [dir=rtl] .secondary, [dir=rtl] .secondary_peek, [dir=rtl] .primary_detailFooter, [dir=rtl] .primary_peekFooter, [dir=rtl] .secondary_detailFooter, [dir=rtl] .secondary_peekFooter {
   padding-right: var(--zd_size25);
 }
+
 [dir=ltr] .primary, [dir=ltr] .primary_peek {
   padding-right: var(--zd_size25);
 }
+
 [dir=rtl] .primary, [dir=rtl] .primary_peek {
   padding-left: var(--zd_size25);
 }
+
 [dir=ltr] .secondary, [dir=ltr] .secondary_peek {
   padding-right: var(--zd_size115);
 }
+
 [dir=rtl] .secondary, [dir=rtl] .secondary_peek {
   padding-left: var(--zd_size115);
 }
+
 [dir=ltr] .primary_detailFooter, [dir=ltr] .primary_peekFooter {
   padding-right: var(--zd_size25);
 }
+
 [dir=rtl] .primary_detailFooter, [dir=rtl] .primary_peekFooter {
   padding-left: var(--zd_size25);
 }
+
 [dir=ltr] .secondary_detailFooter, [dir=ltr] .secondary_peekFooter {
   padding-right: var(--zd_size115);
 }
+
 [dir=rtl] .secondary_detailFooter, [dir=rtl] .secondary_peekFooter {
   padding-left: var(--zd_size115);
 }
+
 .tertiary,
 .tertiary_peek {
   height: var(--zd_size50);
 }
+
 .tertiary, .tertiary_detailFooter {
   padding: 0 var(--zd_size65);
 }
+
 .tertiary_peek, .tertiary_peekFooter {
   padding: 0 var(--zd_size42);
 }
+
 .cursor {
   cursor: pointer;
 }
+
 .footer {
   composes: varClass;
   border-top: 1px solid var(--borderColor);
 }
+
 .medium {
   height: var(--zd_size40);
 }
+
 .large {
   height: var(--zd_size45);
 }
+
 .xlarge {
   height: var(--zd_size50);
-}
+}

package/lib/list/DotNew/DotNew.module.css

@@ -2,21 +2,24 @@
   width: var(--zd_size6);
   height: var(--zd_size6);
 }
-.small{
+
+.small {
   width: var(--zd_size5);
   height: var(--zd_size5);
 }
-.container{
+
+.container {
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-   /* animation: dotAnimation 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1);
+  /* animation: dotAnimation 1.25s infinite cubic-bezier(0.66, 0.33, 0, 1);
   box-shadow: 0 0 0 0 var(--dot_catskillWhite),
     0 0 0 0 rgba(10, 115, 235, 0.6); */
   border-radius: 50%;
   background-color: var(--zdt_dotnew_default_bg);
-  box-shadow: 0 0 15px 1px var(--zdt_dotnew_default_box_shadow);
+  box-shadow: var(--zd_bs_dotnew_shadow);
 }
+
 @keyframes dotAnimation {
   to {
     box-shadow: 0 0 0 12px var(--zdt_dotnew_animate_box_shadow), 0 0 0 8px var(--zdt_dotnew_animate_to_box_shadow);
   }
-}
+}

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

@@ -10,7 +10,7 @@
   visibility: hidden;
   border-radius: var(--zd_size14);
   background-color: var(--zdt_tagnew_default_bg);
-  box-shadow: 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow);
+  box-shadow: var(--zd_bs_tagnew_shadow);
   padding: 0 var(--zd_size15);
   transform: scale(0);
   cursor: pointer;
@@ -31,6 +31,7 @@
 }
 
 @keyframes bounceIn {
+
   0%,
   20%,
   40%,
@@ -73,6 +74,7 @@
 }
 
 @-webkit-keyframes bounceIn {
+
   0%,
   20%,
   40%,
@@ -112,4 +114,4 @@
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
   }
-}
+}

package/lib/lookup/Section/LookupSection.module.css

@@ -4,5 +4,5 @@
   height: auto;
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   background-color: var(--zdt_lookupsection_bg);
-  box-shadow: 0px 4px 20px var(--zdt_lookupsection_box_shadow);
-}
+  box-shadow: var(--zd_bs_lookupsection_shadow);
+}

package/lib/lookup/header/Search/Search.js

@@ -13,6 +13,7 @@ var _Layout = require("@zohodesk/components/lib/Layout");
 var _icons = require("@zohodesk/icons");
 var _ToggleDropDown = _interopRequireDefault(require("../../../dropdown/ToggleDropDown/ToggleDropDown"));
 var _debounce = require("@zohodesk/components/lib/utils/debounce");
+var _Common = require("@zohodesk/components/es/utils/Common");
 var _LookupSearchModule = _interopRequireDefault(require("./LookupSearch.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -135,12 +136,6 @@ var SearchUI = /*#__PURE__*/function (_Component2) {
     return _this2;
   }
   _createClass(SearchUI, [{
-    key: "cancelBubblingEffect",
-    value: function cancelBubblingEffect(e) {
-      e && e.stopPropagation && e.stopPropagation();
-      e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
-    }
-  }, {
     key: "handleSearch",
     value: function handleSearch() {
       var onSearch = this.props.onSearch;
@@ -172,7 +167,7 @@ var SearchUI = /*#__PURE__*/function (_Component2) {
     key: "handleClear",
     value: function handleClear(e) {
       var onChange = this.props.onChange;
-      this.cancelBubblingEffect(e);
+      (0, _Common.cancelBubblingEffect)(e);
       onChange && onChange('');
       this.handleSearch();
     }
@@ -229,16 +224,16 @@ var SearchUI = /*#__PURE__*/function (_Component2) {
         placeHolder: placeHolder,
         value: searchStr,
         onChange: this.handleChange,
-        onClick: this.cancelBubblingEffect,
+        onClick: _Common.cancelBubblingEffect,
         onFocus: onFocus,
         onBlur: onBlur,
         onKeyDown: this.handleKeyDown,
-        onMouseDown: this.cancelBubblingEffect,
+        onMouseDown: _Common.cancelBubblingEffect,
         dataId: dataId,
         size: "small",
         inputRef: getRef,
         onClear: this.handleClear,
-        onClearMouseDown: this.cancelBubblingEffect
+        onClearMouseDown: _Common.cancelBubblingEffect
       })));
     }
   }]);

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

@@ -5,6 +5,7 @@
   --globalnotification_text_color: var(--zdt_globalnotification_default_text);
   --globalnotification_box_shadow: var(--zdt_globalnotification_default_box_shadow);
 }
+
 .message {
   composes: varClass;
   position: absolute;
@@ -14,10 +15,12 @@
   pointer-events: none;
   text-align: center;
 }
+
 [dir=ltr] .message {
   right: 0;
   left: 0;
 }
+
 [dir=rtl] .message {
   left: 0;
   right: 0;
@@ -29,7 +32,7 @@
   color: var(--globalnotification_text_color);
   max-width: var(--zd_size490);
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  box-shadow: 0 4px 20px var(--globalnotification_box_shadow);
+  box-shadow: var(--zd_bs_globalnotification_container);
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   background-color: var(--globalnotification_bg_color);
   border-style: solid;

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

@@ -2,6 +2,7 @@
   position: relative;
   margin-bottom: var(--zd_size7);
 }
+
 .container {
   color: var(--zdt_desktopnotification_text);
   transition: all var(--zd_transition4);
@@ -9,56 +10,69 @@
   max-height: 100%;
   pointer-events: auto;
   background-color: var(--zdt_desktopnotification_bg);
-  box-shadow: 0 4px 20px var(--zdt_desktopnotification_box_shadow);
+  box-shadow: var(--zd_bs_desktopnotification_container);
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
 }
+
 [dir=ltr] .container {
   transform-origin: right center;
 }
+
 [dir=rtl] .container {
   transform-origin: left center;
 }
+
 .globalNotify {
   max-width: var(--zd_size490);
   min-width: var(--zd_size394);
 }
+
 /* Size */
 .medium {
   width: var(--zd_size452);
 }
+
 .large {
   width: var(--zd_size580);
 }
+
 /* Animation Style */
 .closeAnimation {
   max-height: 0;
   transition: all var(--zd_transition3) 0.4s;
   margin-bottom: 0;
 }
+
 .animation {
   composes: modeForward from '~@zohodesk/components/lib/common/animation.module.css';
 }
+
 [dir=ltr] .animation {
   animation-duration: var(--zd_transition4);
   -webkit-animation-duration: var(--zd_transition4);
 }
+
 [dir=rtl] .animation {
   animation-duration: var(--zd_transition4);
   -webkit-animation-duration: var(--zd_transition4);
 }
+
 .leftanimate {
   composes: slideLeft from '~@zohodesk/components/lib/common/animation.module.css';
   composes: animation;
 }
+
 .leftnoanimate {
   opacity: 1;
   transform: translateX(0) scale(1);
 }
+
 .rightanimate {
   composes: slideRight from '~@zohodesk/components/lib/common/animation.module.css';
   composes: animation;
   composes: closeAnimation;
 }
+
 /* Container Style */
 .message {
   position: relative;
@@ -76,31 +90,38 @@
 [dir=rtl] .message {
   padding: var(--zd_size10) var(--zd_size76) var(--zd_size10) var(--zd_size20);
 }
+
 .message:hover {
   background: var(--zd_alabaster);
 }
+
 /* Section */
 .section {
   padding: var(--zd_size15) var(--zd_size30) var(--zd_size30);
 }
+
 .subTitle {
   font-size: var(--zd_font_size15);
   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);
 }
+
 .infoText {
   font-size: var(--zd_font_size14);
   line-height: var(--zd_size18);
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .secondaryInfo {
   margin-top: var(--zd_size20);
 }
+
 .footer {
   overflow: hidden;
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-beta.252",
+  "version": "1.0.0-beta.254",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -17,7 +17,7 @@
     "LIBRARY"
   ],
   "scripts": {
-    "clean": "react-cli clean lib es coverage",
+    "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",
@@ -42,22 +42,22 @@
   "dependencies": {},
   "devDependencies": {
     "velocity-react": "1.4.3",
-    "@zohodesk/variables": "1.0.0-beta.30",
+    "@zohodesk/variables": "1.0.0-beta.31",
     "@zohodesk/i18n": "1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-263",
-    "@zohodesk/icons": "1.0.0-beta.119",
-    "@zohodesk/svg": "1.0.0-beta.54",
+    "@zohodesk/components": "1.0.0-alpha-266",
+    "@zohodesk/icons": "1.0.0-beta.125",
+    "@zohodesk/svg": "1.0.0-beta.56",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/a11y": "1.3.7"
   },
   "peerDependencies": {
     "velocity-react": "1.4.3",
-    "@zohodesk/variables": "1.0.0-beta.30",
+    "@zohodesk/variables": "1.0.0-beta.31",
     "@zohodesk/i18n": "1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-263",
-    "@zohodesk/icons": "1.0.0-beta.119",
-    "@zohodesk/svg": "1.0.0-beta.54",
+    "@zohodesk/components": "1.0.0-alpha-266",
+    "@zohodesk/icons": "1.0.0-beta.125",
+    "@zohodesk/svg": "1.0.0-beta.56",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/a11y": "1.3.7"
@@ -93,14 +93,6 @@
           "@zohodesk/components",
           "/jsapps/components/lib"
         ]
-      },
-      "selectorReplace": {
-        "before": [
-          "data-mode"
-        ],
-        "after": [
-          "data-desk-mode"
-        ]
       }
     }
   }