@zohodesk/dot 1.0.0-temp-200.7 → 1.0.0-temp-213

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

@@ -15,7 +15,7 @@
 }
 .radioContainer,
 .checkbox {
-  composes: dflex alignVertical flexwrap from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignVertical flexwrap from '~@zohodesk/components/es/common/common.module.css';
 }
 .checkbox {
   min-height: var(--zd_size28) ;
@@ -25,7 +25,7 @@
 }
 .lineClamp_one,
 .lineClamp_two {
-  composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
+  composes: clamp from '~@zohodesk/components/es/common/common.module.css';
 }
 .lineClamp_one {
   -webkit-line-clamp: 1;
@@ -34,7 +34,7 @@
   -webkit-line-clamp: 2;
 }
 .checkboxText {
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   line-height: normal;
 }
 [dir=ltr] .checkboxText {
@@ -90,10 +90,10 @@
   width: var(--zd_size94) ;
 }
 .flex {
-  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex from '~@zohodesk/components/es/common/common.module.css';
 }
 .periodContainer {
-  composes: dflex flexrow flexwrap from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex flexrow flexwrap from '~@zohodesk/components/es/common/common.module.css';
   width: 100% ;
   /*margin-left: var(--zd_size15);*/
 }
@@ -114,12 +114,12 @@
     color: var(--zdt_fields_newtabicon_hover_icon);
 }
 .labelContainer {
-  composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
 }
 .lockIcon,
 .infoIcon {
   color: var(--zdt_fields_lockicon_icon);
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .lockIcon, [dir=ltr] .infoIcon {
   margin-left: var(--zd_size5) ;
@@ -172,7 +172,7 @@
 .lockText {
   font-size: var(--zd_font_size13) ;
   font-style: italic;
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
 }
 .labelMandatory:after {
   content: '*';
@@ -185,7 +185,7 @@
   padding-right: var(--zd_size2) ;
 }
 .ePhiTag {
-  composes: flexshrink from '~@zohodesk/components/lib/common/common.module.css';
+  composes: flexshrink from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_fields_phitag_text);
   font-size: var(--zd_font_size12) ;
   height: var(--zd_size18) ;

package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css

@@ -70,7 +70,7 @@
 }
 .newTagLabel {
   color: var(--zdt_tagsmultiselect_labelt_text);
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .newTagLabel {
   margin-right: var(--zd_size5) ;
@@ -79,7 +79,7 @@
   margin-left: var(--zd_size5) ;
 }
 .dotted {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 .dropdown {
   margin-top: var(--zd_size1) ;

package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js

@@ -58,7 +58,7 @@ export default class TextEditorWrapper extends Component {
     onFocus && onFocus();
   }
 
-  componentWillReceiveProps(np) {
+  UNSAFE_componentWillReceiveProps(np) {
     let {
       id,
       value

package/es/form/layout/Section/ModuleFormSection.module.css

@@ -1,3 +1,3 @@
 .singleColumn {
-  composes: dflex flexrow from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex flexrow from '~@zohodesk/components/es/common/common.module.css';
 }

package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css

@@ -32,7 +32,7 @@
   line-height: 1;
   font-family: var(--zd_semibold);
   color: var(--zdt_setupdetail_backicon);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .title {
   padding-right: var(--zd_size12) ;
@@ -42,7 +42,7 @@
 }
 
 .rightPanel {
-  composes: justifyFend from '~@zohodesk/components/lib/common/common.module.css';
+  composes: justifyFend from '~@zohodesk/components/es/common/common.module.css';
 }
 .helpInfoCont {
   position: absolute;
@@ -106,7 +106,7 @@
   transform: translateX(0);
 }
 .close {
-  composes: disableFocus from '~@zohodesk/components/lib/common/common.module.css';
+  composes: disableFocus from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .infoHeader {
@@ -127,7 +127,7 @@
 }
 
 .infoText {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   font-size: var(--zd_font_size13) ;
 }
 

package/es/layout/SubtabLayout/SubtabLayout.module.css

@@ -72,7 +72,7 @@
 }
 
 .aside {
-  composes: justifyFend from '~@zohodesk/components/lib/common/common.module.css';
+  composes: justifyFend from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .title {

package/es/list/DotNew/DotNew.module.css

@@ -9,7 +9,7 @@
 }
 
 .container {
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
   /* 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); */

package/es/list/ListStencils/ListStencils.module.css

@@ -4,11 +4,11 @@
   padding: 0 var(--zd_size30) ;
 }
 .innerContainer {
-  composes: dflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
   border-bottom: 1px dotted var(--zdt_liststencils_innercontainer_border);
 }
 .detailsInnerColumn {
-  composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .avatar {
   margin-right: var(--zd_size25) ;
@@ -21,7 +21,7 @@
   min-width: 0 ;
 }
 .primaryRow {
-  composes: flexgrow flexshrink flexbasis from '~@zohodesk/components/lib/common/common.module.css';
+  composes: flexgrow flexshrink flexbasis from '~@zohodesk/components/es/common/common.module.css';
 }
 .classic .detailsColumn {
   flex-basis: 60% ;

package/es/list/SecondaryText/SecondaryText.module.css

@@ -45,7 +45,7 @@ display: block
 .textStyle,
 .secondaryText,
 .phoneNumber {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   max-width: 100% ;
   display: block;
 }
@@ -83,11 +83,11 @@ display: block
 .font_semibold,
 .font_bold,
 .textBold {
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
 }
 .priorityText,
 .statusText {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .priorityText {
@@ -98,7 +98,7 @@ display: block
   font-size: var(--zd_font_size12) ;
   color: var(--zdt_secondaryText_secondaryText_text);
   max-width: 100% ;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 /* HappinessRating Style */
 .happinessContainer {

package/es/list/SecondryPanel/SecondryPanel.module.css

@@ -2,5 +2,5 @@
   max-width: 100% ;
 }
 .dottedStyle {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }

package/es/list/Subject/Subject.module.css

@@ -10,7 +10,7 @@
 }
 
 .dotted {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .font_regular {
@@ -27,7 +27,7 @@
 
 .font_semibold,
 .font_bold {
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .cursorPointer {

package/es/list/TagNew/TagNew.module.css

@@ -4,7 +4,7 @@
   font-size: var(--zd_font_size13) ;
   color: var(--zdt_tagnew_default_text);
   composes: inlineFlex from '../listCommon.module.css';
-  composes: alignHorizontal from '~@zohodesk/components/lib/common/common.module.css';
+  composes: alignHorizontal from '~@zohodesk/components/es/common/common.module.css';
   transition: all var(--zd_transition2) ease 0s;
   opacity: 0;
   visibility: hidden;

package/es/list/Thread/Thread.module.css

@@ -27,7 +27,7 @@
   right: var(--zd_size8) ;
 }
 .align_right {
-  composes: dInflex alignFend from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignFend from '~@zohodesk/components/es/common/common.module.css';
 }
 .align_right .count {
   position: relative;

package/es/list/listCommon.module.css

@@ -4,7 +4,7 @@
 }
 
 .inlineFlex {
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
 }
 
 [dir=ltr] .avatarMargin {
@@ -16,14 +16,14 @@
 }
 
 .subject {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   font-size: var(--zd_font_size16) ;
 }
 
 /* css:lineheight-validation:ignore */
 .secondaryPanel {
   line-height: var(--zd_size18);
-  composes: dflex alignVertical flexwrap from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignVertical flexwrap from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .statusColumn {

package/es/list/status/StatusDropdown/StatusDropdown.js

@@ -10,7 +10,7 @@ import Loader from '@zohodesk/svg/lib/Loader/Loader';
 import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
 import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
 import StatusListItem from "../StatusListItem/StatusListItem";
-import commonStyle from '@zohodesk/components/lib/common/common.module.css';
+import commonStyle from '@zohodesk/components/es/common/common.module.css';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
@@ -52,7 +52,7 @@ export class StatusDropdown extends React.Component {
     togglePopup(e, boxPosition);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.options.length != this.props.options.length) {
       this.setState({
         options: nextProps.options

package/es/list/status/StatusDropdown/StatusDropdown.module.css

@@ -40,7 +40,7 @@
   visibility: visible;
 }
 .value {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 .search {
   padding: var(--zd_size6) var(--zd_size20) 0 ;

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

@@ -34,11 +34,11 @@
   line-height: 1.5385;
 }
 .value {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 .multiLineValue{
   word-break: break-word;
-  composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
+  composes: clamp from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);

package/es/lookup/EmptyPage/LookupEmptyPage.module.css

@@ -7,6 +7,6 @@
 .contentDiv {
   font-size: var(--zd_font_size20) ;
   font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
   margin-top: var(--zd_size15) ;
 }

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

@@ -2,7 +2,7 @@
   /* max-height: 80%; */
   /* min-height: 390px; */
   /* height: auto; */
-  composes: flexgrow from '~@zohodesk/components/lib/common/common.module.css';
+  composes: flexgrow from '~@zohodesk/components/es/common/common.module.css';
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   background-color: var(--zdt_lookupsection_bg);
   box-shadow: var(--zd_bs_lookupsection_shadow)

package/es/lookup/header/Title/LookupTitle.module.css

@@ -1,7 +1,7 @@
 .title {
   font-size: var(--zd_font_size16) ;
   font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
   word-break: break-all;
   cursor: initial;

package/es/lookup/header/ViewDropDown/ViewDropDown.module.css

@@ -11,11 +11,11 @@
   font-size: var(--zd_font_size14) ;
   color: var(--zdt_viewdropdown_empty_text);
   font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
   padding: var(--zd_size12) var(--zd_size15) ;
 }
 .hide {
-  composes: vishidden from '~@zohodesk/components/lib/common/common.module.css';
+  composes: vishidden from '~@zohodesk/components/es/common/common.module.css';
 }
 .container {
   position: relative;
@@ -25,7 +25,7 @@
 }
 /* Label Style */
 .labelCnt {
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
   line-height: 1.6667;
   color: var(--zdt_viewdropdown_label_text);
   cursor: pointer;
@@ -33,7 +33,7 @@
 .labelText {
   font-size: var(--zd_font_size12) ;
   max-width: var(--zd_size180) ;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .labelText {
   margin-right: var(--zd_size5) ;

package/es/lookup/header/lookupHeaderCommon.module.css

@@ -27,7 +27,7 @@
   /* position: absolute;
   right: 30px;
   top: 50%;
-  composes: middleY from '~@zohodesk/components/lib/common/common.module.css'; */
+  composes: middleY from '~@zohodesk/components/es/common/common.module.css'; */
 }
 .para {
   font-size: var(--zd_font_size12) ;

package/es/setup/header/Link/HeaderLink.module.css

@@ -1,5 +1,5 @@
 .container {
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_headerlink_text);
   font-size: var(--zd_font_size12) ;
 }[dir=ltr] .container {
@@ -17,5 +17,5 @@
   border-bottom: 1px solid var(--zdt_headerlink_hover_text);
 }
 .text {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }

package/es/setup/helptips/Title/HelpTipsTitle.module.css

@@ -1,5 +1,5 @@
 .title {
   font-size: var(--zd_font_size17) ;
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_helptipstitle_text);
 }

package/es/setup/table/Text/TableText.module.css

@@ -1,8 +1,8 @@
 .bold {
-  composes: bold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: bold from '~@zohodesk/components/es/common/common.module.css';
 }
 .semiBold {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold from '~@zohodesk/components/es/common/common.module.css';
 }
 .primaryColor {
   color: var(--zdt_tabletext_primary_text);
@@ -19,12 +19,12 @@
 .small {
   font-size: var(--zd_font_size13) ;
   max-width: 100% ;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 .medium {
   font-size: var(--zd_font_size14) ;
   max-width: 100% ;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 .heading {
   text-transform: uppercase;

package/es/utils/General.js

@@ -43,26 +43,4 @@ export function formatPhoneUrl(phone) {
 
   return phone;
 }
-export const DUMMY_OBJECT = Object.freeze({});
-export function getBrowserWithVersion() {
-  const userAgent = navigator.userAgent;
-  let tempMatch;
-  let browserMatch = userAgent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*([\d\.]+)/i) || [];
-
-  if (userAgent.toLowerCase().indexOf('edge') !== -1) {
-    return userAgent.substring(userAgent.toLowerCase().indexOf('edge'));
-  }
-
-  if (/trident/i.test(browserMatch[1])) {
-    tempMatch = /\brv[ :]+(\d+(\.\d+)?)/g.exec(userAgent) || [];
-    return `IE ${tempMatch[1] || ''}`;
-  }
-
-  browserMatch = browserMatch[2] ? [browserMatch[1], browserMatch[2]] : [navigator.appName, navigator.appVersion, '-?'];
-
-  if ((tempMatch = userAgent.match(/version\/([\.\d]+)/i)) !== null) {
-    browserMatch[2] = tempMatch[1];
-  }
-
-  return browserMatch.join(' ');
-}
+export const DUMMY_OBJECT = Object.freeze({});

package/es/version2/GlobalNotification/GlobalNotification.module.css

@@ -79,7 +79,7 @@
   pointer-events: initial;
   color: var(--globalnotification_text_color);
   z-index: 1;
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  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);
@@ -149,7 +149,7 @@
 .text {
   font-size: var(--zd_font_size14) ;
   font-family: var(--zd_semibold);
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
   line-height: 1.4286;
   overflow: hidden;
 }

package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css

@@ -53,7 +53,7 @@
   font-size: var(--zd_font_size18) ;
   line-height: 1.2222;
   font-family: var(--zd_bold);
-  composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth wbreak from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
   cursor: default;
 }

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

@@ -6,7 +6,7 @@
   color: var(--zdt_alertlookupnew_text);
   font-size: var(--zd_font_size14) ;
   line-height: 1.428;
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   padding: var(--zd_size17) var(--zd_size30) var(--zd_size30) ;
 }
 
@@ -34,11 +34,11 @@
   height: 100% ;
 }
 .horizontalScroll {
-  composes: oflowx from '~@zohodesk/components/lib/common/common.module.css';
+  composes: oflowx from '~@zohodesk/components/es/common/common.module.css';
 }
 .verticalScroll {
-  composes: oflowy from '~@zohodesk/components/lib/common/common.module.css';
+  composes: oflowy from '~@zohodesk/components/es/common/common.module.css';
 }
 .bothScroll {
-  composes: oflowA from '~@zohodesk/components/lib/common/common.module.css';
+  composes: oflowA from '~@zohodesk/components/es/common/common.module.css';
 }

package/es/version2/lookup/alertLookupCommonNew.module.css

@@ -15,7 +15,7 @@
 .noteTitle {
     font-size: var(--zd_font_size13) ;
     font-family: var(--zd_semibold);
-    composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+    composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .noteUl {

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

@@ -49,7 +49,7 @@
 }
 
 .animation {
-  composes: modeForward from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: modeForward from '~@zohodesk/components/es/common/animation.module.css';
 }
 
 [dir=ltr] .animation {
@@ -63,7 +63,7 @@
 }
 
 .leftanimate {
-  composes: slideLeft from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: slideLeft from '~@zohodesk/components/es/common/animation.module.css';
   composes: animation;
 }
 
@@ -73,7 +73,7 @@
 }
 
 .rightanimate {
-  composes: slideRight from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: slideRight from '~@zohodesk/components/es/common/animation.module.css';
   composes: animation;
   composes: closeAnimation;
 }
@@ -83,7 +83,7 @@
   position: relative;
   color: var(--zdt_desktopnotification_message_text);
   font-size: var(--zd_font_size11) ;
-  composes: dotted textCap from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted textCap from '~@zohodesk/components/es/common/common.module.css';
   height: var(--zd_size33) ;
   transition: padding var(--zd_transition3), height var(--zd_transition3);
   border-top: 1px solid var(--zdt_desktopnotification_message_border);
@@ -110,7 +110,7 @@
   font-size: var(--zd_font_size15) ;
   line-height: 1.3333;
   font-family: var(--zd_semibold);
-  composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth wbreak from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .subTitleMargin {
@@ -120,7 +120,7 @@
 .infoText {
   font-size: var(--zd_font_size14) ;
   line-height: 1.43;
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .secondaryInfo {

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

@@ -14,7 +14,7 @@
 }
 
 .title {
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
 }
 
 [dir=ltr] .title {
@@ -89,7 +89,7 @@
 
 /* Secondary Header */
 .secondary_header {
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
 }
 [dir=ltr] .secondary_header {

package/lib/ActionButton/ActionButton.module.css

@@ -114,14 +114,14 @@
 
 .txt,
 .subTxt {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   /* css:theme-validation:ignore */
   color: var(--buttonText);
 }
 
 .arrowWrapper {
   position: relative;
-  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: offSelection from '~@zohodesk/components/es/common/common.module.css';
   cursor: pointer;
 }