@prom-ui/core 1.7.1 → 1.8.0-alpha.0

package/Avatar/package.json

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

package/Backdrop/cjs/index.development.js

@@ -6,6 +6,7 @@ var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var classNames = require('classnames');
 var Portal = require('@prom-ui/core/Portal');
+var BodyScrollLock = require('@prom-ui/core/BodyScrollLock');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -123,7 +124,7 @@ function _toPropertyKey(arg) {
 
 var css = {"root":"Backdrop__root___mZ7dv","backdrop":"Backdrop__backdrop___AJyr0","enterActive":"Backdrop__enterActive___aDdF3","exitActive":"Backdrop__exitActive___rC-Zl","enter":"Backdrop__enter___NgQBr","exit":"Backdrop__exit___9LKEC"};
 
-var _excluded = ["isOpen", "isRenderPortal", "isAnimated", "style", "zIndex", "children", "className", "onClick"];
+var _excluded = ["isOpen", "isRenderPortal", "isAnimated", "isBodyScrollLock", "style", "zIndex", "children", "className", "onClick"];
 /**
  * Компонент служит для создания темного фона, который может использоваться в качестве
  * подложки для модальных окон или других всплывающих элементов интерфейса.
@@ -136,6 +137,8 @@ var Backdrop = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
     isRenderPortal = _ref$isRenderPortal === void 0 ? true : _ref$isRenderPortal,
     _ref$isAnimated = _ref.isAnimated,
     isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated,
+    _ref$isBodyScrollLock = _ref.isBodyScrollLock,
+    isBodyScrollLock = _ref$isBodyScrollLock === void 0 ? false : _ref$isBodyScrollLock,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     _ref$zIndex = _ref.zIndex,
@@ -151,7 +154,9 @@ var Backdrop = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
     unmountOnExit: true
   }, /*#__PURE__*/React__namespace.createElement(Portal.Portal, {
     isActive: isRenderPortal
-  }, /*#__PURE__*/React__namespace.createElement("div", _extends({
+  }, /*#__PURE__*/React__namespace.createElement(BodyScrollLock.BodyScrollLock, {
+    isActive: isBodyScrollLock
+  }), /*#__PURE__*/React__namespace.createElement("div", _extends({
     ref: ref,
     className: classNames__default.default(css.root, className),
     style: _objectSpread2({

package/Backdrop/cjs/index.development.v2.js

@@ -6,6 +6,7 @@ var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var classNames = require('classnames');
 var Portal = require('@prom-ui/core/Portal');
+var BodyScrollLock = require('@prom-ui/core/BodyScrollLock');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -123,7 +124,7 @@ function _toPropertyKey(arg) {
 
 var css = {"root":"Backdrop__root___p-RA9","backdrop":"Backdrop__backdrop___XNSpt","enterActive":"Backdrop__enterActive___ATDSq","exitActive":"Backdrop__exitActive___bnta5","enter":"Backdrop__enter___NmGm7","exit":"Backdrop__exit___sD9v-"};
 
-var _excluded = ["isOpen", "isRenderPortal", "isAnimated", "style", "zIndex", "children", "className", "onClick"];
+var _excluded = ["isOpen", "isRenderPortal", "isAnimated", "isBodyScrollLock", "style", "zIndex", "children", "className", "onClick"];
 /**
  * Компонент служит для создания темного фона, который может использоваться в качестве
  * подложки для модальных окон или других всплывающих элементов интерфейса.
@@ -136,6 +137,8 @@ var Backdrop = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
     isRenderPortal = _ref$isRenderPortal === void 0 ? true : _ref$isRenderPortal,
     _ref$isAnimated = _ref.isAnimated,
     isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated,
+    _ref$isBodyScrollLock = _ref.isBodyScrollLock,
+    isBodyScrollLock = _ref$isBodyScrollLock === void 0 ? false : _ref$isBodyScrollLock,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     _ref$zIndex = _ref.zIndex,
@@ -151,7 +154,9 @@ var Backdrop = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
     unmountOnExit: true
   }, /*#__PURE__*/React__namespace.createElement(Portal.Portal, {
     isActive: isRenderPortal
-  }, /*#__PURE__*/React__namespace.createElement("div", _extends({
+  }, /*#__PURE__*/React__namespace.createElement(BodyScrollLock.BodyScrollLock, {
+    isActive: isBodyScrollLock
+  }), /*#__PURE__*/React__namespace.createElement("div", _extends({
     ref: ref,
     className: classNames__default.default(css.root, className),
     style: _objectSpread2({

package/Backdrop/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-transition-group"),t=require("classnames"),n=require("@prom-ui/core/Portal");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=o(e),c=i(t);function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?u(Object(t),!0).forEach((function(r){s(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function s(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},f.apply(this,arguments)}function p(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}var d={root:"mZ7dv",backdrop:"AJyr0",enterActive:"aDdF3",exitActive:"rC-Zl",enter:"NgQBr",exit:"_9LKEC"},b=["isOpen","isRenderPortal","isAnimated","style","zIndex","children","className","onClick"],O=a.forwardRef((function(e,t){var i=e.isOpen,o=void 0!==i&&i,u=e.isRenderPortal,s=void 0===u||u,O=e.isAnimated,y=void 0===O||O,v=e.style,m=void 0===v?{}:v,j=e.zIndex,g=void 0===j?1e3:j,P=e.children,h=e.className,w=e.onClick,k=p(e,b);return a.createElement(r.CSSTransition,{in:o,timeout:y?225:0,classNames:d,unmountOnExit:!0},a.createElement(n.Portal,{isActive:s},a.createElement("div",f({ref:t,className:c.default(d.root,h),style:l({zIndex:g},m),"aria-hidden":!0,"data-testid":"backdrop","data-qaid":"backdrop"},k),a.createElement("div",{className:d.backdrop,onClick:w}),P)))}));exports.Backdrop=O,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-transition-group"),t=require("classnames"),n=require("@prom-ui/core/Portal"),o=require("@prom-ui/core/BodyScrollLock");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=c(e),l=i(t);function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?u(Object(t),!0).forEach((function(r){f(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function f(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},d.apply(this,arguments)}function p(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var b={root:"mZ7dv",backdrop:"AJyr0",enterActive:"aDdF3",exitActive:"rC-Zl",enter:"NgQBr",exit:"_9LKEC"},y=["isOpen","isRenderPortal","isAnimated","isBodyScrollLock","style","zIndex","children","className","onClick"],O=a.forwardRef((function(e,t){var i=e.isOpen,c=void 0!==i&&i,u=e.isRenderPortal,f=void 0===u||u,O=e.isAnimated,v=void 0===O||O,m=e.isBodyScrollLock,j=void 0!==m&&m,g=e.style,P=void 0===g?{}:g,k=e.zIndex,h=void 0===k?1e3:k,w=e.children,S=e.className,E=e.onClick,x=p(e,y);return a.createElement(r.CSSTransition,{in:c,timeout:v?225:0,classNames:b,unmountOnExit:!0},a.createElement(n.Portal,{isActive:f},a.createElement(o.BodyScrollLock,{isActive:j}),a.createElement("div",d({ref:t,className:l.default(b.root,S),style:s({zIndex:h},P),"aria-hidden":!0,"data-testid":"backdrop","data-qaid":"backdrop"},x),a.createElement("div",{className:b.backdrop,onClick:E}),w)))}));exports.Backdrop=O,require("./style.production.css");

package/Backdrop/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),n=require("@prom-ui/core/Portal");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&"object"==typeof e&&"default"in e)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 a=o(e),c=i(r);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}function p(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}var b={root:"p-RA9",backdrop:"XNSpt",enterActive:"ATDSq",exitActive:"bnta5",enter:"NmGm7",exit:"sD9v-"},d=["isOpen","isRenderPortal","isAnimated","style","zIndex","children","className","onClick"],O=a.forwardRef((function(e,r){var i=e.isOpen,o=void 0!==i&&i,u=e.isRenderPortal,s=void 0===u||u,O=e.isAnimated,v=void 0===O||O,y=e.style,m=void 0===y?{}:y,j=e.zIndex,g=void 0===j?1e3:j,P=e.children,h=e.className,w=e.onClick,k=p(e,d);return a.createElement(t.CSSTransition,{in:o,timeout:v?225:0,classNames:b,unmountOnExit:!0},a.createElement(n.Portal,{isActive:s},a.createElement("div",f({ref:r,className:c.default(b.root,h),style:l({zIndex:g},m),"aria-hidden":!0,"data-testid":"backdrop","data-qaid":"backdrop"},k),a.createElement("div",{className:b.backdrop,onClick:w}),P)))}));exports.Backdrop=O,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-transition-group"),t=require("classnames"),n=require("@prom-ui/core/Portal"),o=require("@prom-ui/core/BodyScrollLock");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=c(e),l=i(t);function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?u(Object(t),!0).forEach((function(r){f(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function f(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},p.apply(this,arguments)}function d(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var b={root:"p-RA9",backdrop:"XNSpt",enterActive:"ATDSq",exitActive:"bnta5",enter:"NmGm7",exit:"sD9v-"},y=["isOpen","isRenderPortal","isAnimated","isBodyScrollLock","style","zIndex","children","className","onClick"],v=a.forwardRef((function(e,t){var i=e.isOpen,c=void 0!==i&&i,u=e.isRenderPortal,f=void 0===u||u,v=e.isAnimated,O=void 0===v||v,m=e.isBodyScrollLock,j=void 0!==m&&m,g=e.style,P=void 0===g?{}:g,k=e.zIndex,S=void 0===k?1e3:k,h=e.children,w=e.className,E=e.onClick,x=d(e,y);return a.createElement(r.CSSTransition,{in:c,timeout:O?225:0,classNames:b,unmountOnExit:!0},a.createElement(n.Portal,{isActive:f},a.createElement(o.BodyScrollLock,{isActive:j}),a.createElement("div",p({ref:t,className:l.default(b.root,w),style:s({zIndex:S},P),"aria-hidden":!0,"data-testid":"backdrop","data-qaid":"backdrop"},x),a.createElement("div",{className:b.backdrop,onClick:E}),h)))}));exports.Backdrop=v,require("./style.production.v2.css");

package/Backdrop/index.d.ts

@@ -8,6 +8,8 @@ export type BackdropProps = React.ComponentPropsWithRef<'div'> & {
     isRenderPortal?: boolean;
     /** Включает/отключает анимацию */
     isAnimated?: boolean;
+    /** Запрещает прокрутку `<body>` */
+    isBodyScrollLock?: boolean;
     /** Cвойство CSS, которое устанавливает уровень вложенности элемента.  */
     zIndex?: number;
     /** @ignore */

package/Backdrop/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Backdrop",
-  "version": "1.7.1",
+  "version": "1.8.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Body/package.json

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

package/BodyContext/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/BodyContext",
-  "version": "1.7.1",
+  "version": "1.8.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/BodyProvider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/BodyProvider",
-  "version": "1.7.1",
+  "version": "1.8.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/BodyScrollLock/cjs/index.development.js

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useBrowserLayoutEffect = require('@prom-ui/core/useBrowserLayoutEffect');
+
+function _interopNamespaceCompat(e) {
+    if (e && typeof e === 'object' && 'default' in e) 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__*/_interopNamespaceCompat(React);
+
+var css = {"standart":"BodyScrollLock__standart___AuGtc","safari":"BodyScrollLock__safari___2BLoD"};
+
+var testPlatform = function testPlatform(re) {
+  var _window$navigator$use;
+  return typeof window !== 'undefined' && window.navigator != null ?
+  // @ts-ignore
+  re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
+};
+var isMac = function isMac() {
+  return testPlatform(/^Mac/i);
+};
+var isIPhone = function isIPhone() {
+  return testPlatform(/^iPhone/i);
+};
+var isIPad = function isIPad() {
+  return testPlatform(/^iPad/i) ||
+  // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  isMac() && navigator.maxTouchPoints > 1;
+};
+var isIOS = function isIOS() {
+  return isIPhone() || isIPad();
+};
+var preventScroll = function preventScroll() {
+  var className = isIOS() ? css.safari : css.standart;
+  var root = document.documentElement;
+  var rootStylePaddingRight = root.style['paddingRight'];
+  root.style['paddingRight'] = "".concat(window.innerWidth - document.documentElement.clientWidth, "px");
+  root.classList.add(className);
+  return function () {
+    root.style['paddingRight'] = rootStylePaddingRight;
+    root.classList.remove(className);
+  };
+};
+
+var preventScrollCount = 0;
+var preventRestore;
+var BodyScrollLock = function BodyScrollLock(_ref) {
+  var _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? true : _ref$isActive;
+  useBrowserLayoutEffect.useBrowserLayoutEffect(function () {
+    if (!isActive) {
+      return function () {};
+    }
+    preventScrollCount++;
+    if (preventScrollCount === 1) {
+      preventRestore = preventScroll();
+    }
+    return function () {
+      preventScrollCount--;
+      if (preventScrollCount === 0) {
+        preventRestore();
+      }
+    };
+  }, [isActive]);
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null);
+};
+
+exports.BodyScrollLock = BodyScrollLock;
+
+require('./style.development.css');

package/BodyScrollLock/cjs/index.development.v2.js

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useBrowserLayoutEffect = require('@prom-ui/core/useBrowserLayoutEffect');
+
+function _interopNamespaceCompat(e) {
+    if (e && typeof e === 'object' && 'default' in e) 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__*/_interopNamespaceCompat(React);
+
+var css = {"standart":"BodyScrollLock__standart___i1xT-","safari":"BodyScrollLock__safari___Zt3lv"};
+
+var testPlatform = function testPlatform(re) {
+  var _window$navigator$use;
+  return typeof window !== 'undefined' && window.navigator != null ?
+  // @ts-ignore
+  re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
+};
+var isMac = function isMac() {
+  return testPlatform(/^Mac/i);
+};
+var isIPhone = function isIPhone() {
+  return testPlatform(/^iPhone/i);
+};
+var isIPad = function isIPad() {
+  return testPlatform(/^iPad/i) ||
+  // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  isMac() && navigator.maxTouchPoints > 1;
+};
+var isIOS = function isIOS() {
+  return isIPhone() || isIPad();
+};
+var preventScroll = function preventScroll() {
+  var className = isIOS() ? css.safari : css.standart;
+  var root = document.documentElement;
+  var rootStylePaddingRight = root.style['paddingRight'];
+  root.style['paddingRight'] = "".concat(window.innerWidth - document.documentElement.clientWidth, "px");
+  root.classList.add(className);
+  return function () {
+    root.style['paddingRight'] = rootStylePaddingRight;
+    root.classList.remove(className);
+  };
+};
+
+var preventScrollCount = 0;
+var preventRestore;
+var BodyScrollLock = function BodyScrollLock(_ref) {
+  var _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? true : _ref$isActive;
+  useBrowserLayoutEffect.useBrowserLayoutEffect(function () {
+    if (!isActive) {
+      return function () {};
+    }
+    preventScrollCount++;
+    if (preventScrollCount === 1) {
+      preventRestore = preventScroll();
+    }
+    return function () {
+      preventScrollCount--;
+      if (preventScrollCount === 0) {
+        preventRestore();
+      }
+    };
+  }, [isActive]);
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null);
+};
+
+exports.BodyScrollLock = BodyScrollLock;
+
+require('./style.development.v2.css');

package/BodyScrollLock/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@prom-ui/core/useBrowserLayoutEffect");function n(e){if(e&&"object"==typeof e&&"default"in e)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 r,o=n(e),i="AuGtc",u="_2BLoD",c=function(e){var t;return"undefined"!=typeof window&&null!=window.navigator&&e.test((null===(t=window.navigator.userAgentData)||void 0===t?void 0:t.platform)||window.navigator.platform)},a=function(){return c(/^iPad/i)||c(/^Mac/i)&&navigator.maxTouchPoints>1},d=function(){return c(/^iPhone/i)||a()},f=0;exports.BodyScrollLock=function(e){var n=e.isActive,c=void 0===n||n;return t.useBrowserLayoutEffect((function(){return c?(1===++f&&(e=d()?u:i,t=document.documentElement,n=t.style.paddingRight,t.style.paddingRight="".concat(window.innerWidth-document.documentElement.clientWidth,"px"),t.classList.add(e),r=function(){t.style.paddingRight=n,t.classList.remove(e)}),function(){0===--f&&r()}):function(){};var e,t,n}),[c]),o.createElement(o.Fragment,null)},require("./style.production.css");

package/BodyScrollLock/cjs/index.production.v2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@prom-ui/core/useBrowserLayoutEffect");function n(e){if(e&&"object"==typeof e&&"default"in e)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 r,i=n(e),o="i1xT-",u="Zt3lv",c=function(e){var t;return"undefined"!=typeof window&&null!=window.navigator&&e.test((null===(t=window.navigator.userAgentData)||void 0===t?void 0:t.platform)||window.navigator.platform)},a=function(){return c(/^iPad/i)||c(/^Mac/i)&&navigator.maxTouchPoints>1},d=function(){return c(/^iPhone/i)||a()},f=0;exports.BodyScrollLock=function(e){var n=e.isActive,c=void 0===n||n;return t.useBrowserLayoutEffect((function(){return c?(1===++f&&(e=d()?u:o,t=document.documentElement,n=t.style.paddingRight,t.style.paddingRight="".concat(window.innerWidth-document.documentElement.clientWidth,"px"),t.classList.add(e),r=function(){t.style.paddingRight=n,t.classList.remove(e)}),function(){0===--f&&r()}):function(){};var e,t,n}),[c]),i.createElement(i.Fragment,null)},require("./style.production.v2.css");

package/BodyScrollLock/cjs/style.development.css

@@ -0,0 +1 @@
+.BodyScrollLock__standart___AuGtc{overflow:hidden!important;overscroll-behavior:none!important}.BodyScrollLock__safari___2BLoD{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;-webkit-overflow-scrolling:none!important}.BodyScrollLock__safari___2BLoD *{overscroll-behavior:contain}

package/BodyScrollLock/cjs/style.development.v2.css

@@ -0,0 +1 @@
+.BodyScrollLock__standart___i1xT-{overflow:hidden!important;overscroll-behavior:none!important}.BodyScrollLock__safari___Zt3lv{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;-webkit-overflow-scrolling:none!important}.BodyScrollLock__safari___Zt3lv *{overscroll-behavior:contain}

package/BodyScrollLock/cjs/style.production.css

@@ -0,0 +1 @@
+.AuGtc{overflow:hidden!important;overscroll-behavior:none!important}._2BLoD{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;-webkit-overflow-scrolling:none!important}._2BLoD *{overscroll-behavior:contain}

package/BodyScrollLock/cjs/style.production.v2.css

@@ -0,0 +1 @@
+.i1xT-{overflow:hidden!important;overscroll-behavior:none!important}.Zt3lv{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;-webkit-overflow-scrolling:none!important}.Zt3lv *{overscroll-behavior:contain}

package/BodyScrollLock/index.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export type BodyScrollLockProps = {
+    isActive?: boolean;
+};
+export declare const BodyScrollLock: React.FC<BodyScrollLockProps>;

package/BodyScrollLock/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/BodyScrollLock/index.v2.js

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

package/BodyScrollLock/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@prom-ui/core/BodyScrollLock",
+  "version": "1.8.0-alpha.0",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ]
+}

package/BodyScrollLock/utils.d.ts

@@ -0,0 +1 @@
+export declare const preventScroll: () => () => void;

package/Box/package.json

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

package/Button/package.json

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

package/ButtonPageUp/package.json

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

package/Checkbox/package.json

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

package/Flex/package.json

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

package/Grid/package.json

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

package/Icon/package.json

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

package/Image/package.json

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

package/ImageEmoji/package.json

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

package/Input/package.json

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

package/InputField/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/InputField",
-  "version": "1.7.1",
+  "version": "1.8.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/KeyPress/package.json

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

package/Line/package.json

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

package/Link/package.json

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

package/List/package.json

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

package/Media/package.json

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

package/OutsideClick/package.json

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