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

package/lib/list/ListLayout/ListLayout.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Column = void 0;
+exports.Column = exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -15,6 +15,8 @@ var _Layout = require("@zohodesk/components/lib/Layout");
 
 var _ListLayoutModule = _interopRequireDefault(require("./ListLayout.module.css"));
 
+var _ListLayout$propTypes;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -73,14 +75,16 @@ var ListLayout = /*#__PURE__*/function (_Component) {
           dataTitle = _this$props.dataTitle,
           a11y = _this$props.a11y,
           isHovered = _this$props.isHovered,
-          onMouseEnter = _this$props.onMouseEnter;
+          onMouseEnter = _this$props.onMouseEnter,
+          needPointer = _this$props.needPointer,
+          isKeyboardActive = _this$props.isKeyboardActive;
       var _a11y$role = a11y.role,
           role = _a11y$role === void 0 ? 'listitem' : _a11y$role,
           ariaLabel = a11y.ariaLabel,
           ariaPosinset = a11y.ariaPosinset,
           ariaSetsize = a11y.ariaSetsize;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_ListLayoutModule["default"].container, " ").concat(containerClass, " ").concat(needHover ? _ListLayoutModule["default"].listHover : '', " ").concat(isActive ? _ListLayoutModule["default"].active : '', " ").concat(_ListLayoutModule["default"][view], " ").concat(onClick ? _ListLayoutModule["default"].cursorPointer : '', " ").concat(isHovered ? _ListLayoutModule["default"].hoveredStyle : '', " "),
+        className: "".concat(_ListLayoutModule["default"].container, " ").concat(containerClass, " ").concat(needHover ? _ListLayoutModule["default"].listHover : '', " ").concat(isActive ? _ListLayoutModule["default"].active : '', " ").concat(_ListLayoutModule["default"][view], " ").concat(onClick && needPointer ? _ListLayoutModule["default"].cursorPointer : '', " ").concat(isHovered ? _ListLayoutModule["default"].hoveredStyle : '', " ").concat(isKeyboardActive ? _ListLayoutModule["default"].keyboardActive : '', " "),
         onClick: onClick,
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
@@ -103,7 +107,7 @@ var ListLayout = /*#__PURE__*/function (_Component) {
 }(_react.Component);
 
 exports["default"] = ListLayout;
-ListLayout.propTypes = _defineProperty({
+ListLayout.propTypes = (_ListLayout$propTypes = {
   align: _propTypes["default"].string,
   children: _propTypes["default"].node,
   className: _propTypes["default"].string,
@@ -122,7 +126,7 @@ ListLayout.propTypes = _defineProperty({
     ariaSetsize: _propTypes["default"].number
   }),
   onMouseEnter: _propTypes["default"].func
-}, "view", _propTypes["default"].oneOf(['classic', 'compact', 'superCompact']));
+}, _defineProperty(_ListLayout$propTypes, "view", _propTypes["default"].oneOf(['classic', 'compact', 'superCompact'])), _defineProperty(_ListLayout$propTypes, "needPointer", _propTypes["default"].bool), _defineProperty(_ListLayout$propTypes, "isKeyboardActive", _propTypes["default"].bool), _ListLayout$propTypes);
 ListLayout.defaultProps = {
   needHover: true,
   view: 'classic',
@@ -130,7 +134,9 @@ ListLayout.defaultProps = {
   dataId: 'ticketsListInPopup',
   a11y: {},
   isHovered: false,
-  onMouseEnter: function onMouseEnter() {}
+  onMouseEnter: function onMouseEnter() {},
+  needPointer: true,
+  isKeyboardActive: false
 };
 
 var Column = /*#__PURE__*/function (_Component2) {

package/lib/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/lib/list/SecondaryText/index.js

@@ -3,40 +3,34 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AccountName", {
-  enumerable: true,
-  get: function get() {
-    return _AccountName["default"];
-  }
-});
 Object.defineProperty(exports, "ContactName", {
   enumerable: true,
   get: function get() {
     return _ContactName["default"];
   }
 });
-Object.defineProperty(exports, "DepartmentText", {
+Object.defineProperty(exports, "AccountName", {
   enumerable: true,
   get: function get() {
-    return _DepartmentText["default"];
+    return _AccountName["default"];
   }
 });
-Object.defineProperty(exports, "Email", {
+Object.defineProperty(exports, "TicketId", {
   enumerable: true,
   get: function get() {
-    return _Email["default"];
+    return _TicketId["default"];
   }
 });
-Object.defineProperty(exports, "HappinessRating", {
+Object.defineProperty(exports, "StatusText", {
   enumerable: true,
   get: function get() {
-    return _HappinessRating["default"];
+    return _StatusText["default"];
   }
 });
-Object.defineProperty(exports, "PhoneNumber", {
+Object.defineProperty(exports, "DepartmentText", {
   enumerable: true,
   get: function get() {
-    return _PhoneNumber["default"];
+    return _DepartmentText["default"];
   }
 });
 Object.defineProperty(exports, "PriorityText", {
@@ -45,28 +39,34 @@ Object.defineProperty(exports, "PriorityText", {
     return _PriorityText["default"];
   }
 });
-Object.defineProperty(exports, "SecondaryText", {
+Object.defineProperty(exports, "Email", {
   enumerable: true,
   get: function get() {
-    return _SecondaryText["default"];
+    return _Email["default"];
   }
 });
-Object.defineProperty(exports, "StatusText", {
+Object.defineProperty(exports, "PhoneNumber", {
   enumerable: true,
   get: function get() {
-    return _StatusText["default"];
+    return _PhoneNumber["default"];
   }
 });
-Object.defineProperty(exports, "TicketId", {
+Object.defineProperty(exports, "Website", {
   enumerable: true,
   get: function get() {
-    return _TicketId["default"];
+    return _Website["default"];
   }
 });
-Object.defineProperty(exports, "Website", {
+Object.defineProperty(exports, "SecondaryText", {
   enumerable: true,
   get: function get() {
-    return _Website["default"];
+    return _SecondaryText["default"];
+  }
+});
+Object.defineProperty(exports, "HappinessRating", {
+  enumerable: true,
+  get: function get() {
+    return _HappinessRating["default"];
   }
 });
 

package/lib/list/SecondryPanel/SecondryPanel.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.SecondryPanelUL = exports.SecondryPanelLI = exports.SecondryPanelItem = void 0;
+exports.SecondryPanelItem = exports.SecondryPanelLI = exports.SecondryPanelUL = exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/lib/lookup/header/ModuleHeader/ModuleHeader.js

@@ -80,11 +80,12 @@ var ModuleHeader = /*#__PURE__*/function (_PureComponent) {
           miniDescription = _this$props.miniDescription,
           dataId = _this$props.dataId,
           closeTitle = _this$props.closeTitle,
-          onSearchKeyDown = _this$props.onSearchKeyDown;
+          onSearchKeyDown = _this$props.onSearchKeyDown,
+          palette = _this$props.palette;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "vertical",
         alignBox: "row",
-        className: "".concat(_lookupHeaderCommonModule["default"].container),
+        className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)]),
         isCover: false,
         wrap: "wrap",
         dataId: dataId
@@ -134,7 +135,11 @@ ModuleHeader.propTypes = {
   title: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
   closeTitle: _propTypes["default"].string,
-  onSearchKeyDown: _propTypes["default"].func
+  onSearchKeyDown: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['default', 'white'])
+};
+ModuleHeader.defaultProps = {
+  palette: 'default'
 };
 
 if (false) {

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

@@ -66,14 +66,24 @@ var ModuleHeader__default = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var searchStr = this.state.searchStr;
-      return /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
+      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
         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: function onLookupClose() {}
+      }), /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
+        title: "Find Duplicate",
+        needSearch: true,
+        searchStr: searchStr,
+        onSearchChange: this.handleSearch,
+        searchPlaceHolder: "Search",
+        miniDescription: "Select a field to search for duplicate records",
+        onLookupClose: function onLookupClose() {},
+        palette: "white"
+      }));
     }
   }]);
 

package/lib/lookup/header/TicketHeader/TicketHeader.js

@@ -82,13 +82,14 @@ var TicketHeader = /*#__PURE__*/function (_Component) {
           needOnTypeSearch = _this$props.needOnTypeSearch,
           getSearchBoxRef = _this$props.getSearchBoxRef,
           needViewsList = _this$props.needViewsList,
-          i18nKeys = _this$props.i18nKeys;
+          i18nKeys = _this$props.i18nKeys,
+          palette = _this$props.palette;
       var _i18nKeys$menuEmptyMe = i18nKeys.menuEmptyMessage,
           menuEmptyMessage = _i18nKeys$menuEmptyMe === void 0 ? 'No matches found' : _i18nKeys$menuEmptyMe;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "vertical",
         alignBox: "row",
-        className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
+        className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)], " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
         isCover: false,
         wrap: "wrap"
       }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -154,10 +155,12 @@ TicketHeader.propTypes = {
   title: _propTypes["default"].string,
   i18nKeys: _propTypes["default"].shape({
     menuEmptyMessage: _propTypes["default"].string
-  })
+  }),
+  palette: _propTypes["default"].oneOf(['default', 'white'])
 };
 TicketHeader.defaultProps = {
-  i18nKeys: {}
+  i18nKeys: {},
+  palette: 'default'
 };
 
 if (false) {

package/lib/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/lib/utils/ChannelIconMapping.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getActivitiesIconObj = getActivitiesIconObj;
 exports.getChannelMappingObj = getChannelMappingObj;
+exports.getActivitiesIconObj = getActivitiesIconObj;
 
 function getChannelMappingObj() {
   return {

package/lib/utils/General.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatCurrency = formatCurrency;
-exports.formatPhoneUrl = formatPhoneUrl;
+exports.stopBubbling = stopBubbling;
 exports.getFullName = getFullName;
 exports.shallowDiff = shallowDiff;
-exports.stopBubbling = stopBubbling;
+exports.formatPhoneUrl = formatPhoneUrl;
+exports.formatCurrency = formatCurrency;
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 

package/lib/utils/KeyboardApi.js

@@ -289,9 +289,7 @@ function _shortRestrictionPlaces(e) {
   var keyCode = e.keyCode || e.charCode;
   var 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/lib/utils/editorUtils.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.bind = bind;
-exports.changeContent = void 0;
 exports.editorContentValidate = editorContentValidate;
-exports.encodeForHtml = encodeForHtml;
 exports.fixEncoding = fixEncoding;
-exports.getExtensionFromFileName = getExtensionFromFileName;
-exports.getRichEditorContent = getRichEditorContent;
+exports.encodeForHtml = encodeForHtml;
 exports.isFileNameSizeInvalid = isFileNameSizeInvalid;
 exports.isImageFormat = isImageFormat;
-exports.loadResource = loadResource;
+exports.getExtensionFromFileName = getExtensionFromFileName;
 exports.triggerKeyup = triggerKeyup;
+exports.getRichEditorContent = getRichEditorContent;
 exports.validateEditorContentOnInsertHtml = validateEditorContentOnInsertHtml;
+exports.loadResource = loadResource;
+exports.bind = bind;
+exports.changeContent = void 0;
 var ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200; // editorUtils
 
 function editorContentValidate(editorObj) {

package/lib/version2/GlobalNotification/GlobalNotification.js

@@ -5,8 +5,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GlobalNotificationNew = GlobalNotificationNew;
 exports.GlobalNotificationUI = GlobalNotificationUI;
+exports.GlobalNotificationNew = GlobalNotificationNew;
 exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-50",
+  "version": "1.0.0-temp-54",
   "main": "lib/index",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -30,21 +30,21 @@
   "dependencies": {},
   "devDependencies": {
     "velocity-react": "^1.4.3",
-    "@zohodesk/variables": "1.0.0-temp-1",
+    "@zohodesk/variables": "1.0.0-beta.25",
     "@zohodesk/i18n": "^1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-temp-38",
+    "@zohodesk/components": "1.0.0-alpha-219",
     "@zohodesk/icons": "1.0.0-beta.85",
-    "@zohodesk/svg": "1.0.0-beta.34",
+    "@zohodesk/svg": "1.0.0-beta.37",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3"
   },
   "peerDependencies": {
     "velocity-react": "^1.4.3",
-    "@zohodesk/variables": "^1.0.0-beta.24",
+    "@zohodesk/variables": "^1.0.0-beta.25",
     "@zohodesk/i18n": "^1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-209",
+    "@zohodesk/components": "1.0.0-alpha-219",
     "@zohodesk/icons": "^1.0.0-beta.85",
-    "@zohodesk/svg": "^1.0.0-beta.34"
+    "@zohodesk/svg": "^1.0.0-beta.37"
   },
   "react-cli": {
     "app": {

package/src/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/src/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/src/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/src/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/src/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/src/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;
 }

package/src/Appearance/default/mode/dotDefaultMode.module.css

@@ -114,8 +114,6 @@
   --zdt_commonEmptyState_default_description: var(--dot_text_shuttleGrey);
   --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:var(--dot_border_slateGrey);
 
   /* 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: var(--dot_bg_white);
   --zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
+  --zdt_lookupheader_white_border: var(--zdt_cta_grey_15_border);
   --zdt_lookupheader_para_text: var(--dot_text_shuttleGrey);
   --zdt_lookupheader_input_border: var(--zd_border_smoke33);
 

package/src/Appearance/default/themes/blue/blueDefaultDotTheme.module.css

@@ -3,6 +3,8 @@
     --zdt_freezelayer_darklight_bg: rgba(44, 51, 77, 0.94);
 
     /* common empty state */
+    --zdt_commonEmptyState_dark_title: var(--dot_text_white);
+    --zdt_commonEmptyState_dark_description: var(--dot_text_white);
     --zdt_commonEmptyState_dark_link: #6cbbfc;
     --zdt_commonEmptyState_dark_link_hover: #2469ff;
 }

package/src/Appearance/default/themes/green/greenDefaultDotTheme.module.css

@@ -3,6 +3,8 @@
     --zdt_freezelayer_darklight_bg: rgba(15, 34, 38, 0.94);
 
     /* common empty state */
+    --zdt_commonEmptyState_dark_title: var(--dot_text_white);
+    --zdt_commonEmptyState_dark_description: var(--dot_text_white);
     --zdt_commonEmptyState_dark_link: #4ac064;
     --zdt_commonEmptyState_dark_link_hover: #0e7526;
 }

package/src/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css

@@ -3,6 +3,8 @@
     --zdt_freezelayer_darklight_bg: rgba(36, 30, 19, 0.94);
 
     /* common empty state */
+    --zdt_commonEmptyState_dark_title: var(--dot_text_white);
+    --zdt_commonEmptyState_dark_description: var(--dot_text_white);
     --zdt_commonEmptyState_dark_link: #e57717;
     --zdt_commonEmptyState_dark_link_hover: #b25900;
 }

package/src/Appearance/default/themes/red/redDefaultDotTheme.module.css

@@ -3,6 +3,8 @@
     --zdt_freezelayer_darklight_bg: rgba(34, 15, 27, 0.94);
     
     /* common empty state */
+    --zdt_commonEmptyState_dark_title: var(--dot_text_white);
+    --zdt_commonEmptyState_dark_description: var(--dot_text_white);
     --zdt_commonEmptyState_dark_link: #ff6363;
     --zdt_commonEmptyState_dark_link_hover: #ab1a18;
 }

package/src/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css

@@ -3,6 +3,8 @@
     --zdt_freezelayer_darklight_bg: rgba(34, 36, 18, 0.94);
 
     /* common empty state */
+    --zdt_commonEmptyState_dark_title: var(--dot_text_white);
+    --zdt_commonEmptyState_dark_description: var(--dot_text_white);
     --zdt_commonEmptyState_dark_link: #e8b923;
     --zdt_commonEmptyState_dark_link_hover: #b59100;
 }

package/src/Link/Link.js

@@ -64,7 +64,9 @@ export default class Link extends React.Component {
       'download',
       'rel',
       'dataId',
-      'hasReload'
+      'hasReload',
+      'customProps',
+      'option'
     ];
     let others = Object.keys(this.props)
       .filter(key => ignoreKeys.indexOf(key) == -1)