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

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

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

package/lib/FormAction/FormAction.js

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

package/lib/Link/Link.js

@@ -116,7 +116,7 @@ var Link = /*#__PURE__*/function (_React$Component) {
         option.download = true;
       }
 
-      var ignoreKeys = ['children', 'href', 'target', 'urlData', 'urlName', 'className', 'title', 'download', 'rel', 'dataId', 'hasReload'];
+      var ignoreKeys = ['children', 'href', 'target', 'urlData', 'urlName', 'className', 'title', 'download', 'rel', 'dataId', 'hasReload', 'customProps', 'option'];
       var others = Object.keys(this.props).filter(function (key) {
         return ignoreKeys.indexOf(key) == -1;
       }).reduce(function (res, key) {

package/lib/Message/Message.js

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

package/lib/MessageBanner/MessageBanner.js

@@ -63,11 +63,13 @@ var MessageBanner = /*#__PURE__*/function (_React$Component) {
           onClick = _this$props.onClick,
           urlText = _this$props.urlText,
           palette = _this$props.palette,
-          customClass = _this$props.customClass;
+          customClass = _this$props.customClass,
+          dataId = _this$props.dataId;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         className: "".concat(_MessageBannerModule["default"]["type_".concat(type)], " ").concat(_MessageBannerModule["default"]["palette_".concat(palette)], " ").concat(customClass),
         alignBox: "row",
-        isCover: false
+        isCover: false,
+        dataId: dataId
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _MessageBannerModule["default"].content,
         flexible: true
@@ -77,7 +79,8 @@ var MessageBanner = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _MessageBannerModule["default"].message,
         adjust: true,
-        shrink: true
+        shrink: true,
+        "data-title": message
       }, message), href && /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
         href: href,
         onClick: onClick,
@@ -102,7 +105,8 @@ exports["default"] = MessageBanner;
 MessageBanner.defaultProps = {
   type: 'primary',
   palette: 'default',
-  customClass: ''
+  customClass: '',
+  dataId: 'MessageBanner'
 };
 MessageBanner.propTypes = {
   customClass: _propTypes["default"].string,
@@ -112,7 +116,8 @@ MessageBanner.propTypes = {
   onClose: _propTypes["default"].func,
   palette: _propTypes["default"].oneOf(['default', 'blue', 'white']),
   type: _propTypes["default"].oneOf(['primary', 'secondary']),
-  urlText: _propTypes["default"].string
+  urlText: _propTypes["default"].string,
+  dataId: _propTypes["default"].string
 };
 
 if (false) {

package/lib/MessageBanner/MessageBanner.module.css

@@ -6,13 +6,13 @@
 .message {
   color: var(--zdt_messagebanner_text);
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-  margin: 0 var(--zd_size10);
+  padding: var(--zd_size10) 0;
 }
 [dir=ltr] .message {
-  padding: var(--zd_size10) var(--zd_size5) var(--zd_size10) 0;
+  margin-left: var(--zd_size10);
 }
 [dir=rtl] .message {
-  padding: var(--zd_size10) 0 var(--zd_size10) var(--zd_size5);
+  margin-right: var(--zd_size10);
 }
 .link {
   color: var(--zdt_messagebanner_link_text);
@@ -23,6 +23,7 @@
 [dir=rtl] .link {
   margin-right: var(--zd_size5);
 }
+.message,.link{font-size:  var(--zd_font_size14);}
 .close {
   color: var(--zdt_messagebanner_close_text);
   cursor: pointer;

package/lib/Provider.js

@@ -15,6 +15,8 @@ var _Layout = require("@zohodesk/components/lib/Layout");
 
 var _AppContainer = _interopRequireDefault(require("@zohodesk/components/lib/AppContainer/AppContainer"));
 
+var _LibraryContextInit = _interopRequireDefault(require("@zohodesk/components/lib/Provider/LibraryContextInit"));
+
 var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
 
 var _i18n2 = _interopRequireDefault(require("./i18n"));
@@ -226,6 +228,11 @@ var Provider = /*#__PURE__*/function (_React$Component) {
         dateTimeFormat: '',
         timeFormat: '',
         direction: 'ltr'
+      }, /*#__PURE__*/_react["default"].createElement(_LibraryContextInit["default"].Provider, {
+        value: {
+          isReducedMotion: false,
+          direction: 'ltr'
+        }
       }, /*#__PURE__*/_react["default"].createElement(_AppContainer["default"], {
         customProps: {
           ExtraProps: {
@@ -292,7 +299,7 @@ var Provider = /*#__PURE__*/function (_React$Component) {
         onClick: function onClick() {
           return _this2.setTheme('yellow');
         }
-      })))));
+      }))))));
     }
   }]);
 

package/lib/avatar/AvatarThread/AvatarThread.js

@@ -77,7 +77,8 @@ var AvatarThread = /*#__PURE__*/function (_React$Component) {
           customTextClass = _this$props.customTextClass,
           needTitle = _this$props.needTitle,
           customProps = _this$props.customProps,
-          iconClass = _this$props.iconClass;
+          iconClass = _this$props.iconClass,
+          getCustomThread = _this$props.getCustomThread;
       var _customProps$AvatarTh = customProps.AvatarThreadProps,
           AvatarThreadProps = _customProps$AvatarTh === void 0 ? {} : _customProps$AvatarTh,
           _customProps$AvatarPr = customProps.AvatarProps,
@@ -97,18 +98,18 @@ var AvatarThread = /*#__PURE__*/function (_React$Component) {
         textPalette: textPalette,
         customClass: customTextClass,
         needTitle: needTitle
-      }, AvatarProps)), iconName && /*#__PURE__*/_react["default"].createElement("span", {
+      }, AvatarProps)), (iconName || getCustomThread) && /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_AvatarThreadModule["default"].thread, " ").concat(onIconClick ? _AvatarThreadModule["default"].pointer : _AvatarThreadModule["default"].defaultCursor, " ").concat(needBackground ? _AvatarThreadModule["default"].threadBg : '', " ").concat(_AvatarThreadModule["default"]["thread_".concat(size, "_pos")], " ").concat(needBorder ? _AvatarThreadModule["default"]["border_".concat(borderPalette)] : ''),
         "data-title": iconTitle,
         "data-id": iconTitle === 'Remove Follower' && 'removeFollower',
         onClick: onIconClick
-      }, /*#__PURE__*/_react["default"].createElement("span", {
+      }, iconName && /*#__PURE__*/_react["default"].createElement("span", {
         className: _AvatarThreadModule["default"].icon
       }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: iconName,
         size: iconSize,
         iconClass: "".concat(iconClass, "\n                  ").concat(_AvatarThreadModule["default"]["text_".concat(iconColor)] ? _AvatarThreadModule["default"]["text_".concat(iconColor)] : iconColor)
-      }))));
+      })), getCustomThread && getCustomThread()));
     }
   }]);
 
@@ -149,7 +150,8 @@ AvatarThread.propTypes = {
     AvatarThreadProps: _propTypes["default"].object,
     AvatarProps: _propTypes["default"].object
   }),
-  iconClass: _propTypes["default"].string
+  iconClass: _propTypes["default"].string,
+  getCustomThread: _propTypes["default"].func
 };
 
 if (false) {

package/lib/docs/formDocs.js

@@ -3,160 +3,160 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "CheckBoxField", {
+Object.defineProperty(exports, "FieldLayout", {
   enumerable: true,
   get: function get() {
-    return _CheckBoxField["default"];
+    return _Field["default"];
   }
 });
-Object.defineProperty(exports, "CheckBoxField__default", {
+Object.defineProperty(exports, "FieldLayout__default", {
   enumerable: true,
   get: function get() {
-    return _CheckBoxField__default["default"];
+    return _Field__default["default"];
   }
 });
-Object.defineProperty(exports, "DateField", {
+Object.defineProperty(exports, "New_Section", {
   enumerable: true,
   get: function get() {
-    return _DateField["default"];
+    return _Section["default"];
   }
 });
-Object.defineProperty(exports, "DateField__default", {
+Object.defineProperty(exports, "New_Section__default", {
   enumerable: true,
   get: function get() {
-    return _DateField__default["default"];
+    return _Section__default["default"];
   }
 });
-Object.defineProperty(exports, "FieldLayout", {
+Object.defineProperty(exports, "ValidationMessage", {
   enumerable: true,
   get: function get() {
-    return _Field["default"];
+    return _ValidationMessage["default"];
   }
 });
-Object.defineProperty(exports, "FieldLayout__default", {
+Object.defineProperty(exports, "ValidationMessage__default", {
   enumerable: true,
   get: function get() {
-    return _Field__default["default"];
+    return _ValidationMessage__default["default"];
   }
 });
-Object.defineProperty(exports, "MultiSelectField", {
+Object.defineProperty(exports, "TextBoxField", {
   enumerable: true,
   get: function get() {
-    return _MultiSelectField["default"];
+    return _TextBoxField["default"];
   }
 });
-Object.defineProperty(exports, "MultiSelectField__default", {
+Object.defineProperty(exports, "TextBoxField__default", {
   enumerable: true,
   get: function get() {
-    return _MultiSelectField__default["default"];
+    return _TextBoxField__default["default"];
   }
 });
-Object.defineProperty(exports, "New_Section", {
+Object.defineProperty(exports, "TextareaField", {
   enumerable: true,
   get: function get() {
-    return _Section["default"];
+    return _TextareaField["default"];
   }
 });
-Object.defineProperty(exports, "New_Section__default", {
+Object.defineProperty(exports, "TextareaField__default", {
   enumerable: true,
   get: function get() {
-    return _Section__default["default"];
+    return _TextareaField__default["default"];
   }
 });
-Object.defineProperty(exports, "PhoneField", {
+Object.defineProperty(exports, "SelectField", {
   enumerable: true,
   get: function get() {
-    return _PhoneField["default"];
+    return _SelectField["default"];
   }
 });
-Object.defineProperty(exports, "PhoneField__default", {
+Object.defineProperty(exports, "SelectField__default", {
   enumerable: true,
   get: function get() {
-    return _PhoneField__default["default"];
+    return _SelectField__default["default"];
   }
 });
-Object.defineProperty(exports, "SelectField", {
+Object.defineProperty(exports, "PhoneField", {
   enumerable: true,
   get: function get() {
-    return _SelectField["default"];
+    return _PhoneField["default"];
   }
 });
-Object.defineProperty(exports, "SelectField__default", {
+Object.defineProperty(exports, "PhoneField__default", {
   enumerable: true,
   get: function get() {
-    return _SelectField__default["default"];
+    return _PhoneField__default["default"];
   }
 });
-Object.defineProperty(exports, "TagsMultiSelect", {
+Object.defineProperty(exports, "MultiSelectField", {
   enumerable: true,
   get: function get() {
-    return _TagsMultiSelect["default"];
+    return _MultiSelectField["default"];
   }
 });
-Object.defineProperty(exports, "TagsMultiSelectField", {
+Object.defineProperty(exports, "MultiSelectField__default", {
   enumerable: true,
   get: function get() {
-    return _TagsMultiSelectField["default"];
+    return _MultiSelectField__default["default"];
   }
 });
-Object.defineProperty(exports, "TagsMultiSelectField__default", {
+Object.defineProperty(exports, "DateField", {
   enumerable: true,
   get: function get() {
-    return _TagsMultiSelectField__default["default"];
+    return _DateField["default"];
   }
 });
-Object.defineProperty(exports, "TagsMultiSelect__default", {
+Object.defineProperty(exports, "DateField__default", {
   enumerable: true,
   get: function get() {
-    return _TagsMultiSelect__default["default"];
+    return _DateField__default["default"];
   }
 });
-Object.defineProperty(exports, "TextBoxField", {
+Object.defineProperty(exports, "CheckBoxField", {
   enumerable: true,
   get: function get() {
-    return _TextBoxField["default"];
+    return _CheckBoxField["default"];
   }
 });
-Object.defineProperty(exports, "TextBoxField__default", {
+Object.defineProperty(exports, "CheckBoxField__default", {
   enumerable: true,
   get: function get() {
-    return _TextBoxField__default["default"];
+    return _CheckBoxField__default["default"];
   }
 });
-Object.defineProperty(exports, "TextEditorField", {
+Object.defineProperty(exports, "TagsMultiSelect", {
   enumerable: true,
   get: function get() {
-    return _TextEditorField["default"];
+    return _TagsMultiSelect["default"];
   }
 });
-Object.defineProperty(exports, "TextEditorField__default", {
+Object.defineProperty(exports, "TagsMultiSelect__default", {
   enumerable: true,
   get: function get() {
-    return _TextEditorField__default["default"];
+    return _TagsMultiSelect__default["default"];
   }
 });
-Object.defineProperty(exports, "TextareaField", {
+Object.defineProperty(exports, "TagsMultiSelectField", {
   enumerable: true,
   get: function get() {
-    return _TextareaField["default"];
+    return _TagsMultiSelectField["default"];
   }
 });
-Object.defineProperty(exports, "TextareaField__default", {
+Object.defineProperty(exports, "TagsMultiSelectField__default", {
   enumerable: true,
   get: function get() {
-    return _TextareaField__default["default"];
+    return _TagsMultiSelectField__default["default"];
   }
 });
-Object.defineProperty(exports, "ValidationMessage", {
+Object.defineProperty(exports, "TextEditorField", {
   enumerable: true,
   get: function get() {
-    return _ValidationMessage["default"];
+    return _TextEditorField["default"];
   }
 });
-Object.defineProperty(exports, "ValidationMessage__default", {
+Object.defineProperty(exports, "TextEditorField__default", {
   enumerable: true,
   get: function get() {
-    return _ValidationMessage__default["default"];
+    return _TextEditorField__default["default"];
   }
 });