@zohodesk/components 1.0.0-temp-175 → 1.0.0-temp-177

package/lib/v1/Typography/css/Typography.module.css

@@ -1,409 +1,409 @@
-.reset {
-  font-weight: initial;
-  margin: initial ;
-  padding: initial ;
-}
-.dotted{
-  composes: dotted from '../../../common/common.module.css';
-}
-.display_block {
-  display: block;
-}
-.display_inlineBlock {
-  display: inline-block;
-}
-.display_inline {
-  display: inline;
-}
-.display_initial{
-  display: initial;
-}
-.font_regular {
-  font-family: var(--zd_regular);
-}
-.font_light {
-  font-family: var(--zd_light);
-}
-.font_semibold {
-  font-family: var(--zd_semibold);
-  composes: ftsmooth from '../../../common/common.module.css';
-}
-.font_bold {
-  font-family: var(--zd_bold);
-  composes: ftsmooth from '../../../common/common.module.css';
-}
-.fontStyles_normal{
-  font-style: normal;
-}
-.fontStyles_italic{
-  font-style: italic;
-}
-.decoration_default{
-  text-decoration: none;
-}
-.decoration_underline{
-  text-decoration: underline;
-}
-.decoration_strike{
-  text-decoration: line-through;
-}
-.decoration_overline{
-  text-decoration: overline;
-}
-[dir=ltr] .textalign_left{
-  text-align: left;
-}
-[dir=rtl] .textalign_left{
-  text-align: right;
-}
-[dir=ltr] .textalign_right{
-  text-align: right;
-}
-[dir=rtl] .textalign_right{
-  text-align: left;
-}
-.textalign_center{
-  text-align: center;
-}
-.textalign_justify{
-  text-align: justify;
-}
-.transform_default{
-  text-transform: none;
-}
-.transform_upper{
-  text-transform: uppercase;
-}
-.transform_lower{
-  text-transform: lowercase;
-}
-.transform_capital{
-  text-transform: capitalize;
-}
-.dotted_clamp{
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-.lineclamp_1{
-  -webkit-line-clamp: 1;
-  composes:dotted_clamp;
-}
-.lineclamp_2{
-  -webkit-line-clamp: 2;
-  composes:dotted_clamp;
-}
-.lineclamp_3{
-  -webkit-line-clamp: 3;
-  composes:dotted_clamp;
-}
-.lineclamp_4{
-  -webkit-line-clamp: 4;
-  composes:dotted_clamp;
-}
-.lineclamp_5{
-  -webkit-line-clamp: 5;
-  composes:dotted_clamp;
-}
-
-.wordBreak_breakAll{
-  word-break: break-all
-}
-.wordBreak_keepAll{
-  word-break: keep-all
-}
-.wordBreak_breakWord{
-  word-break: break-word
-}
-
-.wordWrap_normal{
-  word-wrap:normal;
-}
-.wordWrap_break{
-  word-wrap:break-word
-}
-
-.whiteSpace_normal{
-  white-space:normal
-}
-.whiteSpace_noWrap{
-  white-space:nowrap
-}
-.whiteSpace_pre{
-  white-space:pre
-}
-.whiteSpace_preLine{
-  white-space:pre-line
-}
-.whiteSpace_preWrap{
-  white-space:pre-wrap
-}
-
-
-
-/*...............Font Size Start.........*/
-
-.size7{
-  font-size: var(--zd_font_size7) ;
-}
-.size8{
-  font-size: var(--zd_font_size8) ;
-}
-.size9{
-  font-size: var(--zd_font_size9) ;
-}
-.size10{
-  font-size: var(--zd_font_size10) ;
-}
-.size11{
-  font-size: var(--zd_font_size11) ;
-}
-.size12{
-  font-size: var(--zd_font_size12) ;
-}
-.size13{
-  font-size: var(--zd_font_size13) ;
-}
-.size14{
-  font-size: var(--zd_font_size14) ;
-}
-.size15{
-  font-size: var(--zd_font_size15) ;
-}
-.size16{
-  font-size: var(--zd_font_size16) ;
-}
-.size17{
-  font-size: var(--zd_font_size17) ;
-}
-.size18{
-  font-size: var(--zd_font_size18) ;
-}
-.size19{
-  font-size: var(--zd_font_size19) ;
-}
-.size20{
-  font-size: var(--zd_font_size20) ;
-}
-.size21{
-  font-size: var(--zd_font_size21) ;
-}
-.size22{
-  font-size: var(--zd_font_size22) ;
-}
-.size24{
-  font-size: var(--zd_font_size24) ;
-}
-.size25{
-  font-size: var(--zd_font_size25) ;
-}
-.size26{
-  font-size: var(--zd_font_size26) ;
-}
-.size28{
-  font-size: var(--zd_font_size28) ;
-}
-.size29{
-  font-size: var(--zd_font_size29) ;
-}
-.size30{
-  font-size: var(--zd_font_size30) ;
-}
-.size32{
-  font-size: var(--zd_font_size32) ;
-}
-.size34{
-  font-size: var(--zd_font_size34) ;
-}
-.size35{
-  font-size: var(--zd_font_size35) ;
-}
-.size36{
-  font-size: var(--zd_font_size36) ;
-}
-.size40{
-  font-size: var(--zd_font_size40) ;
-}
-.size50{
-  font-size: var(--zd_font_size50) ;
-}
-.sizeinherit{
-  font-size: inherit ;
-}
-
-/*...............Font Size End.........*/
-
-/*............... Lineheight Start.........*/
-
-.lineheight_inherit{
-  line-height: inherit;
-}
-.lineheight_0{
-  line-height: 0px;
-}
-.lineheight_1{
-  line-height: 1;
-}
-.lineheight_8{
-  line-height: 8px;
-}
-.lineheight_10{
-  line-height: 10px;
-}
-.lineheight_11{
-  line-height: 11px;
-}
-.lineheight_12{
-  line-height: 12px;
-}
-.lineheight_13{
-  line-height: 13px;
-}
-.lineheight_14{
-  line-height: 14px;
-}
-.lineheight_15{
-  line-height: 15px;
-}
-.lineheight_16{
-  line-height: 16px;
-}
-.lineheight_17{
-  line-height: 17px;
-}
-.lineheight_18{
-  line-height: 18px;
-}
-.lineheight_19{
-  line-height: 19px;
-}
-.lineheight_20{
-  line-height: 20px;
-}
-.lineheight_21{
-  line-height: 21px;
-}
-.lineheight_22{
-  line-height: 22px;
-}
-.lineheight_24{
-  line-height: 24px;
-}
-.lineheight_25{
-  line-height: 25px;
-}
-.lineheight_26{
-  line-height: 26px;
-}
-.lineheight_27{
-  line-height: 27px;
-}
-.lineheight_28{
-  line-height: 28px;
-}
-.lineheight_29{
-  line-height: 29px;
-}
-.lineheight_30{
-  line-height: 30px;
-}
-.lineheight_32{
-  line-height: 32px;
-}
-.lineheight_33{
-  line-height: 33px;
-}
-.lineheight_34{
-  line-height: 34px;
-}
-.lineheight_35{
-  line-height: 35px;
-}
-.lineheight_36{
-  line-height: 36px;
-}
-.lineheight_38{
-  line-height: 38px;
-}
-.lineheight_40{
-  line-height: 40px;
-}
-.lineheight_41{
-  line-height: 41px;
-}
-.lineheight_42{
-  line-height: 42px;
-}
-.lineheight_45{
-  line-height: 45px;
-}
-.lineheight_50{
-  line-height: 50px;
-}
-.lineheight_52{
-  line-height: 52px;
-}
-.lineheight_54{
-  line-height: 54px;
-}
-.lineheight_55{
-  line-height: 55px;
-}
-.lineheight_60{
-  line-height: 60px;
-}
-.lineheight_70{
-  line-height: 70px;
-}
-.lineheight_75{
-  line-height: 75px;
-}
-.lineheight_120{
-  line-height: 120px;
-}
-
-/*............... Lineheight End.........*/
-
-/*............... Letterspacing Start.........*/
-
-.letterspacing_inherit{
-  letter-spacing:inherit;
-}
-.letterspacing_01{
-  letter-spacing: 0.1px;
-}
-.letterspacing_02{
-  letter-spacing: 0.2px;
-}
-.letterspacing_03{
-  letter-spacing: 0.3px;
-}
-.letterspacing_04{
-  letter-spacing: 0.4px;
-}
-.letterspacing_05{
-  letter-spacing: 0.5px;
-}
-.letterspacing_06{
-  letter-spacing: 0.6px;
-}
-.letterspacing_07{
-  letter-spacing: 0.7px;
-}
-.letterspacing_08{
-  letter-spacing: 0.8px;
-}
-.letterspacing_09{
-  letter-spacing: 0.9px;
-}
-.letterspacing_1{
-  letter-spacing: 1px;
-}
-.letterspacing_2{
-  letter-spacing: 2px;
-}
-.letterspacing_4{
-  letter-spacing: 4px;
-}
-
-/*............... Letterspacing End.........*/
+.reset {
+  font-weight: initial;
+  margin: initial ;
+  padding: initial ;
+}
+.dotted{
+  composes: dotted from '../../../common/common.module.css';
+}
+.display_block {
+  display: block;
+}
+.display_inlineBlock {
+  display: inline-block;
+}
+.display_inline {
+  display: inline;
+}
+.display_initial{
+  display: initial;
+}
+.font_regular {
+  font-family: var(--zd_regular);
+}
+.font_light {
+  font-family: var(--zd_light);
+}
+.font_semibold {
+  font-family: var(--zd_semibold);
+  composes: ftsmooth from '../../../common/common.module.css';
+}
+.font_bold {
+  font-family: var(--zd_bold);
+  composes: ftsmooth from '../../../common/common.module.css';
+}
+.fontStyles_normal{
+  font-style: normal;
+}
+.fontStyles_italic{
+  font-style: italic;
+}
+.decoration_default{
+  text-decoration: none;
+}
+.decoration_underline{
+  text-decoration: underline;
+}
+.decoration_strike{
+  text-decoration: line-through;
+}
+.decoration_overline{
+  text-decoration: overline;
+}
+[dir=ltr] .textalign_left{
+  text-align: left;
+}
+[dir=rtl] .textalign_left{
+  text-align: right;
+}
+[dir=ltr] .textalign_right{
+  text-align: right;
+}
+[dir=rtl] .textalign_right{
+  text-align: left;
+}
+.textalign_center{
+  text-align: center;
+}
+.textalign_justify{
+  text-align: justify;
+}
+.transform_default{
+  text-transform: none;
+}
+.transform_upper{
+  text-transform: uppercase;
+}
+.transform_lower{
+  text-transform: lowercase;
+}
+.transform_capital{
+  text-transform: capitalize;
+}
+.dotted_clamp{
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.lineclamp_1{
+  -webkit-line-clamp: 1;
+  composes:dotted_clamp;
+}
+.lineclamp_2{
+  -webkit-line-clamp: 2;
+  composes:dotted_clamp;
+}
+.lineclamp_3{
+  -webkit-line-clamp: 3;
+  composes:dotted_clamp;
+}
+.lineclamp_4{
+  -webkit-line-clamp: 4;
+  composes:dotted_clamp;
+}
+.lineclamp_5{
+  -webkit-line-clamp: 5;
+  composes:dotted_clamp;
+}
+
+.wordBreak_breakAll{
+  word-break: break-all
+}
+.wordBreak_keepAll{
+  word-break: keep-all
+}
+.wordBreak_breakWord{
+  word-break: break-word
+}
+
+.wordWrap_normal{
+  word-wrap:normal;
+}
+.wordWrap_break{
+  word-wrap:break-word
+}
+
+.whiteSpace_normal{
+  white-space:normal
+}
+.whiteSpace_noWrap{
+  white-space:nowrap
+}
+.whiteSpace_pre{
+  white-space:pre
+}
+.whiteSpace_preLine{
+  white-space:pre-line
+}
+.whiteSpace_preWrap{
+  white-space:pre-wrap
+}
+
+
+
+/*...............Font Size Start.........*/
+
+.size7{
+  font-size: var(--zd_font_size7) ;
+}
+.size8{
+  font-size: var(--zd_font_size8) ;
+}
+.size9{
+  font-size: var(--zd_font_size9) ;
+}
+.size10{
+  font-size: var(--zd_font_size10) ;
+}
+.size11{
+  font-size: var(--zd_font_size11) ;
+}
+.size12{
+  font-size: var(--zd_font_size12) ;
+}
+.size13{
+  font-size: var(--zd_font_size13) ;
+}
+.size14{
+  font-size: var(--zd_font_size14) ;
+}
+.size15{
+  font-size: var(--zd_font_size15) ;
+}
+.size16{
+  font-size: var(--zd_font_size16) ;
+}
+.size17{
+  font-size: var(--zd_font_size17) ;
+}
+.size18{
+  font-size: var(--zd_font_size18) ;
+}
+.size19{
+  font-size: var(--zd_font_size19) ;
+}
+.size20{
+  font-size: var(--zd_font_size20) ;
+}
+.size21{
+  font-size: var(--zd_font_size21) ;
+}
+.size22{
+  font-size: var(--zd_font_size22) ;
+}
+.size24{
+  font-size: var(--zd_font_size24) ;
+}
+.size25{
+  font-size: var(--zd_font_size25) ;
+}
+.size26{
+  font-size: var(--zd_font_size26) ;
+}
+.size28{
+  font-size: var(--zd_font_size28) ;
+}
+.size29{
+  font-size: var(--zd_font_size29) ;
+}
+.size30{
+  font-size: var(--zd_font_size30) ;
+}
+.size32{
+  font-size: var(--zd_font_size32) ;
+}
+.size34{
+  font-size: var(--zd_font_size34) ;
+}
+.size35{
+  font-size: var(--zd_font_size35) ;
+}
+.size36{
+  font-size: var(--zd_font_size36) ;
+}
+.size40{
+  font-size: var(--zd_font_size40) ;
+}
+.size50{
+  font-size: var(--zd_font_size50) ;
+}
+.sizeinherit{
+  font-size: inherit ;
+}
+
+/*...............Font Size End.........*/
+
+/*............... Lineheight Start.........*/
+
+.lineheight_inherit{
+  line-height: inherit;
+}
+.lineheight_0{
+  line-height: 0px;
+}
+.lineheight_1{
+  line-height: 1;
+}
+.lineheight_8{
+  line-height: 8px;
+}
+.lineheight_10{
+  line-height: 10px;
+}
+.lineheight_11{
+  line-height: 11px;
+}
+.lineheight_12{
+  line-height: 12px;
+}
+.lineheight_13{
+  line-height: 13px;
+}
+.lineheight_14{
+  line-height: 14px;
+}
+.lineheight_15{
+  line-height: 15px;
+}
+.lineheight_16{
+  line-height: 16px;
+}
+.lineheight_17{
+  line-height: 17px;
+}
+.lineheight_18{
+  line-height: 18px;
+}
+.lineheight_19{
+  line-height: 19px;
+}
+.lineheight_20{
+  line-height: 20px;
+}
+.lineheight_21{
+  line-height: 21px;
+}
+.lineheight_22{
+  line-height: 22px;
+}
+.lineheight_24{
+  line-height: 24px;
+}
+.lineheight_25{
+  line-height: 25px;
+}
+.lineheight_26{
+  line-height: 26px;
+}
+.lineheight_27{
+  line-height: 27px;
+}
+.lineheight_28{
+  line-height: 28px;
+}
+.lineheight_29{
+  line-height: 29px;
+}
+.lineheight_30{
+  line-height: 30px;
+}
+.lineheight_32{
+  line-height: 32px;
+}
+.lineheight_33{
+  line-height: 33px;
+}
+.lineheight_34{
+  line-height: 34px;
+}
+.lineheight_35{
+  line-height: 35px;
+}
+.lineheight_36{
+  line-height: 36px;
+}
+.lineheight_38{
+  line-height: 38px;
+}
+.lineheight_40{
+  line-height: 40px;
+}
+.lineheight_41{
+  line-height: 41px;
+}
+.lineheight_42{
+  line-height: 42px;
+}
+.lineheight_45{
+  line-height: 45px;
+}
+.lineheight_50{
+  line-height: 50px;
+}
+.lineheight_52{
+  line-height: 52px;
+}
+.lineheight_54{
+  line-height: 54px;
+}
+.lineheight_55{
+  line-height: 55px;
+}
+.lineheight_60{
+  line-height: 60px;
+}
+.lineheight_70{
+  line-height: 70px;
+}
+.lineheight_75{
+  line-height: 75px;
+}
+.lineheight_120{
+  line-height: 120px;
+}
+
+/*............... Lineheight End.........*/
+
+/*............... Letterspacing Start.........*/
+
+.letterspacing_inherit{
+  letter-spacing:inherit;
+}
+.letterspacing_01{
+  letter-spacing: 0.1px;
+}
+.letterspacing_02{
+  letter-spacing: 0.2px;
+}
+.letterspacing_03{
+  letter-spacing: 0.3px;
+}
+.letterspacing_04{
+  letter-spacing: 0.4px;
+}
+.letterspacing_05{
+  letter-spacing: 0.5px;
+}
+.letterspacing_06{
+  letter-spacing: 0.6px;
+}
+.letterspacing_07{
+  letter-spacing: 0.7px;
+}
+.letterspacing_08{
+  letter-spacing: 0.8px;
+}
+.letterspacing_09{
+  letter-spacing: 0.9px;
+}
+.letterspacing_1{
+  letter-spacing: 1px;
+}
+.letterspacing_2{
+  letter-spacing: 2px;
+}
+.letterspacing_4{
+  letter-spacing: 4px;
+}
+
+/*............... Letterspacing End.........*/