@zohodesk/components 1.2.20 → 1.2.22

package/es/Textarea/Textarea.module.css

@@ -2,10 +2,10 @@
   /* textarea default variables */
   --textarea_border_width: 0;
   --textarea_border_color: none;
-  --textarea_cursor: auto;
+  --textarea_cursor: text;
   --textarea_text_color: var(--zdt_textarea_default_text);
   --textarea_font_size: var(--zd_font_size14);
-  --textarea_line_height: 22px;
+  --textarea_line_height: 1.5712;
   --textarea_padding: var(--zd_size2) 0;
   --textarea_height: var(--zd_size30);
 
@@ -61,6 +61,7 @@
 .resizeboth {
   composes: resizeboth from '../common/common.module.css';
 }
+/* css:lineheight-validation:ignore */
 .container {
   composes: basic;
   transition: border var(--zd_transition2) linear 0s,
@@ -104,13 +105,13 @@
   --textarea_font_size: var(--zd_font_size14);
   --textarea_padding: var(--zd_size4) 0 var(--zd_size2);
   --textarea_height: var(--zd_size28);
-  --textarea_line_height: 19px;
+  --textarea_line_height: 1.3572;
 }
 .xmedium {
   --textarea_font_size: var(--zd_font_size13);
   --textarea_padding: var(--zd_size4) 0 var(--zd_size2);
   --textarea_height: var(--zd_size25);
-  --textarea_line_height: 17px;
+  --textarea_line_height: 1.3077;
 }
 .small {
   --textarea_height: var(--zd_size30);

package/es/Tooltip/Tooltip.js

@@ -154,8 +154,10 @@ export default class Tooltip extends React.Component {
       if (title !== '' && title) {
         titleDiv.setAttribute('data-title', title);
         titleDiv.removeAttribute('title');
+        let isInputElementType = element.type === 'text';
+        let elementText = isInputElementType ? element.value : element.innerText;
 
-        if (element.nodeName !== 'I' && element.innerText && element.innerText.trim() !== '') {
+        if (element.nodeName !== 'I' && elementText && elementText.trim() !== '') {
           let isContentDotted = '';
 
           if (element.scrollWidth !== 0) {
@@ -173,7 +175,7 @@ export default class Tooltip extends React.Component {
             isContentDotted = offWidth < scrollWidth;
           }
 
-          let originText = element.innerText.replace(/\s/g, '').toLowerCase();
+          let originText = elementText.replace(/\s/g, '').toLowerCase();
           let tooltipText = title.replace(/\s/g, '').toLowerCase();
           let isDefaultTooltip = element.hasAttribute('data-istitle') || element.hasAttribute('istitle') ? element.getAttribute('data-istitle') || element.getAttribute('istitle') : 'false';
           isDefaultTooltip = isDefaultTooltip === 'true';

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);
@@ -49,9 +49,7 @@
   height: 11px;
   border-top: solid 6px var(--zdt_tooltip_default_bg);
   border-left: solid 6px var(--zdt_tooltip_default_bg);
-  /* css:theme-validation:ignore */
   border-right: solid 6px transparent;
-  /* css:theme-validation:ignore */
   border-bottom: solid 6px transparent;
   box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   z-index: -1;
@@ -71,9 +69,7 @@
   height: 11px;
   border-top: solid 6px var(--zdt_tooltip_default_bg);
   border-left: solid 6px var(--zdt_tooltip_default_bg);
-  /* css:theme-validation:ignore */
   border-right: solid 6px transparent;
-  /* css:theme-validation:ignore */
   border-bottom: solid 6px transparent;
   box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   z-index: -1;

package/es/common/customscroll.module.css

@@ -51,11 +51,6 @@
   width: 0 ;
   height: 0 ;
 }
-.scroll::-webkit-scrollbar-track:vertical,
-.scroll ::-webkit-scrollbar-track:vertical {
-  /* css:theme-validation:ignore */
-  /* css:theme-validation:ignore */
-}
 [dir=ltr] .scroll::-webkit-scrollbar-track:vertical, [dir=ltr] .scroll ::-webkit-scrollbar-track:vertical {
   border-left: 1px solid transparent;
   border-right: 1px solid transparent;
@@ -71,11 +66,6 @@
 .scroll::-webkit-scrollbar-track:vertical:hover, .scroll ::-webkit-scrollbar-track:vertical:hover {
   border-color: var(--zd-scroll-border);
 }
-.scroll::-webkit-scrollbar-track:horizontal,
-.scroll ::-webkit-scrollbar-track:horizontal {
-  /* css:theme-validation:ignore */
-  /* css:theme-validation:ignore */
-}
 .scroll::-webkit-scrollbar-track:horizontal, .scroll ::-webkit-scrollbar-track:horizontal {
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;

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 => {