@zohodesk/components 1.6.20 → 1.6.22-exp-1

package/lib/Textarea/Textarea.js

@@ -133,7 +133,7 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("textarea", _extends({
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledby,
-        className: "".concat(customClass, " ").concat(isReadOnly && needReadOnlyStyle ? _TextareaModule["default"].readonly : '', " ").concat(classList, " ").concat(_TextareaModule["default"]["borderColor_".concat(borderColor)]),
+        className: "".concat(isReadOnly && needReadOnlyStyle ? _TextareaModule["default"].readonly : '', " ").concat(classList, " ").concat(_TextareaModule["default"]["borderColor_".concat(borderColor)], " ").concat(customClass, " "),
         placeholder: placeHolder
       }, options, {
         "data-id": dataId,

package/lib/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/lib/Tooltip/Tooltip.js

@@ -558,7 +558,7 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
 
       var tooltipCss = "".concat(_TooltipModule["default"].tooltipcont, " ").concat(_cssUtils.whiteSpaceClassMapping[tooltipWhiteSpaceModification]);
       return title ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(customClass, " ").concat(_TooltipModule["default"].tooltiptext),
+        className: "".concat(_TooltipModule["default"].tooltiptext, " ").concat(customClass),
         style: {
           left: left,
           top: top,

package/lib/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/lib/Typography/css/cssJSLogic.js

@@ -73,7 +73,7 @@ function cssJSLogic(_ref) {
     finalLineHeight = _utils2.lineheightMapping[finalLineHeight];
   }
 
-  var typographyClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.reset, finalReset), _defineProperty(_compileClassNames, style.dotted, finalDotted), _defineProperty(_compileClassNames, style["size".concat(finalSize)], !!finalSize), _defineProperty(_compileClassNames, style["lineclamp_".concat(finalLineClamp)], !!finalLineClamp), _defineProperty(_compileClassNames, style["lineheight_".concat(finalLineHeight)], !!finalLineHeight), _defineProperty(_compileClassNames, style["display_".concat(finalDisplay)], !!finalDisplay), _defineProperty(_compileClassNames, style["font_".concat(finalWeight)], !!finalWeight), _defineProperty(_compileClassNames, style["fontStyles_".concat(finalTypeFace)], !!finalTypeFace), _defineProperty(_compileClassNames, style["textalign_".concat(finalTextAlign)], !!finalTextAlign), _defineProperty(_compileClassNames, style["letterspacing_".concat(finalLetterSpacing)], !!finalLetterSpacing), _defineProperty(_compileClassNames, style["transform_".concat(finalTransform)], !!finalTransform), _defineProperty(_compileClassNames, style["decoration_".concat(finalDecoration)], !!finalDecoration), _defineProperty(_compileClassNames, finalClassName, !!finalClassName), _defineProperty(_compileClassNames, style["wordBreak_".concat(finalWordBreak)], !!finalWordBreak), _defineProperty(_compileClassNames, style["wordWrap_".concat(finalWordWrap)], !!finalWordWrap), _defineProperty(_compileClassNames, style["whiteSpace_".concat(finalWhiteSpace)], !!finalWhiteSpace), _compileClassNames));
+  var typographyClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.reset, finalReset), _defineProperty(_compileClassNames, style.dotted, finalDotted), _defineProperty(_compileClassNames, style["size".concat(finalSize)], !!finalSize), _defineProperty(_compileClassNames, style["lineclamp_".concat(finalLineClamp)], !!finalLineClamp), _defineProperty(_compileClassNames, style["lineheight_".concat(finalLineHeight)], !!finalLineHeight), _defineProperty(_compileClassNames, style["display_".concat(finalDisplay)], !!finalDisplay), _defineProperty(_compileClassNames, style["font_".concat(finalWeight)], !!finalWeight), _defineProperty(_compileClassNames, style["fontStyles_".concat(finalTypeFace)], !!finalTypeFace), _defineProperty(_compileClassNames, style["textalign_".concat(finalTextAlign)], !!finalTextAlign), _defineProperty(_compileClassNames, style["letterspacing_".concat(finalLetterSpacing)], !!finalLetterSpacing), _defineProperty(_compileClassNames, style["transform_".concat(finalTransform)], !!finalTransform), _defineProperty(_compileClassNames, style["decoration_".concat(finalDecoration)], !!finalDecoration), _defineProperty(_compileClassNames, style["wordBreak_".concat(finalWordBreak)], !!finalWordBreak), _defineProperty(_compileClassNames, style["wordWrap_".concat(finalWordWrap)], !!finalWordWrap), _defineProperty(_compileClassNames, style["whiteSpace_".concat(finalWhiteSpace)], !!finalWhiteSpace), _defineProperty(_compileClassNames, finalClassName, !!finalClassName), _compileClassNames));
   return {
     typographyClass: typographyClass
   };

package/lib/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/lib/css.js

@@ -18,8 +18,6 @@ require("./common/transition.module.css");
 
 require("./common/common.module.css");
 
-require("./Layout/Layout.module.css");
-
 require("./Avatar/Avatar.module.css");
 
 require("./AvatarTeam/AvatarTeam.module.css");

package/lib/deprecated/Switch/Switch.js

@@ -62,7 +62,7 @@ var Switch = function Switch(props) {
     isCover: false,
     alignBox: "row",
     isInline: true,
-    className: "".concat(_SwitchModule["default"].container, " ").concat(customSwitchWrap, " ").concat(disabled ? _SwitchModule["default"].disabled : isReadOnly ? _SwitchModule["default"].readonly : _SwitchModule["default"].effect),
+    className: "".concat(_SwitchModule["default"].container, " ").concat(disabled ? _SwitchModule["default"].disabled : isReadOnly ? _SwitchModule["default"].readonly : _SwitchModule["default"].effect, " ").concat(customSwitchWrap, " "),
     "data-title": disabled ? disableTitle : title,
     "aria-checked": checked,
     role: "switch",

package/lib/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"