@zohodesk/components 1.0.0-temp-259.4 → 1.0.0-temp-261

package/es/Typography/css/Typography.module.css

@@ -9,15 +9,15 @@
 }
 
 .display_block {
-  display: block;
+  composes: d-block from global;
 }
 
 .display_inlineBlock {
-  display: inline-block;
+  composes: d-inline-block from global;
 }
 
 .display_inline {
-  display: inline;
+  composes: d-inline from global;
 }
 
 .display_initial {
@@ -43,11 +43,11 @@
 }
 
 .fontStyles_normal {
-  font-style: normal;
+  composes: d-not-italic from global;
 }
 
 .fontStyles_italic {
-  font-style: italic;
+  composes: d-italic from global;
 }
 
 .decoration_default {
@@ -66,50 +66,50 @@
   text-decoration: overline;
 }
 
-[dir=ltr] .textalign_left {
-  text-align: left;
+.textalign_left {
+  composes: d-text-left from global;
 }
 
-[dir=rtl] .textalign_left {
-  text-align: right;
+.textalign_right {
+  composes: d-text-right from global;
 }
 
-[dir=ltr] .textalign_right {
-  text-align: right;
+.textalign_center {
+  composes: d-text-center from global;
 }
 
-[dir=rtl] .textalign_right {
-  text-align: left;
+.textalign_justify {
+  composes: d-text-justify from global;
 }
 
-.textalign_center {
-  text-align: center;
+.textalign_start {
+  composes: d-text-start from global;
 }
 
-.textalign_justify {
-  text-align: justify;
+.textalign_end {
+  composes: d-text-end from global;
 }
 
 .transform_default {
-  text-transform: none;
+  composes: d-normal-case from global;
 }
 
 .transform_upper {
-  text-transform: uppercase;
+  composes: d-uppercase from global;
 }
 
 .transform_lower {
-  text-transform: lowercase;
+  composes: d-lowercase from global;
 }
 
 .transform_capital {
-  text-transform: capitalize;
+  composes: d-capitalize from global;
 }
 
 .dotted_clamp {
+  composes: d-overflow-hidden from global;
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  overflow: hidden;
 }
 
 .lineclamp_1 {
@@ -138,11 +138,11 @@
 }
 
 .wordBreak_breakAll {
-  word-break: break-all
+  composes: d-break-all from global;
 }
 
 .wordBreak_keepAll {
-  word-break: keep-all
+  composes: d-break-keep from global;
 }
 
 .wordBreak_breakWord {
@@ -158,27 +158,27 @@
 }
 
 .whiteSpace_normal {
-  white-space: normal
+  composes: d-whitespace-normal from global;
 }
 
 .whiteSpace_noWrap {
-  white-space: nowrap
+  composes: d-whitespace-nowrap from global;
 }
 
 .whiteSpace_pre {
-  white-space: pre
+  composes: d-whitespace-pre from global;
 }
 
 .whiteSpace_preLine {
-  white-space: pre-line
+  composes: d-whitespace-pre-line from global;
 }
 
 .whiteSpace_preWrap {
-  white-space: pre-wrap
+  composes: d-whitespace-pre-wrap from global;
 }
 
 .whiteSpace_breakSpaces {
-  white-space: break-spaces;
+  composes: d-whitespace-break-spaces from global;
 }
 
 

package/es/Typography/props/propTypes.js

@@ -5,7 +5,7 @@ const propTypeDefinitions = {
   display: PropTypes.oneOf(['block', 'inlineBlock', 'inline', 'initial']),
   weight: PropTypes.oneOf(['regular', 'light', 'semibold', 'bold']),
   isDotted: PropTypes.bool,
-  textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify']),
+  textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'start', 'end']),
   transform: PropTypes.oneOf(['default', 'upper', 'lower', 'capital']),
   lineClamp: PropTypes.oneOf(['1', '2', '3', '4', '5']),
   typeFace: PropTypes.oneOf(['normal', 'italic']),

package/es/common/animation.module.css

@@ -34,7 +34,7 @@
   -moz-animation-fill-mode: both;
 }
 .fadeIn {
-  opacity: 0;
+  composes: d-opacity-0 from global;
 }
 [dir=ltr] .fadeIn {
   animation-name: fadeIn;
@@ -65,7 +65,7 @@
 }
 
 .slideLeft {
-  opacity: 0;
+  composes: d-opacity-0 from global;
 }
 
 [dir=ltr] .slideLeft {
@@ -103,7 +103,7 @@
 }
 
 .slideRight {
-  opacity: 1;
+  composes: d-opacity-100 from global;
   transform: translateX(0) scale(1);
 }
 
@@ -158,7 +158,7 @@
 }
 
 .slideTop {
-  opacity: 1;
+  composes: d-opacity-100 from global;
   transform: translateY(0) scale(1);
 }
 
@@ -213,7 +213,7 @@
 }
 
 .fadeInScale {
-  opacity: 0;
+  composes: d-opacity-0 from global;
   transform: scale(0.8);
 }
 
@@ -231,7 +231,7 @@
   -ms-animation-name: fadeInScale;
 }
 .zoomIn {
-  opacity: 0;
+  composes: d-opacity-0 from global;
   transform: scale(1.5);
 }
 [dir=ltr] .zoomIn {
@@ -299,7 +299,7 @@
 }
 
 .slideDown {
-  max-height: 100vh ;
+  composes: d-max-h-screen from global;
 }
 
 [dir=ltr] .slideDown {
@@ -600,8 +600,8 @@
 }
 
 .zoomout {
+  composes: d-will-change-transform from global;
   transition: transform var(--zd_transition5), opacity var(--zd_transition5);
-  will-change: transform;
 }
 
 [dir=ltr] .zoomout {

package/es/common/basic.module.css

@@ -2,7 +2,7 @@
 @font-face {
   font-family: Regular;
   src: url('https://static.zohocdn.com/webfonts/lato2light/font.woff2') format('woff2');
-  font-weight: 300;
+  font-weight: 100 300;
   font-style: normal;
   font-display: swap;
 }
@@ -18,7 +18,7 @@
 @font-face {
   font-family: Regular;
   src: url('https://static.zohocdn.com/webfonts/lato2semibold/font.woff2') format('woff2');
-  font-weight: 600;
+  font-weight: 500;
   font-style: normal;
   font-display: swap;
 }
@@ -26,7 +26,7 @@
 @font-face {
   font-family: Regular;
   src: url('https://static.zohocdn.com/webfonts/lato2bold/font.woff2') format('woff2');
-  font-weight: 700;
+  font-weight: 600 900;
   font-style: normal;
   font-display: swap;
 }
@@ -51,7 +51,7 @@
 @font-face {
   font-family: Lato;
   src: url('https://static.zohocdn.com/webfonts/lato2semibold/font.woff2') format('woff2');
-  font-weight: 500 600;
+  font-weight: 500;
   font-style: normal;
   font-display: swap;
 }
@@ -59,7 +59,7 @@
 @font-face {
   font-family: Lato;
   src: url('https://static.zohocdn.com/webfonts/lato2bold/font.woff2') format('woff2');
-  font-weight: 700 900;
+  font-weight: 600 900;
   font-style: normal;
   font-display: swap;
 }