@zohodesk/dot 1.0.0-temp-184.2 → 1.0.0-temp-185

package/es/Drawer/Drawer.module.css

@@ -1,6 +1,6 @@
 .container {
   transition: width var(--zd_transition3);
-  box-shadow: var(--zd_bs_drawer_shadow);
+  box-shadow: var(--zd_bs_contrast_outline, 0 6px 12px var(--zdt_drawer_default_box_shadow));
   background-color: var(--zdt_drawer_default_bg);
 }
 
@@ -29,7 +29,7 @@
 
 .secondDrawer {
   background-color: var(--zdt_drawer_default_bg);
-  box-shadow: var(--zd_bs_drawer_shadow);
+  box-shadow: var(--zd_bs_contrast_outline, 0 6px 12px var(--zdt_drawer_default_box_shadow));
 }
 
 .secondMobDrawer {

package/es/ExternalLink/ExternalLink.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 ****/
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -31,7 +29,7 @@ export default class ExternalLink extends React.Component {
       customProps
     } = this.props;
     const urlOutput = href && typeof href !== 'boolean' ? this.addHttp(String(href)) : 'javascript:void(0);';
-    return /*#__PURE__*/React.createElement("a", _extends({
+    return /*#__PURE__*/React.createElement("a", {
       href: urlOutput,
       target: target,
       className: `${style.link} ${className ? className : ''}`,
@@ -39,8 +37,9 @@ export default class ExternalLink extends React.Component {
       rel: rel,
       "data-id": dataId,
       "data-test-id": dataId,
-      onClick: onClick
-    }, customProps), children);
+      onClick: onClick,
+      ...customProps
+    }, children);
   }
 
 }

package/es/FlipCard/FlipCard.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 import React, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -89,16 +87,17 @@ export default class FlipCard extends Component {
     }, !noNeedFlip ? /*#__PURE__*/React.createElement(Container, {
       align: "both",
       className: `${style.front} ${frontClass ? frontClass : ''}`
-    }, /*#__PURE__*/React.createElement(CheckBox, _extends({
+    }, /*#__PURE__*/React.createElement(CheckBox, {
       isFilled: isFilledCheckbox,
       checked: isChecked,
       onChange: this.onChange,
       id: `checkbox_${id}`,
-      dataId: `listViewCheckBox_${id}`
-    }, CheckBoxProps))) : null, /*#__PURE__*/React.createElement(Container, {
+      dataId: `listViewCheckBox_${id}`,
+      ...CheckBoxProps
+    })) : null, /*#__PURE__*/React.createElement(Container, {
       align: "both",
       className: style.back
-    }, channel && action ? /*#__PURE__*/React.createElement(ChannelIcon, _extends({
+    }, channel && action ? /*#__PURE__*/React.createElement(ChannelIcon, {
       name: channel,
       action: action,
       size: size,
@@ -111,8 +110,9 @@ export default class FlipCard extends Component {
       customTextClass: customTextClass,
       iconColor: iconColor,
       title: channelTitle,
-      iconTitle: channelTitle
-    }, ChannelIconProps)) : icon ? /*#__PURE__*/React.createElement(AvatarIcon, _extends({
+      iconTitle: channelTitle,
+      ...ChannelIconProps
+    }) : icon ? /*#__PURE__*/React.createElement(AvatarIcon, {
       name: icon,
       iconSize: iconSize,
       size: size,
@@ -120,8 +120,9 @@ export default class FlipCard extends Component {
       dataId: icon,
       className: className,
       iconColor: iconColor,
-      title: needTitle ? name : ''
-    }, AvatarIconProps)) : /*#__PURE__*/React.createElement(AvatarUser, _extends({
+      title: needTitle ? name : '',
+      ...AvatarIconProps
+    }) : /*#__PURE__*/React.createElement(AvatarUser, {
       name: name,
       initial: initial,
       size: size,
@@ -132,8 +133,9 @@ export default class FlipCard extends Component {
       needTitle: needTitle,
       palette: palette,
       textPalette: textPalette,
-      customTextClass: customTextClass
-    }, AvatarUserProps)))));
+      customTextClass: customTextClass,
+      ...AvatarUserProps
+    }))));
   }
 
 }

package/es/IconButton/IconButton.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -107,7 +105,7 @@ export default class IconButton extends React.Component {
       hoverType: hoverType,
       isDisabled: isDisabled,
       isNeedEffect: isNeedEffect
-    }, /*#__PURE__*/React.createElement(Container, _extends({
+    }, /*#__PURE__*/React.createElement(Container, {
       "aria-label": ariaLabel,
       "aria-haspopup": ariaHaspopup,
       "aria-expanded": ariaExpanded,
@@ -131,8 +129,9 @@ export default class IconButton extends React.Component {
       onKeyDown: this.handleToggle,
       onFocus: this.triggerMouseOver,
       onBlur: this.onBlur,
-      disabled: isDisabled
-    }, customProps), iconName ? /*#__PURE__*/React.createElement(Icon, {
+      disabled: isDisabled,
+      ...customProps
+    }, iconName ? /*#__PURE__*/React.createElement(Icon, {
       isBold: isBold,
       size: iconSize,
       name: iconName,