@zohodesk/dot 1.9.15 → 1.9.17

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

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

@@ -3,25 +3,25 @@
 exports[`MessageBanner rendering the customClass props 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_default customMessage flex rowdir"
+    class="flex row type_primary palette_default customMessage"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -38,25 +38,25 @@ exports[`MessageBanner rendering the customClass props 1`] = `
 exports[`MessageBanner rendering the default props 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_default  flex rowdir"
+    class="flex row type_primary palette_default"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -73,37 +73,37 @@ exports[`MessageBanner rendering the default props 1`] = `
 exports[`MessageBanner rendering the href props along with urlText props 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_default  flex rowdir"
+    class="flex row type_primary palette_default"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         />
         <div
-          class="shrinkOff"
+          class="noShrink"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           <a
-            class="container  link"
+            class="container link"
             data-id="MessageBanner_link"
             data-test-id="MessageBanner_link"
             href="https://www.zoho.com/"
@@ -122,25 +122,25 @@ exports[`MessageBanner rendering the href props along with urlText props 1`] = `
 exports[`MessageBanner rendering the onClose props via mock function 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_default  flex rowdir"
+    class="flex row type_primary palette_default"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -151,20 +151,20 @@ exports[`MessageBanner rendering the onClose props via mock function 1`] = `
       </div>
     </div>
     <div
-      class="close shrinkOff"
+      class="noShrink close"
       data-id="MessageBanner_close"
       data-selector-id="box"
       data-test-id="MessageBanner_close"
     >
       <div
-        class="flex cover coldir both"
+        class="flex fullSize column alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-close-e    "
+          class="zd_font_icons basic icon-close-e"
           data-id="fontIcon"
           data-selector-id="fontIcon"
           data-test-id="fontIcon"
@@ -179,25 +179,25 @@ exports[`MessageBanner rendering the onClose props via mock function 1`] = `
 exports[`MessageBanner rendering the palette of - blue 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_blue  flex rowdir"
+    class="flex row type_primary palette_blue"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -214,25 +214,25 @@ exports[`MessageBanner rendering the palette of - blue 1`] = `
 exports[`MessageBanner rendering the palette of - default 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_default  flex rowdir"
+    class="flex row type_primary palette_default"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -249,25 +249,25 @@ exports[`MessageBanner rendering the palette of - default 1`] = `
 exports[`MessageBanner rendering the palette of - white 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_white  flex rowdir"
+    class="flex row type_primary palette_white"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -284,25 +284,25 @@ exports[`MessageBanner rendering the palette of - white 1`] = `
 exports[`MessageBanner rendering the type of - primary 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_default  flex rowdir"
+    class="flex row type_primary palette_default"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -319,25 +319,25 @@ exports[`MessageBanner rendering the type of - primary 1`] = `
 exports[`MessageBanner rendering the type of - secondary 1`] = `
 <DocumentFragment>
   <div
-    class="type_secondary palette_default  flex rowdir"
+    class="flex row type_secondary palette_default"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"