@zohodesk/components 1.6.21 → 1.6.22

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

@@ -64,7 +64,7 @@ exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly fasle true
   >
     <div
       class="noShrink radio rdBoxprimary 
-             medium filled centerPathprimary  disabled"
+             medium filled centerPathprimary disabled"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -191,7 +191,7 @@ exports[`Radio rendering labelPalette - danger 1`] = `
       <label
         class="label title medium danger font_default
           dotted cursor  
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -252,7 +252,7 @@ exports[`Radio rendering labelPalette - default 1`] = `
       <label
         class="label title medium default font_default
           dotted cursor  
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -313,7 +313,7 @@ exports[`Radio rendering labelPalette - mandatory 1`] = `
       <label
         class="label title medium mandatory font_default
           dotted cursor  
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -374,7 +374,7 @@ exports[`Radio rendering labelPalette - primary 1`] = `
       <label
         class="label title medium primary font_default
           dotted cursor  
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -435,7 +435,7 @@ exports[`Radio rendering labelSize - default 1`] = `
       <label
         class="label title medium default font_default
           dotted cursor  
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -496,7 +496,7 @@ exports[`Radio rendering labelSize - large 1`] = `
       <label
         class="label title large default font_default
           dotted cursor  
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -557,7 +557,7 @@ exports[`Radio rendering labelSize - medium 1`] = `
       <label
         class="label title medium default font_default
           dotted cursor  
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -618,7 +618,7 @@ exports[`Radio rendering labelSize - primary 1`] = `
       <label
         class="label title medium default font_primary
           dotted cursor  
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -679,7 +679,7 @@ exports[`Radio rendering labelSize - small 1`] = `
       <label
         class="label title small default font_default
           dotted cursor  
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -792,7 +792,7 @@ exports[`Radio rendering secondaryText with checked state 1`] = `
   >
     <div
       class="noShrink alignSelf_start radio rdBoxprimary 
-            hoverprimary medium filled centerPathprimary   withSecondaryText"
+            hoverprimary medium filled centerPathprimary  withSecondaryText"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -832,7 +832,7 @@ exports[`Radio rendering secondaryText with checked state 1`] = `
       <label
         class="label title medium default font_default
           dotted cursor  
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="Radio Text_label"
         data-selector-id="label"
         data-test-id="Radio Text_label"
@@ -985,7 +985,7 @@ exports[`Radio rendering the Checked is true for palette - danger 1`] = `
       <label
         class="label title medium default font_default
           dotted cursor  
-                  dangerLabel pointer    "
+                  dangerLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -1046,7 +1046,7 @@ exports[`Radio rendering the Checked is true for palette - primary 1`] = `
       <label
         class="label title medium default font_default
           dotted cursor  
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -1204,7 +1204,7 @@ exports[`Radio rendering the accessMode when disabled  1`] = `
   >
     <div
       class="noShrink radio  
-             medium filled centerPathprimary  disabled"
+             medium filled centerPathprimary disabled"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -1238,7 +1238,7 @@ exports[`Radio rendering the accessMode when disabled  1`] = `
       <label
         class="label title medium default font_default
           dotted cursor  disabled
-                  primaryLabel     "
+                  primaryLabel    "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -1265,7 +1265,7 @@ exports[`Radio rendering the accessMode when isReadOnly  1`] = `
   >
     <div
       class="noShrink radio  
-             medium filled centerPathprimary  disabled"
+             medium filled centerPathprimary disabled"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -1299,7 +1299,7 @@ exports[`Radio rendering the accessMode when isReadOnly  1`] = `
       <label
         class="label title medium default font_default
           dotted cursor  
-                  primaryLabel  readonly   "
+                  primaryLabel  readonly  "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -1366,7 +1366,7 @@ exports[`Radio rendering the active is true - danger 1`] = `
       <label
         class="label title medium default font_default
           dotted cursor dangercheckedActive 
-                  dangerLabel pointer    "
+                  dangerLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -1433,7 +1433,7 @@ exports[`Radio rendering the active is true - primary 1`] = `
       <label
         class="label title medium default font_default
           dotted cursor primarycheckedActive 
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -1460,7 +1460,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
   >
     <div
       class="noShrink radio  
-            hoverprimary medium filled centerPathprimary CustomClassCustomRadio"
+            hoverprimary medium filled centerPathprimary   CustomClassCustomRadio"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -1494,7 +1494,7 @@ exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLa
       <label
         class="label title medium default font_default
           dotted cursor  
-                  primaryLabel pointer   CustomClassCustomLabel "
+                  primaryLabel pointer   CustomClassCustomLabel"
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -1564,7 +1564,7 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
   >
     <div
       class="noShrink radio  
-             medium filled centerPathdanger  disabled"
+             medium filled centerPathdanger disabled"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -1598,7 +1598,7 @@ exports[`Radio rendering the disabled is true for palette - danger 1`] = `
       <label
         class="label title medium default font_default
           dotted cursor  disabled
-                  dangerLabel     "
+                  dangerLabel    "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -1625,7 +1625,7 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
   >
     <div
       class="noShrink radio  
-             medium filled centerPathprimary  disabled"
+             medium filled centerPathprimary disabled"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -1659,7 +1659,7 @@ exports[`Radio rendering the disabled is true for palette - primary 1`] = `
       <label
         class="label title medium default font_default
           dotted cursor  disabled
-                  primaryLabel     "
+                  primaryLabel    "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -1687,7 +1687,7 @@ exports[`Radio rendering the disabledTitle 1`] = `
   >
     <div
       class="noShrink radio  
-             medium filled centerPathprimary  disabled"
+             medium filled centerPathprimary disabled"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -1721,7 +1721,7 @@ exports[`Radio rendering the disabledTitle 1`] = `
       <label
         class="label title medium default font_default
           dotted cursor  disabled
-                  primaryLabel     "
+                  primaryLabel    "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -1791,7 +1791,7 @@ exports[`Radio rendering the isReadOnly is true 1`] = `
   >
     <div
       class="noShrink radio  
-             medium filled centerPathprimary  disabled"
+             medium filled centerPathprimary disabled"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -1868,7 +1868,7 @@ exports[`Radio rendering the text 1`] = `
       <label
         class="label title medium default font_default
           dotted cursor  
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"
@@ -1930,7 +1930,7 @@ exports[`Radio rendering the title 1`] = `
       <label
         class="label title medium default font_default
           dotted cursor  
-                  primaryLabel pointer    "
+                  primaryLabel pointer   "
         data-id="RadioText_label"
         data-selector-id="label"
         data-test-id="RadioText_label"

package/lib/Ribbon/Ribbon.js

@@ -61,7 +61,7 @@ var Ribbon = /*#__PURE__*/function (_React$Component) {
           customClass = _this$props.customClass,
           dataSelectorId = _this$props.dataSelectorId;
       return /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(_RibbonModule["default"].basic, " ").concat(customClass, " ").concat(type !== 'tag' ? type === 'plain' || type === 'box' || type === 'stamp' ? "".concat(_RibbonModule["default"]["plain_".concat(palette)], " \n                 ").concat(type === 'box' ? _RibbonModule["default"]["box_".concat(palette)] : '', " ").concat(type === 'stamp' ? _RibbonModule["default"]["stamp_".concat(palette)] : '') : "".concat(_RibbonModule["default"]["palette_".concat(palette)], " ").concat(type === 'default' ? _RibbonModule["default"]["default_".concat(palette)] : '') : '', " ").concat(_RibbonModule["default"][size], " ").concat(_RibbonModule["default"][type]),
+        className: "".concat(_RibbonModule["default"].basic, " ").concat(type !== 'tag' ? type === 'plain' || type === 'box' || type === 'stamp' ? "".concat(_RibbonModule["default"]["plain_".concat(palette)], " \n                 ").concat(type === 'box' ? _RibbonModule["default"]["box_".concat(palette)] : '', " ").concat(type === 'stamp' ? _RibbonModule["default"]["stamp_".concat(palette)] : '') : "".concat(_RibbonModule["default"]["palette_".concat(palette)], " ").concat(type === 'default' ? _RibbonModule["default"]["default_".concat(palette)] : '') : '', " ").concat(_RibbonModule["default"][size], " ").concat(_RibbonModule["default"][type], " ").concat(customClass, " "),
         "data-id": dataId,
         "data-test-id": dataId,
         "data-selector-id": dataSelectorId
@@ -82,17 +82,4 @@ var Ribbon = /*#__PURE__*/function (_React$Component) {
 
 exports["default"] = Ribbon;
 Ribbon.propTypes = _propTypes.propTypes;
-Ribbon.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
-//   Ribbon.docs = {
-//     componentGroup: 'Atom',
-//     folderName: 'Style Guide',
-//     external: true,
-//     description: ' ',
-//     images: [
-//       {
-//         view: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/Ribbon/v1/Ribbon.png',
-//         psd: 'http://zsupport-tech-1.tsi.zohocorpin.com:8080/ui/general/Ribbon/v1/Ribbon.psd'
-//       }
-//     ]
-//   };
-// }
+Ribbon.defaultProps = _defaultProps.defaultProps;

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

@@ -3,7 +3,7 @@
 exports[`Label rendering children  1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_default default_default large default"
+    class="basic palette_default default_default large default  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -27,7 +27,7 @@ exports[`Label rendering children  1`] = `
 exports[`Label rendering the customClass 1`] = `
 <DocumentFragment>
   <span
-    class="basic ribbonCustomClass palette_default default_default large default"
+    class="basic palette_default default_default large default ribbonCustomClass "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -44,7 +44,7 @@ exports[`Label rendering the customClass 1`] = `
 exports[`Label rendering the defult props 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_default default_default large default"
+    class="basic palette_default default_default large default  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -61,7 +61,7 @@ exports[`Label rendering the defult props 1`] = `
 exports[`Label rendering the palette of- danger 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_danger default_danger large default"
+    class="basic palette_danger default_danger large default  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -78,7 +78,7 @@ exports[`Label rendering the palette of- danger 1`] = `
 exports[`Label rendering the palette of- dark 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_dark default_dark large default"
+    class="basic palette_dark default_dark large default  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -95,7 +95,7 @@ exports[`Label rendering the palette of- dark 1`] = `
 exports[`Label rendering the palette of- default 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_default default_default large default"
+    class="basic palette_default default_default large default  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -112,7 +112,7 @@ exports[`Label rendering the palette of- default 1`] = `
 exports[`Label rendering the palette of- info 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_info default_info large default"
+    class="basic palette_info default_info large default  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -129,7 +129,7 @@ exports[`Label rendering the palette of- info 1`] = `
 exports[`Label rendering the palette of- primary 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_primary default_primary large default"
+    class="basic palette_primary default_primary large default  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -146,7 +146,7 @@ exports[`Label rendering the palette of- primary 1`] = `
 exports[`Label rendering the palette of- secondary 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_secondary default_secondary large default"
+    class="basic palette_secondary default_secondary large default  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -163,7 +163,7 @@ exports[`Label rendering the palette of- secondary 1`] = `
 exports[`Label rendering the size - large 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_default default_default large default"
+    class="basic palette_default default_default large default  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -180,7 +180,7 @@ exports[`Label rendering the size - large 1`] = `
 exports[`Label rendering the size - medium 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_default default_default medium default"
+    class="basic palette_default default_default medium default  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -197,7 +197,7 @@ exports[`Label rendering the size - medium 1`] = `
 exports[`Label rendering the size - small 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_default default_default small default"
+    class="basic palette_default default_default small default  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -214,7 +214,7 @@ exports[`Label rendering the size - small 1`] = `
 exports[`Label rendering the size - xlarge 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_default default_default xlarge default"
+    class="basic palette_default default_default xlarge default  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -231,8 +231,8 @@ exports[`Label rendering the size - xlarge 1`] = `
 exports[`Label rendering the type - box 1`] = `
 <DocumentFragment>
   <span
-    class="basic  plain_default 
-                 box_default  large box"
+    class="basic plain_default 
+                 box_default  large box  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -249,7 +249,7 @@ exports[`Label rendering the type - box 1`] = `
 exports[`Label rendering the type - default 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_default default_default large default"
+    class="basic palette_default default_default large default  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -266,7 +266,7 @@ exports[`Label rendering the type - default 1`] = `
 exports[`Label rendering the type - flag 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_default  large flag"
+    class="basic palette_default  large flag  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -283,8 +283,8 @@ exports[`Label rendering the type - flag 1`] = `
 exports[`Label rendering the type - plain 1`] = `
 <DocumentFragment>
   <span
-    class="basic  plain_default 
-                   large plain"
+    class="basic plain_default 
+                   large plain  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -301,7 +301,7 @@ exports[`Label rendering the type - plain 1`] = `
 exports[`Label rendering the type - ribbon 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_default  large ribbon"
+    class="basic palette_default  large ribbon  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -318,8 +318,8 @@ exports[`Label rendering the type - ribbon 1`] = `
 exports[`Label rendering the type - stamp 1`] = `
 <DocumentFragment>
   <span
-    class="basic  plain_default 
-                  stamp_default large stamp"
+    class="basic plain_default 
+                  stamp_default large stamp  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -336,7 +336,7 @@ exports[`Label rendering the type - stamp 1`] = `
 exports[`Label rendering the type - sticker 1`] = `
 <DocumentFragment>
   <span
-    class="basic  palette_default  large sticker"
+    class="basic palette_default  large sticker  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"
@@ -359,7 +359,7 @@ exports[`Label rendering the type - sticker 1`] = `
 exports[`Label rendering the type - tag 1`] = `
 <DocumentFragment>
   <span
-    class="basic   large tag"
+    class="basic  large tag  "
     data-id="ribbonComp"
     data-selector-id="ribbon"
     data-test-id="ribbonComp"

package/lib/Select/SelectWithAvatar.js

@@ -264,7 +264,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "vertical",
         alignBox: "row",
-        className: "".concat(_MultiSelectModule["default"].container, " ").concat(_MultiSelectModule["default"][size], " ").concat(_MultiSelectModule["default"]["borderColor_".concat(borderColor)], " ").concat(isActive && needBorder ? _MultiSelectModule["default"].active : '', " ").concat(textBoxClass ? textBoxClass : '', " ").concat(needBorder ? _MultiSelectModule["default"].hasBorder : ''),
+        className: "".concat(_MultiSelectModule["default"].container, " ").concat(_MultiSelectModule["default"][size], " ").concat(_MultiSelectModule["default"]["borderColor_".concat(borderColor)], " ").concat(isActive && needBorder ? _MultiSelectModule["default"].active : '', "  ").concat(needBorder ? _MultiSelectModule["default"].hasBorder : '', " ").concat(textBoxClass ? textBoxClass : ''),
         eleRef: getTargetRef,
         onClick: !isDisabled && this.togglePopup
       }, selectedId ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap

@@ -68,7 +68,7 @@ exports[`GroupSelect rendering the defult props 1`] = `
               >
                 <i
                   aria-hidden="true"
-                  class="zd_font_icons basic icon-down  arrowIcon  "
+                  class="zd_font_icons  basic icon-down   arrowIcon"
                   data-id="fontIcon"
                   data-selector-id="fontIcon"
                   data-test-id="fontIcon"