@zohodesk/dot 1.7.19 → 1.7.20-exp.2

package/lib/AudioPlayer/propTypes/defaultProps.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AudioPlayer_defaultProps = void 0;
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var AudioPlayer_defaultProps = _defineProperty({
+  isPlay: false,
+  timerFormat: 'mm:ss',
+  forwardStepInSec: 5,
+  backwardStepInSec: 5,
+  needClose: true,
+  needDownload: true,
+  needMuteIcon: false,
+  i18nKeys: {},
+  dataId: 'AudioPlayer',
+  customClass: '',
+  range: 0
+}, "dataId", 'AudioRange');
+
+exports.AudioPlayer_defaultProps = AudioPlayer_defaultProps;

package/lib/AudioPlayer/propTypes/propTypes.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AudioPlayer_propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var AudioPlayer_propTypes = {
+  backwardStepInSec: _propTypes["default"].string,
+  forwardStepInSec: _propTypes["default"].string,
+  getAudioDuration: _propTypes["default"].func,
+  duration: _propTypes["default"].string,
+  id: _propTypes["default"].string,
+  isPlay: _propTypes["default"].bool,
+  needClose: _propTypes["default"].bool,
+  needDownload: _propTypes["default"].bool,
+  needMuteIcon: _propTypes["default"].bool,
+  onAudioLoading: _propTypes["default"].func,
+  onAudioSeeking: _propTypes["default"].func,
+  onClose: _propTypes["default"].func,
+  onDownloading: _propTypes["default"].func,
+  onError: _propTypes["default"].func,
+  onMuteUnmute: _propTypes["default"].func,
+  onPause: _propTypes["default"].func,
+  onPlay: _propTypes["default"].func,
+  src: _propTypes["default"].string,
+  timerFormat: _propTypes["default"].string,
+  i18nKeys: _propTypes["default"].shape({
+    playTitle: _propTypes["default"].string,
+    pauseTitle: _propTypes["default"].string,
+    downloadTitle: _propTypes["default"].string,
+    closeTitle: _propTypes["default"].string,
+    muteTitle: _propTypes["default"].string,
+    unmuteTitle: _propTypes["default"].string
+  }),
+  dataId: _propTypes["default"].string,
+  customClass: _propTypes["default"].string,
+  range: _propTypes["default"].number
+};
+exports.AudioPlayer_propTypes = AudioPlayer_propTypes;

package/lib/AudioPlayer/utils/utils.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addLeadingZeros = addLeadingZeros;
+exports.openInNewTabWithNoopener = openInNewTabWithNoopener;
+
+function openInNewTabWithNoopener(url) {
+  var targetnName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '_blank';
+  var aTag = document.createElement('a');
+  aTag.rel = 'noopener noreferrer';
+  aTag.target = targetnName;
+  aTag.href = url;
+  aTag.click();
+}
+
+function addLeadingZeros(number) {
+  var desiredLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '2';
+
+  if (typeof number !== 'undefined') {
+    number = "".concat(number);
+    desiredLength = Number(desiredLength);
+
+    if (number.length < desiredLength) {
+      for (var i = desiredLength - number.length; i > 0; i--) {
+        number = "0".concat(number);
+      }
+    }
+
+    return number;
+  }
+}

package/lib/ChannelIcon/ChannelIcon.js

@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
 
 var _icons = require("@zohodesk/icons");
 
-var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
 
 var _AvatarIcon = _interopRequireDefault(require("../avatar/AvatarIcon/AvatarIcon"));
 

package/lib/DotProvider/hooks/useDotProvider.js

@@ -23,6 +23,8 @@ require("@zohodesk/components/es/common/basic.module.css");
 
 require("@zohodesk/variables/es/fontFamilyVariables.module.css");
 
+require("@zohodesk/variables/es/fontWeightVariables.module.css");
+
 require("@zohodesk/components/es/common/boxShadow.module.css");
 
 require("../../common/dot_boxShadow.module.css");

package/lib/Drawer/Drawer.js

@@ -15,23 +15,23 @@ var _propTypes = require("./props/propTypes");
 
 var _FreezeLayer = _interopRequireDefault(require("../FreezeLayer/FreezeLayer"));
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
-var _Card = require("@zohodesk/components/lib/Card");
+var _Card = require("@zohodesk/components/es/Card");
 
 var _FormAction = _interopRequireDefault(require("../FormAction/FormAction"));
 
-var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
+var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
 
-var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
 
-var _Heading = _interopRequireDefault(require("@zohodesk/components/lib/Heading/Heading"));
+var _Heading = _interopRequireDefault(require("@zohodesk/components/es/Heading/Heading"));
 
 var _IconButton = _interopRequireDefault(require("../IconButton/IconButton"));
 
 var _icons = require("@zohodesk/icons");
 
-var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
+var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
 
 var _DrawerModule = _interopRequireDefault(require("./Drawer.module.css"));
 

package/lib/Drawer/Drawer.module.css

@@ -109,7 +109,7 @@
 
 .title {
   color: var(--zdt_drawer_title_text);
-  font-family: var(--zd_semibold);
+  font-weight: var(--zd-fw-semibold);
   composes: dotted from '~@zohodesk/components/es/common/common.module.css';
   font-size: var(--zd_font_size16) ;
 }

package/lib/FlipCard/FlipCard.js

@@ -17,13 +17,13 @@ var _AvatarUser = _interopRequireDefault(require("../avatar/AvatarUser/AvatarUse
 
 var _AvatarIcon = _interopRequireDefault(require("../avatar/AvatarIcon/AvatarIcon"));
 
-var _CheckBox = _interopRequireDefault(require("@zohodesk/components/lib/CheckBox/CheckBox"));
+var _CheckBox = _interopRequireDefault(require("@zohodesk/components/es/CheckBox/CheckBox"));
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 var _ChannelIcon = _interopRequireDefault(require("../ChannelIcon/ChannelIcon"));
 
-var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/lib/Provider/AvatarSize"));
+var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/Provider/AvatarSize"));
 
 var _FlipCardModule = _interopRequireDefault(require("./FlipCard.module.css"));
 

package/lib/FormAction/FormAction.js

@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
 
 var _FormActionModule = _interopRequireDefault(require("./FormAction.module.css"));
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 

package/lib/FreezeLayer/FreezeLayer.js

@@ -11,13 +11,13 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 var _utils = require("@zohodesk/utils");
 
-var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
+var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
 
-var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
+var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
 
 var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
 

package/lib/Hooks/Dragger/useDragger.js

@@ -36,6 +36,12 @@ function useDragger(_ref) {
     y: 0
   });
   var draggable = (0, _react.useRef)(false);
+  var dragStarted = (0, _react.useRef)(false);
+  var initialMouse = (0, _react.useRef)({
+    x: 0,
+    y: 0
+  });
+  var DRAG_DISTANCE_THRESHOLD = 4;
   (0, _react.useEffect)(function () {
     if (isActive) {
       parentEle.current = ChildRef.current.closest('[data-drag-parent=true]') || (0, _Config.getDotLibraryConfig)('draggerBoundary') || document.body;
@@ -62,46 +68,63 @@ function useDragger(_ref) {
     e = e || window.event;
     e.preventDefault();
 
-    if (draggable.current) {
-      var left = offset.current.x + e.clientX;
-      var top = offset.current.y + e.clientY;
+    if (!draggable.current) {
+      return;
+    }
+
+    if (!dragStarted.current) {
+      var dx = Math.abs(e.clientX - initialMouse.current.x);
+      var dy = Math.abs(e.clientY - initialMouse.current.y);
 
-      var _calculateDragPositio = calculateDragPosition(left, top),
-          x = _calculateDragPositio.x,
-          y = _calculateDragPositio.y;
+      if (dx < DRAG_DISTANCE_THRESHOLD && dy < DRAG_DISTANCE_THRESHOLD) {
+        return;
+      }
 
-      draggableEle.current.style.left = x + 'px';
-      draggableEle.current.style.top = y + 'px';
+      var draggableEleRect = draggableEle.current.getBoundingClientRect();
+      var parentEleRect = parentEle ? parentEle.current.getBoundingClientRect() : {
+        left: 0,
+        top: 0
+      };
+      offset.current.x = draggableEleRect.left - e.clientX;
+      offset.current.y = draggableEleRect.top - e.clientY;
+      var relativeRect = {
+        left: draggableEleRect.left - parentEleRect.left,
+        top: draggableEleRect.top - parentEleRect.top
+      };
+      var styleRef = draggableEle.current.style;
+      styleRef.top = "".concat(relativeRect.top, "px");
+      styleRef.left = "".concat(relativeRect.left, "px");
+      styleRef.width = "".concat(draggableEleRect.width, "px");
+      styleRef.position = "fixed";
+      styleRef.bottom = "initial";
+      styleRef.right = "initial";
+      dragStarted.current = true;
     }
+
+    var left = offset.current.x + e.clientX;
+    var top = offset.current.y + e.clientY;
+
+    var _calculateDragPositio = calculateDragPosition(left, top),
+        x = _calculateDragPositio.x,
+        y = _calculateDragPositio.y;
+
+    draggableEle.current.style.left = "".concat(x, "px");
+    draggableEle.current.style.top = "".concat(y, "px");
   }, [calculateDragPosition]);
   var closeDragElement = (0, _react.useCallback)(function () {
     document.removeEventListener('mouseup', closeDragElement);
     document.removeEventListener('mousemove', elementDrag);
+    dragStarted.current = false;
+    draggable.current = false;
   }, []);
   var dragMouseDown = (0, _react.useCallback)(function (e) {
     e = e || window.event; // e.preventDefault();
 
-    var draggableEleRect = draggableEle.current.getBoundingClientRect();
-    var style = draggableEle.current.style;
-    var width = draggableEleRect.width;
-    var parentEleRect = parentEle ? parentEle.current.getBoundingClientRect() : {
-      left: 0,
-      top: 0
-    };
-    var relativeRect = {
-      left: draggableEleRect.left - parentEleRect.left,
-      top: draggableEleRect.top - parentEleRect.top
+    initialMouse.current = {
+      x: e.clientX,
+      y: e.clientY
     };
-    var top = relativeRect.top,
-        left = relativeRect.left;
-    style.top = "".concat(top, "px");
-    style.left = "".concat(left, "px");
-    style.width = "".concat(width, "px");
-    style.bottom = 'initial';
-    style.right = 'initial';
-    style.position = 'fixed';
-    offset.current.x = draggableEle.current.offsetLeft - e.clientX;
-    offset.current.y = draggableEle.current.offsetTop - e.clientY;
+    dragStarted.current = false;
     draggable.current = true;
     document.addEventListener('mouseup', closeDragElement);
     document.addEventListener('mousemove', elementDrag);

package/lib/IconButton/IconButton.js

@@ -15,11 +15,11 @@ var _propTypes = require("./props/propTypes");
 
 var _icons = require("@zohodesk/icons");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
-var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
 
-var _RippleEffect = _interopRequireDefault(require("@zohodesk/components/lib/RippleEffect/RippleEffect"));
+var _RippleEffect = _interopRequireDefault(require("@zohodesk/components/es/RippleEffect/RippleEffect"));
 
 var _IconButtonModule = _interopRequireDefault(require("./IconButton.module.css"));
 

package/lib/ImportantNotes/ImportantNotes.js

@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 var _icons = require("@zohodesk/icons");
 

package/lib/Loader/Loader.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
+var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
 
 var _LoaderModule = _interopRequireDefault(require("./Loader.module.css"));
 

package/lib/MessageBanner/MessageBanner.js

@@ -17,7 +17,7 @@ var _Link = _interopRequireDefault(require("../Link/Link"));
 
 var _icons = require("@zohodesk/icons");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 var _MessageBannerModule = _interopRequireDefault(require("./MessageBanner.module.css"));
 

package/lib/NewStar/NewStar.js

@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
 
 var _icons = require("@zohodesk/icons");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 var _NewStarModule = _interopRequireDefault(require("./NewStar.module.css"));
 

package/lib/Onboarding/Onboarding.js

@@ -11,13 +11,13 @@ var _propTypes = require("./props/propTypes");
 
 var _defaultProps = require("./props/defaultProps");
 
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _Icon = _interopRequireDefault(require("@zohodesk/icons/es/Icon"));
 
 var _Flex = _interopRequireDefault(require("@zohodesk/layout/es/Flex/Flex"));
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
+var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
 
-var _Modal = _interopRequireDefault(require("@zohodesk/components/lib/Modal/Modal"));
+var _Modal = _interopRequireDefault(require("@zohodesk/components/es/Modal/Modal"));
 
 var _Ribbon = _interopRequireDefault(require("@zohodesk/components/es/Ribbon/Ribbon"));
 

package/lib/Separator/Separator.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 var _defaultProps = require("./props/defaultProps");
 

package/lib/ToastMessage/ToastMessage.js

@@ -17,15 +17,15 @@ var _Common = require("@zohodesk/components/es/utils/Common");
 
 var _icons = require("@zohodesk/icons");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
-var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
+var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
 
-var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 
 var _AutoClose = _interopRequireDefault(require("../actions/AutoClose"));
 
-var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
 
 var _ToastMessageModule = _interopRequireDefault(require("./ToastMessage.module.css"));
 

package/lib/Upload/Upload.js

@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
 
 var _icons = require("@zohodesk/icons");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 var _Image = _interopRequireDefault(require("../Image/Image"));
 

package/lib/VideoLookup/VideoLookup.js

@@ -9,7 +9,7 @@ exports["default"] = VideoLookup;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _Icon = _interopRequireDefault(require("@zohodesk/icons/es/Icon"));
 
 var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
 

package/lib/alert/AlertHeader/AlertHeader.js

@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
 
 var _Title = _interopRequireDefault(require("../../lookup/header/Title/Title"));
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 var _icons = require("@zohodesk/icons");
 

package/lib/alert/AlertLookup/AlertLookup.js

@@ -17,7 +17,7 @@ var _Lookup = _interopRequireDefault(require("../../lookup/Lookup/Lookup"));
 
 var _AlertHeader = _interopRequireDefault(require("../AlertHeader/AlertHeader"));
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
+var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
 
 var _Section = _interopRequireDefault(require("../../lookup/Section/Section"));
 

package/lib/avatar/AvatarClose/AvatarClose.js

@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
 
 var _icons = require("@zohodesk/icons");
 

package/lib/avatar/AvatarCollision/AvatarCollision.js

@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
 
 var _icons = require("@zohodesk/icons");
 

package/lib/avatar/AvatarIcon/AvatarIcon.js

@@ -15,9 +15,9 @@ var _propTypes = require("./props/propTypes");
 
 var _icons = require("@zohodesk/icons");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
-var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/lib/Provider/AvatarSize"));
+var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/Provider/AvatarSize"));
 
 var _AvatarIconModule = _interopRequireDefault(require("./AvatarIcon.module.css"));
 

package/lib/avatar/AvatarStatus/AvatarStatus.js

@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
 
 var _AvatarStatusModule = _interopRequireDefault(require("./AvatarStatus.module.css"));
 

package/lib/avatar/AvatarThread/AvatarThread.js

@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
 
 var _icons = require("@zohodesk/icons");
 

package/lib/avatar/AvatarUser/AvatarUser.js

@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
 
 var _AvatarIcon = _interopRequireDefault(require("../AvatarIcon/AvatarIcon"));
 

package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js

@@ -13,9 +13,9 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
 
-var _AvatarTeam = _interopRequireDefault(require("@zohodesk/components/lib/AvatarTeam/AvatarTeam"));
+var _AvatarTeam = _interopRequireDefault(require("@zohodesk/components/es/AvatarTeam/AvatarTeam"));
 
 var _AvatarWithTeamModule = _interopRequireDefault(require("./AvatarWithTeam.module.css"));
 

package/lib/deprecated/FreezeLayer/FreezeLayer.js

@@ -13,13 +13,13 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
-var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
+var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
 
 var _FreezeLayerModule = _interopRequireDefault(require("./_FreezeLayer.module.css"));
 
-var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
+var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
 
 var _Config = require("../Provider/Config");
 

package/lib/deprecated/SelectDropdown/SelectDropdown.js

@@ -11,21 +11,21 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _Popup = _interopRequireDefault(require("@zohodesk/components/lib/Popup/Popup"));
+var _Popup = _interopRequireDefault(require("@zohodesk/components/es/Popup/Popup"));
 
-var _ListItem = _interopRequireDefault(require("@zohodesk/components/lib/ListItem/ListItem"));
+var _ListItem = _interopRequireDefault(require("@zohodesk/components/es/ListItem/ListItem"));
 
-var _TextBox = _interopRequireDefault(require("@zohodesk/components/lib/TextBox/TextBox"));
+var _TextBox = _interopRequireDefault(require("@zohodesk/components/es/TextBox/TextBox"));
 
-var _DropDownHeading = _interopRequireDefault(require("@zohodesk/components/lib/DropDown/DropDownHeading"));
+var _DropDownHeading = _interopRequireDefault(require("@zohodesk/components/es/DropDown/DropDownHeading"));
 
 var _icons = require("@zohodesk/icons");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
-var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox"));
+var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
 
 var _SelectDropdownModule = _interopRequireDefault(require("./SelectDropdown.module.css"));
 

package/lib/dot_layer.module.css

@@ -0,0 +1 @@
+@layer dot-core, dot-core.ActionButton, dot-core.AlphabeticList, dot-core.Attachment, dot-core.AttachmentViewer, dot-core.ChannelIcon, dot-core.Drawer, dot-core.ExternalLink, dot-core.FlipCard, dot-core.FormAction, dot-core.css, dot-core.IconButton, dot-core.Image, dot-core.ImportantNotes, dot-core.Link, dot-core.Loader, dot-core.Message, dot-core.MessageBanner, dot-core.NewStar, dot-core.PlusIcon, dot-core.Separator, dot-core.TagWithIcon, dot-core.ToastMessage, dot-core.Upload, dot-core.AlertHeader, dot-core.AlertLookup, dot-core.AvatarClose, dot-core.AvatarCollision, dot-core.AvatarIcon, dot-core.AvatarStatus, dot-core.AvatarThread, dot-core.AvatarUser, dot-core.AvatarWithTeam, dot-core.common, dot-core.FreezeLayer, dot-core.SelectDropdown, dot-core.ToggleDropDown, dot-core.CommonEmptyState, dot-core.EditionPage, dot-core.errorstate, dot-core.Inconvenience, dot-core.LinkText, dot-core.NoRequestFound, dot-core.PermissionPlay, dot-core.RequestUrlNotFound, dot-core.UnableToProcess, dot-core.UnauthorizedLogin, dot-core.WillBack, dot-core.fields, dot-core.TagsMultiSelect, dot-core.TagsMultiSelectField, dot-core.TextEditor, dot-core.TextEditorWrapper, dot-core.ValidationMessage, dot-core.Field, dot-core.Section, dot-core.SetupDetailLayout, dot-core.SubtabLayout, dot-core.AvatarFlip, dot-core.BluePrintStatus, dot-core.Comment, dot-core.DepartmentDropDown, dot-core.Dot, dot-core.DotNew, dot-core.GridStencils, dot-core.Icons, dot-core.ListLayout, dot-core.ListStencils, dot-core.SecondaryText, dot-core.SecondryPanel, dot-core.SentimentStatus, dot-core.Subject, dot-core.TagNew, dot-core.Thread, dot-core.list, dot-core.StatusDropdown, dot-core.StatusListItem, dot-core.EmptyPage, dot-core.Lookup, dot-core.Close, dot-core.Search, dot-core.TicketHeader, dot-core.Title, dot-core.ViewDropDown, dot-core.header, dot-core.Button, dot-core.Views, dot-core.Description, dot-core.ListGroup, dot-core.TableData, dot-core.TableHead, dot-core.TableRow, dot-core.Text, dot-core.AlertClose, dot-core.GlobalNotification, dot-core.alertIcons, dot-core.lookup, dot-core.DesktopNotification, dot-core.DesktopNotificationHeader, dot-core.mode, dot-core.blue, dot-core.green, dot-core.orange, dot-core.red, dot-core.yellow;