m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +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, IconName,
IconSize, IconSize,
AvatarNetwork, AvatarNetwork,
Text,
} from '../../component-library'; } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { MetaMetricsNetworkEventSource } from '../../../../shared/constants/metametrics'; import { MetaMetricsNetworkEventSource } from '../../../../shared/constants/metametrics';
const AddNetwork = () => { 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 { useGasFeeContext } from '../../../../contexts/gasFee';
import { useAdvancedGasFeePopoverContext } from '../context'; import { useAdvancedGasFeePopoverContext } from '../context';
import { useI18nContext } from '../../../../hooks/useI18nContext'; import { useI18nContext } from '../../../../hooks/useI18nContext';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
const AdvancedGasFeeDefaults = () => { const AdvancedGasFeeDefaults = () => {
const t = useI18nContext(); 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 FormField from '../../../ui/form-field';
import { useAdvancedGasFeePopoverContext } from '../context'; import { useAdvancedGasFeePopoverContext } from '../context';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
const validateGasLimit = (gasLimit, minimumGasLimitDec) => { const validateGasLimit = (gasLimit, minimumGasLimitDec) => {
return bnLessThan(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 Box from '../../ui/box/box';
import Button from '../../ui/button'; import Button from '../../ui/button';
import EditGasFeeButton from '../edit-gas-fee-button/edit-gas-fee-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 { import {
AlignItems, AlignItems,
BlockSize, 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" 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 <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> <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 { BETA_BUGS_URL } from '../../../helpers/constants/beta';
import { hideBetaHeader } from '../../../store/actions'; 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 BetaHeader = () => {
const t = useI18nContext(); 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 InfoTooltip from '../../ui/info-tooltip';
import Popover from '../../ui/popover'; import Popover from '../../ui/popover';
import AppLoadingSpinner from '../app-loading-spinner'; import AppLoadingSpinner from '../app-loading-spinner';
import { Text } from '../../component-library/text/deprecated'; import { Button, ButtonLink, Text } from '../../component-library';
import { Button, ButtonLink } from '../../component-library';
const CancelSpeedupPopover = () => { const CancelSpeedupPopover = () => {
const { const {

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

@ -1,6 +1,5 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Text } from '../../component-library/text/deprecated';
import { import {
BUTTON_VARIANT, BUTTON_VARIANT,
Button, Button,
@ -9,6 +8,7 @@ import {
ModalOverlay, ModalOverlay,
ModalContent, ModalContent,
ModalHeader, ModalHeader,
Text,
} from '../../component-library'; } from '../../component-library';
import { useI18nContext } from '../../../hooks/useI18nContext'; import { useI18nContext } from '../../../hooks/useI18nContext';
import { 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 Box from '../../ui/box/box';
import Disclosure from '../../ui/disclosure'; import Disclosure from '../../ui/disclosure';
import TransactionDecoding from '../transaction-decoding'; import TransactionDecoding from '../transaction-decoding';
import { Text } from '../../component-library/text/deprecated'; import { Text } from '../../component-library';
const ConfirmData = ({ txData, dataComponent }) => { const ConfirmData = ({ txData, dataComponent }) => {
const t = useI18nContext(); 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 UserPreferencedCurrencyDisplay from '../../user-preferenced-currency-display';
import InfoTooltip from '../../../ui/info-tooltip'; import InfoTooltip from '../../../ui/info-tooltip';
import LoadingHeartBeat from '../../../ui/loading-heartbeat'; import LoadingHeartBeat from '../../../ui/loading-heartbeat';
import { Text } from '../../../component-library/text/deprecated';
import { import {
FONT_STYLE, FONT_STYLE,
TextVariant, TextVariant,
@ -27,7 +26,7 @@ import {
import { useDraftTransactionWithTxParams } from '../../../../hooks/useDraftTransactionWithTxParams'; import { useDraftTransactionWithTxParams } from '../../../../hooks/useDraftTransactionWithTxParams';
import { getNativeCurrency } from '../../../../ducks/metamask/metamask'; import { getNativeCurrency } from '../../../../ducks/metamask/metamask';
import MultilayerFeeMessage from '../../multilayer-fee-message/multi-layer-fee-message'; 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 = () => const renderHeartBeatIfNotInTest = () =>
process.env.IN_TEST ? null : <LoadingHeartBeat />; process.env.IN_TEST ? null : <LoadingHeartBeat />;

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

@ -13,7 +13,7 @@ import {
TextTransform, TextTransform,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
import Box from '../../ui/box'; 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'; import CopyRawData from '../transaction-decoding/components/ui/copy-raw-data';
const ConfirmHexData = ({ txData, dataHexComponent }) => { 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 EditGasPopover from '../edit-gas-popover';
import ErrorMessage from '../../ui/error-message'; import ErrorMessage from '../../ui/error-message';
import { INSUFFICIENT_FUNDS_ERROR_KEY } from '../../../helpers/constants/error-keys'; import { INSUFFICIENT_FUNDS_ERROR_KEY } from '../../../helpers/constants/error-keys';
import { Text } from '../../component-library/text/deprecated'; import { Text } from '../../component-library';
import { import {
TextVariant, TextVariant,
TextAlign, 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 { useSelector } from 'react-redux';
import Preloader from '../../../ui/icon/preloader/preloader-icon.component'; import Preloader from '../../../ui/icon/preloader/preloader-icon.component';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
import { import {
AlignItems, AlignItems,
FLEX_DIRECTION, 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 { isNFTAssetStandard } from '../../../helpers/utils/transactions.util';
import { getShouldShowFiat } from '../../../selectors'; import { getShouldShowFiat } from '../../../selectors';
import { useTransactionInfo } from '../../../hooks/useTransactionInfo'; import { useTransactionInfo } from '../../../hooks/useTransactionInfo';
import { Text } from '../../component-library/text/deprecated'; import { Text } from '../../component-library';
import UserPreferencedCurrencyDisplay from '../user-preferenced-currency-display'; import UserPreferencedCurrencyDisplay from '../user-preferenced-currency-display';
const ConfirmSubTitle = ({ 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 { TransactionType } from '../../../../shared/constants/transaction';
import { PRIMARY } from '../../../helpers/constants/common'; import { PRIMARY } from '../../../helpers/constants/common';
import { Text } from '../../component-library/text/deprecated'; import { Text } from '../../component-library';
import { import {
FONT_WEIGHT, FONT_WEIGHT,
TextVariant, TextVariant,

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

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

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

@ -8,7 +8,7 @@ import {
TextColor, TextColor,
TextVariant, TextVariant,
} from '../../../../helpers/constants/design-system'; } from '../../../../helpers/constants/design-system';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
function addressesEqual(address1, address2) { function addressesEqual(address1, address2) {
return String(address1).toLowerCase() === String(address2).toLowerCase(); 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 TextField from '../../ui/text-field';
import Button from '../../ui/button'; import Button from '../../ui/button';
import CheckBox from '../../ui/check-box'; import CheckBox from '../../ui/check-box';
import { Text } from '../../component-library/text/deprecated'; import { Text } from '../../component-library';
import SrpInput from '../srp-input'; import SrpInput from '../srp-input';
import { PASSWORD_MIN_LENGTH } from '../../../helpers/constants/common'; 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, Display,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
import { Icon, IconName, IconSize } from '../../component-library'; import { Icon, IconName, IconSize, Text } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
export const CustomSpendingCapTooltip = ({ export const CustomSpendingCapTooltip = ({
tooltipContentText, 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'; } from '../../../../helpers/constants/design-system';
import { shortenAddress } from '../../../../helpers/utils/util'; import { shortenAddress } from '../../../../helpers/utils/util';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
const DetectedTokenAddress = ({ tokenAddress }) => { const DetectedTokenAddress = ({ tokenAddress }) => {
const t = useI18nContext(); const t = useI18nContext();

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

@ -8,8 +8,7 @@ import {
FontWeight, FontWeight,
TextVariant, TextVariant,
} from '../../../../helpers/constants/design-system'; } from '../../../../helpers/constants/design-system';
import { Box, ButtonLink } from '../../../component-library'; import { Box, ButtonLink, Text } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
const NUMBER_OF_AGGREGATORS_TO_DISPLAY = 2; 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 Popover from '../../../ui/popover';
import Button from '../../../ui/button'; import Button from '../../../ui/button';
import { TextVariant } from '../../../../helpers/constants/design-system'; import { TextVariant } from '../../../../helpers/constants/design-system';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
const DetectedTokenIgnoredPopover = ({ const DetectedTokenIgnoredPopover = ({
partiallyIgnoreDetectedTokens, 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 { useTokenTracker } from '../../../../hooks/useTokenTracker';
import { useTokenFiatAmount } from '../../../../hooks/useTokenFiatAmount'; import { useTokenFiatAmount } from '../../../../hooks/useTokenFiatAmount';
import { getUseCurrencyRateCheck } from '../../../../selectors'; import { getUseCurrencyRateCheck } from '../../../../selectors';
import { Box } from '../../../component-library'; import { Box, Text } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
const DetectedTokenValues = ({ const DetectedTokenValues = ({
token, token,

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

@ -12,7 +12,7 @@ import {
TextColor, TextColor,
TextVariant, TextVariant,
} from '../../../helpers/constants/design-system'; } 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 { areDappSuggestedAndTxParamGasFeesTheSame } from '../../../helpers/utils/confirm-tx.util';
import InfoTooltip from '../../ui/info-tooltip'; 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 { useTransactionEventFragment } from '../../../hooks/useTransactionEventFragment';
import { useTransactionModalContext } from '../../../contexts/transaction-modal'; import { useTransactionModalContext } from '../../../contexts/transaction-modal';
import InfoTooltip from '../../ui/info-tooltip/info-tooltip'; import InfoTooltip from '../../ui/info-tooltip/info-tooltip';
import { Icon, IconName, IconSize } from '../../component-library'; import { Icon, IconName, IconSize, Text } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
export default function EditGasFeeButton({ userAcknowledgedGasMissing }) { export default function EditGasFeeButton({ userAcknowledgedGasMissing }) {
const t = useI18nContext(); 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 { useGasFeeContext } from '../../../contexts/gasFee';
import AppLoadingSpinner from '../app-loading-spinner'; import AppLoadingSpinner from '../app-loading-spinner';
import ZENDESK_URLS from '../../../helpers/constants/zendesk-url'; 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 EditGasItem from './edit-gas-item';
import NetworkStatistics from './network-statistics'; 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'; } from '../../../../helpers/constants/design-system';
import { isMetamaskSuggestedGasEstimate } from '../../../../helpers/utils/gas'; import { isMetamaskSuggestedGasEstimate } from '../../../../helpers/utils/gas';
import { roundToDecimalPlacesRemovingExtraZeroes } from '../../../../helpers/utils/util'; import { roundToDecimalPlacesRemovingExtraZeroes } from '../../../../helpers/utils/util';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
const EditGasToolTip = ({ const EditGasToolTip = ({
editGasMode, 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 { formatGasFeeOrFeeRange } from '../../../../helpers/utils/gas';
import { I18nContext } from '../../../../contexts/i18n'; import { I18nContext } from '../../../../contexts/i18n';
import { useGasFeeContext } from '../../../../contexts/gasFee'; import { useGasFeeContext } from '../../../../contexts/gasFee';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
import { BaseFeeTooltip, PriorityFeeTooltip } from './tooltips'; import { BaseFeeTooltip, PriorityFeeTooltip } from './tooltips';
import StatusSlider from './status-slider'; 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 { getIsMainnet } from '../../../../selectors';
import Box from '../../../ui/box'; import Box from '../../../ui/box';
import InfoTooltip from '../../../ui/info-tooltip/info-tooltip'; import InfoTooltip from '../../../ui/info-tooltip/info-tooltip';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
const GasDetailsItemTitle = () => { const GasDetailsItemTitle = () => {
const t = useI18nContext(); 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" class="ledger-live-dialog"
> >
<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"
> >
Prior to clicking confirm: Prior to clicking confirm:
</h6> </h6>
<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. • Be sure your Ledger is plugged in and to select the Ethereum app.
</h6> </h6>
<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. • Enable "smart contract data" or "blind signing" on your Ledger device.
</h6> </h6>
<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> <span>
<button <button

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

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

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

@ -10,8 +10,8 @@ import {
Icon, Icon,
IconName, IconName,
IconSize, IconSize,
Text,
} from '../../component-library'; } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { import {
DISPLAY, DISPLAY,
IconColor, 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 { getAddressBookEntry } from '../../../../selectors';
import { TokenStandard } from '../../../../../shared/constants/transaction'; import { TokenStandard } from '../../../../../shared/constants/transaction';
import NftCollectionImage from '../../../ui/nft-collection-image/nft-collection-image'; import NftCollectionImage from '../../../ui/nft-collection-image/nft-collection-image';
import { ButtonIcon, IconName } from '../../../component-library'; import { ButtonIcon, IconName, Text } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
export default function ContractDetailsModal({ export default function ContractDetailsModal({
onClose, 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" class="customize-nonce-modal__main-header"
> >
<h4 <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 Edit nonce
</h4> </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" class="mm-box mm-box--margin-top-2 mm-box--display-inline-flex mm-box--align-items-center"
> >
<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"
> >
This is an advanced feature, use cautiously. This is an advanced feature, use cautiously.
<a <a
@ -53,7 +53,7 @@ exports[`Customize Nonce should match snapshot 1`] = `
class="mm-box mm-box--display-flex mm-box--align-items-center" class="mm-box mm-box--display-flex mm-box--align-items-center"
> >
<h6 <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 Edit nonce
</h6> </h6>

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

@ -17,8 +17,8 @@ import {
ButtonIconSize, ButtonIconSize,
ButtonLink, ButtonLink,
IconName, IconName,
Text,
} from '../../../component-library'; } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
const CustomizeNonce = ({ const CustomizeNonce = ({
hideModal, 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> </button>
</div> </div>
<h3 <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 Use at your own risk
</h3> </h3>
<p <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. 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 <a
@ -67,7 +67,7 @@ exports[`Eth Sign Modal should match snapshot 1`] = `
for="eth-sign__checkbox" for="eth-sign__checkbox"
> >
<span <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. I understand that I can lose all of my funds and NFTs if I enable eth_sign requests.
</span> </span>

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

@ -14,8 +14,8 @@ import {
IconName, IconName,
IconSize, IconSize,
Label, Label,
Text,
} from '../../../component-library'; } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import { import {
AlignItems, AlignItems,
Display, 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" class="account-modal__close"
/> />
<span <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 Test Account
</span> </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" class="box export-private-key-modal__divider box--margin-5 box--md:margin-3 box--flex-direction-row box--width-full"
/> />
<p <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 Show Private Keys
</p> </p>
@ -99,7 +99,7 @@ exports[`Export PrivateKey Modal should match snapshot 1`] = `
</div> </div>
</div> </div>
<p <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 <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" 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, BUTTON_VARIANT,
BannerAlert, BannerAlert,
Button, Button,
Text,
} from '../../../component-library'; } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import AccountModalContainer from '../account-modal-container'; import AccountModalContainer from '../account-modal-container';
import { toChecksumHexAddress } from '../../../../../shared/modules/hexstring-utils'; import { toChecksumHexAddress } from '../../../../../shared/modules/hexstring-utils';
import { import {

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

@ -8,8 +8,8 @@ import {
BUTTON_VARIANT, BUTTON_VARIANT,
ButtonIcon, ButtonIcon,
IconName, IconName,
Text,
} from '../../../component-library'; } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import { import {
AlignItems, AlignItems,
Display, 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 Box from '../../ui/box/box';
import { I18nContext } from '../../../contexts/i18n'; import { I18nContext } from '../../../contexts/i18n';
import { CHAIN_ID_TO_NETWORK_IMAGE_URL_MAP } from '../../../../shared/constants/network'; 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({ export default function NetworkAccountBalanceHeader({
networkName, 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" tabindex="0"
> >
<h6 <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 NFT Name
@ -28,7 +28,7 @@ exports[`NFT Default Image should match snapshot with missing clickable prop 1`]
tabindex="0" tabindex="0"
> >
<h6 <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 NFT Name
@ -48,7 +48,7 @@ exports[`NFT Default Image should render with no props 1`] = `
tabindex="0" tabindex="0"
> >
<h6 <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] [unknownCollection]

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

@ -12,7 +12,7 @@ import {
BackgroundColor, BackgroundColor,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
import { useI18nContext } from '../../../hooks/useI18nContext'; import { useI18nContext } from '../../../hooks/useI18nContext';
import { Text } from '../../component-library/text/deprecated'; import { Text } from '../../component-library';
import Box from '../../ui/box/box'; import Box from '../../ui/box/box';
export default function NftDefaultImage({ 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> <div>
<h4 <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 MUNK #1
</h4> </h4>
<h5 <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 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" class="box box--display-flex box--flex-direction-row"
> >
<h6 <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 Last sold
</h6> </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" class="box nft-details__contract-wrapper box--display-flex box--flex-direction-row"
> >
<h6 <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 1/18/2023
</h6> </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" class="box box--display-flex box--flex-direction-row"
> >
<h6 <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 Last price sold
</h6> </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" class="box nft-details__contract-wrapper box--display-flex box--flex-direction-row"
> >
<h6 <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 0.0049 ETH
</h6> </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" class="box box--display-flex box--flex-direction-row"
> >
<h6 <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 Source
</h6> </h6>
<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 <a
href="https://bafybeiclzx7zfjvuiuwobn5ip3ogc236bjqfjzoblumf4pau4ep6dqramu.ipfs.dweb.link" 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" class="box box--display-flex box--flex-direction-row"
> >
<h6 <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 Contract address
</h6> </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" class="box nft-details__contract-wrapper box--display-flex box--flex-direction-row"
> >
<h6 <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 0xDc7...6414
</h6> </h6>
@ -204,7 +204,7 @@ exports[`NFT Details should match minimal props and state snapshot 1`] = `
</div> </div>
</div> </div>
<h6 <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. Disclaimer: MetaMask pulls the media file from the source url. This url sometimes is changed by the marketplace the NFT was minted on.
</h6> </h6>

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

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

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

@ -21,8 +21,7 @@ import {
showImportNftsModal, showImportNftsModal,
} from '../../../store/actions'; } from '../../../store/actions';
import { useNftsCollections } from '../../../hooks/useNftsCollections'; import { useNftsCollections } from '../../../hooks/useNftsCollections';
import { Box, ButtonLink, IconName } from '../../component-library'; import { Box, ButtonLink, IconName, Text } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import NftsDetectionNotice from '../nfts-detection-notice'; import NftsDetectionNotice from '../nfts-detection-notice';
import ZENDESK_URLS from '../../../helpers/constants/zendesk-url'; 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 { useDispatch } from 'react-redux';
import Box from '../../ui/box'; import Box from '../../ui/box';
import { useI18nContext } from '../../../hooks/useI18nContext'; import { useI18nContext } from '../../../hooks/useI18nContext';
import { IconName, ButtonIcon } from '../../component-library'; import { IconName, ButtonIcon, Text } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { Menu, MenuItem } from '../../ui/menu'; import { Menu, MenuItem } from '../../ui/menu';
import { import {
TextColor, TextColor,

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

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

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

@ -17,7 +17,7 @@ import {
TextColor, TextColor,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
import { ONBOARDING_UNLOCK_ROUTE } from '../../../helpers/constants/routes'; 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 }) { export default function RecoveryPhraseReminder({ onConfirm, hasBackedUp }) {
const t = useI18nContext(); 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'; } from '../../../helpers/constants/design-system';
import { SECURITY_PROVIDER_MESSAGE_SEVERITY } from '../../../../shared/constants/security-provider'; import { SECURITY_PROVIDER_MESSAGE_SEVERITY } from '../../../../shared/constants/security-provider';
import { I18nContext } from '../../../../.storybook/i18n'; import { I18nContext } from '../../../../.storybook/i18n';
import { BannerAlert, ButtonLink } from '../../component-library'; import { BannerAlert, ButtonLink, Text } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
export default function SecurityProviderBannerMessage({ export default function SecurityProviderBannerMessage({
securityProviderResponse, securityProviderResponse,

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

@ -18,8 +18,8 @@ import {
IconName, IconName,
Button, Button,
BUTTON_VARIANT, BUTTON_VARIANT,
Text,
} from '../../component-library'; } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
const SetApproveForAllWarning = ({ const SetApproveForAllWarning = ({
collectionName, 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" class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
> >
<h6 <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 Unknown private network
</h6> </h6>
<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 Test Account
</h6> </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" class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
> >
<h6 <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 Balance
</h6> </h6>
<h6 <h6
align="end" 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 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" class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
> >
<h6 <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 Unknown private network
</h6> </h6>
<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 Test Account
</h6> </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" class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
> >
<h6 <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 Balance
</h6> </h6>
<h6 <h6
align="end" 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 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 ConfirmPageContainerNavigation from '../confirm-page-container/confirm-page-container-navigation';
import SecurityProviderBannerMessage from '../security-provider-banner-message/security-provider-banner-message'; import SecurityProviderBannerMessage from '../security-provider-banner-message/security-provider-banner-message';
///: BEGIN:ONLY_INCLUDE_IN(build-mmi) ///: BEGIN:ONLY_INCLUDE_IN(build-mmi)
import { Icon, IconName } from '../../component-library'; import { Icon, IconName, Text } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import Box from '../../ui/box/box'; import Box from '../../ui/box/box';
///: END:ONLY_INCLUDE_IN ///: END:ONLY_INCLUDE_IN
import SignatureRequestHeader from '../signature-request-header'; 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" class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
> >
<h6 <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 Unknown private network
</h6> </h6>
<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 Test Account
</h6> </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" class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
> >
<h6 <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 Balance
</h6> </h6>
<h6 <h6
align="end" 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 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" class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
> >
<h4 <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: Message:
</h4> </h4>
<p <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 Click to sign in and accept the Terms of Service: https://community.metamask.io/tos
</p> </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" class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
> >
<h4 <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: URI:
</h4> </h4>
<p <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 http://localhost:8080
</p> </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" class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
> >
<h4 <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: Version:
</h4> </h4>
<p <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 1
</p> </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" class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
> >
<h4 <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: Chain ID:
</h4> </h4>
<p <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 1
</p> </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" class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
> >
<h4 <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: Nonce:
</h4> </h4>
<p <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 STMt6KQMwwdOXE306
</p> </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" class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
> >
<h4 <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: Issued At:
</h4> </h4>
<p <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 2023-03-18T21:40:40.823Z
</p> </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" class="box box--margin-top-2 box--margin-bottom-2 box--flex-direction-row"
> >
<h4 <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 Resources: 2
</h4> </h4>
<p <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 ipfs://Qme7ss3ARVgxv6rXqVPiikMJ8u2NLgmgszg13pYrDKEoiu
https://example.com/my-web2-claim.json 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 React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import Box from '../../../ui/box'; import Box from '../../../ui/box';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
import { import {
FLEX_DIRECTION, FLEX_DIRECTION,

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

@ -9,7 +9,7 @@ import {
TextColor, TextColor,
} from '../../../../helpers/constants/design-system'; } from '../../../../helpers/constants/design-system';
import Box from '../../../ui/box'; import Box from '../../../ui/box';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
const SignatureRequestSIWETag = ({ text }) => { const SignatureRequestSIWETag = ({ text }) => {
return ( 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 log from 'loglevel';
import { isValidSIWEOrigin } from '@metamask/controller-utils'; import { isValidSIWEOrigin } from '@metamask/controller-utils';
import { ethErrors, serializeError } from 'eth-rpc-errors'; import { ethErrors, serializeError } from 'eth-rpc-errors';
import { BannerAlert } from '../../component-library'; import { BannerAlert, Text } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import Popover from '../../ui/popover'; import Popover from '../../ui/popover';
import Checkbox from '../../ui/check-box'; import Checkbox from '../../ui/check-box';
import Button from '../../ui/button'; 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" class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
> >
<h6 <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 Unknown private network
</h6> </h6>
<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 Antonio
</h6> </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" class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
> >
<h6 <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 Balance
</h6> </h6>
<h6 <h6
align="end" 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 966.987986
@ -206,13 +206,13 @@ exports[`Signature Request Component render should match snapshot when we are us
</div> </div>
</div> </div>
<h3 <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 Signature request
</h3> </h3>
<h6 <h6
align="center" 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. Only sign this message if you fully understand the content and trust the requesting site.
</h6> </h6>
@ -224,7 +224,7 @@ exports[`Signature Request Component render should match snapshot when we are us
tabindex="0" tabindex="0"
> >
<h6 <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 Verify third-party details
</h6> </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" 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 <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 Mail
</p> </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" class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
> >
<h6 <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 Unknown private network
</h6> </h6>
<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 Antonio
</h6> </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" class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
> >
<h6 <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 Balance
</h6> </h6>
<h6 <h6
align="end" 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 1515270.174798
@ -983,13 +983,13 @@ exports[`Signature Request Component render should match snapshot when we want t
</div> </div>
</div> </div>
<h3 <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 Signature request
</h3> </h3>
<h6 <h6
align="center" 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. Only sign this message if you fully understand the content and trust the requesting site.
</h6> </h6>
@ -1001,7 +1001,7 @@ exports[`Signature Request Component render should match snapshot when we want t
tabindex="0" tabindex="0"
> >
<h6 <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 Verify third-party details
</h6> </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" 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 <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 Mail
</p> </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 { debounce } from 'lodash';
import { I18nContext } from '../../../../contexts/i18n'; import { I18nContext } from '../../../../contexts/i18n';
import Box from '../../../ui/box'; import Box from '../../../ui/box';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
import { import {
Display, Display,
FlexDirection, FlexDirection,

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

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

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

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

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

@ -25,8 +25,7 @@ import {
removeSnapIdPrefix, removeSnapIdPrefix,
} from '../../../../helpers/utils/util'; } from '../../../../helpers/utils/util';
import { ButtonLink } from '../../../component-library'; import { ButtonLink, Text } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import { getTargetSubjectMetadata } from '../../../../selectors'; import { getTargetSubjectMetadata } from '../../../../selectors';
import SnapAvatar from '../snap-avatar'; import SnapAvatar from '../snap-avatar';
import { useI18nContext } from '../../../../hooks/useI18nContext'; 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, removeSnapIdPrefix,
} from '../../../../helpers/utils/util'; } from '../../../../helpers/utils/util';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
import { getTargetSubjectMetadata } from '../../../../selectors'; import { getTargetSubjectMetadata } from '../../../../selectors';
import SnapAvatar from '../snap-avatar'; import SnapAvatar from '../snap-avatar';
import SnapVersion from '../snap-version/snap-version'; 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, FontWeight,
} from '../../../../helpers/constants/design-system'; } from '../../../../helpers/constants/design-system';
import { getSnapName } from '../../../../helpers/utils/util'; import { getSnapName } from '../../../../helpers/utils/util';
import { Icon, IconName, IconSize, ValidTag } from '../../../component-library'; import {
import { Text } from '../../../component-library/text/deprecated'; Icon,
IconName,
IconSize,
ValidTag,
Text,
} from '../../../component-library';
import Tooltip from '../../../ui/tooltip/tooltip'; import Tooltip from '../../../ui/tooltip/tooltip';
import { useI18nContext } from '../../../../hooks/useI18nContext'; import { useI18nContext } from '../../../../hooks/useI18nContext';
import SnapAvatar from '../snap-avatar/snap-avatar'; 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, TextColor,
} from '../../../../helpers/constants/design-system'; } from '../../../../helpers/constants/design-system';
import Box from '../../../ui/box'; import Box from '../../../ui/box';
import { AvatarIcon, IconName, IconSize } from '../../../component-library'; import {
import { Text } from '../../../component-library/text/deprecated'; AvatarIcon,
IconName,
IconSize,
Text,
} from '../../../component-library';
import { import {
DelineatorType, DelineatorType,
getDelineatorTitle, 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'; } from '../../../../helpers/constants/design-system';
import Popover from '../../../ui/popover'; import Popover from '../../../ui/popover';
import Button from '../../../ui/button'; import Button from '../../../ui/button';
import { AvatarIcon, IconName } from '../../../component-library'; import { AvatarIcon, IconName, Text } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import Box from '../../../ui/box/box'; 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, ButtonLink,
IconName, IconName,
IconSize, IconSize,
Text,
} from '../../../component-library'; } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import { import {
AlignItems, AlignItems,
BackgroundColor, BackgroundColor,

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

@ -12,8 +12,7 @@ import {
IconColor, IconColor,
TextVariant, TextVariant,
} from '../../../../helpers/constants/design-system'; } from '../../../../helpers/constants/design-system';
import { Icon, IconName, IconSize } from '../../../component-library'; import { Icon, IconName, IconSize, Text } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import SnapAvatar from '../snap-avatar'; import SnapAvatar from '../snap-avatar';
const SnapSettingsCard = ({ name, packageName, onClick, snapId }) => { 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 Box from '../../../ui/box';
import { getSnapName } from '../../../../helpers/utils/util'; import { getSnapName } from '../../../../helpers/utils/util';
import { getTargetSubjectMetadata } from '../../../../selectors'; import { getTargetSubjectMetadata } from '../../../../selectors';
import { Text } from '../../../component-library/text/deprecated'; import { Text } from '../../../component-library';
import { Copyable } from '../copyable'; import { Copyable } from '../copyable';
import { DelineatorType } from '../../../../helpers/constants/snaps'; import { DelineatorType } from '../../../../helpers/constants/snaps';

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

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

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

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

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

@ -9,8 +9,7 @@ import {
TextVariant, TextVariant,
} from '../../../../helpers/constants/design-system'; } from '../../../../helpers/constants/design-system';
import { useI18nContext } from '../../../../hooks/useI18nContext'; import { useI18nContext } from '../../../../hooks/useI18nContext';
import { Button, Box } from '../../../component-library'; import { Button, Box, Text } from '../../../component-library';
import { Text } from '../../../component-library/text/deprecated';
import { IQuizInformationProps } from '../types'; import { IQuizInformationProps } from '../types';
export default function QuizContent({ 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, BUTTON_VARIANT,
ButtonLink, ButtonLink,
Label, Label,
Text,
} from '../../component-library'; } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import Box from '../../ui/box'; import Box from '../../ui/box';
import CheckBox from '../../ui/check-box/check-box.component'; import CheckBox from '../../ui/check-box/check-box.component';
import { 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 { submittedPendingTransactionsSelector } from '../../../selectors';
import { useGasFeeContext } from '../../../contexts/gasFee'; import { useGasFeeContext } from '../../../contexts/gasFee';
import { useI18nContext } from '../../../hooks/useI18nContext'; import { useI18nContext } from '../../../hooks/useI18nContext';
import { BannerAlert, ButtonLink } from '../../component-library'; import { BannerAlert, ButtonLink, Text } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import SimulationErrorMessage from '../../ui/simulation-error-message'; import SimulationErrorMessage from '../../ui/simulation-error-message';
import { SEVERITIES } from '../../../helpers/constants/design-system'; import { SEVERITIES } from '../../../helpers/constants/design-system';
import ZENDESK_URLS from '../../../helpers/constants/zendesk-url'; 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'; import Popover from '../../ui/popover';
///: BEGIN:ONLY_INCLUDE_IN(build-mmi) ///: BEGIN:ONLY_INCLUDE_IN(build-mmi)
import Box from '../../ui/box/box'; import Box from '../../ui/box/box';
import { Icon, IconName } from '../../component-library'; import { Icon, IconName, Text } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { IconColor } from '../../../helpers/constants/design-system'; import { IconColor } from '../../../helpers/constants/design-system';
///: END:ONLY_INCLUDE_IN ///: END:ONLY_INCLUDE_IN
import { SECOND } from '../../../../shared/constants/time'; 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 { useEqualityCheck } from '../../../hooks/useEqualityCheck';
import Popover from '../../ui/popover'; import Popover from '../../ui/popover';
import { import {
Text,
Button, Button,
///: BEGIN:ONLY_INCLUDE_IN(build-mmi) ///: BEGIN:ONLY_INCLUDE_IN(build-mmi)
IconName, IconName,
///: END:ONLY_INCLUDE_IN ///: END:ONLY_INCLUDE_IN
} from '../../component-library'; } from '../../component-library';
import { Text } from '../../component-library/text/deprecated';
import { updateViewedNotifications } from '../../../store/actions'; import { updateViewedNotifications } from '../../../store/actions';
import { getTranslatedUINotifications } from '../../../../shared/notifications'; import { getTranslatedUINotifications } from '../../../../shared/notifications';
import { getSortedAnnouncementsToShow } from '../../../selectors'; 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" class="confirm-page-container-summary__title"
> >
<h3 <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 <div
class="currency-display-component" 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" class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
> >
<h6 <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 Goerli test network
</h6> </h6>
<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 Account 1
</h6> </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" class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
> >
<h6 <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 Balance
</h6> </h6>
<h6 <h6
align="end" 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 9.107408
@ -205,13 +205,13 @@ exports[`Signature Request Component render should match snapshot 1`] = `
</div> </div>
</div> </div>
<h3 <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 Signature request
</h3> </h3>
<h6 <h6
align="center" 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. Only sign this message if you fully understand the content and trust the requesting site.
</h6> </h6>
@ -223,7 +223,7 @@ exports[`Signature Request Component render should match snapshot 1`] = `
tabindex="0" tabindex="0"
> >
<h6 <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 Verify third-party details
</h6> </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" 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 <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 Mail
</p> </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" class="confirm-page-container-summary__title"
> >
<h3 <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 <div
class="currency-display-component" 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" data-testid="recipient"
> >
<p <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 Test Account
</p> </p>
<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 0x0dcd...e7bc
</p> </p>
@ -136,12 +136,12 @@ exports[`Add Recipient Component Domain Resolution should match snapshot 1`] = `
data-testid="recipient" data-testid="recipient"
> >
<p <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 Test Account 2
</p> </p>
<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 0xec1a...251b
</p> </p>
@ -199,12 +199,12 @@ exports[`Add Recipient Component Domain Resolution should match snapshot 1`] = `
data-testid="recipient" data-testid="recipient"
> >
<p <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 Test Ledger 1
</p> </p>
<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 0xc42e...8813
</p> </p>
@ -262,12 +262,12 @@ exports[`Add Recipient Component Domain Resolution should match snapshot 1`] = `
data-testid="recipient" data-testid="recipient"
> >
<p <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 Test Account 3
</p> </p>
<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 0xeb9e...4823
</p> </p>
@ -509,12 +509,12 @@ exports[`Add Recipient Component render should match snapshot 1`] = `
data-testid="recipient" data-testid="recipient"
> >
<p <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 Test Account
</p> </p>
<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 0x0dcd...e7bc
</p> </p>
@ -572,12 +572,12 @@ exports[`Add Recipient Component render should match snapshot 1`] = `
data-testid="recipient" data-testid="recipient"
> >
<p <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 Test Account 2
</p> </p>
<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 0xec1a...251b
</p> </p>
@ -635,12 +635,12 @@ exports[`Add Recipient Component render should match snapshot 1`] = `
data-testid="recipient" data-testid="recipient"
> >
<p <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 Test Ledger 1
</p> </p>
<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 0xc42e...8813
</p> </p>
@ -698,12 +698,12 @@ exports[`Add Recipient Component render should match snapshot 1`] = `
data-testid="recipient" data-testid="recipient"
> >
<p <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 Test Account 3
</p> </p>
<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 0xeb9e...4823
</p> </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" 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 <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 A
</p> </p>
@ -794,12 +794,12 @@ exports[`Add Recipient Component render should match snapshot 1`] = `
data-testid="recipient" data-testid="recipient"
> >
<p <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 Address Book Account 1
</p> </p>
<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 0xc42e...8813
</p> </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" class="box box--display-flex box--flex-direction-column box--align-items-flex-start"
> >
<h6 <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 mainnet
</h6> </h6>
<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 Account 1
</h6> </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" class="box box--display-flex box--flex-direction-column box--align-items-flex-end"
> >
<h6 <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 Balance
</h6> </h6>
<h6 <h6
align="end" 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 10