@zohodesk/components 1.6.25 → 1.6.26

package/lib/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/lib/RippleEffect/RippleEffect.js

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

package/lib/Select/GroupSelect.js

@@ -905,13 +905,5 @@ GroupSelectComponent.displayName = 'GroupSelect';
 var GroupSelect = (0, _Popup["default"])(GroupSelectComponent);
 GroupSelect.defaultProps = GroupSelectComponent.defaultProps;
 GroupSelect.propTypes = GroupSelectComponent.propTypes;
-var _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;
-// }
-
+var _default = GroupSelect;
 exports["default"] = _default;

package/lib/Select/Select.js

@@ -1162,15 +1162,5 @@ var Select = (0, _Popup["default"])(SelectComponent);
 Select.defaultProps = SelectComponent.defaultProps;
 Select.propTypes = _propTypes.Select_propTypes;
 Select.displayName = 'Select';
-var _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;
-// }
-
+var _default = Select;
 exports["default"] = _default;

package/lib/Select/SelectWithAvatar.js

@@ -420,14 +420,6 @@ SelectWithAvatarComponent.defaultProps = _defaultProps.SelectWithAvatar_defaultP
 SelectWithAvatarComponent.displayName = 'SelectWithAvatar';
 var SelectWithAvatar = (0, _Popup["default"])(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;
 var _default = SelectWithAvatar;
 exports["default"] = _default;

package/lib/Select/SelectWithIcon.js

@@ -646,12 +646,6 @@ SelectWithIcon.propTypes = _propTypes.SelectWithIcon_propTypes;
 SelectWithIcon.defaultProps = _defaultProps.SelectWithIcon_defaultProps;
 var SelectWithIconComponent = (0, _Popup["default"])(SelectWithIcon);
 SelectWithIconComponent.defaultProps = SelectWithIcon.defaultProps;
-SelectWithIconComponent.propTypes = SelectWithIcon.propTypes; // if (__DOCS__) {
-//   SelectWithIcon.docs = {
-//     componentGroup: 'Form Elements',
-//     folderName: 'Style Guide'
-//   };
-// }
-
+SelectWithIconComponent.propTypes = SelectWithIcon.propTypes;
 var _default = SelectWithIconComponent;
 exports["default"] = _default;

package/lib/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"