fix: updated screenshots

hextion · hextion · commit 61232c869c2c · 2025-10-13T09:55:08.000+03:00
diff --git a/packages/pattern-lock-v1/src/__snapshots__/component.test.tsx.snap b/packages/pattern-lock-v1/src/__snapshots__/component.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`PatternLockV1 test Snapshot tests should match snapshot 1`] = `
       class="message"
     />
     <div
-      class="forgotBtn forgotBtn hiddenBtn"
+      class="forgotBtnContainer forgotBtnContainer hiddenBtn"
     />
   </div>
 </div>
@@ -26,7 +26,7 @@ exports[`PatternLockV1 test Snapshot tests should match snapshot with error prop
       Error message
     </div>
     <div
-      class="forgotBtn forgotBtn hiddenBtn"
+      class="forgotBtnContainer forgotBtnContainer hiddenBtn"
     />
   </div>
 </div>
diff --git a/packages/pattern-lock-v1/src/components/base-pattern-lock/Component.tsx b/packages/pattern-lock-v1/src/components/base-pattern-lock/Component.tsx
@@ -126,9 +126,14 @@ export const BasePatternLock = forwardRef<
                     extraBounds={extraBounds}
                     hover={hover}
                 />
-
-                {showForgotCodeBtn ? (
-                    <div className={cn(commonStyles.forgotBtnContainer, styles.forgotBtnContainer)}>
+                <div
+                    className={cn(
+                        commonStyles.forgotBtnContainer,
+                        styles.forgotBtnContainer,
+                        styles.hiddenBtn,
+                    )}
+                >
+                    {showForgotCodeBtn && (
                         <ButtonMobile
                             view='transparent'
                             className={cn(commonStyles.forgotBtn, styles.forgotBtn)}
@@ -137,14 +142,8 @@ export const BasePatternLock = forwardRef<
                         >
                             {forgotCodeBtnText}
                         </ButtonMobile>
-                    </div>
-                ) : (
-                    <div
-                        className={cn(commonStyles.forgotBtn, styles.forgotBtn, {
-                            [styles.hiddenBtn]: Boolean(styles.hiddenBtn),
-                        })}
-                    />
-                )}
+                    )}
+                </div>
             </div>
         );
     },
diff --git a/packages/pattern-lock-v1/src/components/base-pattern-lock/index.module.css b/packages/pattern-lock-v1/src/components/base-pattern-lock/index.module.css
@@ -33,6 +33,7 @@
     justify-content: center;
 }
 
+.forgotBtnContainer,
 .forgotBtn.forgotBtn.forgotBtn {
     min-height: var(--size-xs-height);
 }
diff --git a/packages/pattern-lock-v1/src/mobile/mobile.module.css b/packages/pattern-lock-v1/src/mobile/mobile.module.css
@@ -14,6 +14,7 @@
     .forgotBtnContainer {
         margin-top: var(--gap-32);
     }
+    .forgotBtnContainer,
     .forgotBtn.forgotBtn.forgotBtn {
         min-height: var(--size-s-height);
     }
@@ -24,6 +25,7 @@
 }
 
 @media screen and (min-width: 390px) {
+    .forgotBtnContainer,
     .forgotBtn.forgotBtn.forgotBtn {
         min-height: var(--size-m-height);
     }
diff --git a/packages/pattern-lock/src/__image_snapshots__/pattern-lock-screenshots-default-with-forgot-code-button-snap.png b/packages/pattern-lock/src/__image_snapshots__/pattern-lock-screenshots-default-with-forgot-code-button-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5a8cc30205a0fdb528b64a54dbbd964a50b854d6a090b50cea8d2386e56df0d0
-size 9019
+oid sha256:bc7add260dd67f0f0bc65e793dec0b4f5bc8d617ee1624f013d3cab03f07de79
+size 8754
diff --git a/packages/pattern-lock/src/__snapshots__/component.test.tsx.snap b/packages/pattern-lock/src/__snapshots__/component.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`PatternLock test Snapshot tests should match snapshot 1`] = `
 <div>
   <div
-    class="component component"
+    class="component"
   >
     <div
       class="canvasContainer"
diff --git a/packages/pattern-lock/src/components/base-pattern-lock/Component.tsx b/packages/pattern-lock/src/components/base-pattern-lock/Component.tsx
@@ -36,7 +36,6 @@ export const BasePatternLock = forwardRef<
             extraBounds = DEFAULT_EXTRA_BOUNDS,
             messageClassName,
             hover,
-            styles = {},
             disabled = false,
             ...restProps
         },
@@ -90,7 +89,7 @@ export const BasePatternLock = forwardRef<
 
         return (
             <div
-                className={cn(commonStyles.component, styles.component, className, {
+                className={cn(commonStyles.component, className, {
                     [commonStyles.hidden]: !params,
                     [commonStyles.withForgotBtn]: showForgotCodeBtn,
                     [commonStyles.disabled]: disabled,
@@ -112,14 +111,16 @@ export const BasePatternLock = forwardRef<
                     </div>
                 </div>
                 {showForgotCodeBtn && (
-                    <ButtonMobile
-                        view='transparent'
-                        className={cn(commonStyles.forgotBtn, styles.forgotBtn)}
-                        onClick={onForgotBtnClick}
-                        dataTestId={getDataTestId(dataTestId, 'forgot-code-btn')}
-                    >
-                        {forgotCodeBtnText}
-                    </ButtonMobile>
+                    <div className={commonStyles.forgotBtnContainer}>
+                        <ButtonMobile
+                            view='transparent'
+                            size={40}
+                            onClick={onForgotBtnClick}
+                            dataTestId={getDataTestId(dataTestId, 'forgot-code-btn')}
+                        >
+                            {forgotCodeBtnText}
+                        </ButtonMobile>
+                    </div>
                 )}
             </div>
         );
diff --git a/packages/pattern-lock/src/components/base-pattern-lock/index.module.css b/packages/pattern-lock/src/components/base-pattern-lock/index.module.css
@@ -35,7 +35,8 @@
     min-height: var(--pattern-lock-with-forgot-btn-min-height);
 }
 
-.forgotBtn {
-    display: block;
-    min-height: var(--size-xs-height);
+.forgotBtnContainer {
+    display: flex;
+    justify-content: center;
+    margin: var(--gap-8) auto var(--gap-0);
 }
diff --git a/packages/pattern-lock/src/desktop/Component.desktop.tsx b/packages/pattern-lock/src/desktop/Component.desktop.tsx
@@ -5,10 +5,8 @@ import { type TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
 import { BasePatternLock } from '../components/base-pattern-lock';
 import { type CommonPatternLockProps } from '../typings';
 
-import styles from './desktop.module.css';
-
 export const PatternLockDesktop = forwardRef<TPatternLockInstance, CommonPatternLockProps>(
-    (restProps, ref) => <BasePatternLock {...restProps} hover={true} ref={ref} styles={styles} />,
+    (restProps, ref) => <BasePatternLock {...restProps} hover={true} ref={ref} />,
 );
 
 PatternLockDesktop.displayName = 'PatternLockDesktop';
diff --git a/packages/pattern-lock/src/desktop/desktop.module.css b/packages/pattern-lock/src/desktop/desktop.module.css
diff --git a/packages/pattern-lock/src/mobile/Component.mobile.tsx b/packages/pattern-lock/src/mobile/Component.mobile.tsx
@@ -5,10 +5,8 @@ import { type TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
 import { BasePatternLock } from '../components/base-pattern-lock';
 import { type CommonPatternLockProps } from '../typings';
 
-import styles from './mobile.module.css';
-
 export const PatternLockMobile = forwardRef<TPatternLockInstance, CommonPatternLockProps>(
-    (restProps, ref) => <BasePatternLock {...restProps} ref={ref} styles={styles} />,
+    (restProps, ref) => <BasePatternLock {...restProps} ref={ref} />,
 );
 
 PatternLockMobile.displayName = 'PatternLockMobile';
diff --git a/packages/pattern-lock/src/mobile/mobile.module.css b/packages/pattern-lock/src/mobile/mobile.module.css
diff --git a/packages/pattern-lock/src/typings.ts b/packages/pattern-lock/src/typings.ts
@@ -75,10 +75,6 @@ export type PrivatePatternLockProps = {
      * Включает ховер-эффект
      */
     hover?: boolean;
-    /**
-     * Стили компонента
-     */
-    styles: { [key: string]: string };
 };
 
 export type PatternLockProps = CommonPatternLockProps & {
diff --git a/packages/tabs/src/__image_snapshots__/tabs-text-style-prop-text-style-13-snap.png b/packages/tabs/src/__image_snapshots__/tabs-text-style-prop-text-style-13-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:36430c5f8bb9992a75386cfd79cd5bdf9d6e52913a4b1fe999e9827595eeb44b
-size 6593
+oid sha256:b0a8bd828f30ae7bf0a13fec26d72979eae6925de9c7d4c8251fead5d6b2a2e5
+size 6579
diff --git a/packages/tabs/src/__image_snapshots__/tabs-text-style-prop-text-style-2-snap.png b/packages/tabs/src/__image_snapshots__/tabs-text-style-prop-text-style-2-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e20d6ff21a16a231f1b463cb3d79d5cc8a4666a07087413fac8058f54ce73ff8
-size 6868
+oid sha256:9c77f5219ebce4542ff87cf5167a68e2cc36651f976fc8a6f8cc52c90ea093e2
+size 6841
diff --git a/packages/tabs/src/__image_snapshots__/tabs-text-style-prop-text-style-5-snap.png b/packages/tabs/src/__image_snapshots__/tabs-text-style-prop-text-style-5-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e20d6ff21a16a231f1b463cb3d79d5cc8a4666a07087413fac8058f54ce73ff8
-size 6868
+oid sha256:9c77f5219ebce4542ff87cf5167a68e2cc36651f976fc8a6f8cc52c90ea093e2
+size 6841
diff --git a/packages/tabs/src/__image_snapshots__/tabs-text-style-prop-text-style-8-snap.png b/packages/tabs/src/__image_snapshots__/tabs-text-style-prop-text-style-8-snap.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e33a82912452b8838c5babf103b547bc5cc0d2730888c56820258aab890d14af
-size 6838
+oid sha256:4013e498eef8d58cf6dccfdb0b33c6fafda311abd5e45f806f0bf844b1f03fa9
+size 6824

Original file line number	Diff line number	Diff line change
`@@ -33,6 +33,7 @@`
`33`	`33`	`justify-content: center;`
`34`	`34`	`}`
`35`	`35`
	`36`	`+.forgotBtnContainer,`
`36`	`37`	`.forgotBtn.forgotBtn.forgotBtn {`
`37`	`38`	`min-height: var(--size-xs-height);`
`38`	`39`	`}`
Original file line number	Diff line number	Diff line change
`@@ -14,6 +14,7 @@`
`14`	`14`	`.forgotBtnContainer {`
`15`	`15`	`margin-top: var(--gap-32);`
`16`	`16`	`}`
	`17`	`+ .forgotBtnContainer,`
`17`	`18`	`.forgotBtn.forgotBtn.forgotBtn {`
`18`	`19`	`min-height: var(--size-s-height);`
`19`	`20`	`}`
`@@ -24,6 +25,7 @@`
`24`	`25`	`}`
`25`	`26`
`26`	`27`	`@media screen and (min-width: 390px) {`
	`28`	`+ .forgotBtnContainer,`
`27`	`29`	`.forgotBtn.forgotBtn.forgotBtn {`
`28`	`30`	`min-height: var(--size-m-height);`
`29`	`31`	`}`
Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	exports[`PatternLock test Snapshot tests should match snapshot 1`] = `
`4`	`4`	`<div>`
`5`	`5`	`<div`
`6`		`- class="component component"`
	`6`	`+ class="component"`
`7`	`7`	`>`
`8`	`8`	`<div`
`9`	`9`	`class="canvasContainer"`
Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,8 @@`
`35`	`35`	`min-height: var(--pattern-lock-with-forgot-btn-min-height);`
`36`	`36`	`}`
`37`	`37`
`38`		`-.forgotBtn {`
`39`		`- display: block;`
`40`		`- min-height: var(--size-xs-height);`
	`38`	`+.forgotBtnContainer {`
	`39`	`+ display: flex;`
	`40`	`+ justify-content: center;`
	`41`	`+ margin: var(--gap-8) auto var(--gap-0);`
`41`	`42`	`}`