m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 09:57:02 +01:00
Code

Update Text import paths: /app (#20083)

Browse Source 
* Updating import paths

* Updating snapshots

* Fixing lint issues

* Updating snapshots
This commit is contained in:
George Marshall 2023-07-19 15:32:35 -07:00 committed by GitHub
parent cc3ef534ad
commit bf61322ee1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
82 changed files with 193 additions and 195 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/components/app/add-network/add-network.js
View File

@ -40,8 +40,8 @@ import {
IconName,
IconSize,
AvatarNetwork,
Text,
} from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { MetaMetricsNetworkEventSource } from '../../../../shared/constants/metametrics';
const AddNetwork = () => {

2
ui/components/app/advanced-gas-fee-popover/advanced-gas-fee-defaults/advanced-gas-fee-defaults.js
View File

@ -16,7 +16,7 @@ import { setAdvancedGasFee } from '../../../../store/actions';
import { useGasFeeContext } from '../../../../contexts/gasFee';
import { useAdvancedGasFeePopoverContext } from '../context';
import { useI18nContext } from '../../../../hooks/useI18nContext';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
const AdvancedGasFeeDefaults = () => {
const t = useI18nContext();

2
ui/components/app/advanced-gas-fee-popover/advanced-gas-fee-gas-limit/advanced-gas-fee-gas-limit.js
View File

@ -9,7 +9,7 @@ import Button from '../../../ui/button';
import FormField from '../../../ui/form-field';
import { useAdvancedGasFeePopoverContext } from '../context';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
const validateGasLimit = (gasLimit, minimumGasLimitDec) => {
return bnLessThan(gasLimit, minimumGasLimitDec) ||

2
ui/components/app/approve-content-card/approve-content-card.js
View File

@ -6,7 +6,7 @@ import { useSelector } from 'react-redux';
import Box from '../../ui/box/box';
import Button from '../../ui/button';
import EditGasFeeButton from '../edit-gas-fee-button/edit-gas-fee-button';
import { Text } from '../../component-library/text/deprecated';
import { Text } from '../../component-library';
import {
AlignItems,
BlockSize,

2
ui/components/app/beta-header/__snapshots__/beta-header.test.js.snap
View File

@ -6,7 +6,7 @@ exports[`Beta Header should match snapshot 1`] = `
class="box beta-header box--padding-2 box--display-flex box--flex-direction-row box--align-items-center box--width-full box--background-color-warning-default"
>
<h6
class="box mm-text beta-header__message mm-text--body-sm box--flex-direction-row box--color-warning-inverse"
class="mm-box mm-text beta-header__message mm-text--body-sm mm-box--color-warning-inverse"
>
<span>

9
ui/components/app/beta-header/index.js
View File

@ -14,8 +14,13 @@ import {
import { BETA_BUGS_URL } from '../../../helpers/constants/beta';
import { hideBetaHeader } from '../../../store/actions';
import { Text } from '../../component-library/text/deprecated';
import { ButtonIcon, ButtonIconSize, IconName } from '../../component-library';
import {
ButtonIcon,
ButtonIconSize,
IconName,
Text,
} from '../../component-library';
const BetaHeader = () => {
const t = useI18nContext();

3
ui/components/app/cancel-speedup-popover/cancel-speedup-popover.js
View File

@ -18,8 +18,7 @@ import Box from '../../ui/box';
import InfoTooltip from '../../ui/info-tooltip';
import Popover from '../../ui/popover';
import AppLoadingSpinner from '../app-loading-spinner';
import { Text } from '../../component-library/text/deprecated';
import { Button, ButtonLink } from '../../component-library';
import { Button, ButtonLink, Text } from '../../component-library';
const CancelSpeedupPopover = () => {
const {

2
ui/components/app/configure-snap-popup/configure-snap-popup.tsx
View File

@ -1,6 +1,5 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Text } from '../../component-library/text/deprecated';
import {
BUTTON_VARIANT,
Button,
@ -9,6 +8,7 @@ import {
ModalOverlay,
ModalContent,
ModalHeader,
Text,
} from '../../component-library';
import { useI18nContext } from '../../../hooks/useI18nContext';
import {

2
ui/components/app/confirm-data/confirm-data.js
View File

@ -14,7 +14,7 @@ import { useTransactionFunctionType } from '../../../hooks/useTransactionFunctio
import Box from '../../ui/box/box';
import Disclosure from '../../ui/disclosure';
import TransactionDecoding from '../transaction-decoding';
import { Text } from '../../component-library/text/deprecated';
import { Text } from '../../component-library';
const ConfirmData = ({ txData, dataComponent }) => {
const t = useI18nContext();

3
ui/components/app/confirm-gas-display/confirm-legacy-gas-display/confirm-legacy-gas-display.js
View File

@ -18,7 +18,6 @@ import TransactionDetailItem from '../../transaction-detail-item';
import UserPreferencedCurrencyDisplay from '../../user-preferenced-currency-display';
import InfoTooltip from '../../../ui/info-tooltip';
import LoadingHeartBeat from '../../../ui/loading-heartbeat';
import { Text } from '../../../component-library/text/deprecated';
import {
FONT_STYLE,
TextVariant,
@ -27,7 +26,7 @@ import {
import { useDraftTransactionWithTxParams } from '../../../../hooks/useDraftTransactionWithTxParams';
import { getNativeCurrency } from '../../../../ducks/metamask/metamask';
import MultilayerFeeMessage from '../../multilayer-fee-message/multi-layer-fee-message';
import { Icon, IconName } from '../../../component-library';
import { Icon, IconName, Text } from '../../../component-library';
const renderHeartBeatIfNotInTest = () =>
process.env.IN_TEST ? null : <LoadingHeartBeat />;

2
ui/components/app/confirm-hexdata/confirm-hexdata.js
View File

@ -13,7 +13,7 @@ import {
TextTransform,
} from '../../../helpers/constants/design-system';
import Box from '../../ui/box';
import { Text } from '../../component-library/text/deprecated';
import { Text } from '../../component-library';
import CopyRawData from '../transaction-decoding/components/ui/copy-raw-data';
const ConfirmHexData = ({ txData, dataHexComponent }) => {

2
ui/components/app/confirm-page-container/confirm-page-container.component.js
View File

@ -22,7 +22,7 @@ import EditGasFeePopover from '../edit-gas-fee-popover/edit-gas-fee-popover';
import EditGasPopover from '../edit-gas-popover';
import ErrorMessage from '../../ui/error-message';
import { INSUFFICIENT_FUNDS_ERROR_KEY } from '../../../helpers/constants/error-keys';
import { Text } from '../../component-library/text/deprecated';
import { Text } from '../../component-library';
import {
TextVariant,
TextAlign,

2
ui/components/app/confirm-page-container/snaps/snap-insight.js
View File

@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import { useSelector } from 'react-redux';
import Preloader from '../../../ui/icon/preloader/preloader-icon.component';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
import {
AlignItems,
FLEX_DIRECTION,

2
ui/components/app/confirm-subtitle/confirm-subtitle.js
View File

@ -7,7 +7,7 @@ import { Color, TextVariant } from '../../../helpers/constants/design-system';
import { isNFTAssetStandard } from '../../../helpers/utils/transactions.util';
import { getShouldShowFiat } from '../../../selectors';
import { useTransactionInfo } from '../../../hooks/useTransactionInfo';
import { Text } from '../../component-library/text/deprecated';
import { Text } from '../../component-library';
import UserPreferencedCurrencyDisplay from '../user-preferenced-currency-display';
const ConfirmSubTitle = ({

2
ui/components/app/confirm-title/confirm-title.js
View File

@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import { TransactionType } from '../../../../shared/constants/transaction';
import { PRIMARY } from '../../../helpers/constants/common';
import { Text } from '../../component-library/text/deprecated';
import { Text } from '../../component-library';
import {
FONT_WEIGHT,
TextVariant,

3
ui/components/app/confirmation-warning-modal/confirmation-warning-modal.js
View File

@ -14,8 +14,7 @@ import {
AlignItems,
IconColor,
} from '../../../helpers/constants/design-system';
import { Icon, IconName, IconSize } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { Icon, IconName, IconSize, Text } from '../../component-library';
const ConfirmationWarningModal = ({ onSubmit, onCancel }) => {
const t = useI18nContext();

2
ui/components/app/contact-list/recipient-group/recipient-group.component.js
View File

@ -8,7 +8,7 @@ import {
TextColor,
TextVariant,
} from '../../../../helpers/constants/design-system';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
function addressesEqual(address1, address2) {
return String(address1).toLowerCase() === String(address2).toLowerCase();

2
ui/components/app/create-new-vault/create-new-vault.js
View File

@ -4,7 +4,7 @@ import { useI18nContext } from '../../../hooks/useI18nContext';
import TextField from '../../ui/text-field';
import Button from '../../ui/button';
import CheckBox from '../../ui/check-box';
import { Text } from '../../component-library/text/deprecated';
import { Text } from '../../component-library';
import SrpInput from '../srp-input';
import { PASSWORD_MIN_LENGTH } from '../../../helpers/constants/common';

3
ui/components/app/custom-spending-cap/custom-spending-cap-tooltip.js
View File

@ -8,8 +8,7 @@ import {
Display,
} from '../../../helpers/constants/design-system';
import { Icon, IconName, IconSize } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { Icon, IconName, IconSize, Text } from '../../component-library';
export const CustomSpendingCapTooltip = ({
tooltipContentText,

2
ui/components/app/detected-token/detected-token-address/detected-token-address.js
View File

@ -15,7 +15,7 @@ import {
} from '../../../../helpers/constants/design-system';
import { shortenAddress } from '../../../../helpers/utils/util';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
const DetectedTokenAddress = ({ tokenAddress }) => {
const t = useI18nContext();

3
ui/components/app/detected-token/detected-token-aggregators/detected-token-aggregators.js
View File

@ -8,8 +8,7 @@ import {
FontWeight,
TextVariant,
} from '../../../../helpers/constants/design-system';
import { Box, ButtonLink } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import { Box, ButtonLink, Text } from '../../../component-library';
const NUMBER_OF_AGGREGATORS_TO_DISPLAY = 2;

2
ui/components/app/detected-token/detected-token-ignored-popover/detected-token-ignored-popover.js
View File

@ -6,7 +6,7 @@ import { useI18nContext } from '../../../../hooks/useI18nContext';
import Popover from '../../../ui/popover';
import Button from '../../../ui/button';
import { TextVariant } from '../../../../helpers/constants/design-system';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
const DetectedTokenIgnoredPopover = ({
partiallyIgnoreDetectedTokens,

3
ui/components/app/detected-token/detected-token-values/detected-token-values.js
View File

@ -12,8 +12,7 @@ import {
import { useTokenTracker } from '../../../../hooks/useTokenTracker';
import { useTokenFiatAmount } from '../../../../hooks/useTokenFiatAmount';
import { getUseCurrencyRateCheck } from '../../../../selectors';
import { Box } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import { Box, Text } from '../../../component-library';
const DetectedTokenValues = ({
token,

2
ui/components/app/edit-gas-display/edit-gas-display.component.js
View File

@ -12,7 +12,7 @@ import {
TextColor,
TextVariant,
} from '../../../helpers/constants/design-system';
import { Text } from '../../component-library/text/deprecated';
import { Text } from '../../component-library';
import { areDappSuggestedAndTxParamGasFeesTheSame } from '../../../helpers/utils/confirm-tx.util';
import InfoTooltip from '../../ui/info-tooltip';

3
ui/components/app/edit-gas-fee-button/edit-gas-fee-button.js
View File

@ -13,8 +13,7 @@ import { useI18nContext } from '../../../hooks/useI18nContext';
import { useTransactionEventFragment } from '../../../hooks/useTransactionEventFragment';
import { useTransactionModalContext } from '../../../contexts/transaction-modal';
import InfoTooltip from '../../ui/info-tooltip/info-tooltip';
import { Icon, IconName, IconSize } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { Icon, IconName, IconSize, Text } from '../../component-library';
export default function EditGasFeeButton({ userAcknowledgedGasMissing }) {
const t = useI18nContext();

2
ui/components/app/edit-gas-fee-popover/edit-gas-fee-popover.js
View File

@ -15,7 +15,7 @@ import { INSUFFICIENT_FUNDS_ERROR_KEY } from '../../../helpers/constants/error-k
import { useGasFeeContext } from '../../../contexts/gasFee';
import AppLoadingSpinner from '../app-loading-spinner';
import ZENDESK_URLS from '../../../helpers/constants/zendesk-url';
import { Text } from '../../component-library/text/deprecated';
import { Text } from '../../component-library';
import EditGasItem from './edit-gas-item';
import NetworkStatistics from './network-statistics';

2
ui/components/app/edit-gas-fee-popover/edit-gas-tooltip/edit-gas-tooltip.js
View File

@ -11,7 +11,7 @@ import {
} from '../../../../helpers/constants/design-system';
import { isMetamaskSuggestedGasEstimate } from '../../../../helpers/utils/gas';
import { roundToDecimalPlacesRemovingExtraZeroes } from '../../../../helpers/utils/util';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
const EditGasToolTip = ({
editGasMode,

2
ui/components/app/edit-gas-fee-popover/network-statistics/network-statistics.js
View File

@ -8,7 +8,7 @@ import { isNullish } from '../../../../helpers/utils/util';
import { formatGasFeeOrFeeRange } from '../../../../helpers/utils/gas';
import { I18nContext } from '../../../../contexts/i18n';
import { useGasFeeContext } from '../../../../contexts/gasFee';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
import { BaseFeeTooltip, PriorityFeeTooltip } from './tooltips';
import StatusSlider from './status-slider';

2
ui/components/app/gas-details-item/gas-details-item-title/gas-details-item-title.js
View File

@ -6,7 +6,7 @@ import { useI18nContext } from '../../../../hooks/useI18nContext';
import { getIsMainnet } from '../../../../selectors';
import Box from '../../../ui/box';
import InfoTooltip from '../../../ui/info-tooltip/info-tooltip';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
const GasDetailsItemTitle = () => {
const t = useI18nContext();

8
ui/components/app/ledger-instruction-field/__snapshots__/ledger-instruction-field.test.js.snap
View File

@ -18,22 +18,22 @@ exports[`LedgerInstructionField Component rendering should render properly with
class="ledger-live-dialog"
>
<h6
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-md mm-box--color-text-default"
>
Prior to clicking confirm:
</h6>
<h6
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-md mm-box--color-text-default"
>
• Be sure your Ledger is plugged in and to select the Ethereum app.
</h6>
<h6
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-md mm-box--color-text-default"
>
• Enable "smart contract data" or "blind signing" on your Ledger device.
</h6>
<h6
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-md mm-box--color-text-default"
>
<span>
<button

3
ui/components/app/ledger-instruction-field/ledger-instruction-field.js
View File

@ -19,8 +19,7 @@ import {
getLedgerTransportStatus,
} from '../../../ducks/app/app';
import { BannerAlert, ButtonLink } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { BannerAlert, ButtonLink, Text } from '../../component-library';
import { useI18nContext } from '../../../hooks/useI18nContext';
import {
SEVERITIES,

2
ui/components/app/loading-network-screen/loading-network-screen.component.js
View File

@ -10,8 +10,8 @@ import {
Icon,
IconName,
IconSize,
Text,
} from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import {
DISPLAY,
IconColor,

3
ui/components/app/modals/contract-details-modal/contract-details-modal.js
View File

@ -24,8 +24,7 @@ import { useCopyToClipboard } from '../../../../hooks/useCopyToClipboard';
import { getAddressBookEntry } from '../../../../selectors';
import { TokenStandard } from '../../../../../shared/constants/transaction';
import NftCollectionImage from '../../../ui/nft-collection-image/nft-collection-image';
import { ButtonIcon, IconName } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import { ButtonIcon, IconName, Text } from '../../../component-library';
export default function ContractDetailsModal({
onClose,

6
ui/components/app/modals/customize-nonce/__snapshots__/customize-nonce.test.js.snap
View File

@ -15,7 +15,7 @@ exports[`Customize Nonce should match snapshot 1`] = `
class="customize-nonce-modal__main-header"
>
<h4
class="box mm-text customize-nonce-modal__main-title mm-text--heading-sm box--flex-direction-row box--color-text-default"
class="mm-box mm-text customize-nonce-modal__main-title mm-text--heading-sm mm-box--color-text-default"
>
Edit nonce
</h4>
@ -33,7 +33,7 @@ exports[`Customize Nonce should match snapshot 1`] = `
class="mm-box mm-box--margin-top-2 mm-box--display-inline-flex mm-box--align-items-center"
>
<h6
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-md mm-box--color-text-default"
>
This is an advanced feature, use cautiously.
<a
@ -53,7 +53,7 @@ exports[`Customize Nonce should match snapshot 1`] = `
class="mm-box mm-box--display-flex mm-box--align-items-center"
>
<h6
class="box mm-text mm-text--body-md-bold box--flex-direction-row box--width-5/6 box--color-text-default"
class="mm-box mm-text mm-text--body-md-bold mm-box--width-5/6 mm-box--color-text-default"
>
Edit nonce
</h6>

2
ui/components/app/modals/customize-nonce/customize-nonce.component.js
View File

@ -17,8 +17,8 @@ import {
ButtonIconSize,
ButtonLink,
IconName,
Text,
} from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
const CustomizeNonce = ({
hideModal,

6
ui/components/app/modals/eth-sign-modal/__snapshots__/eth-sign-modal.test.js.snap
View File

@ -23,12 +23,12 @@ exports[`Eth Sign Modal should match snapshot 1`] = `
</button>
</div>
<h3
class="box mm-text mm-text--heading-md mm-text--text-align-center box--margin-bottom-6 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--heading-md mm-text--text-align-center mm-box--margin-bottom-6 mm-box--color-text-default"
>
Use at your own risk
</h3>
<p
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-md mm-box--color-text-default"
>
Allowing eth_sign requests can make you vulnerable to phishing attacks. Always review the URL and be careful when signing messages that contain code.
<a
@ -67,7 +67,7 @@ exports[`Eth Sign Modal should match snapshot 1`] = `
for="eth-sign__checkbox"
>
<span
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-md mm-box--color-text-default"
>
I understand that I can lose all of my funds and NFTs if I enable eth_sign requests.
</span>

2
ui/components/app/modals/eth-sign-modal/eth-sign-modal.js
View File

@ -14,8 +14,8 @@ import {
IconName,
IconSize,
Label,
Text,
} from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import {
AlignItems,
Display,

6
ui/components/app/modals/export-private-key-modal/__snapshots__/export-private-key-modal.test.js.snap
View File

@ -59,7 +59,7 @@ exports[`Export PrivateKey Modal should match snapshot 1`] = `
class="account-modal__close"
/>
<span
class="box mm-text mm-text--body-lg-medium mm-text--font-weight-normal box--margin-top-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-lg-medium mm-text--font-weight-normal mm-box--margin-top-2 mm-box--color-text-default"
>
Test Account
</span>
@ -72,7 +72,7 @@ exports[`Export PrivateKey Modal should match snapshot 1`] = `
class="box export-private-key-modal__divider box--margin-5 box--md:margin-3 box--flex-direction-row box--width-full"
/>
<p
class="box mm-text mm-text--body-lg-medium mm-text--font-weight-normal box--margin-4 box--md:margin-4 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-lg-medium mm-text--font-weight-normal mm-box--margin-4 mm-box--sm:margin-0 mm-box--md:margin-4 mm-box--lg:margin-0 mm-box--color-text-default"
>
Show Private Keys
</p>
@ -99,7 +99,7 @@ exports[`Export PrivateKey Modal should match snapshot 1`] = `
</div>
</div>
<p
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-error-default"
class="mm-box mm-text mm-text--body-sm mm-box--color-error-default"
/>
<div
class="box mm-banner-base mm-banner-alert mm-banner-alert--severity-danger box--margin-top-4 box--margin-right-5 box--margin-left-5 box--padding-1 box--sm:padding-3 box--lg:padding-3 box--padding-left-2 box--display-flex box--gap-2 box--flex-direction-row box--background-color-error-muted box--rounded-sm"

3
ui/components/app/modals/export-private-key-modal/export-private-key-modal.component.js
View File

@ -8,8 +8,9 @@ import {
BUTTON_VARIANT,
BannerAlert,
Button,
Text,
} from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import AccountModalContainer from '../account-modal-container';
import { toChecksumHexAddress } from '../../../../../shared/modules/hexstring-utils';
import {

2
ui/components/app/modals/hold-to-reveal-modal/hold-to-reveal-modal.js
View File

@ -8,8 +8,8 @@ import {
BUTTON_VARIANT,
ButtonIcon,
IconName,
Text,
} from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import {
AlignItems,
Display,

2
ui/components/app/network-account-balance-header/network-account-balance-header.js
View File

@ -15,7 +15,7 @@ import {
import Box from '../../ui/box/box';
import { I18nContext } from '../../../contexts/i18n';
import { CHAIN_ID_TO_NETWORK_IMAGE_URL_MAP } from '../../../../shared/constants/network';
import { Text } from '../../component-library/text/deprecated';
import { Text } from '../../component-library';
export default function NetworkAccountBalanceHeader({
networkName,

6
ui/components/app/nft-default-image/__snapshots__/nft-default-image.test.js.snap
View File

@ -8,7 +8,7 @@ exports[`NFT Default Image should match snapshot with all provided props 1`] = `
tabindex="0"
>
<h6
class="box mm-text nft-default__text mm-text--body-sm mm-text--ellipsis mm-text--text-align-center box--flex-direction-row box--color-text-default"
class="mm-box mm-text nft-default__text mm-text--body-sm mm-text--ellipsis mm-text--text-align-center mm-box--color-text-default"
>
NFT Name
@ -28,7 +28,7 @@ exports[`NFT Default Image should match snapshot with missing clickable prop 1`]
tabindex="0"
>
<h6
class="box mm-text nft-default__text mm-text--body-sm mm-text--ellipsis mm-text--text-align-center box--flex-direction-row box--color-text-default"
class="mm-box mm-text nft-default__text mm-text--body-sm mm-text--ellipsis mm-text--text-align-center mm-box--color-text-default"
>
NFT Name
@ -48,7 +48,7 @@ exports[`NFT Default Image should render with no props 1`] = `
tabindex="0"
>
<h6
class="box mm-text nft-default__text mm-text--body-sm mm-text--ellipsis mm-text--text-align-center box--flex-direction-row box--color-text-default"
class="mm-box mm-text nft-default__text mm-text--body-sm mm-text--ellipsis mm-text--text-align-center mm-box--color-text-default"
>
[unknownCollection]

2
ui/components/app/nft-default-image/nft-default-image.js
View File

@ -12,7 +12,7 @@ import {
BackgroundColor,
} from '../../../helpers/constants/design-system';
import { useI18nContext } from '../../../hooks/useI18nContext';
import { Text } from '../../component-library/text/deprecated';
import { Text } from '../../component-library';
import Box from '../../ui/box/box';
export default function NftDefaultImage({

22
ui/components/app/nft-details/__snapshots__/nft-details.test.js.snap
View File

@ -77,12 +77,12 @@ exports[`NFT Details should match minimal props and state snapshot 1`] = `
>
<div>
<h4
class="box mm-text mm-text--heading-sm mm-text--font-weight-bold box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--heading-sm mm-text--font-weight-bold mm-box--margin-bottom-2 mm-box--color-text-default"
>
MUNK #1
</h4>
<h5
class="box mm-text mm-text--body-md mm-text--overflow-wrap-break-word box--margin-bottom-4 box--flex-direction-row box--color-text-muted"
class="mm-box mm-text mm-text--body-md mm-text--overflow-wrap-break-word mm-box--margin-bottom-4 mm-box--color-text-muted"
>
#
1
@ -109,7 +109,7 @@ exports[`NFT Details should match minimal props and state snapshot 1`] = `
class="box box--display-flex box--flex-direction-row"
>
<h6
class="box mm-text nft-details__link-title mm-text--body-sm-bold box--margin-right-2 box--margin-bottom-4 box--flex-direction-row box--color-text-default"
class="mm-box mm-text nft-details__link-title mm-text--body-sm-bold mm-box--margin-right-2 mm-box--margin-bottom-4 mm-box--color-text-default"
>
Last sold
</h6>
@ -117,7 +117,7 @@ exports[`NFT Details should match minimal props and state snapshot 1`] = `
class="box nft-details__contract-wrapper box--display-flex box--flex-direction-row"
>
<h6
class="box mm-text mm-text--body-sm mm-text--overflow-wrap-break-word box--margin-bottom-4 box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-text--overflow-wrap-break-word mm-box--margin-bottom-4 mm-box--color-text-alternative"
>
1/18/2023
</h6>
@ -127,7 +127,7 @@ exports[`NFT Details should match minimal props and state snapshot 1`] = `
class="box box--display-flex box--flex-direction-row"
>
<h6
class="box mm-text nft-details__link-title mm-text--body-sm-bold box--margin-right-2 box--margin-bottom-4 box--flex-direction-row box--color-text-default"
class="mm-box mm-text nft-details__link-title mm-text--body-sm-bold mm-box--margin-right-2 mm-box--margin-bottom-4 mm-box--color-text-default"
>
Last price sold
</h6>
@ -135,7 +135,7 @@ exports[`NFT Details should match minimal props and state snapshot 1`] = `
class="box nft-details__contract-wrapper box--display-flex box--flex-direction-row"
>
<h6
class="box mm-text mm-text--body-sm mm-text--overflow-wrap-break-word box--margin-bottom-4 box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-text--overflow-wrap-break-word mm-box--margin-bottom-4 mm-box--color-text-alternative"
>
0.0049 ETH
</h6>
@ -145,12 +145,12 @@ exports[`NFT Details should match minimal props and state snapshot 1`] = `
class="box box--display-flex box--flex-direction-row"
>
<h6
class="box mm-text nft-details__link-title mm-text--body-sm-bold box--margin-right-2 box--margin-bottom-4 box--flex-direction-row box--color-text-default"
class="mm-box mm-text nft-details__link-title mm-text--body-sm-bold mm-box--margin-right-2 mm-box--margin-bottom-4 mm-box--color-text-default"
>
Source
</h6>
<h6
class="box mm-text nft-details__image-source mm-text--body-sm box--margin-bottom-4 box--flex-direction-row box--color-primary-default"
class="mm-box mm-text nft-details__image-source mm-text--body-sm mm-box--margin-bottom-4 mm-box--color-primary-default"
>
<a
href="https://bafybeiclzx7zfjvuiuwobn5ip3ogc236bjqfjzoblumf4pau4ep6dqramu.ipfs.dweb.link"
@ -166,7 +166,7 @@ exports[`NFT Details should match minimal props and state snapshot 1`] = `
class="box box--display-flex box--flex-direction-row"
>
<h6
class="box mm-text nft-details__link-title mm-text--body-sm-bold box--margin-right-2 box--margin-bottom-4 box--flex-direction-row box--color-text-default"
class="mm-box mm-text nft-details__link-title mm-text--body-sm-bold mm-box--margin-right-2 mm-box--margin-bottom-4 mm-box--color-text-default"
>
Contract address
</h6>
@ -174,7 +174,7 @@ exports[`NFT Details should match minimal props and state snapshot 1`] = `
class="box nft-details__contract-wrapper box--display-flex box--flex-direction-row"
>
<h6
class="box mm-text mm-text--body-sm mm-text--overflow-wrap-break-word box--margin-bottom-4 box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-text--overflow-wrap-break-word mm-box--margin-bottom-4 mm-box--color-text-alternative"
>
0xDc7...6414
</h6>
@ -204,7 +204,7 @@ exports[`NFT Details should match minimal props and state snapshot 1`] = `
</div>
</div>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Disclaimer: MetaMask pulls the media file from the source url. This url sometimes is changed by the marketplace the NFT was minted on.
</h6>

3
ui/components/app/nft-details/nft-details.js
View File

@ -51,8 +51,7 @@ import {
AssetType,
TokenStandard,
} from '../../../../shared/constants/transaction';
import { ButtonIcon, IconName } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { ButtonIcon, IconName, Text } from '../../component-library';
import Tooltip from '../../ui/tooltip';
import { decWEIToDecETH } from '../../../../shared/modules/conversion.utils';
import { NftItem } from '../../multichain/nft-item';

3
ui/components/app/nfts-tab/nfts-tab.js
View File

@ -21,8 +21,7 @@ import {
showImportNftsModal,
} from '../../../store/actions';
import { useNftsCollections } from '../../../hooks/useNftsCollections';
import { Box, ButtonLink, IconName } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { Box, ButtonLink, IconName, Text } from '../../component-library';
import NftsDetectionNotice from '../nfts-detection-notice';
import ZENDESK_URLS from '../../../helpers/constants/zendesk-url';

3
ui/components/app/permission-cell/permission-cell-options.js
View File

@ -3,8 +3,7 @@ import PropTypes from 'prop-types';
import { useDispatch } from 'react-redux';
import Box from '../../ui/box';
import { useI18nContext } from '../../../hooks/useI18nContext';
import { IconName, ButtonIcon } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { IconName, ButtonIcon, Text } from '../../component-library';
import { Menu, MenuItem } from '../../ui/menu';
import {
TextColor,

9
ui/components/app/permission-cell/permission-cell.js
View File

@ -11,8 +11,13 @@ import {
TextColor,
TextVariant,
} from '../../../helpers/constants/design-system';
import { AvatarIcon, Icon, IconName, IconSize } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import {
AvatarIcon,
Icon,
IconName,
IconSize,
Text,
} from '../../component-library';
import { formatDate } from '../../../helpers/utils/util';
import { useI18nContext } from '../../../hooks/useI18nContext';
import Tooltip from '../../ui/tooltip';

2
ui/components/app/recovery-phrase-reminder/recovery-phrase-reminder.js
View File

@ -17,7 +17,7 @@ import {
TextColor,
} from '../../../helpers/constants/design-system';
import { ONBOARDING_UNLOCK_ROUTE } from '../../../helpers/constants/routes';
import { Text } from '../../component-library/text/deprecated';
import { Text } from '../../component-library';
export default function RecoveryPhraseReminder({ onConfirm, hasBackedUp }) {
const t = useI18nContext();

3
ui/components/app/security-provider-banner-message/security-provider-banner-message.js
View File

@ -8,8 +8,7 @@ import {
} from '../../../helpers/constants/design-system';
import { SECURITY_PROVIDER_MESSAGE_SEVERITY } from '../../../../shared/constants/security-provider';
import { I18nContext } from '../../../../.storybook/i18n';
import { BannerAlert, ButtonLink } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { BannerAlert, ButtonLink, Text } from '../../component-library';
export default function SecurityProviderBannerMessage({
securityProviderResponse,

2
ui/components/app/set-approval-for-all-warning/set-approval-for-all-warning.js
View File

@ -18,8 +18,8 @@ import {
IconName,
Button,
BUTTON_VARIANT,
Text,
} from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
const SetApproveForAllWarning = ({
collectionName,

8
ui/components/app/signature-request-header/__snapshots__/signature-request-header.test.js.snap
View File

@ -69,12 +69,12 @@ exports[`SignatureRequestHeader should match snapshot 1`] = `
class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Unknown private network
</h6>
<h6
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
Test Account
</h6>
@ -84,13 +84,13 @@ exports[`SignatureRequestHeader should match snapshot 1`] = `
class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Balance
</h6>
<h6
align="end"
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
966.987986

8
ui/components/app/signature-request-original/__snapshots__/signature-request-original.test.js.snap
View File

@ -145,12 +145,12 @@ exports[`SignatureRequestOriginal should match snapshot 1`] = `
class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Unknown private network
</h6>
<h6
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
Test Account
</h6>
@ -160,13 +160,13 @@ exports[`SignatureRequestOriginal should match snapshot 1`] = `
class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Balance
</h6>
<h6
align="end"
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
966.987986

3
ui/components/app/signature-request-original/signature-request-original.component.js
View File

@ -34,8 +34,7 @@ import {
import ConfirmPageContainerNavigation from '../confirm-page-container/confirm-page-container-navigation';
import SecurityProviderBannerMessage from '../security-provider-banner-message/security-provider-banner-message';
///: BEGIN:ONLY_INCLUDE_IN(build-mmi)
import { Icon, IconName } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { Icon, IconName, Text } from '../../component-library';
import Box from '../../ui/box/box';
///: END:ONLY_INCLUDE_IN
import SignatureRequestHeader from '../signature-request-header';

36
ui/components/app/signature-request-siwe/__snapshots__/signature-request-siwe.test.js.snap
View File

@ -142,12 +142,12 @@ exports[`SignatureRequestSIWE (Sign in with Ethereum) should match snapshot 1`]
class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Unknown private network
</h6>
<h6
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
Test Account
</h6>
@ -157,13 +157,13 @@ exports[`SignatureRequestSIWE (Sign in with Ethereum) should match snapshot 1`]
class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Balance
</h6>
<h6
align="end"
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
966.987986
@ -288,12 +288,12 @@ exports[`SignatureRequestSIWE (Sign in with Ethereum) should match snapshot 1`]
class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
>
<h4
class="box mm-text mm-text--body-lg-medium box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-lg-medium mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
Message:
</h4>
<p
class="box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
Click to sign in and accept the Terms of Service: https://community.metamask.io/tos
</p>
@ -302,12 +302,12 @@ exports[`SignatureRequestSIWE (Sign in with Ethereum) should match snapshot 1`]
class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
>
<h4
class="box mm-text mm-text--body-lg-medium box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-lg-medium mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
URI:
</h4>
<p
class="box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
http://localhost:8080
</p>
@ -316,12 +316,12 @@ exports[`SignatureRequestSIWE (Sign in with Ethereum) should match snapshot 1`]
class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
>
<h4
class="box mm-text mm-text--body-lg-medium box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-lg-medium mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
Version:
</h4>
<p
class="box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
1
</p>
@ -330,12 +330,12 @@ exports[`SignatureRequestSIWE (Sign in with Ethereum) should match snapshot 1`]
class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
>
<h4
class="box mm-text mm-text--body-lg-medium box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-lg-medium mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
Chain ID:
</h4>
<p
class="box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
1
</p>
@ -344,12 +344,12 @@ exports[`SignatureRequestSIWE (Sign in with Ethereum) should match snapshot 1`]
class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
>
<h4
class="box mm-text mm-text--body-lg-medium box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-lg-medium mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
Nonce:
</h4>
<p
class="box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
STMt6KQMwwdOXE306
</p>
@ -358,12 +358,12 @@ exports[`SignatureRequestSIWE (Sign in with Ethereum) should match snapshot 1`]
class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
>
<h4
class="box mm-text mm-text--body-lg-medium box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-lg-medium mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
Issued At:
</h4>
<p
class="box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
2023-03-18T21:40:40.823Z
</p>
@ -372,12 +372,12 @@ exports[`SignatureRequestSIWE (Sign in with Ethereum) should match snapshot 1`]
class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
>
<h4
class="box mm-text mm-text--body-lg-medium box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-lg-medium mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
Resources: 2
</h4>
<p
class="box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word box--margin-top-2 box--margin-bottom-2 box--flex-direction-row box--color-text-default"
class="mm-box mm-text signature-request-siwe-message__sub-text mm-text--body-md mm-text--overflow-wrap-break-word mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--color-text-default"
>
ipfs://Qme7ss3ARVgxv6rXqVPiikMJ8u2NLgmgszg13pYrDKEoiu
https://example.com/my-web2-claim.json

2
ui/components/app/signature-request-siwe/signature-request-siwe-message/signature-request-siwe-message.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import Box from '../../../ui/box';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
import {
FLEX_DIRECTION,

2
ui/components/app/signature-request-siwe/signature-request-siwe-tag/index.js
View File

@ -9,7 +9,7 @@ import {
TextColor,
} from '../../../../helpers/constants/design-system';
import Box from '../../../ui/box';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
const SignatureRequestSIWETag = ({ text }) => {
return (

3
ui/components/app/signature-request-siwe/signature-request-siwe.js
View File

@ -5,8 +5,7 @@ import { useHistory } from 'react-router-dom';
import log from 'loglevel';
import { isValidSIWEOrigin } from '@metamask/controller-utils';
import { ethErrors, serializeError } from 'eth-rpc-errors';
import { BannerAlert } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { BannerAlert, Text } from '../../component-library';
import Popover from '../../ui/popover';
import Checkbox from '../../ui/check-box';
import Button from '../../ui/button';

32
ui/components/app/signature-request/__snapshots__/signature-request.component.test.js.snap
View File

@ -142,12 +142,12 @@ exports[`Signature Request Component render should match snapshot when we are us
class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Unknown private network
</h6>
<h6
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
Antonio
</h6>
@ -157,13 +157,13 @@ exports[`Signature Request Component render should match snapshot when we are us
class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Balance
</h6>
<h6
align="end"
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
966.987986
@ -206,13 +206,13 @@ exports[`Signature Request Component render should match snapshot when we are us
</div>
</div>
<h3
class="box mm-text signature-request__content__title mm-text--heading-md box--margin-top-4 box--flex-direction-row box--color-text-default"
class="mm-box mm-text signature-request__content__title mm-text--heading-md mm-box--margin-top-4 mm-box--color-text-default"
>
Signature request
</h3>
<h6
align="center"
class="box mm-text request-signature__content__subtitle mm-text--body-sm box--margin-12 box--margin-top-3 box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text request-signature__content__subtitle mm-text--body-sm mm-box--margin-12 mm-box--margin-top-3 mm-box--color-text-alternative"
>
Only sign this message if you fully understand the content and trust the requesting site.
</h6>
@ -224,7 +224,7 @@ exports[`Signature Request Component render should match snapshot when we are us
tabindex="0"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-primary-default"
class="mm-box mm-text mm-text--body-sm mm-box--color-primary-default"
>
Verify third-party details
</h6>
@ -238,7 +238,7 @@ exports[`Signature Request Component render should match snapshot when we are us
class="box signature-request-message__root box--margin-2 box--padding-top-3 box--padding-right-3 box--padding-bottom-3 box--flex-direction-row box--background-color-background-default box--rounded-xl box--border-color-border-muted box--border-style-solid box--border-width-1"
>
<p
class="box mm-text mm-text--body-md mm-text--font-weight-bold box--margin-left-4 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-md mm-text--font-weight-bold mm-box--margin-left-4 mm-box--color-text-default"
>
Mail
</p>
@ -919,12 +919,12 @@ exports[`Signature Request Component render should match snapshot when we want t
class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Unknown private network
</h6>
<h6
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
Antonio
</h6>
@ -934,13 +934,13 @@ exports[`Signature Request Component render should match snapshot when we want t
class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Balance
</h6>
<h6
align="end"
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
1515270.174798
@ -983,13 +983,13 @@ exports[`Signature Request Component render should match snapshot when we want t
</div>
</div>
<h3
class="box mm-text signature-request__content__title mm-text--heading-md box--margin-top-4 box--flex-direction-row box--color-text-default"
class="mm-box mm-text signature-request__content__title mm-text--heading-md mm-box--margin-top-4 mm-box--color-text-default"
>
Signature request
</h3>
<h6
align="center"
class="box mm-text request-signature__content__subtitle mm-text--body-sm box--margin-12 box--margin-top-3 box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text request-signature__content__subtitle mm-text--body-sm mm-box--margin-12 mm-box--margin-top-3 mm-box--color-text-alternative"
>
Only sign this message if you fully understand the content and trust the requesting site.
</h6>
@ -1001,7 +1001,7 @@ exports[`Signature Request Component render should match snapshot when we want t
tabindex="0"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-primary-default"
class="mm-box mm-text mm-text--body-sm mm-box--color-primary-default"
>
Verify third-party details
</h6>
@ -1015,7 +1015,7 @@ exports[`Signature Request Component render should match snapshot when we want t
class="box signature-request-message__root box--margin-2 box--padding-top-3 box--padding-right-3 box--padding-bottom-3 box--flex-direction-row box--background-color-background-default box--rounded-xl box--border-color-border-muted box--border-style-solid box--border-width-1"
>
<p
class="box mm-text mm-text--body-md mm-text--font-weight-bold box--margin-left-4 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-md mm-text--font-weight-bold mm-box--margin-left-4 mm-box--color-text-default"
>
Mail
</p>

2
ui/components/app/signature-request/signature-request-message/signature-request-message.js
View File

@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import { debounce } from 'lodash';
import { I18nContext } from '../../../../contexts/i18n';
import Box from '../../../ui/box';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
import {
Display,
FlexDirection,

2
ui/components/app/signature-request/signature-request.component.js
View File

@ -46,8 +46,8 @@ import {
Icon,
IconName,
///: END:ONLY_INCLUDE_IN
Text,
} from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import Footer from './signature-request-footer';
import Message from './signature-request-message';

3
ui/components/app/snaps/install-error/install-error.js
View File

@ -13,8 +13,7 @@ import {
TextVariant,
} from '../../../../helpers/constants/design-system';
import ActionableMessage from '../../../ui/actionable-message/actionable-message';
import { AvatarIcon, IconSize } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import { AvatarIcon, IconSize, Text } from '../../../component-library';
const InstallError = ({ title, error, description, iconName }) => {
return (

3
ui/components/app/snaps/snap-authorship-expanded/snap-authorship-expanded.js
View File

@ -25,8 +25,7 @@ import {
removeSnapIdPrefix,
} from '../../../../helpers/utils/util';
import { ButtonLink } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import { ButtonLink, Text } from '../../../component-library';
import { getTargetSubjectMetadata } from '../../../../selectors';
import SnapAvatar from '../snap-avatar';
import { useI18nContext } from '../../../../hooks/useI18nContext';

2
ui/components/app/snaps/snap-authorship-header/snap-authorship-header.js
View File

@ -19,7 +19,7 @@ import {
removeSnapIdPrefix,
} from '../../../../helpers/utils/util';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
import { getTargetSubjectMetadata } from '../../../../selectors';
import SnapAvatar from '../snap-avatar';
import SnapVersion from '../snap-version/snap-version';

9
ui/components/app/snaps/snap-connect-cell/snap-connect-cell.js
View File

@ -9,8 +9,13 @@ import {
FontWeight,
} from '../../../../helpers/constants/design-system';
import { getSnapName } from '../../../../helpers/utils/util';
import { Icon, IconName, IconSize, ValidTag } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import {
Icon,
IconName,
IconSize,
ValidTag,
Text,
} from '../../../component-library';
import Tooltip from '../../../ui/tooltip/tooltip';
import { useI18nContext } from '../../../../hooks/useI18nContext';
import SnapAvatar from '../snap-avatar/snap-avatar';

8
ui/components/app/snaps/snap-delineator/snap-delineator.js
View File

@ -12,8 +12,12 @@ import {
TextColor,
} from '../../../../helpers/constants/design-system';
import Box from '../../../ui/box';
import { AvatarIcon, IconName, IconSize } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import {
AvatarIcon,
IconName,
IconSize,
Text,
} from '../../../component-library';
import {
DelineatorType,
getDelineatorTitle,

3
ui/components/app/snaps/snap-install-warning/snap-install-warning.js
View File

@ -16,8 +16,7 @@ import {
} from '../../../../helpers/constants/design-system';
import Popover from '../../../ui/popover';
import Button from '../../../ui/button';
import { AvatarIcon, IconName } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import { AvatarIcon, IconName, Text } from '../../../component-library';
import Box from '../../../ui/box/box';
/**

2
ui/components/app/snaps/snap-privacy-warning/snap-privacy-warning.js
View File

@ -12,8 +12,8 @@ import {
ButtonLink,
IconName,
IconSize,
Text,
} from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import {
AlignItems,
BackgroundColor,

3
ui/components/app/snaps/snap-settings-card/snap-settings-card.js
View File

@ -12,8 +12,7 @@ import {
IconColor,
TextVariant,
} from '../../../../helpers/constants/design-system';
import { Icon, IconName, IconSize } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import { Icon, IconName, IconSize, Text } from '../../../component-library';
import SnapAvatar from '../snap-avatar';
const SnapSettingsCard = ({ name, packageName, onClick, snapId }) => {

2
ui/components/app/snaps/snap-ui-renderer/snap-ui-renderer.js
View File

@ -17,7 +17,7 @@ import { useI18nContext } from '../../../../hooks/useI18nContext';
import Box from '../../../ui/box';
import { getSnapName } from '../../../../helpers/utils/util';
import { getTargetSubjectMetadata } from '../../../../selectors';
import { Text } from '../../../component-library/text/deprecated';
import { Text } from '../../../component-library';
import { Copyable } from '../copyable';
import { DelineatorType } from '../../../../helpers/constants/snaps';

2
ui/components/app/snaps/snap-version/snap-version.js
View File

@ -15,8 +15,8 @@ import {
Icon,
IconName,
IconSize,
Text,
} from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import Preloader from '../../../ui/icon/preloader/preloader-icon.component';
const SnapVersion = ({ version, url }) => {

2
ui/components/app/srp-input/srp-input.js
View File

@ -11,7 +11,7 @@ import {
TextAlign,
TextVariant,
} from '../../../helpers/constants/design-system';
import { Text } from '../../component-library/text/deprecated';
import { Text } from '../../component-library';
import { parseSecretRecoveryPhrase } from './parse-secret-recovery-phrase';
const defaultNumberOfWords = 12;

3
ui/components/app/srp-quiz-modal/QuizContent/QuizContent.tsx
View File

@ -9,8 +9,7 @@ import {
TextVariant,
} from '../../../../helpers/constants/design-system';
import { useI18nContext } from '../../../../hooks/useI18nContext';
import { Button, Box } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import { Button, Box, Text } from '../../../component-library';
import { IQuizInformationProps } from '../types';
export default function QuizContent({

2
ui/components/app/terms-of-use-popup/terms-of-use-popup.js
View File

@ -15,8 +15,8 @@ import {
BUTTON_VARIANT,
ButtonLink,
Label,
Text,
} from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import Box from '../../ui/box';
import CheckBox from '../../ui/check-box/check-box.component';
import {

3
ui/components/app/transaction-alerts/transaction-alerts.js
View File

@ -6,8 +6,7 @@ import { PriorityLevels } from '../../../../shared/constants/gas';
import { submittedPendingTransactionsSelector } from '../../../selectors';
import { useGasFeeContext } from '../../../contexts/gasFee';
import { useI18nContext } from '../../../hooks/useI18nContext';
import { BannerAlert, ButtonLink } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { BannerAlert, ButtonLink, Text } from '../../component-library';
import SimulationErrorMessage from '../../ui/simulation-error-message';
import { SEVERITIES } from '../../../helpers/constants/design-system';
import ZENDESK_URLS from '../../../helpers/constants/zendesk-url';

3
ui/components/app/transaction-list-item-details/transaction-list-item-details.component.js
View File

@ -13,8 +13,7 @@ import CancelButton from '../cancel-button';
import Popover from '../../ui/popover';
///: BEGIN:ONLY_INCLUDE_IN(build-mmi)
import Box from '../../ui/box/box';
import { Icon, IconName } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { Icon, IconName, Text } from '../../component-library';
import { IconColor } from '../../../helpers/constants/design-system';
///: END:ONLY_INCLUDE_IN
import { SECOND } from '../../../../shared/constants/time';

2
ui/components/app/whats-new-popup/whats-new-popup.js
View File

@ -9,12 +9,12 @@ import { I18nContext } from '../../../contexts/i18n';
import { useEqualityCheck } from '../../../hooks/useEqualityCheck';
import Popover from '../../ui/popover';
import {
Text,
Button,
///: BEGIN:ONLY_INCLUDE_IN(build-mmi)
IconName,
///: END:ONLY_INCLUDE_IN
} from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { updateViewedNotifications } from '../../../store/actions';
import { getTranslatedUINotifications } from '../../../../shared/notifications';
import { getSortedAnnouncementsToShow } from '../../../selectors';

2
ui/pages/confirm-send-ether/__snapshots__/confirm-send-ether.test.js.snap
View File

@ -284,7 +284,7 @@ exports[`ConfirmSendEther should render correct information for for confirm send
class="confirm-page-container-summary__title"
>
<h3
class="box mm-text mm-text--heading-md mm-text--font-weight-normal mm-text--ellipsis box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--heading-md mm-text--font-weight-normal mm-text--ellipsis mm-box--color-text-default"
>
<div
class="currency-display-component"

16
ui/pages/confirm-signature-request/__snapshots__/index.test.js.snap
View File

@ -142,12 +142,12 @@ exports[`Signature Request Component render should match snapshot 1`] = `
class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Goerli test network
</h6>
<h6
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
Account 1
</h6>
@ -157,13 +157,13 @@ exports[`Signature Request Component render should match snapshot 1`] = `
class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Balance
</h6>
<h6
align="end"
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
9.107408
@ -205,13 +205,13 @@ exports[`Signature Request Component render should match snapshot 1`] = `
</div>
</div>
<h3
class="box mm-text signature-request__content__title mm-text--heading-md box--margin-top-4 box--flex-direction-row box--color-text-default"
class="mm-box mm-text signature-request__content__title mm-text--heading-md mm-box--margin-top-4 mm-box--color-text-default"
>
Signature request
</h3>
<h6
align="center"
class="box mm-text request-signature__content__subtitle mm-text--body-sm box--margin-12 box--margin-top-3 box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text request-signature__content__subtitle mm-text--body-sm mm-box--margin-12 mm-box--margin-top-3 mm-box--color-text-alternative"
>
Only sign this message if you fully understand the content and trust the requesting site.
</h6>
@ -223,7 +223,7 @@ exports[`Signature Request Component render should match snapshot 1`] = `
tabindex="0"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-primary-default"
class="mm-box mm-text mm-text--body-sm mm-box--color-primary-default"
>
Verify third-party details
</h6>
@ -237,7 +237,7 @@ exports[`Signature Request Component render should match snapshot 1`] = `
class="box signature-request-message__root box--margin-2 box--padding-top-3 box--padding-right-3 box--padding-bottom-3 box--flex-direction-row box--background-color-background-default box--rounded-xl box--border-color-border-muted box--border-style-solid box--border-width-1"
>
<p
class="box mm-text mm-text--body-md mm-text--font-weight-bold box--margin-left-4 box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-md mm-text--font-weight-bold mm-box--margin-left-4 mm-box--color-text-default"
>
Mail
</p>

2
ui/pages/confirm-transaction-base/__snapshots__/confirm-transaction-base.test.js.snap
View File

@ -254,7 +254,7 @@ exports[`Confirm Transaction Base should match snapshot 1`] = `
class="confirm-page-container-summary__title"
>
<h3
class="box mm-text mm-text--heading-md mm-text--font-weight-normal mm-text--ellipsis box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--heading-md mm-text--font-weight-normal mm-text--ellipsis mm-box--color-text-default"
>
<div
class="currency-display-component"

38
ui/pages/send/send-content/add-recipient/__snapshots__/add-recipient.component.test.js.snap
View File

@ -73,12 +73,12 @@ exports[`Add Recipient Component Domain Resolution should match snapshot 1`] = `
data-testid="recipient"
>
<p
class="box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium box--flex-direction-row box--color-text-default"
class="mm-box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium mm-box--color-text-default"
>
Test Account
</p>
<p
class="box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md mm-box--color-text-alternative"
>
0x0dcd...e7bc
</p>
@ -136,12 +136,12 @@ exports[`Add Recipient Component Domain Resolution should match snapshot 1`] = `
data-testid="recipient"
>
<p
class="box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium box--flex-direction-row box--color-text-default"
class="mm-box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium mm-box--color-text-default"
>
Test Account 2
</p>
<p
class="box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md mm-box--color-text-alternative"
>
0xec1a...251b
</p>
@ -199,12 +199,12 @@ exports[`Add Recipient Component Domain Resolution should match snapshot 1`] = `
data-testid="recipient"
>
<p
class="box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium box--flex-direction-row box--color-text-default"
class="mm-box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium mm-box--color-text-default"
>
Test Ledger 1
</p>
<p
class="box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md mm-box--color-text-alternative"
>
0xc42e...8813
</p>
@ -262,12 +262,12 @@ exports[`Add Recipient Component Domain Resolution should match snapshot 1`] = `
data-testid="recipient"
>
<p
class="box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium box--flex-direction-row box--color-text-default"
class="mm-box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium mm-box--color-text-default"
>
Test Account 3
</p>
<p
class="box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md mm-box--color-text-alternative"
>
0xeb9e...4823
</p>
@ -509,12 +509,12 @@ exports[`Add Recipient Component render should match snapshot 1`] = `
data-testid="recipient"
>
<p
class="box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium box--flex-direction-row box--color-text-default"
class="mm-box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium mm-box--color-text-default"
>
Test Account
</p>
<p
class="box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md mm-box--color-text-alternative"
>
0x0dcd...e7bc
</p>
@ -572,12 +572,12 @@ exports[`Add Recipient Component render should match snapshot 1`] = `
data-testid="recipient"
>
<p
class="box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium box--flex-direction-row box--color-text-default"
class="mm-box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium mm-box--color-text-default"
>
Test Account 2
</p>
<p
class="box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md mm-box--color-text-alternative"
>
0xec1a...251b
</p>
@ -635,12 +635,12 @@ exports[`Add Recipient Component render should match snapshot 1`] = `
data-testid="recipient"
>
<p
class="box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium box--flex-direction-row box--color-text-default"
class="mm-box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium mm-box--color-text-default"
>
Test Ledger 1
</p>
<p
class="box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md mm-box--color-text-alternative"
>
0xc42e...8813
</p>
@ -698,12 +698,12 @@ exports[`Add Recipient Component render should match snapshot 1`] = `
data-testid="recipient"
>
<p
class="box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium box--flex-direction-row box--color-text-default"
class="mm-box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium mm-box--color-text-default"
>
Test Account 3
</p>
<p
class="box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md mm-box--color-text-alternative"
>
0xeb9e...4823
</p>
@ -737,7 +737,7 @@ exports[`Add Recipient Component render should match snapshot 1`] = `
class="box send__select-recipient-wrapper__group-label box--margin-top-2 box--margin-right-4 box--margin-bottom-2 box--margin-left-4 box--flex-direction-row"
>
<p
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-md mm-box--color-text-default"
>
A
</p>
@ -794,12 +794,12 @@ exports[`Add Recipient Component render should match snapshot 1`] = `
data-testid="recipient"
>
<p
class="box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium box--flex-direction-row box--color-text-default"
class="mm-box mm-text send__select-recipient-wrapper__group-item__title mm-text--body-lg-medium mm-box--color-text-default"
>
Address Book Account 1
</p>
<p
class="box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text send__select-recipient-wrapper__group-item__subtitle mm-text--body-md mm-box--color-text-alternative"
>
0xc42e...8813
</p>

8
ui/pages/token-allowance/__snapshots__/token-allowance.test.js.snap
View File

@ -161,12 +161,12 @@ exports[`TokenAllowancePage should match snapshot 1`] = `
class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
mainnet
</h6>
<h6
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
Account 1
</h6>
@ -176,13 +176,13 @@ exports[`TokenAllowancePage should match snapshot 1`] = `
class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
>
<h6
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
Balance
</h6>
<h6
align="end"
class="box mm-text mm-text--body-sm mm-text--font-weight-bold box--flex-direction-row box--color-text-default"
class="mm-box mm-text mm-text--body-sm mm-text--font-weight-bold mm-box--color-text-default"
>
10