@alfalab/core-components 48.16.0 → 48.18.0

package/navigation-bar-private/modern/index.css

@@ -28,26 +28,26 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_q1rl0 {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_17jby {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .navigation-bar-private__header_q1rl0.navigation-bar-private__header_q1rl0.navigation-bar-private__backgroundImage_q1rl0 {
+} .navigation-bar-private__header_17jby.navigation-bar-private__header_17jby.navigation-bar-private__backgroundImage_17jby {
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
-    } .navigation-bar-private__mainLine_q1rl0 {
+    } .navigation-bar-private__mainLine_17jby {
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     z-index: 1;
     background-color: inherit;
-} .navigation-bar-private__mainLineSticky_q1rl0 {
+} .navigation-bar-private__mainLineSticky_17jby {
     position: sticky;
     top: var(--gap-0);
-} .navigation-bar-private__mainLineWithImageBg_q1rl0 {
+} .navigation-bar-private__mainLineWithImageBg_17jby {
     background-color: initial;
-} .navigation-bar-private__content_q1rl0 {
+} .navigation-bar-private__content_17jby {
     color: var(--color-light-text-primary);
     display: flex;
     flex-flow: column nowrap;
@@ -56,27 +56,27 @@
     align-self: baseline;
     box-sizing: border-box;
     min-height: 48px
-} .navigation-bar-private__content_q1rl0.navigation-bar-private__withBothAddons_q1rl0,
-    .navigation-bar-private__content_q1rl0.navigation-bar-private__withCompactTitle_q1rl0 {
+} .navigation-bar-private__content_17jby.navigation-bar-private__withBothAddons_17jby,
+    .navigation-bar-private__content_17jby.navigation-bar-private__withCompactTitle_17jby {
         font-size: 16px;
         line-height: 20px;
         font-weight: 500;
         align-self: center;
         padding-top: var(--gap-4);
         padding-bottom: var(--gap-4)
-    } .navigation-bar-private__content_q1rl0.navigation-bar-private__withBothAddons_q1rl0 > .navigation-bar-private__children_q1rl0,
-        .navigation-bar-private__content_q1rl0.navigation-bar-private__withBothAddons_q1rl0 > .navigation-bar-private__title_q1rl0,
-        .navigation-bar-private__content_q1rl0.navigation-bar-private__withCompactTitle_q1rl0 > .navigation-bar-private__children_q1rl0,
-        .navigation-bar-private__content_q1rl0.navigation-bar-private__withCompactTitle_q1rl0 > .navigation-bar-private__title_q1rl0 {
+    } .navigation-bar-private__content_17jby.navigation-bar-private__withBothAddons_17jby > .navigation-bar-private__children_17jby,
+        .navigation-bar-private__content_17jby.navigation-bar-private__withBothAddons_17jby > .navigation-bar-private__title_17jby,
+        .navigation-bar-private__content_17jby.navigation-bar-private__withCompactTitle_17jby > .navigation-bar-private__children_17jby,
+        .navigation-bar-private__content_17jby.navigation-bar-private__withCompactTitle_17jby > .navigation-bar-private__title_17jby {
             -webkit-line-clamp: 1;
             word-break: break-all;
-        } .navigation-bar-private__content_q1rl0.navigation-bar-private__contentOnBotDesktop_q1rl0.navigation-bar-private__contentOnBotDesktop_q1rl0 {
+        } .navigation-bar-private__content_17jby.navigation-bar-private__contentOnBotDesktop_17jby.navigation-bar-private__contentOnBotDesktop_17jby {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__content_q1rl0.navigation-bar-private__contentOnBotMobile_q1rl0.navigation-bar-private__contentOnBotMobile_q1rl0 {
+    } .navigation-bar-private__content_17jby.navigation-bar-private__contentOnBotMobile_17jby.navigation-bar-private__contentOnBotMobile_17jby {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__title_q1rl0 {
+    } .navigation-bar-private__title_17jby {
     word-break: break-word;
-} .navigation-bar-private__subtitle_q1rl0 {
+} .navigation-bar-private__subtitle_17jby {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -87,11 +87,11 @@
 
     color: var(--color-light-text-secondary);
     word-break: break-all;
-} .navigation-bar-private__addonsWrapper_q1rl0 {
+} .navigation-bar-private__addonsWrapper_17jby {
     display: flex;
-} .navigation-bar-private__rightAddons_q1rl0 {
+} .navigation-bar-private__rightAddons_17jby {
     margin-left: auto;
-} .navigation-bar-private__addon_q1rl0 {
+} .navigation-bar-private__addon_17jby {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -99,18 +99,18 @@
     align-items: center;
     flex-shrink: 0;
     pointer-events: all;
-} .navigation-bar-private__bottomAddons_q1rl0 {
+} .navigation-bar-private__bottomAddons_17jby {
     pointer-events: all;
-} .navigation-bar-private__closer_q1rl0 {
+} .navigation-bar-private__closer_17jby {
     margin-left: auto;
-} .navigation-bar-private__left_q1rl0 {
+} .navigation-bar-private__left_17jby {
     text-align: left;
-} .navigation-bar-private__center_q1rl0 {
+} .navigation-bar-private__center_17jby {
     text-align: center;
-} .navigation-bar-private__trim_q1rl0 {
+} .navigation-bar-private__trim_17jby {
     overflow: hidden
-} .navigation-bar-private__trim_q1rl0 .navigation-bar-private__title_q1rl0,
-    .navigation-bar-private__trim_q1rl0 .navigation-bar-private__children_q1rl0 {
+} .navigation-bar-private__trim_17jby .navigation-bar-private__title_17jby,
+    .navigation-bar-private__trim_17jby .navigation-bar-private__children_17jby {
         -webkit-line-clamp: 2;
         display: -webkit-box;
         -webkit-box-orient: vertical;

package/navigation-bar-private/modern/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode } from "react";
+import { ReactNode, RefObject } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
 type NavigationBarPrivateProps = {
@@ -108,6 +108,18 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Data атрибут для компонента
+     */
+    dataName?: string;
+    /**
+     * Дополнительный класс для title
+     */
+    titleClassName?: string;
+    /**
+     * Ref для title элемента
+     */
+    titleRef?: RefObject<HTMLDivElement>;
 };
 type ContentParams = {
     extraClassName?: string;

package/navigation-bar-private/moderncssm/Component.js

@@ -18,7 +18,7 @@ import './components/closer/index.module.css';
 
 /* eslint-disable complexity */
 const ADDONS_HEIGHT = 48;
-const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, hasCloser, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, }, ref) => {
+const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, hasCloser, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, dataName, titleClassName, titleRef, }, ref) => {
     const [scrollTop, setScrollTop] = useState(0);
     const [titleMargin, setTitleMargin] = useState({ left: 0, right: 0 });
     const bottomContentRef = useRef(null);
@@ -94,8 +94,8 @@ const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentCla
                 [styles.withCompactTitle]: view === 'mobile' && compactTitle && hasContent,
             }), "aria-hidden": hidden },
             children && React.createElement("div", { className: styles.children }, children),
-            title && (React.createElement("div", { className: styles.title, "data-test-id": hidden ? undefined : getDataTestId(dataTestId, 'title') }, title)),
-            compactTitle && subtitle && React.createElement("div", { className: styles.subtitle }, subtitle)));
+            title && (React.createElement("div", { className: cn(styles.title, titleClassName), "data-test-id": hidden ? undefined : getDataTestId(dataTestId, 'title'), ref: titleRef }, title)),
+            compactTitle && subtitle && (React.createElement("div", { className: styles.subtitle, "data-test-id": getDataTestId(dataTestId, 'subtitle') }, subtitle))));
     };
     const renderCloser = () => (React.createElement("div", { className: cn(styles.addon, styles.closer, closerClassName) },
         React.createElement(Closer, { view: view, icon: closerIcon, dataTestId: getDataTestId(dataTestId, 'closer'), onClose: onClose })));
@@ -105,7 +105,7 @@ const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentCla
                 bottomContentRef.current && {
                 top: -bottomContentRef.current.scrollHeight,
             }),
-        } },
+        }, "data-name": dataName },
         React.createElement("div", { className: cn(styles.mainLine, {
                 [styles.mainLineSticky]: withAnimation,
                 [styles.mainLineWithImageBg]: imageUrl,

package/navigation-bar-private/moderncssm/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode } from "react";
+import { ReactNode, RefObject } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
 type NavigationBarPrivateProps = {
@@ -108,6 +108,18 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Data атрибут для компонента
+     */
+    dataName?: string;
+    /**
+     * Дополнительный класс для title
+     */
+    titleClassName?: string;
+    /**
+     * Ref для title элемента
+     */
+    titleRef?: RefObject<HTMLDivElement>;
 };
 type ContentParams = {
     extraClassName?: string;

package/navigation-bar-private/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactNode } from "react";
+import { ReactNode, RefObject } from "react";
 import { BackArrowAddonProps } from "./components/back-arrow-addon/index";
 import { CloserProps } from "./components/closer/index";
 type NavigationBarPrivateProps = {
@@ -108,6 +108,18 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Data атрибут для компонента
+     */
+    dataName?: string;
+    /**
+     * Дополнительный класс для title
+     */
+    titleClassName?: string;
+    /**
+     * Ref для title элемента
+     */
+    titleRef?: RefObject<HTMLDivElement>;
 };
 type ContentParams = {
     extraClassName?: string;

package/notification/Component.js

@@ -19,7 +19,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
 
-var styles = {"notificationComponent":"notification__notificationComponent_w1ztw","isVisible":"notification__isVisible_w1ztw","isClosing":"notification__isClosing_w1ztw","toastContent":"notification__toastContent_w1ztw","actionSection":"notification__actionSection_w1ztw"};
+var styles = {"notificationComponent":"notification__notificationComponent_1qvzu","isVisible":"notification__isVisible_1qvzu","isClosing":"notification__isClosing_1qvzu","toastContent":"notification__toastContent_1qvzu","actionSection":"notification__actionSection_1qvzu"};
 require('./index.css');
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);

package/notification/browser-e5f2ef37.d.ts

@@ -0,0 +1,8 @@
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+export { browser };

package/notification/cssm/browser-e5f2ef37.d.ts

@@ -0,0 +1,8 @@
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+export { browser };

package/notification/cssm/utils/getNotificationTestIds.js

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var detectBrowser = require('detect-browser');
 var React = require('react');
 require('@alfalab/hooks');
 
@@ -8,6 +9,10 @@ function getDataTestId(dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 }
 
+detectBrowser.detect();
+
+detectBrowser.detect();
+
 React.createContext(function () { return null; });
 
 /* eslint-disable no-console */

package/notification/esm/Component.js

@@ -10,7 +10,7 @@ import { ToastPlateDesktop } from '../../toast-plate/esm/desktop';
 import { stackingOrder } from '@alfalab/stack-context';
 import { useClickOutside } from './utils/index.js';
 
-var styles = {"notificationComponent":"notification__notificationComponent_w1ztw","isVisible":"notification__isVisible_w1ztw","isClosing":"notification__isClosing_w1ztw","toastContent":"notification__toastContent_w1ztw","actionSection":"notification__actionSection_w1ztw"};
+var styles = {"notificationComponent":"notification__notificationComponent_1qvzu","isVisible":"notification__isVisible_1qvzu","isClosing":"notification__isClosing_1qvzu","toastContent":"notification__toastContent_1qvzu","actionSection":"notification__actionSection_1qvzu"};
 require('./index.css');
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);

package/notification/esm/browser-e5f2ef37.d.ts

@@ -0,0 +1,8 @@
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+export { browser };

package/notification/esm/index.css

@@ -34,7 +34,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_w1ztw {
+} .notification__notificationComponent_1qvzu {
     visibility: hidden;
     right: var(--gap-12);
     transform: translate(0, -500px);
@@ -43,26 +43,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_w1ztw {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_1qvzu {
         right: var(--gap-48);
         width: auto;
         transform: translate(calc(100% + var(--gap-48)), 0)
 }
-    } .notification__notificationComponent_w1ztw.notification__isVisible_w1ztw {
+    } .notification__notificationComponent_1qvzu.notification__isVisible_1qvzu {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_w1ztw.notification__isClosing_w1ztw {
+    } .notification__notificationComponent_1qvzu.notification__isClosing_1qvzu {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_w1ztw.notification__isClosing_w1ztw {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_1qvzu.notification__isClosing_1qvzu {
             transform: translate(calc(100% + var(--gap-48)), 0)
     }
-        } .notification__notificationComponent_w1ztw.notification__notificationComponent_w1ztw {
+        } .notification__notificationComponent_1qvzu.notification__notificationComponent_1qvzu {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_w1ztw {
+} @media screen and (min-width: 600px) { .notification__toastContent_1qvzu {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_w1ztw {
+    } .notification__actionSection_1qvzu {
     min-width: 104px;
     min-height: 48px;
     padding: var(--gap-0) var(--gap-8);

package/notification/esm/shared/index.js

@@ -1,3 +1,4 @@
 export { getNotificationTestIds } from '../utils/getNotificationTestIds.js';
+import 'detect-browser';
 import 'react';
 import '@alfalab/hooks';

package/notification/esm/utils/getNotificationTestIds.js

@@ -1,3 +1,4 @@
+import { detect } from 'detect-browser';
 import { createContext } from 'react';
 import '@alfalab/hooks';
 
@@ -6,6 +7,10 @@ function getDataTestId(dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 }
 
+detect();
+
+detect();
+
 createContext(function () { return null; });
 
 /* eslint-disable no-console */

package/notification/index.css

@@ -34,7 +34,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_w1ztw {
+} .notification__notificationComponent_1qvzu {
     visibility: hidden;
     right: var(--gap-12);
     transform: translate(0, -500px);
@@ -43,26 +43,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_w1ztw {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_1qvzu {
         right: var(--gap-48);
         width: auto;
         transform: translate(calc(100% + var(--gap-48)), 0)
 }
-    } .notification__notificationComponent_w1ztw.notification__isVisible_w1ztw {
+    } .notification__notificationComponent_1qvzu.notification__isVisible_1qvzu {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_w1ztw.notification__isClosing_w1ztw {
+    } .notification__notificationComponent_1qvzu.notification__isClosing_1qvzu {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_w1ztw.notification__isClosing_w1ztw {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_1qvzu.notification__isClosing_1qvzu {
             transform: translate(calc(100% + var(--gap-48)), 0)
     }
-        } .notification__notificationComponent_w1ztw.notification__notificationComponent_w1ztw {
+        } .notification__notificationComponent_1qvzu.notification__notificationComponent_1qvzu {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_w1ztw {
+} @media screen and (min-width: 600px) { .notification__toastContent_1qvzu {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_w1ztw {
+    } .notification__actionSection_1qvzu {
     min-width: 104px;
     min-height: 48px;
     padding: var(--gap-0) var(--gap-8);

package/notification/modern/Component.js

@@ -9,7 +9,7 @@ import { ToastPlateDesktop } from '../../toast-plate/modern/desktop';
 import { stackingOrder } from '@alfalab/stack-context';
 import { useClickOutside } from './utils/index.js';
 
-const styles = {"notificationComponent":"notification__notificationComponent_w1ztw","isVisible":"notification__isVisible_w1ztw","isClosing":"notification__isClosing_w1ztw","toastContent":"notification__toastContent_w1ztw","actionSection":"notification__actionSection_w1ztw"};
+const styles = {"notificationComponent":"notification__notificationComponent_1qvzu","isVisible":"notification__isVisible_1qvzu","isClosing":"notification__isClosing_1qvzu","toastContent":"notification__toastContent_1qvzu","actionSection":"notification__actionSection_1qvzu"};
 require('./index.css');
 
 const notificationClassNameSelector = `.${styles.notificationComponent}`;

package/notification/modern/browser-e5f2ef37.d.ts

@@ -0,0 +1,8 @@
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+export { browser };

package/notification/modern/index.css

@@ -34,7 +34,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_w1ztw {
+} .notification__notificationComponent_1qvzu {
     visibility: hidden;
     right: var(--gap-12);
     transform: translate(0, -500px);
@@ -43,26 +43,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_w1ztw {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_1qvzu {
         right: var(--gap-48);
         width: auto;
         transform: translate(calc(100% + var(--gap-48)), 0)
 }
-    } .notification__notificationComponent_w1ztw.notification__isVisible_w1ztw {
+    } .notification__notificationComponent_1qvzu.notification__isVisible_1qvzu {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_w1ztw.notification__isClosing_w1ztw {
+    } .notification__notificationComponent_1qvzu.notification__isClosing_1qvzu {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_w1ztw.notification__isClosing_w1ztw {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_1qvzu.notification__isClosing_1qvzu {
             transform: translate(calc(100% + var(--gap-48)), 0)
     }
-        } .notification__notificationComponent_w1ztw.notification__notificationComponent_w1ztw {
+        } .notification__notificationComponent_1qvzu.notification__notificationComponent_1qvzu {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_w1ztw {
+} @media screen and (min-width: 600px) { .notification__toastContent_1qvzu {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_w1ztw {
+    } .notification__actionSection_1qvzu {
     min-width: 104px;
     min-height: 48px;
     padding: var(--gap-0) var(--gap-8);

package/notification/modern/shared/index.js

@@ -1,3 +1,4 @@
 export { getNotificationTestIds } from '../utils/getNotificationTestIds.js';
+import 'detect-browser';
 import 'react';
 import '@alfalab/hooks';

package/notification/modern/utils/getNotificationTestIds.js

@@ -1,3 +1,4 @@
+import { detect } from 'detect-browser';
 import { createContext } from 'react';
 import '@alfalab/hooks';
 
@@ -6,6 +7,10 @@ function getDataTestId(dataTestId, element) {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 }
 
+detect();
+
+detect();
+
 createContext(() => null);
 
 /* eslint-disable no-console */

package/notification/moderncssm/browser-e5f2ef37.d.ts

@@ -0,0 +1,8 @@
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+export { browser };

package/notification/moderncssm/shared/index.js

@@ -1,3 +1,4 @@
 export { getNotificationTestIds } from '../utils/getNotificationTestIds.js';
+import 'detect-browser';
 import 'react';
 import '@alfalab/hooks';

package/notification/moderncssm/utils/getNotificationTestIds.js

@@ -1,3 +1,4 @@
+import { detect } from 'detect-browser';
 import { createContext } from 'react';
 import '@alfalab/hooks';
 
@@ -6,6 +7,10 @@ function getDataTestId(dataTestId, element) {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 }
 
+detect();
+
+detect();
+
 createContext(() => null);
 
 /* eslint-disable no-console */

package/notification/utils/getNotificationTestIds.js

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var detectBrowser = require('detect-browser');
 var React = require('react');
 require('@alfalab/hooks');
 
@@ -8,6 +9,10 @@ function getDataTestId(dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 }
 
+detectBrowser.detect();
+
+detectBrowser.detect();
+
 React.createContext(function () { return null; });
 
 /* eslint-disable no-console */

package/notification-manager/component.js

@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"notification-manager__component_356n2","notification":"notification-manager__notification_356n2","withoutMargin":"notification-manager__withoutMargin_356n2","enter":"notification-manager__enter_356n2","enterActive":"notification-manager__enterActive_356n2"};
+var styles = {"component":"notification-manager__component_1uafd","notification":"notification-manager__notification_1uafd","withoutMargin":"notification-manager__withoutMargin_1uafd","enter":"notification-manager__enter_1uafd","enterActive":"notification-manager__enterActive_1uafd"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/notification-manager/esm/component.js

@@ -7,7 +7,7 @@ import { Stack } from '../../stack/esm';
 import { stackingOrder } from '@alfalab/stack-context';
 import { Notification } from './components/notification/component.js';
 
-var styles = {"component":"notification-manager__component_356n2","notification":"notification-manager__notification_356n2","withoutMargin":"notification-manager__withoutMargin_356n2","enter":"notification-manager__enter_356n2","enterActive":"notification-manager__enterActive_356n2"};
+var styles = {"component":"notification-manager__component_1uafd","notification":"notification-manager__notification_1uafd","withoutMargin":"notification-manager__withoutMargin_1uafd","enter":"notification-manager__enter_1uafd","enterActive":"notification-manager__enterActive_1uafd"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/notification-manager/esm/index.css

@@ -28,41 +28,41 @@
     --gap-48: var(--gap-4xl);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .notification-manager__component_356n2 {
+} /* сбрасывает синюю подсветку при нажатии */ .notification-manager__component_1uafd {
     position: fixed;
     top: var(--gap-0);
     right: var(--gap-12);
     display: flex;
     flex-direction: column;
-} .notification-manager__component_356n2 .notification-manager__notification_356n2 {
+} .notification-manager__component_1uafd .notification-manager__notification_1uafd {
     width: calc(100vw - var(--gap-24));
     margin-top: var(--gap-12);
     will-change: transform
-} .notification-manager__component_356n2 .notification-manager__notification_356n2.notification-manager__withoutMargin_356n2 {
+} .notification-manager__component_1uafd .notification-manager__notification_1uafd.notification-manager__withoutMargin_1uafd {
         margin-top: var(--gap-0);
-    } .notification-manager__component_356n2 .notification-manager__notification_356n2.notification-manager__notification_356n2 {
+    } .notification-manager__component_1uafd .notification-manager__notification_1uafd.notification-manager__notification_1uafd {
     position: static;
-} .notification-manager__enter_356n2 {
+} .notification-manager__enter_1uafd {
     visibility: hidden;
     transform: translate(0, -500px);
-} .notification-manager__enterActive_356n2 {
+} .notification-manager__enterActive_1uafd {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 } @media (min-width: 600px) {
-    .notification-manager__component_356n2 {
+    .notification-manager__component_1uafd {
         right: var(--gap-48);
     }
 
-    .notification-manager__component_356n2 .notification-manager__notification_356n2 {
+    .notification-manager__component_1uafd .notification-manager__notification_1uafd {
         width: auto;
     }
 
-    .notification-manager__enter_356n2 {
+    .notification-manager__enter_1uafd {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_356n2 {
+    .notification-manager__enterActive_1uafd {
         transform: translate(0);
     }
 }