@zohodesk/components 1.0.0-temp-190.2 → 1.0.0-temp-191

package/lib/v1/CheckBox/CheckBox.js

@@ -15,7 +15,7 @@ var _Label = _interopRequireDefault(require("../Label/Label"));
 
 var _Layout = require("../Layout");
 
-var _CssProvider = _interopRequireDefault(require("../Provider/CssProvider"));
+var _CssProvider = _interopRequireDefault(require("../../Provider/CssProvider"));
 
 var _CheckBoxModule = _interopRequireDefault(require("../../CheckBox/CheckBox.module.css"));
 
@@ -38,6 +38,7 @@ var CheckBox = function CheckBox(props) {
       isFilled = props.isFilled,
       isClipped = props.isClipped,
       getRef = props.getRef,
+      getContainerRef = props.getContainerRef,
       variant = props.variant,
       active = props.active,
       dataId = props.dataId,
@@ -53,6 +54,10 @@ var CheckBox = function CheckBox(props) {
     onChange && onChange(!checked, e);
   }
 
+  function handleGetContainerRef(ele) {
+    getContainerRef && getContainerRef(ele, id);
+  }
+
   var _customProps$CheckBox = customProps.CheckBoxProps,
       CheckBoxProps = _customProps$CheckBox === void 0 ? {} : _customProps$CheckBox,
       _customProps$LabelPro = customProps.LabelProps,
@@ -85,6 +90,7 @@ var CheckBox = function CheckBox(props) {
     onClick: isReadOnly || disabled ? null : onChange,
     tabIndex: isReadOnly || disabled || ariaHidden ? '-1' : '0',
     "aria-checked": ariaChecked,
+    eleRef: handleGetContainerRef,
     role: role,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,

package/lib/v1/CheckBox/props/propTypes.js

@@ -18,6 +18,7 @@ var propTypes = {
   disabled: _propTypes["default"].bool,
   disabledTitle: _propTypes["default"].string,
   getRef: _propTypes["default"].func,
+  getContainerRef: _propTypes["default"].func,
   id: _propTypes["default"].string,
   isFilled: _propTypes["default"].bool,
   isClipped: _propTypes["default"].bool,

package/lib/v1/DropBox/utils/isMobilePopover.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = isMobilePopover;
 
-var _Config = require("../../Provider/Config");
+var _Config = require("../../../Provider/Config");
 
 function isMobilePopover(needResponsive) {
   //   let { needResponsive } = props;

package/lib/v1/ListItem/ListContainer.js

@@ -19,7 +19,7 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _CustomResponsive = require("../Responsive/CustomResponsive");
+var _CustomResponsive = require("../../Responsive/CustomResponsive");
 
 var _excluded = ["role", "ariaSelected", "ariaLabel", "insetFocus"];
 

package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js

@@ -37,7 +37,7 @@ var _IdProvider = require("../../Provider/IdProvider");
 
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("../Responsive/CustomResponsive");
+var _CustomResponsive = require("../../Responsive/CustomResponsive");
 
 var _icons = require("@zohodesk/icons");
 

package/lib/v1/MultiSelect/AdvancedMultiSelect.js

@@ -37,7 +37,7 @@ var _IdProvider = require("../../Provider/IdProvider");
 
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("../Responsive/CustomResponsive");
+var _CustomResponsive = require("../../Responsive/CustomResponsive");
 
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 

package/lib/v1/MultiSelect/props/defaultProps.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Suggestions_defaultProps = exports.SelectedOptions_defaultProps = exports.MultiSelect_defaultProps = exports.MultiSelectWithAvatar_defaultProps = exports.MultiSelectHeader_defaultProps = exports.EmptyState_defaultProps = exports.AdvancedMultiSelect_defaultProps = exports.AdvancedGroupMultiSelect_defaultProps = void 0;
 
-var _Config = require("../../Provider/Config");
+var _Config = require("../../../Provider/Config");
 
 var AdvancedGroupMultiSelect_defaultProps = {
   animationStyle: 'bounce',

package/lib/v1/Radio/Radio.js

@@ -19,6 +19,8 @@ var _RadioModule = _interopRequireDefault(require("../../Radio/Radio.module.css"
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+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); }
+
 var Radio = function Radio(props) {
   var id = props.id,
       name = props.name,
@@ -37,6 +39,9 @@ var Radio = function Radio(props) {
       active = props.active,
       isFilled = props.isFilled,
       customClass = props.customClass,
+      customProps = props.customProps,
+      getRef = props.getRef,
+      children = props.children,
       a11y = props.a11y;
   var _customClass$customRa = customClass.customRadioWrap,
       customRadioWrap = _customClass$customRa === void 0 ? '' : _customClass$customRa,
@@ -49,19 +54,28 @@ var Radio = function Radio(props) {
   var ariaHidden = a11y.ariaHidden,
       _a11y$role = a11y.role,
       role = _a11y$role === void 0 ? 'radio' : _a11y$role,
+      tabIndex = a11y.tabIndex,
       _a11y$ariaChecked = a11y.ariaChecked,
       ariaChecked = _a11y$ariaChecked === void 0 ? checked : _a11y$ariaChecked,
       ariaLabel = a11y.ariaLabel,
       ariaLabelledby = a11y.ariaLabelledby,
       _a11y$ariaReadonly = a11y.ariaReadonly,
       ariaReadonly = _a11y$ariaReadonly === void 0 ? isReadOnly || disabled ? true : false : _a11y$ariaReadonly;
+  var _customProps$Containe = customProps.ContainerProps,
+      ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe,
+      _customProps$LabelPro = customProps.LabelProps,
+      LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro;
 
   function onChange(e) {
     var onChange = props.onChange;
     onChange && onChange(value, e);
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+  function handleGetRef(ele) {
+    getRef && getRef(ele, value);
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
     dataId: value ? value.toLowerCase() : 'RadioComp',
     isCover: false,
     isInline: text ? false : true,
@@ -71,13 +85,14 @@ var Radio = function Radio(props) {
     "data-title": toolTip,
     onClick: !isReadOnly && !disabled ? onChange : '',
     "aria-checked": ariaChecked,
-    tabindex: isReadOnly || disabled || ariaHidden ? '-1' : '0',
+    tabindex: isReadOnly || disabled || ariaHidden ? '-1' : tabIndex || '0',
+    eleRef: handleGetRef,
     role: role,
     "aria-Hidden": ariaHidden,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
     "aria-readonly": ariaReadonly
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+  }, ContainerProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     className: "".concat(_RadioModule["default"].radio, " ").concat(checked ? "".concat(_RadioModule["default"]["rdBox".concat(palette)]) : '', "\n          ").concat(isReadOnly || disabled ? '' : "".concat(_RadioModule["default"]["hover".concat(palette)]), " ").concat(_RadioModule["default"][size], " ").concat(isFilled ? _RadioModule["default"].filled : '', " ").concat(_RadioModule["default"]["centerPath".concat(palette)], " ").concat(customRadio)
   }, /*#__PURE__*/_react["default"].createElement("input", {
     type: "hidden",
@@ -102,17 +117,17 @@ var Radio = function Radio(props) {
   }) : null))), text && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true,
     className: _RadioModule["default"].text
-  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
     text: text,
-    palette: disabled ? 'disable' : labelPalette,
+    palette: labelPalette,
     size: labelSize,
     type: "title",
     clipped: true,
     dataId: "".concat(text, "_label"),
     variant: variant,
     title: toolTip ? toolTip : text,
-    customClass: "".concat(checked && active && !disabled ? "".concat(_RadioModule["default"]["".concat(palette, "checkedActive")]) : '', "\n            ").concat(_RadioModule["default"]["".concat(palette, "Label")], " ").concat(accessMode, " ").concat(customLabel)
-  })));
+    customClass: "".concat(checked && active ? "".concat(_RadioModule["default"]["".concat(palette, "checkedActive")]) : '', "\n            ").concat(_RadioModule["default"]["".concat(palette, "Label")], " ").concat(accessMode, " ").concat(customLabel)
+  }, LabelProps))), children);
 };
 
 var _default = Radio;

package/lib/v1/Radio/props/defaultProps.js

@@ -16,6 +16,7 @@ var defaultProps = {
   variant: 'default',
   isFilled: true,
   customClass: {},
+  customProps: {},
   a11y: {}
 };
 exports.defaultProps = defaultProps;

package/lib/v1/Radio/props/propTypes.js

@@ -14,6 +14,7 @@ var propTypes = {
   checked: _propTypes["default"].bool,
   disabled: _propTypes["default"].bool,
   disabledTitle: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
   id: _propTypes["default"].string,
   isFilled: _propTypes["default"].bool,
   isReadOnly: _propTypes["default"].bool,
@@ -30,14 +31,20 @@ var propTypes = {
     customRadio: _propTypes["default"].string,
     customLabel: _propTypes["default"].string
   }),
+  customProps: _propTypes["default"].exact({
+    ContainerProps: _propTypes["default"].object,
+    LabelProps: _propTypes["default"].object
+  }),
   a11y: _propTypes["default"].shape({
     ariaChecked: _propTypes["default"].bool,
     ariaHidden: _propTypes["default"].bool,
     role: _propTypes["default"].string,
+    tabIndex: _propTypes["default"].oneOfType(_propTypes["default"].string, _propTypes["default"].number),
     ariaLabelledby: _propTypes["default"].string,
     ariaLabel: _propTypes["default"].string,
     ariaReadonly: _propTypes["default"].bool
   }),
+  children: _propTypes["default"].node,
   onChange: _propTypes["default"].func,
   text: _propTypes["default"].string
 };

package/lib/v1/ResponsiveDropBox/ResponsiveDropBox.js

@@ -17,7 +17,7 @@ var _DropBox = _interopRequireDefault(require("../DropBox/DropBox"));
 
 var _Layout = require("../Layout");
 
-var _CustomResponsive = require("../Responsive/CustomResponsive");
+var _CustomResponsive = require("../../Responsive/CustomResponsive");
 
 var _ResponsiveDropBoxModule = _interopRequireDefault(require("../../ResponsiveDropBox/ResponsiveDropBox.module.css"));
 

package/lib/v1/Select/GroupSelect.js

@@ -37,7 +37,7 @@ var _IdProvider = require("../../Provider/IdProvider");
 
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("../Responsive/CustomResponsive");
+var _CustomResponsive = require("../../Responsive/CustomResponsive");
 
 var _SelectModule = _interopRequireDefault(require("../../Select/Select.module.css"));
 

package/lib/v1/Select/Select.js

@@ -33,7 +33,7 @@ var _icons = require("@zohodesk/icons");
 
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("../Responsive/CustomResponsive");
+var _CustomResponsive = require("../../Responsive/CustomResponsive");
 
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 

package/lib/v1/Select/SelectWithAvatar.js

@@ -37,7 +37,7 @@ var _IdProvider = require("../../Provider/IdProvider");
 
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("../Responsive/CustomResponsive");
+var _CustomResponsive = require("../../Responsive/CustomResponsive");
 
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 
@@ -208,9 +208,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
           htmlId = _this$props.htmlId,
           needEffect = _this$props.needEffect,
           isLoading = _this$props.isLoading,
-          dataSelectorId = _this$props.dataSelectorId,
-          getHeader = _this$props.getHeader,
-          getFooter = _this$props.getFooter;
+          dataSelectorId = _this$props.dataSelectorId;
       i18nKeys = Object.assign({}, i18nKeys, {
         emptyText: i18nKeys.emptyText || emptyMessage,
         searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -343,7 +341,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
           a11y: {
             role: 'heading'
           }
-        })) : null, getHeader ? getHeader() : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
+        })) : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
           activeId: selectedId,
           suggestions: suggestions,
           getRef: _this2.suggestionItemRef,
@@ -370,7 +368,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
         }), isFetchingOptions && /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
           isCover: false,
           align: "both"
-        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null))), getFooter ? /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, null, getFooter()) : null)));
+        }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null))))));
       }) : null);
     }
   }]);

package/lib/v1/Select/SelectWithIcon.js

@@ -31,7 +31,7 @@ var _IdProvider = require("../../Provider/IdProvider");
 
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("../Responsive/CustomResponsive");
+var _CustomResponsive = require("../../Responsive/CustomResponsive");
 
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 

package/lib/v1/Select/props/defaultProps.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Select_defaultProps = exports.SelectWithIcon_defaultProps = exports.SelectWithAvatar_defaultProps = exports.GroupSelect_defaultProps = void 0;
 
-var _Config = require("../../Provider/Config");
+var _Config = require("../../../Provider/Config");
 
 var _SelectWithIcon_defau;
 

package/lib/v1/Select/props/propTypes.js

@@ -249,9 +249,7 @@ var SelectWithAvatar_propTypes = _objectSpread(_objectSpread({}, Select_propType
   htmlId: _propTypes["default"].string,
   needEffect: _propTypes["default"].bool,
   isLoading: _propTypes["default"].bool,
-  dataSelectorId: _propTypes["default"].string,
-  getFooter: _propTypes["default"].func,
-  getHeader: _propTypes["default"].func
+  dataSelectorId: _propTypes["default"].string
 });
 
 exports.SelectWithAvatar_propTypes = SelectWithAvatar_propTypes;

package/lib/v1/Tab/Tabs.js

@@ -21,7 +21,7 @@ var _Common = require("../../utils/Common");
 
 var _Layout = require("../Layout");
 
-var _ResizeObserver = _interopRequireDefault(require("../Responsive/ResizeObserver"));
+var _ResizeObserver = _interopRequireDefault(require("../../Responsive/ResizeObserver"));
 
 var _ListItem = _interopRequireDefault(require("../ListItem/ListItem"));
 
@@ -33,7 +33,7 @@ var _Popup = _interopRequireDefault(require("../Popup/Popup"));
 
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("../Responsive/CustomResponsive");
+var _CustomResponsive = require("../../Responsive/CustomResponsive");
 
 var _semanticButtonModule = _interopRequireDefault(require("../../semantic/Button/semanticButton.module.css"));
 

package/lib/v1/Tab/v1Tab.module.css

@@ -1,26 +1,32 @@
 .tab {
   text-transform: uppercase;
+  cursor: pointer;
   letter-spacing: 0.6px;
   text-decoration: none;
-  cursor: pointer;
 }
+
 .vertical {
-  height: 100% ;
+  height: 100%;
 }
+
 .horizontal {
-  width: 100% ;
-  max-width: 100% ;
+  width: 100%;
+  max-width: 100%;
 }
+
 .textContainer,
 .tabText {
-  max-width: inherit ;
+  max-width: inherit;
 }
+
 .tabText {
   composes: dotted from '../../common/common.module.css';
 }
+
 .disabled {
   cursor: not-allowed;
 }
+
 .border {
   border-bottom: 1px solid var(--zdt_tab_default_border);
 }
@@ -30,71 +36,76 @@
 .delta {
   transition: all var(--zd_transition2);
 }
+
 .alpha {
-  font-size: var(--zd_font_size11) ;
+  padding: 0 18px;
+  font-size: 11px;
   line-height: 3;
-  padding: 0 var(--zd_size18) ;
 }
+
 .tabAlpha {
   composes: alpha;
   color: var(--zdt_tab_alpha_text);
 }
+
 .alphaHover:hover {
-  color: var(--zdt_tab_alpha_hover_text);
+  color: var(--zdt_base_color);
   background-color: var(--zdt_tab_alpha_hover_bg);
 }
+
 .alphaActive {
   composes: alpha;
   color: var(--zdt_tab_alpha_active_text);
 }
-.alphaActive_border, .betaActive_border {
+
+.alphaActive_border,
+.betaActive_border {
   border-color: var(--zdt_tab_alpha_active_border);
 }
+
 .deltaActive_border {
   border-color: var(--zdt_tab_delta_active_border);
 }
+
 .beta {
-  font-size: var(--zd_font_size14) ;
+  padding: 0 4px;
+  font-size: 14px;
   line-height: 4.2857;
+  margin-right: 40px;
   text-transform: capitalize;
-  padding: 0 var(--zd_size4) ;
-}
-[dir=ltr] .beta {
-  margin-right: var(--zd_size40) ;
-}
-[dir=rtl] .beta {
-  margin-left: var(--zd_size40) ;
 }
+
 .tabBeta {
   composes: beta;
   color: var(--zdt_tab_alpha_text);
 }
+
 .betaHover:hover {
-  color: var(--zdt_tab_alpha_hover_text);
+  color: var(--zdt_base_color);
 }
+
 .betaActive {
   composes: beta;
-  color: var(--zdt_tab_alpha_hover_text);
+  color: var(--zdt_base_color);
 }
+
 .delta {
-  font-size: var(--zd_font_size11) ;
+  padding: 0 4px;
+  font-size: 11px;
   line-height: 3;
-  padding: 0 var(--zd_size4) ;
-}
-[dir=ltr] .delta {
-  margin-right: var(--zd_size10) ;
-}
-[dir=rtl] .delta {
-  margin-left: var(--zd_size10) ;
+  margin-right: 10px;
 }
+
 .tabDelta {
   composes: delta;
   color: var(--zdt_tab_alpha_text);
 }
+
 .deltaHover:hover {
   color: var(--zdt_tab_alpha_active_text);
 }
+
 .deltaActive {
   composes: delta;
   color: var(--zdt_tab_alpha_active_text);
-}
+}

package/lib/v1/Tab/v1Tabs.module.css

@@ -5,16 +5,12 @@
 }
 
 .alpha {
-  height: var(--zd_size35) ;
-  background-color: var(--zdt_tabs_alpha_bg);
+  height: 35px;
+  background-color: var(--zdt_base_bg);
 }
 
-[dir=ltr] .alpha_padding {
-  padding-left: var(--zd_size15) ;
-}
-
-[dir=rtl] .alpha_padding {
-  padding-right: var(--zd_size15) ;
+.alpha_padding {
+  padding-left: 15px;
 }
 
 .alpha_border {
@@ -27,50 +23,32 @@
   content: '';
   position: absolute;
   z-index: -2;
-  width: 76% ;
-  bottom: 0 ;
-  height: var(--zd_size10) ;
+  width: 76%;
+  bottom: 0;
+  height: 10px;
+  left: 12%;
   border-radius: 100px / 5px;
   box-shadow: var(--zd_bs_tabs_shadow);
 }
 
-[dir=ltr] .alpha::after {
-  left: 12% ;
-}
-
-[dir=rtl] .alpha::after {
-  right: 12% ;
-}
-
 .alpha:before {
   content: '';
   position: absolute;
   z-index: -1;
-  width: 100% ;
-  height: 100% ;
-  top: 0 ;
+  width: 100%;
   background: inherit;
-}
-
-[dir=ltr] .alpha:before {
-  left: 0 ;
-}
-
-[dir=rtl] .alpha:before {
-  right: 0 ;
+  height: 100%;
+  left: 0;
+  top: 0;
 }
 
 .beta {
-  height: var(--zd_size61) ;
-  background-color: var(--zdt_tabs_alpha_bg);
-}
-
-[dir=ltr] .beta_padding {
-  padding-left: var(--zd_size13) ;
+  height: 61px;
+  background-color: var(--zdt_base_bg);
 }
 
-[dir=rtl] .beta_padding {
-  padding-right: var(--zd_size13) ;
+.beta_padding {
+  padding-left: 13px;
 }
 
 .beta_border {
@@ -78,16 +56,12 @@
 }
 
 .delta {
-  height: var(--zd_size35) ;
-  background-color: var(--zdt_tabs_alpha_bg);
+  height: 35px;
+  background-color: var(--zdt_base_bg);
 }
 
-[dir=ltr] .delta_padding {
-  padding-left: var(--zd_size10) ;
-}
-
-[dir=rtl] .delta_padding {
-  padding-right: var(--zd_size10) ;
+.delta_padding {
+  padding-left: 10px;
 }
 
 .delta_border {
@@ -99,12 +73,12 @@
 }
 
 .maxWidth {
-  max-width: 100% ;
+  max-width: 100%;
 }
 
 .highlight {
   position: absolute;
-  bottom: 0 ;
+  bottom: 0;
   border-bottom: 1px solid var(--zdt_tabs_highlight_border);
 }
 
@@ -118,20 +92,24 @@
 }
 
 .menuBox {
-  max-height: var(--zd_size220) ;
+  max-height: 220px;
 }
+
+/*rtl:begin:ignore*/
 .bottomRightToLeft,
 .topRightToLeft,
 .bottomCenterToLeft {
-  right: calc(var(--tab_position_gap) * -1); 
+  right: calc(var(--tab_position_gap) * -1);
 }
 
 .bottomLeftToRight,
 .topLeftToRight,
 .bottomCenterToRight {
-  left: calc(var(--tab_position_gap) * -1); 
+  left: calc(var(--tab_position_gap) * -1);
 }
 
+/*rtl:end:ignore*/
+
 .hidden {
   visibility: hidden;
 }

package/lib/v1/Tooltip/Tooltip.js

@@ -17,7 +17,7 @@ var _Config = require("../../Provider/Config");
 
 var _TooltipModule = _interopRequireDefault(require("../../Tooltip/Tooltip.module.css"));
 
-var _ResizeObserver = _interopRequireDefault(require("../Responsive/ResizeObserver"));
+var _ResizeObserver = _interopRequireDefault(require("../../Responsive/ResizeObserver"));
 
 var _selectn = _interopRequireDefault(require("selectn"));