@zohodesk/components 1.0.0-alpha-216 → 1.0.0-alpha-220

package/README.md

@@ -1,6 +1,6 @@
 # DOT Style Guide
 
-In this Package we Provide Some Basic Components to Build Web App
+In this Package, we Provide Some Basic Components to Build Web App
 
 - Avatar
 - AvatarTeam
@@ -32,6 +32,21 @@ In this Package we Provide Some Basic Components to Build Web App
 - TextBoxIcon
 - Tooltip
 
+# 1.0.0-alpha-220
+
+- Tooltip Delay Controlled to Improve Perf
+# 1.0.0-alpha-219
+
+- ContextOptimizer => ShallowEqal function issue solved
+
+# 1.0.0-alpha-218
+
+- Select => Custom props undefined issue solved
+
+# 1.0.0-alpha-217
+
+- TextBox, Multiselect, Tag missing dark palette variables moved under Themes folder file
+
 # 1.0.0-alpha-216
 
 - Select component -> customProps added -> TextBoxProps ,DropdownSearchTextBoxProps, listItemProps added
@@ -57,7 +72,7 @@ In this Package we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-211
 
-- Lato font reference changed from local to Zoho URL(webfonts)
+- Lato font reference changed from local to Zoho URL(web fonts)
 
 # 1.0.0-alpha-210
 
@@ -101,7 +116,7 @@ In this Package we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-202
 
-- MultiSelect - scrolltop issue fix
+- MultiSelect - scroll top issue fix
 
 # 1.0.0-alpha-201
 
@@ -162,7 +177,7 @@ In this Package we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-188
 
-- Popup => popup with in popup open body click issue fixed
+- Popup => popup within popup open body click issue fixed
 
 # 1.0.0-alpha-187
 
@@ -178,7 +193,7 @@ In this Package we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-184
 
-- Palette Based Folder Structure Changed.
+- Palette-Based Folder Structure Changed.
 - data-theme changed to data-mode
 - data-palette changed to data-theme
 
@@ -232,7 +247,7 @@ In this Package we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-173
 
-- code based issue fixed ( const to let)
+- code-based issue fixed ( const to let)
 
 # 1.0.0-alpha-172
 
@@ -384,7 +399,7 @@ In this Package we Provide Some Basic Components to Build Web App
 # 1.0.0-alpha-144
 
 - PortalLayer Moved to deprecated folder
-- A11y Id Added For Select,MultiSelect Based Components
+- A11y Id Added For Select, MultiSelect Based Components
 - Semantic Button Default Font and Padding Resetted.
 - LisItem - dataId setted default
 
@@ -447,7 +462,7 @@ In this Package we Provide Some Basic Components to Build Web App
 # 1.0.0-alpha-137
 
 - ally Fixes
-- htmlId prop added in select component
+- htmlId prop added in the select component
 - AdvancedGroupMultiSelect => scroll fetch issue fix
 
 # 1.0.0-alpha-136
@@ -465,7 +480,7 @@ In this Package we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-134
 
-- Reset Code Spliting
+- Reset Code Splitting
 
 # 1.0.0-alpha-133
 
@@ -500,7 +515,7 @@ In this Package we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-126
 
-- AllY implementation for button, textbox
+- AllY implementation for the button, textbox
 - Semantic button added
 
 # 1.0.0-alpha-125
@@ -667,7 +682,7 @@ In this Package we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-94
 
-- Tab Maping Fix
+- Tab Mapping Fix
 
 # 1.0.0-alpha-93
 
@@ -676,7 +691,7 @@ In this Package we Provide Some Basic Components to Build Web App
 # 1.0.0-alpha-92
 
 - Tab Custom Element Fix
-- Avatar xlarge sze changes
+- Avatar xlarge size changes
 
 # 1.0.0-alpha-91
 
@@ -702,7 +717,7 @@ In this Package we Provide Some Basic Components to Build Web App
 # 1.0.0-alpha-87
 
 - Date Component TimeZone Fix
-- Unwanted Funtctions Removed from utils/Common
+- Unwanted Functions Removed from utils/Common
 
 # 1.0.0-alpha-86
 
@@ -732,7 +747,7 @@ In this Package we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-81
 
-- variant - secondary type removed in Label component
+- variant - secondary type removed in a Label component
 - customClass Added For Label component
 - Radio, CheckBox SVG Updated, and Palette Danger Added, isFilled Added For Transparent BG
 - MultiSelect Avatar DataId Changes
@@ -743,7 +758,7 @@ In this Package we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-79
 
-- Tag danger,default color changed to dot_bg_hawkesBlue
+- Tag danger, default color changed to dot_bg_hawkesBlue
 - MultiSelectWithAvatar size prop passed for tags Parent
 
 # 1.0.0-alpha-78
@@ -808,7 +823,7 @@ In this Package we Provide Some Basic Components to Build Web App
 # 1.0.0-alpha-67
 
 - Adding TourId and isAbsolutePositioningNeeded key in DropBox
-- Adding TourId in Box, Container and Tab components
+- Adding TourId in Box, Container, and Tab components
 
 # 1.0.0-alpha-66
 
@@ -824,7 +839,7 @@ In this Package we Provide Some Basic Components to Build Web App
 
 - isDisabled Option added for List Item Based Atoms
 - needBorder and disableAction Option added for MultiSelect
-- Select BoxSize Added for Drop Box
+- Select BoxSize Added for DropBox
 
 # 1.0.0-alpha-62
 
@@ -852,7 +867,7 @@ In this Package we Provide Some Basic Components to Build Web App
 # 1.0.0-alpha-57
 
 - Base Font Version 3 Updated
-- Advanced Group Multi Select Added
+- Advanced Group Multi-Select Added
 
 # 1.0.0-alpha-56
 
@@ -871,14 +886,14 @@ In this Package we Provide Some Basic Components to Build Web App
 
 # 1.0.0-alpha-53
 
-- CustomScroll Maked Optional
+- CustomScroll Make Optional
 - Reset Code Implemented in Portal
 - Icon Line-Height Remove
 - New Reports Icons Added
 
 # 1.0.0-alpha-52
 
-- Advance Multi Select Added
+- Advance Multi-Select Added
 
 # 1.0.0-alpha-51
 

package/es/AppContainer/AppContainer.js

@@ -13,30 +13,71 @@ import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
 import '@zohodesk/variables/lib/transitionVariables.module.css';
 import '@zohodesk/variables/lib/no_transitionVariables.module.css';
 import style from './AppContainer.module.css';
+import { getLibraryConfig } from '../Provider/Config';
 export default class AppContainer extends React.Component {
   constructor(props) {
     super(props);
     this.setTooltipRef = this.setTooltipRef.bind(this);
     this.handleOver = this.handleOver.bind(this);
+    this.mouseOverDispatch = this.mouseOverDispatch.bind(this);
+    this.removeTimeout = this.removeTimeout.bind(this);
+    this.getContainerRef = this.getContainerRef.bind(this);
+    this.timer = null;
+    this.tooltipDebounce = getLibraryConfig('tooltipDebounce');
   }
 
-  handleOver(e) {
+  mouseOverDispatch(e) {
     if (this.tooltipRef) {
       this.tooltipRef.handleOver(e);
     }
   }
 
+  removeTimeout() {
+    if (this.timer) {
+      this.timer = clearTimeout(this.timer);
+    }
+  }
+
+  handleOver(e) {
+    if (this.timer) {
+      this.timer = clearTimeout(this.timer);
+    }
+
+    this.timer = setTimeout(() => this.mouseOverDispatch(e), this.tooltipDebounce);
+  }
+
+  getContainerRef(ref) {
+    let {
+      eleRef
+    } = this.props;
+    this.containerElement = ref;
+    eleRef && eleRef(ref);
+  }
+
   setTooltipRef(ref) {
     this.tooltipRef = ref;
   }
 
+  componentDidMount() {
+    if (this.containerElement) {
+      this.containerElement.addEventListener('mouseover', this.handleOver, false);
+      this.containerElement.addEventListener('mouseout', this.removeTimeout, false);
+    }
+  }
+
+  componentWillUnmount() {
+    if (this.containerElement) {
+      this.containerElement.removeEventListener('mouseover', this.handleOver, false);
+      this.containerElement.addEventListener('mouseout', this.removeTimeout, false);
+    }
+  }
+
   render() {
     let {
       className,
       children,
       tagName,
       dataId,
-      eleRef,
       tooltipClass,
       tooltipParentClass,
       customProps
@@ -47,11 +88,11 @@ export default class AppContainer extends React.Component {
       ExtraProps = {}
     } = customProps;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, _extends({
-      className: `${style.container} ${className}`,
-      onMouseOver: this.handleOver,
+      className: `${style.container} ${className}` //onMouseOver={this.handleOver}
+      ,
       dataId: dataId,
       tagName: tagName,
-      eleRef: eleRef
+      eleRef: this.getContainerRef
     }, ContainerProps, ExtraProps), /*#__PURE__*/React.createElement(Box, {
       flexible: true
     }, children)), /*#__PURE__*/React.createElement("div", _extends({}, ExtraProps, {

package/es/Appearance/dark/mode/darkMode.module.css

@@ -153,7 +153,6 @@
   --zdt_textbox_effect_hover_border: var(--dot_inputLineHover);
   --zdt_textbox_effect_focus_border: var(--dot_inputLineFocus);
   --zdt_textbox_secondary_text: #a8b0bd;
-  --zdt_textbox_light_text: var(--dot_text_white);
 
   /* dropdown */
   --zdt_dropdown_default_text: #e2e4e6;
@@ -295,7 +294,6 @@
   --zdt_multiselect_box_bg: #232b38;
   --zdt_multiselect_selectall_text: var(--zdt_cta_primary_text);
   --zdt_multiselect_message_text: #828994;
-  --zdt_multiselect_darkmsg_text: #d0d0d4;
 
   /* advanced multiselect */
   --zdt_advancedmultiselect_default_border: var(--dot_inputLine);
@@ -382,14 +380,14 @@
   --zdt_tabs_alpha_box_shadow: var(--zd_shadow_dark10);
   --zdt_tabs_delta_border: var(--zdt_cta_primary_border);
   --zdt_tabs_highlight_border: #e2e4e6;
- 
+
   /* custom scroll */
   --zdt_customscroll_default_bg: rgba(225, 225, 225, 0.06);
   --zdt_customscroll_thump_bg: rgba(225, 225, 225, 0.12);
-  --zdt_customscroll_thump_dark_bg: rgba(225, 225, 225, 0.12);
   --zdt_customscroll_thump_hover_bg: rgba(168, 176, 189, 0.3);
-  --zdt_customscroll_thump_dark_hover_bg: rgba(225, 225, 225, 0.14);
   --zdt_customscroll_border: rgba(225, 225, 225, 0.12);
+  --zdt_customscroll_thump_dark_bg: rgba(225, 225, 225, 0.12);
+  --zdt_customscroll_thump_dark_hover_bg: rgba(225, 225, 225, 0.14);
   --zdt_customscroll_dark_border: rgba(225, 225, 225, 0.12);
   --zdt_customscroll_dark_bg: rgba(225, 225, 225, 0.06);
 }

package/es/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css

@@ -22,6 +22,7 @@
     /* tag */
     --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: #42485f;
+    --zdt_tag_dark_hover_text: #d0d0d4;
     --zdt_tag_dark_hover_bg: #503348;
     --zdt_tag_dark_close_bg: #864654;
     --zdt_tag_dark_close_text: #de3535;
@@ -29,6 +30,7 @@
     /* multiselect */
     --zdt_multiselect_dark_border: #4b5168;
     --zdt_multiselect_darkmsg_bg: #232b38;
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
     --zdt_multiselect_darkdelete_hover_text: #e2e4e6;
 
     /* avatar */
@@ -38,6 +40,9 @@
     /* label */
     --zdt_label_dark_text: #d0d0d4;
 
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
     /* dropdown */
     --zdt_dropdown_darkheading_text: #a8b0bd;
 }

package/es/Appearance/dark/themes/green/greenDarkCTATheme.module.css

@@ -18,7 +18,7 @@
     --zdt_cta_alpha_hover_text: #0e7c1c;
     --zdt_cta_alpha_border: #45a159;
     --zdt_cta_alpha_hover_border: #0e7c1c;
-    --zdt_cta_alpha_bg: #2A433F;
+    --zdt_cta_alpha_bg: #2a433f;
     --zdt_cta_beta_border: #45a159;
     --zdt_cta_grey_10_bg: #262f3d;
     --zdt_cta_grey_10_border: #262f3d;

package/es/Appearance/dark/themes/green/greenDarkComponentTheme.module.css

@@ -22,6 +22,7 @@
     /* tag */
     --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: #42485f;
+    --zdt_tag_dark_hover_text: #d0d0d4;
     --zdt_tag_dark_hover_bg: #503348;
     --zdt_tag_dark_close_bg: #864654;
     --zdt_tag_dark_close_text: #de3535;
@@ -29,6 +30,7 @@
     /* multiselect */
     --zdt_multiselect_dark_border: #4b5168;
     --zdt_multiselect_darkmsg_bg: #232b38;
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
     --zdt_multiselect_darkdelete_hover_text: #e2e4e6;
 
     /* avatar */
@@ -38,6 +40,9 @@
     /* label */
     --zdt_label_dark_text: #d0d0d4;
 
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
     /* dropdown */
     --zdt_dropdown_darkheading_text: #a8b0bd;
 }

package/es/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css

@@ -22,6 +22,7 @@
     /* tag */
     --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: #42485f;
+    --zdt_tag_dark_hover_text: #d0d0d4;
     --zdt_tag_dark_hover_bg: #503348;
     --zdt_tag_dark_close_bg: #864654;
     --zdt_tag_dark_close_text: #de3535;
@@ -29,6 +30,7 @@
     /* multiselect */
     --zdt_multiselect_dark_border: #4b5168;
     --zdt_multiselect_darkmsg_bg: #232b38;
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
     --zdt_multiselect_darkdelete_hover_text: #e2e4e6;
 
     /* avatar */
@@ -38,6 +40,9 @@
     /* label */
     --zdt_label_dark_text: #d0d0d4;
 
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
     /* dropdown */
     --zdt_dropdown_darkheading_text: #a8b0bd;
 }

package/es/Appearance/dark/themes/red/redDarkCTATheme.module.css

@@ -18,7 +18,7 @@
     --zdt_cta_alpha_hover_text: #a81111;
     --zdt_cta_alpha_border: #e94f4f;
     --zdt_cta_alpha_hover_border: #a81111;
-    --zdt_cta_alpha_bg: #372F3A;
+    --zdt_cta_alpha_bg: #372f3a;
     --zdt_cta_beta_border: #e94f4f;
     --zdt_cta_grey_10_bg: #262f3d;
     --zdt_cta_grey_10_border: #262f3d;

package/es/Appearance/dark/themes/red/redDarkComponentTheme.module.css

@@ -22,6 +22,7 @@
     /* tag */
     --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: #42485f;
+    --zdt_tag_dark_hover_text: #d0d0d4;
     --zdt_tag_dark_hover_bg: #503348;
     --zdt_tag_dark_close_bg: #864654;
     --zdt_tag_dark_close_text: #de3535;
@@ -29,6 +30,7 @@
     /* multiselect */
     --zdt_multiselect_dark_border: #4b5168;
     --zdt_multiselect_darkmsg_bg: #232b38;
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
     --zdt_multiselect_darkdelete_hover_text: #e2e4e6;
 
     /* avatar */
@@ -38,6 +40,9 @@
     /* label */
     --zdt_label_dark_text: #d0d0d4;
 
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
     /* dropdown */
     --zdt_dropdown_darkheading_text: #a8b0bd;
 }

package/es/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css

@@ -22,6 +22,7 @@
     /* tag */
     --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: #42485f;
+    --zdt_tag_dark_hover_text: #d0d0d4;
     --zdt_tag_dark_hover_bg: #503348;
     --zdt_tag_dark_close_bg: #864654;
     --zdt_tag_dark_close_text: #de3535;
@@ -29,6 +30,7 @@
     /* multiselect */
     --zdt_multiselect_dark_border: #4b5168;
     --zdt_multiselect_darkmsg_bg: #232b38;
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
     --zdt_multiselect_darkdelete_hover_text: #e2e4e6;
 
     /* avatar */
@@ -38,6 +40,9 @@
     /* label */
     --zdt_label_dark_text: #d0d0d4;
 
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
     /* dropdown */
     --zdt_dropdown_darkheading_text: #a8b0bd;
 }

package/es/Appearance/default/mode/defaultMode.module.css

@@ -141,6 +141,8 @@
   --zdt_tag_pure_border: var(--zd_border_smoke91);
   --zdt_tag_pure_hover_bg: var(--zd_bg_smoke6);
   --zdt_tag_pure_hover_border: var(--zd_border_dark6);
+  --zdt_tag_dark_close_bg: #864654;
+  --zdt_tag_dark_close_text: #de3535;
   --zdt_tag_dark_close_hover_bg: #de3535;
 
   /* textbox */
@@ -153,7 +155,6 @@
   --zdt_textbox_effect_hover_border: var(--dot_inputLineHover);
   --zdt_textbox_effect_focus_border: var(--dot_inputLineFocus);
   --zdt_textbox_secondary_text: var(--dot_text_shuttleGrey);
-  --zdt_textbox_light_text: var(--dot_text_white);
 
   /* dropdown */
   --zdt_dropdown_default_text: var(--dot_text_black);
@@ -295,7 +296,6 @@
   --zdt_multiselect_box_bg: var(--dot_bg_white);
   --zdt_multiselect_selectall_text: var(--zdt_cta_primary_text);
   --zdt_multiselect_message_text: var(--dot_text_slateGrey);
-  --zdt_multiselect_darkmsg_text: #d0d0d4;
 
   /* advanced multiselect */
   --zdt_advancedmultiselect_default_border: var(--dot_inputLine);
@@ -383,13 +383,13 @@
   --zdt_tabs_delta_border: var(--zdt_cta_primary_border);
   --zdt_tabs_highlight_border: var(--dot_border_black);
 
-   /* custom scroll */
-   --zdt_customscroll_default_bg: rgba(0, 0, 0, 0.02);
-   --zdt_customscroll_thump_bg: rgba(0, 0, 0, 0.12);
-   --zdt_customscroll_thump_dark_bg: rgba(225, 225, 225, 0.15);
-   --zdt_customscroll_thump_hover_bg: rgba(0, 0, 0, 0.16);
-   --zdt_customscroll_thump_dark_hover_bg: rgba(225, 225, 225, 0.17);
-   --zdt_customscroll_border: rgba(44, 51, 77, 0.1);
-   --zdt_customscroll_dark_border: rgba(225, 225, 225, 0.12);
-   --zdt_customscroll_dark_bg: rgba(225, 225, 225, 0.06);
+  /* custom scroll */
+  --zdt_customscroll_default_bg: rgba(0, 0, 0, 0.02);
+  --zdt_customscroll_thump_bg: rgba(0, 0, 0, 0.12);
+  --zdt_customscroll_thump_hover_bg: rgba(0, 0, 0, 0.16);
+  --zdt_customscroll_border: rgba(44, 51, 77, 0.1);
+  --zdt_customscroll_thump_dark_bg: rgba(225, 225, 225, 0.15);
+  --zdt_customscroll_thump_dark_hover_bg: rgba(225, 225, 225, 0.17);
+  --zdt_customscroll_dark_border: rgba(225, 225, 225, 0.12);
+  --zdt_customscroll_dark_bg: rgba(225, 225, 225, 0.06);
 }

package/es/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css

@@ -22,6 +22,7 @@
     /* tag */
     --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: #42485f;
+    --zdt_tag_dark_hover_text: #d0d0d4;
     --zdt_tag_dark_hover_bg: #503348;
     --zdt_tag_dark_close_bg: #864654;
     --zdt_tag_dark_close_text: #de3535;
@@ -29,6 +30,7 @@
     /* multiselect */
     --zdt_multiselect_dark_border: #4b5168;
     --zdt_multiselect_darkmsg_bg: #383f57;
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
     --zdt_multiselect_darkdelete_hover_text: var(--dot_text_white);
 
     /* avatar */
@@ -38,6 +40,9 @@
     /* label */
     --zdt_label_dark_text: #d0d0d4;
 
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
     /* dropdown */
     --zdt_dropdown_darkheading_text: var(--dot_text_white);
 }

package/es/Appearance/default/themes/green/greenDefaultCTATheme.module.css

@@ -18,7 +18,7 @@
     --zdt_cta_alpha_hover_text: #0e7526;
     --zdt_cta_alpha_border: #26a942;
     --zdt_cta_alpha_hover_border: #0e7526;
-    --zdt_cta_alpha_bg: #D4EED9;
+    --zdt_cta_alpha_bg: #d4eed9;
     --zdt_cta_beta_border: #26a942;
     --zdt_cta_grey_10_bg: #f6faf9;
     --zdt_cta_grey_10_border: #f6faf9;

package/es/Appearance/default/themes/green/greenDefaultComponentTheme.module.css

@@ -22,6 +22,7 @@
     /* tag */
     --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_tag_dark_hover_text: #d0d0d4;
     --zdt_tag_dark_hover_bg: #503348;
     --zdt_tag_dark_close_bg: #864654;
     --zdt_tag_dark_close_text: #de3535;
@@ -29,6 +30,7 @@
     /* multiselect */
     --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
     --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
     --zdt_multiselect_darkdelete_hover_text: var(--dot_text_white);
 
     /* avatar */
@@ -38,6 +40,9 @@
     /* label */
     --zdt_label_dark_text: #d0d0d4;
 
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
     /* dropdown */
     --zdt_dropdown_darkheading_text: var(--dot_text_white);
 }

package/es/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css

@@ -18,7 +18,7 @@
     --zdt_cta_alpha_hover_text: #b25900;
     --zdt_cta_alpha_border: #e57717;
     --zdt_cta_alpha_hover_border: #b25900;
-    --zdt_cta_alpha_bg: #FAE4D1;
+    --zdt_cta_alpha_bg: #fae4d1;
     --zdt_cta_beta_border: #e57717;
     --zdt_cta_grey_10_bg: #f9f7f6;
     --zdt_cta_grey_10_border: #f9f7f6;

package/es/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css

@@ -22,6 +22,7 @@
     /* tag */
     --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_tag_dark_hover_text: #d0d0d4;
     --zdt_tag_dark_hover_bg: #503348;
     --zdt_tag_dark_close_bg: #864654;
     --zdt_tag_dark_close_text: #de3535;
@@ -29,6 +30,7 @@
     /* multiselect */
     --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
     --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
     --zdt_multiselect_darkdelete_hover_text: var(--dot_text_white);
 
     /* avatar */
@@ -38,6 +40,9 @@
     /* label */
     --zdt_label_dark_text: #d0d0d4;
 
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
     /* dropdown */
     --zdt_dropdown_darkheading_text: var(--dot_text_white);
 }

package/es/Appearance/default/themes/red/redDefaultCTATheme.module.css

@@ -18,7 +18,7 @@
     --zdt_cta_alpha_hover_text: #ab1a18;
     --zdt_cta_alpha_border: #de3535;
     --zdt_cta_alpha_hover_border: #ab1a18;
-    --zdt_cta_alpha_bg: #F8D7D7;
+    --zdt_cta_alpha_bg: #f8d7d7;
     --zdt_cta_beta_border: #de3535;
     --zdt_cta_grey_10_bg: #f9f6f7;
     --zdt_cta_grey_10_border: #f9f6f7;

package/es/Appearance/default/themes/red/redDefaultComponentTheme.module.css

@@ -22,6 +22,7 @@
     /* tag */
     --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_tag_dark_hover_text: #d0d0d4;
     --zdt_tag_dark_hover_bg: #503348;
     --zdt_tag_dark_close_bg: #864654;
     --zdt_tag_dark_close_text: #de3535;
@@ -29,6 +30,7 @@
     /* multiselect */
     --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
     --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
     --zdt_multiselect_darkdelete_hover_text: var(--dot_text_white);
 
     /* avatar */
@@ -38,6 +40,9 @@
     /* label */
     --zdt_label_dark_text: #d0d0d4;
 
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
     /* dropdown */
     --zdt_dropdown_darkheading_text: var(--dot_text_white);
 }

package/es/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css

@@ -22,6 +22,7 @@
     /* tag */
     --zdt_tag_dark_text: #d0d0d4;
     --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
+    --zdt_tag_dark_hover_text: #d0d0d4;
     --zdt_tag_dark_hover_bg: #503348;
     --zdt_tag_dark_close_bg: #864654;
     --zdt_tag_dark_close_text: #de3535;
@@ -29,6 +30,7 @@
     /* multiselect */
     --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
     --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
+    --zdt_multiselect_darkmsg_text: #d0d0d4;
     --zdt_multiselect_darkdelete_hover_text: var(--dot_text_white);
 
     /* avatar */
@@ -38,6 +40,9 @@
     /* label */
     --zdt_label_dark_text: #d0d0d4;
 
+    /* textbox */
+    --zdt_textbox_light_text: var(--dot_text_white);
+
     /* dropdown */
     --zdt_dropdown_darkheading_text: var(--dot_text_white);
 }

package/es/Provider/Config.js

@@ -5,7 +5,8 @@ let id = {
   idPrefix: 'ZD',
   scrollFetchLimit: 80,
   isReducedMotion: false,
-  direction: 'ltr'
+  direction: 'ltr',
+  tooltipDebounce: 175
 };
 export function getLibraryConfig(key) {
   return id[key];