@zohodesk/dot 1.7.12 → 1.7.13

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

@@ -3,9 +3,11 @@
 exports[`Onboarding rendering  data of customprops for Secondarybuttonprops  1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -21,7 +23,8 @@ exports[`Onboarding rendering  data of customprops for Secondarybuttonprops  1`]
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -90,9 +93,10 @@ exports[`Onboarding rendering  data of customprops for Secondarybuttonprops  1`]
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -122,9 +126,11 @@ exports[`Onboarding rendering  data of customprops for Secondarybuttonprops  1`]
 exports[`Onboarding rendering  data of customprops for descriptionProps  1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -140,7 +146,8 @@ exports[`Onboarding rendering  data of customprops for descriptionProps  1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -203,9 +210,10 @@ exports[`Onboarding rendering  data of customprops for descriptionProps  1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -235,9 +243,11 @@ exports[`Onboarding rendering  data of customprops for descriptionProps  1`] = `
 exports[`Onboarding rendering  data of customprops for footerProps  1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -275,9 +285,10 @@ exports[`Onboarding rendering  data of customprops for footerProps  1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -307,9 +318,11 @@ exports[`Onboarding rendering  data of customprops for footerProps  1`] = `
 exports[`Onboarding rendering  data of customprops for headingProps  1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -325,7 +338,8 @@ exports[`Onboarding rendering  data of customprops for headingProps  1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -388,9 +402,10 @@ exports[`Onboarding rendering  data of customprops for headingProps  1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -420,9 +435,11 @@ exports[`Onboarding rendering  data of customprops for headingProps  1`] = `
 exports[`Onboarding rendering  data of customprops for primarybuttonprops  1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -438,7 +455,8 @@ exports[`Onboarding rendering  data of customprops for primarybuttonprops  1`] =
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -498,9 +516,10 @@ exports[`Onboarding rendering  data of customprops for primarybuttonprops  1`] =
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -530,9 +549,11 @@ exports[`Onboarding rendering  data of customprops for primarybuttonprops  1`] =
 exports[`Onboarding rendering  data of customprops for ribbonProps  1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -570,9 +591,10 @@ exports[`Onboarding rendering  data of customprops for ribbonProps  1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -608,9 +630,11 @@ exports[`Onboarding rendering  data of customprops for ribbonProps  1`] = `
 exports[`Onboarding rendering  data of customprops for secondaryButtonLinkProps  1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -626,7 +650,8 @@ exports[`Onboarding rendering  data of customprops for secondaryButtonLinkProps
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -697,9 +722,10 @@ exports[`Onboarding rendering  data of customprops for secondaryButtonLinkProps
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -729,9 +755,11 @@ exports[`Onboarding rendering  data of customprops for secondaryButtonLinkProps
 exports[`Onboarding rendering  data of image with hasVideoPlayButton  1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -747,7 +775,8 @@ exports[`Onboarding rendering  data of image with hasVideoPlayButton  1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -831,9 +860,10 @@ exports[`Onboarding rendering  data of image with hasVideoPlayButton  1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -863,9 +893,11 @@ exports[`Onboarding rendering  data of image with hasVideoPlayButton  1`] = `
 exports[`Onboarding rendering  data of image without hasVideoPlayButton 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -881,7 +913,8 @@ exports[`Onboarding rendering  data of image without hasVideoPlayButton 1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -946,9 +979,10 @@ exports[`Onboarding rendering  data of image without hasVideoPlayButton 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -978,9 +1012,11 @@ exports[`Onboarding rendering  data of image without hasVideoPlayButton 1`] = `
 exports[`Onboarding rendering  data of videoSource  1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -996,7 +1032,8 @@ exports[`Onboarding rendering  data of videoSource  1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -1067,9 +1104,10 @@ exports[`Onboarding rendering  data of videoSource  1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -1099,9 +1137,11 @@ exports[`Onboarding rendering  data of videoSource  1`] = `
 exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -1117,7 +1157,8 @@ exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -1188,9 +1229,10 @@ exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -1220,9 +1262,11 @@ exports[`Onboarding rendering data of SecondaryButton as link 1`] = `
 exports[`Onboarding rendering data of Video with videoFormats 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -1238,7 +1282,8 @@ exports[`Onboarding rendering data of Video with videoFormats 1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -1328,9 +1373,10 @@ exports[`Onboarding rendering data of Video with videoFormats 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -1360,9 +1406,11 @@ exports[`Onboarding rendering data of Video with videoFormats 1`] = `
 exports[`Onboarding rendering data of hasBouncAnimationOnMount 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -1400,9 +1448,10 @@ exports[`Onboarding rendering data of hasBouncAnimationOnMount 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -1432,9 +1481,11 @@ exports[`Onboarding rendering data of hasBouncAnimationOnMount 1`] = `
 exports[`Onboarding rendering data of hasCloseIcon 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -1472,9 +1523,10 @@ exports[`Onboarding rendering data of hasCloseIcon 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -1504,9 +1556,11 @@ exports[`Onboarding rendering data of hasCloseIcon 1`] = `
 exports[`Onboarding rendering data of primaryButtonText 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -1522,7 +1576,8 @@ exports[`Onboarding rendering data of primaryButtonText 1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -1582,9 +1637,10 @@ exports[`Onboarding rendering data of primaryButtonText 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -1614,9 +1670,11 @@ exports[`Onboarding rendering data of primaryButtonText 1`] = `
 exports[`Onboarding rendering data of secondaryButtonText 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -1632,7 +1690,8 @@ exports[`Onboarding rendering data of secondaryButtonText 1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -1702,9 +1761,10 @@ exports[`Onboarding rendering data of secondaryButtonText 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -1734,9 +1794,11 @@ exports[`Onboarding rendering data of secondaryButtonText 1`] = `
 exports[`Onboarding rendering data of sliderData with heading and description 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -1752,7 +1814,8 @@ exports[`Onboarding rendering data of sliderData with heading and description 1`
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -1818,9 +1881,10 @@ exports[`Onboarding rendering data of sliderData with heading and description 1`
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -1850,9 +1914,11 @@ exports[`Onboarding rendering data of sliderData with heading and description 1`
 exports[`Onboarding rendering data of sliderData with image  1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -1868,7 +1934,8 @@ exports[`Onboarding rendering data of sliderData with image  1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -1933,9 +2000,10 @@ exports[`Onboarding rendering data of sliderData with image  1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -1965,9 +2033,11 @@ exports[`Onboarding rendering data of sliderData with image  1`] = `
 exports[`Onboarding rendering data of two sliderData 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -1983,7 +2053,8 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -2092,9 +2163,161 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
+      >
+        <i
+          aria-hidden="true"
+          class="zd_font_icons basic icon-inapp-close  closeIcon  "
+          data-id="fontIcon"
+          data-selector-id="fontIcon"
+          data-test-id="fontIcon"
+        />
+      </button>
+      <span
+        class="basic newRibbon palette_primary  medium flag"
+        data-id="onboarding_ribbon"
+        data-selector-id="ribbon"
+        data-test-id="onboarding_ribbon"
+      >
+        <span
+          class="childText"
+        >
+          New
+        </span>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Onboarding rendering data with a11yAttributes 1`] = `
+<DocumentFragment>
+  <div
+    class="mainContainer  mainContainerAnimation"
+    data-a11y-focus="true"
+    data-drag-container="true"
+    data-id="onboarding_container"
+    data-test-id="onboarding_container"
+    style="z-index: 4;"
+  >
+    <div
+      class="mainWrapper"
+    >
+      <div
+        class="gradientLayer"
+      >
+        <div
+          class="circleBlur circleBlurOne"
+        />
+        <div
+          class="circleBlur circleBlurTwo"
+        />
+      </div>
+      <div
+        class="flex row alignItems_center footer"
+        data-id="flex"
+        data-test-id="flex"
+      >
+        <div
+          class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
+          data-id="flex"
+          data-test-id="flex"
+        >
+          <button
+            class="primaryButton footerButton  bold primaryfilled medium"
+            data-id="onboarding_primary_button"
+            data-selector-id="button"
+            data-test-id="onboarding_primary_button"
+            data-title="Got it"
+            type="button"
+          >
+            Got it
+          </button>
+        </div>
+      </div>
+      <button
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
+        data-id="onboarding_close_icon"
+        data-test-id="onboarding_close_icon"
+        data-title="Close"
+      >
+        <i
+          aria-hidden="true"
+          class="zd_font_icons basic icon-inapp-close  closeIcon  "
+          data-id="fontIcon"
+          data-selector-id="fontIcon"
+          data-test-id="fontIcon"
+        />
+      </button>
+      <span
+        class="basic newRibbon palette_primary  medium flag"
+        data-id="onboarding_ribbon"
+        data-selector-id="ribbon"
+        data-test-id="onboarding_ribbon"
+      >
+        <span
+          class="childText"
+        >
+          New
+        </span>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Onboarding rendering data with closeIconTooltip 1`] = `
+<DocumentFragment>
+  <div
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
+    data-id="onboarding_container"
+    data-test-id="onboarding_container"
+    style="z-index: 4;"
+  >
+    <div
+      class="mainWrapper"
+    >
+      <div
+        class="gradientLayer"
+      >
+        <div
+          class="circleBlur circleBlurOne"
+        />
+        <div
+          class="circleBlur circleBlurTwo"
+        />
+      </div>
+      <div
+        class="flex row alignItems_center footer"
+        data-id="flex"
+        data-test-id="flex"
+      >
+        <div
+          class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
+          data-id="flex"
+          data-test-id="flex"
+        >
+          <button
+            class="primaryButton footerButton  bold primaryfilled medium"
+            data-id="onboarding_primary_button"
+            data-selector-id="button"
+            data-test-id="onboarding_primary_button"
+            data-title="Got it"
+            type="button"
+          >
+            Got it
+          </button>
+        </div>
+      </div>
+      <button
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
+        data-id="onboarding_close_icon"
+        data-test-id="onboarding_close_icon"
+        data-title="escape"
       >
         <i
           aria-hidden="true"
@@ -2124,9 +2347,11 @@ exports[`Onboarding rendering data of two sliderData 1`] = `
 exports[`Onboarding rendering data with customStyle 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer customMainContainer mainContainerAnimation"
+    class="mainContainer customMainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -2164,9 +2389,10 @@ exports[`Onboarding rendering data with customStyle 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -2196,9 +2422,11 @@ exports[`Onboarding rendering data with customStyle 1`] = `
 exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton as true, hasSecondaryButtonLink as false 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -2214,7 +2442,8 @@ exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton a
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -2283,9 +2512,10 @@ exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton a
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -2315,9 +2545,11 @@ exports[`Onboarding rendering data with hasExpandedButton - hasSecondaryButton a
 exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton, hasSecondaryButtonLink as true 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -2333,7 +2565,8 @@ exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton,
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -2401,9 +2634,10 @@ exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton,
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -2433,9 +2667,11 @@ exports[`Onboarding rendering data with hasExpandedButton by hasSecondaryButton,
 exports[`Onboarding rendering data with mediaElement 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -2451,7 +2687,8 @@ exports[`Onboarding rendering data with mediaElement 1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -2518,9 +2755,161 @@ exports[`Onboarding rendering data with mediaElement 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
+      >
+        <i
+          aria-hidden="true"
+          class="zd_font_icons basic icon-inapp-close  closeIcon  "
+          data-id="fontIcon"
+          data-selector-id="fontIcon"
+          data-test-id="fontIcon"
+        />
+      </button>
+      <span
+        class="basic newRibbon palette_primary  medium flag"
+        data-id="onboarding_ribbon"
+        data-selector-id="ribbon"
+        data-test-id="onboarding_ribbon"
+      >
+        <span
+          class="childText"
+        >
+          New
+        </span>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Onboarding rendering data with position - absolute 1`] = `
+<DocumentFragment>
+  <div
+    class="mainContainer positon_absolute mainContainerAnimation"
+    data-drag-container="true"
+    data-id="onboarding_container"
+    data-test-id="onboarding_container"
+    style="z-index: 4;"
+  >
+    <div
+      class="mainWrapper"
+    >
+      <div
+        class="gradientLayer"
+      >
+        <div
+          class="circleBlur circleBlurOne"
+        />
+        <div
+          class="circleBlur circleBlurTwo"
+        />
+      </div>
+      <div
+        class="flex row alignItems_center footer"
+        data-id="flex"
+        data-test-id="flex"
+      >
+        <div
+          class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
+          data-id="flex"
+          data-test-id="flex"
+        >
+          <button
+            class="primaryButton footerButton  bold primaryfilled medium"
+            data-id="onboarding_primary_button"
+            data-selector-id="button"
+            data-test-id="onboarding_primary_button"
+            data-title="Got it"
+            type="button"
+          >
+            Got it
+          </button>
+        </div>
+      </div>
+      <button
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
+        data-id="onboarding_close_icon"
+        data-test-id="onboarding_close_icon"
+        data-title="Close"
+      >
+        <i
+          aria-hidden="true"
+          class="zd_font_icons basic icon-inapp-close  closeIcon  "
+          data-id="fontIcon"
+          data-selector-id="fontIcon"
+          data-test-id="fontIcon"
+        />
+      </button>
+      <span
+        class="basic newRibbon palette_primary  medium flag"
+        data-id="onboarding_ribbon"
+        data-selector-id="ribbon"
+        data-test-id="onboarding_ribbon"
+      >
+        <span
+          class="childText"
+        >
+          New
+        </span>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Onboarding rendering data with tagAttributes 1`] = `
+<DocumentFragment>
+  <div
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
+    data-id="onboarding_container"
+    data-scroll="true"
+    data-test-id="onboarding_container"
+    style="z-index: 4;"
+  >
+    <div
+      class="mainWrapper"
+    >
+      <div
+        class="gradientLayer"
+      >
+        <div
+          class="circleBlur circleBlurOne"
+        />
+        <div
+          class="circleBlur circleBlurTwo"
+        />
+      </div>
+      <div
+        class="flex row alignItems_center footer"
+        data-id="flex"
+        data-test-id="flex"
+      >
+        <div
+          class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
+          data-id="flex"
+          data-test-id="flex"
+        >
+          <button
+            class="primaryButton footerButton  bold primaryfilled medium"
+            data-id="onboarding_primary_button"
+            data-selector-id="button"
+            data-test-id="onboarding_primary_button"
+            data-title="Got it"
+            type="button"
+          >
+            Got it
+          </button>
+        </div>
+      </div>
+      <button
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
+        data-id="onboarding_close_icon"
+        data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -2550,9 +2939,11 @@ exports[`Onboarding rendering data with mediaElement 1`] = `
 exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -2568,7 +2959,8 @@ exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -2638,9 +3030,10 @@ exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -2670,9 +3063,11 @@ exports[`Onboarding rendering data without SecondaryButton as link 1`] = `
 exports[`Onboarding rendering data without hasBouncAnimationOnMount 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer "
+    class="mainContainer  "
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -2710,9 +3105,10 @@ exports[`Onboarding rendering data without hasBouncAnimationOnMount 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -2742,9 +3138,11 @@ exports[`Onboarding rendering data without hasBouncAnimationOnMount 1`] = `
 exports[`Onboarding rendering data without hasCloseIcon 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -2801,7 +3199,83 @@ exports[`Onboarding rendering data without hasCloseIcon 1`] = `
 exports[`Onboarding rendering data without hasExpandedButton 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
+    data-id="onboarding_container"
+    data-test-id="onboarding_container"
+    style="z-index: 4;"
+  >
+    <div
+      class="mainWrapper"
+    >
+      <div
+        class="gradientLayer"
+      >
+        <div
+          class="circleBlur circleBlurOne"
+        />
+        <div
+          class="circleBlur circleBlurTwo"
+        />
+      </div>
+      <div
+        class="flex row alignItems_center footer"
+        data-id="flex"
+        data-test-id="flex"
+      >
+        <div
+          class="flex row justifyContent_end flexible basis_zero shrink btnWrapper"
+          data-id="flex"
+          data-test-id="flex"
+        >
+          <button
+            class="primaryButton footerButton  bold primaryfilled medium"
+            data-id="onboarding_primary_button"
+            data-selector-id="button"
+            data-test-id="onboarding_primary_button"
+            data-title="Got it"
+            type="button"
+          >
+            Got it
+          </button>
+        </div>
+      </div>
+      <button
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
+        data-id="onboarding_close_icon"
+        data-test-id="onboarding_close_icon"
+        data-title="Close"
+      >
+        <i
+          aria-hidden="true"
+          class="zd_font_icons basic icon-inapp-close  closeIcon  "
+          data-id="fontIcon"
+          data-selector-id="fontIcon"
+          data-test-id="fontIcon"
+        />
+      </button>
+      <span
+        class="basic newRibbon palette_primary  medium flag"
+        data-id="onboarding_ribbon"
+        data-selector-id="ribbon"
+        data-test-id="onboarding_ribbon"
+      >
+        <span
+          class="childText"
+        >
+          New
+        </span>
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Onboarding rendering data without isDraggable 1`] = `
+<DocumentFragment>
+  <div
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="false"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
   >
@@ -2841,9 +3315,10 @@ exports[`Onboarding rendering data without hasExpandedButton 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -2873,9 +3348,11 @@ exports[`Onboarding rendering data without hasExpandedButton 1`] = `
 exports[`Onboarding rendering data without primaryButtonText 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -2891,7 +3368,8 @@ exports[`Onboarding rendering data without primaryButtonText 1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -2940,9 +3418,10 @@ exports[`Onboarding rendering data without primaryButtonText 1`] = `
         />
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -2972,9 +3451,11 @@ exports[`Onboarding rendering data without primaryButtonText 1`] = `
 exports[`Onboarding rendering data without secondaryButtonText 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -2990,7 +3471,8 @@ exports[`Onboarding rendering data without secondaryButtonText 1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -3050,9 +3532,10 @@ exports[`Onboarding rendering data without secondaryButtonText 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -3082,9 +3565,11 @@ exports[`Onboarding rendering data without secondaryButtonText 1`] = `
 exports[`Onboarding rendering prop of ribbonText 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -3122,9 +3607,10 @@ exports[`Onboarding rendering prop of ribbonText 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -3154,9 +3640,11 @@ exports[`Onboarding rendering prop of ribbonText 1`] = `
 exports[`Onboarding rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -3194,9 +3682,10 @@ exports[`Onboarding rendering the defult props 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -3226,9 +3715,11 @@ exports[`Onboarding rendering the defult props 1`] = `
 exports[`Onboarding rendering the prop of hasRibbon is false 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -3266,9 +3757,10 @@ exports[`Onboarding rendering the prop of hasRibbon is false 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -3286,9 +3778,11 @@ exports[`Onboarding rendering the prop of hasRibbon is false 1`] = `
 exports[`Onboarding rendering with customId - hasSecondaryButtonLink  1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="radar_onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -3304,7 +3798,8 @@ exports[`Onboarding rendering with customId - hasSecondaryButtonLink  1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -3375,9 +3870,10 @@ exports[`Onboarding rendering with customId - hasSecondaryButtonLink  1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="radar_onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -3407,9 +3903,11 @@ exports[`Onboarding rendering with customId - hasSecondaryButtonLink  1`] = `
 exports[`Onboarding rendering with customId 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="radar_onboarding_container"
     data-test-id="onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -3425,7 +3923,8 @@ exports[`Onboarding rendering with customId 1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -3530,9 +4029,10 @@ exports[`Onboarding rendering with customId 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="radar_onboarding_close_icon"
         data-test-id="onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"
@@ -3562,9 +4062,11 @@ exports[`Onboarding rendering with customId 1`] = `
 exports[`Onboarding rendering with testId 1`] = `
 <DocumentFragment>
   <div
-    class="mainContainer mainContainerAnimation"
+    class="mainContainer  mainContainerAnimation"
+    data-drag-container="true"
     data-id="onboarding_container"
     data-test-id="radar_onboarding_container"
+    style="z-index: 4;"
   >
     <div
       class="mainWrapper"
@@ -3580,7 +4082,8 @@ exports[`Onboarding rendering with testId 1`] = `
         />
       </div>
       <div
-        class="carousel"
+        class="carousel dragCursor"
+        data-drag-hook="true"
       >
         <div
           class="flex row carouselInner"
@@ -3660,9 +4163,10 @@ exports[`Onboarding rendering with testId 1`] = `
         </div>
       </div>
       <button
-        class="flex row alignItems_center justifyContent_center fullSize closeIconContainer buttonReset"
+        class="flex row alignItems_center justifyContent_center closeIconContainer buttonReset"
         data-id="onboarding_close_icon"
         data-test-id="radar_onboarding_close_icon"
+        data-title="Close"
       >
         <i
           aria-hidden="true"