@zohodesk/components 1.6.24 → 1.6.26

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

@@ -31,7 +31,7 @@ exports[`ResponsiveDropBox rendering the defult props 1`] = `
         />
       </div>
       <div
-        class="flex column"
+        class="d-flex d-flex-col"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"

package/es/RippleEffect/RippleEffect.js

@@ -22,9 +22,4 @@ export default function RippleEffect(props) {
   });
 }
 RippleEffect.defaultProps = defaultProps;
-RippleEffect.propTypes = propTypes; // if (__DOCS__) {
-//   RippleEffect.docs = {
-//     componentGroup: 'RippleEffect',
-//     folderName: 'Style Guide'
-//   };
-// }
+RippleEffect.propTypes = propTypes;

package/es/Select/GroupSelect.js

@@ -824,11 +824,4 @@ GroupSelectComponent.displayName = 'GroupSelect';
 let GroupSelect = Popup(GroupSelectComponent);
 GroupSelect.defaultProps = GroupSelectComponent.defaultProps;
 GroupSelect.propTypes = GroupSelectComponent.propTypes;
-export default GroupSelect; // if (__DOCS__) {
-//   GroupSelect.docs = {
-//     componentGroup: 'Form Elements',
-//     folderName: 'Style Guide'
-//   };
-//   // eslint-disable-next-line react/forbid-foreign-prop-types
-//   GroupSelect.propTypes = GroupSelectComponent.propTypes;
-// }
+export default GroupSelect;

package/es/Select/Select.js

@@ -1108,13 +1108,4 @@ let Select = Popup(SelectComponent);
 Select.defaultProps = SelectComponent.defaultProps;
 Select.propTypes = Select_propTypes;
 Select.displayName = 'Select';
-export default Select; // if (__DOCS__) {
-//   Select.docs = {
-//     componentGroup: 'Form Elements',
-//     folderName: 'Style Guide',
-//     external: true,
-//     description: ' '
-//   };
-//   // eslint-disable-next-line react/forbid-foreign-prop-types
-//   Select.propTypes = SelectComponent.propTypes;
-// }
+export default Select;

package/es/Select/SelectWithAvatar.js

@@ -367,13 +367,5 @@ SelectWithAvatarComponent.defaultProps = SelectWithAvatar_defaultProps;
 SelectWithAvatarComponent.displayName = 'SelectWithAvatar';
 let SelectWithAvatar = Popup(SelectWithAvatarComponent);
 SelectWithAvatar.defaultProps = SelectWithAvatarComponent.defaultProps;
-SelectWithAvatar.propTypes = SelectWithAvatarComponent.propTypes; // if (__DOCS__) {
-//   SelectWithAvatar.docs = {
-//     componentGroup: 'Form Elements',
-//     folderName: 'Style Guide'
-//   };
-//   // eslint-disable-next-line react/forbid-foreign-prop-types
-//   SelectWithAvatar.propTypes = SelectWithAvatarComponent.propTypes;
-// }
-
+SelectWithAvatar.propTypes = SelectWithAvatarComponent.propTypes;
 export default SelectWithAvatar;

package/es/Select/SelectWithIcon.js

@@ -571,11 +571,5 @@ SelectWithIcon.propTypes = SelectWithIcon_propTypes;
 SelectWithIcon.defaultProps = SelectWithIcon_defaultProps;
 const SelectWithIconComponent = Popup(SelectWithIcon);
 SelectWithIconComponent.defaultProps = SelectWithIcon.defaultProps;
-SelectWithIconComponent.propTypes = SelectWithIcon.propTypes; // if (__DOCS__) {
-//   SelectWithIcon.docs = {
-//     componentGroup: 'Form Elements',
-//     folderName: 'Style Guide'
-//   };
-// }
-
+SelectWithIconComponent.propTypes = SelectWithIcon.propTypes;
 export default SelectWithIconComponent;

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

@@ -14,11 +14,11 @@ exports[`GroupSelect rendering the defult props 1`] = `
       data-test-id="GroupSelect"
     >
       <div
-        class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
+        class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder container"
         data-selector-id="textBoxIcon"
       >
         <div
-          class="flexible basis_zero noShrink"
+          class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -43,32 +43,32 @@ exports[`GroupSelect rendering the defult props 1`] = `
           />
         </div>
         <div
-          class="noShrink iconContainer"
+          class="d-flex-shrink-0 iconContainer"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           <div
-            class="flex fullSize row"
+            class="d-flex d-h-full d-w-full d-flex-row"
             data-id="containerComponent"
             data-selector-id="container"
             data-test-id="containerComponent"
           >
             <div
-              class="noShrink icon"
+              class="d-flex-shrink-0 icon"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
             >
               <div
-                class="flex fullSize column alignItems_center justifyContent_center"
+                class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center"
                 data-id="downIcon"
                 data-selector-id="container"
                 data-test-id="downIcon"
               >
                 <i
                   aria-hidden="true"
-                  class="zd_font_icons basic icon-down arrowIcon"
+                  class="zd_font_icons ff icon-down basic d-inline-block d-align-middle arrowIcon"
                   data-id="fontIcon"
                   data-selector-id="fontIcon"
                   data-test-id="fontIcon"