@zohodesk/components 1.6.20 → 1.6.22-exp-1

package/es/Textarea/Textarea.js

@@ -95,7 +95,7 @@ export default class Textarea extends React.Component {
     return /*#__PURE__*/React.createElement("textarea", _extends({
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledby,
-      className: `${customClass} ${isReadOnly && needReadOnlyStyle ? style.readonly : ''} ${classList} ${style[`borderColor_${borderColor}`]}`,
+      className: `${isReadOnly && needReadOnlyStyle ? style.readonly : ''} ${classList} ${style[`borderColor_${borderColor}`]} ${customClass} `,
       placeholder: placeHolder
     }, options, {
       "data-id": dataId,

package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`Textarea component Should be render  cols only  1`] = `
 <DocumentFragment>
   <textarea
-    class="  container  defaultHeight  default needBorder noresize     effect  borderColor_default"
+    class="container defaultHeight default needBorder noresize effect borderColor_default"
     cols="3"
     data-id="TextareaComp"
     data-selector-id="textarea"
@@ -15,7 +15,7 @@ exports[`Textarea component Should be render  cols only  1`] = `
 exports[`Textarea component Should be render autofocus true  1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -26,7 +26,7 @@ exports[`Textarea component Should be render autofocus true  1`] = `
 exports[`Textarea component Should be render custom Attributes  1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -38,7 +38,7 @@ exports[`Textarea component Should be render custom Attributes  1`] = `
 exports[`Textarea component Should be render customClass  1`] = `
 <DocumentFragment>
   <textarea
-    class="textAreaCustomClass  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default textAreaCustomClass"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -49,7 +49,7 @@ exports[`Textarea component Should be render customClass  1`] = `
 exports[`Textarea component Should be render htmlId  1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -61,7 +61,7 @@ exports[`Textarea component Should be render htmlId  1`] = `
 exports[`Textarea component Should be render isDisabled is false and needEffect is false 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -72,7 +72,7 @@ exports[`Textarea component Should be render isDisabled is false and needEffect
 exports[`Textarea component Should be render isDisabled is true 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize       borderColor_default"
+    class="container small defaultWidth default needBorder noresize borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -84,7 +84,7 @@ exports[`Textarea component Should be render isDisabled is true 1`] = `
 exports[`Textarea component Should be render isDisabled is true and needEffect is false 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize       borderColor_default"
+    class="container small defaultWidth default needBorder noresize borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -96,7 +96,7 @@ exports[`Textarea component Should be render isDisabled is true and needEffect i
 exports[`Textarea component Should be render isDisabled is true and needEffect is true 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -108,7 +108,7 @@ exports[`Textarea component Should be render isDisabled is true and needEffect i
 exports[`Textarea component Should be render isReadOnly is false and needEffect is false 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -119,7 +119,7 @@ exports[`Textarea component Should be render isReadOnly is false and needEffect
 exports[`Textarea component Should be render isReadOnly is true and needEffect is false 1`] = `
 <DocumentFragment>
   <textarea
-    class=" readonly container small  defaultWidth default needBorder noresize       borderColor_default"
+    class="readonly container small defaultWidth default needBorder noresize borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -131,7 +131,7 @@ exports[`Textarea component Should be render isReadOnly is true and needEffect i
 exports[`Textarea component Should be render isReadOnly is true and needEffect is true 1`] = `
 <DocumentFragment>
   <textarea
-    class=" readonly container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="readonly container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -143,7 +143,7 @@ exports[`Textarea component Should be render isReadOnly is true and needEffect i
 exports[`Textarea component Should be render maxLength in number 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -155,7 +155,7 @@ exports[`Textarea component Should be render maxLength in number 1`] = `
 exports[`Textarea component Should be render maxLength in string 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -167,7 +167,7 @@ exports[`Textarea component Should be render maxLength in string 1`] = `
 exports[`Textarea component Should be render needAppearance is false  1`] = `
 <DocumentFragment>
   <textarea
-    class="  basic borderColor_default"
+    class="basic borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -178,7 +178,7 @@ exports[`Textarea component Should be render needAppearance is false  1`] = `
 exports[`Textarea component Should be render needBorder is false 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default noBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default noBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -189,7 +189,7 @@ exports[`Textarea component Should be render needBorder is false 1`] = `
 exports[`Textarea component Should be render needReadOnlyStyle is false  1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -200,7 +200,7 @@ exports[`Textarea component Should be render needReadOnlyStyle is false  1`] = `
 exports[`Textarea component Should be render placeholder 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -212,7 +212,7 @@ exports[`Textarea component Should be render placeholder 1`] = `
 exports[`Textarea component Should be render rows and cols  1`] = `
 <DocumentFragment>
   <textarea
-    class="  container    default needBorder noresize     effect  borderColor_default"
+    class="container default needBorder noresize effect borderColor_default"
     cols="3"
     data-id="TextareaComp"
     data-selector-id="textarea"
@@ -225,7 +225,7 @@ exports[`Textarea component Should be render rows and cols  1`] = `
 exports[`Textarea component Should be render rows only  1`] = `
 <DocumentFragment>
   <textarea
-    class="  container   defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -237,7 +237,7 @@ exports[`Textarea component Should be render rows only  1`] = `
 exports[`Textarea component Should be render text 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -250,7 +250,7 @@ exports[`Textarea component Should be render text 1`] = `
 exports[`Textarea component Should be render with the basic set of default props 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -261,7 +261,7 @@ exports[`Textarea component Should be render with the basic set of default props
 exports[`Textarea component Should render Varient - default 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -272,7 +272,7 @@ exports[`Textarea component Should render Varient - default 1`] = `
 exports[`Textarea component Should render Varient - primary 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth primary needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth primary needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -283,7 +283,7 @@ exports[`Textarea component Should render Varient - primary 1`] = `
 exports[`Textarea component Should render animated is false - large 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container large  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container large defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -294,7 +294,7 @@ exports[`Textarea component Should render animated is false - large 1`] = `
 exports[`Textarea component Should render animated is false - medium 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container medium  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container medium defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -305,7 +305,7 @@ exports[`Textarea component Should render animated is false - medium 1`] = `
 exports[`Textarea component Should render animated is false - small 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -316,7 +316,7 @@ exports[`Textarea component Should render animated is false - small 1`] = `
 exports[`Textarea component Should render animated is false - xmedium 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container xmedium  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container xmedium defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -327,7 +327,7 @@ exports[`Textarea component Should render animated is false - xmedium 1`] = `
 exports[`Textarea component Should render animated is false - xsmall 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container xsmall  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container xsmall defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -338,7 +338,7 @@ exports[`Textarea component Should render animated is false - xsmall 1`] = `
 exports[`Textarea component Should render animated is true - large 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container large  defaultWidth default needBorder noresize  largeanimated   effect  borderColor_default"
+    class="container large defaultWidth default needBorder noresize largeanimated effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -349,7 +349,7 @@ exports[`Textarea component Should render animated is true - large 1`] = `
 exports[`Textarea component Should render animated is true - medium 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container medium  defaultWidth default needBorder noresize  undefined   effect  borderColor_default"
+    class="container medium defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -360,7 +360,7 @@ exports[`Textarea component Should render animated is true - medium 1`] = `
 exports[`Textarea component Should render animated is true - small 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize  smallanimated   effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize smallanimated effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -371,7 +371,7 @@ exports[`Textarea component Should render animated is true - small 1`] = `
 exports[`Textarea component Should render animated is true - xmedium 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container xmedium  defaultWidth default needBorder noresize  xmediumanimated   effect  borderColor_default"
+    class="container xmedium defaultWidth default needBorder noresize xmediumanimated effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -382,7 +382,7 @@ exports[`Textarea component Should render animated is true - xmedium 1`] = `
 exports[`Textarea component Should render animated is true - xsmall 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container xsmall  defaultWidth default needBorder noresize  xsmallanimated   effect  borderColor_default"
+    class="container xsmall defaultWidth default needBorder noresize xsmallanimated effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -393,7 +393,7 @@ exports[`Textarea component Should render animated is true - xsmall 1`] = `
 exports[`Textarea component Should render borderColor - default 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -404,7 +404,7 @@ exports[`Textarea component Should render borderColor - default 1`] = `
 exports[`Textarea component Should render borderColor - transparent 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_transparent"
+    class="container small defaultWidth default needBorder noresize effect borderColor_transparent"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -415,7 +415,7 @@ exports[`Textarea component Should render borderColor - transparent 1`] = `
 exports[`Textarea component Should render resize  - both 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder resizeboth     effect  borderColor_default"
+    class="container small defaultWidth default needBorder resizeboth effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -426,7 +426,7 @@ exports[`Textarea component Should render resize  - both 1`] = `
 exports[`Textarea component Should render resize  - horizontal 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder resizeX     effect  borderColor_default"
+    class="container small defaultWidth default needBorder resizeX effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -437,7 +437,7 @@ exports[`Textarea component Should render resize  - horizontal 1`] = `
 exports[`Textarea component Should render resize  - none 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -448,7 +448,7 @@ exports[`Textarea component Should render resize  - none 1`] = `
 exports[`Textarea component Should render resize  - vertical 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder resizeY     effect  borderColor_default"
+    class="container small defaultWidth default needBorder resizeY effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -459,7 +459,7 @@ exports[`Textarea component Should render resize  - vertical 1`] = `
 exports[`Textarea component Should render size  - large 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container large  defaultWidth default needBorder noresize  largeanimated   effect  borderColor_default"
+    class="container large defaultWidth default needBorder noresize largeanimated effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -470,7 +470,7 @@ exports[`Textarea component Should render size  - large 1`] = `
 exports[`Textarea component Should render size  - medium 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container medium  defaultWidth default needBorder noresize  undefined   effect  borderColor_default"
+    class="container medium defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -481,7 +481,7 @@ exports[`Textarea component Should render size  - medium 1`] = `
 exports[`Textarea component Should render size  - small 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container small  defaultWidth default needBorder noresize  smallanimated   effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize smallanimated effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -492,7 +492,7 @@ exports[`Textarea component Should render size  - small 1`] = `
 exports[`Textarea component Should render size  - xmedium 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container xmedium  defaultWidth default needBorder noresize  xmediumanimated   effect  borderColor_default"
+    class="container xmedium defaultWidth default needBorder noresize xmediumanimated effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -503,7 +503,7 @@ exports[`Textarea component Should render size  - xmedium 1`] = `
 exports[`Textarea component Should render size  - xsmall 1`] = `
 <DocumentFragment>
   <textarea
-    class="  container xsmall  defaultWidth default needBorder noresize  xsmallanimated   effect  borderColor_default"
+    class="container xsmall defaultWidth default needBorder noresize xsmallanimated effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"
@@ -516,7 +516,7 @@ exports[`Textarea component rendering ally clearLabel 1`] = `
   <textarea
     aria-label="TextAreaAriaLabel"
     aria-labelledby="TexareaAriaLabelledby"
-    class="  container small  defaultWidth default needBorder noresize     effect  borderColor_default"
+    class="container small defaultWidth default needBorder noresize effect borderColor_default"
     data-id="TextareaComp"
     data-selector-id="textarea"
     data-test-id="TextareaComp"

package/es/Tooltip/Tooltip.js

@@ -493,7 +493,7 @@ export default class Tooltip extends React.Component {
 
     let tooltipCss = `${style.tooltipcont} ${whiteSpaceClassMapping[tooltipWhiteSpaceModification]}`;
     return title ? /*#__PURE__*/React.createElement("div", {
-      className: `${customClass} ${style.tooltiptext}`,
+      className: `${style.tooltiptext} ${customClass}`,
       style: {
         left,
         top,

package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap

@@ -2438,7 +2438,7 @@ exports[`Typography with highlight should render customised render the highlight
     The 
     <div
       aria-labelledby="1"
-      class="container effect    medium lgRadius default   "
+      class="container effect medium lgRadius default"
       data-id="tag_Tag"
       data-selector-id="tag"
       data-test-id="tag_Tag"
@@ -2698,7 +2698,7 @@ exports[`Typography with highlight should render separate customised render the
     The 
     <div
       aria-labelledby="2"
-      class="container effect    medium lgRadius default   "
+      class="container effect medium lgRadius default"
       data-id="tag_Tag"
       data-selector-id="tag"
       data-test-id="tag_Tag"
@@ -2716,7 +2716,7 @@ exports[`Typography with highlight should render separate customised render the
      and 
     <div
       aria-labelledby="3"
-      class="container effect    medium lgRadius default   "
+      class="container effect medium lgRadius default"
       data-id="tag_Tag"
       data-selector-id="tag"
       data-test-id="tag_Tag"

package/es/Typography/css/cssJSLogic.js

@@ -76,10 +76,10 @@ export default function cssJSLogic({
     [style[`letterspacing_${finalLetterSpacing}`]]: !!finalLetterSpacing,
     [style[`transform_${finalTransform}`]]: !!finalTransform,
     [style[`decoration_${finalDecoration}`]]: !!finalDecoration,
-    [finalClassName]: !!finalClassName,
     [style[`wordBreak_${finalWordBreak}`]]: !!finalWordBreak,
     [style[`wordWrap_${finalWordWrap}`]]: !!finalWordWrap,
-    [style[`whiteSpace_${finalWhiteSpace}`]]: !!finalWhiteSpace
+    [style[`whiteSpace_${finalWhiteSpace}`]]: !!finalWhiteSpace,
+    [finalClassName]: !!finalClassName
   });
   return {
     typographyClass

package/es/common/basic.module.css

@@ -1,5 +1,6 @@
+/*For editor's legacy content*/
 @font-face {
-  font-family: Light;
+  font-family: Regular;
   src: url('https://static.zohocdn.com/webfonts/lato2light/font.woff2') format('woff2');
   font-weight: 300;
   font-style: normal;
@@ -15,7 +16,7 @@
 }
 
 @font-face {
-  font-family: Semibold;
+  font-family: Regular;
   src: url('https://static.zohocdn.com/webfonts/lato2semibold/font.woff2') format('woff2');
   font-weight: 600;
   font-style: normal;
@@ -23,16 +24,16 @@
 }
 
 @font-face {
-  font-family: Bold;
+  font-family: Regular;
   src: url('https://static.zohocdn.com/webfonts/lato2bold/font.woff2') format('woff2');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
 }
 
-
+/* For font-weight */
 @font-face {
-  font-family: ZDLato;
+  font-family: Lato;
   src: url('https://static.zohocdn.com/webfonts/lato2light/font.woff2') format('woff2');
   font-weight: 100 300;
   font-style: normal;
@@ -40,7 +41,7 @@
 }
 
 @font-face {
-  font-family: ZDLato;
+  font-family: Lato;
   src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
@@ -48,7 +49,7 @@
 }
 
 @font-face {
-  font-family: ZDLato;
+  font-family: Lato;
   src: url('https://static.zohocdn.com/webfonts/lato2semibold/font.woff2') format('woff2');
   font-weight: 500 600;
   font-style: normal;
@@ -56,7 +57,7 @@
 }
 
 @font-face {
-  font-family: ZDLato;
+  font-family: Lato;
   src: url('https://static.zohocdn.com/webfonts/lato2bold/font.woff2') format('woff2');
   font-weight: 700 900;
   font-style: normal;

package/es/css.js

@@ -7,7 +7,6 @@ import '@zohodesk/icons/lib/Icon/Icon.module.css';
 import "./common/animation.module.css";
 import "./common/transition.module.css";
 import "./common/common.module.css";
-import "./Layout/Layout.module.css";
 import "./Avatar/Avatar.module.css";
 import "./AvatarTeam/AvatarTeam.module.css";
 import "./Button/Button.module.css";

package/es/deprecated/Switch/Switch.js

@@ -50,7 +50,7 @@ const Switch = props => {
     isCover: false,
     alignBox: "row",
     isInline: true,
-    className: `${style.container} ${customSwitchWrap} ${disabled ? style.disabled : isReadOnly ? style.readonly : style.effect}`,
+    className: `${style.container} ${disabled ? style.disabled : isReadOnly ? style.readonly : style.effect} ${customSwitchWrap} `,
     "data-title": disabled ? disableTitle : title,
     "aria-checked": checked,
     role: "switch",

package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`Button rendering the defult props 1`] = `
 <DocumentFragment>
   <button
-    class="buttonReset "
+    class="buttonReset"
     data-id="semanticButton"
     data-test-id="semanticButton"
     type="button"