From e5c8746cc17f8eb82b9f17ebf4c5d915b71f0633 Mon Sep 17 00:00:00 2001
From: mroz <mvarmuza@gmail.com>
Date: Mon, 22 Aug 2022 19:06:59 +0200
Subject: [PATCH] fixup(components): use motionProps from components

---
 .../components/Passphrase/PassphraseTypeCard.tsx   | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/components/Passphrase/PassphraseTypeCard.tsx b/packages/components/src/components/Passphrase/PassphraseTypeCard.tsx
index c33bd4190d90..81140e17f1e6 100644
--- a/packages/components/src/components/Passphrase/PassphraseTypeCard.tsx
+++ b/packages/components/src/components/Passphrase/PassphraseTypeCard.tsx
@@ -9,11 +9,19 @@ import { setCaretPosition } from '@trezor/dom-utils';
 import styled, { css } from 'styled-components';
 
 // ok
-import { Button, useTheme, variables, Input, Tooltip, Checkbox, Icon } from '@trezor/components';
+import {
+    Button,
+    useTheme,
+    variables,
+    Input,
+    Tooltip,
+    Checkbox,
+    Icon,
+    motionProps,
+} from '@trezor/components';
 import { countBytesInString } from '@trezor/utils';
 
 // move to another package, shared package should not import from suite
-import ANIMATION from '@trezor/suite/src/config/suite/animation';
 
 // moved
 import PasswordStrengthIndicator from './PasswordStrengthIndicator';
@@ -388,7 +396,7 @@ export const PassphraseTypeCard = (props: Props) => {
                         {/* Submit button */}
                         {/* Visible in standalone modal for creating a hidden wallet or after a click also in modal for selecting wallet type */}
                         {(props.singleColModal || hiddenWalletTouched) && (
-                            <motion.div {...ANIMATION.EXPAND}>
+                            <motion.div {...motionProps.EXPAND}>
                                 <ActionButton
                                     data-test={`@passphrase/${
                                         props.type === 'hidden' ? 'hidden' : 'standard'