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

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/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/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);

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;
 }

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);

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"));