@zohodesk/dot 1.9.16 → 1.9.17

package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap

@@ -4,7 +4,7 @@ exports[`Image -  checking  "isCover" is false 1`] = `
 <DocumentFragment>
   <img
     alt="Lamp"
-    class="  imgFullSize "
+    class="imgFullSize"
     src="https://www.w3schools.com/images/lamp.jpg"
   />
 </DocumentFragment>
@@ -14,7 +14,7 @@ exports[`Image -  rendering  "dataid" value 1`] = `
 <DocumentFragment>
   <img
     alt="Lamp"
-    class="  imgMaxFullSize "
+    class="imgMaxFullSize"
     data-id="imageData"
     data-test-id="imageData"
     src="https://www.w3schools.com/images/lamp.jpg"
@@ -26,7 +26,7 @@ exports[`Image -  rendering "Id" value 1`] = `
 <DocumentFragment>
   <img
     alt="Lamp"
-    class="  imgMaxFullSize "
+    class="imgMaxFullSize"
     id="test"
     src="https://www.w3schools.com/images/lamp.jpg"
   />
@@ -37,7 +37,7 @@ exports[`Image -  rendering "Original" value 1`] = `
 <DocumentFragment>
   <img
     alt="Lamp"
-    class="  imgMaxFullSize "
+    class="imgMaxFullSize"
     data-original="https://www.w3schools.com/images/lamp.jpg"
     src="https://www.w3schools.com/images/lamp.jpg"
   />
@@ -48,7 +48,7 @@ exports[`Image -  rendering "alt" and "src" value  1`] = `
 <DocumentFragment>
   <img
     alt="Lamp"
-    class="  imgMaxFullSize "
+    class="imgMaxFullSize"
     src="https://www.w3schools.com/images/lamp.jpg"
   />
 </DocumentFragment>
@@ -58,7 +58,7 @@ exports[`Image -  rendering "title" value 1`] = `
 <DocumentFragment>
   <img
     alt="Lamp"
-    class="  imgMaxFullSize "
+    class="imgMaxFullSize"
     data-title="ImageTest Value"
     src="https://www.w3schools.com/images/lamp.jpg"
   />
@@ -68,7 +68,7 @@ exports[`Image -  rendering "title" value 1`] = `
 exports[`Image -  rendering the default props 1`] = `
 <DocumentFragment>
   <img
-    class="  imgMaxFullSize "
+    class="imgMaxFullSize"
   />
 </DocumentFragment>
 `;

package/lib/ImportantNotes/ImportantNotes.js

@@ -68,7 +68,7 @@ var ImportantNotes = /*#__PURE__*/function (_React$Component) {
         isCover: false,
         alignBox: "row",
         align: "top",
-        className: "".concat(_ImportantNotesModule["default"].section, " ").concat(className || '')
+        className: "".concat(_ImportantNotesModule["default"].section, " ").concat(className)
       }, iconName ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _ImportantNotesModule["default"].icon,
         align: "start"

package/lib/ImportantNotes/__tests__/__snapshots__/ImportantNotes.spec.js.snap

@@ -3,20 +3,20 @@
 exports[`ImportantNotes rendering the children 1`] = `
 <DocumentFragment>
   <div
-    class="section  flex rowdir top"
+    class="flex row alignItems_start section"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="icon shrinkOff selfStart"
+      class="noShrink alignSelf_start icon"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
+        class="zd_font_icons basic icon-help-centre"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"
@@ -24,7 +24,7 @@ exports[`ImportantNotes rendering the children 1`] = `
       />
     </div>
     <div
-      class="title grow basis shrinkOff"
+      class="flexible basis_zero noShrink title"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -38,20 +38,20 @@ exports[`ImportantNotes rendering the children 1`] = `
 exports[`ImportantNotes rendering the className prop 1`] = `
 <DocumentFragment>
   <div
-    class="section customClass flex rowdir top"
+    class="flex row alignItems_start section customClass"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="icon shrinkOff selfStart"
+      class="noShrink alignSelf_start icon"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
+        class="zd_font_icons basic icon-help-centre"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"
@@ -65,20 +65,20 @@ exports[`ImportantNotes rendering the className prop 1`] = `
 exports[`ImportantNotes rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="section  flex rowdir top"
+    class="flex row alignItems_start section"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="icon shrinkOff selfStart"
+      class="noShrink alignSelf_start icon"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
+        class="zd_font_icons basic icon-help-centre"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"
@@ -92,20 +92,20 @@ exports[`ImportantNotes rendering the defult props 1`] = `
 exports[`ImportantNotes rendering the iconClass 1`] = `
 <DocumentFragment>
   <div
-    class="section  flex rowdir top"
+    class="flex row alignItems_start section"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="icon shrinkOff selfStart"
+      class="noShrink alignSelf_start icon"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-info  customIconClass  "
+        class="zd_font_icons basic icon-info customIconClass"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"
@@ -119,20 +119,20 @@ exports[`ImportantNotes rendering the iconClass 1`] = `
 exports[`ImportantNotes rendering the iconName prop 1`] = `
 <DocumentFragment>
   <div
-    class="section  flex rowdir top"
+    class="flex row alignItems_start section"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="icon shrinkOff selfStart"
+      class="noShrink alignSelf_start icon"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-info    "
+        class="zd_font_icons basic icon-info"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"
@@ -140,7 +140,7 @@ exports[`ImportantNotes rendering the iconName prop 1`] = `
       />
     </div>
     <div
-      class="title grow basis shrinkOff"
+      class="flexible basis_zero noShrink title"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -154,7 +154,7 @@ exports[`ImportantNotes rendering the iconName prop 1`] = `
 exports[`ImportantNotes rendering the iconName prop and text and children are empty 1`] = `
 <DocumentFragment>
   <div
-    class="section  flex rowdir top"
+    class="flex row alignItems_start section"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
@@ -165,13 +165,13 @@ exports[`ImportantNotes rendering the iconName prop and text and children are em
 exports[`ImportantNotes rendering the iconName prop is null and given text value 1`] = `
 <DocumentFragment>
   <div
-    class="section  flex rowdir top"
+    class="flex row alignItems_start section"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="title grow basis shrinkOff"
+      class="flexible basis_zero noShrink title"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -185,20 +185,20 @@ exports[`ImportantNotes rendering the iconName prop is null and given text value
 exports[`ImportantNotes rendering the iconSize 1`] = `
 <DocumentFragment>
   <div
-    class="section  flex rowdir top"
+    class="flex row alignItems_start section"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="icon shrinkOff selfStart"
+      class="noShrink alignSelf_start icon"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-info    "
+        class="zd_font_icons basic icon-info"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"
@@ -212,20 +212,20 @@ exports[`ImportantNotes rendering the iconSize 1`] = `
 exports[`ImportantNotes rendering the isCover prop is false 1`] = `
 <DocumentFragment>
   <div
-    class="section  inflex rowdir top"
+    class="inlineFlex row alignItems_start section"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="icon shrinkOff selfStart"
+      class="noShrink alignSelf_start icon"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
+        class="zd_font_icons basic icon-help-centre"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"
@@ -239,20 +239,20 @@ exports[`ImportantNotes rendering the isCover prop is false 1`] = `
 exports[`ImportantNotes rendering the isCover prop is true 1`] = `
 <DocumentFragment>
   <div
-    class="section  flex rowdir top"
+    class="flex row alignItems_start section"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="icon shrinkOff selfStart"
+      class="noShrink alignSelf_start icon"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
+        class="zd_font_icons basic icon-help-centre"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"
@@ -266,20 +266,20 @@ exports[`ImportantNotes rendering the isCover prop is true 1`] = `
 exports[`ImportantNotes rendering the text and children prop 1`] = `
 <DocumentFragment>
   <div
-    class="section  flex rowdir top"
+    class="flex row alignItems_start section"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="icon shrinkOff selfStart"
+      class="noShrink alignSelf_start icon"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
+        class="zd_font_icons basic icon-help-centre"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"
@@ -287,7 +287,7 @@ exports[`ImportantNotes rendering the text and children prop 1`] = `
       />
     </div>
     <div
-      class="title grow basis shrinkOff"
+      class="flexible basis_zero noShrink title"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -301,20 +301,20 @@ exports[`ImportantNotes rendering the text and children prop 1`] = `
 exports[`ImportantNotes rendering the text and children prop is empty 1`] = `
 <DocumentFragment>
   <div
-    class="section  flex rowdir top"
+    class="flex row alignItems_start section"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="icon shrinkOff selfStart"
+      class="noShrink alignSelf_start icon"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
+        class="zd_font_icons basic icon-help-centre"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"
@@ -328,20 +328,20 @@ exports[`ImportantNotes rendering the text and children prop is empty 1`] = `
 exports[`ImportantNotes rendering the text prop 1`] = `
 <DocumentFragment>
   <div
-    class="section  flex rowdir top"
+    class="flex row alignItems_start section"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="icon shrinkOff selfStart"
+      class="noShrink alignSelf_start icon"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-help-centre    "
+        class="zd_font_icons basic icon-help-centre"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"
@@ -349,7 +349,7 @@ exports[`ImportantNotes rendering the text prop 1`] = `
       />
     </div>
     <div
-      class="title grow basis shrinkOff"
+      class="flexible basis_zero noShrink title"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"

package/lib/Link/__tests__/__snapshots__/Link.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`Link Component Snapshot Tests renders with children content 1`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="https://zoho.com/undefined/"
     rel="noopener noreferrer"
   >
@@ -15,7 +15,7 @@ exports[`Link Component Snapshot Tests renders with children content 1`] = `
 exports[`Link Component Snapshot Tests renders with custom className 1`] = `
 <DocumentFragment>
   <a
-    class="container  custom-link"
+    class="container custom-link"
     href="https://zoho.com/undefined/"
     rel="noopener noreferrer"
   />
@@ -25,7 +25,7 @@ exports[`Link Component Snapshot Tests renders with custom className 1`] = `
 exports[`Link Component Snapshot Tests renders with customProps 1`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     data-custom="customValue"
     data-id="uniqueId"
     href="https://zoho.com/undefined/"
@@ -37,7 +37,7 @@ exports[`Link Component Snapshot Tests renders with customProps 1`] = `
 exports[`Link Component Snapshot Tests renders with dataId prop 1`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     data-id="test-id"
     data-test-id="test-id"
     href="https://zoho.com/undefined/"
@@ -49,7 +49,7 @@ exports[`Link Component Snapshot Tests renders with dataId prop 1`] = `
 exports[`Link Component Snapshot Tests renders with default props 1`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="https://zoho.com/undefined/"
     rel="noopener noreferrer"
   />
@@ -59,7 +59,7 @@ exports[`Link Component Snapshot Tests renders with default props 1`] = `
 exports[`Link Component Snapshot Tests renders with download attribute 1`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     download=""
     href="https://zoho.com/undefined/"
     rel="noopener noreferrer"
@@ -70,7 +70,7 @@ exports[`Link Component Snapshot Tests renders with download attribute 1`] = `
 exports[`Link Component Snapshot Tests renders with href prop 1`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="https://zoho.com"
     rel="noopener noreferrer"
   />
@@ -80,7 +80,7 @@ exports[`Link Component Snapshot Tests renders with href prop 1`] = `
 exports[`Link Component Snapshot Tests renders with rel attribute 1`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="https://zoho.com/undefined/"
     rel="noopener noreferrer"
   />
@@ -90,7 +90,7 @@ exports[`Link Component Snapshot Tests renders with rel attribute 1`] = `
 exports[`Link Component Snapshot Tests renders with target - _blank 1`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="https://zoho.com/undefined/"
     rel="noopener noreferrer"
     target="_blank"
@@ -101,7 +101,7 @@ exports[`Link Component Snapshot Tests renders with target - _blank 1`] = `
 exports[`Link Component Snapshot Tests renders with target - _self 1`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="https://zoho.com/undefined/"
     rel="noopener noreferrer"
     target="_self"
@@ -112,7 +112,7 @@ exports[`Link Component Snapshot Tests renders with target - _self 1`] = `
 exports[`Link Component Snapshot Tests renders with title prop 1`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     data-title="Example Title"
     href="https://zoho.com/undefined/"
     rel="noopener noreferrer"
@@ -123,7 +123,7 @@ exports[`Link Component Snapshot Tests renders with title prop 1`] = `
 exports[`Link Component Snapshot Tests renders with urlName and undefined urlData using provider 1`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="https://zoho.com/profile/"
     rel="noopener noreferrer"
   />
@@ -133,7 +133,7 @@ exports[`Link Component Snapshot Tests renders with urlName and undefined urlDat
 exports[`Link Component Snapshot Tests renders with urlName and urlData as undefined using provider 1`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="https://zoho.com/undefined/"
     rel="noopener noreferrer"
   />
@@ -143,7 +143,7 @@ exports[`Link Component Snapshot Tests renders with urlName and urlData as undef
 exports[`Link Component Snapshot Tests renders with urlName and urlData using provider 1`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="https://zoho.com/profile/[object Object]"
     rel="noopener noreferrer"
   />

package/lib/Message/__tests__/__snapshots__/Message.spec.js.snap

@@ -17,7 +17,7 @@ exports[`Message rendering the defult props 1`] = `
         >
           <i
             aria-hidden="true"
-            class="zd_font_icons basic icon-check fbold   "
+            class="zd_font_icons basic icon-check fbold"
             data-id="fontIcon"
             data-selector-id="fontIcon"
             data-test-id="fontIcon"
@@ -38,7 +38,7 @@ exports[`Message rendering the defult props 1`] = `
       >
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-close-e fbold   "
+          class="zd_font_icons basic icon-close-e fbold"
           data-id="fontIcon"
           data-selector-id="fontIcon"
           data-test-id="fontIcon"