@zohodesk/dot 1.9.15 → 1.9.17

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

@@ -3,7 +3,7 @@
 exports[`TagWithIcon rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="wrapper grey large  inflex rowdir vCenter"
+    class="inlineFlex row alignItems_center wrapper grey large"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"

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

@@ -7,7 +7,7 @@ exports[`ToastMessage rendering the defult props 1`] = `
     aria-describedby="2"
     aria-labelledby="1"
     aria-live="assertive"
-    class="container leftanimate  flex coldir"
+    class="flex column container leftanimate"
     data-id="toastMessage"
     data-selector-id="toastMessage"
     data-test-id="toastMessage"
@@ -15,31 +15,31 @@ exports[`ToastMessage rendering the defult props 1`] = `
     style="z-index: 4;"
   >
     <div
-      class="alertifychild grow basis shrinkOff"
+      class="flexible basis_zero noShrink alertifychild"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="alertifybanner flex cover rowdir"
+        class="flex fullSize row alertifybanner"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="alertleft grow basis shrinkOff"
+          class="flexible basis_zero noShrink alertleft"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           <div
-            class="flex cover rowdir"
+            class="flex fullSize row"
             data-id="containerComponent"
             data-selector-id="container"
             data-test-id="containerComponent"
           >
             <div
-              class="alertico shrinkOff"
+              class="noShrink alertico"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -47,19 +47,19 @@ exports[`ToastMessage rendering the defult props 1`] = `
               <span />
             </div>
             <div
-              class="grow basis shrinkOff"
+              class="flexible basis_zero noShrink"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
             >
               <div
-                class="flex rowdir vCenter"
+                class="flex row alignItems_center"
                 data-id="containerComponent"
                 data-selector-id="container"
                 data-test-id="containerComponent"
               >
                 <div
-                  class="alertTitle grow basis shrinkOff"
+                  class="flexible basis_zero noShrink alertTitle"
                   data-id="boxComponent"
                   data-selector-id="box"
                   data-test-id="boxComponent"
@@ -70,13 +70,13 @@ exports[`ToastMessage rendering the defult props 1`] = `
           </div>
         </div>
         <div
-          class="alertright shrinkOff"
+          class="noShrink alertright"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           <div
-            class="alerttab flex cover coldir"
+            class="flex fullSize column alerttab"
             data-id="containerComponent"
             data-selector-id="container"
             data-test-id="containerComponent"

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

@@ -3,8 +3,7 @@
 exports[`Upload rendering the dataId prop with isPreview isPreviewType are true  1`] = `
 <DocumentFragment>
   <div
-    class="container light medium preview
- inflex coldir"
+    class="inlineFlex column container light medium preview"
     data-id="TestdataId"
     data-selector-id="upload"
     data-test-id="TestdataId"
@@ -16,7 +15,7 @@ exports[`Upload rendering the dataId prop with isPreview isPreviewType are true
     />
     <img
       alt="Uploaded Image"
-      class=" uploadimage  imgMaxFullSize "
+      class="imgMaxFullSize uploadimage"
       data-id="TestdataId_fileName"
       data-test-id="TestdataId_fileName"
     />
@@ -30,7 +29,7 @@ exports[`Upload rendering the dataId prop with isPreview isPreviewType are true
     >
       <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"
@@ -43,8 +42,7 @@ exports[`Upload rendering the dataId prop with isPreview isPreviewType are true
 exports[`Upload rendering the dataId prop with isPreviewType is false 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium preview
- inflex coldir"
+    class="inlineFlex column container light medium preview"
     data-id="TestdataId"
     data-selector-id="upload"
     data-test-id="TestdataId"
@@ -55,7 +53,7 @@ exports[`Upload rendering the dataId prop with isPreviewType is false 1`] = `
       data-test-id="TestdataId_attachLoading"
     />
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="TestdataId_openNewTab"
       data-selector-id="box"
       data-test-id="TestdataId_openNewTab"
@@ -71,7 +69,7 @@ exports[`Upload rendering the dataId prop with isPreviewType is false 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"
@@ -84,14 +82,13 @@ exports[`Upload rendering the dataId prop with isPreviewType is false 1`] = `
 exports[`Upload rendering the dataSelectorId prop 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium 
- inflex coldir"
+    class="inlineFlex column container light medium"
     data-id="upload"
     data-selector-id="selectorId"
     data-test-id="upload"
   >
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"
@@ -107,14 +104,13 @@ exports[`Upload rendering the dataSelectorId prop 1`] = `
 exports[`Upload rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium 
- inflex coldir"
+    class="inlineFlex column container light medium"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
   >
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"
@@ -130,14 +126,13 @@ exports[`Upload rendering the defult props 1`] = `
 exports[`Upload rendering the fileSize prop 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium 
- inflex coldir"
+    class="inlineFlex column container light medium"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
   >
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"
@@ -155,21 +150,20 @@ exports[`Upload rendering the fileSize prop 1`] = `
 exports[`Upload rendering the iconName prop 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium 
- inflex coldir"
+    class="inlineFlex column container light medium"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
   >
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-close-e  fileIcon  "
+        class="zd_font_icons basic icon-close-e fileIcon"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"
@@ -185,15 +179,14 @@ exports[`Upload rendering the iconName prop 1`] = `
 exports[`Upload rendering the imgSrc prop 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium 
- inflex coldir"
+    class="inlineFlex column container light medium"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
   >
     <img
       alt="Uploaded Image"
-      class=" uploadimage  imgMaxFullSize "
+      class="imgMaxFullSize uploadimage"
       data-id="upload_fileName"
       data-test-id="upload_fileName"
       src="http://sampleImageUrl.com"
@@ -208,8 +201,7 @@ exports[`Upload rendering the imgSrc prop 1`] = `
 exports[`Upload rendering the isPreview prop 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium preview
- inflex coldir"
+    class="inlineFlex column container light medium preview"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
@@ -220,7 +212,7 @@ exports[`Upload rendering the isPreview prop 1`] = `
       data-test-id="upload_attachLoading"
     />
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"
@@ -236,14 +228,13 @@ exports[`Upload rendering the isPreview prop 1`] = `
 exports[`Upload rendering the isPreview prop is false 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium 
- inflex coldir"
+    class="inlineFlex column container light medium"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
   >
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"
@@ -259,14 +250,13 @@ exports[`Upload rendering the isPreview prop is false 1`] = `
 exports[`Upload rendering the isPreviewType false prop 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium 
- inflex coldir"
+    class="inlineFlex column container light medium"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
   >
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"
@@ -282,15 +272,14 @@ exports[`Upload rendering the isPreviewType false prop 1`] = `
 exports[`Upload rendering the isPreviewType true prop 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium 
- inflex coldir"
+    class="inlineFlex column container light medium"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
   >
     <img
       alt="Uploaded Image"
-      class=" uploadimage  imgMaxFullSize "
+      class="imgMaxFullSize uploadimage"
       data-id="upload_fileName"
       data-test-id="upload_fileName"
     />
@@ -304,14 +293,13 @@ exports[`Upload rendering the isPreviewType true prop 1`] = `
 exports[`Upload rendering the onRemove prop 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium 
- inflex coldir"
+    class="inlineFlex column container light medium"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
   >
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"
@@ -327,7 +315,7 @@ exports[`Upload rendering the onRemove prop 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"
@@ -340,14 +328,13 @@ exports[`Upload rendering the onRemove prop 1`] = `
 exports[`Upload rendering the palette of - light 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium 
- inflex coldir"
+    class="inlineFlex column container light medium"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
   >
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"
@@ -363,14 +350,13 @@ exports[`Upload rendering the palette of - light 1`] = `
 exports[`Upload rendering the palette of - night 1`] = `
 <DocumentFragment>
   <div
-    class="container night medium 
- inflex coldir"
+    class="inlineFlex column container night medium"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
   >
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"
@@ -386,8 +372,7 @@ exports[`Upload rendering the palette of - night 1`] = `
 exports[`Upload rendering the progressValue prop 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium preview
- inflex coldir"
+    class="inlineFlex column container light medium preview"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
@@ -399,7 +384,7 @@ exports[`Upload rendering the progressValue prop 1`] = `
       style="width: 90%;"
     />
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"
@@ -415,14 +400,13 @@ exports[`Upload rendering the progressValue prop 1`] = `
 exports[`Upload rendering the size of - medium 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium 
- inflex coldir"
+    class="inlineFlex column container light medium"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
   >
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"
@@ -438,14 +422,13 @@ exports[`Upload rendering the size of - medium 1`] = `
 exports[`Upload rendering the size of - small 1`] = `
 <DocumentFragment>
   <div
-    class="container light small 
- inflex coldir"
+    class="inlineFlex column container light small"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
   >
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"
@@ -461,15 +444,14 @@ exports[`Upload rendering the size of - small 1`] = `
 exports[`Upload rendering the tooltip prop 1`] = `
 <DocumentFragment>
   <div
-    class="container light medium 
- inflex coldir"
+    class="inlineFlex column container light medium"
     data-id="upload"
     data-selector-id="upload"
     data-test-id="upload"
     data-title="Tooltip"
   >
     <div
-      class="attachInfo shrinkOff"
+      class="noShrink attachInfo"
       data-id="upload_openNewTab"
       data-selector-id="box"
       data-test-id="upload_openNewTab"

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

@@ -10,13 +10,13 @@ exports[`VideoLookup rendering with TestId 1`] = `
     style="z-index: 4;"
   >
     <div
-      class="flex cover rowdir both"
+      class="flex fullSize row alignItems_center justifyContent_center"
       data-id="reactFreezeLayer"
       data-selector-id="container"
       data-test-id="reactFreezeLayer"
     >
       <button
-        class="close bold plainsecondary rounded mediumBtn"
+        class="bold plainsecondary rounded mediumBtn close"
         data-id="videoLookup_close_icon"
         data-selector-id="button"
         data-test-id="videoLookup_close_icon"
@@ -24,7 +24,7 @@ exports[`VideoLookup rendering with TestId 1`] = `
       >
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-close2    "
+          class="zd_font_icons basic icon-close2"
           data-id="fontIcon"
           data-selector-id="fontIcon"
           data-test-id="fontIcon"
@@ -64,13 +64,13 @@ exports[`VideoLookup rendering with closeText 1`] = `
     style="z-index: 4;"
   >
     <div
-      class="flex cover rowdir both"
+      class="flex fullSize row alignItems_center justifyContent_center"
       data-id="reactFreezeLayer"
       data-selector-id="container"
       data-test-id="reactFreezeLayer"
     >
       <button
-        class="close bold plainsecondary rounded mediumBtn"
+        class="bold plainsecondary rounded mediumBtn close"
         data-id="videoLookup_close_icon"
         data-selector-id="button"
         data-test-id="videoLookup_close_icon"
@@ -78,7 +78,7 @@ exports[`VideoLookup rendering with closeText 1`] = `
       >
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-close2    "
+          class="zd_font_icons basic icon-close2"
           data-id="fontIcon"
           data-selector-id="fontIcon"
           data-test-id="fontIcon"
@@ -118,13 +118,13 @@ exports[`VideoLookup rendering with customId 1`] = `
     style="z-index: 4;"
   >
     <div
-      class="flex cover rowdir both"
+      class="flex fullSize row alignItems_center justifyContent_center"
       data-id="reactFreezeLayer"
       data-selector-id="container"
       data-test-id="reactFreezeLayer"
     >
       <button
-        class="close bold plainsecondary rounded mediumBtn"
+        class="bold plainsecondary rounded mediumBtn close"
         data-id="radar_lookup_close_icon"
         data-selector-id="button"
         data-test-id="radar_lookup_close_icon"
@@ -132,7 +132,7 @@ exports[`VideoLookup rendering with customId 1`] = `
       >
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-close2    "
+          class="zd_font_icons basic icon-close2"
           data-id="fontIcon"
           data-selector-id="fontIcon"
           data-test-id="fontIcon"
@@ -172,13 +172,13 @@ exports[`VideoLookup rendering with customStyle 1`] = `
     style="z-index: 4;"
   >
     <div
-      class="flex cover rowdir both"
+      class="flex fullSize row alignItems_center justifyContent_center"
       data-id="reactFreezeLayer"
       data-selector-id="container"
       data-test-id="reactFreezeLayer"
     >
       <button
-        class="close bold plainsecondary rounded mediumBtn"
+        class="bold plainsecondary rounded mediumBtn close"
         data-id="videoLookup_close_icon"
         data-selector-id="button"
         data-test-id="videoLookup_close_icon"
@@ -186,7 +186,7 @@ exports[`VideoLookup rendering with customStyle 1`] = `
       >
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-close2    "
+          class="zd_font_icons basic icon-close2"
           data-id="fontIcon"
           data-selector-id="fontIcon"
           data-test-id="fontIcon"
@@ -226,13 +226,13 @@ exports[`VideoLookup rendering with isEmbeddedLink is true 1`] = `
     style="z-index: 4;"
   >
     <div
-      class="flex cover rowdir both"
+      class="flex fullSize row alignItems_center justifyContent_center"
       data-id="reactFreezeLayer"
       data-selector-id="container"
       data-test-id="reactFreezeLayer"
     >
       <button
-        class="close bold plainsecondary rounded mediumBtn"
+        class="bold plainsecondary rounded mediumBtn close"
         data-id="videoLookup_close_icon"
         data-selector-id="button"
         data-test-id="videoLookup_close_icon"
@@ -240,7 +240,7 @@ exports[`VideoLookup rendering with isEmbeddedLink is true 1`] = `
       >
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-close2    "
+          class="zd_font_icons basic icon-close2"
           data-id="fontIcon"
           data-selector-id="fontIcon"
           data-test-id="fontIcon"
@@ -277,13 +277,13 @@ exports[`VideoLookup rendering with link 1`] = `
     style="z-index: 4;"
   >
     <div
-      class="flex cover rowdir both"
+      class="flex fullSize row alignItems_center justifyContent_center"
       data-id="reactFreezeLayer"
       data-selector-id="container"
       data-test-id="reactFreezeLayer"
     >
       <button
-        class="close bold plainsecondary rounded mediumBtn"
+        class="bold plainsecondary rounded mediumBtn close"
         data-id="videoLookup_close_icon"
         data-selector-id="button"
         data-test-id="videoLookup_close_icon"
@@ -291,7 +291,7 @@ exports[`VideoLookup rendering with link 1`] = `
       >
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-close2    "
+          class="zd_font_icons basic icon-close2"
           data-id="fontIcon"
           data-selector-id="fontIcon"
           data-test-id="fontIcon"
@@ -332,13 +332,13 @@ exports[`VideoLookup rendering with prop isOpened 1`] = `
     style="z-index: 4;"
   >
     <div
-      class="flex cover rowdir both"
+      class="flex fullSize row alignItems_center justifyContent_center"
       data-id="reactFreezeLayer"
       data-selector-id="container"
       data-test-id="reactFreezeLayer"
     >
       <button
-        class="close bold plainsecondary rounded mediumBtn"
+        class="bold plainsecondary rounded mediumBtn close"
         data-id="videoLookup_close_icon"
         data-selector-id="button"
         data-test-id="videoLookup_close_icon"
@@ -346,7 +346,7 @@ exports[`VideoLookup rendering with prop isOpened 1`] = `
       >
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-close2    "
+          class="zd_font_icons basic icon-close2"
           data-id="fontIcon"
           data-selector-id="fontIcon"
           data-test-id="fontIcon"
@@ -386,13 +386,13 @@ exports[`VideoLookup rendering with videoFormat 1`] = `
     style="z-index: 4;"
   >
     <div
-      class="flex cover rowdir both"
+      class="flex fullSize row alignItems_center justifyContent_center"
       data-id="reactFreezeLayer"
       data-selector-id="container"
       data-test-id="reactFreezeLayer"
     >
       <button
-        class="close bold plainsecondary rounded mediumBtn"
+        class="bold plainsecondary rounded mediumBtn close"
         data-id="videoLookup_close_icon"
         data-selector-id="button"
         data-test-id="videoLookup_close_icon"
@@ -400,7 +400,7 @@ exports[`VideoLookup rendering with videoFormat 1`] = `
       >
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-close2    "
+          class="zd_font_icons basic icon-close2"
           data-id="fontIcon"
           data-selector-id="fontIcon"
           data-test-id="fontIcon"