and external markdown 1`] = `
className="hljs"
>
and external markdown 1`] = `
`;
exports[`addon Info should render and markdown 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
children
|
node
|
yes
|
-
|
|
isAmazing
|
bool
|
-
|
false
|
|
age
|
other
|
-
|
{
@@ -478,38 +377,38 @@ exports[`Storyshots Button with new info 1`] = `
|
|
title
|
string
|
-
|
the best container ever
|
|
diff --git a/examples/cra-kitchen-sink/src/storyshots.test.js b/examples/cra-kitchen-sink/src/storyshots.test.js
index 00b2b446903..6b780d80bf0 100644
--- a/examples/cra-kitchen-sink/src/storyshots.test.js
+++ b/examples/cra-kitchen-sink/src/storyshots.test.js
@@ -1,5 +1,4 @@
import initStoryshots, { multiSnapshotWithOptions } from '@storybook/addon-storyshots';
-import { createSerializer as emotionCreateSerializer } from 'jest-emotion';
import path from 'path';
import { render as renderer, configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
@@ -14,5 +13,5 @@ initStoryshots({
test: multiSnapshotWithOptions({
renderer,
}),
- snapshotSerializers: [createSerializer(), emotionCreateSerializer()],
+ snapshotSerializers: [createSerializer()],
});
diff --git a/examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot
index 1e5a124ab61..9a9a0acf432 100644
--- a/examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/addon-actions.stories.storyshot
@@ -2,663 +2,103 @@
exports[`Storyshots Addons|Actions All types 1`] = `
Array [
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
@@ -666,216 +106,48 @@ Array [
`;
exports[`Storyshots Addons|Actions Basic example 1`] = `
-.emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
`;
exports[`Storyshots Addons|Actions Circular Payload 1`] = `
-.emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
`;
exports[`Storyshots Addons|Actions Decorated action + config 1`] = `
-.emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
`;
exports[`Storyshots Addons|Actions Decorated action 1`] = `
-.emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
`;
exports[`Storyshots Addons|Actions Decorated actions + config 1`] = `
-.emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
`;
exports[`Storyshots Addons|Actions Decorated actions 1`] = `
-.emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
@@ -883,69 +155,13 @@ exports[`Storyshots Addons|Actions Decorated actions 1`] = `
exports[`Storyshots Addons|Actions Limit Action Output 1`] = `
Array [
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
@@ -953,144 +169,32 @@ Array [
`;
exports[`Storyshots Addons|Actions Multiple actions + config 1`] = `
-.emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
`;
exports[`Storyshots Addons|Actions Multiple actions 1`] = `
-.emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
`;
exports[`Storyshots Addons|Actions Multiple actions as object 1`] = `
-.emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
`;
exports[`Storyshots Addons|Actions Multiple actions, object + config 1`] = `
-.emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
@@ -1101,36 +205,8 @@ Array [
Moving away from this story will persist the action logger
,
- .emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
-,
@@ -1138,108 +214,24 @@ Array [
`;
exports[`Storyshots Addons|Actions Reserved keyword as name 1`] = `
-.emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
`;
exports[`Storyshots Addons|Actions configureActionsDepth 1`] = `
-.emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
`;
exports[`Storyshots Addons|Actions.deprecated Decorated Action 1`] = `
-.emotion-0 {
- padding: 0 10px;
- color: #444;
- background: rgba(0,0,0,0.1);
- border-radius: 4px;
- -webkit-transition: border-bottom-color .3s linear;
- transition: border-bottom-color .3s linear;
- border: 0 solid transparent;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- box-sizing: border-box;
- position: relative;
- display: inline;
- text-align: left;
- cursor: pointer;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- min-height: 32px;
- box-sizing: border-box;
-}
-
-.emotion-0:focus {
- outline: 0 none;
- border-bottom-color: #9fdaff;
-}
-
diff --git a/examples/official-storybook/stories/__snapshots__/addon-events.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-events.stories.storyshot
index eb2b3abf049..2d1c3b89623 100644
--- a/examples/official-storybook/stories/__snapshots__/addon-events.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/addon-events.stories.storyshot
@@ -1,19 +1,11 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots Addons|Events Logger 1`] = `
-.emotion-2 {
- padding: 20px;
-}
-
-.emotion-0 {
- margin: 0;
-}
-
Logger
@@ -22,19 +14,11 @@ exports[`Storyshots Addons|Events Logger 1`] = `
`;
exports[`Storyshots Addons|Events.deprecated Logger 1`] = `
-.emotion-2 {
- padding: 20px;
-}
-
-.emotion-0 {
- margin: 0;
-}
-
Logger
diff --git a/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot
index 4135c0fa3d5..e5f8156ece4 100644
--- a/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot
@@ -1,254 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots Addons|Info/Decorator Use Info as story decorator 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -557,254 +309,6 @@ exports[`Storyshots Addons|Info/Decorator Use Info as story decorator 1`] = `
`;
exports[`Storyshots Addons|Info/ForwardRef Displays forwarded ref components correctly 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -1099,188 +603,6 @@ exports[`Storyshots Addons|Info/ForwardRef Displays forwarded ref components cor
`;
exports[`Storyshots Addons|Info/GitHub issues #1814 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -2117,254 +1191,6 @@ exports[`Storyshots Addons|Info/JSX Displays JSX in description 1`] = `
`;
exports[`Storyshots Addons|Info/Markdown Displays Markdown in description 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -2753,254 +1579,6 @@ exports[`Storyshots Addons|Info/Markdown Displays Markdown in description 1`] =
`;
exports[`Storyshots Addons|Info/Markdown From external Markdown file 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -3369,254 +1947,6 @@ exports[`Storyshots Addons|Info/Markdown From external Markdown file 1`] = `
`;
exports[`Storyshots Addons|Info/Markdown From internal Markdown file 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -3997,188 +2327,6 @@ exports[`Storyshots Addons|Info/Markdown From internal Markdown file 1`] = `
`;
exports[`Storyshots Addons|Info/Options.TableComponent Use a custom component for the table 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -4905,254 +2805,6 @@ exports[`Storyshots Addons|Info/Options.excludedPropTypes Excludes propTypes tha
`;
exports[`Storyshots Addons|Info/Options.header Shows or hides Info Addon header 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -5447,254 +3099,6 @@ exports[`Storyshots Addons|Info/Options.header Shows or hides Info Addon header
`;
exports[`Storyshots Addons|Info/Options.inline Inlines component inside story 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -5990,254 +3394,6 @@ exports[`Storyshots Addons|Info/Options.inline Inlines component inside story 1`
`;
exports[`Storyshots Addons|Info/Options.propTables Shows additional component prop tables 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -6545,102 +3701,102 @@ exports[`Storyshots Addons|Info/Options.propTables Shows additional component pr
"FlowTypeButton" Component
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
unknown
|
-
|
false
|
|
onClick
|
unknown
|
-
|
onClick
|
|
@@ -6654,72 +3810,6 @@ exports[`Storyshots Addons|Info/Options.propTables Shows additional component pr
`;
exports[`Storyshots Addons|Info/Options.source Shows or hides Info Addon source 1`] = `
-.emotion-62 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-10 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-0 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-60 {
- font-size: 14px;
-}
-
-.emotion-22 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-12 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-14 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-14 button {
- color: #37d5d3;
-}
-
-.emotion-14 span {
- white-space: pre;
-}
-
-.emotion-16 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -6957,254 +4047,6 @@ exports[`Storyshots Addons|Info/Options.source Shows or hides Info Addon source
`;
exports[`Storyshots Addons|Info/Options.styles Extend info styles with an object 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -7504,254 +4346,6 @@ exports[`Storyshots Addons|Info/Options.styles Extend info styles with an object
`;
exports[`Storyshots Addons|Info/Options.styles Full control over styles using a function 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -8059,254 +4653,6 @@ exports[`Storyshots Addons|Info/Parameters Disable the addon entirely 1`] = `
`;
exports[`Storyshots Addons|Info/Parameters Overwrite the parameters with markdown variable 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -8695,254 +5041,6 @@ exports[`Storyshots Addons|Info/Parameters Overwrite the parameters with markdow
`;
exports[`Storyshots Addons|Info/Parameters Overwrite the text parameter with markdown inline 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-58 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-56 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -9269,254 +5367,6 @@ exports[`Storyshots Addons|Info/Parameters Overwrite the text parameter with mar
`;
exports[`Storyshots Addons|Info/Parameters Overwriting and extending the parameters and options set stories-wise 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-58 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-56 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -9783,254 +5633,6 @@ exports[`Storyshots Addons|Info/Parameters Overwriting and extending the paramet
`;
exports[`Storyshots Addons|Info/Parameters Using paramaters across all stories 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -10326,254 +5928,6 @@ exports[`Storyshots Addons|Info/Parameters Using paramaters across all stories 1
`;
exports[`Storyshots Addons|Info/React Docgen Comments from Flow declarations 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-46 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-44 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
unknown
|
-
|
false
|
|
onClick
|
unknown
|
-
|
onClick
|
|
@@ -10882,254 +6236,6 @@ exports[`Storyshots Addons|Info/React Docgen Comments from Flow declarations 1`]
`;
exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-178 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-176 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
one
|
other
|
-
|
{
@@ -11736,31 +6842,31 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
|
|
two
|
other
|
-
|
{
@@ -11807,31 +6913,31 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
|
|
obj
|
object
|
-
|
{
@@ -11848,31 +6954,31 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
|
|
shape
|
other
|
-
|
{
@@ -11933,31 +7039,31 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
|
|
arrayOf
|
other
|
-
|
[
@@ -11982,162 +7088,162 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
|
|
msg
|
other
|
-
|
{}
|
|
enm
|
other
|
-
|
News
|
|
enmEval
|
other
|
-
|
Photos
|
|
union
|
other
|
-
|
hello
|
|
optionalString
|
string
|
-
|
Default String
|
|
@@ -12151,254 +7257,6 @@ exports[`Storyshots Addons|Info/React Docgen Comments from PropType declarations
`;
exports[`Storyshots Addons|Info/React Docgen Comments from component declaration 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -12767,254 +7625,6 @@ exports[`Storyshots Addons|Info/React Docgen Comments from component declaration
`;
exports[`Storyshots Addons|Info/React Docgen Comments from named export component declaration 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -13383,254 +7993,6 @@ exports[`Storyshots Addons|Info/React Docgen Comments from named export componen
`;
exports[`Storyshots Addons|Info/Story Source Array prop 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-34 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-32 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
propDefinitions
|
other
|
-
|
[]
|
|
@@ -14414,254 +8776,6 @@ exports[`Storyshots Addons|Info/Story Source Array prop 1`] = `
`;
exports[`Storyshots Addons|Info/Story Source Children 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-
Property
|
Type
|
Required
|
Default
|
Description
|
disabled
|
bool
|
-
|
false
|
|
label
|
string
|
yes
|
-
|
|
onClick
|
func
|
-
|
onClick
|
|
style
|
other
|
-
|
{}
|
|
@@ -15089,254 +9203,6 @@ onClick
`;
exports[`Storyshots Addons|Info/Story Source Many props 1`] = `
-.emotion-6 {
- position: relative;
- overflow: hidden;
-}
-
-.emotion-4 {
- position: relative;
- overflow: auto;
-}
-
-.emotion-4 code {
- padding-right: 10px;
- opacity: 0.7;
-}
-
-.emotion-4 * .token {
- font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
- -webkit-font-smoothing: antialiased;
-}
-
-.emotion-4 * .token.comment {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.prolog {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.doctype {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.cdata {
- color: #008000;
- font-style: italic;
-}
-
-.emotion-4 * .token.string {
- color: #A31515;
-}
-
-.emotion-4 * .token.punctuation {
- color: #393A34;
-}
-
-.emotion-4 * .token.operator {
- color: #393A34;
-}
-
-.emotion-4 * .token.url {
- color: #36acaa;
-}
-
-.emotion-4 * .token.symbol {
- color: #36acaa;
-}
-
-.emotion-4 * .token.number {
- color: #36acaa;
-}
-
-.emotion-4 * .token.boolean {
- color: #36acaa;
-}
-
-.emotion-4 * .token.variable {
- color: #36acaa;
-}
-
-.emotion-4 * .token.constant {
- color: #36acaa;
-}
-
-.emotion-4 * .token.inserted {
- color: #36acaa;
-}
-
-.emotion-4 * .token.atrule {
- color: #0000ff;
-}
-
-.emotion-4 * .token.keyword {
- color: #0000ff;
-}
-
-.emotion-4 * .token.attr-value {
- color: #0000ff;
-}
-
-.emotion-4 * .token.function {
- color: #393A34;
-}
-
-.emotion-4 * .token.deleted {
- color: #9a050f;
-}
-
-.emotion-4 * .token.important {
- font-weight: bold;
-}
-
-.emotion-4 * .token.bold {
- font-weight: bold;
-}
-
-.emotion-4 * .token.italic {
- font-style: italic;
-}
-
-.emotion-4 * .token.class-name {
- color: #2B91AF;
-}
-
-.emotion-4 * .token.tag {
- color: #800000;
-}
-
-.emotion-4 * .token.selector {
- color: #800000;
-}
-
-.emotion-4 * .token.attr-name {
- color: #ff0000;
-}
-
-.emotion-4 * .token.property {
- color: #ff0000;
-}
-
-.emotion-4 * .token.regex {
- color: #ff0000;
-}
-
-.emotion-4 * .token.entity {
- color: #ff0000;
-}
-
-.emotion-4 * .token.directive.tag .tag {
- background: #ffff00;
- color: #393A34;
-}
-
-.emotion-4 * .language-json .token.boolean {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.number {
- color: #0000ff;
-}
-
-.emotion-4 * .language-json .token.property {
- color: #2B91AF;
-}
-
-.emotion-4 * .namespace {
- opacity: 0.7;
-}
-
-.emotion-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- margin: 0;
- padding: 0;
-}
-
-.emotion-0 {
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- padding-right: 0;
- opacity: 1;
-}
-
-.emotion-70 {
- border-collapse: collapse;
- margin-top: 16px;
- width: auto;
- table-layout: auto;
-}
-
-.emotion-18 {
- border-bottom: 1px solid rgba(0,0,0,0.1);
-}
-
-.emotion-8 {
- padding: 2px 6px;
- line-height: 18px;
- vertical-align: middle;
- padding: 8px 16px;
-}
-
-.emotion-68 {
- font-size: 14px;
-}
-
-.emotion-30 {
- border-bottom: 1px solid #eee;
-}
-
-.emotion-20 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #774dd7;
-}
-
-.emotion-22 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
- color: #1ea7fd;
-}
-
-.emotion-22 button {
- color: #37d5d3;
-}
-
-.emotion-22 span {
- white-space: pre;
-}
-
-.emotion-24 {
- padding: 2px 6px;
- white-space: nowrap;
- font-family: Monaco,Consolas,"Courier New",monospace;
- text-align: left;
- padding: 8px 16px;
-}
-
-.emotion-28 {
- padding: 2px 6px;
- text-align: left;
- padding: 8px 16px;
-}
-