@prom-ui/core 0.0.72 → 0.0.80

package/Avatar/package.json

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

package/Body/package.json

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

package/Box/package.json

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

package/Button/package.json

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

package/ButtonPageUp/cjs/index.development.js

@@ -93,17 +93,21 @@ var defaultProps = {
 };
 var ButtonPageUp = React__namespace.memo(function (_a) {
   var children = _a.children,
-      scrollDelay = _a.scrollDelay,
-      scrollOffset = _a.scrollOffset,
       scrollRef = _a.scrollRef,
       onClick = _a.onClick,
-      margin = _a.margin,
-      zIndex = _a.zIndex,
-      props = __rest(_a, ["children", "scrollDelay", "scrollOffset", "scrollRef", "onClick", "margin", "zIndex"]);
+      _b = _a.scrollDelay,
+      scrollDelay = _b === void 0 ? 100 : _b,
+      _c = _a.scrollOffset,
+      scrollOffset = _c === void 0 ? 100 : _c,
+      _d = _a.margin,
+      margin = _d === void 0 ? '0 18px 18px 0' : _d,
+      _e = _a.zIndex,
+      zIndex = _e === void 0 ? 10 : _e,
+      props = __rest(_a, ["children", "scrollRef", "onClick", "scrollDelay", "scrollOffset", "margin", "zIndex"]);
 
-  var _b = React__namespace.useState(false),
-      visible = _b[0],
-      setVisible = _b[1];
+  var _f = React__namespace.useState(false),
+      visible = _f[0],
+      setVisible = _f[1];
 
   var getRootElement = function () {
     return (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.documentElement;

package/ButtonPageUp/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("ttag"),r=require("ts-debounce"),n=require("@prom-ui/core/Portal"),o=require("@prom-ui/core/Button"),l=require("@prom-ui/core/Icon"),i=require("@prom-ui/icons/ArrowUp");function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=c(e),a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};var s,f={position:"fixed",right:0,bottom:0,width:"100%"},p={position:"sticky",bottom:0,height:0,width:"100%"},d=u.memo((function(e){var c=e.children,d=e.scrollDelay,m=e.scrollOffset,b=e.scrollRef,v=e.onClick,y=e.margin,O=e.zIndex,h=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["children","scrollDelay","scrollOffset","scrollRef","onClick","margin","zIndex"]),g=u.useState(!1),j=g[0],w=g[1],P=function(){return(null==b?void 0:b.current)||document.documentElement},x=r.debounce((function(){var e=P(),t=e.scrollHeight-e.clientHeight>0,r=e.scrollTop>=m;w(t&&r)}),d);if(u.useEffect((function(){var e=(null==b?void 0:b.current)||document;return e.addEventListener("resize",x),e.addEventListener("scroll",x),x(),function(){e.removeEventListener("resize",x),e.removeEventListener("scroll",x)}}),[]),!j)return null;var E,q,z=(null==b?void 0:b.current)?u.Fragment:n.Portal,I=(null==b?void 0:b.current)?p:f;return u.createElement(z,null,u.createElement("div",{style:a(a({},I),{zIndex:O})},u.createElement(o.Button,a({"button-padding":"xs","button-theme":"white","button-round":"full","aria-label":t.t(s||(E=["Наверх"],q=["Наверх"],Object.defineProperty?Object.defineProperty(E,"raw",{value:q}):E.raw=q,s=E))},h,{style:{position:"absolute",right:0,bottom:0,margin:y},onClick:function(e){"function"==typeof v&&v(e),P().scroll({top:0,behavior:"smooth"})}}),c||u.createElement(l.Icon,{"icon-as":i.ArrowUp,style:{width:24,height:24}}))))}));d.defaultProps={scrollDelay:100,scrollOffset:100,margin:"0 18px 18px 0",zIndex:10},exports.ButtonPageUp=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("ttag"),r=require("ts-debounce"),o=require("@prom-ui/core/Portal"),n=require("@prom-ui/core/Button"),i=require("@prom-ui/core/Icon"),l=require("@prom-ui/icons/ArrowUp");function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=c(e),a=function(){return a=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},a.apply(this,arguments)};var s,f={position:"fixed",right:0,bottom:0,width:"100%"},d={position:"sticky",bottom:0,height:0,width:"100%"},p=u.memo((function(e){var c=e.children,p=e.scrollRef,v=e.onClick,m=e.scrollDelay,b=void 0===m?100:m,y=e.scrollOffset,O=void 0===y?100:y,h=e.margin,g=void 0===h?"0 18px 18px 0":h,j=e.zIndex,x=void 0===j?10:j,w=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}(e,["children","scrollRef","onClick","scrollDelay","scrollOffset","margin","zIndex"]),P=u.useState(!1),E=P[0],q=P[1],z=function(){return(null==p?void 0:p.current)||document.documentElement},I=r.debounce((function(){var e=z(),t=e.scrollHeight-e.clientHeight>0,r=e.scrollTop>=O;q(t&&r)}),b);if(u.useEffect((function(){var e=(null==p?void 0:p.current)||document;return e.addEventListener("resize",I),e.addEventListener("scroll",I),I(),function(){e.removeEventListener("resize",I),e.removeEventListener("scroll",I)}}),[]),!E)return null;var k,D,L=(null==p?void 0:p.current)?u.Fragment:o.Portal,_=(null==p?void 0:p.current)?d:f;return u.createElement(L,null,u.createElement("div",{style:a(a({},_),{zIndex:x})},u.createElement(n.Button,a({"button-padding":"xs","button-theme":"white","button-round":"full","aria-label":t.t(s||(k=["Наверх"],D=["Наверх"],Object.defineProperty?Object.defineProperty(k,"raw",{value:D}):k.raw=D,s=k))},w,{style:{position:"absolute",right:0,bottom:0,margin:g},onClick:function(e){"function"==typeof v&&v(e),z().scroll({top:0,behavior:"smooth"})}}),c||u.createElement(i.Icon,{"icon-as":l.ArrowUp,style:{width:24,height:24}}))))}));p.defaultProps={scrollDelay:100,scrollOffset:100,margin:"0 18px 18px 0",zIndex:10},exports.ButtonPageUp=p;

package/ButtonPageUp/index.d.ts

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { ButtonProps } from '@prom-ui/core/Button';
 export declare type ButtonPageUpProps = ButtonProps & {
     /** Задержка в `ms` */
-    scrollDelay: number;
+    scrollDelay?: number;
     /** Смещение скрола для отображения в `px` */
-    scrollOffset: number;
+    scrollOffset?: number;
     scrollRef?: React.RefObject<HTMLElement>;
     /** Для аналитики */
     onClick?: (e: MouseEvent) => void;

package/ButtonPageUp/package.json

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

package/Checkbox/package.json

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

package/Flex/package.json

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

package/Grid/package.json

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

package/Icon/package.json

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

package/Image/package.json

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

package/ImageEmoji/package.json

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

package/Input/package.json

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

package/KeyPress/package.json

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

package/Line/package.json

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

package/Link/package.json

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

package/List/package.json

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

package/Media/package.json

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

package/OutsideClick/package.json

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

package/Overlay/blocks.d.ts

@@ -3,12 +3,13 @@ export declare const Root: any;
 export declare const Backdrop: any;
 export declare const Popup: any;
 export declare const OverlayContent: any;
-export declare const OverlayBody: any;
 declare type AnimateProps = {
     enabled?: boolean;
     open?: boolean;
-    onEnter?: () => void;
     children?: React.ReactNode;
+    onEnter?: () => void;
+    onEntered?: () => void;
+    onExited?: () => void;
 };
 declare type OverlayHeaderProps = {
     isShowPrevButton?: boolean;

package/Overlay/cjs/index.development.js

@@ -6,6 +6,7 @@ var React = require('react');
 var ScrollLock = require('react-scrolllock');
 var KeyPress = require('@prom-ui/core/KeyPress');
 var Portal = require('@prom-ui/core/Portal');
+var Media = require('@prom-ui/core/Media');
 var ttag = require('ttag');
 var evokit = require('evokit');
 var reactTransitionGroup = require('react-transition-group');
@@ -82,7 +83,7 @@ function __makeTemplateObject(cooked, raw) {
     return cooked;
 }
 
-var css = {"root":"Overlay__root___v0oYp","backdrop":"Overlay__backdrop___RvRWz","popup":"Overlay__popup___elIqJ","popup_placement_top":"Overlay__popup_placement_top___Llv4b","popup_placement_bottom":"Overlay__popup_placement_bottom___DJyNc","popup_placement_right":"Overlay__popup_placement_right___4DX3c","popup_placement_left":"Overlay__popup_placement_left___OwkR7","body":"Overlay__body___fvbis","content":"Overlay__content___5qQ0k","header":"Overlay__header___LIk9z","header__grid":"Overlay__header__grid___SShy4","header__item":"Overlay__header__item___9fUzS","header__title":"Overlay__header__title___Vuilz Overlay__header__item___9fUzS","header__action":"Overlay__header__action___c-A8d Overlay__header__item___9fUzS","header__actionButton":"Overlay__header__actionButton___yYG24","header__actionIcon":"Overlay__header__actionIcon___La2ok","footer":"Overlay__footer___3Ca-G","enter":"Overlay__enter___OjeZp","exit":"Overlay__exit___HiHMU","enterActive":"Overlay__enterActive___Ne-Vn","exitActive":"Overlay__exitActive___6f7f1"};
+var css = {"root":"Overlay__root___v0oYp","backdrop":"Overlay__backdrop___RvRWz","popup":"Overlay__popup___elIqJ","popup_placement_top":"Overlay__popup_placement_top___Llv4b","popup_placement_bottom":"Overlay__popup_placement_bottom___DJyNc","popup_placement_right":"Overlay__popup_placement_right___4DX3c","popup_placement_left":"Overlay__popup_placement_left___OwkR7","content":"Overlay__content___5qQ0k","header":"Overlay__header___LIk9z","header__grid":"Overlay__header__grid___SShy4","header__item":"Overlay__header__item___9fUzS","header__title":"Overlay__header__title___Vuilz Overlay__header__item___9fUzS","header__action":"Overlay__header__action___c-A8d Overlay__header__item___9fUzS","header__actionButton":"Overlay__header__actionButton___yYG24","header__actionIcon":"Overlay__header__actionIcon___La2ok","footer":"Overlay__footer___3Ca-G","enter":"Overlay__enter___OjeZp","exit":"Overlay__exit___HiHMU","enterActive":"Overlay__enterActive___Ne-Vn","exitActive":"Overlay__exitActive___6f7f1"};
 
 var BLOCKS_PRESET = {
   css: css,
@@ -92,20 +93,23 @@ var Root = evokit.createBlock('div', 'root', [], BLOCKS_PRESET);
 var Backdrop = evokit.createBlock('div', 'backdrop', [], BLOCKS_PRESET);
 var Popup = evokit.createBlock('div', 'popup', ['placement'], BLOCKS_PRESET);
 var OverlayContent = evokit.createBlock('div', 'content', [], BLOCKS_PRESET);
-var OverlayBody = evokit.createBlock('div', 'body', [], BLOCKS_PRESET);
 var Animate = function (_a) {
   var _b = _a.open,
       open = _b === void 0 ? false : _b,
       children = _a.children,
       _c = _a.enabled,
       enabled = _c === void 0 ? true : _c,
-      onEnter = _a.onEnter;
+      onEnter = _a.onEnter,
+      onEntered = _a.onEntered,
+      onExited = _a.onExited;
   return React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
     in: open,
     timeout: enabled ? 225 : 0,
     classNames: css,
     unmountOnExit: true,
-    onEnter: onEnter
+    onEnter: onEnter,
+    onEntered: onEntered,
+    onExited: onExited
   }, children);
 };
 var OverlayHeader = function (_a) {
@@ -161,23 +165,28 @@ var OverlayFooter = function (_a) {
 };
 var templateObject_1, templateObject_2;
 
-var getPopupStyle = function (placement, size) {
+var getPopupStyle = function (placement, size, maxSize) {
   if (['top', 'bottom'].includes(placement)) {
     return {
-      height: size
+      height: size,
+      maxHeight: maxSize
     };
   }
 
   return {
-    width: size
+    width: size,
+    maxWidth: maxSize
   };
 };
 
+var DEFAULT_SIZE = 400;
 var Overlay = function (_a) {
   var children = _a.children,
       onClose = _a.onClose,
       onOpen = _a.onOpen,
       onPrev = _a.onPrev,
+      onOpened = _a.onOpened,
+      onClosed = _a.onClosed,
       isOpen = _a.isOpen,
       _b = _a.isShowCloseButton,
       isShowCloseButton = _b === void 0 ? true : _b,
@@ -201,21 +210,43 @@ var Overlay = function (_a) {
       padding = _k === void 0 ? '20px 20px 20px 20px' : _k,
       title = _a.title,
       _l = _a.placement,
-      placement = _l === void 0 ? 'right' : _l,
+      placement = _l === void 0 ? 'adaptive' : _l,
       _m = _a.size,
-      size = _m === void 0 ? 400 : _m,
-      _o = _a.zIndex,
-      zIndex = _o === void 0 ? 5000 : _o,
+      size = _m === void 0 ? 'adaptive' : _m,
+      _o = _a.maxSize,
+      maxSize = _o === void 0 ? '90%' : _o,
+      _p = _a.zIndex,
+      zIndex = _p === void 0 ? 5000 : _p,
       contentRef = _a.contentRef,
       dataQaId = _a.dataQaId,
-      props = __rest(_a, ["children", "onClose", "onOpen", "onPrev", "isOpen", "isShowCloseButton", "isShowPrevButton", "isCloseOnEscape", "isAnimated", "isCloseOutsideClick", "isRenderPortal", "isScrollLock", "isScrollLockTouch", "header", "footer", "padding", "title", "placement", "size", "zIndex", "contentRef", "dataQaId"]);
+      props = __rest(_a, ["children", "onClose", "onOpen", "onPrev", "onOpened", "onClosed", "isOpen", "isShowCloseButton", "isShowPrevButton", "isCloseOnEscape", "isAnimated", "isCloseOutsideClick", "isRenderPortal", "isScrollLock", "isScrollLockTouch", "header", "footer", "padding", "title", "placement", "size", "maxSize", "zIndex", "contentRef", "dataQaId"]);
 
+  var currentPlacement = placement;
+  var currentSize = size;
+  var isMinWidthMedium = Media.useMedia({
+    minWidth: 'medium'
+  });
   var ScrollableWrapper = isScrollLockTouch ? ScrollLock.TouchScrollable : React__namespace.Fragment;
+
+  if (size === 'adaptive') {
+    if (placement === 'top' || placement === 'bottom') {
+      currentSize = 'auto';
+    } else if (placement === 'adaptive') {
+      currentSize = isMinWidthMedium ? DEFAULT_SIZE : 'auto';
+    } else {
+      currentSize = DEFAULT_SIZE;
+    }
+  }
+
+  if (placement === 'adaptive') {
+    currentPlacement = isMinWidthMedium ? 'right' : 'bottom';
+  }
+
   return React__namespace.createElement(Animate, {
     open: isOpen,
-    onEnter: function () {
-      onOpen && onOpen();
-    },
+    onEnter: onOpen,
+    onEntered: onOpened,
+    onExited: onClosed,
     enabled: isAnimated
   }, React__namespace.createElement(Portal.Portal, {
     isActive: isRenderPortal
@@ -238,23 +269,23 @@ var Overlay = function (_a) {
       }
     }
   }), React__namespace.createElement(Popup, {
-    "popup-placement": placement,
+    "popup-placement": currentPlacement,
     "aria-modal": true,
     role: 'dialog',
-    style: getPopupStyle(placement, size),
+    style: getPopupStyle(currentPlacement, currentSize, maxSize),
     "data-qaid": dataQaId
-  }, React__namespace.createElement(OverlayBody, null, React__namespace.createElement(OverlayHeader, {
+  }, React__namespace.createElement(OverlayHeader, {
     isShowCloseButton: isShowCloseButton,
     isShowPrevButton: isShowPrevButton,
     onClose: onClose,
     onPrev: onPrev,
     title: title
-  }, header), React__namespace.createElement(ScrollableWrapper, null, React__namespace.createElement(OverlayContent, {
+  }, header), React__namespace.createElement(OverlayFooter, null, footer), React__namespace.createElement(ScrollableWrapper, null, React__namespace.createElement(OverlayContent, {
     ref: contentRef,
     style: {
       padding: padding
     }
-  }, children)), React__namespace.createElement(OverlayFooter, null, footer))))));
+  }, children))))));
 };
 
 exports.Overlay = Overlay;

package/Overlay/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("@prom-ui/core/KeyPress"),o=require("@prom-ui/core/Portal"),n=require("ttag"),a=require("evokit"),i=require("react-transition-group"),c=require("@prom-ui/core/Text"),l=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),u=require("@prom-ui/icons/Close"),s=require("@prom-ui/icons/ArrowBack");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var m=p(e),v=f(e),h=p(t),_=function(){return _=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},_.apply(this,arguments)};function b(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var y,E,O={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",body:"fvbis",content:"_5qQ0k",header:"LIk9z",header__grid:"SShy4",header__item:"_9fUzS",header__title:"Vuilz _9fUzS",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1"},k={css:O,b:""},g=a.createBlock("div","root",[],k),P=a.createBlock("div","backdrop",[],k),w=a.createBlock("div","popup",["placement"],k),S=a.createBlock("div","content",[],k),B=a.createBlock("div","body",[],k),C=function(e){var t=e.open,r=void 0!==t&&t,o=e.children,n=e.enabled,a=void 0===n||n,c=e.onEnter;return m.default.createElement(i.CSSTransition,{in:r,timeout:a?225:0,classNames:O,unmountOnExit:!0,onEnter:c},o)},x=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,a=e.title,i=e.onClose,p=e.onPrev;return m.default.createElement("div",{className:O.header},void 0!==o?o:m.default.createElement("div",{className:O.header__grid},m.default.createElement("div",{className:O.header__action},t&&m.default.createElement(l.Button,{className:O.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:p,"aria-label":n.t(y||(y=b(["Назад"],["Назад"]))),"data-qaid":"prev"},m.default.createElement(d.Icon,{"icon-as":s.ArrowBack,className:O.header__actionIcon}))),m.default.createElement("div",{className:O.header__title},"string"==typeof a?m.default.createElement(c.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},a):a),m.default.createElement("div",{className:O.header__action},r&&i&&m.default.createElement(l.Button,{className:O.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":n.t(E||(E=b(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},m.default.createElement(d.Icon,{"icon-as":u.Close,className:O.header__actionIcon})))))},q=function(e){var t=e.children;return m.default.createElement("div",{className:O.footer},t)},j=function(e,t){return["top","bottom"].includes(e)?{height:t}:{width:t}};exports.Overlay=function(e){var n=e.children,a=e.onClose,i=e.onOpen,c=e.onPrev,l=e.isOpen,d=e.isShowCloseButton,u=void 0===d||d,s=e.isShowPrevButton,p=void 0!==s&&s,f=e.isCloseOnEscape,m=void 0===f||f,b=e.isAnimated,y=void 0===b||b,E=e.isCloseOutsideClick,O=void 0===E||E,k=e.isRenderPortal,I=void 0===k||k,z=e.isScrollLock,N=void 0===z||z,A=e.isScrollLockTouch,L=void 0===A||A,R=e.header,T=e.footer,D=e.padding,U=void 0===D?"20px 20px 20px 20px":D,K=e.title,M=e.placement,Q=void 0===M?"right":M,G=e.size,H=void 0===G?400:G,J=e.zIndex,V=void 0===J?5e3:J,Y=e.contentRef,F=e.dataQaId,W=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}(e,["children","onClose","onOpen","onPrev","isOpen","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isAnimated","isCloseOutsideClick","isRenderPortal","isScrollLock","isScrollLockTouch","header","footer","padding","title","placement","size","zIndex","contentRef","dataQaId"]),X=L?t.TouchScrollable:v.Fragment;return v.createElement(C,{open:l,onEnter:function(){i&&i()},enabled:y},v.createElement(o.Portal,{isActive:I},v.createElement(g,_({role:"presentation",style:{zIndex:V}},W),v.createElement(h.default,{isActive:N}),v.createElement(r.KeyPress,{isActive:m,code:"Escape",onKeyDown:a}),v.createElement(P,{"aria-hidden":!0,onClick:function(e){O&&a&&a(e)}}),v.createElement(w,{"popup-placement":Q,"aria-modal":!0,role:"dialog",style:j(Q,H),"data-qaid":F},v.createElement(B,null,v.createElement(x,{isShowCloseButton:u,isShowPrevButton:p,onClose:a,onPrev:c,title:K},R),v.createElement(X,null,v.createElement(S,{ref:Y,style:{padding:U}},n)),v.createElement(q,null,T))))))},require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),o=require("@prom-ui/core/KeyPress"),r=require("@prom-ui/core/Portal"),n=require("@prom-ui/core/Media"),a=require("ttag"),i=require("evokit"),c=require("react-transition-group"),l=require("@prom-ui/core/Text"),d=require("@prom-ui/core/Button"),u=require("@prom-ui/core/Icon"),s=require("@prom-ui/icons/Close"),p=require("@prom-ui/icons/ArrowBack");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var f=m(e),h=v(e),_=m(t),b=function(){return b=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},b.apply(this,arguments)};function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var O,y,x={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",content:"_5qQ0k",header:"LIk9z",header__grid:"SShy4",header__item:"_9fUzS",header__title:"Vuilz _9fUzS",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1"},k={css:x,b:""},g=i.createBlock("div","root",[],k),S=i.createBlock("div","backdrop",[],k),C=i.createBlock("div","popup",["placement"],k),P=i.createBlock("div","content",[],k),w=function(e){var t=e.open,o=void 0!==t&&t,r=e.children,n=e.enabled,a=void 0===n||n,i=e.onEnter,l=e.onEntered,d=e.onExited;return f.default.createElement(c.CSSTransition,{in:o,timeout:a?225:0,classNames:x,unmountOnExit:!0,onEnter:i,onEntered:l,onExited:d},r)},q=function(e){var t=e.isShowPrevButton,o=e.isShowCloseButton,r=e.children,n=e.title,i=e.onClose,c=e.onPrev;return f.default.createElement("div",{className:x.header},void 0!==r?r:f.default.createElement("div",{className:x.header__grid},f.default.createElement("div",{className:x.header__action},t&&f.default.createElement(d.Button,{className:x.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:c,"aria-label":a.t(O||(O=E(["Назад"],["Назад"]))),"data-qaid":"prev"},f.default.createElement(u.Icon,{"icon-as":p.ArrowBack,className:x.header__actionIcon}))),f.default.createElement("div",{className:x.header__title},"string"==typeof n?f.default.createElement(l.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},n):n),f.default.createElement("div",{className:x.header__action},o&&i&&f.default.createElement(d.Button,{className:x.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":a.t(y||(y=E(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},f.default.createElement(u.Icon,{"icon-as":s.Close,className:x.header__actionIcon})))))},B=function(e){var t=e.children;return f.default.createElement("div",{className:x.footer},t)},j=function(e,t,o){return["top","bottom"].includes(e)?{height:t,maxHeight:o}:{width:t,maxWidth:o}};exports.Overlay=function(e){var a=e.children,i=e.onClose,c=e.onOpen,l=e.onPrev,d=e.onOpened,u=e.onClosed,s=e.isOpen,p=e.isShowCloseButton,m=void 0===p||p,v=e.isShowPrevButton,f=void 0!==v&&v,E=e.isCloseOnEscape,O=void 0===E||E,y=e.isAnimated,x=void 0===y||y,k=e.isCloseOutsideClick,z=void 0===k||k,I=e.isRenderPortal,N=void 0===I||I,A=e.isScrollLock,L=void 0===A||A,R=e.isScrollLockTouch,T=void 0===R||R,M=e.header,D=e.footer,U=e.padding,H=void 0===U?"20px 20px 20px 20px":U,K=e.title,Q=e.placement,W=void 0===Q?"adaptive":Q,G=e.size,J=void 0===G?"adaptive":G,V=e.maxSize,Y=void 0===V?"90%":V,F=e.zIndex,X=void 0===F?5e3:F,Z=e.contentRef,$=e.dataQaId,ee=function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(o[r[n]]=e[r[n]])}return o}(e,["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isAnimated","isCloseOutsideClick","isRenderPortal","isScrollLock","isScrollLockTouch","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId"]),te=W,oe=J,re=n.useMedia({minWidth:"medium"}),ne=T?t.TouchScrollable:h.Fragment;return"adaptive"===J&&(oe="top"===W||"bottom"===W?"auto":"adaptive"===W?re?400:"auto":400),"adaptive"===W&&(te=re?"right":"bottom"),h.createElement(w,{open:s,onEnter:c,onEntered:d,onExited:u,enabled:x},h.createElement(r.Portal,{isActive:N},h.createElement(g,b({role:"presentation",style:{zIndex:X}},ee),h.createElement(_.default,{isActive:L}),h.createElement(o.KeyPress,{isActive:O,code:"Escape",onKeyDown:i}),h.createElement(S,{"aria-hidden":!0,onClick:function(e){z&&i&&i(e)}}),h.createElement(C,{"popup-placement":te,"aria-modal":!0,role:"dialog",style:j(te,oe,Y),"data-qaid":$},h.createElement(q,{isShowCloseButton:m,isShowPrevButton:f,onClose:i,onPrev:l,title:K},M),h.createElement(B,null,D),h.createElement(ne,null,h.createElement(P,{ref:Z,style:{padding:H}},a))))))},require("./style.production.css");

package/Overlay/cjs/style.development.css

@@ -1 +1 @@
-.Overlay__root___v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.Overlay__backdrop___RvRWz{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.5;background-color:var(--black-400);-webkit-tap-highlight-color:transparent;will-change:opacity}.Overlay__popup___elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.Overlay__popup_placement_top___Llv4b,.Overlay__popup_placement_bottom___DJyNc,.Overlay__popup_placement_right___4DX3c,.Overlay__popup_placement_left___OwkR7{transform:none;will-change:transform}.Overlay__popup_placement_top___Llv4b,.Overlay__popup_placement_bottom___DJyNc{right:0;left:0;max-height:90%}.Overlay__popup_placement_right___4DX3c,.Overlay__popup_placement_left___OwkR7{top:0;bottom:0;max-width:90%}.Overlay__popup_placement_top___Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.Overlay__popup_placement_bottom___DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}.Overlay__popup_placement_right___4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.Overlay__popup_placement_left___OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.Overlay__body___fvbis{width:100%;height:100%;pointer-events:auto;display:flex;flex-direction:column;transform:translate3d(0,0,0)}.Overlay__content___5qQ0k{flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.Overlay__content___5qQ0k:after{clear:both}.Overlay__content___5qQ0k:before,.Overlay__content___5qQ0k:after{content:"";display:table}.Overlay__header___LIk9z{box-sizing:border-box;flex:0}.Overlay__header___LIk9z:after{clear:both}.Overlay__header___LIk9z:before,.Overlay__header___LIk9z:after{content:"";display:table}.Overlay__header__grid___SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}.Overlay__header__item___9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Overlay__header__title___Vuilz{flex:1}.Overlay__header__action___c-A8d{min-width:34px}.Overlay__header__actionButton___yYG24{padding:0;width:34px;height:34px}.Overlay__header__actionIcon___La2ok{width:24px;height:24px}.Overlay__footer___3Ca-G{box-sizing:border-box;flex:0}.Overlay__footer___3Ca-G:after{clear:both}.Overlay__footer___3Ca-G:before,.Overlay__footer___3Ca-G:after{content:"";display:table}.Overlay__enter___OjeZp,.Overlay__exit___HiHMU{pointer-events:auto}.Overlay__enterActive___Ne-Vn,.Overlay__exitActive___6f7f1{pointer-events:none}.Overlay__enterActive___Ne-Vn .Overlay__backdrop___RvRWz,.Overlay__exitActive___6f7f1 .Overlay__backdrop___RvRWz{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transition:transform 225ms cubic-bezier(.4,0,.2,1) 0ms}.Overlay__enter___OjeZp .Overlay__backdrop___RvRWz{opacity:0}.Overlay__enter___OjeZp .Overlay__popup_placement_top___Llv4b{transform:translateY(-100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_right___4DX3c{transform:translateX(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_bottom___DJyNc{transform:translateY(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_left___OwkR7{transform:translateX(-100%)}.Overlay__enterActive___Ne-Vn .Overlay__backdrop___RvRWz{opacity:.5}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exit___HiHMU .Overlay__backdrop___RvRWz{opacity:.5}.Overlay__exit___HiHMU .Overlay__popup_placement_top___Llv4b,.Overlay__exit___HiHMU .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__exit___HiHMU .Overlay__popup_placement_left___OwkR7,.Overlay__exit___HiHMU .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exitActive___6f7f1 .Overlay__backdrop___RvRWz{opacity:0}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b{transform:translateY(calc(-100% - 80px))}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c{transform:translateX(calc(100% + 80px))}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc{transform:translateY(calc(100% + 80px))}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transform:translateX(calc(-100% - 80px))}
+.Overlay__root___v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.Overlay__backdrop___RvRWz{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.4;background-color:var(--black-900);-webkit-tap-highlight-color:transparent}.Overlay__popup___elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box;display:flex;flex-direction:column;transform:none}.Overlay__popup_placement_top___Llv4b,.Overlay__popup_placement_bottom___DJyNc{right:0;left:0}.Overlay__popup_placement_right___4DX3c,.Overlay__popup_placement_left___OwkR7{top:0;bottom:0}.Overlay__popup_placement_top___Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.Overlay__popup_placement_bottom___DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}.Overlay__popup_placement_right___4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.Overlay__popup_placement_left___OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.Overlay__content___5qQ0k{order:2;flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.Overlay__content___5qQ0k:after{clear:both}.Overlay__content___5qQ0k:before,.Overlay__content___5qQ0k:after{content:"";display:table}.Overlay__header___LIk9z{order:1;flex:0;box-sizing:border-box;border-top-right-radius:inherit;border-top-left-radius:inherit}.Overlay__header___LIk9z:after{clear:both}.Overlay__header___LIk9z:before,.Overlay__header___LIk9z:after{content:"";display:table}.Overlay__header___LIk9z:empty~.Overlay__content___5qQ0k{border-top-right-radius:inherit;border-top-left-radius:inherit}.Overlay__header__grid___SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}.Overlay__header__item___9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Overlay__header__title___Vuilz{flex:1}.Overlay__header__action___c-A8d{min-width:34px}.Overlay__header__actionButton___yYG24{padding:0;width:34px;height:34px}.Overlay__header__actionIcon___La2ok{width:24px;height:24px}.Overlay__footer___3Ca-G{order:3;flex:0;box-sizing:border-box;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.Overlay__footer___3Ca-G:after{clear:both}.Overlay__footer___3Ca-G:before,.Overlay__footer___3Ca-G:after{content:"";display:table}.Overlay__footer___3Ca-G:empty~.Overlay__content___5qQ0k{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.Overlay__enter___OjeZp,.Overlay__exit___HiHMU{pointer-events:auto}.Overlay__enterActive___Ne-Vn,.Overlay__exitActive___6f7f1{pointer-events:none}.Overlay__enterActive___Ne-Vn .Overlay__backdrop___RvRWz,.Overlay__exitActive___6f7f1 .Overlay__backdrop___RvRWz{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transition:transform 225ms cubic-bezier(0,0,.2,1) 0ms}.Overlay__enter___OjeZp .Overlay__backdrop___RvRWz{opacity:0}.Overlay__enter___OjeZp .Overlay__popup_placement_top___Llv4b{transform:translateY(-100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_right___4DX3c{transform:translateX(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_bottom___DJyNc{transform:translateY(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_left___OwkR7{transform:translateX(-100%)}.Overlay__enterActive___Ne-Vn .Overlay__backdrop___RvRWz{opacity:.4}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exit___HiHMU .Overlay__backdrop___RvRWz{opacity:.4}.Overlay__exit___HiHMU .Overlay__popup_placement_top___Llv4b,.Overlay__exit___HiHMU .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__exit___HiHMU .Overlay__popup_placement_left___OwkR7,.Overlay__exit___HiHMU .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exitActive___6f7f1 .Overlay__backdrop___RvRWz{opacity:0}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b{transform:translateY(-100%)}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c{transform:translateX(100%)}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc{transform:translateY(100%)}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transform:translateX(-100%)}

package/Overlay/cjs/style.production.css

@@ -1 +1 @@
-.v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.RvRWz{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.5;background-color:var(--black-400);-webkit-tap-highlight-color:transparent;will-change:opacity}.elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.Llv4b,.DJyNc,._4DX3c,.OwkR7{transform:none;will-change:transform}.Llv4b,.DJyNc{right:0;left:0;max-height:90%}._4DX3c,.OwkR7{top:0;bottom:0;max-width:90%}.Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}._4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.fvbis{width:100%;height:100%;pointer-events:auto;display:flex;flex-direction:column;transform:translate3d(0,0,0)}._5qQ0k{flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}._5qQ0k:after{clear:both}._5qQ0k:before,._5qQ0k:after{content:"";display:table}.LIk9z{box-sizing:border-box;flex:0}.LIk9z:after{clear:both}.LIk9z:before,.LIk9z:after{content:"";display:table}.SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}._9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Vuilz{flex:1}.c-A8d{min-width:34px}.yYG24{padding:0;width:34px;height:34px}.La2ok{width:24px;height:24px}._3Ca-G{box-sizing:border-box;flex:0}._3Ca-G:after{clear:both}._3Ca-G:before,._3Ca-G:after{content:"";display:table}.OjeZp,.HiHMU{pointer-events:auto}.Ne-Vn,._6f7f1{pointer-events:none}.Ne-Vn .RvRWz,._6f7f1 .RvRWz{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.Ne-Vn .Llv4b,._6f7f1 .Llv4b,.Ne-Vn ._4DX3c,._6f7f1 ._4DX3c,.Ne-Vn .DJyNc,._6f7f1 .DJyNc,.Ne-Vn .OwkR7,._6f7f1 .OwkR7{transition:transform 225ms cubic-bezier(.4,0,.2,1) 0ms}.OjeZp .RvRWz{opacity:0}.OjeZp .Llv4b{transform:translateY(-100%)}.OjeZp ._4DX3c{transform:translateX(100%)}.OjeZp .DJyNc{transform:translateY(100%)}.OjeZp .OwkR7{transform:translateX(-100%)}.Ne-Vn .RvRWz{opacity:.5}.Ne-Vn .Llv4b,.Ne-Vn .DJyNc{transform:translateY(0)}.Ne-Vn .OwkR7,.Ne-Vn ._4DX3c{transform:translateX(0)}.HiHMU .RvRWz{opacity:.5}.HiHMU .Llv4b,.HiHMU .DJyNc{transform:translateY(0)}.HiHMU .OwkR7,.HiHMU ._4DX3c{transform:translateX(0)}._6f7f1 .RvRWz{opacity:0}._6f7f1 .Llv4b{transform:translateY(calc(-100% - 80px))}._6f7f1 ._4DX3c{transform:translateX(calc(100% + 80px))}._6f7f1 .DJyNc{transform:translateY(calc(100% + 80px))}._6f7f1 .OwkR7{transform:translateX(calc(-100% - 80px))}
+.v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.RvRWz{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.4;background-color:var(--black-900);-webkit-tap-highlight-color:transparent}.elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box;display:flex;flex-direction:column;transform:none}.Llv4b,.DJyNc{right:0;left:0}._4DX3c,.OwkR7{top:0;bottom:0}.Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}._4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}._5qQ0k{order:2;flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}._5qQ0k:after{clear:both}._5qQ0k:before,._5qQ0k:after{content:"";display:table}.LIk9z{order:1;flex:0;box-sizing:border-box;border-top-right-radius:inherit;border-top-left-radius:inherit}.LIk9z:after{clear:both}.LIk9z:before,.LIk9z:after{content:"";display:table}.LIk9z:empty~._5qQ0k{border-top-right-radius:inherit;border-top-left-radius:inherit}.SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}._9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Vuilz{flex:1}.c-A8d{min-width:34px}.yYG24{padding:0;width:34px;height:34px}.La2ok{width:24px;height:24px}._3Ca-G{order:3;flex:0;box-sizing:border-box;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}._3Ca-G:after{clear:both}._3Ca-G:before,._3Ca-G:after{content:"";display:table}._3Ca-G:empty~._5qQ0k{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.OjeZp,.HiHMU{pointer-events:auto}.Ne-Vn,._6f7f1{pointer-events:none}.Ne-Vn .RvRWz,._6f7f1 .RvRWz{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.Ne-Vn .Llv4b,._6f7f1 .Llv4b,.Ne-Vn ._4DX3c,._6f7f1 ._4DX3c,.Ne-Vn .DJyNc,._6f7f1 .DJyNc,.Ne-Vn .OwkR7,._6f7f1 .OwkR7{transition:transform 225ms cubic-bezier(0,0,.2,1) 0ms}.OjeZp .RvRWz{opacity:0}.OjeZp .Llv4b{transform:translateY(-100%)}.OjeZp ._4DX3c{transform:translateX(100%)}.OjeZp .DJyNc{transform:translateY(100%)}.OjeZp .OwkR7{transform:translateX(-100%)}.Ne-Vn .RvRWz{opacity:.4}.Ne-Vn .Llv4b,.Ne-Vn .DJyNc{transform:translateY(0)}.Ne-Vn .OwkR7,.Ne-Vn ._4DX3c{transform:translateX(0)}.HiHMU .RvRWz{opacity:.4}.HiHMU .Llv4b,.HiHMU .DJyNc{transform:translateY(0)}.HiHMU .OwkR7,.HiHMU ._4DX3c{transform:translateX(0)}._6f7f1 .RvRWz{opacity:0}._6f7f1 .Llv4b{transform:translateY(-100%)}._6f7f1 ._4DX3c{transform:translateX(100%)}._6f7f1 .DJyNc{transform:translateY(100%)}._6f7f1 .OwkR7{transform:translateX(-100%)}

package/Overlay/index.d.ts

@@ -1,5 +1,27 @@
 import * as React from 'react';
 export declare type OverlayProps = React.ComponentProps<"div"> & {
+    /**
+     * Расположение
+     * <br>
+     * - `adaptive` = `isMinWidthMedium ? 'right' : 'bottom'`
+     * */
+    placement?: 'adaptive' | 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Ширина или высота взависимости от **placement**
+     * <br>
+     * - `auto` размер по контенту
+     * <br>
+     * - `adaptive` размер относительно свойства **placement**:
+     * <br>
+     * &nbsp;&nbsp; **top | bottom** = `auto`
+     * <br>
+     * &nbsp;&nbsp; **left | right** = `400`
+     * <br>
+     * &nbsp;&nbsp; **adaptive** = `isMinWidthMedium ? 400 : 'auto'`
+     * */
+    size?: string | number;
+    /** Максимальная ширина или высота взависимости от **placement** */
+    maxSize: string | number;
     /** Состояние, открыто или нет */
     isOpen: boolean;
     /** Заголовок */
@@ -30,14 +52,14 @@ export declare type OverlayProps = React.ComponentProps<"div"> & {
     onOpen?: () => void;
     /** Handle для закрытия попапа */
     onClose: (e: any) => void;
+    /** Срабатывает когда попап открыт и закончилась анимация */
+    onOpened?: () => void;
+    /** Срабатывает когда попап закрыт и закончилась анимация */
+    onClosed?: () => void;
     /** Событие при нажатии кнопки назад */
     onPrev?: (e: any) => void;
-    /** Расположение */
-    placement?: 'top' | 'right' | 'bottom' | 'left';
     /** Внутренние отступы */
     padding?: string | number;
-    /** Ширина или высота взависимости от placement */
-    size?: string | number;
     /** Размещением по z-оси */
     zIndex?: string | number;
     /** HTML Атрибут `data-qaid` для автотестов */

package/Overlay/package.json

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

package/Overlay/utils.d.ts

@@ -1,8 +1,10 @@
-declare type tPlacement = 'top' | 'right' | 'bottom' | 'left';
+declare type tPlacement = 'adaptive' | 'top' | 'right' | 'bottom' | 'left';
 declare type tSize = string | number;
 declare type tGetPopupStyle = {
     height?: tSize;
     width?: tSize;
+    maxHeight?: tSize;
+    maxWidth?: tSize;
 };
-export declare const getPopupStyle: (placement: tPlacement, size: tSize) => tGetPopupStyle;
+export declare const getPopupStyle: (placement: tPlacement, size: tSize, maxSize: tSize) => tGetPopupStyle;
 export {};

package/Picture/package.json

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

package/PortableOverlay/package.json

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

package/Portal/package.json

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

package/QRCode/package.json

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

package/Rating/package.json

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

package/SafeQuery/package.json

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

package/Scroll/package.json

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

package/ScrollControls/package.json

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

package/SideOverlay/package.json

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

package/SimpleSlider/cjs/index.development.js

@@ -130,20 +130,20 @@ var getTrackStyle = function (_a) {
   };
 };
 
-var css = {"root":"SimpleSlider__root___WuTIM","track":"SimpleSlider__track___G8BYu","trackItem":"SimpleSlider__trackItem___94Eq7","buttonCommon":"SimpleSlider__buttonCommon___I5yQD","buttonPrev":"SimpleSlider__buttonPrev___UqTOk SimpleSlider__buttonCommon___I5yQD","buttonNext":"SimpleSlider__buttonNext___BbLNv SimpleSlider__buttonCommon___I5yQD","buttonIcon":"SimpleSlider__buttonIcon___89h6n","showOnHoverButtons":"SimpleSlider__showOnHoverButtons___yssoj","dots":"SimpleSlider__dots___E7g4J","dotsItem":"SimpleSlider__dotsItem___cbWCu","dotsButton":"SimpleSlider__dotsButton___7N4yb","showOnHoverDots":"SimpleSlider__showOnHoverDots___ig5DV"};
+var css = {"root":"SimpleSlider__root___WuTIM","track":"SimpleSlider__track___G8BYu","trackItem":"SimpleSlider__trackItem___94Eq7","buttonCommon":"SimpleSlider__buttonCommon___I5yQD","buttonPrev":"SimpleSlider__buttonPrev___UqTOk SimpleSlider__buttonCommon___I5yQD","buttonNext":"SimpleSlider__buttonNext___BbLNv SimpleSlider__buttonCommon___I5yQD","buttonIcon":"SimpleSlider__buttonIcon___89h6n","showOnHoverButtons":"SimpleSlider__showOnHoverButtons___yssoj","dots":"SimpleSlider__dots___E7g4J","dotsTransparent":"SimpleSlider__dotsTransparent___v-ZWk","dotsItem":"SimpleSlider__dotsItem___cbWCu","dotsButton":"SimpleSlider__dotsButton___7N4yb","showOnHoverDots":"SimpleSlider__showOnHoverDots___ig5DV"};
 
 var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
-  var _b;
+  var _b, _c;
 
-  var _c = _a.autoPlay,
-      autoPlay = _c === void 0 ? 0 : _c,
+  var _d = _a.autoPlay,
+      autoPlay = _d === void 0 ? 0 : _d,
       children = _a.children,
       className = _a.className,
-      _d = _a.duration,
-      duration = _d === void 0 ? 500 : _d,
+      _e = _a.duration,
+      duration = _e === void 0 ? 500 : _e,
       height = _a.height,
-      _e = _a.infinite,
-      infinite = _e === void 0 ? false : _e,
+      _f = _a.infinite,
+      infinite = _f === void 0 ? false : _f,
       ratio = _a.ratio,
       style = _a.style,
       width = _a.width,
@@ -154,25 +154,27 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
       onClickButtonPrev = _a.onClickButtonPrev,
       onSwipeNext = _a.onSwipeNext,
       onSwipePrev = _a.onSwipePrev,
-      _f = _a.showOnHoverButtons,
-      showOnHoverButtons = _f === void 0 ? false : _f,
-      _g = _a.showOnHoverDots,
-      showOnHoverDots = _g === void 0 ? false : _g,
-      props = __rest(_a, ["autoPlay", "children", "className", "duration", "height", "infinite", "ratio", "style", "width", "onChangeIndex", "onClickDot", "onClickItem", "onClickButtonNext", "onClickButtonPrev", "onSwipeNext", "onSwipePrev", "showOnHoverButtons", "showOnHoverDots"]);
+      _g = _a.showOnHoverButtons,
+      showOnHoverButtons = _g === void 0 ? false : _g,
+      _h = _a.showOnHoverDots,
+      showOnHoverDots = _h === void 0 ? false : _h,
+      _j = _a.isDotsTransparent,
+      isDotsTransparent = _j === void 0 ? false : _j,
+      props = __rest(_a, ["autoPlay", "children", "className", "duration", "height", "infinite", "ratio", "style", "width", "onChangeIndex", "onClickDot", "onClickItem", "onClickButtonNext", "onClickButtonPrev", "onSwipeNext", "onSwipePrev", "showOnHoverButtons", "showOnHoverDots", "isDotsTransparent"]);
 
   var refTrack = React__namespace.useRef(null);
   var transitionRunning = React__namespace.useRef(false);
 
-  var _h = React__namespace.useState(false),
-      disableAutoPlay = _h[0],
-      setDisableAutoPlay = _h[1];
+  var _k = React__namespace.useState(false),
+      disableAutoPlay = _k[0],
+      setDisableAutoPlay = _k[1];
 
-  var _j = React__namespace.useState({
+  var _l = React__namespace.useState({
     index: 0,
     offset: undefined
   }),
-      position = _j[0],
-      setPosition = _j[1];
+      position = _l[0],
+      setPosition = _l[1];
 
   var childrenCount = React__namespace.Children.count(children);
   var childrenArray = React__namespace.Children.toArray(children);
@@ -267,15 +269,15 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
     });
   };
 
-  var _k = useAutoPlay(function () {
+  var _m = useAutoPlay(function () {
     if (transitionRunning.current || isDisableNext) return;
     setPosition({
       index: nextIndex,
       offset: undefined
     });
   }, autoPlay),
-      startAutoPlay = _k[0],
-      stopAutoPlay = _k[1];
+      startAutoPlay = _m[0],
+      stopAutoPlay = _m[1];
 
   var handleTransitionStart = function () {
     transitionRunning.current = true;
@@ -408,7 +410,7 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
   }, React__namespace.createElement("path", {
     d: 'M22.875 60.375L16 54l20.125-22L16 10l6.875-6.375L48.5 32z'
   })))), isShowDots && React__namespace.createElement("ul", {
-    className: css.dots
+    className: classNames__default["default"](css.dots, (_c = {}, _c[css.dotsTransparent] = isDotsTransparent, _c))
   }, childrenArray.map(function (child, index) {
     var viewIndex = index + 1;
     return React__namespace.createElement("li", {

package/SimpleSlider/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("ttag"),n=require("react-easy-swipe"),r=require("classnames");require("intersection-observer");var i=require("@prom-ui/core/Button");function o(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(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=a(e),u=o(n),s=o(r),l=function(){return l=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},l.apply(this,arguments)};function f(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var d,v,p,m=function(e){return!!e&&/\d\/\d/.test(e)},h=function(e,t){return Math.abs((e%t+t)%t)},y=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},w=function(e){var t=e.width,n=e.height,r=e.ratio,i=e.style,o=m(r);return l({width:t,height:o?"auto":n,maxWidth:o?"100%":"none",aspectRatio:o?r:void 0},i)},x=function(e){var t=e.index,n=e.childrenCount,r=e.duration,i=e.offset,o="number"==typeof i,a=o?i:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:o?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},b="WuTIM",g="G8BYu",E="_94Eq7",O="UqTOk I5yQD",N="BbLNv I5yQD",C="_89h6n",k="yssoj",j="E7g4J",S="cbWCu",P="_7N4yb",B="ig5DV",q=c.forwardRef((function(n,r){var o,a,q,_,L,I=n.autoPlay,M=void 0===I?0:I,D=n.children,R=n.className,T=n.duration,H=void 0===T?500:T,z=n.height,W=n.infinite,Q=void 0!==W&&W,A=n.ratio,F=n.style,G=n.width,J=n.onChangeIndex,U=n.onClickDot,V=n.onClickItem,X=n.onClickButtonNext,Y=n.onClickButtonPrev,K=n.onSwipeNext,Z=n.onSwipePrev,$=n.showOnHoverButtons,ee=void 0!==$&&$,te=n.showOnHoverDots,ne=void 0!==te&&te,re=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(n,["autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots"]),ie=c.useRef(null),oe=c.useRef(!1),ae=c.useState(!1),ce=ae[0],ue=ae[1],se=c.useState({index:0,offset:void 0}),le=se[0],fe=se[1],de=c.Children.count(D),ve=c.Children.toArray(D),pe=!Q&&0===le.index,me=!Q&&le.index===de-1,he=de>1,ye=de>1,we=!ce&&M>0,xe=le.index-1,be=le.index+1,ge=h(le.index,de),Ee=h(xe,de),Oe=h(be,de),Ne=(a=function(){oe.current||me||fe({index:be,offset:void 0})},q=M,_=e.useRef(null),[function(){L(),_.current=setTimeout(a,q)},L=function(){clearTimeout(_.current)}]),Ce=Ne[0],ke=Ne[1],je=function(){oe.current=!0,ke()},Se=function(){oe.current=!1,we&&Ce(),le.index in ve||fe({index:ge,offset:0}),"function"==typeof J&&J(ge)};return c.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Ce():ke()}));return null===(e=ie.current)||void 0===e||e.addEventListener("transitionstart",je),null===(t=ie.current)||void 0===t||t.addEventListener("transitionend",Se),we&&ie.current&&n.observe(ie.current),function(){var e,t;null===(e=ie.current)||void 0===e||e.removeEventListener("transitionstart",je),null===(t=ie.current)||void 0===t||t.removeEventListener("transitionend",Se),ke(),n.disconnect()}}),[le.index,we]),c.createElement(u.default,l({ref:r,onSwipeLeft:function(){oe.current||me||("function"==typeof K&&K(Oe),fe({index:be,offset:void 0}))},onSwipeRight:function(){oe.current||pe||("function"==typeof Z&&Z(Ee),fe({index:xe,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(oe.current||t.touches&&t.touches.length>1)){var r=n;(pe&&n>0||me&&n<0)&&(r=0),fe({index:le.index,offset:r})}},className:s.default(b,R,(o={},o[k]=ee,o[B]=ne,o)),style:w({width:G,height:z,ratio:A,style:F}),onSwipeStart:function(){return ue(!0)},onSwipeEnd:function(){return ue(!1)},onMouseEnter:function(){return ue(!0)},onMouseLeave:function(){return ue(!1)}},re),m(A)&&c.createElement("div",{style:y(A)}),c.createElement("ul",{ref:ie,className:g,style:x({index:Q?le.index+1:le.index,childrenCount:Q?de+2:de,duration:H,offset:le.offset})},Q&&c.createElement("li",{className:E},ve[ve.length-1]),ve.map((function(e,t){return c.createElement("li",{key:e.key,className:E,onClick:function(){"function"==typeof V&&V(t)},"data-qaid":"image_slider_".concat(t)},e)})),Q&&c.createElement("li",{className:E},ve[0])),he&&c.createElement(c.Fragment,null,c.createElement(i.Button,{type:"button",className:O,onClick:function(){oe.current||pe||("function"==typeof Y&&Y(Ee),fe({index:xe,offset:void 0}))},disabled:pe,"aria-label":t.t(d||(d=f(["Показать предыдущий баннер"],["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},c.createElement("svg",{className:C,width:18,height:18,viewBox:"0 0 64 64",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{d:"M41.625 60.375L16 32 41.625 3.625 48.5 10 28.375 32 48.5 54z"}))),c.createElement(i.Button,{type:"button",className:N,onClick:function(){oe.current||me||("function"==typeof X&&X(Oe),fe({index:be,offset:void 0}))},disabled:me,"aria-label":t.t(v||(v=f(["Показать следующий баннер"],["Показать следующий баннер"]))),"data-qaid":"next_image"},c.createElement("svg",{className:C,width:18,height:18,viewBox:"0 0 64 64",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{d:"M22.875 60.375L16 54l20.125-22L16 10l6.875-6.375L48.5 32z"})))),ye&&c.createElement("ul",{className:j},ve.map((function(e,n){var r=n+1;return c.createElement("li",{className:S,key:e.key},c.createElement(i.Button,{className:P,type:"button",onClick:function(){return e=n,void(oe.current||("function"==typeof U&&U(e),fe({index:e,offset:void 0})));var e},disabled:n===ge,"aria-label":t.t(p||(p=f(["Показать баннер номер ",""],["Показать баннер номер ",""])),r),"data-qaid":"view_image_".concat(r)},r))}))))}));exports.SimpleSlider=q,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("ttag"),n=require("react-easy-swipe"),r=require("classnames");require("intersection-observer");var i=require("@prom-ui/core/Button");function o(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(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=a(e),u=o(n),s=o(r),l=function(){return l=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},l.apply(this,arguments)};function f(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var d,v,p,m=function(e){return!!e&&/\d\/\d/.test(e)},h=function(e,t){return Math.abs((e%t+t)%t)},y=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},w=function(e){var t=e.width,n=e.height,r=e.ratio,i=e.style,o=m(r);return l({width:t,height:o?"auto":n,maxWidth:o?"100%":"none",aspectRatio:o?r:void 0},i)},x=function(e){var t=e.index,n=e.childrenCount,r=e.duration,i=e.offset,o="number"==typeof i,a=o?i:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:o?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},b="WuTIM",g="G8BYu",E="_94Eq7",O="UqTOk I5yQD",N="BbLNv I5yQD",k="_89h6n",C="yssoj",j="E7g4J",S="v-ZWk",P="cbWCu",B="_7N4yb",q="ig5DV",_=c.forwardRef((function(n,r){var o,a,_,L,D,I,M=n.autoPlay,T=void 0===M?0:M,R=n.children,H=n.className,W=n.duration,z=void 0===W?500:W,Q=n.height,A=n.infinite,F=void 0!==A&&A,G=n.ratio,J=n.style,U=n.width,V=n.onChangeIndex,X=n.onClickDot,Y=n.onClickItem,Z=n.onClickButtonNext,K=n.onClickButtonPrev,$=n.onSwipeNext,ee=n.onSwipePrev,te=n.showOnHoverButtons,ne=void 0!==te&&te,re=n.showOnHoverDots,ie=void 0!==re&&re,oe=n.isDotsTransparent,ae=void 0!==oe&&oe,ce=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(n,["autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"]),ue=c.useRef(null),se=c.useRef(!1),le=c.useState(!1),fe=le[0],de=le[1],ve=c.useState({index:0,offset:void 0}),pe=ve[0],me=ve[1],he=c.Children.count(R),ye=c.Children.toArray(R),we=!F&&0===pe.index,xe=!F&&pe.index===he-1,be=he>1,ge=he>1,Ee=!fe&&T>0,Oe=pe.index-1,Ne=pe.index+1,ke=h(pe.index,he),Ce=h(Oe,he),je=h(Ne,he),Se=(_=function(){se.current||xe||me({index:Ne,offset:void 0})},L=T,D=e.useRef(null),[function(){I(),D.current=setTimeout(_,L)},I=function(){clearTimeout(D.current)}]),Pe=Se[0],Be=Se[1],qe=function(){se.current=!0,Be()},_e=function(){se.current=!1,Ee&&Pe(),pe.index in ye||me({index:ke,offset:0}),"function"==typeof V&&V(ke)};return c.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Pe():Be()}));return null===(e=ue.current)||void 0===e||e.addEventListener("transitionstart",qe),null===(t=ue.current)||void 0===t||t.addEventListener("transitionend",_e),Ee&&ue.current&&n.observe(ue.current),function(){var e,t;null===(e=ue.current)||void 0===e||e.removeEventListener("transitionstart",qe),null===(t=ue.current)||void 0===t||t.removeEventListener("transitionend",_e),Be(),n.disconnect()}}),[pe.index,Ee]),c.createElement(u.default,l({ref:r,onSwipeLeft:function(){se.current||xe||("function"==typeof $&&$(je),me({index:Ne,offset:void 0}))},onSwipeRight:function(){se.current||we||("function"==typeof ee&&ee(Ce),me({index:Oe,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(se.current||t.touches&&t.touches.length>1)){var r=n;(we&&n>0||xe&&n<0)&&(r=0),me({index:pe.index,offset:r})}},className:s.default(b,H,(o={},o[C]=ne,o[q]=ie,o)),style:w({width:U,height:Q,ratio:G,style:J}),onSwipeStart:function(){return de(!0)},onSwipeEnd:function(){return de(!1)},onMouseEnter:function(){return de(!0)},onMouseLeave:function(){return de(!1)}},ce),m(G)&&c.createElement("div",{style:y(G)}),c.createElement("ul",{ref:ue,className:g,style:x({index:F?pe.index+1:pe.index,childrenCount:F?he+2:he,duration:z,offset:pe.offset})},F&&c.createElement("li",{className:E},ye[ye.length-1]),ye.map((function(e,t){return c.createElement("li",{key:e.key,className:E,onClick:function(){"function"==typeof Y&&Y(t)},"data-qaid":"image_slider_".concat(t)},e)})),F&&c.createElement("li",{className:E},ye[0])),be&&c.createElement(c.Fragment,null,c.createElement(i.Button,{type:"button",className:O,onClick:function(){se.current||we||("function"==typeof K&&K(Ce),me({index:Oe,offset:void 0}))},disabled:we,"aria-label":t.t(d||(d=f(["Показать предыдущий баннер"],["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},c.createElement("svg",{className:k,width:18,height:18,viewBox:"0 0 64 64",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{d:"M41.625 60.375L16 32 41.625 3.625 48.5 10 28.375 32 48.5 54z"}))),c.createElement(i.Button,{type:"button",className:N,onClick:function(){se.current||xe||("function"==typeof Z&&Z(je),me({index:Ne,offset:void 0}))},disabled:xe,"aria-label":t.t(v||(v=f(["Показать следующий баннер"],["Показать следующий баннер"]))),"data-qaid":"next_image"},c.createElement("svg",{className:k,width:18,height:18,viewBox:"0 0 64 64",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{d:"M22.875 60.375L16 54l20.125-22L16 10l6.875-6.375L48.5 32z"})))),ge&&c.createElement("ul",{className:s.default(j,(a={},a[S]=ae,a))},ye.map((function(e,n){var r=n+1;return c.createElement("li",{className:P,key:e.key},c.createElement(i.Button,{className:B,type:"button",onClick:function(){return e=n,void(se.current||("function"==typeof X&&X(e),me({index:e,offset:void 0})));var e},disabled:n===ke,"aria-label":t.t(p||(p=f(["Показать баннер номер ",""],["Показать баннер номер ",""])),r),"data-qaid":"view_image_".concat(r)},r))}))))}));exports.SimpleSlider=_,require("./style.production.css");

package/SimpleSlider/cjs/style.development.css

@@ -1 +1 @@
-.SimpleSlider__root___WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SimpleSlider__track___G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}.SimpleSlider__trackItem___94Eq7{position:relative;display:block;flex:1;min-width:0}.SimpleSlider__buttonCommon___I5yQD{position:absolute;top:50%;transform:translateY(-50%);font-weight:400;border:0;border-radius:4px;background:var(--white);box-shadow:0 0 10px rgba(0,0,0,.08);padding:0;width:30px;height:66px;max-height:70%}.SimpleSlider__buttonCommon___I5yQD:disabled{opacity:.3;pointer-events:auto}.SimpleSlider__buttonCommon___I5yQD:active{background:var(--black-200)}.SimpleSlider__buttonPrev___UqTOk{left:0;margin-left:8px}.SimpleSlider__buttonNext___BbLNv{right:0;margin-right:8px}.SimpleSlider__buttonIcon___89h6n{fill:currentColor}.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonNext___BbLNv{right:-40px}.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonPrev___UqTOk{left:-40px}.SimpleSlider__dots___E7g4J{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;list-style:none;padding:4px 8px;margin:0 0 8px;background:var(--white);border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.08);transition:bottom 150ms ease-in-out}.SimpleSlider__dotsItem___cbWCu{display:block}.SimpleSlider__dotsItem___cbWCu+.SimpleSlider__dotsItem___cbWCu{margin-left:6px}.SimpleSlider__dotsButton___7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400)}.SimpleSlider__dotsButton___7N4yb:hover{background:var(--black-500)}.SimpleSlider__dotsButton___7N4yb:disabled{background:var(--yellow-500)}.SimpleSlider__showOnHoverDots___ig5DV .SimpleSlider__dots___E7g4J{bottom:-24px}@media (hover:hover){.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonNext___BbLNv{right:0}.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonPrev___UqTOk{left:0}.SimpleSlider__showOnHoverDots___ig5DV:hover .SimpleSlider__dots___E7g4J{bottom:0}}
+.SimpleSlider__root___WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SimpleSlider__track___G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}.SimpleSlider__trackItem___94Eq7{position:relative;display:block;flex:1;min-width:0}.SimpleSlider__buttonCommon___I5yQD{position:absolute;top:50%;transform:translateY(-50%);font-weight:400;border:0;border-radius:4px;background:var(--white);box-shadow:0 0 10px rgba(0,0,0,.08);padding:0;width:30px;height:66px;max-height:70%}.SimpleSlider__buttonCommon___I5yQD:disabled{opacity:.3;pointer-events:auto}.SimpleSlider__buttonCommon___I5yQD:active{background:var(--black-200)}.SimpleSlider__buttonPrev___UqTOk{left:0;margin-left:8px}.SimpleSlider__buttonNext___BbLNv{right:0;margin-right:8px}.SimpleSlider__buttonIcon___89h6n{fill:currentColor}.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonNext___BbLNv{right:-40px}.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonPrev___UqTOk{left:-40px}.SimpleSlider__dots___E7g4J{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;list-style:none;padding:4px 8px;margin:0 0 8px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.08);transition:bottom 150ms ease-in-out}.SimpleSlider__dots___E7g4J:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.SimpleSlider__dotsTransparent___v-ZWk:before{opacity:.5}.SimpleSlider__dotsItem___cbWCu{display:block;position:relative}.SimpleSlider__dotsItem___cbWCu+.SimpleSlider__dotsItem___cbWCu{margin-left:6px}.SimpleSlider__dotsButton___7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.SimpleSlider__dotsButton___7N4yb:hover{background:var(--black-500)}.SimpleSlider__dotsButton___7N4yb:disabled{background:var(--yellow-500)}.SimpleSlider__showOnHoverDots___ig5DV .SimpleSlider__dots___E7g4J{bottom:-24px}@media (hover:hover){.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonNext___BbLNv{right:0}.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonPrev___UqTOk{left:0}.SimpleSlider__showOnHoverDots___ig5DV:hover .SimpleSlider__dots___E7g4J{bottom:0}}

package/SimpleSlider/cjs/style.production.css

@@ -1 +1 @@
-.WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._94Eq7{position:relative;display:block;flex:1;min-width:0}.I5yQD{position:absolute;top:50%;transform:translateY(-50%);font-weight:400;border:0;border-radius:4px;background:var(--white);box-shadow:0 0 10px rgba(0,0,0,.08);padding:0;width:30px;height:66px;max-height:70%}.I5yQD:disabled{opacity:.3;pointer-events:auto}.I5yQD:active{background:var(--black-200)}.UqTOk{left:0;margin-left:8px}.BbLNv{right:0;margin-right:8px}._89h6n{fill:currentColor}.yssoj .BbLNv{right:-40px}.yssoj .UqTOk{left:-40px}.E7g4J{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;list-style:none;padding:4px 8px;margin:0 0 8px;background:var(--white);border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.08);transition:bottom 150ms ease-in-out}.cbWCu{display:block}.cbWCu+.cbWCu{margin-left:6px}._7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400)}._7N4yb:hover{background:var(--black-500)}._7N4yb:disabled{background:var(--yellow-500)}.ig5DV .E7g4J{bottom:-24px}@media (hover:hover){.yssoj:hover .BbLNv{right:0}.yssoj:hover .UqTOk{left:0}.ig5DV:hover .E7g4J{bottom:0}}
+.WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._94Eq7{position:relative;display:block;flex:1;min-width:0}.I5yQD{position:absolute;top:50%;transform:translateY(-50%);font-weight:400;border:0;border-radius:4px;background:var(--white);box-shadow:0 0 10px rgba(0,0,0,.08);padding:0;width:30px;height:66px;max-height:70%}.I5yQD:disabled{opacity:.3;pointer-events:auto}.I5yQD:active{background:var(--black-200)}.UqTOk{left:0;margin-left:8px}.BbLNv{right:0;margin-right:8px}._89h6n{fill:currentColor}.yssoj .BbLNv{right:-40px}.yssoj .UqTOk{left:-40px}.E7g4J{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;list-style:none;padding:4px 8px;margin:0 0 8px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.08);transition:bottom 150ms ease-in-out}.E7g4J:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.v-ZWk:before{opacity:.5}.cbWCu{display:block;position:relative}.cbWCu+.cbWCu{margin-left:6px}._7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}._7N4yb:hover{background:var(--black-500)}._7N4yb:disabled{background:var(--yellow-500)}.ig5DV .E7g4J{bottom:-24px}@media (hover:hover){.yssoj:hover .BbLNv{right:0}.yssoj:hover .UqTOk{left:0}.ig5DV:hover .E7g4J{bottom:0}}

package/SimpleSlider/index.d.ts

@@ -15,6 +15,8 @@ export declare type SimpleSliderProps = {
     /** Соотношение сторон `16/9`, `4/3`, `1/1` или нестандартное `900/400` */
     ratio: string;
     style?: React.CSSProperties;
+    /** Добавляет прозрачный фон вспомогательной навигации */
+    isDotsTransparent?: boolean;
     /** Показывать при наведении кнопки по бокам Вперед и Назад */
     showOnHoverButtons?: boolean;
     /** Показывать при наведении точки снизу */

package/SimpleSlider/package.json

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

package/Skeleton/cjs/style.development.css

@@ -1 +1 @@
-@-webkit-keyframes Skeleton__skeleton-keyframes-wave___tx4t3{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes Skeleton__skeleton-keyframes-wave___tx4t3{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.Skeleton__ek-skeleton___YQ77B{display:block;clear:both;line-height:100%;border-radius:var(--pds-round-m);overflow:hidden;pointer-events:none;position:relative;transform:translate3d(0,0,0)}.Skeleton__ek-skeleton___YQ77B+.Skeleton__ek-skeleton___YQ77B{margin-top:var(--pds-spacing-s)}.Skeleton__ek-skeleton___YQ77B::after{position:absolute;left:0;top:0;width:100%;height:100%}.Skeleton__ek-skeleton_theme_grey___fLU-I{background-color:var(--black-100)}.Skeleton__ek-skeleton_theme_grey___fLU-I::after{content:"";transform:translateX(-100%);will-change:transform;background-image:linear-gradient(to right,var(--black-100) 0%,var(--black-100) 20%,var(--black-50) 50%,var(--black-100) 80%,var(--black-100) 100%);-webkit-animation:Skeleton__skeleton-keyframes-wave___tx4t3 1350ms linear infinite;animation:Skeleton__skeleton-keyframes-wave___tx4t3 1350ms linear infinite}.Skeleton__ek-skeleton_theme_black-100___7Lfmq{background:var(--black-100)}.Skeleton__ek-skeleton_theme_white___HJ4sO{background:var(--white)}.Skeleton__ek-skeleton_variant_text___8cqBE::before{content:" "}.Skeleton__ek-skeleton_variant_circle___-y8Ac{border-radius:50%}.Skeleton__ek-skeleton_variant_circle___-y8Ac::before,.Skeleton__ek-skeleton_variant_square___ER7Aa::before{content:"";display:block;padding-bottom:100%}.Skeleton__ek-skeleton_variant_rect___PqK20{border-radius:0}.Skeleton__ek-skeleton_align_left___vFpty{margin-right:auto}.Skeleton__ek-skeleton_align_center___xLcUn{margin-left:auto;margin-right:auto}.Skeleton__ek-skeleton_align_right___YXQvi{margin-left:auto}.Skeleton__ek-skeleton_opacity_0___hV3fo{opacity:0}.Skeleton__ek-skeleton_opacity_10___SWeYg{opacity:.1}.Skeleton__ek-skeleton_opacity_20___uh-KW{opacity:.2}.Skeleton__ek-skeleton_opacity_30___o-fsf{opacity:.3}.Skeleton__ek-skeleton_opacity_40___yQNnj{opacity:.4}.Skeleton__ek-skeleton_opacity_50___8ChyF{opacity:.5}.Skeleton__ek-skeleton_opacity_60___jPfCj{opacity:.6}.Skeleton__ek-skeleton_opacity_70___yi2qY{opacity:.7}.Skeleton__ek-skeleton_opacity_80___kUBbU{opacity:.8}.Skeleton__ek-skeleton_opacity_90___C0qIh{opacity:.9}.Skeleton__ek-skeleton_opacity_100___PYOu-{opacity:1}
+@-webkit-keyframes Skeleton__skeleton-keyframes-wave___tx4t3{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes Skeleton__skeleton-keyframes-wave___tx4t3{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.Skeleton__ek-skeleton___YQ77B{display:block;clear:both;line-height:100%;border-radius:var(--pds-round-m);overflow:hidden;pointer-events:none;position:relative;transform:translate3d(0,0,0)}.Skeleton__ek-skeleton___YQ77B+.Skeleton__ek-skeleton___YQ77B{margin-top:var(--pds-spacing-s)}.Skeleton__ek-skeleton___YQ77B::after{position:absolute;left:0;top:0;width:100%;height:100%}.Skeleton__ek-skeleton___YQ77B::before{color:transparent}.Skeleton__ek-skeleton_theme_grey___fLU-I{background-color:var(--black-100)}.Skeleton__ek-skeleton_theme_grey___fLU-I::after{content:"";transform:translateX(-100%);will-change:transform;background-image:linear-gradient(to right,var(--black-100) 0%,var(--black-100) 20%,var(--black-50) 50%,var(--black-100) 80%,var(--black-100) 100%);-webkit-animation:Skeleton__skeleton-keyframes-wave___tx4t3 1350ms linear infinite;animation:Skeleton__skeleton-keyframes-wave___tx4t3 1350ms linear infinite}.Skeleton__ek-skeleton_theme_black-100___7Lfmq{background:var(--black-100)}.Skeleton__ek-skeleton_theme_white___HJ4sO{background:var(--white)}.Skeleton__ek-skeleton_variant_text___8cqBE::before{content:" "}.Skeleton__ek-skeleton_variant_circle___-y8Ac{border-radius:50%}.Skeleton__ek-skeleton_variant_circle___-y8Ac::before,.Skeleton__ek-skeleton_variant_square___ER7Aa::before{content:"";display:block;padding-bottom:100%}.Skeleton__ek-skeleton_variant_rect___PqK20{border-radius:0}.Skeleton__ek-skeleton_align_left___vFpty{margin-right:auto}.Skeleton__ek-skeleton_align_center___xLcUn{margin-left:auto;margin-right:auto}.Skeleton__ek-skeleton_align_right___YXQvi{margin-left:auto}.Skeleton__ek-skeleton_opacity_0___hV3fo{opacity:0}.Skeleton__ek-skeleton_opacity_10___SWeYg{opacity:.1}.Skeleton__ek-skeleton_opacity_20___uh-KW{opacity:.2}.Skeleton__ek-skeleton_opacity_30___o-fsf{opacity:.3}.Skeleton__ek-skeleton_opacity_40___yQNnj{opacity:.4}.Skeleton__ek-skeleton_opacity_50___8ChyF{opacity:.5}.Skeleton__ek-skeleton_opacity_60___jPfCj{opacity:.6}.Skeleton__ek-skeleton_opacity_70___yi2qY{opacity:.7}.Skeleton__ek-skeleton_opacity_80___kUBbU{opacity:.8}.Skeleton__ek-skeleton_opacity_90___C0qIh{opacity:.9}.Skeleton__ek-skeleton_opacity_100___PYOu-{opacity:1}

package/Skeleton/cjs/style.production.css

@@ -1 +1 @@
-@-webkit-keyframes tx4t3{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes tx4t3{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.YQ77B{display:block;clear:both;line-height:100%;border-radius:var(--pds-round-m);overflow:hidden;pointer-events:none;position:relative;transform:translate3d(0,0,0)}.YQ77B+.YQ77B{margin-top:var(--pds-spacing-s)}.YQ77B::after{position:absolute;left:0;top:0;width:100%;height:100%}.fLU-I{background-color:var(--black-100)}.fLU-I::after{content:"";transform:translateX(-100%);will-change:transform;background-image:linear-gradient(to right,var(--black-100) 0%,var(--black-100) 20%,var(--black-50) 50%,var(--black-100) 80%,var(--black-100) 100%);-webkit-animation:tx4t3 1350ms linear infinite;animation:tx4t3 1350ms linear infinite}._7Lfmq{background:var(--black-100)}.HJ4sO{background:var(--white)}._8cqBE::before{content:" "}.-y8Ac{border-radius:50%}.-y8Ac::before,.ER7Aa::before{content:"";display:block;padding-bottom:100%}.PqK20{border-radius:0}.vFpty{margin-right:auto}.xLcUn{margin-left:auto;margin-right:auto}.YXQvi{margin-left:auto}.hV3fo{opacity:0}.SWeYg{opacity:.1}.uh-KW{opacity:.2}.o-fsf{opacity:.3}.yQNnj{opacity:.4}._8ChyF{opacity:.5}.jPfCj{opacity:.6}.yi2qY{opacity:.7}.kUBbU{opacity:.8}.C0qIh{opacity:.9}.PYOu-{opacity:1}
+@-webkit-keyframes tx4t3{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes tx4t3{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.YQ77B{display:block;clear:both;line-height:100%;border-radius:var(--pds-round-m);overflow:hidden;pointer-events:none;position:relative;transform:translate3d(0,0,0)}.YQ77B+.YQ77B{margin-top:var(--pds-spacing-s)}.YQ77B::after{position:absolute;left:0;top:0;width:100%;height:100%}.YQ77B::before{color:transparent}.fLU-I{background-color:var(--black-100)}.fLU-I::after{content:"";transform:translateX(-100%);will-change:transform;background-image:linear-gradient(to right,var(--black-100) 0%,var(--black-100) 20%,var(--black-50) 50%,var(--black-100) 80%,var(--black-100) 100%);-webkit-animation:tx4t3 1350ms linear infinite;animation:tx4t3 1350ms linear infinite}._7Lfmq{background:var(--black-100)}.HJ4sO{background:var(--white)}._8cqBE::before{content:" "}.-y8Ac{border-radius:50%}.-y8Ac::before,.ER7Aa::before{content:"";display:block;padding-bottom:100%}.PqK20{border-radius:0}.vFpty{margin-right:auto}.xLcUn{margin-left:auto;margin-right:auto}.YXQvi{margin-left:auto}.hV3fo{opacity:0}.SWeYg{opacity:.1}.uh-KW{opacity:.2}.o-fsf{opacity:.3}.yQNnj{opacity:.4}._8ChyF{opacity:.5}.jPfCj{opacity:.6}.yi2qY{opacity:.7}.kUBbU{opacity:.8}.C0qIh{opacity:.9}.PYOu-{opacity:1}

package/Skeleton/package.json

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

package/Spinner/package.json

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

package/Text/package.json

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

package/TextEmoji/package.json

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

package/Tooltip/package.json

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

package/Tumbler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tumbler",
-  "version": "0.0.72",
+  "version": "0.0.80",
   "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.72",
+  "version": "0.0.80",
   "description": "core ui blocks",
   "scripts": {
     "test": "jest",
@@ -63,5 +63,5 @@
       "optional": true
     }
   },
-  "gitHead": "9fcf9c4ddf121531e1033cbc88c919f90d5ba9d0"
+  "gitHead": "eebdfabfe4e1e85a04b1cc44cbe1c71fa3fc1e48"
 }