@alfalab/core-components 19.11.1 → 20.0.0

package/base-modal/utils.js

@@ -30,12 +30,39 @@ var isOverflowing = function (container) {
 var getPaddingRight = function (node) {
     return parseInt(window.getComputedStyle(node).paddingRight, 10) || 0;
 };
+var restoreStylesStore = [];
+var restoreContainerStyles = function (container) {
+    var index = restoreStylesStore.findIndex(function (s) { return s.container === container; });
+    var existingStyles = restoreStylesStore[index];
+    if (!existingStyles)
+        return;
+    existingStyles.modals -= 1;
+    if (existingStyles.modals <= 0) {
+        restoreStylesStore.splice(index, 1);
+        existingStyles.styles.forEach(function (_a) {
+            var value = _a.value, el = _a.el, key = _a.key;
+            if (value) {
+                el.style.setProperty(key, value);
+            }
+            else {
+                el.style.removeProperty(key);
+            }
+        });
+    }
+};
 var handleContainer = function (container) {
-    var restoreStyle = [];
+    if (!container)
+        return;
+    var existingStyles = restoreStylesStore.find(function (s) { return s.container === container; });
+    if (existingStyles) {
+        existingStyles.modals += 1;
+        return;
+    }
+    var containerStyles = [];
     if (isOverflowing(container)) {
         // Вычисляет размер до применения `overflow hidden` для избежания скачков
         var scrollbarSize = getScrollbarSize();
-        restoreStyle.push({
+        containerStyles.push({
             value: container.style.paddingRight,
             key: 'padding-right',
             el: container,
@@ -54,27 +81,22 @@ var handleContainer = function (container) {
         : container;
     // Блокируем скролл даже если отсутствует скроллбар
     if (scrollContainer.style.overflow !== 'hidden') {
-        restoreStyle.push({
+        containerStyles.push({
             value: scrollContainer.style.overflow,
             key: 'overflow',
             el: scrollContainer,
         });
     }
     scrollContainer.style.overflow = 'hidden';
-    return function () {
-        restoreStyle.forEach(function (_a) {
-            var value = _a.value, el = _a.el, key = _a.key;
-            if (value) {
-                el.style.setProperty(key, value);
-            }
-            else {
-                el.style.removeProperty(key);
-            }
-        });
-    };
+    restoreStylesStore.push({
+        container: container,
+        modals: 1,
+        styles: containerStyles,
+    });
 };
 
 exports.handleContainer = handleContainer;
 exports.hasScrollbar = hasScrollbar;
 exports.isScrolledToBottom = isScrolledToBottom;
 exports.isScrolledToTop = isScrolledToTop;
+exports.restoreContainerStyles = restoreContainerStyles;

package/bottom-sheet/Component-47f23852.js

@@ -0,0 +1,53 @@
+var React = require('react');
+var coreComponentsBackdrop = require('../backdrop');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+exports.__assign = function () {
+    exports.__assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return exports.__assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var SwipeableBackdrop = function (_a) {
+    var opacity = _a.opacity, handlers = _a.handlers, opacityTimeout = _a.opacityTimeout, style = _a.style, backdropProps = __rest(_a, ["opacity", "handlers", "opacityTimeout", "style"]);
+    return (React__default['default'].createElement("div", exports.__assign({}, handlers, { style: exports.__assign({ opacity: opacity, transition: opacity === 1 ? "opacity " + opacityTimeout + "ms ease-in-out" : '', position: 'relative' }, style) }),
+        React__default['default'].createElement(coreComponentsBackdrop.Backdrop, exports.__assign({}, backdropProps))));
+};
+
+exports.SwipeableBackdrop = SwipeableBackdrop;

package/bottom-sheet/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_swipeableBackdrop_Component = require('./Component-75c61faf.js');
+var components_swipeableBackdrop_Component = require('./Component-47f23852.js');
 var React = require('react');
 var cn = require('classnames');
 var reactSwipeable = require('react-swipeable');

package/bottom-sheet/components/footer/index.css

@@ -1,9 +1,6 @@
 /* hash: 1kr0j */
 :root {
     --color-light-bg-primary: #fff;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/bottom-sheet/components/swipeable-backdrop/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_swipeableBackdrop_Component = require('../../Component-75c61faf.js');
+var components_swipeableBackdrop_Component = require('../../Component-47f23852.js');
 require('react');
 require('../../../backdrop');
 

package/bottom-sheet/esm/Component-2f048341.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { Backdrop } from '../../backdrop/esm';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var SwipeableBackdrop = function (_a) {
+    var opacity = _a.opacity, handlers = _a.handlers, opacityTimeout = _a.opacityTimeout, style = _a.style, backdropProps = __rest(_a, ["opacity", "handlers", "opacityTimeout", "style"]);
+    return (React.createElement("div", __assign({}, handlers, { style: __assign({ opacity: opacity, transition: opacity === 1 ? "opacity " + opacityTimeout + "ms ease-in-out" : '', position: 'relative' }, style) }),
+        React.createElement(Backdrop, __assign({}, backdropProps))));
+};
+
+export { SwipeableBackdrop as S, __assign as _ };

package/bottom-sheet/esm/component.js

@@ -1,6 +1,6 @@
 import React, { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
 import '../../backdrop/esm';
-import { S as SwipeableBackdrop, _ as __assign } from './Component-00c8f157.js';
+import { S as SwipeableBackdrop, _ as __assign } from './Component-2f048341.js';
 import cn from 'classnames';
 import { useSwipeable } from 'react-swipeable';
 import { BaseModal } from '../../base-modal/esm';

package/bottom-sheet/esm/components/footer/index.css

@@ -1,9 +1,6 @@
 /* hash: 1kr0j */
 :root {
     --color-light-bg-primary: #fff;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/bottom-sheet/esm/components/swipeable-backdrop/Component.js

@@ -1,3 +1,3 @@
 import 'react';
 import '../../../../backdrop/esm';
-export { S as SwipeableBackdrop } from '../../Component-00c8f157.js';
+export { S as SwipeableBackdrop } from '../../Component-2f048341.js';

package/bottom-sheet/esm/index.css

@@ -3,9 +3,6 @@
     --color-light-bg-primary: #fff;
     --color-light-graphic-neutral: #dbdee1;
     --color-light-text-primary: #0b1f35;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/bottom-sheet/esm/index.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../../backdrop/esm';
-import './Component-00c8f157.js';
+import './Component-2f048341.js';
 import 'classnames';
 import 'react-swipeable';
 import '../../base-modal/esm';

package/bottom-sheet/index.css

@@ -3,9 +3,6 @@
     --color-light-bg-primary: #fff;
     --color-light-graphic-neutral: #dbdee1;
     --color-light-text-primary: #0b1f35;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/bottom-sheet/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-75c61faf.js');
+require('./Component-47f23852.js');
 require('react');
 require('classnames');
 require('react-swipeable');

package/bottom-sheet/modern/components/footer/index.css

@@ -1,9 +1,6 @@
 /* hash: 1kr0j */
 :root {
     --color-light-bg-primary: #fff;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/bottom-sheet/modern/components/swipeable-backdrop/Component.js

@@ -1,9 +1,11 @@
 import React from 'react';
 import { Backdrop } from '../../../../backdrop/modern';
 
-const SwipeableBackdrop = ({ opacity, handlers, opacityTimeout, ...backdropProps }) => (React.createElement("div", Object.assign({}, handlers, { style: {
+const SwipeableBackdrop = ({ opacity, handlers, opacityTimeout, style, ...backdropProps }) => (React.createElement("div", Object.assign({}, handlers, { style: {
         opacity,
         transition: opacity === 1 ? `opacity ${opacityTimeout}ms ease-in-out` : '',
+        position: 'relative',
+        ...style,
     } }),
     React.createElement(Backdrop, Object.assign({}, backdropProps))));
 

package/bottom-sheet/modern/index.css

@@ -3,9 +3,6 @@
     --color-light-bg-primary: #fff;
     --color-light-graphic-neutral: #dbdee1;
     --color-light-text-primary: #0b1f35;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/button/default.css

@@ -21,9 +21,6 @@
     --color-light-text-primary-alpha-30: rgba(11, 31, 53, 0.3);
     --color-light-text-primary-tint-30: rgb(84, 98, 114);
     --color-light-text-primary-tint-50: rgb(133, 143, 154);
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/button/esm/default.css

@@ -21,9 +21,6 @@
     --color-light-text-primary-alpha-30: rgba(11, 31, 53, 0.3);
     --color-light-text-primary-tint-30: rgb(84, 98, 114);
     --color-light-text-primary-tint-50: rgb(133, 143, 154);
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/button/esm/index.css

@@ -1,9 +1,6 @@
 /* hash: 1du1k */
 :root {
     --color-light-border-link: #007aff;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/button/esm/inverted.css

@@ -6,9 +6,6 @@
     --color-light-border-tertiary-inverted: #6d7986;
     --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.15);
     --color-light-text-primary-inverted: #fff;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/button/index.css

@@ -1,9 +1,6 @@
 /* hash: 1du1k */
 :root {
     --color-light-border-link: #007aff;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/button/inverted.css

@@ -6,9 +6,6 @@
     --color-light-border-tertiary-inverted: #6d7986;
     --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.15);
     --color-light-text-primary-inverted: #fff;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/button/modern/default.css

@@ -21,9 +21,6 @@
     --color-light-text-primary-alpha-30: rgba(11, 31, 53, 0.3);
     --color-light-text-primary-tint-30: rgb(84, 98, 114);
     --color-light-text-primary-tint-50: rgb(133, 143, 154);
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/button/modern/index.css

@@ -1,9 +1,6 @@
 /* hash: 1du1k */
 :root {
     --color-light-border-link: #007aff;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/button/modern/inverted.css

@@ -6,9 +6,6 @@
     --color-light-border-tertiary-inverted: #6d7986;
     --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.15);
     --color-light-text-primary-inverted: #fff;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {
 

package/calendar/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-50162ba7.js');
+var tslib_es6 = require('./tslib.es6-8fcb4075.js');
 var React = require('react');
 var cn = require('classnames');
 var dateFns = require('date-fns');

package/calendar/components/days-table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-50162ba7.js');
+var tslib_es6 = require('../../tslib.es6-8fcb4075.js');
 var React = require('react');
 var cn = require('classnames');
 var dateFns = require('date-fns');

package/calendar/components/days-table/index.css

@@ -12,9 +12,6 @@
     --color-light-text-primary-inverted: #fff;
     --color-light-text-secondary: #546272;
     --color-light-text-tertiary: #b6bcc3;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
 }
 :root {