npm - @zohodesk/dot - Versions diffs - 1.0.0-temp-232.1 → 1.0.0-temp-233.2 - Mend

@zohodesk/dot 1.0.0-temp-232.1 → 1.0.0-temp-233.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (673) hide show

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

@@ -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"

package/es/alert/AlertHeader/AlertHeader.js CHANGED Viewed

@@ -5,6 +5,7 @@ import Title from "../../lookup/header/Title/Title";
 import { Container, Box } from '@zohodesk/components/es/Layout';
 import { Icon } from '@zohodesk/icons';
 import Close from "../../lookup/header/Close/Close";
+import { cn } from "@dot-system/css-utility";
 import style from "./AlertHeader.module.css";
 export default class AlertHeader extends Component {
   render() {
@@ -37,7 +38,7 @@ export default class AlertHeader extends Component {
       wrap: "wrap",
       dataId: `${dataId}_alertHeader`
     }, needIcon ? /*#__PURE__*/React.createElement("div", {
-      className: style.iconContainer
+      className: cn(style.iconContainer)
     }, /*#__PURE__*/React.createElement(Icon, {
       size: iconSize,
       name: iconName ? iconName : iconObj[iconType] ? iconObj[iconType] : iconName,