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

package/lib/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/lib/DotProvider/hooks/useDotProvider.js

@@ -21,9 +21,9 @@ require("@zohodesk/variables/assets/dotVariables.module.css");
 
 require("@zohodesk/components/es/common/basic.module.css");
 
-require("@zohodesk/variables/lib/fontFamilyVariables.module.css");
+require("@zohodesk/variables/es/fontFamilyVariables.module.css");
 
-require("@zohodesk/components/lib/common/boxShadow.module.css");
+require("@zohodesk/components/es/common/boxShadow.module.css");
 
 require("../../common/dot_boxShadow.module.css");
 

package/lib/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/lib/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/lib/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/lib/Message/Message.js

@@ -63,8 +63,8 @@ var Message = /*#__PURE__*/function (_React$Component) {
   }
 
   _createClass(Message, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var _this$props = this.props,
           showMessage = _this$props.showMessage,
           hideMessage = _this$props.hideMessage;

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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;

package/lib/avatar/AvatarCollision/AvatarCollision.module.css

@@ -1,6 +1,6 @@
 .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;
   border-radius: 50%;
   padding: var(--zd_size2) ;
@@ -17,7 +17,7 @@
 }
 .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 ;
@@ -38,7 +38,7 @@
 .icon {
   position: absolute;
   line-height: 0;
-  composes: middleBoth from '~@zohodesk/components/lib/common/common.module.css';
+  composes: middleBoth from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_avatarcollision_icon_text);
   font-size: var(--zd_font_size13) ;
 }

package/lib/avatar/AvatarIcon/AvatarIcon.module.css

@@ -57,5 +57,5 @@
 }
 
 .avatar_align_center {
-  composes: tcenter from '~@zohodesk/components/lib/common/common.module.css';
+  composes: tcenter from '~@zohodesk/components/es/common/common.module.css';
 }

package/lib/avatar/AvatarStatus/AvatarStatus.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;
 }
 .state {
   position: absolute;
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
+  composes: rounded from '~@zohodesk/components/es/common/common.module.css';
   display: inline-block;
 }
 .circle.state {

package/lib/avatar/AvatarThread/AvatarThread.module.css

@@ -1,12 +1,12 @@
 .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;
   border-radius: 50%;
 }
 
 .thread {
-  composes: rounded from '~@zohodesk/components/lib/common/common.module.css';
+  composes: rounded from '~@zohodesk/components/es/common/common.module.css';
   position: absolute;
 }
 .pointer {

package/lib/avatar/AvatarUser/AvatarUser.module.css

@@ -1,6 +1,6 @@
 .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;
 }
 .paid,
@@ -16,7 +16,7 @@
   line-height: 0;
 }
 .paid {
-  composes: middle from '~@zohodesk/components/lib/common/common.module.css';
+  composes: middle from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .paid {
   left: 50% ;
@@ -37,7 +37,7 @@
   height: 100% ;
   opacity: 0;
   transition: all var(--zd_transition3);
-  composes: dflex alignHorizontal alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dflex alignHorizontal alignVertical from '~@zohodesk/components/es/common/common.module.css';
   color: var(--zdt_avataruser_delete_text);
   cursor: pointer;
   border-radius: 50%;

package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css

@@ -1,5 +1,5 @@
 .container {
-  composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex from '~@zohodesk/components/es/common/common.module.css';
   vertical-align: middle;
   position: relative;
 }

package/lib/common/dot_common.module.css

@@ -0,0 +1,4 @@
+.audioImage {
+  background-image: url('../../images/audio_thumbnail.png');
+  background-repeat: no-repeat;
+}

package/lib/deprecated/SelectDropdown/SelectDropdown.module.css

@@ -2,7 +2,7 @@
 .container {
   position: relative;
   line-height: var(--zd_size18);
-  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
+  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
   padding: var(--zd_size3) var(--zd_size15) ;
   cursor: pointer;
 }
@@ -18,7 +18,7 @@
 .departName {
   font-size: var(--zd_font_size13) ;
   color: var(--zdt_selectdropdown_departname_text);
-  composes: flexgrow dotted offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: flexgrow dotted offSelection from '~@zohodesk/components/es/common/common.module.css';
 }
 .departIcon {
   color: var(--zdt_selectdropdown_departicon);

package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css

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

package/lib/errorstate/EmptyStates.module.css

@@ -25,7 +25,7 @@
 .title,
 .tabletTitle,
 .mobileTitle {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: semibold from '~@zohodesk/components/es/common/common.module.css';
   letter-spacing: var(--zd_size1);
 }
 .title, .tabletTitle, .mobileTitle {

package/lib/errorstate/WillBack/WillBack.module.css

@@ -2,7 +2,7 @@
 .tabletTitle,
 .mobileTitle {
   color: var(--zdt_willback_title_text);
-  composes: bold from '~@zohodesk/components/lib/common/common.module.css';
+  composes: bold from '~@zohodesk/components/es/common/common.module.css';
 }
 .title {
   font-size: var(--zd_font_size50) ;

package/lib/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/lib/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/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js

@@ -110,8 +110,8 @@ var TextEditorWrapper = /*#__PURE__*/function (_Component) {
       onFocus && onFocus();
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(np) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(np) {
       var _this$props2 = this.props,
           id = _this$props2.id,
           value = _this$props2.value;

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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 {