@prom-ui/core 0.0.41 → 0.0.51

package/Box/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Box",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Button",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ButtonPageUp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ButtonPageUp",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Checkbox",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Flex/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Flex",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Grid/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Grid",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Icon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Icon",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Image/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Image",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ImageEmoji/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ImageEmoji",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Input",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/KeyPress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/KeyPress",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Line/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Line",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Link",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/List/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/List",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Media/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Media",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/OutsideClick/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/OutsideClick",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Overlay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Overlay",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Picture/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Picture",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/PortableOverlay/cjs/style.development.css

@@ -1 +1 @@
-.PortableOverlay__header___seSVI{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;height:50px;background:var(--violet-500);justify-content:space-between;align-items:center;padding:0 var(--pds-spacing-s)}.PortableOverlay__content___2dqdx{height:calc(100% - 50px)}.PortableOverlay__content___2dqdx::after{clear:both}.PortableOverlay__content___2dqdx::after,.PortableOverlay__content___2dqdx::before{content:"";display:table}.PortableOverlay__contentGrey___hNlfq{background:var(--black-100)}.PortableOverlay__item___hWWcF{width:40px}.PortableOverlay__itemTitle___Pewzr{flex:1;min-width:1px;overflow:hidden}.PortableOverlay__popupFullScreen___hiqqZ{max-width:100%}
+.PortableOverlay__header___seSVI{position:sticky;top:0;z-index:10;display:flex;height:50px;background:var(--violet-500);justify-content:space-between;align-items:center;padding:0 var(--pds-spacing-s)}.PortableOverlay__content___2dqdx{height:calc(100% - 50px)}.PortableOverlay__content___2dqdx::after{clear:both}.PortableOverlay__content___2dqdx::after,.PortableOverlay__content___2dqdx::before{content:"";display:table}.PortableOverlay__contentGrey___hNlfq{background:var(--black-100)}.PortableOverlay__item___hWWcF{width:40px}.PortableOverlay__itemTitle___Pewzr{flex:1;min-width:1px;overflow:hidden}.PortableOverlay__popupFullScreen___hiqqZ{max-width:100%}

package/PortableOverlay/cjs/style.production.css

@@ -1 +1 @@
-.seSVI{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;height:50px;background:var(--violet-500);justify-content:space-between;align-items:center;padding:0 var(--pds-spacing-s)}._2dqdx{height:calc(100% - 50px)}._2dqdx::after{clear:both}._2dqdx::after,._2dqdx::before{content:"";display:table}.hNlfq{background:var(--black-100)}.hWWcF{width:40px}.Pewzr{flex:1;min-width:1px;overflow:hidden}.hiqqZ{max-width:100%}
+.seSVI{position:sticky;top:0;z-index:10;display:flex;height:50px;background:var(--violet-500);justify-content:space-between;align-items:center;padding:0 var(--pds-spacing-s)}._2dqdx{height:calc(100% - 50px)}._2dqdx::after{clear:both}._2dqdx::after,._2dqdx::before{content:"";display:table}.hNlfq{background:var(--black-100)}.hWWcF{width:40px}.Pewzr{flex:1;min-width:1px;overflow:hidden}.hiqqZ{max-width:100%}

package/PortableOverlay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/PortableOverlay",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Portal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Portal",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Rating/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Rating",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/SafeQuery/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/SafeQuery",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Scroll/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Scroll",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ScrollControls/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ScrollControls",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/SideOverlay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/SideOverlay",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/SimpleSlider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/SimpleSlider",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Skeleton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Skeleton",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Spinner/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Spinner",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Text/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Text",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/TextEmoji/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/TextEmoji",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Tooltip/cjs/index.development.js

@@ -0,0 +1,151 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('classnames');
+var reactPopperTooltip = require('react-popper-tooltip');
+var reactTransitionGroup = require('react-transition-group');
+var Portal = require('@prom-ui/core/Portal');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+var css = {"content":"Tooltip__content___M5WYU","arrow":"Tooltip__arrow___sHrj0","animation":"Tooltip__animation___DYqdH","root":"Tooltip__root___Xkx-7","white":"Tooltip__white___6gvS7","black":"Tooltip__black___e8sBo","enter":"Tooltip__enter___amIjy","enterActive":"Tooltip__enterActive___oLDm5","enterDone":"Tooltip__enterDone___aZSAB","exit":"Tooltip__exit___FtdvP","exitActive":"Tooltip__exitActive___Vnj23","exitDone":"Tooltip__exitDone___er4Mu"};
+
+var Tooltip = function (_a) {
+  var children = _a.children,
+      content = _a.content,
+      isVisible = _a.isVisible,
+      onVisibleChange = _a.onVisibleChange,
+      _b = _a.isRenderPortal,
+      isRenderPortal = _b === void 0 ? true : _b,
+      _c = _a.isCloseOnOutsideClick,
+      isCloseOnOutsideClick = _c === void 0 ? true : _c,
+      _d = _a.isCloseOnTriggerHidden,
+      isCloseOnTriggerHidden = _d === void 0 ? true : _d,
+      _e = _a.isDefaultVisible,
+      isDefaultVisible = _e === void 0 ? false : _e,
+      _f = _a.isFollowCursor,
+      isFollowCursor = _f === void 0 ? false : _f,
+      _g = _a.isInteractive,
+      isInteractive = _g === void 0 ? false : _g,
+      _h = _a.isShowArrow,
+      isShowArrow = _h === void 0 ? true : _h,
+      _j = _a.delayHide,
+      delayHide = _j === void 0 ? 0 : _j,
+      _k = _a.delayShow,
+      delayShow = _k === void 0 ? 0 : _k,
+      _l = _a.trigger,
+      trigger = _l === void 0 ? 'hover' : _l,
+      _m = _a.placement,
+      placement = _m === void 0 ? 'auto' : _m,
+      _o = _a.theme,
+      theme = _o === void 0 ? 'white' : _o,
+      _p = _a.offset,
+      offset = _p === void 0 ? [0, 12] : _p,
+      _q = _a.padding,
+      padding = _q === void 0 ? 16 : _q,
+      _r = _a.width,
+      width = _r === void 0 ? 'auto' : _r,
+      _s = _a.zIndex,
+      zIndex = _s === void 0 ? 900 : _s;
+
+  var _t = reactPopperTooltip.usePopperTooltip({
+    trigger: trigger,
+    placement: placement,
+    delayHide: delayHide,
+    delayShow: delayShow,
+    onVisibleChange: onVisibleChange,
+    offset: offset,
+    defaultVisible: isDefaultVisible,
+    closeOnOutsideClick: isCloseOnOutsideClick,
+    closeOnTriggerHidden: isCloseOnTriggerHidden,
+    visible: isVisible,
+    followCursor: isFollowCursor,
+    interactive: isInteractive
+  }),
+      getArrowProps = _t.getArrowProps,
+      getTooltipProps = _t.getTooltipProps,
+      setTooltipRef = _t.setTooltipRef,
+      setTriggerRef = _t.setTriggerRef,
+      visible = _t.visible;
+
+  return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.cloneElement(children, {
+    ref: setTriggerRef
+  }), React__namespace.createElement(reactTransitionGroup.CSSTransition, {
+    classNames: css,
+    timeout: 166,
+    in: visible,
+    unmountOnExit: true
+  }, React__namespace.createElement(Portal.Portal, {
+    isActive: isRenderPortal
+  }, React__namespace.createElement("div", __assign({
+    ref: setTooltipRef
+  }, getTooltipProps({
+    className: classNames__default["default"](css.root, css[theme]),
+    style: {
+      width: width,
+      zIndex: zIndex
+    }
+  })), React__namespace.createElement("div", {
+    className: classNames__default["default"](css.animation)
+  }, isShowArrow && React__namespace.createElement("div", __assign({}, getArrowProps({
+    className: css.arrow
+  }))), React__namespace.createElement("div", {
+    className: css.content,
+    style: {
+      padding: padding
+    }
+  }, content))))));
+};
+
+exports.Tooltip = Tooltip;
+
+require('./style.development.css');

package/Tooltip/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),i=require("react-popper-tooltip"),r=require("react-transition-group"),o=require("@prom-ui/core/Portal");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var r=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,r.get?r:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var l=a(e),s=n(t),c=function(){return c=Object.assign||function(e){for(var t,i=1,r=arguments.length;i<r;i++)for(var o in t=arguments[i])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)},d={content:"M5WYU",arrow:"sHrj0",animation:"DYqdH",root:"Xkx-7",white:"_6gvS7",black:"e8sBo",enter:"amIjy",enterActive:"oLDm5",enterDone:"aZSAB",exit:"FtdvP",exitActive:"Vnj23",exitDone:"er4Mu"};exports.Tooltip=function(e){var t=e.children,n=e.content,a=e.isVisible,u=e.onVisibleChange,v=e.isRenderPortal,f=void 0===v||v,p=e.isCloseOnOutsideClick,m=void 0===p||p,g=e.isCloseOnTriggerHidden,b=void 0===g||g,O=e.isDefaultVisible,h=void 0!==O&&O,y=e.isFollowCursor,w=void 0!==y&&y,j=e.isInteractive,P=void 0!==j&&j,E=e.isShowArrow,x=void 0===E||E,C=e.delayHide,T=void 0===C?0:C,q=e.delayShow,S=void 0===q?0:q,A=e.trigger,D=void 0===A?"hover":A,H=e.placement,V=void 0===H?"auto":H,k=e.theme,N=void 0===k?"white":k,_=e.offset,I=void 0===_?[0,12]:_,M=e.padding,z=void 0===M?16:M,F=e.width,R=void 0===F?"auto":F,B=e.zIndex,Y=void 0===B?900:B,L=i.usePopperTooltip({trigger:D,placement:V,delayHide:T,delayShow:S,onVisibleChange:u,offset:I,defaultVisible:h,closeOnOutsideClick:m,closeOnTriggerHidden:b,visible:a,followCursor:w,interactive:P}),U=L.getArrowProps,W=L.getTooltipProps,X=L.setTooltipRef,Z=L.setTriggerRef,G=L.visible;return l.createElement(l.Fragment,null,l.cloneElement(t,{ref:Z}),l.createElement(r.CSSTransition,{classNames:d,timeout:166,in:G,unmountOnExit:!0},l.createElement(o.Portal,{isActive:f},l.createElement("div",c({ref:X},W({className:s.default(d.root,d[N]),style:{width:R,zIndex:Y}})),l.createElement("div",{className:s.default(d.animation)},x&&l.createElement("div",c({},U({className:d.arrow}))),l.createElement("div",{className:d.content,style:{padding:z}},n))))))},require("./style.production.css");

package/Tooltip/cjs/style.development.css

@@ -0,0 +1 @@
+.Tooltip__content___M5WYU{box-sizing:border-box;position:relative;border-radius:inherit}.Tooltip__content___M5WYU:after{clear:both}.Tooltip__content___M5WYU:before,.Tooltip__content___M5WYU:after{content:"";display:table}.Tooltip__arrow___sHrj0{box-sizing:border-box;position:absolute;pointer-events:none;width:24px;height:24px;padding:calc(24px/3)}.Tooltip__arrow___sHrj0:after{content:"";display:block;width:calc(24px/3);height:calc(24px/3);border:var(--border)}.Tooltip__animation___DYqdH{position:relative;border-radius:inherit;transition:opacity 166ms cubic-bezier(.4,0,.2,1) 0ms,transform 133ms cubic-bezier(.4,0,.2,1) 0ms;will-change:transform,opacity;opacity:1;transform:scale(1)}.Tooltip__root___Xkx-7{border-radius:var(--pds-round-m)}.Tooltip__root___Xkx-7[data-popper-placement=top] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=top-start] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=top-end] .Tooltip__animation___DYqdH{transform-origin:center bottom}.Tooltip__root___Xkx-7[data-popper-placement=top] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=top-start] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=top-end] .Tooltip__arrow___sHrj0{bottom:calc(24px/2*-1)}.Tooltip__root___Xkx-7[data-popper-placement=top] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=top-start] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=top-end] .Tooltip__arrow___sHrj0:after{transform:scaleY(2) rotate(45deg);border-bottom-right-radius:var(--pds-round-xs)}.Tooltip__root___Xkx-7[data-popper-placement=bottom] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=bottom-start] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=bottom-end] .Tooltip__animation___DYqdH{transform-origin:center top}.Tooltip__root___Xkx-7[data-popper-placement=bottom] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=bottom-start] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=bottom-end] .Tooltip__arrow___sHrj0{top:calc(24px/2*-1)}.Tooltip__root___Xkx-7[data-popper-placement=bottom] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=bottom-start] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=bottom-end] .Tooltip__arrow___sHrj0:after{transform:scaleY(2) rotate(45deg);border-top-left-radius:var(--pds-round-xs)}.Tooltip__root___Xkx-7[data-popper-placement=right] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=right-start] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=right-end] .Tooltip__animation___DYqdH{transform-origin:center left}.Tooltip__root___Xkx-7[data-popper-placement=right] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=right-start] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=right-end] .Tooltip__arrow___sHrj0{left:calc(24px/2*-1)}.Tooltip__root___Xkx-7[data-popper-placement=right] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=right-start] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=right-end] .Tooltip__arrow___sHrj0:after{transform:scaleX(2) rotate(45deg);border-bottom-left-radius:var(--pds-round-xs)}.Tooltip__root___Xkx-7[data-popper-placement=left] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=left-start] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=left-end] .Tooltip__animation___DYqdH{transform-origin:center right}.Tooltip__root___Xkx-7[data-popper-placement=left] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=left-start] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=left-end] .Tooltip__arrow___sHrj0{right:calc(24px/2*-1)}.Tooltip__root___Xkx-7[data-popper-placement=left] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=left-start] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=left-end] .Tooltip__arrow___sHrj0:after{transform:scaleX(2) rotate(45deg);border-top-right-radius:var(--pds-round-xs)}.Tooltip__white___6gvS7 .Tooltip__animation___DYqdH{box-shadow:0 0 10px rgba(147,148,156,.3)}.Tooltip__white___6gvS7 .Tooltip__content___M5WYU{color:var(--black-900);background:var(--white)}.Tooltip__white___6gvS7 .Tooltip__arrow___sHrj0:after{background:var(--white);box-shadow:0 0 10px rgba(147,148,156,.3)}.Tooltip__black___e8sBo .Tooltip__content___M5WYU{color:var(--white);background:var(--black-900)}.Tooltip__black___e8sBo .Tooltip__arrow___sHrj0:after{background:var(--black-900)}.Tooltip__enter___amIjy .Tooltip__animation___DYqdH{opacity:0;transform:scale(.94)}.Tooltip__enterActive___oLDm5 .Tooltip__animation___DYqdH,.Tooltip__enterDone___aZSAB .Tooltip__animation___DYqdH{opacity:1;transform:scale(1)}.Tooltip__exit___FtdvP .Tooltip__animation___DYqdH{opacity:1;transform:scale(1)}.Tooltip__exitActive___Vnj23 .Tooltip__animation___DYqdH,.Tooltip__exitDone___er4Mu .Tooltip__animation___DYqdH{opacity:0;transform:scale(.94)}

package/Tooltip/cjs/style.production.css

@@ -0,0 +1 @@
+.M5WYU{box-sizing:border-box;position:relative;border-radius:inherit}.M5WYU:after{clear:both}.M5WYU:before,.M5WYU:after{content:"";display:table}.sHrj0{box-sizing:border-box;position:absolute;pointer-events:none;width:24px;height:24px;padding:calc(24px/3)}.sHrj0:after{content:"";display:block;width:calc(24px/3);height:calc(24px/3);border:var(--border)}.DYqdH{position:relative;border-radius:inherit;transition:opacity 166ms cubic-bezier(.4,0,.2,1) 0ms,transform 133ms cubic-bezier(.4,0,.2,1) 0ms;will-change:transform,opacity;opacity:1;transform:scale(1)}.Xkx-7{border-radius:var(--pds-round-m)}.Xkx-7[data-popper-placement=top] .DYqdH,.Xkx-7[data-popper-placement=top-start] .DYqdH,.Xkx-7[data-popper-placement=top-end] .DYqdH{transform-origin:center bottom}.Xkx-7[data-popper-placement=top] .sHrj0,.Xkx-7[data-popper-placement=top-start] .sHrj0,.Xkx-7[data-popper-placement=top-end] .sHrj0{bottom:calc(24px/2*-1)}.Xkx-7[data-popper-placement=top] .sHrj0:after,.Xkx-7[data-popper-placement=top-start] .sHrj0:after,.Xkx-7[data-popper-placement=top-end] .sHrj0:after{transform:scaleY(2) rotate(45deg);border-bottom-right-radius:var(--pds-round-xs)}.Xkx-7[data-popper-placement=bottom] .DYqdH,.Xkx-7[data-popper-placement=bottom-start] .DYqdH,.Xkx-7[data-popper-placement=bottom-end] .DYqdH{transform-origin:center top}.Xkx-7[data-popper-placement=bottom] .sHrj0,.Xkx-7[data-popper-placement=bottom-start] .sHrj0,.Xkx-7[data-popper-placement=bottom-end] .sHrj0{top:calc(24px/2*-1)}.Xkx-7[data-popper-placement=bottom] .sHrj0:after,.Xkx-7[data-popper-placement=bottom-start] .sHrj0:after,.Xkx-7[data-popper-placement=bottom-end] .sHrj0:after{transform:scaleY(2) rotate(45deg);border-top-left-radius:var(--pds-round-xs)}.Xkx-7[data-popper-placement=right] .DYqdH,.Xkx-7[data-popper-placement=right-start] .DYqdH,.Xkx-7[data-popper-placement=right-end] .DYqdH{transform-origin:center left}.Xkx-7[data-popper-placement=right] .sHrj0,.Xkx-7[data-popper-placement=right-start] .sHrj0,.Xkx-7[data-popper-placement=right-end] .sHrj0{left:calc(24px/2*-1)}.Xkx-7[data-popper-placement=right] .sHrj0:after,.Xkx-7[data-popper-placement=right-start] .sHrj0:after,.Xkx-7[data-popper-placement=right-end] .sHrj0:after{transform:scaleX(2) rotate(45deg);border-bottom-left-radius:var(--pds-round-xs)}.Xkx-7[data-popper-placement=left] .DYqdH,.Xkx-7[data-popper-placement=left-start] .DYqdH,.Xkx-7[data-popper-placement=left-end] .DYqdH{transform-origin:center right}.Xkx-7[data-popper-placement=left] .sHrj0,.Xkx-7[data-popper-placement=left-start] .sHrj0,.Xkx-7[data-popper-placement=left-end] .sHrj0{right:calc(24px/2*-1)}.Xkx-7[data-popper-placement=left] .sHrj0:after,.Xkx-7[data-popper-placement=left-start] .sHrj0:after,.Xkx-7[data-popper-placement=left-end] .sHrj0:after{transform:scaleX(2) rotate(45deg);border-top-right-radius:var(--pds-round-xs)}._6gvS7 .DYqdH{box-shadow:0 0 10px rgba(147,148,156,.3)}._6gvS7 .M5WYU{color:var(--black-900);background:var(--white)}._6gvS7 .sHrj0:after{background:var(--white);box-shadow:0 0 10px rgba(147,148,156,.3)}.e8sBo .M5WYU{color:var(--white);background:var(--black-900)}.e8sBo .sHrj0:after{background:var(--black-900)}.amIjy .DYqdH{opacity:0;transform:scale(.94)}.oLDm5 .DYqdH,.aZSAB .DYqdH{opacity:1;transform:scale(1)}.FtdvP .DYqdH{opacity:1;transform:scale(1)}.Vnj23 .DYqdH,.er4Mu .DYqdH{opacity:0;transform:scale(.94)}

package/Tooltip/index.d.ts

@@ -0,0 +1,80 @@
+import * as React from 'react';
+declare type TypeTrigger = 'click' | 'right-click' | 'hover' | 'focus';
+declare type TypePlacement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+export declare type TooltipProps = {
+    /** Элемент триггера DOM */
+    children: React.ReactElement<any, any>;
+    /** Содержимое тултипа */
+    content: React.ReactNode;
+    /**
+     * Событие или события, вызывающие всплывающую подсказку. <br>
+     * `'click' | 'right-click' | 'hover' | 'focus'` <br>
+     */
+    trigger?: TypeTrigger | TypeTrigger[];
+    /**
+     * Предпочтительное размещение всплывающей подсказки.
+     * `'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';`
+     */
+    placement?: TypePlacement;
+    /** Тема */
+    theme?: 'white' | 'black';
+    /** Внутренний отступ подсказки, принимаем значение как в CSS */
+    padding?: string | number;
+    /** Ширина подсказки, принимаем значение как в CSS. */
+    width?: string | number;
+    /** CSS-свойство z-index */
+    zIndex?: string | number;
+    /**
+     * Если `true`, при наведении на всплывающую подсказку она останется открытой.
+     * <br>
+     * Это полезно, если вы хотите, чтобы пользователи могли взаимодействовать
+     * с содержимым всплывающей подсказки (выбирать и копировать текст, щелкать ссылку и т. д.).
+     * <br>
+     * В этом случае вы можете увеличить `delayHide` значение, чтобы дать пользователю больше времени на реакцию.
+    */
+    isInteractive?: boolean;
+    /** Начальное состояние видимости всплывающей подсказки при инициализации компонента. */
+    isDefaultVisible?: boolean;
+    /** Рендер в конец `<body>` */
+    isRenderPortal?: boolean;
+    /**
+     * Если `true`, закрывает всплывающую подсказку, <br>
+     * когда пользователь щелкает за пределами элемента триггера.
+     */
+    isCloseOnOutsideClick?: boolean;
+    /** Закрывать ли всплывающую подсказку, когда ее триггер выходит за границы. */
+    isCloseOnTriggerHidden?: boolean;
+    /**
+     * Состояние видимости всплывающей подсказки. <br>
+     * Используйте этот реквизит, если хотите контролировать состояние всплывающей подсказки. <br>
+     * Обратите внимание, что `delayShow` и `delayHide` не используются, <br>
+     * если всплывающая подсказка управляется. <br>
+     * Вы должны применить задержку к своему внешнему состоянию.
+     */
+    isVisible?: boolean;
+    /**
+     * Если `true`, всплывающая подсказка будет придерживаться позиции курсора.
+     */
+    isFollowCursor?: boolean;
+    /**
+     * Если `false`, элемент стрелки не будет отображаться.
+     */
+    isShowArrow?: boolean;
+    /**
+     * Вызывается с состоянием всплывающей подсказки, <br>
+     * когда видимость всплывающей подсказки изменяется.
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    /** Задержка скрытия всплывающей подсказки `(мс)`. */
+    delayHide?: number;
+    /** Задержка показа всплывающей подсказки `(мс)`. */
+    delayShow?: number;
+    /**
+     * Всплывающая подсказка будет размещена на расстоянии 12 пикселей от элемента триггера
+     * <br>
+     * (чтобы оставить достаточно места для элемента стрелки).
+     */
+    offset?: [number, number];
+};
+export declare const Tooltip: React.FC<TooltipProps>;
+export {};

package/Tooltip/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/index.production.js');
+} else {
+  module.exports = require('./cjs/index.development.js');
+}

package/Tooltip/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@prom-ui/core/Tooltip",
+  "version": "0.0.51",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "dependencies": {
+    "classnames": "^2.3.1",
+    "react-popper-tooltip": "^4.4.2",
+    "react-transition-group": "^4.4.2"
+  }
+}

package/Tumbler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tumbler",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prom-ui/core",
   "author": "e.marchenko",
-  "version": "0.0.41",
+  "version": "0.0.51",
   "description": "core ui blocks",
   "scripts": {
     "test": "jest",
@@ -42,7 +42,7 @@
     "evokit-text": "^3.2.0",
     "intersection-observer": "^0.12.0",
     "react-easy-swipe": "^0.0.22",
-    "react-popper-tooltip": "2.10.1",
+    "react-popper-tooltip": "^4.4.2",
     "react-responsive": "^8.1.0",
     "react-scrolllock": "^5.0.1",
     "react-transition-group": "^4.4.2",
@@ -62,5 +62,5 @@
       "optional": true
     }
   },
-  "gitHead": "f4dd793b86ee8e7df9cf48cfabdb91ee0717b5ba"
+  "gitHead": "cc348d760ef9cde11e0a129bc392fa79bf285890"
 }