@zohodesk/components 1.6.4 → 1.6.6

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

@@ -219,7 +219,7 @@ exports[`Select - Should highlight the next list-items, when arrow keys pressed
               data-test-id="containerComponent"
             >
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -692,7 +692,7 @@ exports[`Select - Should open the dropdown, when click on the input 1`] = `
               data-test-id="containerComponent"
             >
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -890,7 +890,7 @@ exports[`Select - Should render all the options when search value is cleared 1`]
                 </div>
               </div>
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -1177,7 +1177,7 @@ exports[`Select - Should render given the options 1`] = `
               data-test-id="containerComponent"
             >
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -1790,7 +1790,7 @@ exports[`Select - Should render the only options matching search value 1`] = `
                 </div>
               </div>
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -2060,7 +2060,7 @@ exports[`Select - Should render the only options matching search value even with
                 </div>
               </div>
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -2398,7 +2398,7 @@ exports[`Select - Should show the custom empty state using getCustomEmptyState p
                 </div>
               </div>
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -2541,7 +2541,7 @@ exports[`Select - Should show the empty message when open the dropdown with no o
               data-test-id="containerComponent"
             >
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -2691,7 +2691,7 @@ exports[`Select - Should trigger getNextOptions, when scroll to the end of the d
               data-test-id="containerComponent"
             >
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -3335,7 +3335,7 @@ exports[`Select - Should trigger getNextOptions, when search with needLocalSearc
                 </div>
               </div>
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -3720,7 +3720,7 @@ exports[`Select - Should trigger onAddNewOption, when click on the custom search
                 </div>
               </div>
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -3865,7 +3865,7 @@ exports[`Select - Should update the value when select the option 1`] = `
               data-test-id="containerComponent"
             >
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -5165,7 +5165,7 @@ exports[`Select box needSelectDownIcon snapshot -  Should render with isPopupOpe
               data-test-id="containerComponent"
             >
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -5312,7 +5312,7 @@ exports[`Select box needSelectDownIcon snapshot -  Should render with isPopupOpe
               data-test-id="containerComponent"
             >
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -7138,7 +7138,7 @@ exports[`Select dataId snapshot -  Should render with dataId prop - dropbox open
                 </div>
               </div>
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -7365,7 +7365,7 @@ exports[`Select dataId snapshot -  Should render with dataId prop - empty state
               data-test-id="containerComponent"
             >
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -7840,7 +7840,7 @@ exports[`Select snapshot -  Should render with children and dropdown open 1`] =
               data-test-id="containerComponent"
             >
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -8132,7 +8132,7 @@ exports[`Select snapshot -  Should render with customProps 1`] = `
                 </div>
               </div>
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -8561,7 +8561,7 @@ exports[`Select snapshot -  Should render with dropBoxSize as large 1`] = `
                 </div>
               </div>
               <div
-                class="large grow basis shrinkOn scrolly"
+                class="large  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -8758,7 +8758,7 @@ exports[`Select snapshot -  Should render with dropBoxSize as medium 1`] = `
                 </div>
               </div>
               <div
-                class="medium grow basis shrinkOn scrolly"
+                class="medium  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -8955,7 +8955,7 @@ exports[`Select snapshot -  Should render with dropBoxSize as small 1`] = `
                 </div>
               </div>
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"
@@ -9231,7 +9231,7 @@ exports[`Select snapshot -  Should render with getFooter 1`] = `
               data-test-id="containerComponent"
             >
               <div
-                class="small grow basis shrinkOn scrolly"
+                class="small  grow basis shrinkOn scrolly"
                 data-id="CardContent"
                 data-selector-id="cardContent"
                 data-test-id="CardContent"

package/lib/Select/props/defaultProps.js

@@ -7,7 +7,7 @@ exports.Select_defaultProps = exports.SelectWithIcon_defaultProps = exports.Sele
 
 var _Config = require("../../Provider/Config");
 
-var _SelectWithIcon_defau;
+var _SelectWithAvatar_def, _SelectWithIcon_defau;
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -49,7 +49,8 @@ var Select_defaultProps = {
   isLoading: false,
   isAbsolutePositioningNeeded: true,
   allowValueFallback: true,
-  inputFieldLineA11y: {}
+  inputFieldLineA11y: {},
+  customClass: {}
 };
 exports.Select_defaultProps = Select_defaultProps;
 var GroupSelect_defaultProps = {
@@ -88,11 +89,11 @@ var GroupSelect_defaultProps = {
   iconOnHover: false,
   isLoading: false,
   customProps: {},
-  allowValueFallback: true
+  allowValueFallback: true,
+  customClass: {}
 };
 exports.GroupSelect_defaultProps = GroupSelect_defaultProps;
-
-var SelectWithAvatar_defaultProps = _defineProperty({
+var SelectWithAvatar_defaultProps = (_SelectWithAvatar_def = {
   animationStyle: 'bounce',
   defaultDropBoxPosition: 'bottom',
   dropBoxSize: 'small',
@@ -118,8 +119,7 @@ var SelectWithAvatar_defaultProps = _defineProperty({
   customProps: {},
   needEffect: true,
   isLoading: false
-}, "customProps", {});
-
+}, _defineProperty(_SelectWithAvatar_def, "customProps", {}), _defineProperty(_SelectWithAvatar_def, "customClass", {}), _SelectWithAvatar_def);
 exports.SelectWithAvatar_defaultProps = SelectWithAvatar_defaultProps;
 var SelectWithIcon_defaultProps = (_SelectWithIcon_defau = {
   isReadOnly: false,

package/lib/Select/props/propTypes.js

@@ -120,7 +120,11 @@ var Select_propTypes = {
   renderCustomToggleIndicator: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].node]),
   renderCustomSearchClearComponent: _propTypes["default"].func,
   renderCustomSelectedValue: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].node]),
-  inputFieldLineA11y: _propTypes["default"].object
+  inputFieldLineA11y: _propTypes["default"].object,
+  customClass: _propTypes["default"].shape({
+    dropBox: _propTypes["default"].string,
+    cardContent: _propTypes["default"].string
+  })
 };
 exports.Select_propTypes = Select_propTypes;
 var GroupSelect_propTypes = {
@@ -209,7 +213,11 @@ var GroupSelect_propTypes = {
     TextBoxIconProps: _propTypes["default"].object,
     SuggestionsProps: _propTypes["default"].object
   }),
-  allowValueFallback: _propTypes["default"].bool
+  allowValueFallback: _propTypes["default"].bool,
+  customClass: _propTypes["default"].shape({
+    dropBox: _propTypes["default"].string,
+    cardContent: _propTypes["default"].string
+  })
 };
 exports.GroupSelect_propTypes = GroupSelect_propTypes;
 
@@ -275,6 +283,10 @@ var SelectWithAvatar_propTypes = _objectSpread(_objectSpread({}, Select_propType
   dataSelectorId: _propTypes["default"].string,
   customProps: _propTypes["default"].shape({
     SuggestionsProps: _propTypes["default"].object
+  }),
+  customClass: _propTypes["default"].shape({
+    dropBox: _propTypes["default"].string,
+    cardContent: _propTypes["default"].string
   })
 });
 
@@ -347,7 +359,8 @@ var SelectWithIcon_propTypes = {
     ListItemProps: _propTypes["default"].object
   }),
   customClass: _propTypes["default"].shape({
-    dropBoxClass: _propTypes["default"].string
+    dropBox: _propTypes["default"].string,
+    cardContent: _propTypes["default"].string
   })
 };
 exports.SelectWithIcon_propTypes = SelectWithIcon_propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.6.4",
+  "version": "1.6.6",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -76,13 +76,13 @@
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.8",
     "@zohodesk/docstool": "1.0.0-alpha-2",
-    "@zohodesk/dotkit": "1.0.8",
+    "@zohodesk/dotkit": "1.0.9",
     "@zohodesk/hooks": "2.0.8",
-    "@zohodesk/icons": "1.2.5",
+    "@zohodesk/icons": "1.2.8",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/svg": "1.3.2",
+    "@zohodesk/svg": "1.3.3",
     "@zohodesk/utils": "1.3.16",
-    "@zohodesk/variables": "1.2.0",
+    "@zohodesk/variables": "1.3.0",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "velocity-react": "1.4.3",
@@ -97,9 +97,9 @@
     "selectn": "1.1.2"
   },
   "peerDependencies": {
-    "@zohodesk/icons": "1.2.5",
-    "@zohodesk/variables": "1.2.0",
-    "@zohodesk/svg": "1.3.2",
+    "@zohodesk/icons": "1.2.8",
+    "@zohodesk/variables": "1.3.0",
+    "@zohodesk/svg": "1.3.3",
     "@zohodesk/virtualizer": "1.0.13",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",
@@ -107,7 +107,7 @@
     "@zohodesk/utils": "1.3.16",
     "@zohodesk/a11y": "2.3.8",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/dotkit": "1.0.8",
+    "@zohodesk/dotkit": "1.0.9",
     "color": "4.2.3"
   }
 }