mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
ed75dabe57
* add banner component * update banner styles and tests * fix padding and update snapshot * banner stories id removal * update readme * Update ui/components/component-library/banner/banner.js Co-authored-by: George Marshall <george.marshall@consensys.net> * Update ui/components/component-library/banner/README.mdx Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net> * Update ui/components/component-library/banner/README.mdx Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net> * banner updates Co-authored-by: George Marshall <george.marshall@consensys.net> Co-authored-by: Nidhi Kumari <nidhi.kumari@consensys.net>
28 lines
911 B
Plaintext
28 lines
911 B
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Banner should render banner element correctly 1`] = `
|
|
<div>
|
|
<div
|
|
class="box mm-banner-base mm-banner mm-banner--severity-info box--padding-3 box--padding-left-2 box--display-flex box--gap-2 box--flex-direction-row box--background-color-primary-muted box--rounded-sm"
|
|
data-testid="banner"
|
|
>
|
|
<div
|
|
class="box mm-icon mm-icon--size-lg box--flex-direction-row box--color-primary-default"
|
|
style="mask-image: url('./images/icons/info.svg');"
|
|
/>
|
|
<div>
|
|
<h5
|
|
class="box mm-text mm-banner-base__title mm-text--body-lg-medium mm-text--color-text-default box--flex-direction-row"
|
|
>
|
|
Banner test
|
|
</h5>
|
|
<p
|
|
class="box mm-text mm-text--body-md mm-text--color-text-default box--flex-direction-row"
|
|
>
|
|
should render banner element correctly
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|