From 1cd1e071d6818e86dc2a73340898f74dc0f39e53 Mon Sep 17 00:00:00 2001 From: katspaugh <381895+katspaugh@users.noreply.github.com> Date: Thu, 28 Oct 2021 10:14:12 +0200 Subject: [PATCH] Chore: split snapshots in multiple files --- package.json | 12 +- tests/__snapshots__/colors.stories.storyshot | 428 + tests/__snapshots__/storybook.test.js.snap | 22353 ---------------- .../__snapshots__/accordion.stories.storyshot | 803 + .../__snapshots__/number.stories.storyshot | 20 + .../Card/__snapshots__/card.stories.storyshot | 164 + .../__snapshots__/divider.stories.storyshot | 38 + .../Dot/__snapshots__/dot.stories.storyshot | 48 + .../FixedDialog.stories.storyshot | 84 + .../__snapshots__/fixedIcon.stories.storyshot | 525 + .../Icon/__snapshots__/icon.stories.storyshot | 2547 ++ .../__snapshots__/index.stories.storyshot | 480 + .../__snapshots__/layout.stories.storyshot | 28 + .../__snapshots__/table.stories.storyshot | 5487 ++++ .../Text/__snapshots__/text.stories.storyshot | 119 + .../__snapshots__/title.stories.storyshot | 54 + .../__snapshots__/index.stories.storyshot | 65 + .../ethHashInfo.stories.storyshot | 838 + .../__snapshots__/index.stories.storyshot | 115 + .../__snapshots__/loader.stories.storyshot | 134 + .../__snapshots__/index.stories.storyshot | 17 + .../__snapshots__/button.stories.storyshot | 1070 + .../buttonLink.stories.storyshot | 132 + .../__snapshots__/checkbox.stories.storyshot | 118 + .../__snapshots__/index.stories.storyshot | 71 + .../__snapshots__/select.stories.storyshot | 54 + .../__snapshots__/switch.stories.storyshot | 41 + .../__snapshots__/textField.stories.storyshot | 309 + .../breadcrumb.stories.storyshot | 386 + .../__snapshots__/index.stories.storyshot | 137 + .../Menu/__snapshots__/menu.stories.storyshot | 60 + .../__snapshots__/stepper.stories.storyshot | 640 + .../Tab/__snapshots__/tab.stories.storyshot | 967 + tests/storybook.test.js | 4 +- .../__snapshots__/index.stories.storyshot | 45 + .../__snapshots__/index.stories.storyshot | 36 + .../genericModal.stories.storyshot | 28 + .../ManageListModal.stories.storyshot | 28 + .../__snapshots__/utils.stories.storyshot | 111 + yarn.lock | 416 +- 40 files changed, 16446 insertions(+), 22566 deletions(-) create mode 100644 tests/__snapshots__/colors.stories.storyshot delete mode 100644 tests/__snapshots__/storybook.test.js.snap create mode 100644 tests/dataDisplay/Accordion/__snapshots__/accordion.stories.storyshot create mode 100644 tests/dataDisplay/Amount/__snapshots__/number.stories.storyshot create mode 100644 tests/dataDisplay/Card/__snapshots__/card.stories.storyshot create mode 100644 tests/dataDisplay/Divider/__snapshots__/divider.stories.storyshot create mode 100644 tests/dataDisplay/Dot/__snapshots__/dot.stories.storyshot create mode 100644 tests/dataDisplay/FixedDialog/__snapshots__/FixedDialog.stories.storyshot create mode 100644 tests/dataDisplay/FixedIcon/__snapshots__/fixedIcon.stories.storyshot create mode 100644 tests/dataDisplay/Icon/__snapshots__/icon.stories.storyshot create mode 100644 tests/dataDisplay/IconText/__snapshots__/index.stories.storyshot create mode 100644 tests/dataDisplay/Layout/__snapshots__/layout.stories.storyshot create mode 100644 tests/dataDisplay/Table/__snapshots__/table.stories.storyshot create mode 100644 tests/dataDisplay/Text/__snapshots__/text.stories.storyshot create mode 100644 tests/dataDisplay/Title/__snapshots__/title.stories.storyshot create mode 100644 tests/dataDisplay/Tooltip/__snapshots__/index.stories.storyshot create mode 100644 tests/ethereum/EthHashInfo/__snapshots__/ethHashInfo.stories.storyshot create mode 100644 tests/ethereum/ExplorerButton/__snapshots__/index.stories.storyshot create mode 100644 tests/feedback/Loader/__snapshots__/loader.stories.storyshot create mode 100644 tests/feedback/StatusDot/__snapshots__/index.stories.storyshot create mode 100644 tests/inputs/Button/__snapshots__/button.stories.storyshot create mode 100644 tests/inputs/ButtonLink/__snapshots__/buttonLink.stories.storyshot create mode 100644 tests/inputs/Checkbox/__snapshots__/checkbox.stories.storyshot create mode 100644 tests/inputs/Link/__snapshots__/index.stories.storyshot create mode 100644 tests/inputs/Select/__snapshots__/select.stories.storyshot create mode 100644 tests/inputs/Switch/__snapshots__/switch.stories.storyshot create mode 100644 tests/inputs/TextField/__snapshots__/textField.stories.storyshot create mode 100644 tests/navigation/Breadcrumb/__snapshots__/breadcrumb.stories.storyshot create mode 100644 tests/navigation/EllipsisMenu/__snapshots__/index.stories.storyshot create mode 100644 tests/navigation/Menu/__snapshots__/menu.stories.storyshot create mode 100644 tests/navigation/Stepper/__snapshots__/stepper.stories.storyshot create mode 100644 tests/navigation/Tab/__snapshots__/tab.stories.storyshot create mode 100644 tests/utils/CopyToClipboardBtn/__snapshots__/index.stories.storyshot create mode 100644 tests/utils/Identicon/__snapshots__/index.stories.storyshot create mode 100644 tests/utils/modals/GenericModal/__snapshots__/genericModal.stories.storyshot create mode 100644 tests/utils/modals/ManageListModal/__snapshots__/ManageListModal.stories.storyshot create mode 100644 tests/utils/modals/__snapshots__/utils.stories.storyshot diff --git a/package.json b/package.json index 63739088..1cee6538 100644 --- a/package.json +++ b/package.json @@ -33,12 +33,12 @@ "@babel/preset-react": "^7.14.0", "@babel/preset-typescript": "^7.14.0", "@material-ui/core": "^4.12.3", - "@storybook/addon-actions": "^6.3.0", - "@storybook/addon-docs": "^6.3.0", - "@storybook/addon-links": "^6.3.0", - "@storybook/addon-storyshots": "^6.3.0", - "@storybook/addons": "^6.3.0", - "@storybook/react": "^6.3.0", + "@storybook/addon-actions": "^6.3.12", + "@storybook/addon-docs": "^6.3.12", + "@storybook/addon-links": "^6.3.12", + "@storybook/addon-storyshots": "^6.3.12", + "@storybook/addons": "^6.3.12", + "@storybook/react": "^6.3.12", "@testing-library/jest-dom": "^5.11.5", "@testing-library/react": "^11.2.7", "@testing-library/user-event": "^12.2.0", diff --git a/tests/__snapshots__/colors.stories.storyshot b/tests/__snapshots__/colors.stories.storyshot new file mode 100644 index 00000000..0e0ae8db --- /dev/null +++ b/tests/__snapshots__/colors.stories.storyshot @@ -0,0 +1,428 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Utils/Colors Colors Sample 1`] = ` +
+
+
+

+ secondary +

+

+ #001428 +

+
+
+
+

+ text +

+

+ #001428 +

+
+
+
+

+ primaryHover +

+

+ #005546 +

+
+
+
+

+ errorHover +

+

+ #C31717 +

+
+
+
+

+ secondaryHover +

+

+ #5D6D74 +

+
+
+
+

+ placeHolder +

+

+ #5D6D74 +

+
+
+
+

+ error +

+

+ #DB3A3D +

+
+
+
+

+ primary +

+

+ #008C73 +

+
+
+
+

+ pending +

+

+ #E8663D +

+
+
+
+

+ rinkeby +

+

+ #E8673C +

+
+
+
+

+ secondaryLight +

+

+ #B2B5B2 +

+
+
+
+

+ icon +

+

+ #B2B5B2 +

+
+
+
+

+ primaryLight +

+

+ #A1D2CA +

+
+
+
+

+ warning +

+

+ #FFC05F +

+
+
+
+

+ tag +

+

+ #D4D5D3 +

+
+
+
+

+ separator +

+

+ #E8E7E6 +

+
+
+
+

+ pendingTagHover +

+

+ #FBE5C5 +

+
+
+
+

+ errorTooltip +

+

+ #FFE6EA +

+
+
+
+

+ inputField +

+

+ #F0EFEE +

+
+
+
+

+ background +

+

+ #F7F5F5 +

+
+
+
+

+ white +

+

+ #FFFFFF +

+
+
+`; diff --git a/tests/__snapshots__/storybook.test.js.snap b/tests/__snapshots__/storybook.test.js.snap deleted file mode 100644 index 9699a38e..00000000 --- a/tests/__snapshots__/storybook.test.js.snap +++ /dev/null @@ -1,22353 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Storyshots Data Display/Accordion Compact Accordion 1`] = ` -.c0.MuiAccordion-root { - border-radius: 8px; - border: 2px solid #E8E7E6; - border-bottom: 2px solid #E8E7E6; - margin-bottom: 16px; - overflow: hidden; -} - -.c0.MuiAccordion-root:before { - height: 0; -} - -.c0.MuiAccordion-root:first-child { - border-top: 2px solid #E8E7E6; -} - -.c0.MuiAccordion-root.Mui-expanded { - margin: 0 0 16px 0; -} - -.c0.MuiAccordion-root .MuiAccordionDetails-root { - padding: 16px; -} - -.c1.MuiAccordionSummary-root.Mui-expanded { - min-height: 48px; - border-bottom: 2px solid #E8E7E6; - background-color: #F7F5F5; -} - -.c1.MuiAccordionSummary-root:hover { - background-color: #F7F5F5; -} - -.c1.MuiAccordionSummary-root .MuiAccordionSummary-content.Mui-expanded { - margin: 0; -} - -.c1.MuiAccordionSummary-root .MuiIconButton-root { - font-size: 0; - padding: 16px; -} - -.c3 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c3 .icon-color { - fill: #B2B5B2; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -.c5 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c2 svg { - margin: 0 6px 0 0; -} - -
-
-
-
-
- - - - - - - - -

- Transaction 1 -

-
-
-
- - - - - - - -
-
-
-
-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. -

-
-
-
-
-
-
-
-
-
-
- - - - - - - - -

- Transaction 2 -

-
-
-
- - - - - - - -
-
-
-
-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. -

-
-
-
-
-
-
-
-
-
-
- - - - - - - - -

- Transaction 3 -

-
-
-
- - - - - - - -
-
-
-
-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. -

-
-
-
-
-
-
-
-`; - -exports[`Storyshots Data Display/Accordion Simple Accordion 1`] = ` -.c0 { - box-shadow: 1px 2px 10px 0 rgba(40,54,61,0.18); - border-radius: 8px; - padding: 24px; - background-color: #ffffff; - position: relative; -} - -.c1.MuiAccordion-root { - border-radius: 0; - border: none; - border-bottom: 2px solid #E8E7E6; - margin-bottom: 0; - overflow: hidden; -} - -.c1.MuiAccordion-root:before { - height: 0; -} - -.c1.MuiAccordion-root:first-child { - border-top: 2px solid #E8E7E6; -} - -.c1.MuiAccordion-root.Mui-expanded { - margin: 0; -} - -.c1.MuiAccordion-root .MuiAccordionDetails-root { - padding: 16px; -} - -.c2.MuiAccordionSummary-root.Mui-expanded { - min-height: 48px; - border-bottom: 2px solid #E8E7E6; - background-color: #F7F5F5; -} - -.c2.MuiAccordionSummary-root:hover { - background-color: #F7F5F5; -} - -.c2.MuiAccordionSummary-root .MuiAccordionSummary-content.Mui-expanded { - margin: 0; -} - -.c2.MuiAccordionSummary-root .MuiIconButton-root { - font-size: 0; - padding: 16px; -} - -.c4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c4 .icon-color { - fill: #B2B5B2; -} - -.c5 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -.c6 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c3 svg { - margin: 0 6px 0 0; -} - -
-
-
-
-
- - - - - - - - -

- Transaction 1 -

-
-
-
- - - - - - - -
-
-
-
-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. -

-
-
-
-
-
-
-
-
-
-
- - - - - - - - -

- Transaction 2 -

-
-
-
- - - - - - - -
-
-
-
-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. -

-
-
-
-
-
-
-
-
-
-
- - - - - - - - -

- Transaction 3 -

-
-
-
- - - - - - - -
-
-
-
-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. -

-
-
-
-
-
-
-
-`; - -exports[`Storyshots Data Display/Amount Currency 1`] = `"€999,999.99"`; - -exports[`Storyshots Data Display/Amount Format Number Function 1`] = ` -Array [ - "Based upon the exported", - " ", - - formatAmount(value, - {currency, showSign} - ) - , - " function.", -] -`; - -exports[`Storyshots Data Display/Amount Large Number 1`] = `">999T"`; - -exports[`Storyshots Data Display/Amount Simple Number 1`] = `"1,234,324.2"`; - -exports[`Storyshots Data Display/Card Card Disabled 1`] = ` -.c0 { - box-shadow: 1px 2px 10px 0 rgba(40,54,61,0.18); - border-radius: 8px; - padding: 24px; - background-color: #ffffff; - position: relative; -} - -.c1 { - opacity: 0.5; - position: absolute; - height: 100%; - width: 100%; - background-color: #ffffff; - z-index: 1; - top: 0; - left: 0; -} - -.c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - height: 36px; - width: 36px; - background-color: #008C73; -} - -.c6 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c6 .icon-color { - fill: #B2B5B2; -} - -.c3 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #ffffff; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -.c8 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 20px; - line-height: 26px; - font-weight: normal; - margin: 18px 0; -} - -.c7 { - margin-right: 5px; -} - -.c5.c5 { - height: 52px; - color: #001428; - background-color: transparent; - border: 2px solid #001428; -} - -.c5.c5.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c5.c5.Mui-disabled { - color: #ffffff; -} - -.c5.c5 path.icon-color { - fill: #ffffff; -} - -.c5.c5:disabled { - opacity: 0.5; -} - -.c5.c5 path.icon-color { - fill: #001428; -} - -.c5.c5.Mui-disabled { - color: #001428; -} - -.c5.c5:hover { - color: #ffffff; - background-color: #5D6D74; - border: 2px solid #5D6D74; -} - -.c5.c5:hover path.icon-color { - fill: #ffffff; -} - -
-
-
-

- 1 -

-
-
- Some text -
- -
-`; - -exports[`Storyshots Data Display/Card Simple Card 1`] = ` -.c0 { - box-shadow: 1px 2px 10px 0 rgba(40,54,61,0.18); - border-radius: 8px; - padding: 24px; - background-color: #ffffff; - position: relative; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - height: 36px; - width: 36px; - background-color: #008C73; -} - -.c5 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c5 .icon-color { - fill: #B2B5B2; -} - -.c2 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #ffffff; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -.c7 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -.c3 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 20px; - line-height: 26px; - font-weight: normal; - margin: 18px 0; -} - -.c6 { - margin-right: 5px; -} - -.c4.c4 { - height: 52px; - color: #001428; - background-color: transparent; - border: 2px solid #001428; -} - -.c4.c4.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c4.c4.Mui-disabled { - color: #ffffff; -} - -.c4.c4 path.icon-color { - fill: #ffffff; -} - -.c4.c4:disabled { - opacity: 0.5; -} - -.c4.c4 path.icon-color { - fill: #001428; -} - -.c4.c4.Mui-disabled { - color: #001428; -} - -.c4.c4:hover { - color: #ffffff; - background-color: #5D6D74; - border: 2px solid #5D6D74; -} - -.c4.c4:hover path.icon-color { - fill: #ffffff; -} - -
-
-

- 1 -

-
-
- Some text -
- -
-`; - -exports[`Storyshots Data Display/Divider Horizontal 1`] = ` -Array [ -
- Some content -
, - .c0 { - border-top: 2px solid #E8E7E6; - margin: 16px 0; -} - -
, -
- Some content2 -
, -] -`; - -exports[`Storyshots Data Display/Divider Vertical 1`] = ` -.c0 { - border-right: 2px solid #E8E7E6; - margin: 0 5px; - height: 100%; -} - -
-
- Some content -
-
-
- Some content2 -
-
-`; - -exports[`Storyshots Data Display/Dot Dot With Icon 1`] = ` -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - height: 36px; - width: 36px; - background-color: #E8673C; -} - -.c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #ffffff; -} - -
- - - - - - - - -
-`; - -exports[`Storyshots Data Display/Dot Dot With Text 1`] = ` -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - height: 36px; - width: 36px; - background-color: #008C73; -} - -.c1 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #ffffff; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -
-

- 1 -

-
-`; - -exports[`Storyshots Data Display/FixedDialog Simple Fixed Dialog 1`] = ` -.c0 { - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} - -.c1 { - width: 400px; - background-color: #ffffff; - border-radius: 8px; - box-shadow: 1px 2px 10px 0 rgba(40,54,61,0.18); -} - -.c1 '&:focus': { - outline: 'none'; -} - -.c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 16px 24px; - border-bottom: 2px solid #E8E7E6; - height: 74px; - box-sizing: border-box; -} - -.c4 { - max-height: 460px; - overflow-y: auto; - padding: 16px 24px; -} - -.c5 { - border-top: 2px solid #E8E7E6; -} - -.c3 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 20px; - line-height: 26px; - font-weight: normal; - margin: 0 0; -} - -.c7.c7 { - height: 36px; - color: #008C73; - background-color: transparent; -} - -.c7.c7.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c7.c7.Mui-disabled { - color: #ffffff; -} - -.c7.c7 path.icon-color { - fill: #ffffff; -} - -.c7.c7:disabled { - opacity: 0.5; -} - -.c7.c7 path.icon-color { - fill: #008C73; -} - -.c7.c7.Mui-disabled { - color: #008C73; -} - -.c7.c7:hover { - color: #005546; - background-color: #F7F5F5; -} - -.c7.c7:hover path.icon-color { - fill: #005546; -} - -.c8.c8 { - height: 36px; - color: #ffffff; - background-color: #008C73; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c8.c8.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c8.c8.Mui-disabled { - color: #ffffff; -} - -.c8.c8 path.icon-color { - fill: #ffffff; -} - -.c8.c8:disabled { - opacity: 0.5; -} - -.c8.c8:hover { - background-color: #005546; -} - -.c6 { - 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; - height: 84px; -} - -.c6 button:first-child { - margin-right: 16px; -} - -
-
-
-
- Legal Disclaimer -
-
-
-
- Some Body -
-
-
-
- - -
-
-
-
-`; - -exports[`Storyshots Data Display/FixedIcon Icons 1`] = ` -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: space-evenly; - -webkit-justify-content: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; - padding: 5px; - width: 140px; - height: 140px; - border: 1px solid #F7F5F5; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 14px; -} - -
-
- - - - - - arrowSort -
-
- - - - - - connectedRinkeby -
-
- - - - - - connectedWallet -
-
- - - - - - bullit -
-
- - - - - - dropdownArrowSmall -
-
- - - - - - arrowReceived -
-
- - - - - - arrowSent -
-
- - - - - - - - - - threeDots -
-
- - - - - - - - - - options -
-
- - - - - - plus -
-
- - - - - - chevronRight -
-
- - - - - - chevronLeft -
-
- - - - - - chevronUp -
-
- - - - - - chevronDown -
-
- - - - - - settingsChange -
-
- - - - - - - - - creatingInProgress -
-
- - - - - - - - - - - - - - notOwner -
-
- - - - - - - - - - - - notConnected -
-
- - - - - - - - - - - networkError -
-
-`; - -exports[`Storyshots Data Display/FixedIcon Icons White 1`] = ` -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: space-evenly; - -webkit-justify-content: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; - padding: 5px; - width: 140px; - height: 140px; - border: 1px solid #F7F5F5; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 14px; -} - -.c2 { - background-color: #008C73; - color: white; -} - -
-
- - - - - - arrowSentWhite -
-
- - - - - - arrowReceivedWhite -
-
-`; - -exports[`Storyshots Data Display/Icon Custom Color 1`] = ` -Array [ - .c0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c0 .icon-color { - fill: #008C73; -} - - - - - - - - - - , - .c0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c0 .icon-color { - fill: #DB3A3D; -} - - - - - - - - - - , - .c0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c0 .icon-color { - fill: #E8673C; -} - - - - - - - - - - , -] -`; - -exports[`Storyshots Data Display/Icon Custom Size 1`] = ` -Array [ - .c0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c0 .icon-color { - fill: #B2B5B2; -} - - - - - - - - - - , - .c0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c0 .icon-color { - fill: #B2B5B2; -} - - - - - - - - - - , -] -`; - -exports[`Storyshots Data Display/Icon Icons 1`] = ` -.c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #B2B5B2; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: space-evenly; - -webkit-justify-content: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; - padding: 5px; - width: 140px; - height: 140px; - border: 1px solid #F7F5F5; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 14px; -} - -
-
- - - - - - - - - - add -
-
- - - - - - - - - addressBook -
-
- - - - - - - - - addressBookAdd -
-
- - - - - - - - - - alert -
-
- - - - - - - - - allowances -
-
- - - - - - - - - - - - apps -
-
- - - - - - - - - arrowUp -
-
- - - - - - - - - arrowRight -
-
- - - - - - - - - arrowDown -
-
- - - - - - - - - arrowLeft -
-
- - - - - - - - - - assets -
-
- - - - - - - - - - awaitingConfirmations -
-
- - - - - - - - - - camera -
-
- - - - - - - - - - chain -
-
- - - - - - - - - check -
-
- - - - - - - - - - circleCheck -
-
- - - - - - - - - - circleCross -
-
- - - - - - - - - - circleDropdown -
-
- - - - - - - - - code -
-
- - - - - - - - - - - - - - collectibles -
-
- - - - - - - - - copy -
-
- - - - - - - - - cross -
-
- - - - - - - - - - currency -
-
- - - - - - - - - - delete -
-
- - - - - - - - - - devicePassword -
-
- - - - - - - - - edit -
-
- - - - - - - - - - - error -
-
- - - - - - - - - eth -
-
- - - - - - - exportImg -
-
- - - - - - - - - - externalLink -
-
- - - - - - - - - - eye -
-
- - - - - - - - - - eyeOff -
-
- - - - - - - - - filledCross -
-
- - - - - - - - - - - - fingerPrint -
-
- - - - - - - - - - fuelIndicator -
-
- - - - - - - - - getInTouch -
-
- - - - - - - - - home -
-
- - - - - - - importImg -
-
- - - - - - - - - - - info -
-
- - - - - - - - - knowledge -
-
- - - - - - - - - - licenses -
-
- - - - - - - - - loadSafe -
-
- - - - - - - - - - locked -
-
- - - - - - - - - - mobileConfirm -
-
- - - - - - - - - - noInternet -
-
- - - - - - - - - owners -
-
- - - - - - - - - paste -
-
- - - - - - - - - paymentToken -
-
- - - - - - - - - privacyPolicy -
-
- - - - - - - - - - - - - - qrCode -
-
- - - - - - - - - - question -
-
- - - - - - - - - rateApp -
-
- - - - - - - - - - received -
-
- - - - - - - - - - recover -
-
- - - - - - - - - replaceOwner -
-
- - - - - - - - - requiredConfirmations -
-
- - - - - - - - - restricted -
-
- - - - - - - - - resync -
-
- - - - - - - - - rocket -
-
- - - - - - - - - - scan -
-
- - - - - - - - - - - safe -
-
- - - - - - - - - search -
-
- - - - - - - - - - sendAgain -
-
- - - - - - - - - - sent -
-
- - - - - - - - - - serverError -
-
- - - - - - - - - settings -
-
- - - - - - - - - - settingsChange -
-
- - - - - - - - - settingsTool -
-
- - - - - - - - - share -
-
- - - - - - - - - termsOfUse -
-
- - - - - - - - - transactionsInactive -
-
- - - - - - - - - - unlocked -
-
- - - - - - - - - userEdit -
-
- - - - - - - - - wallet -
-
-`; - -exports[`Storyshots Data Display/Icon Text Color 1`] = ` -Array [ - .c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #FFC05F; -} - -.c2 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #DB3A3D; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0 svg { - margin: 0 8px 0 0; -} - -
- - - - - - - - - -

- Alert message -

-
, - .c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #008C73; -} - -.c1 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0 svg { - margin: 0 0 0 8px; -} - -
-

- External link -

- - - - - - - - - -
, -] -`; - -exports[`Storyshots Data Display/Icon Text Icon Margin 1`] = ` -Array [ - .c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #B2B5B2; -} - -.c2 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 12px; - line-height: 16px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0 svg { - margin: 0 12px 0 0; -} - -
- - - - - - - - - -

- Some text -

-
, - .c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #B2B5B2; -} - -.c1 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0 svg { - margin: 0 0 0 12px; -} - -
-

- Some text -

- - - - - - - - - -
, -] -`; - -exports[`Storyshots Data Display/Icon Text Icon Position 1`] = ` -Array [ - .c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #B2B5B2; -} - -.c1 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0 svg { - margin: 0 0 0 6px; -} - -
-

- Some text -

- - - - - - - - - -
, - .c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #B2B5B2; -} - -.c1 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0 svg { - margin: 0 0 0 6px; -} - -
-

- Some text -

- - - - - - - - - -
, - .c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #B2B5B2; -} - -.c1 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0 svg { - margin: 0 0 0 6px; -} - -
-

- Some text -

- - - - - - - - - -
, - .c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #B2B5B2; -} - -.c1 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0 svg { - margin: 0 0 0 6px; -} - -
-

- Some text -

- - - - - - - - - -
, -] -`; - -exports[`Storyshots Data Display/Icon Text Sizes 1`] = ` -Array [ - .c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #B2B5B2; -} - -.c2 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0 svg { - margin: 0 6px 0 0; -} - -
- - - - - - - - - -

- Some text -

-
, - .c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #B2B5B2; -} - -.c2 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0 svg { - margin: 0 6px 0 0; -} - -
- - - - - - - - - -

- Some text -

-
, - .c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #B2B5B2; -} - -.c2 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0 svg { - margin: 0 6px 0 0; -} - -
- - - - - - - - - -

- Some text -

-
, - .c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #B2B5B2; -} - -.c2 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0 svg { - margin: 0 6px 0 0; -} - -
- - - - - - - - - -

- Some text -

-
, -] -`; - -exports[`Storyshots Data Display/Icon With Tooltip 1`] = ` -.c0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c0 .icon-color { - fill: #008C73; -} - - - - - - - - - - -`; - -exports[`Storyshots Data Display/Layout Simple Layout 1`] = ` -.c0 { - font-size: 1.5em; - min-height: 300px; - width: 100%; - background: LightGray; - display: grid; - grid-template-columns: 1fr 2fr; - grid-template-rows: 50px auto 60px; - grid-gap: 10px; - grid-template-areas: 'title title' 'navbar body' 'footer footer'; -} - -.c1 { - background: rgb(137,180,206); - grid-area: title; -} - -.c2 { - background: rgb(139,131,127); - grid-area: navbar; -} - -.c3 { - background: rgb(193,197,197); - grid-area: body; -} - -.c4 { - background: rgb(158,158,158); - grid-area: footer; -} - -@media (max-width:400px) { - .c0 { - grid-template-columns: 1fr; - grid-template-rows: 50px auto 1fr; - grid-template-areas: 'title' 'navbar' 'body' 'footer'; - } -} - -
-
- Title -
-
- Navbar -
-
- Body -
-
- footer -
-
-`; - -exports[`Storyshots Data Display/Table Collapsible 1`] = ` -.c0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c0 .icon-color { - fill: #B2B5B2; -} - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
- col1 - - col2 - - col3 - - -
- - - - - - - - - - 1 - - safe - - - - - - -
-
- - - - - - - - - - - - - 2 - - gnosis - - - - - - -
-
-
-`; - -exports[`Storyshots Data Display/Table Fixed Header 1`] = ` -.c0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c0 .icon-color { - fill: #B2B5B2; -} - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- col1 - - col2 - - col3 -
- - - - - - - - - - 0 - - Row #0 -
- - - - - - - - - - 1 - - Row #1 -
- - - - - - - - - - 2 - - Row #2 -
- - - - - - - - - - 3 - - Row #3 -
- - - - - - - - - - 4 - - Row #4 -
- - - - - - - - - - 5 - - Row #5 -
- - - - - - - - - - 6 - - Row #6 -
- - - - - - - - - - 7 - - Row #7 -
- - - - - - - - - - 8 - - Row #8 -
- - - - - - - - - - 9 - - Row #9 -
- - - - - - - - - - 10 - - Row #10 -
- - - - - - - - - - 11 - - Row #11 -
- - - - - - - - - - 12 - - Row #12 -
- - - - - - - - - - 13 - - Row #13 -
- - - - - - - - - - 14 - - Row #14 -
- - - - - - - - - - 15 - - Row #15 -
- - - - - - - - - - 16 - - Row #16 -
- - - - - - - - - - 17 - - Row #17 -
- - - - - - - - - - 18 - - Row #18 -
- - - - - - - - - - 19 - - Row #19 -
- - - - - - - - - - 20 - - Row #20 -
- - - - - - - - - - 21 - - Row #21 -
- - - - - - - - - - 22 - - Row #22 -
- - - - - - - - - - 23 - - Row #23 -
- - - - - - - - - - 24 - - Row #24 -
- - - - - - - - - - 25 - - Row #25 -
- - - - - - - - - - 26 - - Row #26 -
- - - - - - - - - - 27 - - Row #27 -
- - - - - - - - - - 28 - - Row #28 -
- - - - - - - - - - 29 - - Row #29 -
- - - - - - - - - - 30 - - Row #30 -
- - - - - - - - - - 31 - - Row #31 -
- - - - - - - - - - 32 - - Row #32 -
- - - - - - - - - - 33 - - Row #33 -
- - - - - - - - - - 34 - - Row #34 -
- - - - - - - - - - 35 - - Row #35 -
- - - - - - - - - - 36 - - Row #36 -
- - - - - - - - - - 37 - - Row #37 -
- - - - - - - - - - 38 - - Row #38 -
- - - - - - - - - - 39 - - Row #39 -
- - - - - - - - - - 40 - - Row #40 -
- - - - - - - - - - 41 - - Row #41 -
- - - - - - - - - - 42 - - Row #42 -
- - - - - - - - - - 43 - - Row #43 -
- - - - - - - - - - 44 - - Row #44 -
- - - - - - - - - - 45 - - Row #45 -
- - - - - - - - - - 46 - - Row #46 -
- - - - - - - - - - 47 - - Row #47 -
- - - - - - - - - - 48 - - Row #48 -
- - - - - - - - - - 49 - - Row #49 -
- - - - - - - - - - 50 - - Row #50 -
- - - - - - - - - - 51 - - Row #51 -
- - - - - - - - - - 52 - - Row #52 -
- - - - - - - - - - 53 - - Row #53 -
- - - - - - - - - - 54 - - Row #54 -
- - - - - - - - - - 55 - - Row #55 -
- - - - - - - - - - 56 - - Row #56 -
- - - - - - - - - - 57 - - Row #57 -
- - - - - - - - - - 58 - - Row #58 -
- - - - - - - - - - 59 - - Row #59 -
- - - - - - - - - - 60 - - Row #60 -
- - - - - - - - - - 61 - - Row #61 -
- - - - - - - - - - 62 - - Row #62 -
- - - - - - - - - - 63 - - Row #63 -
- - - - - - - - - - 64 - - Row #64 -
- - - - - - - - - - 65 - - Row #65 -
- - - - - - - - - - 66 - - Row #66 -
- - - - - - - - - - 67 - - Row #67 -
- - - - - - - - - - 68 - - Row #68 -
- - - - - - - - - - 69 - - Row #69 -
- - - - - - - - - - 70 - - Row #70 -
- - - - - - - - - - 71 - - Row #71 -
- - - - - - - - - - 72 - - Row #72 -
- - - - - - - - - - 73 - - Row #73 -
- - - - - - - - - - 74 - - Row #74 -
- - - - - - - - - - 75 - - Row #75 -
- - - - - - - - - - 76 - - Row #76 -
- - - - - - - - - - 77 - - Row #77 -
- - - - - - - - - - 78 - - Row #78 -
- - - - - - - - - - 79 - - Row #79 -
- - - - - - - - - - 80 - - Row #80 -
- - - - - - - - - - 81 - - Row #81 -
- - - - - - - - - - 82 - - Row #82 -
- - - - - - - - - - 83 - - Row #83 -
- - - - - - - - - - 84 - - Row #84 -
- - - - - - - - - - 85 - - Row #85 -
- - - - - - - - - - 86 - - Row #86 -
- - - - - - - - - - 87 - - Row #87 -
- - - - - - - - - - 88 - - Row #88 -
- - - - - - - - - - 89 - - Row #89 -
- - - - - - - - - - 90 - - Row #90 -
- - - - - - - - - - 91 - - Row #91 -
- - - - - - - - - - 92 - - Row #92 -
- - - - - - - - - - 93 - - Row #93 -
- - - - - - - - - - 94 - - Row #94 -
- - - - - - - - - - 95 - - Row #95 -
- - - - - - - - - - 96 - - Row #96 -
- - - - - - - - - - 97 - - Row #97 -
- - - - - - - - - - 98 - - Row #98 -
- - - - - - - - - - 99 - - Row #99 -
-
-`; - -exports[`Storyshots Data Display/Table Simple Table 1`] = ` -.c0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c0 .icon-color { - fill: #B2B5B2; -} - -
- - - - - - - - - - - - - - - - - - - - -
- col1 - - col2 - - col3 -
- - - - - - - - - - 1 - - safe -
- - - - - - - - - - - - - 2 - - gnosis -
-
-`; - -exports[`Storyshots Data Display/Table Sortable 1`] = ` -.c0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c0 .icon-color { - fill: #B2B5B2; -} - -
- - - - - - - - - - - - - - - - - - - - -
- - col1 - - - - - - - col2 - - - - - - - col3 - - - - -
- - - - - - - - - - 1 - - safe -
- - - - - - - - - - - - - 2 - - gnosis -
-
-`; - -exports[`Storyshots Data Display/Table Without Header 1`] = ` -.c0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c0 .icon-color { - fill: #B2B5B2; -} - -
- - - - - - - - - - - - - -
- - - - - - - - - - 1 - - safe -
- - - - - - - - - - - - - 2 - - gnosis -
-
-`; - -exports[`Storyshots Data Display/Text Bold 1`] = ` -.c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: bold; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -

- Some Text... -

-`; - -exports[`Storyshots Data Display/Text Centered 1`] = ` -.c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: center; -} - -

- Some Text... -

-`; - -exports[`Storyshots Data Display/Text Custom Color 1`] = ` -.c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #008C73; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -

- Some Text... -

-`; - -exports[`Storyshots Data Display/Text Custom Size 1`] = ` -Array [ - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -

- Some Text... -

, - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 12px; - line-height: 16px; - text-align: start; -} - -

- Some Text... -

, - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -

- Some Text... -

, - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 16px; - line-height: 22px; - text-align: start; -} - -

- Some Text... -

, -] -`; - -exports[`Storyshots Data Display/Text Paragraph Element 1`] = ` -Array [ - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -

- Paragraph element is by default -

, - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -

- Some Text... -

, -] -`; - -exports[`Storyshots Data Display/Text Simple Texttext 1`] = ` -.c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -

- Some Text... -

-`; - -exports[`Storyshots Data Display/Text Span Element 1`] = ` -Array [ - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - - - This are span elements. - , - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - - - Some Text in a span... - , -] -`; - -exports[`Storyshots Data Display/Text With Tooltip 1`] = ` -.c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #008C73; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - - - Some Text... - -`; - -exports[`Storyshots Data Display/Title Bold 1`] = ` -Array [ - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 44px; - line-height: 52px; - font-weight: bold; - margin: 28px 0; -} - -

- Title LG -

, - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 32px; - line-height: 36px; - font-weight: bold; - margin: 26px 0; -} - -

- Title MD -

, -] -`; - -exports[`Storyshots Data Display/Title Simple Title 1`] = ` -.c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 44px; - line-height: 52px; - font-weight: normal; - margin: 28px 0; -} - -

- Title LG -

-`; - -exports[`Storyshots Data Display/Title With Sizes 1`] = ` -Array [ - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 60px; - line-height: 64px; - font-weight: normal; - margin: 30px 0; -} - -

- Title XL -

, - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 44px; - line-height: 52px; - font-weight: normal; - margin: 28px 0; -} - -

- Title LG -

, - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 32px; - line-height: 36px; - font-weight: normal; - margin: 26px 0; -} - -

- Title MD -

, - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 24px; - line-height: 30px; - font-weight: normal; - margin: 22px 0; -} - -

- Title SM -

, - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 20px; - line-height: 26px; - font-weight: normal; - margin: 18px 0; -} - -
- Title XS -
, -] -`; - -exports[`Storyshots Data Display/Tooltip Basic 1`] = ` - - hover me - -`; - -exports[`Storyshots Data Display/Tooltip Custom Color 1`] = ` - - hover me - -`; - -exports[`Storyshots Data Display/Tooltip Custom Color And Arrow 1`] = ` - - hover me - -`; - -exports[`Storyshots Data Display/Tooltip Custom Size 1`] = ` - - hover me - -`; - -exports[`Storyshots Ethereum/Eth hash Info Address 1`] = ` -.c3 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 4px; -} - -
-
-
-

- 0x69904ff6d6100799344E5C9A2806936318F6ba4f -

-
-
-
-`; - -exports[`Storyshots Ethereum/Eth hash Info With Avatar And Text 1`] = ` -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 8px; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 4px; -} - -.c2 { - height: 32px; - width: 32px; - border-radius: 50%; -} - -
-
- -
-
-

- Owner 1 -

-
-
-
-`; - -exports[`Storyshots Ethereum/Eth hash Info With Buttons 1`] = ` -.c7 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c7 .icon-color { - fill: #B2B5B2; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 8px; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 4px; -} - -.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:hover { - background-color: #F0EFEE; -} - -.c2 { - height: 32px; - width: 32px; - border-radius: 50%; -} - -.c6 { - 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; -} - -.c6:hover { - background-color: #E8E7E6; -} - -
-
- -
-
-

- Owner 1 -

-
-

- 0x6990...ba4f -

- - - - - - - - - - - - -
-
-
-`; - -exports[`Storyshots Ethereum/Eth hash Info With Custom Avatar 1`] = ` -.c5 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 8px; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 4px; -} - -.c2 { - height: 32px; - width: 32px; -} - -
-
- -
-
-
-

- 0x6990...ba4f -

-
-
-
-`; - -exports[`Storyshots Ethereum/Eth hash Info With Custom Avatar Fallback 1`] = ` -.c5 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 8px; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 4px; -} - -.c2 { - height: 32px; - width: 32px; -} - -
-
- -
-
-
-

- 0x6990...ba4f -

-
-
-
-`; - -exports[`Storyshots Ethereum/Eth hash Info With Custom Avatar Fallback Identicon 1`] = ` -.c5 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 8px; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 4px; -} - -.c2 { - height: 32px; - width: 32px; -} - -
-
- -
-
-
-

- 0x6990...ba4f -

-
-
-
-`; - -exports[`Storyshots Ethereum/Eth hash Info With Default Avatar 1`] = ` -.c5 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 8px; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 4px; -} - -.c2 { - height: 32px; - width: 32px; - border-radius: 50%; -} - -
-
- -
-
-
-

- 0x6990...ba4f -

-
-
-
-`; - -exports[`Storyshots Ethereum/Eth hash Info With Menu 1`] = ` -.c7 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c7 .icon-color { - fill: #B2B5B2; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c10.c10 .MuiMenu-list div:not(:first-child) { - border-top: 1px solid #E8E7E6; -} - -.c8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c11:focus { - outline-color: #E8E7E6; -} - -.c9 { - background: none; - border: none; - cursor: pointer; - margin: 0; - 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; -} - -.c9 span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c9:hover { - background-color: #E8E7E6; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 8px; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 4px; -} - -.c2 { - height: 32px; - width: 32px; - border-radius: 50%; -} - -.c6 { - 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; -} - -.c6:hover { - background-color: #E8E7E6; -} - -
-
- -
-
-

- Owner 1 -

-
-

- 0x6990...ba4f -

- -
- -
-
-
-
    -
    -
  • - Send again -
  • -
    -
    -
  • - Edit Address book entry - -
  • -
    -
-
-
-
-
-
-
-
-`; - -exports[`Storyshots Ethereum/Eth hash Info With Name 1`] = ` -.c2 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 4px; -} - -
-
-

- Owner 1 -

-
-

- 0x69904ff6d6100799344E5C9A2806936318F6ba4f -

-
-
-
-`; - -exports[`Storyshots Ethereum/Eth hash Info With Prefix 1`] = ` -.c8 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c8 .icon-color { - fill: #B2B5B2; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c6 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: bold; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 8px; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 4px; -} - -.c9 { - 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; -} - -.c9:hover { - background-color: #F0EFEE; -} - -.c2 { - height: 32px; - width: 32px; - border-radius: 50%; -} - -.c7 { - 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; -} - -.c7:hover { - background-color: #E8E7E6; -} - -
-
- -
-
-

- Owner 1 -

-
-

- - xdai - : - - 0x69904ff6d6100799344E5C9A2806936318F6ba4f -

- - - - - - - - - - - - -
-
-
-`; - -exports[`Storyshots Ethereum/Eth hash Info With Prefix And Short 1`] = ` -.c8 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c8 .icon-color { - fill: #B2B5B2; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c6 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: bold; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 8px; -} - -.c3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 4px; -} - -.c9 { - 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; -} - -.c9:hover { - background-color: #F0EFEE; -} - -.c2 { - height: 32px; - width: 32px; - border-radius: 50%; -} - -.c7 { - 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; -} - -.c7:hover { - background-color: #E8E7E6; -} - -
-
- -
-
-

- Owner 1 -

-
-

- - matic - : - - 0x6990...ba4f -

- - - - - - - - - - - - -
-
-
-`; - -exports[`Storyshots Ethereum/Eth hash Info With Short Address 1`] = ` -.c3 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: flex-start; - -webkit-box-align: flex-start; - -ms-flex-align: flex-start; - align-items: flex-start; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 4px; -} - -
-
-
-

- 0x6990...ba4f -

-
-
-
-`; - -exports[`Storyshots Ethereum/Explorer Button Simple Explorer Button 1`] = ` -Array [ - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 12px; - line-height: 16px; - text-align: start; -} - -.c1 { - margin-right: 5px; -} - -

- An Address example -

, -
, - .c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #B2B5B2; -} - -.c0 { - 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; -} - - - - - - - - - - - - , -
, - .c0 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 12px; - line-height: 16px; - text-align: start; -} - -.c1 { - margin-right: 5px; -} - -

- A Transaction example -

, -
, - .c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #B2B5B2; -} - -.c0 { - 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; -} - - - - - - - - - - - - , -] -`; - -exports[`Storyshots Feedback/Loader Loader 1`] = ` -Array [ - .c0.MuiCircularProgress-colorPrimary { - color: #008C73; -} - -
- - - -
, - .c0.MuiCircularProgress-colorPrimary { - color: #008C73; -} - -
- - - -
, - .c0.MuiCircularProgress-colorPrimary { - color: #008C73; -} - -
- - - -
, - .c0.MuiCircularProgress-colorPrimary { - color: #008C73; -} - -
- - - -
, -] -`; - -exports[`Storyshots Feedback/Loader With Color 1`] = ` -.c0.MuiCircularProgress-colorPrimary { - color: #E8663D; -} - -
- - - -
-`; - -exports[`Storyshots Feedback/StatusDot Simple Status Dot 1`] = ` -Array [ - .c0 { - border-radius: 50%; - background-color: #E8673C; - height: 5px; - width: 5px; -} - -
, -
, - .c0 { - border-radius: 50%; - background-color: #E8673C; - height: 10px; - width: 10px; -} - -
, -] -`; - -exports[`Storyshots Inputs/Button Disabled Button 1`] = ` -.c1.c1 { - height: 36px; - color: #ffffff; - background-color: #008C73; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c1.c1.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c1.c1.Mui-disabled { - color: #ffffff; -} - -.c1.c1 path.icon-color { - fill: #ffffff; -} - -.c1.c1:disabled { - opacity: 0.5; -} - -.c1.c1:hover { - background-color: #005546; -} - -.c2.c2 { - height: 36px; - color: #ffffff; - background-color: #001428; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c2.c2.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c2.c2.Mui-disabled { - color: #ffffff; -} - -.c2.c2 path.icon-color { - fill: #ffffff; -} - -.c2.c2:disabled { - opacity: 0.5; -} - -.c2.c2 path.icon-color { - color: #ffffff; -} - -.c2.c2:hover { - background-color: #5D6D74; -} - -.c2.c2:hover path.icon-color { - color: #ffffff; -} - -.c3.c3 { - height: 36px; - color: #ffffff; - background-color: #DB3A3D; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c3.c3.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c3.c3.Mui-disabled { - color: #ffffff; -} - -.c3.c3 path.icon-color { - fill: #ffffff; -} - -.c3.c3:disabled { - opacity: 0.5; -} - -.c3.c3:hover { - background-color: #C31717; -} - -.c4.c4 { - height: 36px; - color: #008C73; - background-color: transparent; -} - -.c4.c4.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c4.c4.Mui-disabled { - color: #ffffff; -} - -.c4.c4 path.icon-color { - fill: #ffffff; -} - -.c4.c4:disabled { - opacity: 0.5; -} - -.c4.c4 path.icon-color { - fill: #008C73; -} - -.c4.c4.Mui-disabled { - color: #008C73; -} - -.c4.c4:hover { - color: #005546; - background-color: #F7F5F5; -} - -.c4.c4:hover path.icon-color { - fill: #005546; -} - -.c5.c5 { - height: 36px; - color: #001428; - background-color: transparent; -} - -.c5.c5.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c5.c5.Mui-disabled { - color: #ffffff; -} - -.c5.c5 path.icon-color { - fill: #ffffff; -} - -.c5.c5:disabled { - opacity: 0.5; -} - -.c5.c5 path.icon-color { - fill: #001428; -} - -.c5.c5.Mui-disabled { - color: #001428; -} - -.c5.c5:hover { - color: #5D6D74; - background-color: #F7F5F5; -} - -.c5.c5:hover path.icon-color { - fill: #5D6D74; -} - -.c6.c6 { - height: 36px; - color: #DB3A3D; - background-color: transparent; -} - -.c6.c6.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c6.c6.Mui-disabled { - color: #ffffff; -} - -.c6.c6 path.icon-color { - fill: #ffffff; -} - -.c6.c6:disabled { - opacity: 0.5; -} - -.c6.c6 path.icon-color { - fill: #DB3A3D; -} - -.c6.c6.Mui-disabled { - color: #DB3A3D; -} - -.c6.c6:hover { - color: #C31717; - background-color: #F7F5F5; -} - -.c6.c6:hover path.icon-color { - fill: #C31717; -} - -.c7.c7 { - height: 36px; - color: #008C73; - background-color: transparent; - border: 2px solid #008C73; -} - -.c7.c7.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c7.c7.Mui-disabled { - color: #ffffff; -} - -.c7.c7 path.icon-color { - fill: #ffffff; -} - -.c7.c7:disabled { - opacity: 0.5; -} - -.c7.c7 path.icon-color { - fill: #008C73; -} - -.c7.c7.Mui-disabled { - color: #008C73; -} - -.c7.c7:hover { - color: #ffffff; - background-color: #005546; - border: 2px solid #005546; -} - -.c7.c7:hover path.icon-color { - fill: #ffffff; -} - -.c8.c8 { - height: 36px; - color: #001428; - background-color: transparent; - border: 2px solid #001428; -} - -.c8.c8.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c8.c8.Mui-disabled { - color: #ffffff; -} - -.c8.c8 path.icon-color { - fill: #ffffff; -} - -.c8.c8:disabled { - opacity: 0.5; -} - -.c8.c8 path.icon-color { - fill: #001428; -} - -.c8.c8.Mui-disabled { - color: #001428; -} - -.c8.c8:hover { - color: #ffffff; - background-color: #5D6D74; - border: 2px solid #5D6D74; -} - -.c8.c8:hover path.icon-color { - fill: #ffffff; -} - -.c9.c9 { - height: 36px; - color: #DB3A3D; - background-color: transparent; - border: 2px solid #DB3A3D; -} - -.c9.c9.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c9.c9.Mui-disabled { - color: #ffffff; -} - -.c9.c9 path.icon-color { - fill: #ffffff; -} - -.c9.c9:disabled { - opacity: 0.5; -} - -.c9.c9 path.icon-color { - fill: #DB3A3D; -} - -.c9.c9.Mui-disabled { - color: #DB3A3D; -} - -.c9.c9:hover { - color: #ffffff; - background-color: #C31717; - border: 2px solid #C31717; -} - -.c9.c9:hover path.icon-color { - fill: #ffffff; -} - -.c0 button { - margin: 10px; -} - -
- - - -
- - - -
- - - -
-`; - -exports[`Storyshots Inputs/Button Simple Button 1`] = ` -.c1.c1 { - height: 36px; - color: #ffffff; - background-color: #008C73; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c1.c1.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c1.c1.Mui-disabled { - color: #ffffff; -} - -.c1.c1 path.icon-color { - fill: #ffffff; -} - -.c1.c1:disabled { - opacity: 0.5; -} - -.c1.c1:hover { - background-color: #005546; -} - -.c2.c2 { - height: 36px; - color: #ffffff; - background-color: #001428; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c2.c2.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c2.c2.Mui-disabled { - color: #ffffff; -} - -.c2.c2 path.icon-color { - fill: #ffffff; -} - -.c2.c2:disabled { - opacity: 0.5; -} - -.c2.c2 path.icon-color { - color: #ffffff; -} - -.c2.c2:hover { - background-color: #5D6D74; -} - -.c2.c2:hover path.icon-color { - color: #ffffff; -} - -.c3.c3 { - height: 36px; - color: #ffffff; - background-color: #DB3A3D; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c3.c3.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c3.c3.Mui-disabled { - color: #ffffff; -} - -.c3.c3 path.icon-color { - fill: #ffffff; -} - -.c3.c3:disabled { - opacity: 0.5; -} - -.c3.c3:hover { - background-color: #C31717; -} - -.c4.c4 { - height: 36px; - color: #008C73; - background-color: transparent; -} - -.c4.c4.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c4.c4.Mui-disabled { - color: #ffffff; -} - -.c4.c4 path.icon-color { - fill: #ffffff; -} - -.c4.c4:disabled { - opacity: 0.5; -} - -.c4.c4 path.icon-color { - fill: #008C73; -} - -.c4.c4.Mui-disabled { - color: #008C73; -} - -.c4.c4:hover { - color: #005546; - background-color: #F7F5F5; -} - -.c4.c4:hover path.icon-color { - fill: #005546; -} - -.c5.c5 { - height: 36px; - color: #001428; - background-color: transparent; -} - -.c5.c5.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c5.c5.Mui-disabled { - color: #ffffff; -} - -.c5.c5 path.icon-color { - fill: #ffffff; -} - -.c5.c5:disabled { - opacity: 0.5; -} - -.c5.c5 path.icon-color { - fill: #001428; -} - -.c5.c5.Mui-disabled { - color: #001428; -} - -.c5.c5:hover { - color: #5D6D74; - background-color: #F7F5F5; -} - -.c5.c5:hover path.icon-color { - fill: #5D6D74; -} - -.c6.c6 { - height: 36px; - color: #DB3A3D; - background-color: transparent; -} - -.c6.c6.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c6.c6.Mui-disabled { - color: #ffffff; -} - -.c6.c6 path.icon-color { - fill: #ffffff; -} - -.c6.c6:disabled { - opacity: 0.5; -} - -.c6.c6 path.icon-color { - fill: #DB3A3D; -} - -.c6.c6.Mui-disabled { - color: #DB3A3D; -} - -.c6.c6:hover { - color: #C31717; - background-color: #F7F5F5; -} - -.c6.c6:hover path.icon-color { - fill: #C31717; -} - -.c7.c7 { - height: 36px; - color: #008C73; - background-color: transparent; - border: 2px solid #008C73; -} - -.c7.c7.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c7.c7.Mui-disabled { - color: #ffffff; -} - -.c7.c7 path.icon-color { - fill: #ffffff; -} - -.c7.c7:disabled { - opacity: 0.5; -} - -.c7.c7 path.icon-color { - fill: #008C73; -} - -.c7.c7.Mui-disabled { - color: #008C73; -} - -.c7.c7:hover { - color: #ffffff; - background-color: #005546; - border: 2px solid #005546; -} - -.c7.c7:hover path.icon-color { - fill: #ffffff; -} - -.c8.c8 { - height: 36px; - color: #001428; - background-color: transparent; - border: 2px solid #001428; -} - -.c8.c8.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c8.c8.Mui-disabled { - color: #ffffff; -} - -.c8.c8 path.icon-color { - fill: #ffffff; -} - -.c8.c8:disabled { - opacity: 0.5; -} - -.c8.c8 path.icon-color { - fill: #001428; -} - -.c8.c8.Mui-disabled { - color: #001428; -} - -.c8.c8:hover { - color: #ffffff; - background-color: #5D6D74; - border: 2px solid #5D6D74; -} - -.c8.c8:hover path.icon-color { - fill: #ffffff; -} - -.c9.c9 { - height: 36px; - color: #DB3A3D; - background-color: transparent; - border: 2px solid #DB3A3D; -} - -.c9.c9.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c9.c9.Mui-disabled { - color: #ffffff; -} - -.c9.c9 path.icon-color { - fill: #ffffff; -} - -.c9.c9:disabled { - opacity: 0.5; -} - -.c9.c9 path.icon-color { - fill: #DB3A3D; -} - -.c9.c9.Mui-disabled { - color: #DB3A3D; -} - -.c9.c9:hover { - color: #ffffff; - background-color: #C31717; - border: 2px solid #C31717; -} - -.c9.c9:hover path.icon-color { - fill: #ffffff; -} - -.c0 button { - margin: 10px; -} - -
- - - -
- - - -
- - - -
-`; - -exports[`Storyshots Inputs/Button Sizes 1`] = ` -.c1.c1 { - height: 36px; - color: #ffffff; - background-color: #008C73; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c1.c1.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c1.c1.Mui-disabled { - color: #ffffff; -} - -.c1.c1 path.icon-color { - fill: #ffffff; -} - -.c1.c1:disabled { - opacity: 0.5; -} - -.c1.c1:hover { - background-color: #005546; -} - -.c2.c2 { - height: 52px; - color: #ffffff; - background-color: #008C73; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c2.c2.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c2.c2.Mui-disabled { - color: #ffffff; -} - -.c2.c2 path.icon-color { - fill: #ffffff; -} - -.c2.c2:disabled { - opacity: 0.5; -} - -.c2.c2:hover { - background-color: #005546; -} - -.c0 button { - margin: 10px; -} - -
- - -
-`; - -exports[`Storyshots Inputs/Button With Custom Component 1`] = ` -.c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #B2B5B2; -} - -.c2 { - margin-right: 5px; -} - -.c0.c0 { - height: 52px; - color: #001428; - background-color: transparent; - border: 2px solid #001428; -} - -.c0.c0.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c0.c0.Mui-disabled { - color: #ffffff; -} - -.c0.c0 path.icon-color { - fill: #ffffff; -} - -.c0.c0:disabled { - opacity: 0.5; -} - -.c0.c0 path.icon-color { - fill: #001428; -} - -.c0.c0.Mui-disabled { - color: #001428; -} - -.c0.c0:hover { - color: #ffffff; - background-color: #5D6D74; - border: 2px solid #5D6D74; -} - -.c0.c0:hover path.icon-color { - fill: #ffffff; -} - - - - - - - - - - - - Button as Link - - -`; - -exports[`Storyshots Inputs/Button With Icon 1`] = ` -.c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #B2B5B2; -} - -.c3 { - margin-right: 5px; -} - -.c1.c1 { - height: 52px; - color: #ffffff; - background-color: #008C73; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c1.c1.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c1.c1.Mui-disabled { - color: #ffffff; -} - -.c1.c1 path.icon-color { - fill: #ffffff; -} - -.c1.c1:disabled { - opacity: 0.5; -} - -.c1.c1:hover { - background-color: #005546; -} - -.c4.c4 { - height: 52px; - color: #ffffff; - background-color: #001428; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c4.c4.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c4.c4.Mui-disabled { - color: #ffffff; -} - -.c4.c4 path.icon-color { - fill: #ffffff; -} - -.c4.c4:disabled { - opacity: 0.5; -} - -.c4.c4 path.icon-color { - color: #ffffff; -} - -.c4.c4:hover { - background-color: #5D6D74; -} - -.c4.c4:hover path.icon-color { - color: #ffffff; -} - -.c5.c5 { - height: 52px; - color: #ffffff; - background-color: #DB3A3D; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c5.c5.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c5.c5.Mui-disabled { - color: #ffffff; -} - -.c5.c5 path.icon-color { - fill: #ffffff; -} - -.c5.c5:disabled { - opacity: 0.5; -} - -.c5.c5:hover { - background-color: #C31717; -} - -.c6.c6 { - height: 52px; - color: #008C73; - background-color: transparent; -} - -.c6.c6.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c6.c6.Mui-disabled { - color: #ffffff; -} - -.c6.c6 path.icon-color { - fill: #ffffff; -} - -.c6.c6:disabled { - opacity: 0.5; -} - -.c6.c6 path.icon-color { - fill: #008C73; -} - -.c6.c6.Mui-disabled { - color: #008C73; -} - -.c6.c6:hover { - color: #005546; - background-color: #F7F5F5; -} - -.c6.c6:hover path.icon-color { - fill: #005546; -} - -.c7.c7 { - height: 52px; - color: #001428; - background-color: transparent; -} - -.c7.c7.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c7.c7.Mui-disabled { - color: #ffffff; -} - -.c7.c7 path.icon-color { - fill: #ffffff; -} - -.c7.c7:disabled { - opacity: 0.5; -} - -.c7.c7 path.icon-color { - fill: #001428; -} - -.c7.c7.Mui-disabled { - color: #001428; -} - -.c7.c7:hover { - color: #5D6D74; - background-color: #F7F5F5; -} - -.c7.c7:hover path.icon-color { - fill: #5D6D74; -} - -.c8.c8 { - height: 52px; - color: #DB3A3D; - background-color: transparent; -} - -.c8.c8.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c8.c8.Mui-disabled { - color: #ffffff; -} - -.c8.c8 path.icon-color { - fill: #ffffff; -} - -.c8.c8:disabled { - opacity: 0.5; -} - -.c8.c8 path.icon-color { - fill: #DB3A3D; -} - -.c8.c8.Mui-disabled { - color: #DB3A3D; -} - -.c8.c8:hover { - color: #C31717; - background-color: #F7F5F5; -} - -.c8.c8:hover path.icon-color { - fill: #C31717; -} - -.c9.c9 { - height: 52px; - color: #008C73; - background-color: transparent; - border: 2px solid #008C73; -} - -.c9.c9.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c9.c9.Mui-disabled { - color: #ffffff; -} - -.c9.c9 path.icon-color { - fill: #ffffff; -} - -.c9.c9:disabled { - opacity: 0.5; -} - -.c9.c9 path.icon-color { - fill: #008C73; -} - -.c9.c9.Mui-disabled { - color: #008C73; -} - -.c9.c9:hover { - color: #ffffff; - background-color: #005546; - border: 2px solid #005546; -} - -.c9.c9:hover path.icon-color { - fill: #ffffff; -} - -.c10.c10 { - height: 52px; - color: #001428; - background-color: transparent; - border: 2px solid #001428; -} - -.c10.c10.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c10.c10.Mui-disabled { - color: #ffffff; -} - -.c10.c10 path.icon-color { - fill: #ffffff; -} - -.c10.c10:disabled { - opacity: 0.5; -} - -.c10.c10 path.icon-color { - fill: #001428; -} - -.c10.c10.Mui-disabled { - color: #001428; -} - -.c10.c10:hover { - color: #ffffff; - background-color: #5D6D74; - border: 2px solid #5D6D74; -} - -.c10.c10:hover path.icon-color { - fill: #ffffff; -} - -.c11.c11 { - height: 52px; - color: #DB3A3D; - background-color: transparent; - border: 2px solid #DB3A3D; -} - -.c11.c11.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c11.c11.Mui-disabled { - color: #ffffff; -} - -.c11.c11 path.icon-color { - fill: #ffffff; -} - -.c11.c11:disabled { - opacity: 0.5; -} - -.c11.c11 path.icon-color { - fill: #DB3A3D; -} - -.c11.c11.Mui-disabled { - color: #DB3A3D; -} - -.c11.c11:hover { - color: #ffffff; - background-color: #C31717; - border: 2px solid #C31717; -} - -.c11.c11:hover path.icon-color { - fill: #ffffff; -} - -.c0 button { - margin: 10px; -} - -
- - - -
- - - -
- - - -
-`; - -exports[`Storyshots Inputs/Button With Icon Size 1`] = ` -.c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #B2B5B2; -} - -.c3 { - margin-right: 5px; -} - -.c1.c1 { - height: 36px; - color: #001428; - background-color: transparent; - border: 2px solid #001428; -} - -.c1.c1.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c1.c1.Mui-disabled { - color: #ffffff; -} - -.c1.c1 path.icon-color { - fill: #ffffff; -} - -.c1.c1:disabled { - opacity: 0.5; -} - -.c1.c1 path.icon-color { - fill: #001428; -} - -.c1.c1.Mui-disabled { - color: #001428; -} - -.c1.c1:hover { - color: #ffffff; - background-color: #5D6D74; - border: 2px solid #5D6D74; -} - -.c1.c1:hover path.icon-color { - fill: #ffffff; -} - -.c4.c4 { - height: 52px; - color: #001428; - background-color: transparent; - border: 2px solid #001428; -} - -.c4.c4.MuiButton-root { - min-width: 240px; - padding: 0 48px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c4.c4.Mui-disabled { - color: #ffffff; -} - -.c4.c4 path.icon-color { - fill: #ffffff; -} - -.c4.c4:disabled { - opacity: 0.5; -} - -.c4.c4 path.icon-color { - fill: #001428; -} - -.c4.c4.Mui-disabled { - color: #001428; -} - -.c4.c4:hover { - color: #ffffff; - background-color: #5D6D74; - border: 2px solid #5D6D74; -} - -.c4.c4:hover path.icon-color { - fill: #ffffff; -} - -.c0 button { - margin: 10px; -} - -
- - -
-`; - -exports[`Storyshots Inputs/Checkbox Simple Checkbox 1`] = ` -
- -
-`; - -exports[`Storyshots Inputs/Checkbox With Error 1`] = ` -.c0.c0 { - color: #DB3A3D; - margin-top: 0px; - padding-left: 0px; - position: relative; -} - -
- -

- required -

-
-`; - -exports[`Storyshots Inputs/Select Simple Select 1`] = ` -.c0 { - background-color: #E8E7E6; - border-radius: 5px; - height: 56px; - width: 140px; -} - -.c0 .MuiSelect-select { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding-left: 15px; -} - -.c0 .MuiSelect-selectMenu { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; -} - -.c0.MuiInput-underline:hover:not(.Mui-disabled):before { - border-bottom: 2px solid #008C73; -} - -.c0.MuiInput-underline:after { - border-bottom: 2px solid #008C73; -} - -
-
-
-
- -
- - - - -
-
-
-`; - -exports[`Storyshots Inputs/Switch Switch Input 1`] = ` -.c0.c0 .MuiIconButton-label, -.c0.c0 .MuiSwitch-colorSecondary.Mui-checked { - color: #008C73; -} - -.c0.c0 .MuiSwitch-colorSecondary.Mui-checked:hover { - background-color: rgba(0,140,115,0.08); -} - -.c0.c0 .Mui-checked + .MuiSwitch-track { - background-color: #A1D2CA; -} - - - - - - - - - - -`; - -exports[`Storyshots Inputs/TextField End Adornment 1`] = ` -.c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #B2B5B2; -} - -.c0.c0 { - width: 400px; -} - -.c0.c0 .MuiFilledInput-input { - cursor: auto; -} - -.c0.c0 .MuiFilledInput-root { - background-color: #F0EFEE; -} - -.c0.c0 .MuiFormLabel-root.Mui-focused { - color: #008C73; -} - -.c0.c0 .MuiFilledInput-underline:after { - border-bottom: 2px solid #008C73; -} - -
-
- -
- -
- - - - - - - - - -
-
-
-
-`; - -exports[`Storyshots Inputs/TextField Error 1`] = ` -.c0.c0 { - width: 400px; -} - -.c0.c0 .MuiFilledInput-input { - cursor: auto; -} - -.c0.c0 .MuiFilledInput-root { - background-color: #F0EFEE; -} - -.c0.c0 .MuiFormLabel-root.Mui-focused { - color: #008C73; -} - -.c0.c0 .MuiFilledInput-underline:after { - border-bottom: 2px solid #008C73; -} - -
-
- -
- -
-
-
-`; - -exports[`Storyshots Inputs/TextField Read Only 1`] = ` -.c0.c0 { - width: 400px; -} - -.c0.c0 .MuiFilledInput-input { - cursor: auto; -} - -.c0.c0 .MuiFilledInput-root { - background-color: #F0EFEE; -} - -.c0.c0 .MuiFormLabel-root.Mui-focused { - color: #008C73; -} - -.c0.c0 .MuiFilledInput-underline:after { - border-bottom: 2px solid #008C73; -} - -
-
- -
- -
-
-
-`; - -exports[`Storyshots Inputs/TextField Simple Number Field 1`] = ` -.c0.c0 { - width: 400px; -} - -.c0.c0 .MuiFilledInput-input { - cursor: auto; -} - -.c0.c0 .MuiFilledInput-root { - background-color: #F0EFEE; -} - -.c0.c0 .MuiFormLabel-root.Mui-focused { - color: #008C73; -} - -.c0.c0 .MuiFilledInput-underline:after { - border-bottom: 2px solid #008C73; -} - -
-
- -
- -
-
-
-`; - -exports[`Storyshots Inputs/TextField Simple Text Field 1`] = ` -.c0.c0 { - width: 400px; -} - -.c0.c0 .MuiFilledInput-input { - cursor: auto; -} - -.c0.c0 .MuiFilledInput-root { - background-color: #F0EFEE; -} - -.c0.c0 .MuiFormLabel-root.Mui-focused { - color: #008C73; -} - -.c0.c0 .MuiFilledInput-underline:after { - border-bottom: 2px solid #008C73; -} - -
-
- -
- -
-
-
-`; - -exports[`Storyshots Inputs/TextField Start Adornment 1`] = ` -.c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #B2B5B2; -} - -.c0.c0 { - width: 400px; -} - -.c0.c0 .MuiFilledInput-input { - cursor: auto; -} - -.c0.c0 .MuiFilledInput-root { - background-color: #F0EFEE; -} - -.c0.c0 .MuiFormLabel-root.Mui-focused { - color: #008C73; -} - -.c0.c0 .MuiFilledInput-underline:after { - border-bottom: 2px solid #008C73; -} - -
-
- -
-
- - - - - - - - - -
- -
-
-
-`; - -exports[`Storyshots Navigation/Stepper Orientation Horizontal 1`] = ` -.c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #ffffff; -} - -.c0 { - background-color: #008C73; - color: #F7F5F5; - width: 24px; - height: 24px; - border-radius: 50%; - 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 svg { - margin-top: 4px; -} - -.c4 { - background-color: #B2B5B2; - color: #F7F5F5; - width: 24px; - height: 24px; - border-radius: 50%; - 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; -} - -.c4 svg { - margin-top: 4px; -} - -.c2.c2 { - color: opacity:0.5; -} - -.c3.c3 { - color: #008C73; -} - -.c5.c5 { - color: #001428; -} - -
-
- - -
- - - - - - - - -
-
- - -

- Transaction submitted -

-
-
-
-
-
- -
-
- - -
- 2 -
-
- - -

- Validating transaction -

-
-
-
-
-
- -
-
- - -
- 3 -
-
- - -

- Deploying smart contract -

-
-
-
-
-
- -
-
- - -
- 4 -
-
- - -

- Generating your Safe -

-
-
-
-
-
- -
-
- - -
- 5 -
-
- - -

- Result -

-
-
-
-
-
-`; - -exports[`Storyshots Navigation/Stepper Step With Error 1`] = ` -.c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #ffffff; -} - -.c0 { - background-color: #008C73; - color: #F7F5F5; - width: 24px; - height: 24px; - border-radius: 50%; - 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 svg { - margin-top: 4px; -} - -.c3 { - background-color: #DB3A3D; - color: #F7F5F5; - width: 24px; - height: 24px; - border-radius: 50%; - 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; -} - -.c3 svg { - margin-top: 4px; -} - -.c5 { - background-color: #B2B5B2; - color: #F7F5F5; - width: 24px; - height: 24px; - border-radius: 50%; - 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; -} - -.c5 svg { - margin-top: 4px; -} - -.c2.c2 { - color: opacity:0.5; -} - -.c4.c4 { - color: #DB3A3D; -} - -.c6.c6 { - color: #001428; -} - -
-
- - -
- - - - - - - - -
-
- - -

- Transaction submitted -

-
-
-
-
-
- -
-
- - -
- 2 -
-
- - -

- Validating transaction -

-
-
-
-
-
- -
-
- - -
- 3 -
-
- - -

- Deploying smart contract -

-
-
-
-
-
- -
-
- - -
- 4 -
-
- - -

- Generating your Safe -

-
-
-
-
-
- -
-
- - -
- 5 -
-
- - -

- Result -

-
-
-
-
-
-`; - -exports[`Storyshots Navigation/Stepper Stepper 1`] = ` -.c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #ffffff; -} - -.c0 { - background-color: #008C73; - color: #F7F5F5; - width: 24px; - height: 24px; - border-radius: 50%; - 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 svg { - margin-top: 4px; -} - -.c4 { - background-color: #B2B5B2; - color: #F7F5F5; - width: 24px; - height: 24px; - border-radius: 50%; - 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; -} - -.c4 svg { - margin-top: 4px; -} - -.c2.c2 { - color: opacity:0.5; -} - -.c3.c3 { - color: #008C73; -} - -.c5.c5 { - color: #001428; -} - -
-
- - -
- - - - - - - - -
-
- - -

- Transaction submitted -

-
-
-
-
-
- -
-
- - -
- 2 -
-
- - -

- Validating transaction -

-
-
-
-
-
- -
-
- - -
- 3 -
-
- - -

- Deploying smart contract -

-
-
-
-
-
- -
-
- - -
- 4 -
-
- - -

- Generating your Safe -

-
-
-
-
-
- -
-
- - -
- 5 -
-
- - -

- Result -

-
-
-
-
-
-`; - -exports[`Storyshots Navigation/Tab Simple Tab 1`] = ` -Array [ - .c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #B2B5B2; -} - -.c3 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #008C73; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 svg { - margin: 0 12px 0 0; -} - -.c0 { - box-shadow: inset 0 -2px 0#E8E7E6; -} - -
-
-
-
-
- - - - - -
-
-
-
, - "3", -] -`; - -exports[`Storyshots Navigation/Tab Tab Contained 1`] = ` -Array [ - .c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #B2B5B2; -} - -.c3 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #008C73; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 svg { - margin: 0 12px 0 0; -} - -.c0 { - box-shadow: none; -} - -
-
-
-
-
- - - - - -
-
-
-
, - "3", -] -`; - -exports[`Storyshots Navigation/Tab Tab Contained Full 1`] = ` -Array [ - .c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #B2B5B2; -} - -.c3 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #008C73; - margin: 0; - font-weight: normal; - font-size: 11px; - line-height: 14px; - text-align: start; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 svg { - margin: 0 12px 0 0; -} - -.c0 { - box-shadow: none; -} - -
-
-
-
- - - - - -
-
-
-
, - "3", -] -`; - -exports[`Storyshots Utils/Colors Colors Sample 1`] = ` -.c3 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #001428; - margin: 0; - font-weight: normal; - font-size: 12px; - line-height: 16px; - text-align: center; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: space-evenly; - -webkit-justify-content: space-evenly; - -ms-flex-pack: space-evenly; - justify-content: space-evenly; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 16px; -} - -.c2 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #001428; -} - -.c4 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #005546; -} - -.c5 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #C31717; -} - -.c6 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #5D6D74; -} - -.c7 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #DB3A3D; -} - -.c8 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #008C73; -} - -.c9 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #E8663D; -} - -.c10 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #E8673C; -} - -.c11 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #B2B5B2; -} - -.c12 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #A1D2CA; -} - -.c13 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #FFC05F; -} - -.c14 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #D4D5D3; -} - -.c15 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #E8E7E6; -} - -.c16 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #FBE5C5; -} - -.c17 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #FFE6EA; -} - -.c18 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #F0EFEE; -} - -.c19 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #F7F5F5; -} - -.c20 { - margin: 8px auto; - width: 100px; - height: 100px; - border: 1px solid #000000; - background-color: #FFFFFF; -} - -
-
-
-

- secondary -

-

- #001428 -

-
-
-
-

- text -

-

- #001428 -

-
-
-
-

- primaryHover -

-

- #005546 -

-
-
-
-

- errorHover -

-

- #C31717 -

-
-
-
-

- secondaryHover -

-

- #5D6D74 -

-
-
-
-

- placeHolder -

-

- #5D6D74 -

-
-
-
-

- error -

-

- #DB3A3D -

-
-
-
-

- primary -

-

- #008C73 -

-
-
-
-

- pending -

-

- #E8663D -

-
-
-
-

- rinkeby -

-

- #E8673C -

-
-
-
-

- secondaryLight -

-

- #B2B5B2 -

-
-
-
-

- icon -

-

- #B2B5B2 -

-
-
-
-

- primaryLight -

-

- #A1D2CA -

-
-
-
-

- warning -

-

- #FFC05F -

-
-
-
-

- tag -

-

- #D4D5D3 -

-
-
-
-

- separator -

-

- #E8E7E6 -

-
-
-
-

- pendingTagHover -

-

- #FBE5C5 -

-
-
-
-

- errorTooltip -

-

- #FFE6EA -

-
-
-
-

- inputField -

-

- #F0EFEE -

-
-
-
-

- background -

-

- #F7F5F5 -

-
-
-
-

- white -

-

- #FFFFFF -

-
-
-`; - -exports[`Storyshots Utils/CopyToClipboardBtn Copy 1`] = ` -.c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #B2B5B2; -} - -.c0 { - 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: #E8E7E6; -} - - -`; - -exports[`Storyshots Utils/Identicon Sizes 1`] = ` -Array [ - .c0 { - height: 10px; - width: 10px; - border-radius: 50%; -} - -, - .c0 { - height: 16px; - width: 16px; - border-radius: 50%; -} - -, - .c0 { - height: 32px; - width: 32px; - border-radius: 50%; -} - -, - .c0 { - height: 40px; - width: 40px; - border-radius: 50%; -} - -, - .c0 { - height: 48px; - width: 48px; - border-radius: 50%; -} - -, - .c0 { - height: 60px; - width: 60px; - border-radius: 50%; -} - -, -] -`; - -exports[`Storyshots Utils/Modals/Generic Simple Modal 1`] = ` -.c0.c0 { - height: 36px; - color: #ffffff; - background-color: #008C73; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c0.c0.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c0.c0.Mui-disabled { - color: #ffffff; -} - -.c0.c0 path.icon-color { - fill: #ffffff; -} - -.c0.c0:disabled { - opacity: 0.5; -} - -.c0.c0:hover { - background-color: #005546; -} - - -`; - -exports[`Storyshots Utils/Modals/ManageList Simple Modal 1`] = ` -.c0.c0 { - height: 36px; - color: #ffffff; - background-color: #008C73; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c0.c0.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c0.c0.Mui-disabled { - color: #ffffff; -} - -.c0.c0 path.icon-color { - fill: #ffffff; -} - -.c0.c0:disabled { - opacity: 0.5; -} - -.c0.c0:hover { - background-color: #005546; -} - - -`; - -exports[`Storyshots Utils/Modals/utils/FooterConfirmation Modal Footer 1`] = ` -.c1.c1 { - height: 36px; - color: #008C73; - background-color: transparent; -} - -.c1.c1.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c1.c1.Mui-disabled { - color: #ffffff; -} - -.c1.c1 path.icon-color { - fill: #ffffff; -} - -.c1.c1:disabled { - opacity: 0.5; -} - -.c1.c1 path.icon-color { - fill: #008C73; -} - -.c1.c1.Mui-disabled { - color: #008C73; -} - -.c1.c1:hover { - color: #005546; - background-color: #F7F5F5; -} - -.c1.c1:hover path.icon-color { - fill: #005546; -} - -.c2.c2 { - height: 36px; - color: #ffffff; - background-color: #008C73; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c2.c2.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c2.c2.Mui-disabled { - color: #ffffff; -} - -.c2.c2 path.icon-color { - fill: #ffffff; -} - -.c2.c2:disabled { - opacity: 0.5; -} - -.c2.c2:hover { - background-color: #005546; -} - -.c0 { - 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; - height: 84px; -} - -.c0 button:first-child { - margin-right: 16px; -} - -
- - -
-`; - -exports[`Storyshots Utils/Modals/utils/FooterConfirmation Ok Disabled 1`] = ` -.c1.c1 { - height: 36px; - color: #008C73; - background-color: transparent; -} - -.c1.c1.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c1.c1.Mui-disabled { - color: #ffffff; -} - -.c1.c1 path.icon-color { - fill: #ffffff; -} - -.c1.c1:disabled { - opacity: 0.5; -} - -.c1.c1 path.icon-color { - fill: #008C73; -} - -.c1.c1.Mui-disabled { - color: #008C73; -} - -.c1.c1:hover { - color: #005546; - background-color: #F7F5F5; -} - -.c1.c1:hover path.icon-color { - fill: #005546; -} - -.c2.c2 { - height: 36px; - color: #ffffff; - background-color: #008C73; - box-shadow: 1px 2px 10px rgba(40,54,61,0.18); -} - -.c2.c2.MuiButton-root { - min-width: 130px; - padding: 0 24px; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 16px; - line-height: 22px; - text-transform: none; - border-radius: 8px; - -webkit-letter-spacing: 0; - -moz-letter-spacing: 0; - -ms-letter-spacing: 0; - letter-spacing: 0; -} - -.c2.c2.Mui-disabled { - color: #ffffff; -} - -.c2.c2 path.icon-color { - fill: #ffffff; -} - -.c2.c2:disabled { - opacity: 0.5; -} - -.c2.c2:hover { - background-color: #005546; -} - -.c0 { - 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; - height: 84px; -} - -.c0 button:first-child { - margin-right: 16px; -} - -
- - -
-`; - -exports[`Storyshots inputs/ButtonLink Icon Size 1`] = ` -Array [ - .c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #008C73; -} - -.c2 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #008C73; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - background: transparent; - border: none; - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #008C73; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0:focus { - outline: none; -} - -.c3 { - margin: 0 4px; -} - -, - .c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #008C73; -} - -.c2 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #008C73; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - background: transparent; - border: none; - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #008C73; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0:focus { - outline: none; -} - -.c3 { - margin: 0 4px; -} - -, -] -`; - -exports[`Storyshots inputs/ButtonLink Simple Button Link 1`] = ` -.c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 .icon-color { - fill: #008C73; -} - -.c2 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #008C73; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c0 { - background: transparent; - border: none; - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #008C73; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c0:focus { - outline: none; -} - -.c3 { - margin: 0 4px; -} - - -`; - -exports[`Storyshots inputs/Link Default 1`] = ` -.c0 { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #008C73; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 12px; -} - - - Some text - -`; - -exports[`Storyshots inputs/Link With Color 1`] = ` -.c0 { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #DB3A3D; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 12px; -} - - - Some text - -`; - -exports[`Storyshots inputs/Link With Custom Child 1`] = ` -.c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #B2B5B2; -} - -.c0 { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #008C73; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 14px; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - - -
- - - - - - - - - - Some text -
-
-`; - -exports[`Storyshots inputs/Link With Custom Size 1`] = ` -.c0 { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #008C73; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 14px; -} - - - Some text - -`; - -exports[`Storyshots navigation/Breadcrumb Breadcrumbs 1`] = ` -.c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #008C73; -} - -.c5 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #5D6D74; - margin: 0; - font-weight: normal; - font-size: 12px; - line-height: 16px; - text-align: start; -} - -.c3 { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #008C73; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 12px; -} - -.c0 { - padding: 16px 0; - box-sizing: border-box; - max-height: 54px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - margin: auto 5px; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - text-transform: uppercase; - -webkit-text-decoration: none; - text-decoration: none; - font-weight: 800; - cursor: text; - margin: auto 5px; -} - -.c6 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - text-transform: uppercase; - font-weight: normal; - margin: auto 5px; -} - -
-
- - - - - - - - - - Address Book - -

- ( - 8 - ) -

-
-

- / -

-
-

- Second Level -

-
-
-`; - -exports[`Storyshots navigation/Breadcrumb Counter 1`] = ` -.c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #008C73; -} - -.c5 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #5D6D74; - margin: 0; - font-weight: normal; - font-size: 12px; - line-height: 16px; - text-align: start; -} - -.c3 { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #008C73; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 12px; -} - -.c0 { - padding: 16px 0; - box-sizing: border-box; - max-height: 54px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - margin: auto 5px; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - text-transform: uppercase; - -webkit-text-decoration: none; - text-decoration: none; - font-weight: 800; - cursor: text; - margin: auto 5px; -} - -
-
- - - - - - - - - - Address Book - -

- ( - 8 - ) -

-
-
-`; - -exports[`Storyshots navigation/Breadcrumb Full Options 1`] = ` -.c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #008C73; -} - -.c6 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c6 .icon-color { - fill: #5D6D74; -} - -.c5 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #5D6D74; - margin: 0; - font-weight: normal; - font-size: 12px; - line-height: 16px; - text-align: start; -} - -.c3 { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #008C73; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 12px; -} - -.c0 { - padding: 16px 0; - box-sizing: border-box; - max-height: 54px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - margin: auto 5px; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - text-transform: uppercase; - -webkit-text-decoration: none; - text-decoration: none; - font-weight: 800; - cursor: text; - margin: auto 5px; -} - -.c7 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - text-transform: uppercase; - font-weight: normal; - margin: auto 5px; -} - -
-
- - - - - - - - - - First level - -

- ( - 8 - ) -

-
-

- / -

-
- - - - - - - - -

- Second level -

-

- ( - 8 - ) -

-
-

- / -

-
- - - - - - - - -

- Third level -

-

- ( - 8 - ) -

-
-
-`; - -exports[`Storyshots navigation/Breadcrumb Root Element Alone 1`] = ` -.c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #008C73; -} - -.c3 { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #008C73; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 12px; -} - -.c0 { - padding: 16px 0; - box-sizing: border-box; - max-height: 54px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - margin: auto 5px; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - text-transform: uppercase; - -webkit-text-decoration: none; - text-decoration: none; - font-weight: 800; - cursor: text; - margin: auto 5px; -} - -
-
- - - - - - - - - - Transactions - -
-
-`; - -exports[`Storyshots navigation/Breadcrumb Sub Section 1`] = ` -.c2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c2 .icon-color { - fill: #008C73; -} - -.c5 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #5D6D74; - margin: 0; - font-weight: normal; - font-size: 12px; - line-height: 16px; - text-align: start; -} - -.c3 { - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #008C73; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - font-size: 12px; -} - -.c0 { - padding: 16px 0; - box-sizing: border-box; - max-height: 54px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - margin: auto 5px; -} - -.c4 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - text-transform: uppercase; - -webkit-text-decoration: none; - text-decoration: none; - font-weight: 800; - cursor: text; - margin: auto 5px; -} - -.c6 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - text-transform: uppercase; - font-weight: normal; - margin: auto 5px; -} - -
-
- - - - - - - - - - - Assets - -
-

- / -

-
-

- Coins -

-
-
-`; - -exports[`Storyshots navigation/EllipsisMenu Simple Ellipsis Menu 1`] = ` -.c2.c2 .MuiMenu-list div:not(:first-child) { - border-top: 1px solid #E8E7E6; -} - -.c0 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c3:focus { - outline-color: #E8E7E6; -} - -.c1 { - background: none; - border: none; - cursor: pointer; - margin: 0; - 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; -} - -.c1 span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c1:hover { - background-color: #E8E7E6; -} - -
- -
-
-
-
    -
    -
  • - Item 1 -
  • -
    -
    -
  • - Item 2 -
  • -
    -
-
-
-
-
-`; - -exports[`Storyshots navigation/Menu Loader 1`] = ` -.c5 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c5 .icon-color { - fill: #DB3A3D; -} - -.c2 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #008C73; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c6 { - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - color: #DB3A3D; - margin: 0; - font-weight: normal; - font-size: 14px; - line-height: 20px; - text-align: start; -} - -.c1 { - background: transparent; - border: none; - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #008C73; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c1:focus { - outline: none; -} - -.c4 { - background: transparent; - border: none; - -webkit-text-decoration: underline; - text-decoration: underline; - cursor: pointer; - color: #DB3A3D; - font-family: 'Averta','Roboto','Helvetica Neue','Arial','Segoe UI','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','-apple-system','BlinkMacSystemFont',sans-serif; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c4:focus { - outline: none; -} - -.c3 { - margin: 0 4px; -} - -.c0 { - padding: 16px 0; - box-sizing: border-box; - max-height: 54px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} - -
- - -
-`; diff --git a/tests/dataDisplay/Accordion/__snapshots__/accordion.stories.storyshot b/tests/dataDisplay/Accordion/__snapshots__/accordion.stories.storyshot new file mode 100644 index 00000000..dfe42499 --- /dev/null +++ b/tests/dataDisplay/Accordion/__snapshots__/accordion.stories.storyshot @@ -0,0 +1,803 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/Accordion Compact Accordion 1`] = ` +
+
+
+
+
+ + + + + + + + +

+ Transaction 1 +

+
+
+
+ + + + + + + +
+
+
+
+
+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. +

+
+
+
+
+
+
+
+
+
+
+ + + + + + + + +

+ Transaction 2 +

+
+
+
+ + + + + + + +
+
+
+
+
+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. +

+
+
+
+
+
+
+
+
+
+
+ + + + + + + + +

+ Transaction 3 +

+
+
+
+ + + + + + + +
+
+
+
+
+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. +

+
+
+
+
+
+
+
+`; + +exports[`Storyshots Data Display/Accordion Simple Accordion 1`] = ` +
+
+
+
+
+ + + + + + + + +

+ Transaction 1 +

+
+
+
+ + + + + + + +
+
+
+
+
+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. +

+
+
+
+
+
+
+
+
+
+
+ + + + + + + + +

+ Transaction 2 +

+
+
+
+ + + + + + + +
+
+
+
+
+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. +

+
+
+
+
+
+
+
+
+
+
+ + + + + + + + +

+ Transaction 3 +

+
+
+
+ + + + + + + +
+
+
+
+
+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget. +

+
+
+
+
+
+
+
+`; diff --git a/tests/dataDisplay/Amount/__snapshots__/number.stories.storyshot b/tests/dataDisplay/Amount/__snapshots__/number.stories.storyshot new file mode 100644 index 00000000..e0e6717a --- /dev/null +++ b/tests/dataDisplay/Amount/__snapshots__/number.stories.storyshot @@ -0,0 +1,20 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/Amount Currency 1`] = `"€999,999.99"`; + +exports[`Storyshots Data Display/Amount Format Number Function 1`] = ` +Array [ + "Based upon the exported", + " ", + + formatAmount(value, + {currency, showSign} + ) + , + " function.", +] +`; + +exports[`Storyshots Data Display/Amount Large Number 1`] = `">999T"`; + +exports[`Storyshots Data Display/Amount Simple Number 1`] = `"1,234,324.2"`; diff --git a/tests/dataDisplay/Card/__snapshots__/card.stories.storyshot b/tests/dataDisplay/Card/__snapshots__/card.stories.storyshot new file mode 100644 index 00000000..581da9b4 --- /dev/null +++ b/tests/dataDisplay/Card/__snapshots__/card.stories.storyshot @@ -0,0 +1,164 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/Card Card Disabled 1`] = ` +
+
+
+

+ 1 +

+
+
+ Some text +
+ +
+`; + +exports[`Storyshots Data Display/Card Simple Card 1`] = ` +
+
+

+ 1 +

+
+
+ Some text +
+ +
+`; diff --git a/tests/dataDisplay/Divider/__snapshots__/divider.stories.storyshot b/tests/dataDisplay/Divider/__snapshots__/divider.stories.storyshot new file mode 100644 index 00000000..a8315d50 --- /dev/null +++ b/tests/dataDisplay/Divider/__snapshots__/divider.stories.storyshot @@ -0,0 +1,38 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/Divider Horizontal 1`] = ` +Array [ +
+ Some content +
, +
, +
+ Some content2 +
, +] +`; + +exports[`Storyshots Data Display/Divider Vertical 1`] = ` +
+
+ Some content +
+
+
+ Some content2 +
+
+`; diff --git a/tests/dataDisplay/Dot/__snapshots__/dot.stories.storyshot b/tests/dataDisplay/Dot/__snapshots__/dot.stories.storyshot new file mode 100644 index 00000000..99794211 --- /dev/null +++ b/tests/dataDisplay/Dot/__snapshots__/dot.stories.storyshot @@ -0,0 +1,48 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/Dot Dot With Icon 1`] = ` +
+ + + + + + + + +
+`; + +exports[`Storyshots Data Display/Dot Dot With Text 1`] = ` +
+

+ 1 +

+
+`; diff --git a/tests/dataDisplay/FixedDialog/__snapshots__/FixedDialog.stories.storyshot b/tests/dataDisplay/FixedDialog/__snapshots__/FixedDialog.stories.storyshot new file mode 100644 index 00000000..ef501007 --- /dev/null +++ b/tests/dataDisplay/FixedDialog/__snapshots__/FixedDialog.stories.storyshot @@ -0,0 +1,84 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/FixedDialog Simple Fixed Dialog 1`] = ` +
+
+
+
+ Legal Disclaimer +
+
+
+
+ Some Body +
+
+
+
+ + +
+
+
+
+`; diff --git a/tests/dataDisplay/FixedIcon/__snapshots__/fixedIcon.stories.storyshot b/tests/dataDisplay/FixedIcon/__snapshots__/fixedIcon.stories.storyshot new file mode 100644 index 00000000..af529c21 --- /dev/null +++ b/tests/dataDisplay/FixedIcon/__snapshots__/fixedIcon.stories.storyshot @@ -0,0 +1,525 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/FixedIcon Icons 1`] = ` +
+
+ + + + + + arrowSort +
+
+ + + + + + connectedRinkeby +
+
+ + + + + + connectedWallet +
+
+ + + + + + bullit +
+
+ + + + + + dropdownArrowSmall +
+
+ + + + + + arrowReceived +
+
+ + + + + + arrowSent +
+
+ + + + + + + + + + threeDots +
+
+ + + + + + + + + + options +
+
+ + + + + + plus +
+
+ + + + + + chevronRight +
+
+ + + + + + chevronLeft +
+
+ + + + + + chevronUp +
+
+ + + + + + chevronDown +
+
+ + + + + + settingsChange +
+
+ + + + + + + + + creatingInProgress +
+
+ + + + + + + + + + + + + + notOwner +
+
+ + + + + + + + + + + + notConnected +
+
+ + + + + + + + + + + networkError +
+
+`; + +exports[`Storyshots Data Display/FixedIcon Icons White 1`] = ` +
+
+ + + + + + arrowSentWhite +
+
+ + + + + + arrowReceivedWhite +
+
+`; diff --git a/tests/dataDisplay/Icon/__snapshots__/icon.stories.storyshot b/tests/dataDisplay/Icon/__snapshots__/icon.stories.storyshot new file mode 100644 index 00000000..800ce081 --- /dev/null +++ b/tests/dataDisplay/Icon/__snapshots__/icon.stories.storyshot @@ -0,0 +1,2547 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/Icon Custom Color 1`] = ` +Array [ + + + + + + + + + , + + + + + + + + + , + + + + + + + + + , +] +`; + +exports[`Storyshots Data Display/Icon Custom Size 1`] = ` +Array [ + + + + + + + + + , + + + + + + + + + , +] +`; + +exports[`Storyshots Data Display/Icon Icons 1`] = ` +
+
+ + + + + + + + + + add +
+
+ + + + + + + + + addressBook +
+
+ + + + + + + + + addressBookAdd +
+
+ + + + + + + + + + alert +
+
+ + + + + + + + + allowances +
+
+ + + + + + + + + + + + apps +
+
+ + + + + + + + + arrowUp +
+
+ + + + + + + + + arrowRight +
+
+ + + + + + + + + arrowDown +
+
+ + + + + + + + + arrowLeft +
+
+ + + + + + + + + + assets +
+
+ + + + + + + + + + awaitingConfirmations +
+
+ + + + + + + + + + camera +
+
+ + + + + + + + + + chain +
+
+ + + + + + + + + check +
+
+ + + + + + + + + + circleCheck +
+
+ + + + + + + + + + circleCross +
+
+ + + + + + + + + + circleDropdown +
+
+ + + + + + + + + code +
+
+ + + + + + + + + + + + + + collectibles +
+
+ + + + + + + + + copy +
+
+ + + + + + + + + cross +
+
+ + + + + + + + + + currency +
+
+ + + + + + + + + + delete +
+
+ + + + + + + + + + devicePassword +
+
+ + + + + + + + + edit +
+
+ + + + + + + + + + + error +
+
+ + + + + + + + + eth +
+
+ + + + + + + exportImg +
+
+ + + + + + + + + + externalLink +
+
+ + + + + + + + + + eye +
+
+ + + + + + + + + + eyeOff +
+
+ + + + + + + + + filledCross +
+
+ + + + + + + + + + + + fingerPrint +
+
+ + + + + + + + + + fuelIndicator +
+
+ + + + + + + + + getInTouch +
+
+ + + + + + + + + home +
+
+ + + + + + + importImg +
+
+ + + + + + + + + + + info +
+
+ + + + + + + + + knowledge +
+
+ + + + + + + + + + licenses +
+
+ + + + + + + + + loadSafe +
+
+ + + + + + + + + + locked +
+
+ + + + + + + + + + mobileConfirm +
+
+ + + + + + + + + + noInternet +
+
+ + + + + + + + + owners +
+
+ + + + + + + + + paste +
+
+ + + + + + + + + paymentToken +
+
+ + + + + + + + + privacyPolicy +
+
+ + + + + + + + + + + + + + qrCode +
+
+ + + + + + + + + + question +
+
+ + + + + + + + + rateApp +
+
+ + + + + + + + + + received +
+
+ + + + + + + + + + recover +
+
+ + + + + + + + + replaceOwner +
+
+ + + + + + + + + requiredConfirmations +
+
+ + + + + + + + + restricted +
+
+ + + + + + + + + resync +
+
+ + + + + + + + + rocket +
+
+ + + + + + + + + + scan +
+
+ + + + + + + + + + + safe +
+
+ + + + + + + + + search +
+
+ + + + + + + + + + sendAgain +
+
+ + + + + + + + + + sent +
+
+ + + + + + + + + + serverError +
+
+ + + + + + + + + settings +
+
+ + + + + + + + + + settingsChange +
+
+ + + + + + + + + settingsTool +
+
+ + + + + + + + + share +
+
+ + + + + + + + + termsOfUse +
+
+ + + + + + + + + transactionsInactive +
+
+ + + + + + + + + + unlocked +
+
+ + + + + + + + + userEdit +
+
+ + + + + + + + + wallet +
+
+`; + +exports[`Storyshots Data Display/Icon With Tooltip 1`] = ` + + + + + + + + + +`; diff --git a/tests/dataDisplay/IconText/__snapshots__/index.stories.storyshot b/tests/dataDisplay/IconText/__snapshots__/index.stories.storyshot new file mode 100644 index 00000000..0637b7c3 --- /dev/null +++ b/tests/dataDisplay/IconText/__snapshots__/index.stories.storyshot @@ -0,0 +1,480 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/Icon Text Color 1`] = ` +Array [ +
+ + + + + + + + + +

+ Alert message +

+
, +
+

+ External link +

+ + + + + + + + + +
, +] +`; + +exports[`Storyshots Data Display/Icon Text Icon Margin 1`] = ` +Array [ +
+ + + + + + + + + +

+ Some text +

+
, +
+

+ Some text +

+ + + + + + + + + +
, +] +`; + +exports[`Storyshots Data Display/Icon Text Icon Position 1`] = ` +Array [ +
+

+ Some text +

+ + + + + + + + + +
, +
+

+ Some text +

+ + + + + + + + + +
, +
+

+ Some text +

+ + + + + + + + + +
, +
+

+ Some text +

+ + + + + + + + + +
, +] +`; + +exports[`Storyshots Data Display/Icon Text Sizes 1`] = ` +Array [ +
+ + + + + + + + + +

+ Some text +

+
, +
+ + + + + + + + + +

+ Some text +

+
, +
+ + + + + + + + + +

+ Some text +

+
, +
+ + + + + + + + + +

+ Some text +

+
, +] +`; diff --git a/tests/dataDisplay/Layout/__snapshots__/layout.stories.storyshot b/tests/dataDisplay/Layout/__snapshots__/layout.stories.storyshot new file mode 100644 index 00000000..7615c0df --- /dev/null +++ b/tests/dataDisplay/Layout/__snapshots__/layout.stories.storyshot @@ -0,0 +1,28 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/Layout Simple Layout 1`] = ` +
+
+ Title +
+
+ Navbar +
+
+ Body +
+
+ footer +
+
+`; diff --git a/tests/dataDisplay/Table/__snapshots__/table.stories.storyshot b/tests/dataDisplay/Table/__snapshots__/table.stories.storyshot new file mode 100644 index 00000000..b37f1758 --- /dev/null +++ b/tests/dataDisplay/Table/__snapshots__/table.stories.storyshot @@ -0,0 +1,5487 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/Table Collapsible 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ col1 + + col2 + + col3 + + +
+ + + + + + + + + + 1 + + safe + + + + + + +
+
+ + + + + + + + + + + + + 2 + + gnosis + + + + + + +
+
+
+`; + +exports[`Storyshots Data Display/Table Fixed Header 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ col1 + + col2 + + col3 +
+ + + + + + + + + + 0 + + Row #0 +
+ + + + + + + + + + 1 + + Row #1 +
+ + + + + + + + + + 2 + + Row #2 +
+ + + + + + + + + + 3 + + Row #3 +
+ + + + + + + + + + 4 + + Row #4 +
+ + + + + + + + + + 5 + + Row #5 +
+ + + + + + + + + + 6 + + Row #6 +
+ + + + + + + + + + 7 + + Row #7 +
+ + + + + + + + + + 8 + + Row #8 +
+ + + + + + + + + + 9 + + Row #9 +
+ + + + + + + + + + 10 + + Row #10 +
+ + + + + + + + + + 11 + + Row #11 +
+ + + + + + + + + + 12 + + Row #12 +
+ + + + + + + + + + 13 + + Row #13 +
+ + + + + + + + + + 14 + + Row #14 +
+ + + + + + + + + + 15 + + Row #15 +
+ + + + + + + + + + 16 + + Row #16 +
+ + + + + + + + + + 17 + + Row #17 +
+ + + + + + + + + + 18 + + Row #18 +
+ + + + + + + + + + 19 + + Row #19 +
+ + + + + + + + + + 20 + + Row #20 +
+ + + + + + + + + + 21 + + Row #21 +
+ + + + + + + + + + 22 + + Row #22 +
+ + + + + + + + + + 23 + + Row #23 +
+ + + + + + + + + + 24 + + Row #24 +
+ + + + + + + + + + 25 + + Row #25 +
+ + + + + + + + + + 26 + + Row #26 +
+ + + + + + + + + + 27 + + Row #27 +
+ + + + + + + + + + 28 + + Row #28 +
+ + + + + + + + + + 29 + + Row #29 +
+ + + + + + + + + + 30 + + Row #30 +
+ + + + + + + + + + 31 + + Row #31 +
+ + + + + + + + + + 32 + + Row #32 +
+ + + + + + + + + + 33 + + Row #33 +
+ + + + + + + + + + 34 + + Row #34 +
+ + + + + + + + + + 35 + + Row #35 +
+ + + + + + + + + + 36 + + Row #36 +
+ + + + + + + + + + 37 + + Row #37 +
+ + + + + + + + + + 38 + + Row #38 +
+ + + + + + + + + + 39 + + Row #39 +
+ + + + + + + + + + 40 + + Row #40 +
+ + + + + + + + + + 41 + + Row #41 +
+ + + + + + + + + + 42 + + Row #42 +
+ + + + + + + + + + 43 + + Row #43 +
+ + + + + + + + + + 44 + + Row #44 +
+ + + + + + + + + + 45 + + Row #45 +
+ + + + + + + + + + 46 + + Row #46 +
+ + + + + + + + + + 47 + + Row #47 +
+ + + + + + + + + + 48 + + Row #48 +
+ + + + + + + + + + 49 + + Row #49 +
+ + + + + + + + + + 50 + + Row #50 +
+ + + + + + + + + + 51 + + Row #51 +
+ + + + + + + + + + 52 + + Row #52 +
+ + + + + + + + + + 53 + + Row #53 +
+ + + + + + + + + + 54 + + Row #54 +
+ + + + + + + + + + 55 + + Row #55 +
+ + + + + + + + + + 56 + + Row #56 +
+ + + + + + + + + + 57 + + Row #57 +
+ + + + + + + + + + 58 + + Row #58 +
+ + + + + + + + + + 59 + + Row #59 +
+ + + + + + + + + + 60 + + Row #60 +
+ + + + + + + + + + 61 + + Row #61 +
+ + + + + + + + + + 62 + + Row #62 +
+ + + + + + + + + + 63 + + Row #63 +
+ + + + + + + + + + 64 + + Row #64 +
+ + + + + + + + + + 65 + + Row #65 +
+ + + + + + + + + + 66 + + Row #66 +
+ + + + + + + + + + 67 + + Row #67 +
+ + + + + + + + + + 68 + + Row #68 +
+ + + + + + + + + + 69 + + Row #69 +
+ + + + + + + + + + 70 + + Row #70 +
+ + + + + + + + + + 71 + + Row #71 +
+ + + + + + + + + + 72 + + Row #72 +
+ + + + + + + + + + 73 + + Row #73 +
+ + + + + + + + + + 74 + + Row #74 +
+ + + + + + + + + + 75 + + Row #75 +
+ + + + + + + + + + 76 + + Row #76 +
+ + + + + + + + + + 77 + + Row #77 +
+ + + + + + + + + + 78 + + Row #78 +
+ + + + + + + + + + 79 + + Row #79 +
+ + + + + + + + + + 80 + + Row #80 +
+ + + + + + + + + + 81 + + Row #81 +
+ + + + + + + + + + 82 + + Row #82 +
+ + + + + + + + + + 83 + + Row #83 +
+ + + + + + + + + + 84 + + Row #84 +
+ + + + + + + + + + 85 + + Row #85 +
+ + + + + + + + + + 86 + + Row #86 +
+ + + + + + + + + + 87 + + Row #87 +
+ + + + + + + + + + 88 + + Row #88 +
+ + + + + + + + + + 89 + + Row #89 +
+ + + + + + + + + + 90 + + Row #90 +
+ + + + + + + + + + 91 + + Row #91 +
+ + + + + + + + + + 92 + + Row #92 +
+ + + + + + + + + + 93 + + Row #93 +
+ + + + + + + + + + 94 + + Row #94 +
+ + + + + + + + + + 95 + + Row #95 +
+ + + + + + + + + + 96 + + Row #96 +
+ + + + + + + + + + 97 + + Row #97 +
+ + + + + + + + + + 98 + + Row #98 +
+ + + + + + + + + + 99 + + Row #99 +
+
+`; + +exports[`Storyshots Data Display/Table Simple Table 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + +
+ col1 + + col2 + + col3 +
+ + + + + + + + + + 1 + + safe +
+ + + + + + + + + + + + + 2 + + gnosis +
+
+`; + +exports[`Storyshots Data Display/Table Sortable 1`] = ` +
+ + + + + + + + + + + + + + + + + + + + +
+ + col1 + + + + + + + col2 + + + + + + + col3 + + + + +
+ + + + + + + + + + 1 + + safe +
+ + + + + + + + + + + + + 2 + + gnosis +
+
+`; + +exports[`Storyshots Data Display/Table Without Header 1`] = ` +
+ + + + + + + + + + + + + +
+ + + + + + + + + + 1 + + safe +
+ + + + + + + + + + + + + 2 + + gnosis +
+
+`; diff --git a/tests/dataDisplay/Text/__snapshots__/text.stories.storyshot b/tests/dataDisplay/Text/__snapshots__/text.stories.storyshot new file mode 100644 index 00000000..506153f3 --- /dev/null +++ b/tests/dataDisplay/Text/__snapshots__/text.stories.storyshot @@ -0,0 +1,119 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/Text Bold 1`] = ` +

+ Some Text... +

+`; + +exports[`Storyshots Data Display/Text Centered 1`] = ` +

+ Some Text... +

+`; + +exports[`Storyshots Data Display/Text Custom Color 1`] = ` +

+ Some Text... +

+`; + +exports[`Storyshots Data Display/Text Custom Size 1`] = ` +Array [ +

+ Some Text... +

, +

+ Some Text... +

, +

+ Some Text... +

, +

+ Some Text... +

, +] +`; + +exports[`Storyshots Data Display/Text Paragraph Element 1`] = ` +Array [ +

+ Paragraph element is by default +

, +

+ Some Text... +

, +] +`; + +exports[`Storyshots Data Display/Text Simple Texttext 1`] = ` +

+ Some Text... +

+`; + +exports[`Storyshots Data Display/Text Span Element 1`] = ` +Array [ + + This are span elements. + , + + Some Text in a span... + , +] +`; + +exports[`Storyshots Data Display/Text With Tooltip 1`] = ` + + Some Text... + +`; diff --git a/tests/dataDisplay/Title/__snapshots__/title.stories.storyshot b/tests/dataDisplay/Title/__snapshots__/title.stories.storyshot new file mode 100644 index 00000000..bc7c5d6f --- /dev/null +++ b/tests/dataDisplay/Title/__snapshots__/title.stories.storyshot @@ -0,0 +1,54 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/Title Bold 1`] = ` +Array [ +

+ Title LG +

, +

+ Title MD +

, +] +`; + +exports[`Storyshots Data Display/Title Simple Title 1`] = ` +

+ Title LG +

+`; + +exports[`Storyshots Data Display/Title With Sizes 1`] = ` +Array [ +

+ Title XL +

, +

+ Title LG +

, +

+ Title MD +

, +

+ Title SM +

, +
+ Title XS +
, +] +`; diff --git a/tests/dataDisplay/Tooltip/__snapshots__/index.stories.storyshot b/tests/dataDisplay/Tooltip/__snapshots__/index.stories.storyshot new file mode 100644 index 00000000..b5128f5e --- /dev/null +++ b/tests/dataDisplay/Tooltip/__snapshots__/index.stories.storyshot @@ -0,0 +1,65 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Data Display/Tooltip Basic 1`] = ` + + hover me + +`; + +exports[`Storyshots Data Display/Tooltip Custom Color 1`] = ` + + hover me + +`; + +exports[`Storyshots Data Display/Tooltip Custom Color And Arrow 1`] = ` + + hover me + +`; + +exports[`Storyshots Data Display/Tooltip Custom Size 1`] = ` + + hover me + +`; diff --git a/tests/ethereum/EthHashInfo/__snapshots__/ethHashInfo.stories.storyshot b/tests/ethereum/EthHashInfo/__snapshots__/ethHashInfo.stories.storyshot new file mode 100644 index 00000000..f8f636eb --- /dev/null +++ b/tests/ethereum/EthHashInfo/__snapshots__/ethHashInfo.stories.storyshot @@ -0,0 +1,838 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Ethereum/Eth hash Info Address 1`] = ` +
+
+
+

+ 0x69904ff6d6100799344E5C9A2806936318F6ba4f +

+
+
+
+`; + +exports[`Storyshots Ethereum/Eth hash Info With Avatar And Text 1`] = ` +
+
+ +
+
+

+ Owner 1 +

+
+
+
+`; + +exports[`Storyshots Ethereum/Eth hash Info With Buttons 1`] = ` +
+
+ +
+
+

+ Owner 1 +

+
+

+ 0x6990...ba4f +

+ + + + + + + + + + + + +
+
+
+`; + +exports[`Storyshots Ethereum/Eth hash Info With Custom Avatar 1`] = ` +
+
+ +
+
+
+

+ 0x6990...ba4f +

+
+
+
+`; + +exports[`Storyshots Ethereum/Eth hash Info With Custom Avatar Fallback 1`] = ` +
+
+ +
+
+
+

+ 0x6990...ba4f +

+
+
+
+`; + +exports[`Storyshots Ethereum/Eth hash Info With Custom Avatar Fallback Identicon 1`] = ` +
+
+ +
+
+
+

+ 0x6990...ba4f +

+
+
+
+`; + +exports[`Storyshots Ethereum/Eth hash Info With Default Avatar 1`] = ` +
+
+ +
+
+
+

+ 0x6990...ba4f +

+
+
+
+`; + +exports[`Storyshots Ethereum/Eth hash Info With Menu 1`] = ` +
+
+ +
+
+

+ Owner 1 +

+
+

+ 0x6990...ba4f +

+ +
+ +
+
+
+
    +
    +
  • + Send again +
  • +
    +
    +
  • + Edit Address book entry + +
  • +
    +
+
+
+
+
+
+
+
+`; + +exports[`Storyshots Ethereum/Eth hash Info With Name 1`] = ` +
+
+

+ Owner 1 +

+
+

+ 0x69904ff6d6100799344E5C9A2806936318F6ba4f +

+
+
+
+`; + +exports[`Storyshots Ethereum/Eth hash Info With Prefix 1`] = ` +
+
+ +
+
+

+ Owner 1 +

+
+

+ + xdai + : + + 0x69904ff6d6100799344E5C9A2806936318F6ba4f +

+ + + + + + + + + + + + +
+
+
+`; + +exports[`Storyshots Ethereum/Eth hash Info With Prefix And Short 1`] = ` +
+
+ +
+
+

+ Owner 1 +

+
+

+ + matic + : + + 0x6990...ba4f +

+ + + + + + + + + + + + +
+
+
+`; + +exports[`Storyshots Ethereum/Eth hash Info With Short Address 1`] = ` +
+
+
+

+ 0x6990...ba4f +

+
+
+
+`; diff --git a/tests/ethereum/ExplorerButton/__snapshots__/index.stories.storyshot b/tests/ethereum/ExplorerButton/__snapshots__/index.stories.storyshot new file mode 100644 index 00000000..8b1c1e6e --- /dev/null +++ b/tests/ethereum/ExplorerButton/__snapshots__/index.stories.storyshot @@ -0,0 +1,115 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Ethereum/Explorer Button Simple Explorer Button 1`] = ` +Array [ +

+ An Address example +

, +
, + + + + + + + + + + + , +
, +

+ A Transaction example +

, +
, + + + + + + + + + + + , +] +`; diff --git a/tests/feedback/Loader/__snapshots__/loader.stories.storyshot b/tests/feedback/Loader/__snapshots__/loader.stories.storyshot new file mode 100644 index 00000000..cff3e42c --- /dev/null +++ b/tests/feedback/Loader/__snapshots__/loader.stories.storyshot @@ -0,0 +1,134 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Feedback/Loader Loader 1`] = ` +Array [ +
+ + + +
, +
+ + + +
, +
+ + + +
, +
+ + + +
, +] +`; + +exports[`Storyshots Feedback/Loader With Color 1`] = ` +
+ + + +
+`; diff --git a/tests/feedback/StatusDot/__snapshots__/index.stories.storyshot b/tests/feedback/StatusDot/__snapshots__/index.stories.storyshot new file mode 100644 index 00000000..cd4b07be --- /dev/null +++ b/tests/feedback/StatusDot/__snapshots__/index.stories.storyshot @@ -0,0 +1,17 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Feedback/StatusDot Simple Status Dot 1`] = ` +Array [ +
, +
, +
, +] +`; diff --git a/tests/inputs/Button/__snapshots__/button.stories.storyshot b/tests/inputs/Button/__snapshots__/button.stories.storyshot new file mode 100644 index 00000000..cb05aaf0 --- /dev/null +++ b/tests/inputs/Button/__snapshots__/button.stories.storyshot @@ -0,0 +1,1070 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Inputs/Button Disabled Button 1`] = ` +
+ + + +
+ + + +
+ + + +
+`; + +exports[`Storyshots Inputs/Button Simple Button 1`] = ` +
+ + + +
+ + + +
+ + + +
+`; + +exports[`Storyshots Inputs/Button Sizes 1`] = ` +
+ + +
+`; + +exports[`Storyshots Inputs/Button With Custom Component 1`] = ` + + + + + + + + + + + Button as Link + + +`; + +exports[`Storyshots Inputs/Button With Icon 1`] = ` +
+ + + +
+ + + +
+ + + +
+`; + +exports[`Storyshots Inputs/Button With Icon Size 1`] = ` +
+ + +
+`; diff --git a/tests/inputs/ButtonLink/__snapshots__/buttonLink.stories.storyshot b/tests/inputs/ButtonLink/__snapshots__/buttonLink.stories.storyshot new file mode 100644 index 00000000..64b1a3d4 --- /dev/null +++ b/tests/inputs/ButtonLink/__snapshots__/buttonLink.stories.storyshot @@ -0,0 +1,132 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots inputs/ButtonLink Icon Size 1`] = ` +Array [ + , + , +] +`; + +exports[`Storyshots inputs/ButtonLink Simple Button Link 1`] = ` + +`; diff --git a/tests/inputs/Checkbox/__snapshots__/checkbox.stories.storyshot b/tests/inputs/Checkbox/__snapshots__/checkbox.stories.storyshot new file mode 100644 index 00000000..25cfbcae --- /dev/null +++ b/tests/inputs/Checkbox/__snapshots__/checkbox.stories.storyshot @@ -0,0 +1,118 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Inputs/Checkbox Simple Checkbox 1`] = ` +
+ +
+`; + +exports[`Storyshots Inputs/Checkbox With Error 1`] = ` +
+ +

+ required +

+
+`; diff --git a/tests/inputs/Link/__snapshots__/index.stories.storyshot b/tests/inputs/Link/__snapshots__/index.stories.storyshot new file mode 100644 index 00000000..23c607a0 --- /dev/null +++ b/tests/inputs/Link/__snapshots__/index.stories.storyshot @@ -0,0 +1,71 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots inputs/Link Default 1`] = ` + + Some text + +`; + +exports[`Storyshots inputs/Link With Color 1`] = ` + + Some text + +`; + +exports[`Storyshots inputs/Link With Custom Child 1`] = ` + +
+ + + + + + + + + + Some text +
+
+`; + +exports[`Storyshots inputs/Link With Custom Size 1`] = ` + + Some text + +`; diff --git a/tests/inputs/Select/__snapshots__/select.stories.storyshot b/tests/inputs/Select/__snapshots__/select.stories.storyshot new file mode 100644 index 00000000..d614fe25 --- /dev/null +++ b/tests/inputs/Select/__snapshots__/select.stories.storyshot @@ -0,0 +1,54 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Inputs/Select Simple Select 1`] = ` +
+
+
+
+ +
+ + + + +
+
+
+`; diff --git a/tests/inputs/Switch/__snapshots__/switch.stories.storyshot b/tests/inputs/Switch/__snapshots__/switch.stories.storyshot new file mode 100644 index 00000000..69f8e7a2 --- /dev/null +++ b/tests/inputs/Switch/__snapshots__/switch.stories.storyshot @@ -0,0 +1,41 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Inputs/Switch Switch Input 1`] = ` + + + + + + + + + +`; diff --git a/tests/inputs/TextField/__snapshots__/textField.stories.storyshot b/tests/inputs/TextField/__snapshots__/textField.stories.storyshot new file mode 100644 index 00000000..9d9f6153 --- /dev/null +++ b/tests/inputs/TextField/__snapshots__/textField.stories.storyshot @@ -0,0 +1,309 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Inputs/TextField End Adornment 1`] = ` +
+
+ +
+ +
+ + + + + + + + + +
+
+
+
+`; + +exports[`Storyshots Inputs/TextField Error 1`] = ` +
+
+ +
+ +
+
+
+`; + +exports[`Storyshots Inputs/TextField Read Only 1`] = ` +
+
+ +
+ +
+
+
+`; + +exports[`Storyshots Inputs/TextField Simple Number Field 1`] = ` +
+
+ +
+ +
+
+
+`; + +exports[`Storyshots Inputs/TextField Simple Text Field 1`] = ` +
+
+ +
+ +
+
+
+`; + +exports[`Storyshots Inputs/TextField Start Adornment 1`] = ` +
+
+ +
+
+ + + + + + + + + +
+ +
+
+
+`; diff --git a/tests/navigation/Breadcrumb/__snapshots__/breadcrumb.stories.storyshot b/tests/navigation/Breadcrumb/__snapshots__/breadcrumb.stories.storyshot new file mode 100644 index 00000000..086de0cf --- /dev/null +++ b/tests/navigation/Breadcrumb/__snapshots__/breadcrumb.stories.storyshot @@ -0,0 +1,386 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots navigation/Breadcrumb Breadcrumbs 1`] = ` +
+
+ + + + + + + + + + Address Book + +

+ ( + 8 + ) +

+
+

+ / +

+
+

+ Second Level +

+
+
+`; + +exports[`Storyshots navigation/Breadcrumb Counter 1`] = ` +
+
+ + + + + + + + + + Address Book + +

+ ( + 8 + ) +

+
+
+`; + +exports[`Storyshots navigation/Breadcrumb Full Options 1`] = ` +
+
+ + + + + + + + + + First level + +

+ ( + 8 + ) +

+
+

+ / +

+
+ + + + + + + + +

+ Second level +

+

+ ( + 8 + ) +

+
+

+ / +

+
+ + + + + + + + +

+ Third level +

+

+ ( + 8 + ) +

+
+
+`; + +exports[`Storyshots navigation/Breadcrumb Root Element Alone 1`] = ` +
+
+ + + + + + + + + + Transactions + +
+
+`; + +exports[`Storyshots navigation/Breadcrumb Sub Section 1`] = ` +
+
+ + + + + + + + + + + Assets + +
+

+ / +

+
+

+ Coins +

+
+
+`; diff --git a/tests/navigation/EllipsisMenu/__snapshots__/index.stories.storyshot b/tests/navigation/EllipsisMenu/__snapshots__/index.stories.storyshot new file mode 100644 index 00000000..3b0b952e --- /dev/null +++ b/tests/navigation/EllipsisMenu/__snapshots__/index.stories.storyshot @@ -0,0 +1,137 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots navigation/EllipsisMenu Simple Ellipsis Menu 1`] = ` +
+ +
+
+
+
    +
    +
  • + Item 1 +
  • +
    +
    +
  • + Item 2 +
  • +
    +
+
+
+
+
+`; diff --git a/tests/navigation/Menu/__snapshots__/menu.stories.storyshot b/tests/navigation/Menu/__snapshots__/menu.stories.storyshot new file mode 100644 index 00000000..47082432 --- /dev/null +++ b/tests/navigation/Menu/__snapshots__/menu.stories.storyshot @@ -0,0 +1,60 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots navigation/Menu Loader 1`] = ` +
+ + +
+`; diff --git a/tests/navigation/Stepper/__snapshots__/stepper.stories.storyshot b/tests/navigation/Stepper/__snapshots__/stepper.stories.storyshot new file mode 100644 index 00000000..256ac4d6 --- /dev/null +++ b/tests/navigation/Stepper/__snapshots__/stepper.stories.storyshot @@ -0,0 +1,640 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Navigation/Stepper Orientation Horizontal 1`] = ` +
+
+ + +
+ + + + + + + + +
+
+ + +

+ Transaction submitted +

+
+
+
+
+
+ +
+
+ + +
+ 2 +
+
+ + +

+ Validating transaction +

+
+
+
+
+
+ +
+
+ + +
+ 3 +
+
+ + +

+ Deploying smart contract +

+
+
+
+
+
+ +
+
+ + +
+ 4 +
+
+ + +

+ Generating your Safe +

+
+
+
+
+
+ +
+
+ + +
+ 5 +
+
+ + +

+ Result +

+
+
+
+
+
+`; + +exports[`Storyshots Navigation/Stepper Step With Error 1`] = ` +
+
+ + +
+ + + + + + + + +
+
+ + +

+ Transaction submitted +

+
+
+
+
+
+ +
+
+ + +
+ 2 +
+
+ + +

+ Validating transaction +

+
+
+
+
+
+ +
+
+ + +
+ 3 +
+
+ + +

+ Deploying smart contract +

+
+
+
+
+
+ +
+
+ + +
+ 4 +
+
+ + +

+ Generating your Safe +

+
+
+
+
+
+ +
+
+ + +
+ 5 +
+
+ + +

+ Result +

+
+
+
+
+
+`; + +exports[`Storyshots Navigation/Stepper Stepper 1`] = ` +
+
+ + +
+ + + + + + + + +
+
+ + +

+ Transaction submitted +

+
+
+
+
+
+ +
+
+ + +
+ 2 +
+
+ + +

+ Validating transaction +

+
+
+
+
+
+ +
+
+ + +
+ 3 +
+
+ + +

+ Deploying smart contract +

+
+
+
+
+
+ +
+
+ + +
+ 4 +
+
+ + +

+ Generating your Safe +

+
+
+
+
+
+ +
+
+ + +
+ 5 +
+
+ + +

+ Result +

+
+
+
+
+
+`; diff --git a/tests/navigation/Tab/__snapshots__/tab.stories.storyshot b/tests/navigation/Tab/__snapshots__/tab.stories.storyshot new file mode 100644 index 00000000..c33b6c4a --- /dev/null +++ b/tests/navigation/Tab/__snapshots__/tab.stories.storyshot @@ -0,0 +1,967 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Navigation/Tab Simple Tab 1`] = ` +Array [ +
+
+
+
+
+ + + + + +
+
+
+
, + "3", +] +`; + +exports[`Storyshots Navigation/Tab Tab Contained 1`] = ` +Array [ +
+
+
+
+
+ + + + + +
+
+
+
, + "3", +] +`; + +exports[`Storyshots Navigation/Tab Tab Contained Full 1`] = ` +Array [ +
+
+
+
+ + + + + +
+
+
+
, + "3", +] +`; diff --git a/tests/storybook.test.js b/tests/storybook.test.js index c24520c9..77934056 100644 --- a/tests/storybook.test.js +++ b/tests/storybook.test.js @@ -1,9 +1,9 @@ import initStoryshots, { - snapshotWithOptions, + multiSnapshotWithOptions, } from '@storybook/addon-storyshots'; initStoryshots({ - test: snapshotWithOptions({ + test: multiSnapshotWithOptions({ createNodeMock: (element) => { if (element.type === 'div') { return document.createElement('div'); diff --git a/tests/utils/CopyToClipboardBtn/__snapshots__/index.stories.storyshot b/tests/utils/CopyToClipboardBtn/__snapshots__/index.stories.storyshot new file mode 100644 index 00000000..0a107b71 --- /dev/null +++ b/tests/utils/CopyToClipboardBtn/__snapshots__/index.stories.storyshot @@ -0,0 +1,45 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Utils/CopyToClipboardBtn Copy 1`] = ` + +`; diff --git a/tests/utils/Identicon/__snapshots__/index.stories.storyshot b/tests/utils/Identicon/__snapshots__/index.stories.storyshot new file mode 100644 index 00000000..3aee23a9 --- /dev/null +++ b/tests/utils/Identicon/__snapshots__/index.stories.storyshot @@ -0,0 +1,36 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Utils/Identicon Sizes 1`] = ` +Array [ + , + , + , + , + , + , +] +`; diff --git a/tests/utils/modals/GenericModal/__snapshots__/genericModal.stories.storyshot b/tests/utils/modals/GenericModal/__snapshots__/genericModal.stories.storyshot new file mode 100644 index 00000000..567f017a --- /dev/null +++ b/tests/utils/modals/GenericModal/__snapshots__/genericModal.stories.storyshot @@ -0,0 +1,28 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Utils/Modals/Generic Simple Modal 1`] = ` + +`; diff --git a/tests/utils/modals/ManageListModal/__snapshots__/ManageListModal.stories.storyshot b/tests/utils/modals/ManageListModal/__snapshots__/ManageListModal.stories.storyshot new file mode 100644 index 00000000..d529b938 --- /dev/null +++ b/tests/utils/modals/ManageListModal/__snapshots__/ManageListModal.stories.storyshot @@ -0,0 +1,28 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Utils/Modals/ManageList Simple Modal 1`] = ` + +`; diff --git a/tests/utils/modals/__snapshots__/utils.stories.storyshot b/tests/utils/modals/__snapshots__/utils.stories.storyshot new file mode 100644 index 00000000..740a6e4c --- /dev/null +++ b/tests/utils/modals/__snapshots__/utils.stories.storyshot @@ -0,0 +1,111 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Storyshots Utils/Modals/utils/FooterConfirmation Modal Footer 1`] = ` +
+ + +
+`; + +exports[`Storyshots Utils/Modals/utils/FooterConfirmation Ok Disabled 1`] = ` +
+ + +
+`; diff --git a/yarn.lock b/yarn.lock index 57876197..cb6d9a4a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1122,6 +1122,11 @@ exec-sh "^0.3.2" minimist "^1.2.0" +"@discoveryjs/json-ext@^0.5.3": + version "0.5.5" + resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.5.tgz#9283c9ce5b289a3c4f61c12757469e59377f81f3" + integrity sha512-6nFkfkmSeV/rqSaS4oWHgmpnYw194f6hmWF5is6b0J1naJZoiD0NTc9AiUwPHvWsowkjuHErCZT1wa0jg+BLIA== + "@emotion/cache@^10.0.27": version "10.0.29" resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-10.0.29.tgz#87e7e64f412c060102d589fe7c6dc042e6f9d1e0" @@ -1642,17 +1647,17 @@ dependencies: "@sinonjs/commons" "^1.7.0" -"@storybook/addon-actions@^6.3.0": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.3.7.tgz#b25434972bef351aceb3f7ec6fd66e210f256aac" - integrity sha512-CEAmztbVt47Gw1o6Iw0VP20tuvISCEKk9CS/rCjHtb4ubby6+j/bkp3pkEUQIbyLdHiLWFMz0ZJdyA/U6T6jCw== - dependencies: - "@storybook/addons" "6.3.7" - "@storybook/api" "6.3.7" - "@storybook/client-api" "6.3.7" - "@storybook/components" "6.3.7" - "@storybook/core-events" "6.3.7" - "@storybook/theming" "6.3.7" +"@storybook/addon-actions@^6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.3.12.tgz#69eb5f8f780f1b00456051da6290d4b959ba24a0" + integrity sha512-mzuN4Ano4eyicwycM2PueGzzUCAEzt9/6vyptWEIVJu0sjK0J9KtBRlqFi1xGQxmCfimDR/n/vWBBkc7fp2uJA== + dependencies: + "@storybook/addons" "6.3.12" + "@storybook/api" "6.3.12" + "@storybook/client-api" "6.3.12" + "@storybook/components" "6.3.12" + "@storybook/core-events" "6.3.12" + "@storybook/theming" "6.3.12" core-js "^3.8.2" fast-deep-equal "^3.1.3" global "^4.4.0" @@ -1665,10 +1670,10 @@ util-deprecate "^1.0.2" uuid-browser "^3.1.0" -"@storybook/addon-docs@^6.3.0": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.3.7.tgz#a7b8ff2c0baf85fc9cc1b3d71f481ec40499f3cc" - integrity sha512-cyuyoLuB5ELhbrXgnZneDCHqNq1wSdWZ4dzdHy1E5WwLPEhLlD6INfEsm8gnDIb4IncYuzMhK3XYBDd7d3ijOg== +"@storybook/addon-docs@^6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.3.12.tgz#2ec73b4f231d9f190d5c89295bc47bea6a95c6d1" + integrity sha512-iUrqJBMTOn2PgN8AWNQkfxfIPkh8pEg27t8UndMgfOpeGK/VWGw2UEifnA82flvntcilT4McxmVbRHkeBY9K5A== dependencies: "@babel/core" "^7.12.10" "@babel/generator" "^7.12.11" @@ -1679,20 +1684,20 @@ "@mdx-js/loader" "^1.6.22" "@mdx-js/mdx" "^1.6.22" "@mdx-js/react" "^1.6.22" - "@storybook/addons" "6.3.7" - "@storybook/api" "6.3.7" - "@storybook/builder-webpack4" "6.3.7" - "@storybook/client-api" "6.3.7" - "@storybook/client-logger" "6.3.7" - "@storybook/components" "6.3.7" - "@storybook/core" "6.3.7" - "@storybook/core-events" "6.3.7" + "@storybook/addons" "6.3.12" + "@storybook/api" "6.3.12" + "@storybook/builder-webpack4" "6.3.12" + "@storybook/client-api" "6.3.12" + "@storybook/client-logger" "6.3.12" + "@storybook/components" "6.3.12" + "@storybook/core" "6.3.12" + "@storybook/core-events" "6.3.12" "@storybook/csf" "0.0.1" - "@storybook/csf-tools" "6.3.7" - "@storybook/node-logger" "6.3.7" - "@storybook/postinstall" "6.3.7" - "@storybook/source-loader" "6.3.7" - "@storybook/theming" "6.3.7" + "@storybook/csf-tools" "6.3.12" + "@storybook/node-logger" "6.3.12" + "@storybook/postinstall" "6.3.12" + "@storybook/source-loader" "6.3.12" + "@storybook/theming" "6.3.12" acorn "^7.4.1" acorn-jsx "^5.3.1" acorn-walk "^7.2.0" @@ -1715,16 +1720,16 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/addon-links@^6.3.0": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.3.7.tgz#f273abba6d056794a4aa920b2fa9639136e6747f" - integrity sha512-/8Gq18o1DejP3Om0ZOJRkMzW5FoHqoAmR0pFx4DipmNu5lYy7V3krLw4jW4qja1MuQkZ53MGh08FJOoAc2RZvQ== +"@storybook/addon-links@^6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.3.12.tgz#72a38069913b4e9a19d6f4159bb4846ad560c400" + integrity sha512-NfOGEm0+QxIrAXCa05LOXmxLtI+RlcDqHXZ1jNNj8mjeRoG1nX3qhkB8PWWIBbPuz+bktLV9ox8UZj0W6+ZPOQ== dependencies: - "@storybook/addons" "6.3.7" - "@storybook/client-logger" "6.3.7" - "@storybook/core-events" "6.3.7" + "@storybook/addons" "6.3.12" + "@storybook/client-logger" "6.3.12" + "@storybook/core-events" "6.3.12" "@storybook/csf" "0.0.1" - "@storybook/router" "6.3.7" + "@storybook/router" "6.3.12" "@types/qs" "^6.9.5" core-js "^3.8.2" global "^4.4.0" @@ -1733,16 +1738,16 @@ regenerator-runtime "^0.13.7" ts-dedent "^2.0.0" -"@storybook/addon-storyshots@^6.3.0": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/addon-storyshots/-/addon-storyshots-6.3.7.tgz#0ef67e7799e725a4fb40b7d4fc1e549565dd1bda" - integrity sha512-kyOwbwaF53eeSU4t48BYSryDjpZSHSfNDLqiDZiFjdM0+yTd2G8x+o4vwx7am+Jws/oqedaDTzE0l19fug7HAw== +"@storybook/addon-storyshots@^6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/addon-storyshots/-/addon-storyshots-6.3.12.tgz#542bba23a6ad65a4a0b77427169f177e24f5c5f1" + integrity sha512-plpy/q3pPpXtK9DyofE0trTeCZIyU0Z+baybbxltsM/tKFuQxbHSxTwgluq/7LOMkaRPgbddGyHForHoRLjsWg== dependencies: "@jest/transform" "^26.6.2" - "@storybook/addons" "6.3.7" - "@storybook/client-api" "6.3.7" - "@storybook/core" "6.3.7" - "@storybook/core-common" "6.3.7" + "@storybook/addons" "6.3.12" + "@storybook/client-api" "6.3.12" + "@storybook/core" "6.3.12" + "@storybook/core-common" "6.3.12" "@types/glob" "^7.1.3" "@types/jest" "^26.0.16" "@types/jest-specific-snapshot" "^0.5.3" @@ -1758,34 +1763,34 @@ regenerator-runtime "^0.13.7" ts-dedent "^2.0.0" -"@storybook/addons@6.3.7", "@storybook/addons@^6.3.0": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.3.7.tgz#7c6b8d11b65f67b1884f6140437fe996dc39537a" - integrity sha512-9stVjTcc52bqqh7YQex/LpSjJ4e2Czm4/ZYDjIiNy0p4OZEx+yLhL5mZzMWh2NQd6vv+pHASBSxf2IeaR5511A== - dependencies: - "@storybook/api" "6.3.7" - "@storybook/channels" "6.3.7" - "@storybook/client-logger" "6.3.7" - "@storybook/core-events" "6.3.7" - "@storybook/router" "6.3.7" - "@storybook/theming" "6.3.7" +"@storybook/addons@6.3.12", "@storybook/addons@^6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.3.12.tgz#8773dcc113c5086dfff722388b7b65580e43b65b" + integrity sha512-UgoMyr7Qr0FS3ezt8u6hMEcHgyynQS9ucr5mAwZky3wpXRPFyUTmMto9r4BBUdqyUvTUj/LRKIcmLBfj+/l0Fg== + dependencies: + "@storybook/api" "6.3.12" + "@storybook/channels" "6.3.12" + "@storybook/client-logger" "6.3.12" + "@storybook/core-events" "6.3.12" + "@storybook/router" "6.3.12" + "@storybook/theming" "6.3.12" core-js "^3.8.2" global "^4.4.0" regenerator-runtime "^0.13.7" -"@storybook/api@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.3.7.tgz#88b8a51422cd0739c91bde0b1d65fb6d8a8485d0" - integrity sha512-57al8mxmE9agXZGo8syRQ8UhvGnDC9zkuwkBPXchESYYVkm3Mc54RTvdAOYDiy85VS4JxiGOywHayCaRwgUddQ== +"@storybook/api@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.3.12.tgz#2845c20464d5348d676d09665e8ab527825ed7b5" + integrity sha512-LScRXUeCWEW/OP+jiooNMQICVdusv7azTmULxtm72fhkXFRiQs2CdRNTiqNg46JLLC9z95f1W+pGK66X6HiiQA== dependencies: "@reach/router" "^1.3.4" - "@storybook/channels" "6.3.7" - "@storybook/client-logger" "6.3.7" - "@storybook/core-events" "6.3.7" + "@storybook/channels" "6.3.12" + "@storybook/client-logger" "6.3.12" + "@storybook/core-events" "6.3.12" "@storybook/csf" "0.0.1" - "@storybook/router" "6.3.7" + "@storybook/router" "6.3.12" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.7" + "@storybook/theming" "6.3.12" "@types/reach__router" "^1.3.7" core-js "^3.8.2" fast-deep-equal "^3.1.3" @@ -1799,10 +1804,10 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/builder-webpack4@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/builder-webpack4/-/builder-webpack4-6.3.7.tgz#1cc1a1184043be3f6ef840d0b43ba91a803105e2" - integrity sha512-M5envblMzAUrNqP1+ouKiL8iSIW/90+kBRU2QeWlZoZl1ib+fiFoKk06cgbaC70Bx1lU8nOnI/VBvB5pLhXLaw== +"@storybook/builder-webpack4@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/builder-webpack4/-/builder-webpack4-6.3.12.tgz#288d541e2801892721c975259476022da695dbfe" + integrity sha512-Dlm5Fc1svqpFDnVPZdAaEBiM/IDZHMV3RfEGbUTY/ZC0q8b/Ug1czzp/w0aTIjOFRuBDcG6IcplikaqHL8CJLg== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-proposal-class-properties" "^7.12.1" @@ -1825,20 +1830,20 @@ "@babel/preset-env" "^7.12.11" "@babel/preset-react" "^7.12.10" "@babel/preset-typescript" "^7.12.7" - "@storybook/addons" "6.3.7" - "@storybook/api" "6.3.7" - "@storybook/channel-postmessage" "6.3.7" - "@storybook/channels" "6.3.7" - "@storybook/client-api" "6.3.7" - "@storybook/client-logger" "6.3.7" - "@storybook/components" "6.3.7" - "@storybook/core-common" "6.3.7" - "@storybook/core-events" "6.3.7" - "@storybook/node-logger" "6.3.7" - "@storybook/router" "6.3.7" + "@storybook/addons" "6.3.12" + "@storybook/api" "6.3.12" + "@storybook/channel-postmessage" "6.3.12" + "@storybook/channels" "6.3.12" + "@storybook/client-api" "6.3.12" + "@storybook/client-logger" "6.3.12" + "@storybook/components" "6.3.12" + "@storybook/core-common" "6.3.12" + "@storybook/core-events" "6.3.12" + "@storybook/node-logger" "6.3.12" + "@storybook/router" "6.3.12" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.7" - "@storybook/ui" "6.3.7" + "@storybook/theming" "6.3.12" + "@storybook/ui" "6.3.12" "@types/node" "^14.0.10" "@types/webpack" "^4.41.26" autoprefixer "^9.8.6" @@ -1875,38 +1880,38 @@ webpack-hot-middleware "^2.25.0" webpack-virtual-modules "^0.2.2" -"@storybook/channel-postmessage@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.3.7.tgz#bd4edf84a29aa2cd4a22d26115c60194d289a840" - integrity sha512-Cmw8HRkeSF1yUFLfEIUIkUICyCXX8x5Ol/5QPbiW9HPE2hbZtYROCcg4bmWqdq59N0Tp9FQNSn+9ZygPgqQtNw== +"@storybook/channel-postmessage@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.3.12.tgz#3ff9412ac0f445e3b8b44dd414e783a5a47ff7c1" + integrity sha512-Ou/2Ga3JRTZ/4sSv7ikMgUgLTeZMsXXWLXuscz4oaYhmOqAU9CrJw0G1NitwBgK/+qC83lEFSLujHkWcoQDOKg== dependencies: - "@storybook/channels" "6.3.7" - "@storybook/client-logger" "6.3.7" - "@storybook/core-events" "6.3.7" + "@storybook/channels" "6.3.12" + "@storybook/client-logger" "6.3.12" + "@storybook/core-events" "6.3.12" core-js "^3.8.2" global "^4.4.0" qs "^6.10.0" telejson "^5.3.2" -"@storybook/channels@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.3.7.tgz#85ed5925522b802d959810f78d37aacde7fea66e" - integrity sha512-aErXO+SRO8MPp2wOkT2n9d0fby+8yM35tq1tI633B4eQsM74EykbXPv7EamrYPqp1AI4BdiloyEpr0hmr2zlvg== +"@storybook/channels@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.3.12.tgz#aa0d793895a8b211f0ad3459c61c1bcafd0093c7" + integrity sha512-l4sA+g1PdUV8YCbgs47fIKREdEQAKNdQIZw0b7BfTvY9t0x5yfBywgQhYON/lIeiNGz2OlIuD+VUtqYfCtNSyw== dependencies: core-js "^3.8.2" ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/client-api@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.3.7.tgz#cb1dca05467d777bd09aadbbdd1dd22ca537ce14" - integrity sha512-8wOH19cMIwIIYhZy5O5Wl8JT1QOL5kNuamp9GPmg5ff4DtnG+/uUslskRvsnKyjPvl+WbIlZtBVWBiawVdd/yQ== +"@storybook/client-api@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.3.12.tgz#a0c6d72a871d1cb02b4b98675472839061e39b5b" + integrity sha512-xnW+lKKK2T774z+rOr9Wopt1aYTStfb86PSs9p3Fpnc2Btcftln+C3NtiHZl8Ccqft8Mz/chLGgewRui6tNI8g== dependencies: - "@storybook/addons" "6.3.7" - "@storybook/channel-postmessage" "6.3.7" - "@storybook/channels" "6.3.7" - "@storybook/client-logger" "6.3.7" - "@storybook/core-events" "6.3.7" + "@storybook/addons" "6.3.12" + "@storybook/channel-postmessage" "6.3.12" + "@storybook/channels" "6.3.12" + "@storybook/client-logger" "6.3.12" + "@storybook/core-events" "6.3.12" "@storybook/csf" "0.0.1" "@types/qs" "^6.9.5" "@types/webpack-env" "^1.16.0" @@ -1921,23 +1926,23 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/client-logger@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.3.7.tgz#ff17b7494e7e9e23089b0d5c5364c371c726bdd1" - integrity sha512-BQRErHE3nIEuUJN/3S3dO1LzxAknOgrFeZLd4UVcH/fvjtS1F4EkhcbH+jNyUWvcWGv66PZYN0oFPEn/g3Savg== +"@storybook/client-logger@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.3.12.tgz#6585c98923b49fcb25dbceeeb96ef2a83e28e0f4" + integrity sha512-zNDsamZvHnuqLznDdP9dUeGgQ9TyFh4ray3t1VGO7ZqWVZ2xtVCCXjDvMnOXI2ifMpX5UsrOvshIPeE9fMBmiQ== dependencies: core-js "^3.8.2" global "^4.4.0" -"@storybook/components@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.3.7.tgz#42b1ca6d24e388e02eab82aa9ed3365db2266ecc" - integrity sha512-O7LIg9Z18G0AJqXX7Shcj0uHqwXlSA5UkHgaz9A7mqqqJNl6m6FwwTWcxR1acUfYVNkO+czgpqZHNrOF6rky1A== +"@storybook/components@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.3.12.tgz#0c7967c60354c84afa20dfab4753105e49b1927d" + integrity sha512-kdQt8toUjynYAxDLrJzuG7YSNL6as1wJoyzNUaCfG06YPhvIAlKo7le9tS2mThVFN5e9nbKrW3N1V1sp6ypZXQ== dependencies: "@popperjs/core" "^2.6.0" - "@storybook/client-logger" "6.3.7" + "@storybook/client-logger" "6.3.12" "@storybook/csf" "0.0.1" - "@storybook/theming" "6.3.7" + "@storybook/theming" "6.3.12" "@types/color-convert" "^2.0.0" "@types/overlayscrollbars" "^1.12.0" "@types/react-syntax-highlighter" "11.0.5" @@ -1959,18 +1964,18 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/core-client@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-6.3.7.tgz#cfb75952e0e1d32f2aca92bca2786334ab589c40" - integrity sha512-M/4A65yV+Y4lsCQXX4BtQO/i3BcMPrU5FkDG8qJd3dkcx2fUlFvGWqQPkcTZE+MPVvMEGl/AsEZSADzah9+dAg== +"@storybook/core-client@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-6.3.12.tgz#fd01bfbc69c331f4451973a4e7597624dc3737e5" + integrity sha512-8Smd9BgZHJpAdevLKQYinwtjSyCZAuBMoetP4P5hnn53mWl0NFbrHFaAdT+yNchDLZQUbf7Y18VmIqEH+RCR5w== dependencies: - "@storybook/addons" "6.3.7" - "@storybook/channel-postmessage" "6.3.7" - "@storybook/client-api" "6.3.7" - "@storybook/client-logger" "6.3.7" - "@storybook/core-events" "6.3.7" + "@storybook/addons" "6.3.12" + "@storybook/channel-postmessage" "6.3.12" + "@storybook/client-api" "6.3.12" + "@storybook/client-logger" "6.3.12" + "@storybook/core-events" "6.3.12" "@storybook/csf" "0.0.1" - "@storybook/ui" "6.3.7" + "@storybook/ui" "6.3.12" airbnb-js-shims "^2.2.1" ansi-to-html "^0.6.11" core-js "^3.8.2" @@ -1982,10 +1987,10 @@ unfetch "^4.2.0" util-deprecate "^1.0.2" -"@storybook/core-common@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-6.3.7.tgz#9eedf3ff16aff870950e3372ab71ef846fa3ac52" - integrity sha512-exLoqRPPsAefwyjbsQBLNFrlPCcv69Q/pclqmIm7FqAPR7f3CKP1rqsHY0PnemizTL/+cLX5S7mY90gI6wpNug== +"@storybook/core-common@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-6.3.12.tgz#95ce953d7efda44394b159322d6a2280c202f21c" + integrity sha512-xlHs2QXELq/moB4MuXjYOczaxU64BIseHsnFBLyboJYN6Yso3qihW5RB7cuJlGohkjb4JwY74dvfT4Ww66rkBA== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-proposal-class-properties" "^7.12.1" @@ -2008,7 +2013,7 @@ "@babel/preset-react" "^7.12.10" "@babel/preset-typescript" "^7.12.7" "@babel/register" "^7.12.1" - "@storybook/node-logger" "6.3.7" + "@storybook/node-logger" "6.3.12" "@storybook/semver" "^7.3.2" "@types/glob-base" "^0.3.0" "@types/micromatch" "^4.0.1" @@ -2036,24 +2041,25 @@ util-deprecate "^1.0.2" webpack "4" -"@storybook/core-events@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.3.7.tgz#c5bc7cae7dc295de73b6b9f671ecbe582582e9bd" - integrity sha512-l5Hlhe+C/dqxjobemZ6DWBhTOhQoFF3F1Y4kjFGE7pGZl/mas4M72I5I/FUcYCmbk2fbLfZX8hzKkUqS1hdyLA== +"@storybook/core-events@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.3.12.tgz#73f6271d485ef2576234e578bb07705b92805290" + integrity sha512-SXfD7xUUMazaeFkB92qOTUV8Y/RghE4SkEYe5slAdjeocSaH7Nz2WV0rqNEgChg0AQc+JUI66no8L9g0+lw4Gw== dependencies: core-js "^3.8.2" -"@storybook/core-server@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-6.3.7.tgz#6f29ad720aafe4a97247b5e306eac4174d0931f2" - integrity sha512-m5OPD/rmZA7KFewkXzXD46/i1ngUoFO4LWOiAY/wR6RQGjYXGMhSa5UYFF6MNwSbiGS5YieHkR5crB1HP47AhQ== - dependencies: - "@storybook/builder-webpack4" "6.3.7" - "@storybook/core-client" "6.3.7" - "@storybook/core-common" "6.3.7" - "@storybook/csf-tools" "6.3.7" - "@storybook/manager-webpack4" "6.3.7" - "@storybook/node-logger" "6.3.7" +"@storybook/core-server@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-6.3.12.tgz#d906f823b263d78a4b087be98810b74191d263cd" + integrity sha512-T/Mdyi1FVkUycdyOnhXvoo3d9nYXLQFkmaJkltxBFLzAePAJUSgAsPL9odNC3+p8Nr2/UDsDzvu/Ow0IF0mzLQ== + dependencies: + "@discoveryjs/json-ext" "^0.5.3" + "@storybook/builder-webpack4" "6.3.12" + "@storybook/core-client" "6.3.12" + "@storybook/core-common" "6.3.12" + "@storybook/csf-tools" "6.3.12" + "@storybook/manager-webpack4" "6.3.12" + "@storybook/node-logger" "6.3.12" "@storybook/semver" "^7.3.2" "@types/node" "^14.0.10" "@types/node-fetch" "^2.5.7" @@ -2082,18 +2088,18 @@ util-deprecate "^1.0.2" webpack "4" -"@storybook/core@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.3.7.tgz#482228a270abc3e23fed10c7bc4df674da22ca19" - integrity sha512-YTVLPXqgyBg7TALNxQ+cd+GtCm/NFjxr/qQ1mss1T9GCMR0IjE0d0trgOVHHLAO8jCVlK8DeuqZCCgZFTXulRw== +"@storybook/core@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.3.12.tgz#eb945f7ed5c9039493318bcd2bb5a3a897b91cfd" + integrity sha512-FJm2ns8wk85hXWKslLWiUWRWwS9KWRq7jlkN6M9p57ghFseSGr4W71Orcoab4P3M7jI97l5yqBfppbscinE74g== dependencies: - "@storybook/core-client" "6.3.7" - "@storybook/core-server" "6.3.7" + "@storybook/core-client" "6.3.12" + "@storybook/core-server" "6.3.12" -"@storybook/csf-tools@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-6.3.7.tgz#505514d211f8698c47ddb15662442098b4b00156" - integrity sha512-A7yGsrYwh+vwVpmG8dHpEimX021RbZd9VzoREcILH56u8atssdh/rseljyWlRes3Sr4QgtLvDB7ggoJ+XDZH7w== +"@storybook/csf-tools@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-6.3.12.tgz#d979c6a79d1e9d6c8b5a5e8834d07fcf5b793844" + integrity sha512-wNrX+99ajAXxLo0iRwrqw65MLvCV6SFC0XoPLYrtBvyKr+hXOOnzIhO2f5BNEii8velpC2gl2gcLKeacpVYLqA== dependencies: "@babel/generator" "^7.12.11" "@babel/parser" "^7.12.11" @@ -2117,20 +2123,20 @@ dependencies: lodash "^4.17.15" -"@storybook/manager-webpack4@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/manager-webpack4/-/manager-webpack4-6.3.7.tgz#9ca604dea38d3c47eb38bf485ca6107861280aa8" - integrity sha512-cwUdO3oklEtx6y+ZOl2zHvflICK85emiXBQGgRcCsnwWQRBZOMh+tCgOSZj4jmISVpT52RtT9woG4jKe15KBig== +"@storybook/manager-webpack4@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/manager-webpack4/-/manager-webpack4-6.3.12.tgz#1c10a60b0acec3f9136dd8b7f22a25469d8b91e5" + integrity sha512-OkPYNrHXg2yZfKmEfTokP6iKx4OLTr0gdI5yehi/bLEuQCSHeruxBc70Dxm1GBk1Mrf821wD9WqMXNDjY5Qtug== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-transform-template-literals" "^7.12.1" "@babel/preset-react" "^7.12.10" - "@storybook/addons" "6.3.7" - "@storybook/core-client" "6.3.7" - "@storybook/core-common" "6.3.7" - "@storybook/node-logger" "6.3.7" - "@storybook/theming" "6.3.7" - "@storybook/ui" "6.3.7" + "@storybook/addons" "6.3.12" + "@storybook/core-client" "6.3.12" + "@storybook/core-common" "6.3.12" + "@storybook/node-logger" "6.3.12" + "@storybook/theming" "6.3.12" + "@storybook/ui" "6.3.12" "@types/node" "^14.0.10" "@types/webpack" "^4.41.26" babel-loader "^8.2.2" @@ -2160,10 +2166,10 @@ webpack-dev-middleware "^3.7.3" webpack-virtual-modules "^0.2.2" -"@storybook/node-logger@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.3.7.tgz#492469ea4749de8d984af144976961589a1ac382" - integrity sha512-YXHCblruRe6HcNefDOpuXJoaybHnnSryIVP9Z+gDv6OgLAMkyxccTIaQL9dbc/eI4ywgzAz4kD8t1RfVwXNVXw== +"@storybook/node-logger@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.3.12.tgz#a67cfbe266d2692f317914ef583721627498df19" + integrity sha512-iktOem/Ls2+dsZY9PhPeC6T1QhX/y7OInP88neLsqEPEbB2UXca3Ydv7OZBhBVbvN25W45b05MRzbtNUxYLNRw== dependencies: "@types/npmlog" "^4.1.2" chalk "^4.1.0" @@ -2171,10 +2177,10 @@ npmlog "^4.1.2" pretty-hrtime "^1.0.3" -"@storybook/postinstall@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.3.7.tgz#7d90c06131382a3cf1550a1f2c70df13b220d9d3" - integrity sha512-HgTj7WdWo2cXrGfEhi5XYZA+G4vIzECtJHK22GEL9QxJth60Ah/dE94VqpTlyhSpzP74ZFUgr92+pP9o+j3CCw== +"@storybook/postinstall@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.3.12.tgz#ed98caff76d8c1a1733ec630565ef4162b274614" + integrity sha512-HkZ+abtZ3W6JbGPS6K7OSnNXbwaTwNNd5R02kRs4gV9B29XsBPDtFT6vIwzM3tmVQC7ihL5a8ceWp2OvzaNOuw== dependencies: core-js "^3.8.2" @@ -2191,18 +2197,18 @@ react-docgen-typescript "^2.0.0" tslib "^2.0.0" -"@storybook/react@^6.3.0": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.3.7.tgz#b15259aeb4cdeef99cc7f09d21db42e3ecd7a01a" - integrity sha512-4S0iCQIzgi6PdAtV2sYw4uL57yIwbMInNFSux9CxPnVdlxOxCJ+U8IgTxD4tjkTvR4boYSEvEle46ns/bwg5iQ== +"@storybook/react@^6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.3.12.tgz#2e172cbfc06f656d2890743dcf49741a10fa1629" + integrity sha512-c1Y/3/eNzye+ZRwQ3BXJux6pUMVt3lhv1/M9Qagl9JItP3jDSj5Ed3JHCgwEqpprP8mvNNXwEJ8+M7vEQyDuHg== dependencies: "@babel/preset-flow" "^7.12.1" "@babel/preset-react" "^7.12.10" "@pmmmwh/react-refresh-webpack-plugin" "^0.4.3" - "@storybook/addons" "6.3.7" - "@storybook/core" "6.3.7" - "@storybook/core-common" "6.3.7" - "@storybook/node-logger" "6.3.7" + "@storybook/addons" "6.3.12" + "@storybook/core" "6.3.12" + "@storybook/core-common" "6.3.12" + "@storybook/node-logger" "6.3.12" "@storybook/react-docgen-typescript-plugin" "1.0.2-canary.253f8c1.0" "@storybook/semver" "^7.3.2" "@types/webpack-env" "^1.16.0" @@ -2220,13 +2226,13 @@ ts-dedent "^2.0.0" webpack "4" -"@storybook/router@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.3.7.tgz#1714a99a58a7b9f08b6fcfe2b678dad6ca896736" - integrity sha512-6tthN8op7H0NoYoE1SkQFJKC42pC4tGaoPn7kEql8XGeUJnxPtVFjrnywlTrRnKuxZKIvbilQBAwDml97XH23Q== +"@storybook/router@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.3.12.tgz#0d572ec795f588ca886f39cb9b27b94ff3683f84" + integrity sha512-G/pNGCnrJRetCwyEZulHPT+YOcqEj/vkPVDTUfii2qgqukup6K0cjwgd7IukAURnAnnzTi1gmgFuEKUi8GE/KA== dependencies: "@reach/router" "^1.3.4" - "@storybook/client-logger" "6.3.7" + "@storybook/client-logger" "6.3.12" "@types/reach__router" "^1.3.7" core-js "^3.8.2" fast-deep-equal "^3.1.3" @@ -2244,13 +2250,13 @@ core-js "^3.6.5" find-up "^4.1.0" -"@storybook/source-loader@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-6.3.7.tgz#cc348305df3c2d8d716c0bab7830c9f537b859ff" - integrity sha512-0xQTq90jwx7W7MJn/idEBCGPOyxi/3No5j+5YdfJsSGJRuMFH3jt6pGgdeZ4XA01cmmIX6bZ+fB9al6yAzs91w== +"@storybook/source-loader@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-6.3.12.tgz#86e72824c04ad0eaa89b807857bd845db97e57bd" + integrity sha512-Lfe0LOJGqAJYkZsCL8fhuQOeFSCgv8xwQCt4dkcBd0Rw5zT2xv0IXDOiIOXGaWBMDtrJUZt/qOXPEPlL81Oaqg== dependencies: - "@storybook/addons" "6.3.7" - "@storybook/client-logger" "6.3.7" + "@storybook/addons" "6.3.12" + "@storybook/client-logger" "6.3.12" "@storybook/csf" "0.0.1" core-js "^3.8.2" estraverse "^5.2.0" @@ -2260,15 +2266,15 @@ prettier "~2.2.1" regenerator-runtime "^0.13.7" -"@storybook/theming@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.3.7.tgz#6daf9a21b26ed607f3c28a82acd90c0248e76d8b" - integrity sha512-GXBdw18JJd5jLLcRonAZWvGGdwEXByxF1IFNDSOYCcpHWsMgTk4XoLjceu9MpXET04pVX51LbVPLCvMdggoohg== +"@storybook/theming@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.3.12.tgz#5bddf9bd90a60709b5ab238ecdb7d9055dd7862e" + integrity sha512-wOJdTEa/VFyFB2UyoqyYGaZdym6EN7RALuQOAMT6zHA282FBmKw8nL5DETHEbctpnHdcrMC/391teK4nNSrdOA== dependencies: "@emotion/core" "^10.1.1" "@emotion/is-prop-valid" "^0.8.6" "@emotion/styled" "^10.0.27" - "@storybook/client-logger" "6.3.7" + "@storybook/client-logger" "6.3.12" core-js "^3.8.2" deep-object-diff "^1.1.0" emotion-theming "^10.0.27" @@ -2278,21 +2284,21 @@ resolve-from "^5.0.0" ts-dedent "^2.0.0" -"@storybook/ui@6.3.7": - version "6.3.7" - resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.3.7.tgz#d0caea50640670da3189bbbb67c43da30c90455a" - integrity sha512-PBeRO8qtwAbtHvxUgNtz/ChUR6qnN+R37dMaIs3Y96jbks1fS2K9Mt7W5s1HnUbWbg2KsZMv9D4VYPBasY+Isw== +"@storybook/ui@6.3.12": + version "6.3.12" + resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.3.12.tgz#349e1a4c58c4fd18ea65b2ab56269a7c3a164ee7" + integrity sha512-PC2yEz4JMfarq7rUFbeA3hCA+31p5es7YPEtxLRvRwIZhtL0P4zQUfHpotb3KgWdoAIfZesAuoIQwMPQmEFYrw== dependencies: "@emotion/core" "^10.1.1" - "@storybook/addons" "6.3.7" - "@storybook/api" "6.3.7" - "@storybook/channels" "6.3.7" - "@storybook/client-logger" "6.3.7" - "@storybook/components" "6.3.7" - "@storybook/core-events" "6.3.7" - "@storybook/router" "6.3.7" + "@storybook/addons" "6.3.12" + "@storybook/api" "6.3.12" + "@storybook/channels" "6.3.12" + "@storybook/client-logger" "6.3.12" + "@storybook/components" "6.3.12" + "@storybook/core-events" "6.3.12" + "@storybook/router" "6.3.12" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.7" + "@storybook/theming" "6.3.12" "@types/markdown-to-jsx" "^6.11.3" copy-to-clipboard "^3.3.1" core-js "^3.8.2"