@alfalab/core-components 47.3.0-beta.1 → 47.4.0

package/side-panel/modern/desktop/index.js

@@ -11,7 +11,7 @@ import '../Context.js';
 import '../../../base-modal/modern';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-c526db33.js';
+import '../layout.module-3bd34d8b.js';
 import '../components/footer/Component.desktop.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/modern/index.js

@@ -5,7 +5,7 @@ import '../../shared/modern';
 import './components/controls/Component.js';
 import 'classnames';
 import './ResponsiveContext.js';
-import './layout.module-c526db33.js';
+import './layout.module-3bd34d8b.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';
 import './consts.js';

package/side-panel/modern/mobile/Component.mobile.js

@@ -9,7 +9,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-c526db33.js';
+import '../layout.module-3bd34d8b.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';

package/side-panel/modern/mobile/index.js

@@ -8,7 +8,7 @@ import '../../../shared/modern';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-c526db33.js';
+import '../layout.module-3bd34d8b.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/tag/Component.responsive.d.ts

@@ -7,6 +7,10 @@ type TagProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const Tag: React.ForwardRefExoticComponent<Omit<BaseTagProps, "styles" | "colorStylesMap"> & {
     /**
@@ -14,5 +18,9 @@ declare const Tag: React.ForwardRefExoticComponent<Omit<BaseTagProps, "styles" |
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { TagProps, Tag };

package/tag/Component.responsive.js

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Tag = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.TagDesktop : mobile_Component_mobile.TagMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });

package/tag/cssm/Component.responsive.d.ts

@@ -7,6 +7,10 @@ type TagProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const Tag: React.ForwardRefExoticComponent<Omit<BaseTagProps, "styles" | "colorStylesMap"> & {
     /**
@@ -14,5 +18,9 @@ declare const Tag: React.ForwardRefExoticComponent<Omit<BaseTagProps, "styles" |
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { TagProps, Tag };

package/tag/cssm/Component.responsive.js

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Tag = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.TagDesktop : mobile_Component_mobile.TagMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });

package/tag/esm/Component.responsive.d.ts

@@ -7,6 +7,10 @@ type TagProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const Tag: React.ForwardRefExoticComponent<Omit<BaseTagProps, "styles" | "colorStylesMap"> & {
     /**
@@ -14,5 +18,9 @@ declare const Tag: React.ForwardRefExoticComponent<Omit<BaseTagProps, "styles" |
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { TagProps, Tag };

package/tag/esm/Component.responsive.js

@@ -9,9 +9,9 @@ import 'classnames';
 import '@alfalab/hooks';
 
 var Tag = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = useMatchMedia(query)[0];
+    var isDesktop = useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? TagDesktop : TagMobile;
     return (React.createElement(Component, __assign({ ref: ref }, restProps), children));
 });

package/tag/modern/Component.responsive.d.ts

@@ -7,6 +7,10 @@ type TagProps = Omit<BaseTagProps, 'styles' | 'colorStylesMap'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const Tag: React.ForwardRefExoticComponent<Omit<BaseTagProps, "styles" | "colorStylesMap"> & {
     /**
@@ -14,5 +18,9 @@ declare const Tag: React.ForwardRefExoticComponent<Omit<BaseTagProps, "styles" |
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { TagProps, Tag };

package/tag/modern/Component.responsive.js

@@ -7,9 +7,9 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
 
-const Tag = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
+const Tag = forwardRef(({ children, breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
-    const [isDesktop] = useMatchMedia(query);
+    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
     const Component = isDesktop ? TagDesktop : TagMobile;
     return (React.createElement(Component, { ref: ref, ...restProps }, children));
 });

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,8 +1,4 @@
-.card-image__cardImage_us3oo {
-    background: #e7e8ea;
-} .card-image__loaded_us3oo {
-    background: transparent
-}.backdrop__backdrop_1o6xs {
+.backdrop__backdrop_1o6xs {
     -webkit-tap-highlight-color: transparent;
 } .backdrop__appear_1o6xs,
 .backdrop__enter_1o6xs {
@@ -17,6 +13,10 @@
 } .backdrop__exitActive_1o6xs,
 .backdrop__exitDone_1o6xs {
     background-color: transparent;
+}.card-image__cardImage_us3oo {
+    background: #e7e8ea;
+} .card-image__loaded_us3oo {
+    background: transparent
 }.badge__component_1s32n.badge__background-accent_1s32n {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
@@ -168,14 +168,7 @@
         background: rgba(255, 255, 255, 0.94);
     } .hatching-progress-bar__accent_zr6li {
         background: #f83a2a;
-    }.icon-view__component_nad0r {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_nad0r {
-    fill: #1c1c1e;
-} .icon-view__border_nad0r {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}.indicator__component_n2a89 {
+    }.indicator__component_n2a89 {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_n2a89 {
@@ -193,7 +186,14 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_n2a89.indicator__border_n2a89 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }@keyframes loader__blink_lzk8v {
+    }.icon-view__component_nad0r {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_nad0r {
+    fill: #1c1c1e;
+} .icon-view__border_nad0r {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}@keyframes loader__blink_lzk8v {
 }.link__primary_bdei5 {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)

package/toast/Component.responsive.d.ts

@@ -4,6 +4,7 @@ import { BaseToastProps } from "./components/base-toast/index";
 type ToastProps = BaseToastProps;
 declare const Toast: React.ForwardRefExoticComponent<Omit<import("../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
     breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & Pick<import("../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "offset" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
@@ -13,6 +14,7 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../toast-plate
     onClose: () => void;
     ToastPlate?: React.ForwardRefExoticComponent<Omit<import("../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
         breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { ToastProps, Toast };

package/toast/Component.responsive.js

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Toast = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.ToastDesktop : mobile_Component_mobile.ToastMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });

package/toast/components/base-toast/component.d.ts

@@ -38,6 +38,7 @@ type BaseToastProps = ToastPlateProps & Pick<PopoverProps, 'fallbackPlacements'
 };
 declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
     breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "offset" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
@@ -71,6 +72,7 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../t
      */
     ToastPlate?: React.ForwardRefExoticComponent<Omit<import("../../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
         breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { BaseToastProps, BaseToast };

package/toast/cssm/Component.responsive.d.ts

@@ -4,6 +4,7 @@ import { BaseToastProps } from "./components/base-toast/index";
 type ToastProps = BaseToastProps;
 declare const Toast: React.ForwardRefExoticComponent<Omit<import("../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
     breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & Pick<import("../../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "offset" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
@@ -13,6 +14,7 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../../toast-pl
     onClose: () => void;
     ToastPlate?: React.ForwardRefExoticComponent<Omit<import("../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
         breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { ToastProps, Toast };

package/toast/cssm/Component.responsive.js

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Toast = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.ToastDesktop : mobile_Component_mobile.ToastMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });

package/toast/cssm/components/base-toast/component.d.ts

@@ -38,6 +38,7 @@ type BaseToastProps = ToastPlateProps & Pick<PopoverProps, 'fallbackPlacements'
 };
 declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
     breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "offset" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
@@ -71,6 +72,7 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../.
      */
     ToastPlate?: React.ForwardRefExoticComponent<Omit<import("../../../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
         breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { BaseToastProps, BaseToast };

package/toast/esm/Component.responsive.d.ts

@@ -4,6 +4,7 @@ import { BaseToastProps } from "./components/base-toast/index";
 type ToastProps = BaseToastProps;
 declare const Toast: React.ForwardRefExoticComponent<Omit<import("../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
     breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & Pick<import("../../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "offset" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
@@ -13,6 +14,7 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../../toast-pl
     onClose: () => void;
     ToastPlate?: React.ForwardRefExoticComponent<Omit<import("../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
         breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { ToastProps, Toast };

package/toast/esm/Component.responsive.js

@@ -16,9 +16,9 @@ import '@alfalab/stack-context';
 import '../../toast-plate/esm/mobile';
 
 var Toast = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = useMatchMedia(query)[0];
+    var isDesktop = useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? ToastDesktop : ToastMobile;
     return (React.createElement(Component, __assign({ ref: ref }, restProps), children));
 });

package/toast/esm/components/base-toast/component.d.ts

@@ -38,6 +38,7 @@ type BaseToastProps = ToastPlateProps & Pick<PopoverProps, 'fallbackPlacements'
 };
 declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
     breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "offset" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
@@ -71,6 +72,7 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../.
      */
     ToastPlate?: React.ForwardRefExoticComponent<Omit<import("../../../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
         breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { BaseToastProps, BaseToast };

package/toast/modern/Component.responsive.d.ts

@@ -4,6 +4,7 @@ import { BaseToastProps } from "./components/base-toast/index";
 type ToastProps = BaseToastProps;
 declare const Toast: React.ForwardRefExoticComponent<Omit<import("../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
     breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & Pick<import("../../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "offset" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
@@ -13,6 +14,7 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../../toast-pl
     onClose: () => void;
     ToastPlate?: React.ForwardRefExoticComponent<Omit<import("../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
         breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { ToastProps, Toast };

package/toast/modern/Component.responsive.js

@@ -14,9 +14,9 @@ import '@alfalab/hooks';
 import '@alfalab/stack-context';
 import '../../toast-plate/modern/mobile';
 
-const Toast = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
+const Toast = forwardRef(({ children, breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
-    const [isDesktop] = useMatchMedia(query);
+    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
     const Component = isDesktop ? ToastDesktop : ToastMobile;
     return (React.createElement(Component, { ref: ref, ...restProps }, children));
 });

package/toast/modern/components/base-toast/component.d.ts

@@ -38,6 +38,7 @@ type BaseToastProps = ToastPlateProps & Pick<PopoverProps, 'fallbackPlacements'
 };
 declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
     breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "offset" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
@@ -71,6 +72,7 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../.
      */
     ToastPlate?: React.ForwardRefExoticComponent<Omit<import("../../../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
         breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { BaseToastProps, BaseToast };

package/toast-plate/Component.responsive.d.ts

@@ -7,6 +7,10 @@ type ToastPlateProps = Omit<BaseToastPlateProps, 'styles'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const ToastPlate: React.ForwardRefExoticComponent<Omit<BaseToastPlateProps, "styles"> & {
     /**
@@ -14,5 +18,9 @@ declare const ToastPlate: React.ForwardRefExoticComponent<Omit<BaseToastPlatePro
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { ToastPlateProps, ToastPlate };

package/toast-plate/Component.responsive.js

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ToastPlate = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.ToastPlateDesktop : mobile_Component_mobile.ToastPlateMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });

package/toast-plate/cssm/Component.responsive.d.ts

@@ -7,6 +7,10 @@ type ToastPlateProps = Omit<BaseToastPlateProps, 'styles'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const ToastPlate: React.ForwardRefExoticComponent<Omit<BaseToastPlateProps, "styles"> & {
     /**
@@ -14,5 +18,9 @@ declare const ToastPlate: React.ForwardRefExoticComponent<Omit<BaseToastPlatePro
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { ToastPlateProps, ToastPlate };

package/toast-plate/cssm/Component.responsive.js

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ToastPlate = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.ToastPlateDesktop : mobile_Component_mobile.ToastPlateMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });

package/toast-plate/esm/Component.responsive.d.ts

@@ -7,6 +7,10 @@ type ToastPlateProps = Omit<BaseToastPlateProps, 'styles'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const ToastPlate: React.ForwardRefExoticComponent<Omit<BaseToastPlateProps, "styles"> & {
     /**
@@ -14,5 +18,9 @@ declare const ToastPlate: React.ForwardRefExoticComponent<Omit<BaseToastPlatePro
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { ToastPlateProps, ToastPlate };

package/toast-plate/esm/Component.responsive.js

@@ -16,9 +16,9 @@ import './components/base-toast-plate/hooks/useDeprecatedBadge.js';
 import './components/base-toast-plate/utils/isUnsafeBadge.js';
 
 var ToastPlate = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = useMatchMedia(query)[0];
+    var isDesktop = useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? ToastPlateDesktop : ToastPlateMobile;
     return (React.createElement(Component, __assign({ ref: ref }, restProps), children));
 });

package/toast-plate/modern/Component.responsive.d.ts

@@ -7,6 +7,10 @@ type ToastPlateProps = Omit<BaseToastPlateProps, 'styles'> & {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 declare const ToastPlate: React.ForwardRefExoticComponent<Omit<BaseToastPlateProps, "styles"> & {
     /**
@@ -14,5 +18,9 @@ declare const ToastPlate: React.ForwardRefExoticComponent<Omit<BaseToastPlatePro
      * @default 1024
      */
     breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { ToastPlateProps, ToastPlate };

package/toast-plate/modern/Component.responsive.js

@@ -14,9 +14,9 @@ import './components/base-toast-plate/hooks/useCustomIcons.js';
 import './components/base-toast-plate/hooks/useDeprecatedBadge.js';
 import './components/base-toast-plate/utils/isUnsafeBadge.js';
 
-const ToastPlate = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
+const ToastPlate = forwardRef(({ children, breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
-    const [isDesktop] = useMatchMedia(query);
+    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
     const Component = isDesktop ? ToastPlateDesktop : ToastPlateMobile;
     return (React.createElement(Component, { ref: ref, ...restProps }, children));
 });

package/typography/{common.module-ab0dd105.js → common.module-6c15aeb4.js}

@@ -1,4 +1,4 @@
-var commonStyles = {"component":"typography__component_1b8ja","bold":"typography__bold_1b8ja","semibold":"typography__semibold_1b8ja","medium":"typography__medium_1b8ja","regular":"typography__regular_1b8ja","rowLimit1":"typography__rowLimit1_1b8ja","rowLimit2":"typography__rowLimit2_1b8ja","rowLimit3":"typography__rowLimit3_1b8ja"};
+var commonStyles = {"component":"typography__component_1b8ja","bold":"typography__bold_1b8ja","semibold":"typography__semibold_1b8ja","medium":"typography__medium_1b8ja","regular":"typography__regular_1b8ja"};
 require('./title/common.css');
 
 exports.commonStyles = commonStyles;

package/typography/cssm/title/common.module.css

@@ -2,41 +2,15 @@
     margin: 0;
     padding: 0
 }
-
 .component.bold {
         font-weight: bold;
     }
-
 .component.semibold {
         font-weight: 600;
     }
-
 .component.medium {
         font-weight: 500;
     }
-
 .component.regular {
         font-weight: normal;
     }
-
-.rowLimit1 {
-    -webkit-line-clamp: 1;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    word-break: break-all;
-}
-
-.rowLimit2 {
-    -webkit-line-clamp: 2;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-}
-
-.rowLimit3 {
-    -webkit-line-clamp: 3;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-}