mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
ba54a3d83b
The ESLint config has been updated to v8. The breaking changes are: * The Prettier rule `quoteProps` has been changed from `consistent` to `as-needed`, meaning that if one key requires quoting, only that key is quoted rather than all keys. * The ESLint rule `no-shadow` has been made more strict. It now prevents globals from being shadowed as well. Most of these changes were applied with `yarn lint:fix`. Only the shadowing changes required manual fixing (shadowing variable names were either replaced with destructuring or renamed). The dependency `globalThis` was added to the list of dynamic dependencies in the build system, where it should have been already. This was causing `depcheck` to fail because the new lint rules required removing the one place where `globalThis` had been erroneously imported previously. A rule requiring a newline between multiline blocks and expressions has been disabled temporarily to make this PR smaller and to avoid introducing conflicts with other PRs.
import { Story, Canvas, ArgsTable } from '@storybook/addon-docs';
import TextField from '.';
# Text Field
Text fields allow users to enter text into a UI.
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--default-story" />
</Canvas>
## Component API
<ArgsTable of={TextField} />
### Password Text Field
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--password" />
</Canvas>
### With Error
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--error" />
</Canvas>
### Mascara Text
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--mascara-text" />
</Canvas>
### With Material Theme
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--material-text" />
</Canvas>
### Password With Material Theme
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--material-password" />
</Canvas>
### With Material Theme Error
<Canvas>
<Story id="ui-components-ui-text-field-text-field-stories-js--material-error" />
</Canvas>