@alfalab/core-components-confirmation 13.5.8 → 13.6.0

package/modern/{countdown-section-3fbfd7fb.js → countdown-section-2725d6e5.js}

@@ -6,7 +6,7 @@ import { Typography } from '@alfalab/core-components-typography/modern';
 import { ConfirmationContext } from './context.js';
 import { formatMsAsMinutes } from './utils.js';
 
-const styles = {"component":"confirmation__component_1eu5b","typographyTheme":"confirmation__typographyTheme_1eu5b","phone":"confirmation__phone_1eu5b","compact":"confirmation__compact_1eu5b","loaderWrap":"confirmation__loaderWrap_1eu5b","left":"confirmation__left_1eu5b","center":"confirmation__center_1eu5b","codeInput":"confirmation__codeInput_1eu5b","smsBtn":"confirmation__smsBtn_1eu5b","smsComeLink":"confirmation__smsComeLink_1eu5b","countdownContainer":"confirmation__countdownContainer_1eu5b","countdownMobile":"confirmation__countdownMobile_1eu5b","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1eu5b","getCodeButton":"confirmation__getCodeButton_1eu5b","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1eu5b","containerInput":"confirmation__containerInput_1eu5b"};
+const styles = {"component":"confirmation__component_5puog","typographyTheme":"confirmation__typographyTheme_5puog","phone":"confirmation__phone_5puog","compact":"confirmation__compact_5puog","loaderWrap":"confirmation__loaderWrap_5puog","left":"confirmation__left_5puog","center":"confirmation__center_5puog","codeInput":"confirmation__codeInput_5puog","smsBtn":"confirmation__smsBtn_5puog","smsComeLink":"confirmation__smsComeLink_5puog","countdownContainer":"confirmation__countdownContainer_5puog","countdownMobile":"confirmation__countdownMobile_5puog","countdownLoaderMobile":"confirmation__countdownLoaderMobile_5puog","getCodeButton":"confirmation__getCodeButton_5puog","getCodeButtonMobile":"confirmation__getCodeButtonMobile_5puog","containerInput":"confirmation__containerInput_5puog"};
 require('./components/screens/initial/index.css')
 
 const CountdownSection = ({ codeSendHintVisible, timePassed, processing, mobile, handleSmsRetryClick, }) => {

package/modern/mobile/component.mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { BaseConfirmation } from '../components/base-confirmation/component.js';
 
-const styles = {"container":"confirmation__container_1g3xz"};
+const styles = {"container":"confirmation__container_ixawe"};
 require('./mobile.css')
 
 const ConfirmationMobile = ({ className, ...resProps }) => (React.createElement(BaseConfirmation, { mobile: true, className: cn(className, styles.container), ...resProps }));

package/modern/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1l965 */
-.confirmation__container_1g3xz {
+/* hash: 1q8s4 */
+.confirmation__container_ixawe {
     max-width: 288px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-confirmation",
-    "version": "13.5.8",
+    "version": "13.6.0",
     "description": "Sms confirmation component",
     "keywords": [],
     "license": "MIT",
@@ -11,12 +11,12 @@
         "directory": "dist"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^11.5.2",
-        "@alfalab/core-components-code-input": "^3.3.1",
+        "@alfalab/core-components-button": "^11.5.3",
+        "@alfalab/core-components-code-input": "^3.4.0",
         "@alfalab/core-components-link": "^5.2.2",
         "@alfalab/core-components-spinner": "^3.4.0",
-        "@alfalab/core-components-typography": "^4.6.0",
-        "@alfalab/core-components-mq": "^4.2.0",
+        "@alfalab/core-components-typography": "^4.7.0",
+        "@alfalab/core-components-mq": "^4.3.0",
         "@alfalab/hooks": "^1.13.0",
         "classnames": "^2.3.1",
         "tslib": "^2.4.0"

package/src/component.responsive.tsx

@@ -15,13 +15,19 @@ export type ResponsiveConfirmationProps = Omit<
      * @default 1024
      */
     breakpoint?: number;
+
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
 };
 
 export const ConfirmationResponsive: FC<ResponsiveConfirmationProps> = ({
     breakpoint = 1024,
+    defaultMatchMediaValue = true,
     ...restProps
 }) => {
-    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, true);
+    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
 
     return isDesktop ? (
         <ConfirmationDesktop {...restProps} />