@zohodesk/dot 1.9.15 → 1.9.17

package/lib/FreezeLayer/css/cssJSLogic.js

@@ -19,7 +19,7 @@ function cssJSLogic(_ref) {
       isSvgMask = props.isSvgMask,
       customClass = props.customClass;
   var zIndexClass = "index".concat(zIndex);
-  var freezeClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.container, true), _defineProperty(_compileClassNames, customClass, !!customClass), _defineProperty(_compileClassNames, style[zIndexClass], !!zIndex), _defineProperty(_compileClassNames, style[palette], !isSvgMask && !!palette), _compileClassNames));
+  var freezeClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.container, true), _defineProperty(_compileClassNames, style[zIndexClass], !!zIndex), _defineProperty(_compileClassNames, style[palette], !isSvgMask && !!palette), _defineProperty(_compileClassNames, customClass, !!customClass), _compileClassNames));
   return {
     freezeClass: freezeClass
   };

package/lib/IconButton/IconButton.js

@@ -164,7 +164,7 @@ var IconButton = /*#__PURE__*/function (_React$Component) {
         tourId: tourId,
         align: "both",
         isCover: false,
-        className: "".concat(needButtonTag ? _semanticButtonModule["default"].buttonReset : '', " ").concat(_IconButtonModule["default"][size], " ").concat(_IconButtonModule["default"].wrapper, " ").concat(className || '', " ").concat(isActive ? _IconButtonModule["default"]["".concat(palette, "_active")] : _IconButtonModule["default"][palette]),
+        className: "".concat(needButtonTag ? _semanticButtonModule["default"].buttonReset : '', " ").concat(_IconButtonModule["default"][size], " ").concat(_IconButtonModule["default"].wrapper, " ").concat(isActive ? _IconButtonModule["default"]["".concat(palette, "_active")] : _IconButtonModule["default"][palette], " ").concat(className),
         dataId: dataId,
         dataSelectorId: dataSelectorId,
         onClick: this.triggerClick,
@@ -182,7 +182,7 @@ var IconButton = /*#__PURE__*/function (_React$Component) {
         isBold: isBold,
         size: iconSize,
         name: iconName,
-        iconClass: "".concat(iconClass, " ").concat(_IconButtonModule["default"].icon_button_center)
+        iconClass: "".concat(_IconButtonModule["default"].icon_button_center, " ").concat(iconClass)
       }) : null, children ? children : null));
     }
   }]);

package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap

@@ -4,7 +4,7 @@ exports[`IconButton Checking the "Children" 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -27,7 +27,7 @@ exports[`IconButton eleRef prop is a function 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -45,7 +45,7 @@ exports[`IconButton rendering ally 1`] = `
     aria-label="ariaLabel"
     aria-labelledby="ariaLabelledby"
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -60,7 +60,7 @@ exports[`IconButton rendering ally 2`] = `
     aria-expanded="false"
     aria-haspopup="false"
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -73,7 +73,7 @@ exports[`IconButton rendering in ClassName 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper IconButtonClass undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper IconButtonClass effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -86,7 +86,7 @@ exports[`IconButton rendering in Icon 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -94,7 +94,7 @@ exports[`IconButton rendering in Icon 1`] = `
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-infoStroke fbold iconClass icon_button_center  "
+      class="zd_font_icons basic icon-infoStroke fbold icon_button_center iconClass"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -108,7 +108,7 @@ exports[`IconButton rendering in dataIsHtml is True 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="true"
     data-selector-id="iconButton"
@@ -121,7 +121,7 @@ exports[`IconButton rendering in isDisabled is True 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover   disabled inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover disabled"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -135,7 +135,7 @@ exports[`IconButton rendering in title 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -149,7 +149,7 @@ exports[`IconButton rendering isNeedEffect is False 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -162,7 +162,7 @@ exports[`IconButton rendering needButtonTag 1`] = `
 <DocumentFragment>
   <div
     aria-pressed="false"
-    class="large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center large wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -175,7 +175,7 @@ exports[`IconButton rendering the defult props 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -188,7 +188,7 @@ exports[`IconButton rendering the hovertypes- bg 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border bgHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border bgHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -201,7 +201,7 @@ exports[`IconButton rendering the hovertypes- border 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border borderHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border borderHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -214,7 +214,7 @@ exports[`IconButton rendering the hovertypes- default 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -227,7 +227,7 @@ exports[`IconButton rendering the isActive true with palette of- default 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover active hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover active hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -240,7 +240,7 @@ exports[`IconButton rendering the isActive true with palette of- primary 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  primary_active effect primary border defaultHover active hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper primary_active effect primary border defaultHover active hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -253,7 +253,7 @@ exports[`IconButton rendering the isActive true with palette of- primaryFilled 1
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  primaryFilled_active effect primaryFilled border defaultHover active hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper primaryFilled_active effect primaryFilled border defaultHover active hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -266,7 +266,7 @@ exports[`IconButton rendering the palette of- default 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -279,7 +279,7 @@ exports[`IconButton rendering the palette of- primary 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  primary effect primary border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper primary effect primary border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -292,7 +292,7 @@ exports[`IconButton rendering the palette of- primaryFilled 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  primaryFilled effect primaryFilled border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper primaryFilled effect primaryFilled border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -305,7 +305,7 @@ exports[`IconButton rendering the size of- large 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -318,7 +318,7 @@ exports[`IconButton rendering the size of- medium 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset medium wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset medium wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -331,7 +331,7 @@ exports[`IconButton rendering the size of- small 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset small wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset small wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -344,7 +344,7 @@ exports[`IconButton rendering the size of- xlarge 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset xlarge wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset xlarge wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -357,7 +357,7 @@ exports[`IconButton rendering the size of- xsmall 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset xsmall wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset xsmall wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"
@@ -370,7 +370,7 @@ exports[`IconButton rendering tourId 1`] = `
 <DocumentFragment>
   <button
     aria-pressed="false"
-    class="buttonReset large wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center buttonReset large wrapper effect default border defaultHover hoverEffect"
     data-id="iconContainer"
     data-ishtml="false"
     data-selector-id="iconButton"

package/lib/Image/Image.js

@@ -70,7 +70,7 @@ var Image = /*#__PURE__*/function (_React$Component) {
         "data-title": title,
         "data-id": dataId,
         "data-test-id": dataId,
-        className: " ".concat(className, " ").concat(isCover ? _ImageModule["default"].imgFullSize : _ImageModule["default"].imgMaxFullSize, " "),
+        className: "".concat(isCover ? _ImageModule["default"].imgFullSize : _ImageModule["default"].imgMaxFullSize, " ").concat(className),
         onClick: onClick,
         id: htmlId,
         ref: eleRef,

package/lib/Image/__tests__/__snapshots__/Image.spec.js.snap

@@ -4,7 +4,7 @@ exports[`Image -  checking  "isCover" is false 1`] = `
 <DocumentFragment>
   <img
     alt="Lamp"
-    class="  imgFullSize "
+    class="imgFullSize"
     src="https://www.w3schools.com/images/lamp.jpg"
   />
 </DocumentFragment>
@@ -14,7 +14,7 @@ exports[`Image -  rendering  "dataid" value 1`] = `
 <DocumentFragment>
   <img
     alt="Lamp"
-    class="  imgMaxFullSize "
+    class="imgMaxFullSize"
     data-id="imageData"
     data-test-id="imageData"
     src="https://www.w3schools.com/images/lamp.jpg"
@@ -26,7 +26,7 @@ exports[`Image -  rendering "Id" value 1`] = `
 <DocumentFragment>
   <img
     alt="Lamp"
-    class="  imgMaxFullSize "
+    class="imgMaxFullSize"
     id="test"
     src="https://www.w3schools.com/images/lamp.jpg"
   />
@@ -37,7 +37,7 @@ exports[`Image -  rendering "Original" value 1`] = `
 <DocumentFragment>
   <img
     alt="Lamp"
-    class="  imgMaxFullSize "
+    class="imgMaxFullSize"
     data-original="https://www.w3schools.com/images/lamp.jpg"
     src="https://www.w3schools.com/images/lamp.jpg"
   />
@@ -48,7 +48,7 @@ exports[`Image -  rendering "alt" and "src" value  1`] = `
 <DocumentFragment>
   <img
     alt="Lamp"
-    class="  imgMaxFullSize "
+    class="imgMaxFullSize"
     src="https://www.w3schools.com/images/lamp.jpg"
   />
 </DocumentFragment>
@@ -58,7 +58,7 @@ exports[`Image -  rendering "title" value 1`] = `
 <DocumentFragment>
   <img
     alt="Lamp"
-    class="  imgMaxFullSize "
+    class="imgMaxFullSize"
     data-title="ImageTest Value"
     src="https://www.w3schools.com/images/lamp.jpg"
   />
@@ -68,7 +68,7 @@ exports[`Image -  rendering "title" value 1`] = `
 exports[`Image -  rendering the default props 1`] = `
 <DocumentFragment>
   <img
-    class="  imgMaxFullSize "
+    class="imgMaxFullSize"
   />
 </DocumentFragment>
 `;

package/lib/ImportantNotes/ImportantNotes.js

@@ -68,7 +68,7 @@ var ImportantNotes = /*#__PURE__*/function (_React$Component) {
         isCover: false,
         alignBox: "row",
         align: "top",
-        className: "".concat(_ImportantNotesModule["default"].section, " ").concat(className || '')
+        className: "".concat(_ImportantNotesModule["default"].section, " ").concat(className)
       }, iconName ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _ImportantNotesModule["default"].icon,
         align: "start"