@zohodesk/dot 1.0.0-temp-200.8 → 1.0.0-temp-214

package/README.md

@@ -2,6 +2,18 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+
+# 1.7.19
+
+- **AttachmentViewer**
+  - Added preview support for Videos and Documents (via iframe)
+
+# 1.7.18
+
+- Added UNSAFE_ prefix to deprecated lifecycle methods: componentWillMount, componentWillReceiveProps, and componentWillUpdate.
+- **Lookup** - Added container width and containerClass support.
+- **RadioField** - Fixed spacing between label and field
+
 # 1.7.17
 
 - **ToggleDropDown** - SecondaryValue supported for listitems and searchFields prop supported

package/es/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;
 }
 

package/es/AlphabeticList/AlphabeticList.module.css

@@ -5,7 +5,7 @@
 }
 .container {
   composes: varClass;
-  composes: h100 from '~@zohodesk/components/lib/common/common.module.css';
+  composes: h100 from '~@zohodesk/components/es/common/common.module.css';
   list-style: none;
   pointer-events: initial;
   margin: 0 ;
@@ -27,7 +27,7 @@
   padding: var(--zd_size3) 0 ;
 }
 .heading {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   max-width: 100% ;
 }
 .list {

package/es/Attachment/Attachment.module.css

@@ -119,7 +119,7 @@
 
 .atatchName,
 .attachSize {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .medium .attachSize {

package/es/AttachmentViewer/Attachment.js

@@ -1,5 +1,6 @@
 import { getBrowserWithVersion } from "../utils/General";
-const UNASSIGNED = 'Unassigned';
+import { SUPPORTED_FILE_EXTENSIONS } from "./utils"; // const UNASSIGNED = 'Unassigned';
+
 const BROWSER_SUPPORTED_FILES = ['pdf', 'text', 'txt', 'css', 'jpg', 'jpeg', 'gif', 'png', 'bmp', 'ico', 'sh', 'mp3', 'wav', 'ogg'];
 export function isAudioFile(fileName) {
   const extension = getExtensionFromFileName(fileName);
@@ -17,49 +18,103 @@ export function isBrowserSupportedFile(fileName) {
   return BROWSER_SUPPORTED_FILES.indexOf(extension) !== -1;
 }
 export function getAttachmentIconDetails(fileName) {
-  const extension = getExtensionFromFileName(fileName)?.toLowerCase();
-  if (!extension) return 'ZD-GN-fileUnknown';
-  const imageExtensions = ['jpeg', 'jpg', 'png', 'apng', 'gif', 'bmp', 'tiff', 'tif', 'ico', 'svg', 'heic', 'webp'];
-  const docExtensions = ['txt'];
-  const pdfExtensions = ['pdf'];
-  const htmlExtensions = ['html', 'htm', 'xhtml'];
-  const pptExtensions = ['ppt', 'pps', 'odp', 'sxi', 'pptx', 'ppsx', 'pot', 'potx', 'key'];
-  const zipExtensions = ['rar', 'jar', 'zip'];
-  const wordExtensions = ['doc', 'docx', 'sxw', 'odt', 'docm', 'dot', 'dotm', 'dotx', 'rtf', 'pages'];
-  const xmlExtensions = ['xml'];
-  const sheetExtensions = ['xls', 'xlsx', 'xlsm', 'xlsb', 'sxc', 'ods', 'csv', 'tsv', 'numbers'];
-  const audioExtensions = ['mp3', 'wav', 'wma', 'aac', 'm4r', 'ogg', 'opus'];
-  const videoExtensions = ['mp4', 'mkv', 'mov', 'mpeg', 'flv', 'wmv', 'avi', 'webm', 'ogv'];
-  const mailExtensions = ['eml', 'msg'];
-  const linuxExtensions = ['sh', 'bin'];
-  const cssExtensions = ['css'];
-  const exeExtensions = ['exe'];
-  const eventExtensions = ['ics'];
-  if (imageExtensions.includes(extension)) return 'ZD-EF-fileImage';
-  if (docExtensions.includes(extension)) return 'ZD-GN-fileDoc';
-  if (pdfExtensions.includes(extension)) return 'ZD-EF-filePdf';
-  if (pptExtensions.includes(extension)) return 'ZD-GN-filePpt';
-  if (zipExtensions.includes(extension)) return 'ZD-EF-fileZip';
-
-  if (wordExtensions.includes(extension)) {
-    const OSName = navigator.platform?.toLowerCase() || '';
+  const extension = (getExtensionFromFileName(fileName) || '').toLowerCase();
+
+  if (!extension) {
+    return 'ZD-GN-fileUnknown';
+  }
+
+  const {
+    image,
+    doc,
+    pdf,
+    html,
+    ppt,
+    zip,
+    word,
+    xml,
+    sheet,
+    audio,
+    video,
+    mail,
+    linux,
+    css,
+    exe,
+    event
+  } = SUPPORTED_FILE_EXTENSIONS;
+
+  if (image.includes(extension)) {
+    return 'ZD-EF-fileImage';
+  }
+
+  if (doc.includes(extension)) {
+    return 'ZD-GN-fileDoc';
+  }
+
+  if (pdf.includes(extension)) {
+    return 'ZD-EF-filePdf';
+  }
+
+  if (ppt.includes(extension)) {
+    return 'ZD-GN-filePpt';
+  }
+
+  if (zip.includes(extension)) {
+    return 'ZD-EF-fileZip';
+  }
+
+  if (word.includes(extension)) {
+    const OSName = (navigator.platform || '').toLowerCase();
     return OSName.includes('mac') || OSName.includes('linux') ? 'ZD-EF-fileOffice' : 'ZD-EF-fileWord';
   }
 
-  if (xmlExtensions.includes(extension)) return 'ZD-EF-fileXml';
-  if (sheetExtensions.includes(extension)) return 'ZD-GN-fileSheet';
-  if (audioExtensions.includes(extension)) return 'ZD-EF-fileMp3';
-  if (videoExtensions.includes(extension)) return 'ZD-EF-fileMp4';
-  if (mailExtensions.includes(extension)) return 'ZD-GN-fileMail';
-  if (linuxExtensions.includes(extension)) return 'ZD-EF-linux';
-  if (cssExtensions.includes(extension)) return 'ZD-EF-clrCss';
-  if (exeExtensions.includes(extension)) return 'ZD-EF-exe';
-  if (eventExtensions.includes(extension)) return 'ZD-TK-event';
-
-  if (htmlExtensions.includes(extension)) {
-    const browser = getBrowserWithVersion()?.toLowerCase() || '';
-    if (browser.includes('chrome') || browser.includes('safari')) return 'ZD-EF-fileXml';
-    if (browser.includes('ie') || browser.includes('edge')) return 'ZD-EF-explorer';
+  if (xml.includes(extension)) {
+    return 'ZD-EF-fileXml';
+  }
+
+  if (sheet.includes(extension)) {
+    return 'ZD-GN-fileSheet';
+  }
+
+  if (audio.includes(extension)) {
+    return 'ZD-EF-fileMp3';
+  }
+
+  if (video.includes(extension)) {
+    return 'ZD-EF-fileMp4';
+  }
+
+  if (mail.includes(extension)) {
+    return 'ZD-GN-fileMail';
+  }
+
+  if (linux.includes(extension)) {
+    return 'ZD-EF-linux';
+  }
+
+  if (css.includes(extension)) {
+    return 'ZD-EF-clrCss';
+  }
+
+  if (exe.includes(extension)) {
+    return 'ZD-EF-exe';
+  }
+
+  if (event.includes(extension)) {
+    return 'ZD-TK-event';
+  }
+
+  if (html.includes(extension)) {
+    const browser = (getBrowserWithVersion() || '').toLowerCase();
+
+    if (browser.includes('chrome') || browser.includes('safari')) {
+      return 'ZD-EF-fileXml';
+    }
+
+    if (browser.includes('ie') || browser.includes('edge')) {
+      return 'ZD-EF-explorer';
+    }
+
     return 'ZD-EF-firebox';
   }
 

package/es/AttachmentViewer/AttachmentViewer.js

@@ -49,19 +49,19 @@ export default class AttachmentViewer extends Component {
   }
 
   isImageFileType(fileName) {
-    const extension = getExtensionFromFileName(fileName)?.toLowerCase();
+    const extension = (getExtensionFromFileName(fileName) || '').toLowerCase();
     if (!extension) return false;
     return FILE_EXTENSIONS.image.map(ext => ext.toLowerCase()).includes(extension);
   }
 
   isVideoFileType(fileName) {
-    const extension = getExtensionFromFileName(fileName)?.toLowerCase();
+    const extension = (getExtensionFromFileName(fileName) || '').toLowerCase();
     if (!extension) return false;
     return FILE_EXTENSIONS.video.map(ext => ext.toLowerCase()).includes(extension);
   }
 
   isAudioFileType(fileName) {
-    const extension = getExtensionFromFileName(fileName)?.toLowerCase();
+    const extension = (getExtensionFromFileName(fileName) || '').toLowerCase();
     if (!extension) return false;
     return FILE_EXTENSIONS.audio.map(ext => ext.toLowerCase()).includes(extension);
   }
@@ -112,8 +112,8 @@ export default class AttachmentViewer extends Component {
       allowedPreviewExtensionsData
     } = this.props;
     const selectedAttachment = data[selectedIndex] || {};
-    const selectedAttachmentViewUrl = selectedAttachment.viewUrl;
-    const selectedAttachmentDownloadUrl = selectedAttachment.downloadUrl;
+    const selectedAttachmentViewUrl = selectedAttachment.viewUrl; // const selectedAttachmentDownloadUrl = selectedAttachment.downloadUrl;
+
     const selectedAttachmentName = selectedAttachment.name;
     const selectedAttachmentPreviewUrl = selectedAttachment.previewurl;
     checkFileSourcesValidation({
@@ -394,7 +394,7 @@ export default class AttachmentViewer extends Component {
         "data-test-id": `${dataId}_audioPreview`,
         ...audioProps
       }, /*#__PURE__*/React.createElement("source", {
-        src: previewurl,
+        src: previewurl || viewUrl,
         type: `audio/${extension}`
       })) : _this.isVideoFileType(name) ? /*#__PURE__*/React.createElement("video", {
         controls: true,
@@ -424,7 +424,7 @@ export default class AttachmentViewer extends Component {
       }, _this.getPreviewIconData(name, '70')), /*#__PURE__*/React.createElement(Typography, {
         $ui_size: "20",
         $ui_weight: "semibold"
-      }, previewUnsupportedText), /*#__PURE__*/React.createElement(Link, {
+      }, previewUnsupportedText), downloadUrl ? /*#__PURE__*/React.createElement(Link, {
         href: downloadUrl,
         className: style.downloadLink,
         hasReload: true,
@@ -432,7 +432,7 @@ export default class AttachmentViewer extends Component {
       }, /*#__PURE__*/React.createElement(Button, {
         palette: "primaryFilled",
         text: downloadText
-      }))))));
+      })) : null))));
     });
   }
 

package/es/AttachmentViewer/AttachmentViewer.module.css

@@ -2,7 +2,7 @@
     height: var(--zd_size40) ;
     position: relative;
     z-index: 1;
-    composes: alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+    composes: alignVertical from '~@zohodesk/components/es/common/common.module.css';
     background-color: var(--zdt_attachmentviewer_header_bg);
     padding: 0 var(--zd_size15) ;
     border-bottom: 1px solid var(--zdt_attachmentviewer_header_border);
@@ -10,7 +10,7 @@
 
 .title {
     max-width: 50% ;
-    composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+    composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 
 [dir=ltr] .title {
@@ -23,7 +23,7 @@
 
 .count {
     position: absolute;
-    composes: xMiddle from '~@zohodesk/components/lib/common/common.module.css';
+    composes: xMiddle from '~@zohodesk/components/es/common/common.module.css';
     padding: 0 var(--zd_size10) ;
 }
 
@@ -85,7 +85,7 @@
 }
 
 .preview {
-    composes: posrel from '~@zohodesk/components/lib/common/common.module.css';
+    composes: posrel from '~@zohodesk/components/es/common/common.module.css';
     text-align: center;
     margin: var(--zd_size20) 0 ;
 }
@@ -94,7 +94,7 @@
     max-height: 100% ;
     max-width: 90% ;
     position: absolute;
-    composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
+    composes: middleBoth from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .zoomOut {
@@ -269,7 +269,7 @@
     height: 100% ;
     max-width: 100% ;
     max-height: 100% ;
-    composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
+    composes: dflex from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .img {
@@ -302,7 +302,7 @@
 
 .spinLoad {
     position: absolute;
-    composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
+    composes: middleBoth from '~@zohodesk/components/es/common/common.module.css';
     height: var(--zd_size18) ;
     width: var(--zd_size18) ;
     cursor: progress
@@ -312,7 +312,7 @@
     height: 100% ;
     width: 100% ;
     composes: rotate from '../common/dot_animation.module.css';
-    composes: infinite from '~@zohodesk/components/lib/common/animation.module.css';
+    composes: infinite from '~@zohodesk/components/es/common/animation.module.css';
     border: 2px solid var(--zdt_attachmentviewer_loader_border);
     border-top-color: var(--zdt_attachmentviewer_loader_border_top);
     border-radius: 50%;
@@ -348,7 +348,7 @@
 .authorName {
     font-size: var(--zd_font_size15) ;
     color: var(--zdt_attachmentviewer_title_text);
-    composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+    composes: dotted from '~@zohodesk/components/es/common/common.module.css';
     margin: 0 var(--zd_size10) ;
 }
 

package/es/AttachmentViewer/utils.js

@@ -157,6 +157,24 @@ export const FILE_EXTENSIONS = {
   document: ['doc', 'docx', 'docm', 'dot', 'dotx', 'dotm', 'odt', 'rtf', 'txt', 'md', 'pages', 'xls', 'xlsx', 'xlsm', 'xlsb', 'csv', 'tsv', 'ods', 'sxc', 'numbers', 'ppt', 'pptx', 'pps', 'ppsx', 'pot', 'potx', 'odp', 'sxi', 'key', 'pdf', 'xml', 'json', 'yaml', 'yml', 'log', 'eml', 'msg'],
   image: ['jpeg', 'jpg', 'png', 'apng', 'gif', 'bmp', 'dib', 'tiff', 'tif', 'ico', 'svg', 'webp', 'heic', 'heif', 'jfif', 'pjpeg', 'pjp', 'avif']
 };
+export const SUPPORTED_FILE_EXTENSIONS = {
+  image: ['jpeg', 'jpg', 'png', 'apng', 'gif', 'bmp', 'tiff', 'tif', 'ico', 'svg', 'heic', 'webp'],
+  doc: ['txt'],
+  pdf: ['pdf'],
+  html: ['html', 'htm', 'xhtml'],
+  ppt: ['ppt', 'pps', 'odp', 'sxi', 'pptx', 'ppsx', 'pot', 'potx', 'key'],
+  zip: ['rar', 'jar', 'zip'],
+  word: ['doc', 'docx', 'sxw', 'odt', 'docm', 'dot', 'dotm', 'dotx', 'rtf', 'pages'],
+  xml: ['xml'],
+  sheet: ['xls', 'xlsx', 'xlsm', 'xlsb', 'sxc', 'ods', 'csv', 'tsv', 'numbers'],
+  audio: ['mp3', 'wav', 'wma', 'aac', 'm4r', 'ogg', 'opus'],
+  video: ['mp4', 'mkv', 'mov', 'mpeg', 'flv', 'wmv', 'avi', 'webm', 'ogv'],
+  mail: ['eml', 'msg'],
+  linux: ['sh', 'bin'],
+  css: ['css'],
+  exe: ['exe'],
+  event: ['ics']
+};
 export function checkFileSourcesValidation(_ref) {
   let {
     fileName,
@@ -164,7 +182,7 @@ export function checkFileSourcesValidation(_ref) {
     previewUrl,
     allowedPreviewExtensionsData
   } = _ref;
-  const extension = getExtensionFromFileName(fileName)?.toLowerCase();
+  const extension = (getExtensionFromFileName(fileName) || '').toLowerCase();
 
   if (!extension) {
     return Promise.resolve({

package/es/ChannelIcon/ChannelIcon.module.css

@@ -7,13 +7,13 @@
 
 .container {
   position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
   composes: varClass;
 }
 
 .thread {
-  composes: dflex alignVertical alignHorizontal rounded from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignVertical alignHorizontal rounded from '~@zohodesk/components/es/common/common.module.css';
   position: absolute;
   top: calc( var(--zd_size4) * -1 ) ;
   height: var(--zd_size15) ;

package/es/DotProvider/hooks/useDotProvider.js

@@ -6,8 +6,8 @@ import '@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.cs
 import '@zohodesk/variables/assets/colorVariables.module.css';
 import '@zohodesk/variables/assets/dotVariables.module.css';
 import '@zohodesk/components/es/common/basic.module.css';
-import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
-import '@zohodesk/components/lib/common/boxShadow.module.css';
+import '@zohodesk/variables/es/fontFamilyVariables.module.css';
+import '@zohodesk/components/es/common/boxShadow.module.css';
 import "../../common/dot_boxShadow.module.css";
 
 function useDotProvider(_ref) {

package/es/Drawer/Drawer.module.css

@@ -110,7 +110,7 @@
 .title {
   color: var(--zdt_drawer_title_text);
   font-family: var(--zd_semibold);
-  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) ;
 }
 

package/es/FormAction/FormAction.module.css

@@ -73,7 +73,7 @@
 }
 
 .marginRight {
-  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dinblk from '~@zohodesk/components/es/common/common.module.css';
 }
 
 [dir=ltr] .largeFooter .marginRight, [dir=ltr] .mediumFooter .marginRight {

package/es/IconButton/IconButton.module.css

@@ -3,7 +3,7 @@
 }
 
 .wrapper {
-  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: offSelection from '~@zohodesk/components/es/common/common.module.css';
   composes: varClass;
   color: var(--iconColor);
   cursor: pointer;
@@ -48,5 +48,5 @@
   --iconColor: var(--zdt_iconButton_icon_primaryActive);
 }
 .icon_button_center {
-  composes: tcenter from '~@zohodesk/components/lib/common/common.module.css';
+  composes: tcenter from '~@zohodesk/components/es/common/common.module.css';
 }

package/es/Message/Message.js

@@ -12,7 +12,7 @@ export default class Message extends React.Component {
     };
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     let {
       showMessage,
       hideMessage

package/es/Message/Message.module.css

@@ -83,7 +83,7 @@
   color: var(--zdt_message_tickicon);
   font-size: var(--zd_font_size16) ;
   position: absolute;
-  composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: middleBoth from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .close {

package/es/MessageBanner/MessageBanner.module.css

@@ -5,7 +5,7 @@
 }
 .message {
   color: var(--zdt_messagebanner_text);
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   padding: var(--zd_size10) 0 ;
 }
 [dir=ltr] .message {

package/es/Onboarding/CarouselDots/CarouselDot/css/CarouselDot.module.css

@@ -1,5 +1,5 @@
 .bulletNormal{
-    composes: pointer from '~@zohodesk/components/lib/common/common.module.css';
+    composes: pointer from '~@zohodesk/components/es/common/common.module.css';
   }
   .bulletNormal:hover {
     transform: scale(1.4);
@@ -66,9 +66,9 @@
   }
   @keyframes progressLoading {
     0% {
-      inset-inline-start: -100%;
+      inset-inline-start: -100% ;
     }
     100% {
-      inset-inline-start: 0%;
+      inset-inline-start: 0% ;
     }
   }

package/es/Onboarding/css/Onboarding.module.css

@@ -134,7 +134,7 @@
   position: absolute;
   top: 0 ;
   bottom: 0 ;
-  composes: navigate transZ from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: navigate transZ from '~@zohodesk/components/es/common/animation.module.css';
 }
 [dir=ltr] .playIconWrapper {
   left: 0 ;
@@ -203,7 +203,7 @@
 .secondaryButttonLink {
   letter-spacing:  0.2px;
   text-transform: capitalize;
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   border-radius: 4px;
   cursor: pointer;
   text-align:center;

package/es/PlusIcon/PlusIcon.module.css

@@ -1,5 +1,5 @@
 .container {
-  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dinblk from '~@zohodesk/components/es/common/common.module.css';
   border-radius: 50%;
   box-shadow: var(--zd_bs_plusicon_container);
   cursor: pointer;

package/es/TagWithIcon/TagWithIcon.module.css

@@ -25,7 +25,7 @@
 }
 
 .bold {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold from '~@zohodesk/components/es/common/common.module.css';
 }
 
 .small_text {
@@ -37,7 +37,7 @@
 }
 
 .text {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
 
 [dir=ltr] .iconSpace {

package/es/ToastMessage/ToastMessage.module.css

@@ -19,7 +19,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 {
@@ -33,7 +33,7 @@
 }
 
 .leftanimate {
-  composes: slideLeft from '~@zohodesk/components/lib/common/animation.module.css';
+  composes: slideLeft from '~@zohodesk/components/es/common/animation.module.css';
   composes: animation;
 }
 
@@ -43,7 +43,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;
 }
@@ -79,7 +79,7 @@
 .popbutton {
   font-size: var(--zd_font_size10) ;
   color: var(--zdt_toastmessage_popbutton_text);
-  composes: wbreak textCap from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak textCap from '~@zohodesk/components/es/common/common.module.css';
   transition: all var(--zd_transition3);
   position: relative;
   cursor: pointer;
@@ -161,7 +161,7 @@
 }
 
 .alertTitle {
-  composes: semibold wbreak dotted from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold wbreak dotted from '~@zohodesk/components/es/common/common.module.css';
   font-size: var(--zd_font_size14) ;
   color: var(--zdt_toastmessage_alerttitle_text);
 }
@@ -176,7 +176,7 @@
 
 .alertMessage {
   font-size: var(--zd_font_size12) ;
-  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  composes: wbreak from '~@zohodesk/components/es/common/common.module.css';
   line-height: 1.3333;
   color: var(--zdt_toastmessage_alert_text);
   margin-top: var(--zd_size5) ;
@@ -256,7 +256,7 @@
   position: relative;
   color: var(--zdt_toastmessage_popbutton_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_toastmessage_message_border);
@@ -295,7 +295,7 @@
   width: var(--zd_size29) ;
   height: var(--zd_size29) ;
   line-height: var(--zd_size29);
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
+  composes: rounded from '~@zohodesk/components/es/common/common.module.css';
   text-align: center;
 }
 

package/es/Upload/Upload.module.css

@@ -73,7 +73,7 @@
 .attachsize {
   font-size: var(--zd_font_size10) ;
   letter-spacing: 1px;
-  composes: dotted from "~@zohodesk/components/lib/common/common.module.css";
+  composes: dotted from "~@zohodesk/components/es/common/common.module.css";
   text-transform: uppercase;
   padding: var(--zd_size4) 0 var(--zd_size2) ;
 }

package/es/avatar/AvatarClose/AvatarClose.module.css

@@ -1,11 +1,11 @@
 .container {
   position: relative;
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
 }
 .pop {
   position: absolute;
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
+  composes: rounded from '~@zohodesk/components/es/common/common.module.css';
   opacity: 0;
   visibility: hidden;
   top: 0 ;
@@ -29,7 +29,7 @@
   position: absolute;
   line-height: 0;
   font-size: var(--zd_font_size16) ;
-  composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: middleBoth from '~@zohodesk/components/es/common/common.module.css';
 }
 .container:hover .pop {
   opacity: 1;