@alfalab/core-components 42.9.1 → 42.10.0

package/navigation-bar/modern/components/closer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1hk4l */
+/* hash: fnhpa */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e;
@@ -22,7 +22,7 @@
 } :root {
     /* closer-mobile */
     --navigation-bar-closer-mobile-color: var(--color-light-graphic-secondary);
-} .navigation-bar__closer_ctutk {
+} .navigation-bar__closer_6utls {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -30,17 +30,17 @@
     display: flex;
     align-items: center;
     justify-content: center;
-} .navigation-bar__button_ctutk {
+} .navigation-bar__button_6utls {
     background: var(--color-light-bg-primary-alpha-40);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     color: var(--color-light-graphic-primary)
-} .navigation-bar__button_ctutk.navigation-bar__mobile_ctutk {
+} .navigation-bar__button_6utls.navigation-bar__mobile_6utls {
         background: var(--color-light-specialbg-secondary-transparent);
         color: var(--navigation-bar-closer-mobile-color);
-    } .navigation-bar__button_ctutk.navigation-bar__button_ctutk {
+    } .navigation-bar__button_6utls.navigation-bar__button_6utls {
     border-radius: var(--border-radius-circle);
-} .navigation-bar__sticky_ctutk {
+} .navigation-bar__sticky_6utls {
     position: sticky;
     top: 0;
 }

package/navigation-bar/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: v6qcr */
+/* hash: 1sb7i */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0e0e0e;
@@ -18,26 +18,26 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .navigation-bar__header_1c77n {
+} .navigation-bar__header_1686f {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .navigation-bar__header_1c77n.navigation-bar__header_1c77n.navigation-bar__backgroundImage_1c77n {
+} .navigation-bar__header_1686f.navigation-bar__header_1686f.navigation-bar__backgroundImage_1686f {
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
-    } .navigation-bar__mainLine_1c77n {
+    } .navigation-bar__mainLine_1686f {
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     z-index: 1;
     background-color: inherit;
-} .navigation-bar__mainLineSticky_1c77n {
+} .navigation-bar__mainLineSticky_1686f {
     position: sticky;
     top: 0;
-} .navigation-bar__mainLineWithImageBg_1c77n {
+} .navigation-bar__mainLineWithImageBg_1686f {
     background-color: initial;
-} .navigation-bar__content_1c77n {
+} .navigation-bar__content_1686f {
     color: var(--color-light-text-primary);
     display: flex;
     flex-flow: column nowrap;
@@ -46,27 +46,27 @@
     align-self: baseline;
     box-sizing: border-box;
     min-height: 48px
-} .navigation-bar__content_1c77n.navigation-bar__withBothAddons_1c77n,
-    .navigation-bar__content_1c77n.navigation-bar__withCompactTitle_1c77n {
+} .navigation-bar__content_1686f.navigation-bar__withBothAddons_1686f,
+    .navigation-bar__content_1686f.navigation-bar__withCompactTitle_1686f {
         font-size: 16px;
         line-height: 20px;
         font-weight: 500;
         align-self: center;
         padding-top: var(--gap-2xs);
         padding-bottom: var(--gap-2xs)
-    } .navigation-bar__content_1c77n.navigation-bar__withBothAddons_1c77n > .navigation-bar__children_1c77n,
-        .navigation-bar__content_1c77n.navigation-bar__withBothAddons_1c77n > .navigation-bar__title_1c77n,
-        .navigation-bar__content_1c77n.navigation-bar__withCompactTitle_1c77n > .navigation-bar__children_1c77n,
-        .navigation-bar__content_1c77n.navigation-bar__withCompactTitle_1c77n > .navigation-bar__title_1c77n {
+    } .navigation-bar__content_1686f.navigation-bar__withBothAddons_1686f > .navigation-bar__children_1686f,
+        .navigation-bar__content_1686f.navigation-bar__withBothAddons_1686f > .navigation-bar__title_1686f,
+        .navigation-bar__content_1686f.navigation-bar__withCompactTitle_1686f > .navigation-bar__children_1686f,
+        .navigation-bar__content_1686f.navigation-bar__withCompactTitle_1686f > .navigation-bar__title_1686f {
             -webkit-line-clamp: 1;
             word-break: break-all;
-        } .navigation-bar__content_1c77n.navigation-bar__contentOnBotDesktop_1c77n.navigation-bar__contentOnBotDesktop_1c77n {
+        } .navigation-bar__content_1686f.navigation-bar__contentOnBotDesktop_1686f.navigation-bar__contentOnBotDesktop_1686f {
         padding-top: var(--gap-s);
-    } .navigation-bar__content_1c77n.navigation-bar__contentOnBotMobile_1c77n.navigation-bar__contentOnBotMobile_1c77n {
+    } .navigation-bar__content_1686f.navigation-bar__contentOnBotMobile_1686f.navigation-bar__contentOnBotMobile_1686f {
         padding-top: var(--gap-s);
-    } .navigation-bar__title_1c77n {
+    } .navigation-bar__title_1686f {
     word-break: break-word;
-} .navigation-bar__subtitle_1c77n {
+} .navigation-bar__subtitle_1686f {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -77,11 +77,11 @@
 
     color: var(--color-light-text-secondary);
     word-break: break-all;
-} .navigation-bar__addonsWrapper_1c77n {
+} .navigation-bar__addonsWrapper_1686f {
     display: flex;
-} .navigation-bar__rightAddons_1c77n {
+} .navigation-bar__rightAddons_1686f {
     margin-left: auto;
-} .navigation-bar__addon_1c77n {
+} .navigation-bar__addon_1686f {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -89,18 +89,18 @@
     align-items: center;
     flex-shrink: 0;
     pointer-events: all;
-} .navigation-bar__bottomAddons_1c77n {
+} .navigation-bar__bottomAddons_1686f {
     pointer-events: all;
-} .navigation-bar__closer_1c77n {
+} .navigation-bar__closer_1686f {
     margin-left: auto;
-} .navigation-bar__left_1c77n {
+} .navigation-bar__left_1686f {
     text-align: left;
-} .navigation-bar__center_1c77n {
+} .navigation-bar__center_1686f {
     text-align: center;
-} .navigation-bar__trim_1c77n {
+} .navigation-bar__trim_1686f {
     overflow: hidden
-} .navigation-bar__trim_1c77n .navigation-bar__title_1c77n,
-    .navigation-bar__trim_1c77n .navigation-bar__children_1c77n {
+} .navigation-bar__trim_1686f .navigation-bar__title_1686f,
+    .navigation-bar__trim_1686f .navigation-bar__children_1686f {
         -webkit-line-clamp: 2;
         display: -webkit-box;
         -webkit-box-orient: vertical;

package/notification/Component-9211a437.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
 import { BaseButtonProps } from "./typings-9211a437";
 declare const isClient: () => boolean;
 declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
@@ -16,9 +18,39 @@ declare const inputUtils: {
  * Возвращает true, если значение равно null или undefined
  */
 declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
 declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
     isNil: typeof isNil;
 };
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
 type SpinnerProps = {
     /**
      * Управление видимостью компонента
@@ -52,5 +84,5 @@ declare const Spinner: FC<SpinnerProps>;
  */
 declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
 declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { isClient, getDataTestId, easingFns, inputUtils, fnUtils, SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
+export { isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils, SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
 export * from "./createPaddingStyle-72dda473";

package/notification/Component.js

@@ -18,7 +18,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
 
-var styles = {"notificationComponent":"notification__notificationComponent_hfj3c","isVisible":"notification__isVisible_hfj3c","isClosing":"notification__isClosing_hfj3c","toastContent":"notification__toastContent_hfj3c","actionSection":"notification__actionSection_hfj3c"};
+var styles = {"notificationComponent":"notification__notificationComponent_1aww8","isVisible":"notification__isVisible_1aww8","isClosing":"notification__isClosing_1aww8","toastContent":"notification__toastContent_1aww8","actionSection":"notification__actionSection_1aww8"};
 require('./index.css');
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);

package/notification/cssm/Component-9211a437.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
 import { BaseButtonProps } from "./typings-9211a437";
 declare const isClient: () => boolean;
 declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
@@ -16,9 +18,39 @@ declare const inputUtils: {
  * Возвращает true, если значение равно null или undefined
  */
 declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
 declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
     isNil: typeof isNil;
 };
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
 type SpinnerProps = {
     /**
      * Управление видимостью компонента
@@ -52,5 +84,5 @@ declare const Spinner: FC<SpinnerProps>;
  */
 declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
 declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { isClient, getDataTestId, easingFns, inputUtils, fnUtils, SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
+export { isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils, SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
 export * from "./createPaddingStyle-72dda473";

package/notification/esm/Component-9211a437.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
 import { BaseButtonProps } from "./typings-9211a437";
 declare const isClient: () => boolean;
 declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
@@ -16,9 +18,39 @@ declare const inputUtils: {
  * Возвращает true, если значение равно null или undefined
  */
 declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
 declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
     isNil: typeof isNil;
 };
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
 type SpinnerProps = {
     /**
      * Управление видимостью компонента
@@ -52,5 +84,5 @@ declare const Spinner: FC<SpinnerProps>;
  */
 declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
 declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { isClient, getDataTestId, easingFns, inputUtils, fnUtils, SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
+export { isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils, SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
 export * from "./createPaddingStyle-72dda473";

package/notification/esm/Component.js

@@ -9,7 +9,7 @@ import { stackingOrder, Stack } from '../../stack/esm';
 import { ToastPlateDesktop } from '../../toast-plate/esm/desktop';
 import { useClickOutside } from './utils/index.js';
 
-var styles = {"notificationComponent":"notification__notificationComponent_hfj3c","isVisible":"notification__isVisible_hfj3c","isClosing":"notification__isClosing_hfj3c","toastContent":"notification__toastContent_hfj3c","actionSection":"notification__actionSection_hfj3c"};
+var styles = {"notificationComponent":"notification__notificationComponent_1aww8","isVisible":"notification__isVisible_1aww8","isClosing":"notification__isClosing_1aww8","toastContent":"notification__toastContent_1aww8","actionSection":"notification__actionSection_1aww8"};
 require('./index.css');
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);

package/notification/esm/index.css

@@ -21,7 +21,7 @@
 } :root {
 } :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_hfj3c {
+} .notification__notificationComponent_1aww8 {
     visibility: hidden;
     right: var(--gap-s);
     transform: translate(0, -500px);
@@ -30,26 +30,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_hfj3c {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_1aww8 {
         right: var(--gap-4xl);
         width: auto;
         transform: translate(calc(100% + var(--gap-4xl)), 0)
 }
-    } .notification__notificationComponent_hfj3c.notification__isVisible_hfj3c {
+    } .notification__notificationComponent_1aww8.notification__isVisible_1aww8 {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_hfj3c.notification__isClosing_hfj3c {
+    } .notification__notificationComponent_1aww8.notification__isClosing_1aww8 {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_hfj3c.notification__isClosing_hfj3c {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_1aww8.notification__isClosing_1aww8 {
             transform: translate(calc(100% + var(--gap-4xl)), 0)
     }
-        } .notification__notificationComponent_hfj3c.notification__notificationComponent_hfj3c {
+        } .notification__notificationComponent_1aww8.notification__notificationComponent_1aww8 {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_hfj3c {
+} @media screen and (min-width: 600px) { .notification__toastContent_1aww8 {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_hfj3c {
+    } .notification__actionSection_1aww8 {
     min-width: 104px;
     min-height: 48px;
     padding: 0 var(--gap-xs);

package/notification/index.css

@@ -21,7 +21,7 @@
 } :root {
 } :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_hfj3c {
+} .notification__notificationComponent_1aww8 {
     visibility: hidden;
     right: var(--gap-s);
     transform: translate(0, -500px);
@@ -30,26 +30,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_hfj3c {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_1aww8 {
         right: var(--gap-4xl);
         width: auto;
         transform: translate(calc(100% + var(--gap-4xl)), 0)
 }
-    } .notification__notificationComponent_hfj3c.notification__isVisible_hfj3c {
+    } .notification__notificationComponent_1aww8.notification__isVisible_1aww8 {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_hfj3c.notification__isClosing_hfj3c {
+    } .notification__notificationComponent_1aww8.notification__isClosing_1aww8 {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_hfj3c.notification__isClosing_hfj3c {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_1aww8.notification__isClosing_1aww8 {
             transform: translate(calc(100% + var(--gap-4xl)), 0)
     }
-        } .notification__notificationComponent_hfj3c.notification__notificationComponent_hfj3c {
+        } .notification__notificationComponent_1aww8.notification__notificationComponent_1aww8 {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_hfj3c {
+} @media screen and (min-width: 600px) { .notification__toastContent_1aww8 {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_hfj3c {
+    } .notification__actionSection_1aww8 {
     min-width: 104px;
     min-height: 48px;
     padding: 0 var(--gap-xs);

package/notification/modern/Component-9211a437.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
 import { BaseButtonProps } from "./typings-9211a437";
 declare const isClient: () => boolean;
 declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
@@ -16,9 +18,39 @@ declare const inputUtils: {
  * Возвращает true, если значение равно null или undefined
  */
 declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
 declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
     isNil: typeof isNil;
 };
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
 type SpinnerProps = {
     /**
      * Управление видимостью компонента
@@ -52,5 +84,5 @@ declare const Spinner: FC<SpinnerProps>;
  */
 declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
 declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { isClient, getDataTestId, easingFns, inputUtils, fnUtils, SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
+export { isClient, getDataTestId, easingFns, inputUtils, fnUtils, maskUtils, SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
 export * from "./createPaddingStyle-72dda473";

package/notification/modern/Component.js

@@ -8,7 +8,7 @@ import { Stack, stackingOrder } from '../../stack/modern';
 import { ToastPlateDesktop } from '../../toast-plate/modern/desktop';
 import { useClickOutside } from './utils/index.js';
 
-const styles = {"notificationComponent":"notification__notificationComponent_hfj3c","isVisible":"notification__isVisible_hfj3c","isClosing":"notification__isClosing_hfj3c","toastContent":"notification__toastContent_hfj3c","actionSection":"notification__actionSection_hfj3c"};
+const styles = {"notificationComponent":"notification__notificationComponent_1aww8","isVisible":"notification__isVisible_1aww8","isClosing":"notification__isClosing_1aww8","toastContent":"notification__toastContent_1aww8","actionSection":"notification__actionSection_1aww8"};
 require('./index.css');
 
 const notificationClassNameSelector = `.${styles.notificationComponent}`;

package/notification/modern/index.css

@@ -21,7 +21,7 @@
 } :root {
 } :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_hfj3c {
+} .notification__notificationComponent_1aww8 {
     visibility: hidden;
     right: var(--gap-s);
     transform: translate(0, -500px);
@@ -30,26 +30,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_hfj3c {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_1aww8 {
         right: var(--gap-4xl);
         width: auto;
         transform: translate(calc(100% + var(--gap-4xl)), 0)
 }
-    } .notification__notificationComponent_hfj3c.notification__isVisible_hfj3c {
+    } .notification__notificationComponent_1aww8.notification__isVisible_1aww8 {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_hfj3c.notification__isClosing_hfj3c {
+    } .notification__notificationComponent_1aww8.notification__isClosing_1aww8 {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_hfj3c.notification__isClosing_hfj3c {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_1aww8.notification__isClosing_1aww8 {
             transform: translate(calc(100% + var(--gap-4xl)), 0)
     }
-        } .notification__notificationComponent_hfj3c.notification__notificationComponent_hfj3c {
+        } .notification__notificationComponent_1aww8.notification__notificationComponent_1aww8 {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_hfj3c {
+} @media screen and (min-width: 600px) { .notification__toastContent_1aww8 {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_hfj3c {
+    } .notification__actionSection_1aww8 {
     min-width: 104px;
     min-height: 48px;
     padding: 0 var(--gap-xs);

package/notification-manager/component.js

@@ -13,7 +13,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_aocg0","notification":"notification-manager__notification_aocg0","enter":"notification-manager__enter_aocg0","enterActive":"notification-manager__enterActive_aocg0","exit":"notification-manager__exit_aocg0","exitActive":"notification-manager__exitActive_aocg0"};
+var styles = {"component":"notification-manager__component_1qibc","notification":"notification-manager__notification_1qibc","enter":"notification-manager__enter_1qibc","enterActive":"notification-manager__enterActive_1qibc","exit":"notification-manager__exit_1qibc","exitActive":"notification-manager__exitActive_1qibc"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/notification-manager/esm/component.js

@@ -6,7 +6,7 @@ import { Portal } from '../../portal/esm';
 import { stackingOrder, Stack } from '../../stack/esm';
 import { Notification } from './components/notification/component.js';
 
-var styles = {"component":"notification-manager__component_aocg0","notification":"notification-manager__notification_aocg0","enter":"notification-manager__enter_aocg0","enterActive":"notification-manager__enterActive_aocg0","exit":"notification-manager__exit_aocg0","exitActive":"notification-manager__exitActive_aocg0"};
+var styles = {"component":"notification-manager__component_1qibc","notification":"notification-manager__notification_1qibc","enter":"notification-manager__enter_1qibc","enterActive":"notification-manager__enterActive_1qibc","exit":"notification-manager__exit_1qibc","exitActive":"notification-manager__exitActive_1qibc"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/notification-manager/esm/index.css

@@ -5,7 +5,7 @@
     --gap-4xl: 48px;
 }
 
-.notification-manager__component_aocg0 {
+.notification-manager__component_1qibc {
     position: fixed;
     top: 0;
     right: var(--gap-s);
@@ -13,48 +13,48 @@
     flex-direction: column;
 }
 
-.notification-manager__component_aocg0 .notification-manager__notification_aocg0 {
+.notification-manager__component_1qibc .notification-manager__notification_1qibc {
     position: static;
     width: calc(100vw - var(--gap-xl));
     margin-top: var(--gap-s);
     will-change: transform;
 }
 
-.notification-manager__enter_aocg0 {
+.notification-manager__enter_1qibc {
     visibility: hidden;
     transform: translate(0, -500px);
 }
 
-.notification-manager__enterActive_aocg0 {
+.notification-manager__enterActive_1qibc {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 }
 
-.notification-manager__exit_aocg0 {
+.notification-manager__exit_1qibc {
     opacity: 0;
 }
 
-.notification-manager__exitActive_aocg0 {
+.notification-manager__exitActive_1qibc {
     visibility: hidden;
     opacity: 0;
     transition: opacity 0.15s ease-in-out;
 }
 
 @media (min-width: 600px) {
-    .notification-manager__component_aocg0 {
+    .notification-manager__component_1qibc {
         right: var(--gap-4xl);
     }
 
-    .notification-manager__component_aocg0 .notification-manager__notification_aocg0 {
+    .notification-manager__component_1qibc .notification-manager__notification_1qibc {
         width: auto;
     }
 
-    .notification-manager__enter_aocg0 {
+    .notification-manager__enter_1qibc {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_aocg0 {
+    .notification-manager__enterActive_1qibc {
         transform: translate(0);
     }
 }