@zohodesk/components 1.0.0-temp-248 → 1.0.0-temp-199.21

package/lib/Select/props/propTypes.js

@@ -103,8 +103,7 @@ var Select_propTypes = {
     TextBoxIconProps: _propTypes["default"].object,
     DropdownSearchTextBoxProps: _propTypes["default"].object,
     listItemProps: _propTypes["default"].object,
-    SuggestionsProps: _propTypes["default"].object,
-    InputFieldLineProps: _propTypes["default"].object
+    SuggestionsProps: _propTypes["default"].object
   }),
   isLoading: _propTypes["default"].bool,
   dataSelectorId: _propTypes["default"].string,
@@ -204,7 +203,8 @@ var GroupSelect_propTypes = {
   isDefaultSelectValue: _propTypes["default"].bool,
   customProps: _propTypes["default"].shape({
     TextBoxProps: _propTypes["default"].object,
-    TextBoxIconProps: _propTypes["default"].object
+    TextBoxIconProps: _propTypes["default"].object,
+    SuggestionsProps: _propTypes["default"].object
   }),
   allowValueFallback: _propTypes["default"].bool
 };
@@ -269,7 +269,10 @@ var SelectWithAvatar_propTypes = _objectSpread(_objectSpread({}, Select_propType
   htmlId: _propTypes["default"].string,
   needEffect: _propTypes["default"].bool,
   isLoading: _propTypes["default"].bool,
-  dataSelectorId: _propTypes["default"].string
+  dataSelectorId: _propTypes["default"].string,
+  customProps: _propTypes["default"].shape({
+    SuggestionsProps: _propTypes["default"].object
+  })
 });
 
 exports.SelectWithAvatar_propTypes = SelectWithAvatar_propTypes;
@@ -336,7 +339,11 @@ var SelectWithIcon_propTypes = {
     TextBoxProps: _propTypes["default"].object,
     DropdownSearchTextBoxProps: _propTypes["default"].object,
     SuggestionsProps: _propTypes["default"].object,
-    TextBoxIconProps: _propTypes["default"].object
+    TextBoxIconProps: _propTypes["default"].object,
+    ListItemProps: _propTypes["default"].object
+  }),
+  customClass: _propTypes["default"].shape({
+    dropBoxClass: _propTypes["default"].string
   })
 };
 exports.SelectWithIcon_propTypes = SelectWithIcon_propTypes;

package/lib/TextBoxIcon/TextBoxIcon.js

@@ -176,6 +176,7 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement(_InputFieldLine["default"], {
         isActive: isActive || isFocus,
         border: needBorder ? 'bottom' : 'none',
+        size: size,
         borderColor: borderColor,
         hasEffect: needEffect,
         isDisabled: isDisabled,

package/lib/common/common.module.css

@@ -501,7 +501,7 @@
 }
 .lineClamp {
   composes: wbreak clamp;
-  -webkit-line-clamp: var(--line-clamp,2);
+  -webkit-line-clamp: var(--line-clamp, 3);
 }
 
 .offSelection {

package/lib/shared/InputFieldLine/InputFieldLine.js

@@ -47,8 +47,7 @@ function InputFieldLine(props) {
     dataId: dataId,
     onClick: onClick,
     onKeyDown: onKeyDown,
-    scroll: !!size ? 'vertical' : undefined,
-    className: "".concat(_InputFieldLineModule["default"].varClass, " ").concat(_InputFieldLineModule["default"].customContainer, " ").concat(!!size ? _InputFieldLineModule["default"][size] : '', " ").concat(hasPadding ? _InputFieldLineModule["default"]["padding_".concat(size)] : '', " ").concat(borderClass, " ").concat(isDisabled ? _InputFieldLineModule["default"].disabled : isReadOnly ? hasEffect ? _InputFieldLineModule["default"].effect : _InputFieldLineModule["default"].readonly : _InputFieldLineModule["default"].effect, " ").concat(border !== 'none' ? "".concat(borderColorClass, " ").concat(_InputFieldLineModule["default"].hasBorder) : '', " ").concat(isActive && !(isDisabled || isReadOnly) ? _InputFieldLineModule["default"].active : '', "  ").concat(customClass)
+    className: "".concat(_InputFieldLineModule["default"].varClass, " ").concat(_InputFieldLineModule["default"].customContainer, " ").concat(hasPadding ? _InputFieldLineModule["default"][size] : '', " ").concat(borderClass, " ").concat(isDisabled ? _InputFieldLineModule["default"].disabled : isReadOnly ? hasEffect ? _InputFieldLineModule["default"].effect : _InputFieldLineModule["default"].readonly : _InputFieldLineModule["default"].effect, " ").concat(border !== 'none' ? "".concat(borderColorClass, " ").concat(_InputFieldLineModule["default"].hasBorder) : '', " ").concat(isActive && !(isDisabled || isReadOnly) ? _InputFieldLineModule["default"].active : '', "  ").concat(customClass)
   }), children);
 }
 

package/lib/shared/InputFieldLine/InputFieldLine.module.css

@@ -6,12 +6,12 @@
 }
 
 .customContainer {
+    composes: oflowy from '../../common/common.module.css';
     cursor: var(--local_cursor);
     border-color: var(--local_inputFieldLine_border_color);
 }
 
-.disabled,
-.readonly {
+.disabled,.readonly {
     --local_cursor: not-allowed;
 }
 
@@ -57,34 +57,28 @@
     border-style: solid;
 }
 
-.padding_small,
-.padding_xmedium {
-    --local_padding: var(--zd_size3);
-}
-
-.padding_medium,
-.padding_large {
-    --local_padding: var(--zd_size8);
-}
-
 .xmedium {
     min-height: var(--zd_size30) ;
+    --local_padding: var(--zd_size3);
 }
 
 .small {
     max-height: var(--zd_size200) ;
+    --local_padding: var(--zd_size3);
 }
 
 .medium {
     max-height: var(--zd_size350) ;
+    --local_padding: var(--zd_size8);
 }
 
 .large {
     max-height: var(--zd_size400) ;
+    --local_padding: var(--zd_size8);
 }
 
 .border_bottom {
-    border-width: 0 0 var(--local_inputFieldLine_border_width) 0;
+    border-width:  0 0 var(--local_inputFieldLine_border_width) 0;
     padding-bottom: var(--local_padding);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-248",
+  "version": "1.0.0-temp-199.21",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -39,7 +39,7 @@
     "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
     "coverage": "react-cli coverage",
     "prepare": "npm run init &&  npm run css:build ",
-    "prepublishOnly": "node prePublish.js && npm run download_only && npm run css:review && npm run review:props ",
+    "prepublishOnly": "node prePublish.js && npm run css:review && npm run review:props ",
     "postpublish": "node postPublish.js",
     "report": "react-cli publish:report",
     "test": "react-cli test",
@@ -67,20 +67,22 @@
     "css:layer_generate_order": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/generate_layer_order.js  css_layer_config.json ./src/components_layer.module.css",
     "css:layer_config_validate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/validate.js  css_layer_config.json ./src/ ./assets",
     "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build && npm run rtl && npm run cssVariableConvert  ",
-    "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es  --rewrite=assets=assets"
+    "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es  --rewrite=assets=assets",
+    "css:audit": " css-audit --report"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.5",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.0.10",
+    "@zohodesk-private/css-audit-tool": "0.0.1",
     "@zohodesk-private/color-variable-preprocessor": "1.2.0",
     "@zohodesk-private/css-variable-migrator": "1.0.9",
     "@zohodesk-private/node-plugins": "1.1.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.6",
+    "@zohodesk/dotkit": "1.0.7",
     "@zohodesk/hooks": "2.0.6",
     "@zohodesk/icons": "1.1.6",
     "@zohodesk/layout": "3.1.0",
@@ -110,7 +112,7 @@
     "@zohodesk/utils": "1.3.16",
     "@zohodesk/a11y": "2.3.8",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/dotkit": "1.0.6",
+    "@zohodesk/dotkit": "1.0.7",
     "color": "4.2.3"
   }
 }