@zohodesk/dot/es/list/SecondaryText/SecondaryText.module.css

In this Library, we Provide Some Basic Components to Build Your Application

.paidUserIcon {
  vertical-align: middle;
  bottom: var(--zd_size1) ;
  position: relative;
  font-size: var(--zd_font_size8) ;
}[dir=ltr] .paidUserIcon {
  margin-right: var(--zd_size5) ;
}[dir=rtl] .paidUserIcon {
  margin-left: var(--zd_size5) ;
}
.icon {
  display: block;
}
.disable {
  cursor: not-allowed;
}
.textBold {
  font-weight: var(--zd-fw-bold);
  color: var(--zdt_secondaryText_black_text);
}
.textStyle, .link{
  display: block
}
.textStyle.textBold {
  font-weight: var(--zd-fw-bold);
  color: var(--zdt_secondaryText_black_text);
}
.ticketId,
.link,
.textStyle,
.secondaryText,
.ratingText,
.phoneNumber {
  color: var(--zdt_secondaryText_secondaryText_text);
}
.textStyle,
.secondaryText {
  font-size: var(--zd_font_size12) ;
}
.ticketId,
.phoneNumber,
.ratingText {
  font-size: var(--zd_font_size12) ;
}
.textStyle,
.secondaryText,
.phoneNumber {
  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
  max-width: 100% ;
  display: block;
}
.textStyle, .secondaryText, .phoneNumber {
  cursor: pointer;
}
.textStyle:hover,
.ticketIdLink,
.phoneNumber:hover,
.link:hover {
  color: var(--zdt_secondaryText_blue_text);
}
/* .link:focus, .link:focus .textStyle, .link:focus .phoneNumber{
  color: var(--zdt_secondaryText_blue_text);
} */
.ticketIdLink {
  cursor: pointer;
}
.ticketIdLink:hover,.ticketIdLink:focus {
  color: var(--zdt_secondaryText_blue_hover_text);
}
.primaryAccountNameCnt {
  max-width: 100% ;
}
/* status */
.font_regular {
  font-weight: var(--zd-fw-normal);
}
.font_semibold {
  font-weight: var(--zd-fw-semibold);
}
.font_bold {
  font-weight: var(--zd-fw-bold);
}
.font_semibold,
.font_bold,
.textBold {
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
}
.priorityText,
.statusText {
  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
}

.priorityText {
  font-size: var(--zd_font_size12) ;
  max-width: 100% ;
}
.departmentText {
  font-size: var(--zd_font_size12) ;
  color: var(--zdt_secondaryText_secondaryText_text);
  max-width: 100% ;
  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
}
/* HappinessRating Style */
.happinessContainer {
  composes: inlineBlockMiddle from '../listCommon.module.css';
}
.happinessImg {
  width: var(--zd_size13) ;
  vertical-align: middle;
}
[dir=ltr] .happinessImg {
  margin: 0 var(--zd_size4) 0 0 ;
}
[dir=rtl] .happinessImg {
  margin: 0 0 0 var(--zd_size4) ;
}

/* colors */
.gray {
  color: var(--zdt_secondaryText_gray_text);
}
.orange {
  color: var(--zdt_secondaryText_orage_text);
}
.green {
  color: var(--zdt_secondaryText_green_text);
}
.red {
  color: var(--zdt_secondaryText_red_text);
}
.blue {
  color: var(--zdt_secondaryText_blue_text);
}
.black {
  color: var(--zdt_secondaryText_black_text);
}

.phonetxt {
  composes: ltr-dir from '~@zohodesk/components/es/common/common.module.css';
}