@zohodesk/dot 1.0.0-temp-204 → 1.0.0-temp-203.4

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 {

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

@@ -1,62 +1,48 @@
 .list {
-  color: var(--zdt_base_color);
+  color: var(--zdt_statuslistitem_list_text);
   font-size: var(--zd_font_size13) ;
   position: relative;
   list-style: none;
   min-height: var(--zd_size35) ;
   cursor: pointer;
 }
-
 [dir=ltr] .withBorder {
   border-left: 1px solid var(--zdt_statuslistitem_default_border);
 }
-
 [dir=rtl] .withBorder {
   border-right: 1px solid var(--zdt_statuslistitem_default_border);
 }
-
 [dir=ltr] .small {
   padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5) ;
 }
-
 [dir=rtl] .small {
   padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size3) ;
 }
-
 .medium {
   padding: var(--zd_size7) var(--zd_size20) ;
 }
-
 .large {
   height: var(--zd_size48) ;
 }
-
 [dir=ltr] .large {
   padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25) ;
 }
-
 [dir=rtl] .large {
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3) ;
 }
-
-.value,
-.multiLineValue {
+.value,.multiLineValue {
   line-height: 1.5385;
 }
-
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
-
-.multiLineValue {
+.multiLineValue{
   word-break: break-word;
   composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
 }
-
 [dir=ltr] .withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);
 }
-
 [dir=rtl] .withBorder.active {
   border-right-color: var(--zdt_statuslistitem_default_active_border);
 }
@@ -64,56 +50,44 @@
 .default.hover, .default.effect:hover {
   background-color: var(--zdt_statuslistitem_default_effect_bg);
 }
-
 .primary.hover, .primary.effect:hover, .selected {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
-
 .secondary.hover, .secondary.effect:hover {
   background-color: var(--zdt_statuslistitem_secondary_effect_bg);
 }
-
 .list.active.default, .list.active.primary {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
-
 .list.active.secondary {
   background-color: var(--zdt_statuslistitem_secondary_effect_bg);
 }
-
 .secondary.hover,
 .secondary.effect:hover,
 .list.active.secondary {
   color: var(--zdt_statuslistitem_secondary_effect_text);
 }
-
 .tickIcon {
   color: var(--zdt_statuslistitem_tickicon);
   position: absolute;
-  top: 50% ;
+  top:50% ;
   transform: translateY(-50%);
 }
-
 [dir=ltr] .tickIcon {
   right: var(--zd_size20) ;
 }
-
 [dir=rtl] .tickIcon {
   left: var(--zd_size20) ;
 }
-
-.tickIcon>i {
+.tickIcon > i {
   display: block;
 }
-
 [dir=ltr] .active.withTick {
   padding-right: var(--zd_size39) ;
 }
-
 [dir=rtl] .active.withTick {
   padding-left: var(--zd_size39) ;
 }
-
 /* Status Type */
 .statusType {
   width: var(--zd_size8) ;
@@ -126,15 +100,12 @@
 [dir=rtl] .statusType {
   margin-left: var(--zd_size13) ;
 }
-
 .black {
   background-color: var(--zdt_statuslistitem_black_bg);
 }
-
 .orange {
   background-color: var(--zdt_statuslistitem_orange_bg);
 }
-
 .green {
   background-color: var(--zdt_statuslistitem_green_bg);
-}
+}

package/lib/lookup/header/Close/LookupClose.module.css

@@ -9,8 +9,7 @@
   cursor: pointer;
   border-radius: 50%;
 }
-
 .container:hover {
-  color: var(--zdt_base_color);
+  color: var(--zdt_lookupclose_default_hover_text);
   background-color: var(--zdt_lookupclose_default_hover_bg);
-}
+}

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

@@ -6,20 +6,16 @@
   word-break: break-all;
   cursor: initial;
 }
-
 .bold {
   font-family: var(--zd_semibold);
 }
-
 /* Palette */
 .default {
-  color: var(--zdt_base_color);
+  color: var(--zdt_lookuptitle_default_text);
 }
-
 .primary {
   color: var(--zdt_lookuptitle_primary_text);
 }
-
 .danger {
   color: var(--zdt_lookuptitle_danger_text);
-}
+}

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

@@ -1,15 +1,12 @@
 .small {
   max-height: var(--zd_size200) ;
 }
-
 .medium {
   max-height: var(--zd_size348) ;
 }
-
 .large {
   max-height: var(--zd_size400) ;
 }
-
 .emptyState {
   font-size: var(--zd_font_size14) ;
   color: var(--zdt_viewdropdown_empty_text);
@@ -17,19 +14,15 @@
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
   padding: var(--zd_size12) var(--zd_size15) ;
 }
-
 .hide {
   composes: vishidden from '~@zohodesk/components/lib/common/common.module.css';
 }
-
 .container {
   position: relative;
 }
-
 .listItemContainer {
   padding: var(--zd_size10) 0 ;
 }
-
 /* Label Style */
 .labelCnt {
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
@@ -37,25 +30,21 @@
   color: var(--zdt_viewdropdown_label_text);
   cursor: pointer;
 }
-
 .labelText {
   font-size: var(--zd_font_size12) ;
   max-width: var(--zd_size180) ;
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
-
 [dir=ltr] .labelText {
   margin-right: var(--zd_size5) ;
 }
-
 [dir=rtl] .labelText {
   margin-left: var(--zd_size5) ;
 }
-
 .labelCnt:hover .arrowIcon {
-  color: var(--zdt_base_color);
+  color: var(--zdt_viewdropdown_hover_label_text);
 }
 
 .loader {
   padding: var(--zd_size12) var(--zd_size15) ;
-}
+}