@zohodesk/dot 1.9.16 → 1.9.17

package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap

@@ -3,14 +3,14 @@
 exports[`AlertHeader snapshot -  Render with breakChildren=true 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout danger flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout danger"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -84,19 +84,19 @@ exports[`AlertHeader snapshot -  Render with breakChildren=true 1`] = `
       </div>
     </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 cover rowdir wrap"
+        class="flex fullSize row wrap"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -112,14 +112,14 @@ exports[`AlertHeader snapshot -  Render with breakChildren=true 1`] = `
 exports[`AlertHeader snapshot -  Render with children 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout danger flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout danger"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -193,19 +193,19 @@ exports[`AlertHeader snapshot -  Render with children 1`] = `
       </div>
     </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 cover rowdir"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -213,7 +213,7 @@ exports[`AlertHeader snapshot -  Render with children 1`] = `
           Alert Title
         </div>
         <div
-          class="grow basisAuto shrinkOff"
+          class="flexible basis_auto noShrink"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -231,7 +231,7 @@ exports[`AlertHeader snapshot -  Render with children 1`] = `
 exports[`AlertHeader snapshot -  Render with customClass 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout danger custom-container-class flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout danger custom-container-class"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
@@ -312,19 +312,19 @@ exports[`AlertHeader snapshot -  Render with customClass 1`] = `
       </div>
     </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 cover rowdir"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title custom-title-class shrinkOn"
+          class="shrink title custom-title-class"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -334,27 +334,27 @@ exports[`AlertHeader snapshot -  Render with customClass 1`] = `
       </div>
     </div>
     <div
-      class="close custom-close-class shrinkOff"
+      class="noShrink close custom-close-class"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="close light  inflex rowdir both"
+        class="inlineFlex row alignItems_center justifyContent_center close light"
         data-id="alertHeader_close"
         data-selector-id="container"
         data-test-id="alertHeader_close"
         tabindex="0"
       >
         <div
-          class="shrinkOff"
+          class="noShrink"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           <i
             aria-hidden="true"
-            class="zd_font_icons basic icon-Cross fbold closeIcon  "
+            class="zd_font_icons basic icon-Cross fbold closeIcon"
             data-id="fontIcon"
             data-selector-id="fontIcon"
             data-test-id="fontIcon"
@@ -370,14 +370,14 @@ exports[`AlertHeader snapshot -  Render with customClass 1`] = `
 exports[`AlertHeader snapshot -  Render with dataId and htmlId 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout danger flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout danger"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -451,19 +451,19 @@ exports[`AlertHeader snapshot -  Render with dataId and htmlId 1`] = `
       </div>
     </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 cover rowdir"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -474,27 +474,27 @@ exports[`AlertHeader snapshot -  Render with dataId and htmlId 1`] = `
       </div>
     </div>
     <div
-      class="close  shrinkOff"
+      class="noShrink close"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="close light  inflex rowdir both"
+        class="inlineFlex row alignItems_center justifyContent_center close light"
         data-id="alert-header_close"
         data-selector-id="container"
         data-test-id="alert-header_close"
         tabindex="0"
       >
         <div
-          class="shrinkOff"
+          class="noShrink"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           <i
             aria-hidden="true"
-            class="zd_font_icons basic icon-Cross fbold closeIcon  "
+            class="zd_font_icons basic icon-Cross fbold closeIcon"
             data-id="fontIcon"
             data-selector-id="fontIcon"
             data-test-id="fontIcon"
@@ -510,14 +510,14 @@ exports[`AlertHeader snapshot -  Render with dataId and htmlId 1`] = `
 exports[`AlertHeader snapshot -  Render with default props 1`] = `
 <DocumentFragment>
   <div
-    class="container danger flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container danger"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -597,14 +597,14 @@ exports[`AlertHeader snapshot -  Render with default props 1`] = `
 exports[`AlertHeader snapshot -  Render with isDraggable=false 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout danger flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout danger"
     data-drag-hook="false"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -678,19 +678,19 @@ exports[`AlertHeader snapshot -  Render with isDraggable=false 1`] = `
       </div>
     </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 cover rowdir"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -706,26 +706,26 @@ exports[`AlertHeader snapshot -  Render with isDraggable=false 1`] = `
 exports[`AlertHeader snapshot -  Render with needIcon=false 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout danger flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout danger"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <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"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -741,14 +741,14 @@ exports[`AlertHeader snapshot -  Render with needIcon=false 1`] = `
 exports[`AlertHeader snapshot -  Render with onClose 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout danger flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout danger"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -822,19 +822,19 @@ exports[`AlertHeader snapshot -  Render with onClose 1`] = `
       </div>
     </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 cover rowdir"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -844,27 +844,27 @@ exports[`AlertHeader snapshot -  Render with onClose 1`] = `
       </div>
     </div>
     <div
-      class="close  shrinkOff"
+      class="noShrink close"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="close light  inflex rowdir both"
+        class="inlineFlex row alignItems_center justifyContent_center close light"
         data-id="alertHeader_close"
         data-selector-id="container"
         data-test-id="alertHeader_close"
         tabindex="0"
       >
         <div
-          class="shrinkOff"
+          class="noShrink"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           <i
             aria-hidden="true"
-            class="zd_font_icons basic icon-Cross fbold closeIcon  "
+            class="zd_font_icons basic icon-Cross fbold closeIcon"
             data-id="fontIcon"
             data-selector-id="fontIcon"
             data-test-id="fontIcon"
@@ -880,14 +880,14 @@ exports[`AlertHeader snapshot -  Render with onClose 1`] = `
 exports[`AlertHeader snapshot -  Render with renderRightActions 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout danger flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout danger"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -961,19 +961,19 @@ exports[`AlertHeader snapshot -  Render with renderRightActions 1`] = `
       </div>
     </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 cover rowdir"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -994,14 +994,14 @@ exports[`AlertHeader snapshot -  Render with renderRightActions 1`] = `
 exports[`AlertHeader snapshot -  Render with renderSecondaryContent 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout danger flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout danger"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -1075,19 +1075,19 @@ exports[`AlertHeader snapshot -  Render with renderSecondaryContent 1`] = `
       </div>
     </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 cover rowdir"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -1106,14 +1106,14 @@ exports[`AlertHeader snapshot -  Render with renderSecondaryContent 1`] = `
 exports[`AlertHeader snapshot -  Render with title 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout danger flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout danger"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -1187,19 +1187,19 @@ exports[`AlertHeader snapshot -  Render with title 1`] = `
       </div>
     </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 cover rowdir"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -1215,14 +1215,14 @@ exports[`AlertHeader snapshot -  Render with title 1`] = `
 exports[`AlertHeader snapshot -  Render with type=error 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout error flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout error"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -1296,19 +1296,19 @@ exports[`AlertHeader snapshot -  Render with type=error 1`] = `
       </div>
     </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 cover rowdir"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -1324,14 +1324,14 @@ exports[`AlertHeader snapshot -  Render with type=error 1`] = `
 exports[`AlertHeader snapshot -  Render with type=info 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout info flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout info"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -1416,19 +1416,19 @@ exports[`AlertHeader snapshot -  Render with type=info 1`] = `
       </div>
     </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 cover rowdir"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -1444,14 +1444,14 @@ exports[`AlertHeader snapshot -  Render with type=info 1`] = `
 exports[`AlertHeader snapshot -  Render with type=notification 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout notification flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout notification"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -1531,19 +1531,19 @@ exports[`AlertHeader snapshot -  Render with type=notification 1`] = `
       </div>
     </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 cover rowdir"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -1559,14 +1559,14 @@ exports[`AlertHeader snapshot -  Render with type=notification 1`] = `
 exports[`AlertHeader snapshot -  Render with type=success 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout success flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout success"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -1640,19 +1640,19 @@ exports[`AlertHeader snapshot -  Render with type=success 1`] = `
       </div>
     </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 cover rowdir"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -1668,14 +1668,14 @@ exports[`AlertHeader snapshot -  Render with type=success 1`] = `
 exports[`AlertHeader snapshot -  Render with type=warning 1`] = `
 <DocumentFragment>
   <div
-    class="container headerLayout warning flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container headerLayout warning"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <div
         class="iconContainer"
@@ -1749,19 +1749,19 @@ exports[`AlertHeader snapshot -  Render with type=warning 1`] = `
       </div>
     </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 cover rowdir"
+        class="flex fullSize row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="title  shrinkOn"
+          class="shrink title"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -1777,7 +1777,7 @@ exports[`AlertHeader snapshot -  Render with type=warning 1`] = `
 exports[`AlertHeader snapshot -  does not render custom renderAlertIcon when needIcon is false 1`] = `
 <DocumentFragment>
   <div
-    class="container danger flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container danger"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
@@ -1789,14 +1789,14 @@ exports[`AlertHeader snapshot -  does not render custom renderAlertIcon when nee
 exports[`AlertHeader snapshot -  renders custom renderAlertIcon when needIcon is true 1`] = `
 <DocumentFragment>
   <div
-    class="container danger flex rowdir wrap vCenter"
+    class="flex row wrap alignItems_center container danger"
     data-drag-hook="true"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="iconContainer "
+      class="iconContainer"
     >
       <span
         data-test-id="custom-icon"