@zohodesk/components 1.2.20 → 1.2.21

package/es/Tooltip/Tooltip.module.css

@@ -17,7 +17,7 @@
   font-family: var(--zd_semibold);
   word-break: break-word;
   max-width: var(--zd_size420) ;
-  line-height: var(--zd_size20);
+  line-height: 1.5385;
   min-height: var(--zd_size24) ;
   overflow: hidden;
   background-color: var(--zdt_tooltip_default_bg);

package/es/v1/Card/Card.js

@@ -3,7 +3,7 @@ import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
 import { CardHeader_propTypes, CardContent_propTypes, Card_propTypes, CardFooter_propTypes } from './props/propTypes';
 import { Card_defaultProps, CardHeader_defaultProps, CardContent_defaultProps, CardFooter_defaultProps } from './props/defaultProps';
 import { Container, Box } from '../Layout';
-import { getLibraryConfig } from '../../Provider/Config';
+import { getLibraryConfig } from '../Provider/Config';
 import style from '../../Card/Card.module.css';
 /* eslint-disable react/forbid-component-props */
 

package/es/v1/CheckBox/CheckBox.js

@@ -5,7 +5,7 @@ import { propTypes } from './props/propTypes';
 import { defaultProps } from './props/defaultProps';
 import Label from '../Label/Label';
 import { Container, Box } from '../Layout';
-import CssProvider from '../../Provider/CssProvider';
+import CssProvider from '../Provider/CssProvider';
 import style from '../../CheckBox/CheckBox.module.css';
 
 const CheckBox = props => {

package/es/v1/Select/Select.js

@@ -802,8 +802,12 @@ export class SelectComponent extends Component {
       htmlId: htmlId,
       isFocus: isPopupReady,
       autoComplete: autoComplete,
+      isScrollPrevent: true,
       customProps: {
-        TextBoxProps: TextBoxProps
+        TextBoxProps: {
+          'data-title': title || selected,
+          ...TextBoxProps
+        }
       }
     }, /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
@@ -851,7 +855,11 @@ export class SelectComponent extends Component {
       htmlId: htmlId,
       autoComplete: autoComplete,
       isFocus: isPopupReady,
-      customProps: TextBoxProps
+      isScrollPrevent: true,
+      customProps: {
+        'data-title': title || selected,
+        ...TextBoxProps
+      }
     })), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: "Helmet"

package/es/v1/Tab/Tab.js

@@ -1,12 +1,11 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-/* eslint-disable react/forbid-component-props */
 import React, { useMemo, useCallback } from 'react';
 import { Tab_defaultProps } from './props/defaultProps';
 import { Tab_propTypes } from './props/propTypes';
 import { Box, Container } from '../Layout';
 import { cs } from '../../utils/Common';
-import styles from '../../Tab/Tab.module.css';
+import styles from './v1Tab.module.css';
 const tabTypes = {
   alpha: {
     active: 'alphaActive',

package/es/v1/Tab/TabContent.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { TabContent_defaultProps } from './props/defaultProps';
 import { TabContent_propTypes } from './props/propTypes';
 import { Container } from '../Layout';
-import style from '../../Tab/TabContent.module.css';
+import style from './v1TabContent.module.css';
 /* eslint-disable react/forbid-component-props */
 
 const TabContent = _ref => {