1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/app/components/ui/ui-components.scss
ty b04120dd0f
Warn users when an ENS name contains 'confusable' characters (#9187)
* Add warning system for 'confusable' ENS names (#9129)

Uses unicode.org's TR39 confusables.txt to display a warning when
'confusable' unicode points are detected.

Currently only the `AddRecipient` component has been updated, but the new
`Confusable` component could be used elsewhere

The new `unicode-confusables` dependency adds close to 100KB to the
bundle size, and around 30KB when gzipped.

Adds 'tag' prop to the tooltop-v2 component

Use $Red-500 for confusable ens warning

Lint Tooltip component

Update copy for confusing ENS domain warning.

* Fix prop type

Co-authored-by: Mark Stacey <markjstacey@gmail.com>
2021-02-27 01:56:04 -03:30

51 lines
1.5 KiB
SCSS

/** Please import your files in alphabetical order **/
@import 'account-mismatch-warning/index';
@import 'alert-circle-icon/index';
@import 'alert/index';
@import 'box/box';
@import 'breadcrumbs/index';
@import 'button-group/index';
@import 'button/buttons';
@import 'callout/callout';
@import 'card/index';
@import 'check-box/index';
@import 'chip/chip';
@import 'circle-icon/index';
@import 'color-indicator/color-indicator';
@import 'confusable/index';
@import 'currency-display/index';
@import 'currency-input/index';
@import 'definition-list/definition-list';
@import 'dialog/dialog';
@import 'dropdown/dropdown';
@import 'editable-label/index';
@import 'error-message/index';
@import 'export-text-container/index';
@import 'icon-border/icon-border';
@import 'icon-button/icon-button';
@import 'icon-with-fallback/icon-with-fallback';
@import 'icon-with-label/index';
@import 'icon/index';
@import 'icon/preloader/index';
@import 'identicon/index';
@import 'info-tooltip/index';
@import 'list-item/index';
@import 'loading-indicator/loading-indicator';
@import 'loading-screen/index';
@import 'menu/menu';
@import 'page-container/index';
@import 'popover/index';
@import 'pulse-loader/index';
@import 'qr-code/index';
@import 'readonly-input/index';
@import 'sender-to-recipient/index';
@import 'snackbar/index';
@import 'tabs/index';
@import 'toggle-button/index';
@import 'token-balance/index';
@import 'tooltip/index';
@import 'truncated-definition-list/truncated-definition-list';
@import 'typography/typography';
@import 'unit-input/index';
@import 'url-icon/index';