@zohodesk/dot 1.0.0-temp-50 → 1.0.0-temp-54

package/es/form/layout/Section/Section.js

@@ -14,17 +14,20 @@ export default class Section extends Component {
       titleClass,
       className,
       column,
-      formName
+      formName,
+      innerContainerClass
     } = this.props;
     return /*#__PURE__*/React.createElement("div", {
       "data-id": dataId,
       className: containerClass ? containerClass : ''
+    }, /*#__PURE__*/React.createElement("div", {
+      className: innerContainerClass ? innerContainerClass : ''
     }, title && /*#__PURE__*/React.createElement("div", {
       className: titleClass ? titleClass : ''
     }, title), /*#__PURE__*/React.createElement("div", {
       className: `${className ? className : ''} ${column == 'single' ? style.singleColumn : ''}`,
       "data-id": formName && formName
-    }, this.props.children));
+    }, this.props.children)));
   }
 
 }
@@ -34,7 +37,8 @@ Section.propTypes = {
   containerClass: PropTypes.string,
   dataId: PropTypes.string,
   title: PropTypes.string,
-  titleClass: PropTypes.string
+  titleClass: PropTypes.string,
+  innerContainerClass: PropTypes.string
 };
 
 if (false) {

package/es/list/ListLayout/ListLayout.js

@@ -24,7 +24,9 @@ export default class ListLayout extends Component {
       dataTitle,
       a11y,
       isHovered,
-      onMouseEnter
+      onMouseEnter,
+      needPointer,
+      isKeyboardActive
     } = this.props;
     let {
       role = 'listitem',
@@ -33,7 +35,7 @@ export default class ListLayout extends Component {
       ariaSetsize
     } = a11y;
     return /*#__PURE__*/React.createElement("div", {
-      className: `${style.container} ${containerClass} ${needHover ? style.listHover : ''} ${isActive ? style.active : ''} ${style[view]} ${onClick ? style.cursorPointer : ''} ${isHovered ? style.hoveredStyle : ''} `,
+      className: `${style.container} ${containerClass} ${needHover ? style.listHover : ''} ${isActive ? style.active : ''} ${style[view]} ${onClick && needPointer ? style.cursorPointer : ''} ${isHovered ? style.hoveredStyle : ''} ${isKeyboardActive ? style.keyboardActive : ''} `,
       onClick: onClick,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
@@ -71,7 +73,9 @@ ListLayout.propTypes = {
     ariaSetsize: PropTypes.number
   }),
   onMouseEnter: PropTypes.func,
-  view: PropTypes.oneOf(['classic', 'compact', 'superCompact'])
+  view: PropTypes.oneOf(['classic', 'compact', 'superCompact']),
+  needPointer: PropTypes.bool,
+  isKeyboardActive: PropTypes.bool
 };
 ListLayout.defaultProps = {
   needHover: true,
@@ -80,7 +84,9 @@ ListLayout.defaultProps = {
   dataId: 'ticketsListInPopup',
   a11y: {},
   isHovered: false,
-  onMouseEnter: () => {}
+  onMouseEnter: () => {},
+  needPointer: true,
+  isKeyboardActive: false
 };
 export class Column extends Component {
   constructor(props) {

package/es/list/ListLayout/ListLayout.module.css

@@ -5,16 +5,15 @@
   position: relative;
   composes: varClass;
 }
-.listHover:hover {
-  background-color: var(--zdt_listLayout_hover_border);
+.listHover:hover, .hoveredStyle{
+  background-color: var(--zdt_listLayout_hover_bg);
 }
 .active, .active:hover {
-  background-color: var(--zdt_listLayout_active_border);
+  background-color: var(--zdt_listLayout_active_bg);
 }
 .cursorPointer{
   cursor: pointer
 }
-
 /* View */
 .classic .innerContainer {
   min-height: var(--zd_size70);
@@ -31,3 +30,29 @@
 .compact .innerContainer, .classic .innerContainer, .superCompact .innerContainer {
   border-bottom: 1px dotted var(--listBorder);
 }
+[dir=ltr] .compact, [dir=ltr] .classic, [dir=ltr] .superCompact {
+  border-left: var(--zd_size2) solid transparent;
+}
+[dir=rtl] .compact, [dir=rtl] .classic, [dir=rtl] .superCompact {
+  border-right: var(--zd_size2) solid transparent;
+}
+[dir=ltr] .keyboardActive, [dir=ltr] .active{
+  border-top-left-radius: var(--zd_size5);
+  border-bottom-left-radius: var(--zd_size5);
+}
+[dir=rtl] .keyboardActive, [dir=rtl] .active{
+  border-top-right-radius: var(--zd_size5);
+  border-bottom-right-radius: var(--zd_size5);
+}
+[dir=ltr] .keyboardActive{
+  border-left-color: var(--zdt_listLayout_keyboard_active_border);
+}
+[dir=rtl] .keyboardActive{
+  border-right-color: var(--zdt_listLayout_keyboard_active_border);
+}
+[dir=ltr] .active{
+  border-left-color: var(--zdt_listLayout_active_border);
+}
+[dir=rtl] .active{
+  border-right-color: var(--zdt_listLayout_active_border);
+}

package/es/list/SecondryPanel/docs/SecondryPanel__default.docs.js

@@ -9,10 +9,9 @@ export default class SecondryPanel__default extends Component {
     this.responsiveFunc = this.responsiveFunc.bind(this);
   }
 
-  responsiveFunc(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
+  responsiveFunc({
+    mediaQueryOR
+  }) {
     return {
       uptoTablet: mediaQueryOR([{
         maxWidth: 640
@@ -23,52 +22,49 @@ export default class SecondryPanel__default extends Component {
   render() {
     return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc
-    }, _ref2 => {
-      let {
-        uptoTablet
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(SecondryPanel, {
-        className: style.layoutWrapper
-      }, /*#__PURE__*/React.createElement(SecondryPanelUL, {
-        className: `${uptoTablet ? style.minilayoutContainer : ''}`
-      }, /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement(SecondryPanelUL, {
-        className: style.container
-      }, /*#__PURE__*/React.createElement(SecondryPanelLI, {
-        className: `${style.itemId}`
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "#12303456789"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "Nicole Hawkins"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "Welcome to Diffchecker"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      }))))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement(SecondryPanelUL, {
-        className: style.container
-      }, /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "28 Jun 2019"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
-        className: style.itemInner
-      }, /*#__PURE__*/React.createElement("span", {
-        className: style.itemText
-      }, "28 May 2019 07:41 PM"), /*#__PURE__*/React.createElement("span", {
-        className: style.itemDot
-      })))))));
-    });
+    }, ({
+      uptoTablet
+    }) => /*#__PURE__*/React.createElement(SecondryPanel, {
+      className: style.layoutWrapper
+    }, /*#__PURE__*/React.createElement(SecondryPanelUL, {
+      className: `${uptoTablet ? style.minilayoutContainer : ''}`
+    }, /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement(SecondryPanelUL, {
+      className: style.container
+    }, /*#__PURE__*/React.createElement(SecondryPanelLI, {
+      className: `${style.itemId}`
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.itemInner
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.itemText
+    }, "#12303456789"), /*#__PURE__*/React.createElement("span", {
+      className: style.itemDot
+    }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
+      className: style.itemInner
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.itemText
+    }, "Nicole Hawkins"), /*#__PURE__*/React.createElement("span", {
+      className: style.itemDot
+    }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
+      className: style.itemInner
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.itemText
+    }, "Welcome to Diffchecker"), /*#__PURE__*/React.createElement("span", {
+      className: style.itemDot
+    }))))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement(SecondryPanelUL, {
+      className: style.container
+    }, /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
+      className: style.itemInner
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.itemText
+    }, "28 Jun 2019"), /*#__PURE__*/React.createElement("span", {
+      className: style.itemDot
+    }))), /*#__PURE__*/React.createElement(SecondryPanelLI, null, /*#__PURE__*/React.createElement("span", {
+      className: style.itemInner
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.itemText
+    }, "28 May 2019 07:41 PM"), /*#__PURE__*/React.createElement("span", {
+      className: style.itemDot
+    }))))))));
   }
 
 }

package/es/list/UserTime/docs/UserTime__default.docs.js

@@ -13,14 +13,12 @@ export default class UserTime__default extends Component {
     }, /*#__PURE__*/React.createElement(UserTime, {
       to: "2018-02-28T10:12:31.000Z",
       icon: "closedTime",
-      format: _ref => {
-        let {
-          years,
-          days,
-          months,
-          hours
-        } = _ref;
-
+      format: ({
+        years,
+        days,
+        months,
+        hours
+      }) => {
         if (years == 0 && days == 0 && months == 0) {
           return 'hh:mm A';
         } else if (years == 0 && days < 7 && months == 0) {
@@ -41,14 +39,12 @@ export default class UserTime__default extends Component {
       to: "2018-02-28T10:12:31.000Z",
       icon: "overdue",
       iconColor: "red",
-      format: _ref2 => {
-        let {
-          years,
-          days,
-          months,
-          hours
-        } = _ref2;
-
+      format: ({
+        years,
+        days,
+        months,
+        hours
+      }) => {
         if (years == 0 && days == 0 && months == 0) {
           return 'hh:mm A';
         } else if (years == 0 && days < 7 && months == 0) {
@@ -69,14 +65,12 @@ export default class UserTime__default extends Component {
       to: "2018-02-28T10:12:31.000Z",
       icon: "createdtime",
       iconColor: "green",
-      format: _ref3 => {
-        let {
-          years,
-          days,
-          months,
-          hours
-        } = _ref3;
-
+      format: ({
+        years,
+        days,
+        months,
+        hours
+      }) => {
         if (years == 0 && days == 0 && months == 0) {
           return 'hh:mm A';
         } else if (years == 0 && days < 7 && months == 0) {
@@ -96,14 +90,12 @@ export default class UserTime__default extends Component {
     }, /*#__PURE__*/React.createElement(UserTime, {
       to: "2018-02-28T10:12:31.000Z",
       icon: "completedTask",
-      format: _ref4 => {
-        let {
-          years,
-          days,
-          months,
-          hours
-        } = _ref4;
-
+      format: ({
+        years,
+        days,
+        months,
+        hours
+      }) => {
         if (years == 0 && days == 0 && months == 0) {
           return 'hh:mm A';
         } else if (years == 0 && days < 7 && months == 0) {
@@ -124,14 +116,12 @@ export default class UserTime__default extends Component {
       to: "2018-02-28T10:12:31.000Z",
       icon: "dueTime",
       iconColor: "orange",
-      format: _ref5 => {
-        let {
-          years,
-          days,
-          months,
-          hours
-        } = _ref5;
-
+      format: ({
+        years,
+        days,
+        months,
+        hours
+      }) => {
         if (years == 0 && days == 0 && months == 0) {
           return 'hh:mm A';
         } else if (years == 0 && days < 7 && months == 0) {

package/es/list/status/StatusListItem/StatusListItem.js

@@ -1,3 +1,5 @@
+import "core-js/modules/es.string.replace";
+
 function _extends() { _extends = Object.assign || 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); }
 
 /**** Libraries ****/

package/es/lookup/header/ModuleHeader/ModuleHeader.js

@@ -28,12 +28,13 @@ export default class ModuleHeader extends PureComponent {
       miniDescription,
       dataId,
       closeTitle,
-      onSearchKeyDown
+      onSearchKeyDown,
+      palette
     } = this.props;
     return /*#__PURE__*/React.createElement(Container, {
       align: "vertical",
       alignBox: "row",
-      className: `${commonStyle.container}`,
+      className: `${commonStyle.container} ${commonStyle[`${palette}`]}`,
       isCover: false,
       wrap: "wrap",
       dataId: dataId
@@ -79,7 +80,11 @@ ModuleHeader.propTypes = {
   title: PropTypes.string,
   dataId: PropTypes.string,
   closeTitle: PropTypes.string,
-  onSearchKeyDown: PropTypes.func
+  onSearchKeyDown: PropTypes.func,
+  palette: PropTypes.oneOf(['default', 'white'])
+};
+ModuleHeader.defaultProps = {
+  palette: 'default'
 };
 
 if (false) {

package/es/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js

@@ -22,14 +22,24 @@ export default class ModuleHeader__default extends Component {
     let {
       searchStr
     } = this.state;
-    return /*#__PURE__*/React.createElement(ModuleHeader, {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ModuleHeader, {
       title: "Find Duplicate",
       needSearch: true,
       searchStr: searchStr,
       onSearchChange: this.handleSearch,
       searchPlaceHolder: "Search",
-      miniDescription: "Select a field to search for duplicate records"
-    });
+      miniDescription: "Select a field to search for duplicate records",
+      onLookupClose: () => {}
+    }), /*#__PURE__*/React.createElement(ModuleHeader, {
+      title: "Find Duplicate",
+      needSearch: true,
+      searchStr: searchStr,
+      onSearchChange: this.handleSearch,
+      searchPlaceHolder: "Search",
+      miniDescription: "Select a field to search for duplicate records",
+      onLookupClose: () => {},
+      palette: "white"
+    }));
   }
 
 }

package/es/lookup/header/TicketHeader/TicketHeader.js

@@ -31,7 +31,8 @@ export default class TicketHeader extends Component {
       needOnTypeSearch,
       getSearchBoxRef,
       needViewsList,
-      i18nKeys
+      i18nKeys,
+      palette
     } = this.props;
     let {
       menuEmptyMessage = 'No matches found'
@@ -39,7 +40,7 @@ export default class TicketHeader extends Component {
     return /*#__PURE__*/React.createElement(Container, {
       align: "vertical",
       alignBox: "row",
-      className: `${commonStyle.container} ${commonResponsive.container} ${style.container}`,
+      className: `${commonStyle.container} ${commonStyle[`${palette}`]} ${commonResponsive.container} ${style.container}`,
       isCover: false,
       wrap: "wrap"
     }, /*#__PURE__*/React.createElement("div", {
@@ -101,10 +102,12 @@ TicketHeader.propTypes = {
   title: PropTypes.string,
   i18nKeys: PropTypes.shape({
     menuEmptyMessage: PropTypes.string
-  })
+  }),
+  palette: PropTypes.oneOf(['default', 'white'])
 };
 TicketHeader.defaultProps = {
-  i18nKeys: {}
+  i18nKeys: {},
+  palette: 'default'
 };
 
 if (false) {

package/es/lookup/header/ViewDropDown/ViewDropDown.js

@@ -38,8 +38,6 @@ class DropDown extends SelectComponent {
   }
 
   render() {
-    var _this = this;
-
     const {
       needSearch,
       dropBoxSize,
@@ -103,21 +101,19 @@ class DropDown extends SelectComponent {
       customClass: dropBoxSize ? style[dropBoxSize] : ''
     }, suggestions.length ? /*#__PURE__*/React.createElement("div", {
       className: style.listItemContainer
-    }, suggestions.map(function () {
-      let option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      let index = arguments.length > 1 ? arguments[1] : undefined;
+    }, suggestions.map((option = {}, index) => {
       const {
         id,
         value
       } = option;
       return /*#__PURE__*/React.createElement(ListItem, {
         active: id === selectedId,
-        getRef: _this.suggestionItemRef,
+        getRef: this.suggestionItemRef,
         highlight: hoverIndex === index ? true : false,
         id: id,
         key: `${id}dropDown`,
-        onClick: _this.handleChange,
-        onMouseEnter: _this.handleMouseEnter,
+        onClick: this.handleChange,
+        onMouseEnter: this.handleMouseEnter,
         size: "medium",
         value: value,
         index: index,

package/es/lookup/header/lookupHeaderCommon.module.css

@@ -1,13 +1,19 @@
 .container {
   min-height: var(--zd_size51);
   position: relative;
-  background-color: var(--zdt_lookupheader_default_bg);
-  border-bottom: solid 1px var(--zdt_lookupheader_default_border);
 }[dir=ltr] .container {
   padding: 0 var(--zd_size52) 0 var(--zd_size10);
 }[dir=rtl] .container {
   padding: 0 var(--zd_size10) 0 var(--zd_size52);
 }
+.default {
+  background-color: var(--zdt_lookupheader_default_bg);
+  border-bottom: solid 1px var(--zdt_lookupheader_default_border);
+}
+.white {
+  background-color: var(--zdt_lookupheader_white_bg);
+  border-bottom: solid 1px var(--zdt_lookupheader_white_border);
+}
 .searchContainer, .title {
   margin: 0 var(--zd_size20);
 }

package/es/utils/General.js

@@ -1,11 +1,10 @@
+import "core-js/modules/es.string.replace";
 export function stopBubbling(event) {
   event.preventDefault();
   event.stopPropagation && event.stopPropagation();
   event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
 }
-export function getFullName() {
-  let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+export function getFullName(firstName = '', lastName = '') {
   let fullName = '';
 
   if (firstName !== null && firstName !== '') {
@@ -18,10 +17,7 @@ export function getFullName() {
 
   return fullName;
 }
-export function shallowDiff() {
-  let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
+export function shallowDiff(a = {}, b = {}) {
   for (let i in a) {
     if (!(i in b)) {
       return true;

package/es/utils/KeyboardApi.js

@@ -284,9 +284,7 @@ function _shortRestrictionPlaces(e) {
   let keyCode = e.keyCode || e.charCode;
   let isContentEditable = _target.contentEditable === 'true';
 
-  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 || //!SupportUI.CurrentUser.getKBStatus() ||
-  //restrict_keyUI() ||
-  keyCode >= 112 && keyCode <= 123 || isContentEditable) {
+  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 || keyCode >= 112 && keyCode <= 123 || isContentEditable) {
     return true;
   }
 

package/es/utils/editorUtils.js

@@ -1,3 +1,4 @@
+import "core-js/modules/es.string.replace";
 const ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200; // editorUtils
 
 export function editorContentValidate(editorObj) {
@@ -176,11 +177,7 @@ export function loadResource(url, type, id, callback) {
   });
 } // bind
 
-export function bind() {
-  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
-    handlers[_key] = arguments[_key];
-  }
-
+export function bind(...handlers) {
   handlers.forEach(handler => {
     if (__DEVELOPMENT__) {
       if (!this[handler]) {

package/es/version2/lookup/AlertLookup/AlertLookup.js

@@ -57,8 +57,7 @@ export default class AlertLookup extends Component {
     document.removeEventListener('keydown', this.documentKeydownHandler);
   }
 
-  documentKeydownHandler() {
-    let e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  documentKeydownHandler(e = {}) {
     let {
       onSubmitClick,
       onCancelClick,

package/lib/Appearance/dark/mode/dotDarkMode.module.css

@@ -114,8 +114,6 @@
   --zdt_commonEmptyState_default_description: #a8b0bd;
   --zdt_commonEmptyState_default_link: var(--zdt_cta_primary_text);
   --zdt_commonEmptyState_default_link_hover: var(--zdt_cta_primary_hover_text);
-  --zdt_commonEmptyState_dark_title: #fff;
-  --zdt_commonEmptyState_dark_description: #fff;
 
   /* edition page */
   --zdt_editionpage_footer_text: var(--zd_text_smoke5);
@@ -232,8 +230,10 @@
 
   /* list layout */
   --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
-  --zdt_listLayout_hover_border: var(--dot_listItemHover);
-  --zdt_listLayout_active_border: var(--dot_listItemActive);
+  --zdt_listLayout_hover_bg: var(--dot_listItemHover);
+  --zdt_listLayout_active_bg: var(--dot_listItemActive);
+  --zdt_listLayout_active_border: var(--zdt_cta_primary_border);
+  --zdt_listLayout_keyboard_active_border:#828994;
 
   /* list stencils */
   --zdt_liststencils_innercontainer_border: var(--zdt_cta_grey_15_border);
@@ -296,7 +296,9 @@
 
   /* lookup header common */
   --zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
+  --zdt_lookupheader_white_bg: #262f3d;
   --zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
+  --zdt_lookupheader_white_border: #384157;
   --zdt_lookupheader_para_text: #a8b0bd;
   --zdt_lookupheader_input_border: var(--zd_border_smoke33);
 

package/lib/Appearance/dark/themes/blue/blueDarkDotTheme.module.css

@@ -3,6 +3,8 @@
     --zdt_freezelayer_darklight_bg: rgba(27, 33, 43, 0.9);
 
     /* common empty state */
+    --zdt_commonEmptyState_dark_title: var(--dot_text_white);
+    --zdt_commonEmptyState_dark_description: var(--dot_text_white);
     --zdt_commonEmptyState_dark_link: #479dff;
     --zdt_commonEmptyState_dark_link_hover: #2469ff;
 }

package/lib/Appearance/dark/themes/green/greenDarkDotTheme.module.css

@@ -3,6 +3,8 @@
     --zdt_freezelayer_darklight_bg: rgba(27, 33, 43, 0.9);
 
     /* common empty state */
+    --zdt_commonEmptyState_dark_title: var(--dot_text_white);
+    --zdt_commonEmptyState_dark_description: var(--dot_text_white);
     --zdt_commonEmptyState_dark_link: #45a159;
     --zdt_commonEmptyState_dark_link_hover: #0e7c1c;
 }

package/lib/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css

@@ -3,6 +3,8 @@
     --zdt_freezelayer_darklight_bg: rgba(27, 33, 43, 0.9);
 
     /* common empty state */
+    --zdt_commonEmptyState_dark_title: var(--dot_text_white);
+    --zdt_commonEmptyState_dark_description: var(--dot_text_white);
     --zdt_commonEmptyState_dark_link: #ff801f;
     --zdt_commonEmptyState_dark_link_hover: #a85100;
 }

package/lib/Appearance/dark/themes/red/redDarkDotTheme.module.css

@@ -3,6 +3,8 @@
     --zdt_freezelayer_darklight_bg: rgba(27, 33, 43, 0.9);
 
     /* common empty state */
+    --zdt_commonEmptyState_dark_title: var(--dot_text_white);
+    --zdt_commonEmptyState_dark_description: var(--dot_text_white);
     --zdt_commonEmptyState_dark_link: #e94f4f;
     --zdt_commonEmptyState_dark_link_hover: #a81111;
 }

package/lib/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css

@@ -3,6 +3,8 @@
     --zdt_freezelayer_darklight_bg: rgba(27, 33, 43, 0.9);
 
     /* common empty state */
+    --zdt_commonEmptyState_dark_title: var(--dot_text_white);
+    --zdt_commonEmptyState_dark_description: var(--dot_text_white);
     --zdt_commonEmptyState_dark_link: #d79835;
     --zdt_commonEmptyState_dark_link_hover: #9b6808;
 }