Skip to content
This repository was archived by the owner on Apr 26, 2024. It is now read-only.
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
208 changes: 149 additions & 59 deletions tests/__snapshots__/storybook.test.js.snap
Original file line number Diff line number Diff line change
Expand Up @@ -7298,10 +7298,7 @@ exports[`Storyshots Ethereum/Eth hash Info Address 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c2 *:not(:first-child) {
margin-left: 8px;
gap: 4px;
}

<div
Expand Down Expand Up @@ -7382,10 +7379,7 @@ exports[`Storyshots Ethereum/Eth hash Info With Avatar And Text 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c5 *:not(:first-child) {
margin-left: 8px;
gap: 4px;
}

.c2 {
Expand Down Expand Up @@ -7491,18 +7485,38 @@ exports[`Storyshots Ethereum/Eth hash Info With Buttons 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
}

.c5 *:not(:first-child) {
margin-left: 8px;
.c8 {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
border-radius: 50%;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
outline-color: transparent;
height: 24px;
width: 24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c8 {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
outline-color: #E8E7E6;
.c8:hover {
background-color: #F0EFEE;
}

.c2 {
Expand All @@ -7518,11 +7532,28 @@ exports[`Storyshots Ethereum/Eth hash Info With Buttons 1`] = `
padding: 0;
font: inherit;
cursor: pointer;
outline-color: #E8E7E6;
border-radius: 50%;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
outline-color: transparent;
height: 24px;
width: 24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c6:hover {
background-color: #E8E7E6;
}

<div
Expand Down Expand Up @@ -7707,10 +7738,7 @@ exports[`Storyshots Ethereum/Eth hash Info With Custom Avatar 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c4 *:not(:first-child) {
margin-left: 8px;
gap: 4px;
}

.c2 {
Expand Down Expand Up @@ -7806,10 +7834,7 @@ exports[`Storyshots Ethereum/Eth hash Info With Custom Avatar Fallback 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c4 *:not(:first-child) {
margin-left: 8px;
gap: 4px;
}

.c2 {
Expand Down Expand Up @@ -7905,10 +7930,7 @@ exports[`Storyshots Ethereum/Eth hash Info With Custom Avatar Fallback Identicon
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c4 *:not(:first-child) {
margin-left: 8px;
gap: 4px;
}

.c2 {
Expand Down Expand Up @@ -8004,10 +8026,7 @@ exports[`Storyshots Ethereum/Eth hash Info With Default Avatar 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c4 *:not(:first-child) {
margin-left: 8px;
gap: 4px;
}

.c2 {
Expand Down Expand Up @@ -8104,7 +8123,7 @@ exports[`Storyshots Ethereum/Eth hash Info With Menu 1`] = `
}

.c9:hover {
background-color: #F0EFEE;
background-color: #E8E7E6;
}

.c0 {
Expand Down Expand Up @@ -8153,10 +8172,7 @@ exports[`Storyshots Ethereum/Eth hash Info With Menu 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c5 *:not(:first-child) {
margin-left: 8px;
gap: 4px;
}

.c2 {
Expand All @@ -8172,11 +8188,28 @@ exports[`Storyshots Ethereum/Eth hash Info With Menu 1`] = `
padding: 0;
font: inherit;
cursor: pointer;
outline-color: #E8E7E6;
border-radius: 50%;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
outline-color: transparent;
height: 24px;
width: 24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c6:hover {
background-color: #E8E7E6;
}

<div
Expand Down Expand Up @@ -8442,10 +8475,7 @@ exports[`Storyshots Ethereum/Eth hash Info With Name 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c3 *:not(:first-child) {
margin-left: 8px;
gap: 4px;
}

<div
Expand Down Expand Up @@ -8525,10 +8555,7 @@ exports[`Storyshots Ethereum/Eth hash Info With Short Address 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c2 *:not(:first-child) {
margin-left: 8px;
gap: 4px;
}

<div
Expand Down Expand Up @@ -8587,11 +8614,34 @@ Array [
}

.c0 {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
outline-color: #E8E7E6;
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
border-radius: 50%;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
outline-color: transparent;
height: 24px;
width: 24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c0:hover {
background-color: #F0EFEE;
}

<a
Expand Down Expand Up @@ -8675,11 +8725,34 @@ Array [
}

.c0 {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
outline-color: #E8E7E6;
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
border-radius: 50%;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
outline-color: transparent;
height: 24px;
width: 24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c0:hover {
background-color: #F0EFEE;
}

<a
Expand Down Expand Up @@ -14866,11 +14939,28 @@ exports[`Storyshots Utils/CopyToClipboardBtn Copy 1`] = `
padding: 0;
font: inherit;
cursor: pointer;
outline-color: #E8E7E6;
border-radius: 50%;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
outline-color: transparent;
height: 24px;
width: 24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.c0:hover {
background-color: #E8E7E6;
}

<button
Expand Down Expand Up @@ -15874,7 +15964,7 @@ exports[`Storyshots navigation/EllipsisMenu Simple Ellipsis Menu 1`] = `
}

.c1:hover {
background-color: #F0EFEE;
background-color: #E8E7E6;
}

<div
Expand Down