@zohodesk/dot 1.0.0-temp-204.1 → 1.0.0-temp-204.2

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

@@ -3,13 +3,11 @@
   composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
   vertical-align: middle;
 }
-
 .paid,
 .portal,
 .delete {
   font-size: var(--zd_font_size10) ;
 }
-
 .paid,
 .portal,
 .delete,
@@ -17,28 +15,22 @@
   position: absolute;
   line-height: 0;
 }
-
 .paid {
   composes: middle from '~@zohodesk/components/lib/common/common.module.css';
 }
-
 [dir=ltr] .paid {
   left: 50% ;
 }
-
 [dir=rtl] .paid {
   right: 50% ;
 }
-
 .paid {
   top: calc( var(--zd_size2) * -1 ) ;
 }
-
 .portal, .lock {
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_avataruser_default_bg);
   border-radius: 50%;
 }
-
 .delete {
   top: 0 ;
   width: 100% ;
@@ -46,92 +38,71 @@
   opacity: 0;
   transition: all var(--zd_transition3);
   composes: dflex alignHorizontal alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  color: var(--zdt_base_color);
+  color: var(--zdt_avataruser_delete_text);
   cursor: pointer;
   border-radius: 50%;
   background-color: var(--zdt_avataruser_delete_bg);
 }
-
 [dir=ltr] .delete {
   left: 0 ;
 }
-
 [dir=rtl] .delete {
   right: 0 ;
 }
-
 .container:hover .delete {
   opacity: 1;
 }
-
 .small .portal {
   top: 0 ;
 }
-
 [dir=ltr] .small .portal {
   right: calc( var(--zd_size4) * -1 ) ;
 }
-
 [dir=rtl] .small .portal {
   left: calc( var(--zd_size4) * -1 ) ;
 }
-
 .xsmall .portal {
   top: var(--zd_size1) ;
 }
-
 [dir=ltr] .xsmall .portal {
   right: calc( var(--zd_size2) * -1 ) ;
 }
-
 [dir=rtl] .xsmall .portal {
   left: calc( var(--zd_size2) * -1 ) ;
 }
-
 .medium .portal {
   top: var(--zd_size1) ;
 }
-
 [dir=ltr] .medium .portal {
   right: calc( var(--zd_size1) * -1 ) ;
 }
-
 [dir=rtl] .medium .portal {
   left: calc( var(--zd_size1) * -1 ) ;
 }
-
 .xmedium .portal {
   top: var(--zd_size3) ;
 }
-
 [dir=ltr] .xmedium .portal {
   right: 0 ;
 }
-
 [dir=rtl] .xmedium .portal {
   left: 0 ;
 }
-
 .large .portal {
   top: var(--zd_size8) ;
 }
-
 [dir=ltr] .large .portal {
   right: var(--zd_size1) ;
 }
-
 [dir=rtl] .large .portal {
   left: var(--zd_size1) ;
 }
-
 .xlarge .portal {
   top: var(--zd_size15) ;
 }
-
 [dir=ltr] .xlarge .portal {
   right: var(--zd_size2) ;
 }
-
 [dir=rtl] .xlarge .portal {
   left: var(--zd_size2) ;
 }
@@ -148,68 +119,53 @@
 [dir=rtl] .small .lock {
   left: calc( var(--zd_size5) * -1 ) ;
 }
-
 .xsmall .lock {
   top: var(--zd_size1) ;
   font-size: var(--zd_font_size12) ;
 }
-
 [dir=ltr] .xsmall .lock {
   right: calc( var(--zd_size4) * -1 ) ;
 }
-
 [dir=rtl] .xsmall .lock {
   left: calc( var(--zd_size4) * -1 ) ;
 }
-
 .medium .lock {
   top: var(--zd_size2) ;
   font-size: var(--zd_font_size13) ;
 }
-
 [dir=ltr] .medium .lock {
   right: calc( var(--zd_size5) * -1 ) ;
 }
-
 [dir=rtl] .medium .lock {
   left: calc( var(--zd_size5) * -1 ) ;
 }
-
 .xmedium .lock {
   top: var(--zd_size4) ;
   font-size: var(--zd_font_size14) ;
 }
-
 [dir=ltr] .xmedium .lock {
   right: calc( var(--zd_size6) * -1 ) ;
 }
-
 [dir=rtl] .xmedium .lock {
   left: calc( var(--zd_size6) * -1 ) ;
 }
-
 .large .lock {
   top: var(--zd_size6) ;
   font-size: var(--zd_font_size18) ;
 }
-
 [dir=ltr] .large .lock {
   right: calc( var(--zd_size6) * -1 ) ;
 }
-
 [dir=rtl] .large .lock {
   left: calc( var(--zd_size6) * -1 ) ;
 }
-
 .xlarge .lock {
   top: var(--zd_size12) ;
   font-size: var(--zd_font_size22) ;
 }
-
 [dir=ltr] .xlarge .lock {
   right: calc( var(--zd_size8) * -1 ) ;
 }
-
 [dir=rtl] .xlarge .lock {
   left: calc( var(--zd_size8) * -1 ) ;
-}
+}

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

@@ -11,7 +11,7 @@
   padding: var(--zd_size2) ;
   border-radius: 50%;
   transform: scale(0.8);
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_avatarwithteam_default_bg);
 }
 
 [dir=ltr] .teamAvatar {
@@ -20,4 +20,4 @@
 
 [dir=rtl] .teamAvatar {
   left: calc( var(--zd_size10) * -1 ) ;
-}
+}

package/lib/errorstate/EmptyStates.module.css

@@ -1,72 +1,57 @@
 .container, .tabletContainer {
   text-align: center;
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_emptystate_default_bg);
 }
-
 .container {
   padding-top: var(--zd_size80) ;
 }
-
 .tabletContainer {
   padding-top: var(--zd_size50) ;
 }
-
 .top {
   position: relative;
 }
-
 .header {
   min-width: var(--zd_size400) ;
   display: inline-block;
   margin: 0 auto ;
 }
-
 [dir=ltr] .header {
   text-align: left;
 }
-
 [dir=rtl] .header {
   text-align: right;
 }
-
 .title,
 .tabletTitle,
 .mobileTitle {
   composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
   letter-spacing: var(--zd_size1);
 }
-
 .title, .tabletTitle, .mobileTitle {
   margin-bottom: var(--zd_size5) ;
 }
-
 .title {
   font-size: var(--zd_font_size50) ;
   line-height: 1.4;
 }
-
 .tabletTitle {
   font-size: var(--zd_font_size24) ;
   line-height: 2.0833;
 }
-
 .mobileTitle {
   font-size: var(--zd_font_size22) ;
   line-height: 1.3636;
 }
-
 .subtitle {
   font-size: var(--zd_font_size30) ;
 }
-
 .tabletSubTitle {
   font-size: var(--zd_font_size18) ;
 }
-
 .mobileSubTitle {
   font-size: var(--zd_font_size16) ;
 }
-
 .title,
 .subtitle {
   color: var(--zdt_emptystate_title_text);
@@ -77,35 +62,27 @@
   text-align: center;
   margin: 0 auto ;
 }
-
 .footerWidth {
   min-width: var(--zd_size400) ;
 }
-
 .btmText, .tabletBtmText {
   margin-bottom: var(--zd_size10) ;
 }
-
 .btmText {
   font-size: var(--zd_font_size14) ;
 }
-
 .tabletBtmText {
   font-size: var(--zd_font_size12) ;
 }
-
 .imageContainer, .tabletImageContainer, .mobileImageContainer {
   margin-bottom: var(--zd_size30) ;
 }
-
 .imageContainer {
   height: var(--zd_size400) ;
 }
-
 .mobileImageContainer {
   height: var(--zd_size300) ;
 }
-
 .tabletImageContainer {
   height: var(--zd_size350) ;
 }

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

@@ -50,8 +50,8 @@
 }
 
 .night :global .KB_Editor {
-  color: var(--zdt_base_color);
-  background-color: var(--zdt_base_bg);
+  color: var(--zdt_texteditor_night_text);
+  background-color: var(--zdt_texteditor_night_bg);
 }
 
 .small :global .KB_Editor_menus, .medium :global .KB_Editor_menus, .large :global .KB_Editor_menus, .xlarge :global .KB_Editor_menus, .default :global .KB_Editor_menus {

package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css

@@ -3,11 +3,9 @@
   z-index: 2;
   border-bottom: 1px solid var(--zdt_setupdetail_header_border);
 }
-
 .back {
   width: var(--zd_size60) ;
 }
-
 .backIcon {
   height: var(--zd_size30) ;
   width: var(--zd_size30) ;
@@ -19,11 +17,9 @@
   border-radius: 50%;
   cursor: pointer;
 }
-
 [dir=ltr] .backIcon {
   margin-left: var(--zd_size19) ;
 }
-
 [dir=rtl] .backIcon {
   margin-right: var(--zd_size19) ;
 }
@@ -31,7 +27,6 @@
 .backIcon:hover {
   background-color: var(--zdt_setupdetail_hover_backicon_bg);
 }
-
 .title {
   font-size: var(--zd_font_size16) ;
   line-height: 1;
@@ -39,11 +34,9 @@
   color: var(--zdt_setupdetail_backicon);
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
 }
-
 [dir=ltr] .title {
   padding-right: var(--zd_size12) ;
 }
-
 [dir=rtl] .title {
   padding-left: var(--zd_size12) ;
 }
@@ -51,22 +44,18 @@
 .rightPanel {
   composes: justifyFend from '~@zohodesk/components/lib/common/common.module.css';
 }
-
 .helpInfoCont {
   position: absolute;
   z-index: 10;
 }
-
 [dir=ltr] .helpInfoCont {
   right: 0 ;
   padding: var(--zd_size12) var(--zd_size15) 0 0 ;
 }
-
 [dir=rtl] .helpInfoCont {
   left: 0 ;
   padding: var(--zd_size12) 0 0 var(--zd_size15) ;
 }
-
 .helpInfo {
   line-height: 2.3636;
   height: var(--zd_size28) ;
@@ -79,11 +68,9 @@
   text-align: center;
   cursor: pointer;
 }
-
 [dir=ltr] .mr15 {
   margin-right: var(--zd_size15) ;
 }
-
 [dir=rtl] .mr15 {
   margin-left: var(--zd_size15) ;
 }
@@ -91,15 +78,12 @@
 .content {
   z-index: 1;
 }
-
 [dir=ltr] .padding {
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size60) ;
 }
-
 [dir=rtl] .padding {
   padding: var(--zd_size10) var(--zd_size60) var(--zd_size10) var(--zd_size25) ;
 }
-
 .popup {
   z-index: 3;
   position: absolute;
@@ -108,23 +92,19 @@
   width: var(--zd_size330) ;
   transition: transform var(--zd_transition3);
   border: 1px solid var(--zdt_setupdetail_popup_border);
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_setupdetail_popup_bg);
 }
-
 [dir=ltr] .popup {
   right: 0 ;
   transform: translateX(100%);
 }
-
 [dir=rtl] .popup {
   left: 0 ;
   transform: translateX(-100%);
 }
-
 .popup.open {
   transform: translateX(0);
 }
-
 .close {
   composes: disableFocus from '~@zohodesk/components/lib/common/common.module.css';
 }
@@ -169,4 +149,4 @@
 
 .infoFooter {
   padding: var(--zd_size10) var(--zd_size20) ;
-}
+}

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

@@ -9,7 +9,7 @@
 }
 
 .tabHead, .shadowStyle {
-  background: var(--zdt_base_bg);
+  background: var(--zdt_subtablayout_tabhead_bg);
 }
 
 [dir=ltr] .left {

package/lib/list/AvatarFlip/AvatarFlip.module.css

@@ -1,3 +1,3 @@
 .iconStyle {
-  color: var(--zdt_base_color);
-}
+  color: var(--zdt_avatarflip_default_text);
+}

package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css

@@ -1,11 +1,9 @@
 .departmentBox {
   max-width: 100% ;
 }
-
 .departmentBox :global .toggleDropIcon {
   color: var(--zdt_departmentdropdown_default_text);
 }
-
 .departmentBox:hover :global .toggleDropIcon {
-  color: var(--zdt_base_color);
-}
+  color: var(--zdt_departmentdropdown_default_hover_text);
+}

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

@@ -1,20 +1,17 @@
 .stenLoading {
   position: relative;
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_gridstencils_default_bg);
   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);
 }
-
 [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) ;
@@ -24,45 +21,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);
 }
-
 .stenListBAr {
   position: relative;
   background: var(--zdt_gridstencils_listbar_bg);
   background-image: var(--zdt_gridstencils_listbar_gradient_bg);
   background-repeat: no-repeat;
 }
-
 [dir=ltr] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -70,7 +58,6 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
-
 [dir=rtl] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -78,13 +65,11 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
-
 .stenListBAr {
   background: var(--zdt_gridstencils_listbar_bg);
   background-image: var(--zdt_gridstencils_listbar_gradient_bg);
   background-repeat: no-repeat;
 }
-
 [dir=ltr] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -92,7 +77,6 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
-
 [dir=rtl] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -100,7 +84,6 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
-
 @keyframes placeHolderShimmer {
   0% {
     background-position: -468px 0;
@@ -110,72 +93,55 @@
     background-position: 468px 0;
   }
 }
-
 .threeLayout .stenLoadbody::before {
   transform: scale(0.8);
 }
-
 [dir=ltr] .threeLayout .stenLoadbody::before {
   left: var(--zd_size16) ;
 }
-
 [dir=rtl] .threeLayout .stenLoadbody::before {
   right: var(--zd_size16) ;
 }
-
 [dir=ltr] .threeLayout .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0 ;
 }
-
 [dir=rtl] .threeLayout .stenLoadbody {
   margin: var(--zd_size8) 0 var(--zd_size8) var(--zd_size20) ;
 }
-
 .threeLayout .stenLoadbody::after {
   top: var(--zd_size15) ;
   transform: scale(0.8);
 }
-
 [dir=ltr] .threeLayout .stenLoadbody::after {
   right: var(--zd_size20) ;
 }
-
 [dir=rtl] .threeLayout .stenLoadbody::after {
   left: var(--zd_size20) ;
 }
-
 [dir=ltr] .leftCont .stenLoadbody::before {
   left: var(--zd_size33) ;
 }
-
 [dir=rtl] .leftCont .stenLoadbody::before {
   right: var(--zd_size33) ;
 }
-
 [dir=ltr] .leftCont .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) var(--zd_size46) ;
 }
-
 [dir=rtl] .leftCont .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size46) var(--zd_size8) var(--zd_size20) ;
 }
-
 [dir=ltr] .leftCont .stenLoadbody::after {
   right: var(--zd_size40) ;
 }
-
 [dir=rtl] .leftCont .stenLoadbody::after {
   left: var(--zd_size40) ;
 }
-
 .leftCont .lineBar {
   width: 80% ;
 }
-
 .leftCont .lineBar2 {
   width: 60% ;
 }
-
 .leftCont .lineBar3 {
   width: 40% ;
 }

package/lib/list/Subject/Subject.module.css

@@ -1,5 +1,5 @@
 .varClass {
-  --subject_text: var(--zdt_base_color);
+  --subject_text: var(--zdt_subject_text);
 }
 
 .subject {