Replace the last two uses of the `ReadOnlyInput` with a div. The idea
of using an input for read-only data is silly. We can just put it in
the DOM directly instead.
Replace the last two uses of the `ReadOnlyInput` with a div. The idea
of using an input for read-only data is silly. We can just put it in
the DOM directly instead.
* Settings: use IconCaretLeft
- fix missing icon and fix icon position
* IconCaretLeft: fix onClick handler
* Settings: fix Add Contacts btn position
* Settings: update back btn paddings
- shrink padding a little because IconCaretLeft adds more width
* remove white, black and gray color tokens
* Update ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/reveal-seed-phrase.component.js
Co-authored-by: George Marshall <george.marshall@consensys.net>
* Add RevealSeedPhrase story
Co-authored-by: George Marshall <george.marshall@consensys.net>
* Settings: use IconCaretLeft
- fix missing icon and fix icon position
* IconCaretLeft: fix onClick handler
* Settings: fix Add Contacts btn position
* Settings: update back btn paddings
- shrink padding a little because IconCaretLeft adds more width
* updated snap install warning per designs, hotfix for popover component to remove box styles from it's scss file and introduce them as default props
* small fix
* add boxes to popover sections for custom css
* updated doc strings
* added default props
* render Boxes only if the props are not empty
* possible fix
* second fix
* removed prop check function, converted header, footer and div elements to Box components and updated storybook and readme.mdx
* remove non existing prop
* fixed export issue
* updated storybook
Add a new component for controlling whether a field should be shown
or hidden. This will be used in later PRs as a control for sensitive
fields that are hidden by default.
This component should be fully accessible. Both mouse and keyboard
interactions have been tested, and `aria-label` attributes have been
added to explain the two "eye" icons that don't have any corresponding
text.
Thorough unit tests have been written, testing all props except
`className` (I don't know how to test that using Jest/`jsdom`).
Add two new FontAwesome icon components. The first is an eye, and the
second is an eye with a slash through it. These will be used in a
subsequent PR for a "Show/Hide" toggle.