mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 07:21:16 +08:00
Merge pull request #5650 from storybooks/v5-style-qa
Styling bug fixes, story updates, and more QA
This commit is contained in:
Michael Shilman
Michael Shilman
parent
08441a50d6
commit
ba8142f13c
@ -6,10 +6,10 @@ import { Form } from '@storybook/components';
|
|||||||
const FlexSpaced = styled.div({
|
const FlexSpaced = styled.div({
|
||||||
flex: 1,
|
flex: 1,
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
'& > *': {
|
'&& > *': {
|
||||||
marginLeft: 10,
|
marginLeft: 10,
|
||||||
},
|
},
|
||||||
'& > *:first-child': {
|
'&& > *:first-of-type': {
|
||||||
marginLeft: 0,
|
marginLeft: 0,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,21 +1,8 @@
|
|||||||
import React, { Fragment } from 'react';
|
import React from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import { styled, css } from '@storybook/theming';
|
import { styled, css } from '@storybook/theming';
|
||||||
import { darken, lighten, rgba, transparentize } from 'polished';
|
import { darken, lighten, rgba, transparentize } from 'polished';
|
||||||
|
|
||||||
const Text = styled.span`
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: top;
|
|
||||||
`;
|
|
||||||
|
|
||||||
const Loading = styled.span`
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
opacity: 0;
|
|
||||||
`;
|
|
||||||
|
|
||||||
const ButtonWrapper = styled.button`
|
const ButtonWrapper = styled.button`
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 3em;
|
border-radius: 3em;
|
||||||
@ -77,7 +64,7 @@ const ButtonWrapper = styled.button`
|
|||||||
|
|
||||||
${props.small &&
|
${props.small &&
|
||||||
css`
|
css`
|
||||||
padding: 7px;
|
padding: 9px;
|
||||||
`}
|
`}
|
||||||
|
|
||||||
${!props.small &&
|
${!props.small &&
|
||||||
@ -233,45 +220,19 @@ const ButtonWrapper = styled.button`
|
|||||||
|
|
||||||
const ButtonLink = ButtonWrapper.withComponent('a');
|
const ButtonLink = ButtonWrapper.withComponent('a');
|
||||||
|
|
||||||
function Button({ loading, loadingText, isLink, children, ...props }) {
|
function Button({ isLink, children, ...props }) {
|
||||||
let buttonInner = children;
|
|
||||||
if (loading) {
|
|
||||||
buttonInner = (
|
|
||||||
<Fragment>
|
|
||||||
<Text>{children}</Text>
|
|
||||||
{loading && (
|
|
||||||
<Loading role="progressbar" aria-busy="true">
|
|
||||||
{loadingText || 'Loading...'}
|
|
||||||
</Loading>
|
|
||||||
)}
|
|
||||||
</Fragment>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isLink) {
|
if (isLink) {
|
||||||
return (
|
return <ButtonLink {...props}>{children}</ButtonLink>;
|
||||||
<ButtonLink loading={loading} {...props}>
|
|
||||||
{buttonInner}
|
|
||||||
</ButtonLink>
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
return (
|
return <ButtonWrapper {...props}>{children}</ButtonWrapper>;
|
||||||
<ButtonWrapper loading={loading} {...props}>
|
|
||||||
{buttonInner}
|
|
||||||
</ButtonWrapper>
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Button.propTypes = {
|
Button.propTypes = {
|
||||||
loading: PropTypes.bool,
|
|
||||||
loadingText: PropTypes.node,
|
|
||||||
isLink: PropTypes.bool,
|
isLink: PropTypes.bool,
|
||||||
children: PropTypes.node.isRequired,
|
children: PropTypes.node.isRequired,
|
||||||
};
|
};
|
||||||
|
|
||||||
Button.defaultProps = {
|
Button.defaultProps = {
|
||||||
loading: false,
|
|
||||||
loadingText: null,
|
|
||||||
isLink: false,
|
isLink: false,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -9,10 +9,16 @@ const { Button: FormButton } = Form;
|
|||||||
|
|
||||||
storiesOf('Basics|Button', module).add('all buttons', () => (
|
storiesOf('Basics|Button', module).add('all buttons', () => (
|
||||||
<div>
|
<div>
|
||||||
|
<p>Button that is used for forms</p>
|
||||||
|
<FormButton>Form.Button</FormButton>
|
||||||
|
<br />
|
||||||
|
<p>Buttons that are used for everything else</p>
|
||||||
<Button primary>Primary</Button>
|
<Button primary>Primary</Button>
|
||||||
<Button secondary>Secondary</Button>
|
<Button secondary>Secondary</Button>
|
||||||
<Button tertiary>Tertiary</Button>
|
<Button outline containsIcon>
|
||||||
<FormButton>FormButton copies teriary w/o hover translate</FormButton>
|
<Icon icon="link" />
|
||||||
|
</Button>
|
||||||
|
<br />
|
||||||
<Button outline>Outline</Button>
|
<Button outline>Outline</Button>
|
||||||
<Button outline primary>
|
<Button outline primary>
|
||||||
Outline primary
|
Outline primary
|
||||||
@ -30,9 +36,6 @@ storiesOf('Basics|Button', module).add('all buttons', () => (
|
|||||||
<Button secondary small>
|
<Button secondary small>
|
||||||
Secondary
|
Secondary
|
||||||
</Button>
|
</Button>
|
||||||
<Button tertiary small>
|
|
||||||
Tertiary
|
|
||||||
</Button>
|
|
||||||
<Button outline small>
|
<Button outline small>
|
||||||
Outline
|
Outline
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -5,15 +5,9 @@ import { styled } from '@storybook/theming';
|
|||||||
const Side = styled.div(
|
const Side = styled.div(
|
||||||
{
|
{
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
|
flexBasis: 'auto',
|
||||||
|
flexShrink: 0,
|
||||||
},
|
},
|
||||||
({ right }) =>
|
|
||||||
right
|
|
||||||
? {
|
|
||||||
'& > *': {
|
|
||||||
marginRight: 15,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
: {},
|
|
||||||
({ left }) =>
|
({ left }) =>
|
||||||
left
|
left
|
||||||
? {
|
? {
|
||||||
@ -22,10 +16,13 @@ const Side = styled.div(
|
|||||||
},
|
},
|
||||||
}
|
}
|
||||||
: {},
|
: {},
|
||||||
({ flex }) =>
|
({ right }) =>
|
||||||
flex
|
right
|
||||||
? {
|
? {
|
||||||
flex: 1,
|
marginLeft: 30,
|
||||||
|
'& > *': {
|
||||||
|
marginRight: 15,
|
||||||
|
},
|
||||||
}
|
}
|
||||||
: {}
|
: {}
|
||||||
);
|
);
|
||||||
@ -33,18 +30,55 @@ Side.displayName = 'Side';
|
|||||||
|
|
||||||
export const Bar = styled.div(
|
export const Bar = styled.div(
|
||||||
({ theme }) => ({
|
({ theme }) => ({
|
||||||
display: 'flex',
|
// display: 'flex',
|
||||||
justifyContent: 'space-between',
|
// justifyContent: 'space-between',
|
||||||
background: theme.barBg,
|
// background: theme.barBg,
|
||||||
color: theme.barTextColor,
|
color: theme.barTextColor,
|
||||||
height: 40,
|
height: 40,
|
||||||
position: 'relative',
|
|
||||||
}),
|
|
||||||
({ scroll = true }) => ({
|
|
||||||
overflow: scroll ? 'auto' : 'visible',
|
|
||||||
overflowX: scroll ? 'auto' : 'visible',
|
|
||||||
overflowY: scroll ? 'hidden' : 'visible',
|
|
||||||
}),
|
}),
|
||||||
|
({ theme, scroll = true }) =>
|
||||||
|
scroll
|
||||||
|
? {
|
||||||
|
overflow: 'auto',
|
||||||
|
overflowX: 'auto',
|
||||||
|
overflowY: 'hidden',
|
||||||
|
scrollbarWidth: ['slim', 3],
|
||||||
|
scrollbarColor: 'transparent transparent',
|
||||||
|
|
||||||
|
'&::-webkit-scrollbar': {
|
||||||
|
height: 3,
|
||||||
|
width: 3,
|
||||||
|
background: 'transparent',
|
||||||
|
boxShadow: 'none',
|
||||||
|
},
|
||||||
|
|
||||||
|
'&::-webkit-scrollbar-track': {
|
||||||
|
borderRadius: 0,
|
||||||
|
background: 'transparent',
|
||||||
|
opacity: 0,
|
||||||
|
border: '0 none',
|
||||||
|
boxShadow: 'none',
|
||||||
|
height: 0,
|
||||||
|
width: 0,
|
||||||
|
},
|
||||||
|
|
||||||
|
'&::-webkit-scrollbar-thumb': {
|
||||||
|
borderRadius: 0,
|
||||||
|
background: theme.color.border,
|
||||||
|
boxShadow: 'none',
|
||||||
|
},
|
||||||
|
'&::-webkit-scrollbar-track-piece': {
|
||||||
|
display: 'none',
|
||||||
|
border: '0 none',
|
||||||
|
opacity: 0,
|
||||||
|
visibility: 'hidden',
|
||||||
|
},
|
||||||
|
}
|
||||||
|
: {
|
||||||
|
overflow: 'visible',
|
||||||
|
overflowX: 'visible',
|
||||||
|
overflowY: 'visible',
|
||||||
|
},
|
||||||
({ theme, border }) =>
|
({ theme, border }) =>
|
||||||
border
|
border
|
||||||
? {
|
? {
|
||||||
@ -56,14 +90,28 @@ export const Bar = styled.div(
|
|||||||
);
|
);
|
||||||
Bar.displayName = 'Bar';
|
Bar.displayName = 'Bar';
|
||||||
|
|
||||||
|
const BarInner = styled.div({
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
position: 'relative',
|
||||||
|
whiteSpace: 'nowrap',
|
||||||
|
height: 40,
|
||||||
|
});
|
||||||
|
|
||||||
export const FlexBar = ({ children, ...rest }) => {
|
export const FlexBar = ({ children, ...rest }) => {
|
||||||
const [left, right] = Children.toArray(children);
|
const [left, right] = Children.toArray(children);
|
||||||
return (
|
return (
|
||||||
<Bar {...rest}>
|
<Bar {...rest} title="bar">
|
||||||
<Side flex left>
|
<BarInner>
|
||||||
{left}
|
<Side left title="side left">
|
||||||
</Side>
|
{left}
|
||||||
{right ? <Side right>{right}</Side> : null}
|
</Side>
|
||||||
|
{right ? (
|
||||||
|
<Side right title="side right">
|
||||||
|
{right}
|
||||||
|
</Side>
|
||||||
|
) : null}
|
||||||
|
</BarInner>
|
||||||
</Bar>
|
</Bar>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -31,10 +31,10 @@ export const Separator = styled.span(
|
|||||||
'& + &': {
|
'& + &': {
|
||||||
display: 'none',
|
display: 'none',
|
||||||
},
|
},
|
||||||
'&:first-child': {
|
'&:first-of-type': {
|
||||||
display: 'none',
|
display: 'none',
|
||||||
},
|
},
|
||||||
'&:last-child': {
|
'&:last-of-type': {
|
||||||
display: 'none',
|
display: 'none',
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
@ -5,7 +5,7 @@ exports[`Storyshots Basics|Form/Button sizes 1`] = `
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-6 > *:first-child {
|
.emotion-6 > *:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -278,7 +278,7 @@ exports[`Storyshots Basics|Form/Button validations 1`] = `
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-8 > *:first-child {
|
.emotion-8 > *:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -762,7 +762,7 @@ exports[`Storyshots Basics|Form/Input alignment 1`] = `
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-6 > *:first-child {
|
.emotion-6 > *:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -964,7 +964,7 @@ exports[`Storyshots Basics|Form/Input sizes 1`] = `
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-6 > *:first-child {
|
.emotion-6 > *:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1168,7 +1168,7 @@ exports[`Storyshots Basics|Form/Input validations 1`] = `
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-8 > *:first-child {
|
.emotion-8 > *:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1433,7 +1433,7 @@ exports[`Storyshots Basics|Form/Select sizes 1`] = `
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-6 > *:first-child {
|
.emotion-6 > *:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1706,7 +1706,7 @@ exports[`Storyshots Basics|Form/Select validations 1`] = `
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-4 > *:first-child {
|
.emotion-4 > *:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -2063,7 +2063,7 @@ exports[`Storyshots Basics|Form/Textarea alignment 1`] = `
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-6 > *:first-child {
|
.emotion-6 > *:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -2274,7 +2274,7 @@ exports[`Storyshots Basics|Form/Textarea sizes 1`] = `
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-6 > *:first-child {
|
.emotion-6 > *:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -2484,7 +2484,7 @@ exports[`Storyshots Basics|Form/Textarea validations 1`] = `
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-8 > *:first-child {
|
.emotion-8 > *:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -14,7 +14,7 @@ const Container = styled.div(
|
|||||||
marginLeft: col * theme.layoutMargin,
|
marginLeft: col * theme.layoutMargin,
|
||||||
verticalAlign: 'inherit',
|
verticalAlign: 'inherit',
|
||||||
},
|
},
|
||||||
'& > *:first-child': {
|
'& > *:first-of-type': {
|
||||||
marginLeft: 0,
|
marginLeft: 0,
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
@ -22,7 +22,7 @@ const Container = styled.div(
|
|||||||
'& > *': {
|
'& > *': {
|
||||||
marginTop: row * theme.layoutMargin,
|
marginTop: row * theme.layoutMargin,
|
||||||
},
|
},
|
||||||
'& > *:first-child': {
|
'& > *:first-of-type': {
|
||||||
marginTop: 0,
|
marginTop: 0,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
import React, { div } from 'react';
|
import React from 'react';
|
||||||
import { storiesOf } from '@storybook/react';
|
import { storiesOf } from '@storybook/react';
|
||||||
import { styled } from '@storybook/theming';
|
import { styled } from '@storybook/theming';
|
||||||
|
|
||||||
|
|||||||
@ -17,7 +17,7 @@ exports[`Storyshots Basics|Spaced col 1`] = `
|
|||||||
vertical-align: inherit;
|
vertical-align: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-4 > *:first-child {
|
.emotion-4 > *:first-of-type {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -77,7 +77,7 @@ exports[`Storyshots Basics|Spaced col outer 1`] = `
|
|||||||
vertical-align: inherit;
|
vertical-align: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-4 > *:first-child {
|
.emotion-4 > *:first-of-type {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -111,7 +111,7 @@ exports[`Storyshots Basics|Spaced row 1`] = `
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-4 > *:first-child {
|
.emotion-4 > *:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -170,7 +170,7 @@ exports[`Storyshots Basics|Spaced row multiply 1`] = `
|
|||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-4 > *:first-child {
|
.emotion-4 > *:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -219,7 +219,7 @@ exports[`Storyshots Basics|Spaced row outer 1`] = `
|
|||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-4 > *:first-child {
|
.emotion-4 > *:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -29,28 +29,13 @@ const Wrapper = styled.div(
|
|||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
export const TabBar = styled.div(
|
export const TabBar = styled.div({
|
||||||
{
|
overflow: 'hidden',
|
||||||
whiteSpace: 'nowrap',
|
|
||||||
height: '100%',
|
|
||||||
|
|
||||||
'&:first-child': {
|
'&:first-of-type': {
|
||||||
marginLeft: 0,
|
marginLeft: 0,
|
||||||
},
|
|
||||||
},
|
},
|
||||||
({ scroll }) => ({
|
});
|
||||||
// super lame, hiding of scrollbar
|
|
||||||
paddingBottom: 50,
|
|
||||||
overflowX: scroll ? 'auto' : 'visisble',
|
|
||||||
overflowY: scroll ? 'hidden' : 'visisble',
|
|
||||||
}),
|
|
||||||
({ flex }) =>
|
|
||||||
flex
|
|
||||||
? {
|
|
||||||
flex: typeof flex === 'number' ? flex : 1,
|
|
||||||
}
|
|
||||||
: {}
|
|
||||||
);
|
|
||||||
|
|
||||||
const Content = styled.div(
|
const Content = styled.div(
|
||||||
{
|
{
|
||||||
@ -111,12 +96,12 @@ const childrenToList = (children, selected) =>
|
|||||||
});
|
});
|
||||||
|
|
||||||
export const Tabs = React.memo(
|
export const Tabs = React.memo(
|
||||||
({ children, selected, actions, absolute, bordered, scroll, tools, id: htmlId }) => {
|
({ children, selected, actions, absolute, bordered, tools, id: htmlId }) => {
|
||||||
const list = childrenToList(children, selected);
|
const list = childrenToList(children, selected);
|
||||||
|
|
||||||
return list.length ? (
|
return list.length ? (
|
||||||
<Wrapper absolute={absolute} bordered={bordered} id={htmlId}>
|
<Wrapper absolute={absolute} bordered={bordered} id={htmlId} title="wrapper">
|
||||||
<FlexBar border scroll={!scroll}>
|
<FlexBar border title="flexbar">
|
||||||
<TabBar role="tablist">
|
<TabBar role="tablist">
|
||||||
{list.map(({ title, id, active }) => (
|
{list.map(({ title, id, active }) => (
|
||||||
<TabButton
|
<TabButton
|
||||||
@ -154,7 +139,6 @@ Tabs.propTypes = {
|
|||||||
}).isRequired,
|
}).isRequired,
|
||||||
absolute: PropTypes.bool,
|
absolute: PropTypes.bool,
|
||||||
bordered: PropTypes.bool,
|
bordered: PropTypes.bool,
|
||||||
scroll: PropTypes.bool,
|
|
||||||
};
|
};
|
||||||
Tabs.defaultProps = {
|
Tabs.defaultProps = {
|
||||||
id: null,
|
id: null,
|
||||||
@ -163,7 +147,6 @@ Tabs.defaultProps = {
|
|||||||
selected: null,
|
selected: null,
|
||||||
absolute: false,
|
absolute: false,
|
||||||
bordered: false,
|
bordered: false,
|
||||||
scroll: true,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// eslint-disable-next-line react/no-multi-comp
|
// eslint-disable-next-line react/no-multi-comp
|
||||||
|
|||||||
@ -2,9 +2,7 @@ import React from 'react';
|
|||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import { styled } from '@storybook/theming';
|
import { styled } from '@storybook/theming';
|
||||||
|
|
||||||
// import Link from '../Link';
|
import Link from '../typography/link/link';
|
||||||
// TODO reenable me
|
|
||||||
const Link = styled.a``;
|
|
||||||
|
|
||||||
const Title = styled.div`
|
const Title = styled.div`
|
||||||
font-weight: ${props => props.theme.typography.weight.black};
|
font-weight: ${props => props.theme.typography.weight.black};
|
||||||
|
|||||||
@ -187,119 +187,52 @@ exports[`Storyshots basics/Tooltip/TooltipMessage with link 1`] = `
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-8 {
|
|
||||||
display: inline-block;
|
|
||||||
z-index: 2147483647;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
margin-top: 0px;
|
|
||||||
margin-left: 0px;
|
|
||||||
margin-right: 0px;
|
|
||||||
background: rgba(0,0,0,0.95);
|
|
||||||
-webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
|
|
||||||
filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
|
|
||||||
border-radius: 8px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.emotion-1 {
|
|
||||||
position: absolute;
|
|
||||||
border-style: solid;
|
|
||||||
margin-bottom: 0px;
|
|
||||||
margin-top: 8px;
|
|
||||||
margin-right: 8px;
|
|
||||||
margin-left: 8px;
|
|
||||||
bottom: -8px;
|
|
||||||
top: autopx;
|
|
||||||
right: autopx;
|
|
||||||
left: autopx;
|
|
||||||
border-bottom-width: 0px;
|
|
||||||
border-top-width: 8px;
|
|
||||||
border-right-width: 8px;
|
|
||||||
border-left-width: 8px;
|
|
||||||
border-top-color: rgba(0,0,0,0.95);
|
|
||||||
border-bottom-color: transparent;
|
|
||||||
border-left-color: transparent;
|
|
||||||
border-right-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.emotion-7 {
|
|
||||||
padding: 15px;
|
|
||||||
width: 280px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.emotion-4 {
|
|
||||||
color: #444444;
|
|
||||||
line-height: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.emotion-2 {
|
|
||||||
font-weight: 900;
|
|
||||||
}
|
|
||||||
|
|
||||||
.emotion-6 {
|
.emotion-6 {
|
||||||
margin-top: 8px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.emotion-6 > * {
|
|
||||||
margin: 0 8px;
|
|
||||||
font-weight: 900;
|
|
||||||
}
|
|
||||||
|
|
||||||
<div
|
|
||||||
style="height:300px"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="emotion-0"
|
|
||||||
>
|
|
||||||
<div>
|
|
||||||
Tooltip
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="emotion-8"
|
|
||||||
style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="emotion-1"
|
|
||||||
/>
|
|
||||||
<div
|
|
||||||
class="emotion-7"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="emotion-4"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="emotion-2"
|
|
||||||
>
|
|
||||||
Lorem ipsum dolor sit
|
|
||||||
</div>
|
|
||||||
<span
|
|
||||||
class="emotion-3"
|
|
||||||
>
|
|
||||||
Amet consectatur vestibulum concet durum politu coret weirom
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="emotion-6"
|
|
||||||
>
|
|
||||||
<a
|
|
||||||
class="emotion-3"
|
|
||||||
href="test"
|
|
||||||
>
|
|
||||||
Continue
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
|
|
||||||
exports[`Storyshots basics/Tooltip/TooltipMessage with links 1`] = `
|
|
||||||
.emotion-0 {
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
-webkit-transition: all 150ms ease-out;
|
||||||
|
transition: all 150ms ease-out;
|
||||||
|
-webkit-text-decoration: none;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #1EA7FD;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-6 svg path {
|
||||||
|
fill: #1EA7FD;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-6:hover,
|
||||||
|
.emotion-6:focus {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
-webkit-transform: translate3d(0,-1px,0);
|
||||||
|
-ms-transform: translate3d(0,-1px,0);
|
||||||
|
transform: translate3d(0,-1px,0);
|
||||||
|
color: #0297f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-6:hover svg path,
|
||||||
|
.emotion-6:focus svg path {
|
||||||
|
fill: #0297f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-6:active {
|
||||||
|
-webkit-transform: translate3d(0,0,0);
|
||||||
|
-ms-transform: translate3d(0,0,0);
|
||||||
|
transform: translate3d(0,0,0);
|
||||||
|
color: #028ee6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-6:active svg path {
|
||||||
|
fill: #028ee6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-6 svg {
|
||||||
|
display: inline-block;
|
||||||
|
height: 1em;
|
||||||
|
width: 1em;
|
||||||
|
vertical-align: text-top;
|
||||||
|
position: relative;
|
||||||
|
bottom: -0.125em;
|
||||||
|
margin-right: 0.4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-9 {
|
.emotion-9 {
|
||||||
@ -400,16 +333,191 @@ exports[`Storyshots basics/Tooltip/TooltipMessage with links 1`] = `
|
|||||||
class="emotion-7"
|
class="emotion-7"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="emotion-3"
|
class="emotion-6"
|
||||||
href="test"
|
href="test"
|
||||||
>
|
>
|
||||||
Get more tips
|
<span
|
||||||
</a>
|
class="emotion-5"
|
||||||
<a
|
>
|
||||||
class="emotion-3"
|
Continue
|
||||||
href="test"
|
</span>
|
||||||
>
|
</a>
|
||||||
Done
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
|
||||||
|
exports[`Storyshots basics/Tooltip/TooltipMessage with links 1`] = `
|
||||||
|
.emotion-0 {
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-6 {
|
||||||
|
display: inline-block;
|
||||||
|
-webkit-transition: all 150ms ease-out;
|
||||||
|
transition: all 150ms ease-out;
|
||||||
|
-webkit-text-decoration: none;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #1EA7FD;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-6 svg path {
|
||||||
|
fill: #1EA7FD;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-6:hover,
|
||||||
|
.emotion-6:focus {
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-transform: translate3d(0,-1px,0);
|
||||||
|
-ms-transform: translate3d(0,-1px,0);
|
||||||
|
transform: translate3d(0,-1px,0);
|
||||||
|
color: #0297f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-6:hover svg path,
|
||||||
|
.emotion-6:focus svg path {
|
||||||
|
fill: #0297f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-6:active {
|
||||||
|
-webkit-transform: translate3d(0,0,0);
|
||||||
|
-ms-transform: translate3d(0,0,0);
|
||||||
|
transform: translate3d(0,0,0);
|
||||||
|
color: #028ee6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-6:active svg path {
|
||||||
|
fill: #028ee6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-6 svg {
|
||||||
|
display: inline-block;
|
||||||
|
height: 1em;
|
||||||
|
width: 1em;
|
||||||
|
vertical-align: text-top;
|
||||||
|
position: relative;
|
||||||
|
bottom: -0.125em;
|
||||||
|
margin-right: 0.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-11 {
|
||||||
|
display: inline-block;
|
||||||
|
z-index: 2147483647;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-left: 0px;
|
||||||
|
margin-right: 0px;
|
||||||
|
background: rgba(0,0,0,0.95);
|
||||||
|
-webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
|
||||||
|
filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-1 {
|
||||||
|
position: absolute;
|
||||||
|
border-style: solid;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
margin-top: 8px;
|
||||||
|
margin-right: 8px;
|
||||||
|
margin-left: 8px;
|
||||||
|
bottom: -8px;
|
||||||
|
top: autopx;
|
||||||
|
right: autopx;
|
||||||
|
left: autopx;
|
||||||
|
border-bottom-width: 0px;
|
||||||
|
border-top-width: 8px;
|
||||||
|
border-right-width: 8px;
|
||||||
|
border-left-width: 8px;
|
||||||
|
border-top-color: rgba(0,0,0,0.95);
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
border-left-color: transparent;
|
||||||
|
border-right-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-10 {
|
||||||
|
padding: 15px;
|
||||||
|
width: 280px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-4 {
|
||||||
|
color: #444444;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-2 {
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-9 {
|
||||||
|
margin-top: 8px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-9 > * {
|
||||||
|
margin: 0 8px;
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="height:300px"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="emotion-0"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
Tooltip
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="emotion-11"
|
||||||
|
style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="emotion-1"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="emotion-10"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="emotion-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="emotion-2"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit
|
||||||
|
</div>
|
||||||
|
<span
|
||||||
|
class="emotion-3"
|
||||||
|
>
|
||||||
|
Amet consectatur vestibulum concet durum politu coret weirom
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="emotion-9"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="emotion-6"
|
||||||
|
href="test"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="emotion-5"
|
||||||
|
>
|
||||||
|
Get more tips
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
class="emotion-6"
|
||||||
|
href="test"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="emotion-5"
|
||||||
|
>
|
||||||
|
Done
|
||||||
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -159,7 +159,55 @@ exports[`Storyshots basics/Tooltip/WithTooltip simple click start open 1`] = `
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-10 {
|
.emotion-8 {
|
||||||
|
display: inline-block;
|
||||||
|
-webkit-transition: all 150ms ease-out;
|
||||||
|
transition: all 150ms ease-out;
|
||||||
|
-webkit-text-decoration: none;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #1EA7FD;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-8 svg path {
|
||||||
|
fill: #1EA7FD;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-8:hover,
|
||||||
|
.emotion-8:focus {
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-transform: translate3d(0,-1px,0);
|
||||||
|
-ms-transform: translate3d(0,-1px,0);
|
||||||
|
transform: translate3d(0,-1px,0);
|
||||||
|
color: #0297f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-8:hover svg path,
|
||||||
|
.emotion-8:focus svg path {
|
||||||
|
fill: #0297f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-8:active {
|
||||||
|
-webkit-transform: translate3d(0,0,0);
|
||||||
|
-ms-transform: translate3d(0,0,0);
|
||||||
|
transform: translate3d(0,0,0);
|
||||||
|
color: #028ee6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-8:active svg path {
|
||||||
|
fill: #028ee6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-8 svg {
|
||||||
|
display: inline-block;
|
||||||
|
height: 1em;
|
||||||
|
width: 1em;
|
||||||
|
vertical-align: text-top;
|
||||||
|
position: relative;
|
||||||
|
bottom: -0.125em;
|
||||||
|
margin-right: 0.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-11 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
z-index: 2147483647;
|
z-index: 2147483647;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
@ -194,7 +242,7 @@ exports[`Storyshots basics/Tooltip/WithTooltip simple click start open 1`] = `
|
|||||||
border-right-color: transparent;
|
border-right-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-9 {
|
.emotion-10 {
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
width: 280px;
|
width: 280px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@ -209,21 +257,21 @@ exports[`Storyshots basics/Tooltip/WithTooltip simple click start open 1`] = `
|
|||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-8 {
|
.emotion-9 {
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-8 > * {
|
.emotion-9 > * {
|
||||||
margin: 0 8px;
|
margin: 0 8px;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-12 {
|
.emotion-13 {
|
||||||
height: 300px;
|
height: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-11 {
|
.emotion-12 {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
height: 500px;
|
height: 500px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
@ -243,10 +291,10 @@ exports[`Storyshots basics/Tooltip/WithTooltip simple click start open 1`] = `
|
|||||||
}
|
}
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="emotion-12"
|
class="emotion-13"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="emotion-11"
|
class="emotion-12"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="emotion-0"
|
class="emotion-0"
|
||||||
@ -261,14 +309,14 @@ exports[`Storyshots basics/Tooltip/WithTooltip simple click start open 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="emotion-10"
|
class="emotion-11"
|
||||||
style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
|
style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="emotion-3"
|
class="emotion-3"
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="emotion-9"
|
class="emotion-10"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="emotion-6"
|
class="emotion-6"
|
||||||
@ -285,12 +333,16 @@ exports[`Storyshots basics/Tooltip/WithTooltip simple click start open 1`] = `
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="emotion-8"
|
class="emotion-9"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="emotion-5"
|
class="emotion-8"
|
||||||
>
|
>
|
||||||
Continue
|
<span
|
||||||
|
class="emotion-7"
|
||||||
|
>
|
||||||
|
Continue
|
||||||
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -78,7 +78,7 @@ const Wrapper = styled.div(
|
|||||||
|
|
||||||
/* GitHub inspired Markdown styles loosely from https://gist.github.com/tuzz/3331384 */
|
/* GitHub inspired Markdown styles loosely from https://gist.github.com/tuzz/3331384 */
|
||||||
|
|
||||||
body > *:first-child {
|
body > *:first-of-type {
|
||||||
margin-top: 0 !important;
|
margin-top: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -118,13 +118,13 @@ const Wrapper = styled.div(
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2:first-child,
|
h2:first-of-type,
|
||||||
h1:first-child,
|
h1:first-of-type,
|
||||||
h1:first-child + h2,
|
h1:first-of-type + h2,
|
||||||
h3:first-child,
|
h3:first-of-type,
|
||||||
h4:first-child,
|
h4:first-of-type,
|
||||||
h5:first-child,
|
h5:first-of-type,
|
||||||
h6:first-child {
|
h6:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
@ -186,35 +186,35 @@ const Wrapper = styled.div(
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body > h2:first-child {
|
body > h2:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body > h1:first-child {
|
body > h1:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body > h1:first-child + h2 {
|
body > h1:first-of-type + h2 {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body > h3:first-child,
|
body > h3:first-of-type,
|
||||||
body > h4:first-child,
|
body > h4:first-of-type,
|
||||||
body > h5:first-child,
|
body > h5:first-of-type,
|
||||||
body > h6:first-child {
|
body > h6:first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:first-child h1,
|
a:first-of-type h1,
|
||||||
a:first-child h2,
|
a:first-of-type h2,
|
||||||
a:first-child h3,
|
a:first-of-type h3,
|
||||||
a:first-child h4,
|
a:first-of-type h4,
|
||||||
a:first-child h5,
|
a:first-of-type h5,
|
||||||
a:first-child h6 {
|
a:first-of-type h6 {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
@ -237,8 +237,8 @@ const Wrapper = styled.div(
|
|||||||
padding-left: 30px;
|
padding-left: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul :first-child,
|
ul :first-of-type,
|
||||||
ol :first-child {
|
ol :first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -259,11 +259,11 @@ const Wrapper = styled.div(
|
|||||||
margin: 15px 0 5px;
|
margin: 15px 0 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
dl dt:first-child {
|
dl dt:first-of-type {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
dl dt > :first-child {
|
dl dt > :first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -276,7 +276,7 @@ const Wrapper = styled.div(
|
|||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
dl dd > :first-child {
|
dl dd > :first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -290,7 +290,7 @@ const Wrapper = styled.div(
|
|||||||
color: ${props.theme.color.dark};
|
color: ${props.theme.color.dark};
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote > :first-child {
|
blockquote > :first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -309,7 +309,7 @@ const Wrapper = styled.div(
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
table tr:nth-child(2n) {
|
table tr:nth-of-type(2n) {
|
||||||
background-color: ${props.theme.color.lighter};
|
background-color: ${props.theme.color.lighter};
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -328,8 +328,8 @@ const Wrapper = styled.div(
|
|||||||
padding: 6px 13px;
|
padding: 6px 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
table tr th :first-child,
|
table tr th :first-of-type,
|
||||||
table tr td :first-child {
|
table tr td :first-of-type {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,8 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
|
||||||
|
import Markdown from 'markdown-to-jsx';
|
||||||
import DocumentFormatting from './DocumentFormatting';
|
import DocumentFormatting from './DocumentFormatting';
|
||||||
|
import markdownSample from './DocumentFormattingSample.md';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
Component: DocumentFormatting,
|
Component: DocumentFormatting,
|
||||||
@ -16,14 +18,15 @@ export default {
|
|||||||
],
|
],
|
||||||
};
|
};
|
||||||
|
|
||||||
export const sampleDocument = () => (
|
export const withMarkdown = () => (
|
||||||
// This is Markdown to HTML from https://markdown-it.github.io/
|
|
||||||
// Use by wrapping DOM in this component
|
|
||||||
<DocumentFormatting>
|
<DocumentFormatting>
|
||||||
<p>
|
<Markdown>{markdownSample}</Markdown>
|
||||||
Wrap your components in <code>DocumentFormatting</code> to get text styles for body content
|
</DocumentFormatting>
|
||||||
</p>
|
);
|
||||||
<h1>h1 Heading 😎</h1>
|
|
||||||
|
export const withDOM = () => (
|
||||||
|
<DocumentFormatting>
|
||||||
|
<h1>h1 Heading</h1>
|
||||||
<h2>h2 Heading</h2>
|
<h2>h2 Heading</h2>
|
||||||
<h3>h3 Heading</h3>
|
<h3>h3 Heading</h3>
|
||||||
<h4>h4 Heading</h4>
|
<h4>h4 Heading</h4>
|
||||||
@ -183,98 +186,5 @@ export const sampleDocument = () => (
|
|||||||
title="The Stormtroopocat"
|
title="The Stormtroopocat"
|
||||||
/>
|
/>
|
||||||
</p>
|
</p>
|
||||||
<p>Like links, Images also have a footnote style syntax</p>
|
|
||||||
<p>
|
|
||||||
<img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat" />
|
|
||||||
</p>
|
|
||||||
<p>With a reference later in the document defining the URL location:</p>
|
|
||||||
<h2>Plugins</h2>
|
|
||||||
<p>
|
|
||||||
The killer feature of <code>markdown-it</code> is very effective support of
|
|
||||||
<a href="https://www.npmjs.org/browse/keyword/markdown-it-plugin">syntax plugins</a>.
|
|
||||||
</p>
|
|
||||||
<h3>
|
|
||||||
<a href="https://github.com/markdown-it/markdown-it-emoji">Emojies</a>
|
|
||||||
</h3>
|
|
||||||
<blockquote>
|
|
||||||
<p>Classic markup: 😉 :crush: 😢 :tear: 😆 😋</p>
|
|
||||||
<p>Shortcuts (emoticons): 😃 😦 😎 😉</p>
|
|
||||||
</blockquote>
|
|
||||||
<p>
|
|
||||||
see{' '}
|
|
||||||
<a href="https://github.com/markdown-it/markdown-it-emoji#change-output">
|
|
||||||
how to change output
|
|
||||||
</a>{' '}
|
|
||||||
with twemoji.
|
|
||||||
</p>
|
|
||||||
<h3>
|
|
||||||
<a href="https://github.com/markdown-it/markdown-it-sub">Subscript</a> /{' '}
|
|
||||||
<a href="https://github.com/markdown-it/markdown-it-sup">Superscript</a>
|
|
||||||
</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
19<sup>th</sup>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
H<sub>2</sub>O
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<h3>
|
|
||||||
<a href="https://github.com/markdown-it/markdown-it-deflist">Definition lists</a>
|
|
||||||
</h3>
|
|
||||||
<dl>
|
|
||||||
<dt>Term 1</dt>
|
|
||||||
<dd>
|
|
||||||
<p>Definition 1 with lazy continuation.</p>
|
|
||||||
</dd>
|
|
||||||
<dt>
|
|
||||||
Term 2 with <em>inline markup</em>
|
|
||||||
</dt>
|
|
||||||
<dd>
|
|
||||||
<p>Definition 2</p>
|
|
||||||
<pre>
|
|
||||||
<code> some code, part of Definition 2</code>
|
|
||||||
</pre>
|
|
||||||
<p>Third paragraph of definition 2.</p>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<p>
|
|
||||||
<em>Compact style:</em>
|
|
||||||
</p>
|
|
||||||
<dl>
|
|
||||||
<dt>Term 1</dt>
|
|
||||||
<dd>Definition 1</dd>
|
|
||||||
<dt>Term 2</dt>
|
|
||||||
<dd>Definition 2a</dd>
|
|
||||||
<dd>Definition 2b</dd>
|
|
||||||
</dl>
|
|
||||||
<p>
|
|
||||||
<em>Compact style:</em>
|
|
||||||
</p>
|
|
||||||
<dl>
|
|
||||||
<dt>Term 1</dt>
|
|
||||||
<dd>Definition 1</dd>
|
|
||||||
<dt>Term 2</dt>
|
|
||||||
<dd>Definition 2a</dd>
|
|
||||||
<dd>Definition 2b</dd>
|
|
||||||
</dl>
|
|
||||||
<h3>
|
|
||||||
<a href="https://github.com/markdown-it/markdown-it-abbr">Abbreviations</a>
|
|
||||||
</h3>
|
|
||||||
<p>
|
|
||||||
This is <abbr title="Hyper Text Markup Language">HTML</abbr> abbreviation example.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
It converts “<abbr title="Hyper Text Markup Language">HTML</abbr>”, but keep intact partial
|
|
||||||
entries like “xxxHTMLyyy” and so on.
|
|
||||||
</p>
|
|
||||||
<h3>
|
|
||||||
<a href="https://github.com/markdown-it/markdown-it-container">Custom containers</a>
|
|
||||||
</h3>
|
|
||||||
<div className="warning">
|
|
||||||
<p>
|
|
||||||
<em>here be dragons</em>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</DocumentFormatting>
|
</DocumentFormatting>
|
||||||
);
|
);
|
||||||
|
|||||||
125
lib/components/src/typography/DocumentFormattingSample.md
Normal file
125
lib/components/src/typography/DocumentFormattingSample.md
Normal file
@ -0,0 +1,125 @@
|
|||||||
|
# h1 Heading
|
||||||
|
|
||||||
|
## h2 Heading
|
||||||
|
|
||||||
|
### h3 Heading
|
||||||
|
|
||||||
|
#### h4 Heading
|
||||||
|
|
||||||
|
##### h5 Heading
|
||||||
|
|
||||||
|
###### h6 Heading
|
||||||
|
|
||||||
|
## Typographic replacements
|
||||||
|
|
||||||
|
Enable typographer option to see result.
|
||||||
|
|
||||||
|
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
|
||||||
|
|
||||||
|
test.. test... test..... test?..... test!....
|
||||||
|
|
||||||
|
!!!!!! ???? ,, -- ---
|
||||||
|
|
||||||
|
"Smartypants, double quotes" and 'single quotes'
|
||||||
|
|
||||||
|
## Emphasis
|
||||||
|
|
||||||
|
**This is bold text**
|
||||||
|
|
||||||
|
**This is bold text**
|
||||||
|
|
||||||
|
_This is italic text_
|
||||||
|
|
||||||
|
_This is italic text_
|
||||||
|
|
||||||
|
~~Strikethrough~~
|
||||||
|
|
||||||
|
## Blockquotes
|
||||||
|
|
||||||
|
> Blockquotes can also be nested...
|
||||||
|
>
|
||||||
|
> > ...by using additional greater-than signs right next to each other...
|
||||||
|
> >
|
||||||
|
> > > ...or with spaces between arrows.
|
||||||
|
|
||||||
|
## Lists
|
||||||
|
|
||||||
|
Unordered
|
||||||
|
|
||||||
|
- Create a list by starting a line with `+`, `-`, or `*`
|
||||||
|
- Sub-lists are made by indenting 2 spaces:
|
||||||
|
- Marker character change forces new list start:
|
||||||
|
- Ac tristique libero volutpat at
|
||||||
|
* Facilisis in pretium nisl aliquet
|
||||||
|
- Nulla volutpat aliquam velit
|
||||||
|
- Very easy!
|
||||||
|
|
||||||
|
Ordered
|
||||||
|
|
||||||
|
1. Lorem ipsum dolor sit amet
|
||||||
|
2. Consectetur adipiscing elit
|
||||||
|
3. Integer molestie lorem at massa
|
||||||
|
|
||||||
|
1) You can use sequential numbers...
|
||||||
|
1) ...or keep all the numbers as `1.`
|
||||||
|
|
||||||
|
Start numbering with offset:
|
||||||
|
|
||||||
|
57. foo
|
||||||
|
1. bar
|
||||||
|
|
||||||
|
## Code
|
||||||
|
|
||||||
|
Inline `code`
|
||||||
|
|
||||||
|
Indented code
|
||||||
|
|
||||||
|
// Some comments
|
||||||
|
line 1 of code
|
||||||
|
line 2 of code
|
||||||
|
line 3 of code
|
||||||
|
|
||||||
|
Block code "fences"
|
||||||
|
|
||||||
|
```
|
||||||
|
Sample text here...
|
||||||
|
```
|
||||||
|
|
||||||
|
Syntax highlighting
|
||||||
|
|
||||||
|
```js
|
||||||
|
var foo = function(bar) {
|
||||||
|
return bar++;
|
||||||
|
};
|
||||||
|
|
||||||
|
console.log(foo(5));
|
||||||
|
```
|
||||||
|
|
||||||
|
## Tables
|
||||||
|
|
||||||
|
| Option | Description |
|
||||||
|
| ------ | ------------------------------------------------------------------------- |
|
||||||
|
| data | path to data files to supply the data that will be passed into templates. |
|
||||||
|
| engine | engine to be used for processing templates. Handlebars is the default. |
|
||||||
|
| ext | extension to be used for dest files. |
|
||||||
|
|
||||||
|
Right aligned columns
|
||||||
|
|
||||||
|
| Option | Description |
|
||||||
|
| -----: | ------------------------------------------------------------------------: |
|
||||||
|
| data | path to data files to supply the data that will be passed into templates. |
|
||||||
|
| engine | engine to be used for processing templates. Handlebars is the default. |
|
||||||
|
| ext | extension to be used for dest files. |
|
||||||
|
|
||||||
|
## Links
|
||||||
|
|
||||||
|
[link text](http://dev.nodeca.com)
|
||||||
|
|
||||||
|
[link with title](http://nodeca.github.io/pica/demo/ 'title text!')
|
||||||
|
|
||||||
|
Autoconverted link https://github.com/nodeca/pica (enable linkify to see)
|
||||||
|
|
||||||
|
## Images
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,7 +1,7 @@
|
|||||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
exports[`Storyshots UI|Panel default 1`] = `
|
exports[`Storyshots UI|Panel default 1`] = `
|
||||||
.emotion-13 {
|
.emotion-14 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@ -14,6 +14,57 @@ exports[`Storyshots UI|Panel default 1`] = `
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.emotion-12 {
|
||||||
|
color: #999999;
|
||||||
|
height: 40px;
|
||||||
|
overflow: auto;
|
||||||
|
overflow-x: auto;
|
||||||
|
overflow-y: hidden;
|
||||||
|
-webkit-scrollbar-width: slim;
|
||||||
|
-moz-scrollbar-width: slim;
|
||||||
|
-ms-scrollbar-width: slim;
|
||||||
|
scrollbar-width: slim;
|
||||||
|
-webkit-scrollbar-width: 3px;
|
||||||
|
-moz-scrollbar-width: 3px;
|
||||||
|
-ms-scrollbar-width: 3px;
|
||||||
|
scrollbar-width: 3px;
|
||||||
|
-webkit-scrollbar-color: transparent transparent;
|
||||||
|
-moz-scrollbar-color: transparent transparent;
|
||||||
|
-ms-scrollbar-color: transparent transparent;
|
||||||
|
scrollbar-color: transparent transparent;
|
||||||
|
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-12::-webkit-scrollbar {
|
||||||
|
height: 3px;
|
||||||
|
width: 3px;
|
||||||
|
background: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-12::-webkit-scrollbar-track {
|
||||||
|
border-radius: 0;
|
||||||
|
background: transparent;
|
||||||
|
opacity: 0;
|
||||||
|
border: 0 none;
|
||||||
|
box-shadow: none;
|
||||||
|
height: 0;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-12::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 0;
|
||||||
|
background: rgba(0,0,0,.1);
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-12::-webkit-scrollbar-track-piece {
|
||||||
|
display: none;
|
||||||
|
border: 0 none;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.emotion-11 {
|
.emotion-11 {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
@ -23,14 +74,9 @@ exports[`Storyshots UI|Panel default 1`] = `
|
|||||||
-webkit-justify-content: space-between;
|
-webkit-justify-content: space-between;
|
||||||
-ms-flex-pack: justify;
|
-ms-flex-pack: justify;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
background: #FFFFFF;
|
|
||||||
color: #999999;
|
|
||||||
height: 40px;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: visible;
|
white-space: nowrap;
|
||||||
overflow-x: visible;
|
height: 40px;
|
||||||
overflow-y: visible;
|
|
||||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-3 {
|
.emotion-3 {
|
||||||
@ -38,9 +84,12 @@ exports[`Storyshots UI|Panel default 1`] = `
|
|||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-flex: 1;
|
-webkit-flex-basis: auto;
|
||||||
-ms-flex: 1;
|
-ms-flex-preferred-size: auto;
|
||||||
flex: 1;
|
flex-basis: auto;
|
||||||
|
-webkit-flex-shrink: 0;
|
||||||
|
-ms-flex-negative: 0;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-3 > * {
|
.emotion-3 > * {
|
||||||
@ -48,14 +97,10 @@ exports[`Storyshots UI|Panel default 1`] = `
|
|||||||
}
|
}
|
||||||
|
|
||||||
.emotion-2 {
|
.emotion-2 {
|
||||||
white-space: nowrap;
|
overflow: hidden;
|
||||||
height: 100%;
|
|
||||||
padding-bottom: 50px;
|
|
||||||
overflow-x: visisble;
|
|
||||||
overflow-y: visisble;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-2:first-child {
|
.emotion-2:first-of-type {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -154,6 +199,13 @@ exports[`Storyshots UI|Panel default 1`] = `
|
|||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
-webkit-flex-basis: auto;
|
||||||
|
-ms-flex-preferred-size: auto;
|
||||||
|
flex-basis: auto;
|
||||||
|
-webkit-flex-shrink: 0;
|
||||||
|
-ms-flex-negative: 0;
|
||||||
|
flex-shrink: 0;
|
||||||
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-10 > * {
|
.emotion-10 > * {
|
||||||
@ -195,7 +247,7 @@ exports[`Storyshots UI|Panel default 1`] = `
|
|||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-12 {
|
.emotion-13 {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
@ -208,70 +260,78 @@ exports[`Storyshots UI|Panel default 1`] = `
|
|||||||
}
|
}
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="emotion-13"
|
class="emotion-14"
|
||||||
id="storybook-panel-root"
|
id="storybook-panel-root"
|
||||||
|
title="wrapper"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="emotion-11"
|
class="emotion-12"
|
||||||
|
title="bar"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="emotion-3"
|
class="emotion-11"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="emotion-2"
|
class="emotion-3"
|
||||||
role="tablist"
|
title="side left"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="emotion-2"
|
||||||
|
role="tablist"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
class="emotion-0"
|
||||||
|
role="tab"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Test 1
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="emotion-1"
|
||||||
|
role="tab"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Test 2
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="emotion-10"
|
||||||
|
title="side right"
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
class="emotion-0"
|
class="emotion-6"
|
||||||
role="tab"
|
title="Change orientation"
|
||||||
type="button"
|
|
||||||
>
|
>
|
||||||
Test 1
|
<svg
|
||||||
|
class="emotion-5"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
class="emotion-4"
|
||||||
|
d="M64 167.944v688c0 22.092 17.908 40 40 40h816c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40zM880 815.944h-240v-608h240v608zM144 207.944h416v608h-416v-608zM793.296 320.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 448.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 576.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
class="emotion-1"
|
class="emotion-6"
|
||||||
role="tab"
|
title="Hide addons"
|
||||||
type="button"
|
|
||||||
>
|
>
|
||||||
Test 2
|
<svg
|
||||||
|
class="emotion-5"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
class="emotion-4"
|
||||||
|
d="M693.022 637.866c15.62 15.622 15.618 40.95 0 56.566-15.622 15.622-40.946 15.624-56.562 0.002l-124.46-124.458-124.456 124.458c-15.622 15.622-40.944 15.622-56.562 0-15.624-15.622-15.624-40.946-0.002-56.568l124.454-124.456-124.452-124.45c-15.622-15.622-15.622-40.946 0-56.564 15.62-15.624 40.944-15.624 56.568-0.002l124.45 124.45 124.454-124.452c15.622-15.62 40.95-15.62 56.566 0 15.622 15.62 15.624 40.944 0.002 56.56l-124.456 124.458 124.456 124.456zM828.784 828.784c-174.956 174.956-458.614 174.956-633.566 0-174.958-174.956-174.958-458.614 0-633.566 174.954-174.958 458.612-174.958 633.566 0 174.954 174.952 174.954 458.612 0 633.566zM880 511.998c-0.002-98.296-38.28-190.708-107.786-260.212s-161.92-107.786-260.214-107.788c-98.296 0.002-190.71 38.282-260.216 107.786-69.506 69.508-107.782 161.918-107.786 260.214 0.002 98.296 38.282 190.71 107.786 260.216 69.508 69.506 161.918 107.784 260.216 107.784 98.296 0 190.708-38.278 260.214-107.784s107.784-161.92 107.786-260.216z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
class="emotion-10"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="emotion-6"
|
|
||||||
title="Change orientation"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="emotion-5"
|
|
||||||
viewBox="0 0 1024 1024"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
class="emotion-4"
|
|
||||||
d="M64 167.944v688c0 22.092 17.908 40 40 40h816c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40zM880 815.944h-240v-608h240v608zM144 207.944h416v608h-416v-608zM793.296 320.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 448.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 576.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
class="emotion-6"
|
|
||||||
title="Hide addons"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="emotion-5"
|
|
||||||
viewBox="0 0 1024 1024"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
class="emotion-4"
|
|
||||||
d="M693.022 637.866c15.62 15.622 15.618 40.95 0 56.566-15.622 15.622-40.946 15.624-56.562 0.002l-124.46-124.458-124.456 124.458c-15.622 15.622-40.944 15.622-56.562 0-15.624-15.622-15.624-40.946-0.002-56.568l124.454-124.456-124.452-124.45c-15.622-15.622-15.622-40.946 0-56.564 15.62-15.624 40.944-15.624 56.568-0.002l124.45 124.45 124.454-124.452c15.622-15.62 40.95-15.62 56.566 0 15.622 15.62 15.624 40.944 0.002 56.56l-124.456 124.458 124.456 124.456zM828.784 828.784c-174.956 174.956-458.614 174.956-633.566 0-174.958-174.956-174.958-458.614 0-633.566 174.954-174.958 458.612-174.958 633.566 0 174.954 174.952 174.954 458.612 0 633.566zM880 511.998c-0.002-98.296-38.28-190.708-107.786-260.212s-161.92-107.786-260.214-107.788c-98.296 0.002-190.71 38.282-260.216 107.786-69.506 69.508-107.782 161.918-107.786 260.214 0.002 98.296 38.282 190.71 107.786 260.216 69.508 69.506 161.918 107.784 260.216 107.784 98.296 0 190.708-38.278 260.214-107.784s107.784-161.92 107.786-260.216z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="emotion-12"
|
class="emotion-13"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
id="test2"
|
id="test2"
|
||||||
|
|||||||
@ -2,14 +2,31 @@
|
|||||||
|
|
||||||
exports[`Storyshots UI|Preview/Preview no tabs 1`] = `
|
exports[`Storyshots UI|Preview/Preview no tabs 1`] = `
|
||||||
Array [
|
Array [
|
||||||
.emotion-13 {
|
.emotion-22 {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-flex: 1;
|
-webkit-box-pack: justify;
|
||||||
-ms-flex: 1;
|
-webkit-justify-content: space-between;
|
||||||
flex: 1;
|
-ms-flex-pack: justify;
|
||||||
|
justify-content: space-between;
|
||||||
|
position: relative;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-13 {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-flex-basis: auto;
|
||||||
|
-ms-flex-preferred-size: auto;
|
||||||
|
flex-basis: auto;
|
||||||
|
-webkit-flex-shrink: 0;
|
||||||
|
-ms-flex-negative: 0;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-13 > * {
|
.emotion-13 > * {
|
||||||
@ -21,6 +38,13 @@ Array [
|
|||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
-webkit-flex-basis: auto;
|
||||||
|
-ms-flex-preferred-size: auto;
|
||||||
|
flex-basis: auto;
|
||||||
|
-webkit-flex-shrink: 0;
|
||||||
|
-ms-flex-negative: 0;
|
||||||
|
flex-shrink: 0;
|
||||||
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-21 > * {
|
.emotion-21 > * {
|
||||||
@ -62,22 +86,24 @@ Array [
|
|||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-22 {
|
.emotion-23 {
|
||||||
display: -webkit-box;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
-webkit-box-pack: justify;
|
|
||||||
-webkit-justify-content: space-between;
|
|
||||||
-ms-flex-pack: justify;
|
|
||||||
justify-content: space-between;
|
|
||||||
background: #FFFFFF;
|
|
||||||
color: #999999;
|
color: #999999;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
position: relative;
|
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
-webkit-scrollbar-width: slim;
|
||||||
|
-moz-scrollbar-width: slim;
|
||||||
|
-ms-scrollbar-width: slim;
|
||||||
|
scrollbar-width: slim;
|
||||||
|
-webkit-scrollbar-width: 3px;
|
||||||
|
-moz-scrollbar-width: 3px;
|
||||||
|
-ms-scrollbar-width: 3px;
|
||||||
|
scrollbar-width: 3px;
|
||||||
|
-webkit-scrollbar-color: transparent transparent;
|
||||||
|
-moz-scrollbar-color: transparent transparent;
|
||||||
|
-ms-scrollbar-color: transparent transparent;
|
||||||
|
scrollbar-color: transparent transparent;
|
||||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
@ -90,6 +116,36 @@ Array [
|
|||||||
tranform: translateY(0px);
|
tranform: translateY(0px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.emotion-23::-webkit-scrollbar {
|
||||||
|
height: 3px;
|
||||||
|
width: 3px;
|
||||||
|
background: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-23::-webkit-scrollbar-track {
|
||||||
|
border-radius: 0;
|
||||||
|
background: transparent;
|
||||||
|
opacity: 0;
|
||||||
|
border: 0 none;
|
||||||
|
box-shadow: none;
|
||||||
|
height: 0;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-23::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 0;
|
||||||
|
background: rgba(0,0,0,.1);
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-23::-webkit-scrollbar-track-piece {
|
||||||
|
display: none;
|
||||||
|
border: 0 none;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.emotion-9 {
|
.emotion-9 {
|
||||||
width: 1px;
|
width: 1px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
@ -101,114 +157,121 @@ Array [
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-9:first-child {
|
.emotion-9:first-of-type {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-9:last-child {
|
.emotion-9:last-of-type {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="emotion-22"
|
class="emotion-23"
|
||||||
|
title="bar"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="emotion-13"
|
class="emotion-22"
|
||||||
>
|
>
|
||||||
<button
|
<div
|
||||||
class="emotion-2"
|
class="emotion-13"
|
||||||
title="Zoom in"
|
title="side left"
|
||||||
>
|
>
|
||||||
<svg
|
<button
|
||||||
class="emotion-1"
|
class="emotion-2"
|
||||||
viewBox="0 0 1024 1024"
|
title="Zoom in"
|
||||||
>
|
>
|
||||||
<path
|
<svg
|
||||||
class="emotion-0"
|
class="emotion-1"
|
||||||
d="M220 670a316 316 0 0 1 0-450 316 316 0 0 1 450 0 316 316 0 0 1 0 450 316 316 0 0 1-450 0zm749 240L757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59zM487 604a42 42 0 0 1-84 0V487H286a42 42 0 1 1 0-84h117V286a42 42 0 1 1 84 0v117h117a42 42 0 0 1 0 84H487v117z"
|
viewBox="0 0 1024 1024"
|
||||||
/>
|
>
|
||||||
</svg>
|
<path
|
||||||
</button>
|
class="emotion-0"
|
||||||
<button
|
d="M220 670a316 316 0 0 1 0-450 316 316 0 0 1 450 0 316 316 0 0 1 0 450 316 316 0 0 1-450 0zm749 240L757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59zM487 604a42 42 0 0 1-84 0V487H286a42 42 0 1 1 0-84h117V286a42 42 0 1 1 84 0v117h117a42 42 0 0 1 0 84H487v117z"
|
||||||
class="emotion-2"
|
/>
|
||||||
title="Zoom out"
|
</svg>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="emotion-2"
|
||||||
|
title="Zoom out"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="emotion-1"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
class="emotion-0"
|
||||||
|
d="M757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59L757 698zM126 445a316 316 0 0 1 319-319 316 316 0 0 1 318 319 316 316 0 0 1-318 318 316 316 0 0 1-319-318zm160 42a42 42 0 1 1 0-84h318a42 42 0 0 1 0 84H286z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="emotion-2"
|
||||||
|
title="Reset zoom"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="emotion-1"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
class="emotion-0"
|
||||||
|
d="M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<span
|
||||||
|
class="emotion-9"
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
class="emotion-2"
|
||||||
|
title="Toggle background grid"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="emotion-1"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
class="emotion-0"
|
||||||
|
d="M437.162 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0-20.34-15.19-37.094-34.838-39.632zM208.022 816.038v-184.040h183.978v184.040h-183.978zM437.162 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0-20.342-15.19-37.096-34.838-39.632zM208.022 392v-183.968h183.978v183.968h-183.978zM861.212 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0.002-20.34-15.19-37.094-34.836-39.632zM632 816.038v-184.040h184.048v184.040h-184.048zM861.212 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0.002-20.342-15.19-37.096-34.836-39.632zM632 392v-183.968h184.048v183.968h-184.048z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="emotion-21"
|
||||||
|
title="side right"
|
||||||
>
|
>
|
||||||
<svg
|
<button
|
||||||
class="emotion-1"
|
class="emotion-2"
|
||||||
viewBox="0 0 1024 1024"
|
title="Go full screen"
|
||||||
>
|
>
|
||||||
<path
|
<svg
|
||||||
class="emotion-0"
|
class="emotion-1"
|
||||||
d="M757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59L757 698zM126 445a316 316 0 0 1 319-319 316 316 0 0 1 318 319 316 316 0 0 1-318 318 316 316 0 0 1-319-318zm160 42a42 42 0 1 1 0-84h318a42 42 0 0 1 0 84H286z"
|
viewBox="0 0 1024 1024"
|
||||||
/>
|
>
|
||||||
</svg>
|
<path
|
||||||
</button>
|
class="emotion-0"
|
||||||
<button
|
d="M959.688 920.068l0.31-176c0.040-22.094-17.84-40.032-39.93-40.070-22.092-0.040-40.032 17.838-40.070 39.93l-0.142 79.672-235.734-235.732c-15.622-15.622-40.948-15.622-56.57 0s-15.622 40.948 0 56.568l235.442 235.442-78.946-0.1c-22.092-0.028-40.022 17.86-40.050 39.952-0.014 11.064 4.464 21.084 11.714 28.334 7.228 7.224 17.208 11.702 28.236 11.714l175.688 0.22c22.086 0.028 40.014-17.846 40.052-39.93zM920.178 64.228l-176-0.308c-22.094-0.040-40.032 17.84-40.070 39.93-0.040 22.092 17.838 40.032 39.93 40.070l79.672 0.14-235.732 235.734c-15.622 15.622-15.622 40.948 0 56.568s40.948 15.622 56.568 0l235.442-235.442-0.1 78.946c-0.028 22.092 17.86 40.022 39.952 40.050 11.064 0.014 21.084-4.464 28.334-11.714 7.224-7.228 11.702-17.208 11.714-28.236l0.22-175.688c0.026-22.082-17.846-40.010-39.93-40.050zM64.236 103.742l-0.308 176c-0.040 22.094 17.84 40.032 39.93 40.070 22.092 0.040 40.032-17.84 40.070-39.93l0.14-79.672 235.734 235.73c15.622 15.622 40.948 15.622 56.568 0s15.622-40.946 0-56.566l-235.442-235.442 78.946 0.098c22.092 0.028 40.022-17.86 40.050-39.95 0.014-11.066-4.464-21.086-11.714-28.336-7.228-7.222-17.208-11.7-28.236-11.714l-175.688-0.218c-22.084-0.026-40.012 17.844-40.050 39.93zM103.748 959.766l176 0.308c22.094 0.040 40.032-17.84 40.070-39.93 0.040-22.092-17.84-40.032-39.93-40.070l-79.672-0.14 235.73-235.734c15.622-15.622 15.622-40.948 0-56.568s-40.946-15.622-56.566 0l-235.442 235.442 0.098-78.946c0.028-22.092-17.86-40.022-39.95-40.050-11.066-0.014-21.086 4.464-28.336 11.714-7.222 7.228-11.7 17.208-11.714 28.236l-0.218 175.688c-0.026 22.082 17.844 40.010 39.93 40.050z"
|
||||||
class="emotion-2"
|
/>
|
||||||
title="Reset zoom"
|
</svg>
|
||||||
>
|
</button>
|
||||||
<svg
|
<span
|
||||||
class="emotion-1"
|
class="emotion-9"
|
||||||
viewBox="0 0 1024 1024"
|
/>
|
||||||
|
<button
|
||||||
|
class="emotion-2"
|
||||||
|
title="Open component in new tab"
|
||||||
>
|
>
|
||||||
<path
|
<svg
|
||||||
class="emotion-0"
|
class="emotion-1"
|
||||||
d="M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z"
|
viewBox="0 0 1024 1024"
|
||||||
/>
|
>
|
||||||
</svg>
|
<path
|
||||||
</button>
|
class="emotion-0"
|
||||||
<span
|
d="M896.006 920c0 22.090-17.91 40-40 40h-688.006c-22.090 0-40-17.906-40-40v-549.922c-0.838-3.224-1.33-6.588-1.33-10.072 0-22.090 17.908-40.004 40-40.004h178.66c22.092 0.004 40 17.914 40 40.004 0 22.088-17.908 40-40 40h-137.33v479.996h607.998v-479.996h-138.658c-22.090 0-40-17.912-40-40 0-22.090 17.906-40.004 40-40.004h178.658c22.090 0 40 17.91 40 40v559.844c0 0.050 0.008 0.102 0.008 0.154zM665.622 200.168l-124.452-124.45c-8.042-8.042-18.65-11.912-29.186-11.674-1.612-0.034-3.222 0-4.828 0.16-0.558 0.054-1.098 0.16-1.648 0.238-0.742 0.104-1.484 0.192-2.218 0.338-0.656 0.13-1.29 0.31-1.934 0.472-0.622 0.154-1.244 0.292-1.86 0.476-0.64 0.196-1.258 0.436-1.886 0.66-0.602 0.216-1.208 0.414-1.802 0.66-0.598 0.248-1.17 0.54-1.754 0.814-0.598 0.282-1.202 0.546-1.788 0.86-0.578 0.312-1.13 0.664-1.694 1-0.552 0.332-1.116 0.644-1.654 1.006-0.67 0.448-1.3 0.942-1.942 1.426-0.394 0.302-0.806 0.576-1.196 0.894-1.046 0.858-2.052 1.768-3.008 2.726l-124.398 124.39c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l56.164-56.166v439.426c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-441.202l57.942 57.942c15.622 15.624 40.948 15.62 56.568 0 15.626-15.618 15.626-40.946 0.002-56.566z"
|
||||||
class="emotion-9"
|
/>
|
||||||
/>
|
</svg>
|
||||||
<button
|
</button>
|
||||||
class="emotion-2"
|
</div>
|
||||||
title="Toggle background grid"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="emotion-1"
|
|
||||||
viewBox="0 0 1024 1024"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
class="emotion-0"
|
|
||||||
d="M437.162 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0-20.34-15.19-37.094-34.838-39.632zM208.022 816.038v-184.040h183.978v184.040h-183.978zM437.162 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0-20.342-15.19-37.096-34.838-39.632zM208.022 392v-183.968h183.978v183.968h-183.978zM861.212 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0.002-20.34-15.19-37.094-34.836-39.632zM632 816.038v-184.040h184.048v184.040h-184.048zM861.212 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0.002-20.342-15.19-37.096-34.836-39.632zM632 392v-183.968h184.048v183.968h-184.048z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="emotion-21"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="emotion-2"
|
|
||||||
title="Go full screen"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="emotion-1"
|
|
||||||
viewBox="0 0 1024 1024"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
class="emotion-0"
|
|
||||||
d="M959.688 920.068l0.31-176c0.040-22.094-17.84-40.032-39.93-40.070-22.092-0.040-40.032 17.838-40.070 39.93l-0.142 79.672-235.734-235.732c-15.622-15.622-40.948-15.622-56.57 0s-15.622 40.948 0 56.568l235.442 235.442-78.946-0.1c-22.092-0.028-40.022 17.86-40.050 39.952-0.014 11.064 4.464 21.084 11.714 28.334 7.228 7.224 17.208 11.702 28.236 11.714l175.688 0.22c22.086 0.028 40.014-17.846 40.052-39.93zM920.178 64.228l-176-0.308c-22.094-0.040-40.032 17.84-40.070 39.93-0.040 22.092 17.838 40.032 39.93 40.070l79.672 0.14-235.732 235.734c-15.622 15.622-15.622 40.948 0 56.568s40.948 15.622 56.568 0l235.442-235.442-0.1 78.946c-0.028 22.092 17.86 40.022 39.952 40.050 11.064 0.014 21.084-4.464 28.334-11.714 7.224-7.228 11.702-17.208 11.714-28.236l0.22-175.688c0.026-22.082-17.846-40.010-39.93-40.050zM64.236 103.742l-0.308 176c-0.040 22.094 17.84 40.032 39.93 40.070 22.092 0.040 40.032-17.84 40.070-39.93l0.14-79.672 235.734 235.73c15.622 15.622 40.948 15.622 56.568 0s15.622-40.946 0-56.566l-235.442-235.442 78.946 0.098c22.092 0.028 40.022-17.86 40.050-39.95 0.014-11.066-4.464-21.086-11.714-28.336-7.228-7.222-17.208-11.7-28.236-11.714l-175.688-0.218c-22.084-0.026-40.012 17.844-40.050 39.93zM103.748 959.766l176 0.308c22.094 0.040 40.032-17.84 40.070-39.93 0.040-22.092-17.84-40.032-39.93-40.070l-79.672-0.14 235.73-235.734c15.622-15.622 15.622-40.948 0-56.568s-40.946-15.622-56.566 0l-235.442 235.442 0.098-78.946c0.028-22.092-17.86-40.022-39.95-40.050-11.066-0.014-21.086 4.464-28.336 11.714-7.222 7.228-11.7 17.208-11.714 28.236l-0.218 175.688c-0.026 22.082 17.844 40.010 39.93 40.050z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<span
|
|
||||||
class="emotion-9"
|
|
||||||
/>
|
|
||||||
<button
|
|
||||||
class="emotion-2"
|
|
||||||
title="Open component in new tab"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="emotion-1"
|
|
||||||
viewBox="0 0 1024 1024"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
class="emotion-0"
|
|
||||||
d="M896.006 920c0 22.090-17.91 40-40 40h-688.006c-22.090 0-40-17.906-40-40v-549.922c-0.838-3.224-1.33-6.588-1.33-10.072 0-22.090 17.908-40.004 40-40.004h178.66c22.092 0.004 40 17.914 40 40.004 0 22.088-17.908 40-40 40h-137.33v479.996h607.998v-479.996h-138.658c-22.090 0-40-17.912-40-40 0-22.090 17.906-40.004 40-40.004h178.658c22.090 0 40 17.91 40 40v559.844c0 0.050 0.008 0.102 0.008 0.154zM665.622 200.168l-124.452-124.45c-8.042-8.042-18.65-11.912-29.186-11.674-1.612-0.034-3.222 0-4.828 0.16-0.558 0.054-1.098 0.16-1.648 0.238-0.742 0.104-1.484 0.192-2.218 0.338-0.656 0.13-1.29 0.31-1.934 0.472-0.622 0.154-1.244 0.292-1.86 0.476-0.64 0.196-1.258 0.436-1.886 0.66-0.602 0.216-1.208 0.414-1.802 0.66-0.598 0.248-1.17 0.54-1.754 0.814-0.598 0.282-1.202 0.546-1.788 0.86-0.578 0.312-1.13 0.664-1.694 1-0.552 0.332-1.116 0.644-1.654 1.006-0.67 0.448-1.3 0.942-1.942 1.426-0.394 0.302-0.806 0.576-1.196 0.894-1.046 0.858-2.052 1.768-3.008 2.726l-124.398 124.39c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l56.164-56.166v439.426c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-441.202l57.942 57.942c15.622 15.624 40.948 15.62 56.568 0 15.626-15.618 15.626-40.946 0.002-56.566z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>,
|
</div>,
|
||||||
.emotion-2 {
|
.emotion-2 {
|
||||||
@ -284,14 +347,31 @@ Array [
|
|||||||
|
|
||||||
exports[`Storyshots UI|Preview/Preview with tabs 1`] = `
|
exports[`Storyshots UI|Preview/Preview with tabs 1`] = `
|
||||||
Array [
|
Array [
|
||||||
.emotion-19 {
|
.emotion-28 {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-flex: 1;
|
-webkit-box-pack: justify;
|
||||||
-ms-flex: 1;
|
-webkit-justify-content: space-between;
|
||||||
flex: 1;
|
-ms-flex-pack: justify;
|
||||||
|
justify-content: space-between;
|
||||||
|
position: relative;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-19 {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: flex;
|
||||||
|
-webkit-flex-basis: auto;
|
||||||
|
-ms-flex-preferred-size: auto;
|
||||||
|
flex-basis: auto;
|
||||||
|
-webkit-flex-shrink: 0;
|
||||||
|
-ms-flex-negative: 0;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-19 > * {
|
.emotion-19 > * {
|
||||||
@ -299,14 +379,10 @@ Array [
|
|||||||
}
|
}
|
||||||
|
|
||||||
.emotion-4 {
|
.emotion-4 {
|
||||||
white-space: nowrap;
|
overflow: hidden;
|
||||||
height: 100%;
|
|
||||||
padding-bottom: 50px;
|
|
||||||
overflow-x: visisble;
|
|
||||||
overflow-y: visisble;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-4:first-child {
|
.emotion-4:first-of-type {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -405,6 +481,13 @@ Array [
|
|||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
-webkit-flex-basis: auto;
|
||||||
|
-ms-flex-preferred-size: auto;
|
||||||
|
flex-basis: auto;
|
||||||
|
-webkit-flex-shrink: 0;
|
||||||
|
-ms-flex-negative: 0;
|
||||||
|
flex-shrink: 0;
|
||||||
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-27 > * {
|
.emotion-27 > * {
|
||||||
@ -446,22 +529,24 @@ Array [
|
|||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-28 {
|
.emotion-29 {
|
||||||
display: -webkit-box;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
-webkit-box-pack: justify;
|
|
||||||
-webkit-justify-content: space-between;
|
|
||||||
-ms-flex-pack: justify;
|
|
||||||
justify-content: space-between;
|
|
||||||
background: #FFFFFF;
|
|
||||||
color: #999999;
|
color: #999999;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
position: relative;
|
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
-webkit-scrollbar-width: slim;
|
||||||
|
-moz-scrollbar-width: slim;
|
||||||
|
-ms-scrollbar-width: slim;
|
||||||
|
scrollbar-width: slim;
|
||||||
|
-webkit-scrollbar-width: 3px;
|
||||||
|
-moz-scrollbar-width: 3px;
|
||||||
|
-ms-scrollbar-width: 3px;
|
||||||
|
scrollbar-width: 3px;
|
||||||
|
-webkit-scrollbar-color: transparent transparent;
|
||||||
|
-moz-scrollbar-color: transparent transparent;
|
||||||
|
-ms-scrollbar-color: transparent transparent;
|
||||||
|
scrollbar-color: transparent transparent;
|
||||||
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
background: #FFFFFF linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.1) calc(100% - 1px));
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
@ -474,6 +559,36 @@ Array [
|
|||||||
tranform: translateY(0px);
|
tranform: translateY(0px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.emotion-29::-webkit-scrollbar {
|
||||||
|
height: 3px;
|
||||||
|
width: 3px;
|
||||||
|
background: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-29::-webkit-scrollbar-track {
|
||||||
|
border-radius: 0;
|
||||||
|
background: transparent;
|
||||||
|
opacity: 0;
|
||||||
|
border: 0 none;
|
||||||
|
box-shadow: none;
|
||||||
|
height: 0;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-29::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 0;
|
||||||
|
background: rgba(0,0,0,.1);
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emotion-29::-webkit-scrollbar-track-piece {
|
||||||
|
display: none;
|
||||||
|
border: 0 none;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.emotion-5 {
|
.emotion-5 {
|
||||||
width: 1px;
|
width: 1px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
@ -485,11 +600,11 @@ Array [
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-5:first-child {
|
.emotion-5:first-of-type {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.emotion-5:last-child {
|
.emotion-5:last-of-type {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -501,132 +616,139 @@ Array [
|
|||||||
}
|
}
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="emotion-28"
|
class="emotion-29"
|
||||||
|
title="bar"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="emotion-19"
|
class="emotion-28"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="emotion-4"
|
class="emotion-19"
|
||||||
|
title="side left"
|
||||||
>
|
>
|
||||||
<a
|
<div
|
||||||
class="emotion-1"
|
class="emotion-4"
|
||||||
href="/?path=/story/string"
|
|
||||||
>
|
>
|
||||||
<button
|
<a
|
||||||
class="emotion-0"
|
class="emotion-1"
|
||||||
|
href="/?path=/story/string"
|
||||||
>
|
>
|
||||||
Canvas
|
<button
|
||||||
</button>
|
class="emotion-0"
|
||||||
</a>
|
>
|
||||||
<a
|
Canvas
|
||||||
class="emotion-1"
|
</button>
|
||||||
href="/?path=/info/string"
|
</a>
|
||||||
|
<a
|
||||||
|
class="emotion-1"
|
||||||
|
href="/?path=/info/string"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
class="emotion-2"
|
||||||
|
>
|
||||||
|
Notes
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<span
|
||||||
|
class="emotion-5"
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
class="emotion-8"
|
||||||
|
title="Zoom in"
|
||||||
>
|
>
|
||||||
<button
|
<svg
|
||||||
class="emotion-2"
|
class="emotion-7"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
>
|
>
|
||||||
Notes
|
<path
|
||||||
</button>
|
class="emotion-6"
|
||||||
</a>
|
d="M220 670a316 316 0 0 1 0-450 316 316 0 0 1 450 0 316 316 0 0 1 0 450 316 316 0 0 1-450 0zm749 240L757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59zM487 604a42 42 0 0 1-84 0V487H286a42 42 0 1 1 0-84h117V286a42 42 0 1 1 84 0v117h117a42 42 0 0 1 0 84H487v117z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="emotion-8"
|
||||||
|
title="Zoom out"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="emotion-7"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
class="emotion-6"
|
||||||
|
d="M757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59L757 698zM126 445a316 316 0 0 1 319-319 316 316 0 0 1 318 319 316 316 0 0 1-318 318 316 316 0 0 1-319-318zm160 42a42 42 0 1 1 0-84h318a42 42 0 0 1 0 84H286z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="emotion-8"
|
||||||
|
title="Reset zoom"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="emotion-7"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
class="emotion-6"
|
||||||
|
d="M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<span
|
||||||
|
class="emotion-5"
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
class="emotion-8"
|
||||||
|
title="Toggle background grid"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="emotion-7"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
class="emotion-6"
|
||||||
|
d="M437.162 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0-20.34-15.19-37.094-34.838-39.632zM208.022 816.038v-184.040h183.978v184.040h-183.978zM437.162 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0-20.342-15.19-37.096-34.838-39.632zM208.022 392v-183.968h183.978v183.968h-183.978zM861.212 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0.002-20.34-15.19-37.094-34.836-39.632zM632 816.038v-184.040h184.048v184.040h-184.048zM861.212 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0.002-20.342-15.19-37.096-34.836-39.632zM632 392v-183.968h184.048v183.968h-184.048z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<span
|
<div
|
||||||
class="emotion-5"
|
class="emotion-27"
|
||||||
/>
|
title="side right"
|
||||||
<button
|
|
||||||
class="emotion-8"
|
|
||||||
title="Zoom in"
|
|
||||||
>
|
>
|
||||||
<svg
|
<button
|
||||||
class="emotion-7"
|
class="emotion-8"
|
||||||
viewBox="0 0 1024 1024"
|
title="Go full screen"
|
||||||
>
|
>
|
||||||
<path
|
<svg
|
||||||
class="emotion-6"
|
class="emotion-7"
|
||||||
d="M220 670a316 316 0 0 1 0-450 316 316 0 0 1 450 0 316 316 0 0 1 0 450 316 316 0 0 1-450 0zm749 240L757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59zM487 604a42 42 0 0 1-84 0V487H286a42 42 0 1 1 0-84h117V286a42 42 0 1 1 84 0v117h117a42 42 0 0 1 0 84H487v117z"
|
viewBox="0 0 1024 1024"
|
||||||
/>
|
>
|
||||||
</svg>
|
<path
|
||||||
</button>
|
class="emotion-6"
|
||||||
<button
|
d="M959.688 920.068l0.31-176c0.040-22.094-17.84-40.032-39.93-40.070-22.092-0.040-40.032 17.838-40.070 39.93l-0.142 79.672-235.734-235.732c-15.622-15.622-40.948-15.622-56.57 0s-15.622 40.948 0 56.568l235.442 235.442-78.946-0.1c-22.092-0.028-40.022 17.86-40.050 39.952-0.014 11.064 4.464 21.084 11.714 28.334 7.228 7.224 17.208 11.702 28.236 11.714l175.688 0.22c22.086 0.028 40.014-17.846 40.052-39.93zM920.178 64.228l-176-0.308c-22.094-0.040-40.032 17.84-40.070 39.93-0.040 22.092 17.838 40.032 39.93 40.070l79.672 0.14-235.732 235.734c-15.622 15.622-15.622 40.948 0 56.568s40.948 15.622 56.568 0l235.442-235.442-0.1 78.946c-0.028 22.092 17.86 40.022 39.952 40.050 11.064 0.014 21.084-4.464 28.334-11.714 7.224-7.228 11.702-17.208 11.714-28.236l0.22-175.688c0.026-22.082-17.846-40.010-39.93-40.050zM64.236 103.742l-0.308 176c-0.040 22.094 17.84 40.032 39.93 40.070 22.092 0.040 40.032-17.84 40.070-39.93l0.14-79.672 235.734 235.73c15.622 15.622 40.948 15.622 56.568 0s15.622-40.946 0-56.566l-235.442-235.442 78.946 0.098c22.092 0.028 40.022-17.86 40.050-39.95 0.014-11.066-4.464-21.086-11.714-28.336-7.228-7.222-17.208-11.7-28.236-11.714l-175.688-0.218c-22.084-0.026-40.012 17.844-40.050 39.93zM103.748 959.766l176 0.308c22.094 0.040 40.032-17.84 40.070-39.93 0.040-22.092-17.84-40.032-39.93-40.070l-79.672-0.14 235.73-235.734c15.622-15.622 15.622-40.948 0-56.568s-40.946-15.622-56.566 0l-235.442 235.442 0.098-78.946c0.028-22.092-17.86-40.022-39.95-40.050-11.066-0.014-21.086 4.464-28.336 11.714-7.222 7.228-11.7 17.208-11.714 28.236l-0.218 175.688c-0.026 22.082 17.844 40.010 39.93 40.050z"
|
||||||
class="emotion-8"
|
/>
|
||||||
title="Zoom out"
|
</svg>
|
||||||
>
|
</button>
|
||||||
<svg
|
<span
|
||||||
class="emotion-7"
|
class="emotion-5"
|
||||||
viewBox="0 0 1024 1024"
|
/>
|
||||||
|
<button
|
||||||
|
class="emotion-8"
|
||||||
|
title="Open component in new tab"
|
||||||
>
|
>
|
||||||
<path
|
<svg
|
||||||
class="emotion-6"
|
class="emotion-7"
|
||||||
d="M757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59L757 698zM126 445a316 316 0 0 1 319-319 316 316 0 0 1 318 319 316 316 0 0 1-318 318 316 316 0 0 1-319-318zm160 42a42 42 0 1 1 0-84h318a42 42 0 0 1 0 84H286z"
|
viewBox="0 0 1024 1024"
|
||||||
/>
|
>
|
||||||
</svg>
|
<path
|
||||||
</button>
|
class="emotion-6"
|
||||||
<button
|
d="M896.006 920c0 22.090-17.91 40-40 40h-688.006c-22.090 0-40-17.906-40-40v-549.922c-0.838-3.224-1.33-6.588-1.33-10.072 0-22.090 17.908-40.004 40-40.004h178.66c22.092 0.004 40 17.914 40 40.004 0 22.088-17.908 40-40 40h-137.33v479.996h607.998v-479.996h-138.658c-22.090 0-40-17.912-40-40 0-22.090 17.906-40.004 40-40.004h178.658c22.090 0 40 17.91 40 40v559.844c0 0.050 0.008 0.102 0.008 0.154zM665.622 200.168l-124.452-124.45c-8.042-8.042-18.65-11.912-29.186-11.674-1.612-0.034-3.222 0-4.828 0.16-0.558 0.054-1.098 0.16-1.648 0.238-0.742 0.104-1.484 0.192-2.218 0.338-0.656 0.13-1.29 0.31-1.934 0.472-0.622 0.154-1.244 0.292-1.86 0.476-0.64 0.196-1.258 0.436-1.886 0.66-0.602 0.216-1.208 0.414-1.802 0.66-0.598 0.248-1.17 0.54-1.754 0.814-0.598 0.282-1.202 0.546-1.788 0.86-0.578 0.312-1.13 0.664-1.694 1-0.552 0.332-1.116 0.644-1.654 1.006-0.67 0.448-1.3 0.942-1.942 1.426-0.394 0.302-0.806 0.576-1.196 0.894-1.046 0.858-2.052 1.768-3.008 2.726l-124.398 124.39c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l56.164-56.166v439.426c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-441.202l57.942 57.942c15.622 15.624 40.948 15.62 56.568 0 15.626-15.618 15.626-40.946 0.002-56.566z"
|
||||||
class="emotion-8"
|
/>
|
||||||
title="Reset zoom"
|
</svg>
|
||||||
>
|
</button>
|
||||||
<svg
|
</div>
|
||||||
class="emotion-7"
|
|
||||||
viewBox="0 0 1024 1024"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
class="emotion-6"
|
|
||||||
d="M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<span
|
|
||||||
class="emotion-5"
|
|
||||||
/>
|
|
||||||
<button
|
|
||||||
class="emotion-8"
|
|
||||||
title="Toggle background grid"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="emotion-7"
|
|
||||||
viewBox="0 0 1024 1024"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
class="emotion-6"
|
|
||||||
d="M437.162 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0-20.34-15.19-37.094-34.838-39.632zM208.022 816.038v-184.040h183.978v184.040h-183.978zM437.162 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0-20.342-15.19-37.096-34.838-39.632zM208.022 392v-183.968h183.978v183.968h-183.978zM861.212 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0.002-20.34-15.19-37.094-34.836-39.632zM632 816.038v-184.040h184.048v184.040h-184.048zM861.212 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0.002-20.342-15.19-37.096-34.836-39.632zM632 392v-183.968h184.048v183.968h-184.048z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="emotion-27"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="emotion-8"
|
|
||||||
title="Go full screen"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="emotion-7"
|
|
||||||
viewBox="0 0 1024 1024"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
class="emotion-6"
|
|
||||||
d="M959.688 920.068l0.31-176c0.040-22.094-17.84-40.032-39.93-40.070-22.092-0.040-40.032 17.838-40.070 39.93l-0.142 79.672-235.734-235.732c-15.622-15.622-40.948-15.622-56.57 0s-15.622 40.948 0 56.568l235.442 235.442-78.946-0.1c-22.092-0.028-40.022 17.86-40.050 39.952-0.014 11.064 4.464 21.084 11.714 28.334 7.228 7.224 17.208 11.702 28.236 11.714l175.688 0.22c22.086 0.028 40.014-17.846 40.052-39.93zM920.178 64.228l-176-0.308c-22.094-0.040-40.032 17.84-40.070 39.93-0.040 22.092 17.838 40.032 39.93 40.070l79.672 0.14-235.732 235.734c-15.622 15.622-15.622 40.948 0 56.568s40.948 15.622 56.568 0l235.442-235.442-0.1 78.946c-0.028 22.092 17.86 40.022 39.952 40.050 11.064 0.014 21.084-4.464 28.334-11.714 7.224-7.228 11.702-17.208 11.714-28.236l0.22-175.688c0.026-22.082-17.846-40.010-39.93-40.050zM64.236 103.742l-0.308 176c-0.040 22.094 17.84 40.032 39.93 40.070 22.092 0.040 40.032-17.84 40.070-39.93l0.14-79.672 235.734 235.73c15.622 15.622 40.948 15.622 56.568 0s15.622-40.946 0-56.566l-235.442-235.442 78.946 0.098c22.092 0.028 40.022-17.86 40.050-39.95 0.014-11.066-4.464-21.086-11.714-28.336-7.228-7.222-17.208-11.7-28.236-11.714l-175.688-0.218c-22.084-0.026-40.012 17.844-40.050 39.93zM103.748 959.766l176 0.308c22.094 0.040 40.032-17.84 40.070-39.93 0.040-22.092-17.84-40.032-39.93-40.070l-79.672-0.14 235.73-235.734c15.622-15.622 15.622-40.948 0-56.568s-40.946-15.622-56.566 0l-235.442 235.442 0.098-78.946c0.028-22.092-17.86-40.022-39.95-40.050-11.066-0.014-21.086 4.464-28.336 11.714-7.222 7.228-11.7 17.208-11.714 28.236l-0.218 175.688c-0.026 22.082 17.844 40.010 39.93 40.050z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<span
|
|
||||||
class="emotion-5"
|
|
||||||
/>
|
|
||||||
<button
|
|
||||||
class="emotion-8"
|
|
||||||
title="Open component in new tab"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="emotion-7"
|
|
||||||
viewBox="0 0 1024 1024"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
class="emotion-6"
|
|
||||||
d="M896.006 920c0 22.090-17.91 40-40 40h-688.006c-22.090 0-40-17.906-40-40v-549.922c-0.838-3.224-1.33-6.588-1.33-10.072 0-22.090 17.908-40.004 40-40.004h178.66c22.092 0.004 40 17.914 40 40.004 0 22.088-17.908 40-40 40h-137.33v479.996h607.998v-479.996h-138.658c-22.090 0-40-17.912-40-40 0-22.090 17.906-40.004 40-40.004h178.658c22.090 0 40 17.91 40 40v559.844c0 0.050 0.008 0.102 0.008 0.154zM665.622 200.168l-124.452-124.45c-8.042-8.042-18.65-11.912-29.186-11.674-1.612-0.034-3.222 0-4.828 0.16-0.558 0.054-1.098 0.16-1.648 0.238-0.742 0.104-1.484 0.192-2.218 0.338-0.656 0.13-1.29 0.31-1.934 0.472-0.622 0.154-1.244 0.292-1.86 0.476-0.64 0.196-1.258 0.436-1.886 0.66-0.602 0.216-1.208 0.414-1.802 0.66-0.598 0.248-1.17 0.54-1.754 0.814-0.598 0.282-1.202 0.546-1.788 0.86-0.578 0.312-1.13 0.664-1.694 1-0.552 0.332-1.116 0.644-1.654 1.006-0.67 0.448-1.3 0.942-1.942 1.426-0.394 0.302-0.806 0.576-1.196 0.894-1.046 0.858-2.052 1.768-3.008 2.726l-124.398 124.39c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l56.164-56.166v439.426c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-441.202l57.942 57.942c15.622 15.624 40.948 15.62 56.568 0 15.626-15.618 15.626-40.946 0.002-56.566z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>,
|
</div>,
|
||||||
.emotion-2 {
|
.emotion-2 {
|
||||||
|
|||||||
@ -20,5 +20,3 @@ all.storyData = { notifications };
|
|||||||
|
|
||||||
export const single = () => <NotificationList notifications={notifications.slice(0, 1)} />;
|
export const single = () => <NotificationList notifications={notifications.slice(0, 1)} />;
|
||||||
single.storyData = { notifications: notifications.slice(0, 1) };
|
single.storyData = { notifications: notifications.slice(0, 1) };
|
||||||
|
|
||||||
export const empty = () => <NotificationList notifications={[]} />;
|
|
||||||
|
|||||||
@ -35,6 +35,7 @@ const LogoLink = styled.a(
|
|||||||
const MenuButton = styled(Button)(props => ({
|
const MenuButton = styled(Button)(props => ({
|
||||||
position: 'relative',
|
position: 'relative',
|
||||||
overflow: 'visible',
|
overflow: 'visible',
|
||||||
|
padding: 7,
|
||||||
|
|
||||||
...(props.highlighted && {
|
...(props.highlighted && {
|
||||||
'&:after': {
|
'&:after': {
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -65,7 +65,6 @@ const UpdateMessage = styled.div(
|
|||||||
|
|
||||||
({ theme }) => ({
|
({ theme }) => ({
|
||||||
fontWeight: theme.typography.weight.bold,
|
fontWeight: theme.typography.weight.bold,
|
||||||
height: 40,
|
|
||||||
padding: '10px 20px',
|
padding: '10px 20px',
|
||||||
marginBottom: 24,
|
marginBottom: 24,
|
||||||
borderRadius: theme.borderRadius,
|
borderRadius: theme.borderRadius,
|
||||||
|
|||||||
108
yarn.lock
108
yarn.lock
@ -12,7 +12,6 @@
|
|||||||
"@angular-devkit/architect@0.13.0":
|
"@angular-devkit/architect@0.13.0":
|
||||||
version "0.13.0"
|
version "0.13.0"
|
||||||
resolved "https://registry.yarnpkg.com/@angular-devkit/architect/-/architect-0.13.0.tgz#47a9c76ca4c01c357a8670810f29a45e906447cd"
|
resolved "https://registry.yarnpkg.com/@angular-devkit/architect/-/architect-0.13.0.tgz#47a9c76ca4c01c357a8670810f29a45e906447cd"
|
||||||
integrity sha512-oDBrWlfKh/0t2ag4T8gz9xzPMItxfctinlsHxhw7dPQ+etq1mIcWgQkiKiDrz4l46YiGipBRlC55j+6f37omAA==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@angular-devkit/core" "7.3.0"
|
"@angular-devkit/core" "7.3.0"
|
||||||
rxjs "6.3.3"
|
rxjs "6.3.3"
|
||||||
@ -100,7 +99,6 @@
|
|||||||
"@angular-devkit/core@7.3.0":
|
"@angular-devkit/core@7.3.0":
|
||||||
version "7.3.0"
|
version "7.3.0"
|
||||||
resolved "https://registry.yarnpkg.com/@angular-devkit/core/-/core-7.3.0.tgz#fc272e39b4c307833e9a7db77007418a246f5410"
|
resolved "https://registry.yarnpkg.com/@angular-devkit/core/-/core-7.3.0.tgz#fc272e39b4c307833e9a7db77007418a246f5410"
|
||||||
integrity sha512-b0qtAUpgqLpWY8W6vWRv1aj6bXkZCP1rvywl8i8TbGMY67CWRcy5J3fNAMmjiZS+LJixFlIXYf4iOydglyJMfg==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
ajv "6.7.0"
|
ajv "6.7.0"
|
||||||
chokidar "2.0.4"
|
chokidar "2.0.4"
|
||||||
@ -111,7 +109,6 @@
|
|||||||
"@angular-devkit/schematics@7.3.0":
|
"@angular-devkit/schematics@7.3.0":
|
||||||
version "7.3.0"
|
version "7.3.0"
|
||||||
resolved "https://registry.yarnpkg.com/@angular-devkit/schematics/-/schematics-7.3.0.tgz#112c1f59ff2778157aff6fb7484a6c132d4156ac"
|
resolved "https://registry.yarnpkg.com/@angular-devkit/schematics/-/schematics-7.3.0.tgz#112c1f59ff2778157aff6fb7484a6c132d4156ac"
|
||||||
integrity sha512-glOduymftH0LmJhITWgWUJK8QCDUltgTZ943/OyArIvLXTLL/8zCb+G6xL+3k33EQjwJicgQ3WIjonJmeTK/Ww==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@angular-devkit/core" "7.3.0"
|
"@angular-devkit/core" "7.3.0"
|
||||||
rxjs "6.3.3"
|
rxjs "6.3.3"
|
||||||
@ -119,7 +116,6 @@
|
|||||||
"@angular/cli@^7.3.0":
|
"@angular/cli@^7.3.0":
|
||||||
version "7.3.0"
|
version "7.3.0"
|
||||||
resolved "https://registry.yarnpkg.com/@angular/cli/-/cli-7.3.0.tgz#8f9301aa7a942385258b35bf86806267073fce17"
|
resolved "https://registry.yarnpkg.com/@angular/cli/-/cli-7.3.0.tgz#8f9301aa7a942385258b35bf86806267073fce17"
|
||||||
integrity sha512-6+NoHsW1MYG7GBHUg71zaWIFeIRps/SVksCmRFCpW0RXqErCQmzf0GZuDTZZ2Yo4RzU01150sVp1R8wEvEZfZQ==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@angular-devkit/architect" "0.13.0"
|
"@angular-devkit/architect" "0.13.0"
|
||||||
"@angular-devkit/core" "7.3.0"
|
"@angular-devkit/core" "7.3.0"
|
||||||
@ -160,7 +156,6 @@
|
|||||||
"@angular/compiler@^7.2.3":
|
"@angular/compiler@^7.2.3":
|
||||||
version "7.2.3"
|
version "7.2.3"
|
||||||
resolved "https://registry.yarnpkg.com/@angular/compiler/-/compiler-7.2.3.tgz#ffa89911750342c5e4f0359d6e9402479dd6e7bd"
|
resolved "https://registry.yarnpkg.com/@angular/compiler/-/compiler-7.2.3.tgz#ffa89911750342c5e4f0359d6e9402479dd6e7bd"
|
||||||
integrity sha512-UM6n4MyZkR5+VVjlwhLH8IfqdWBkdFcF5at4ckJXOJ/gkIUq97irbis9pGj1b0TO7MAl8uhF4b68xe5lk8b49g==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
tslib "^1.9.0"
|
tslib "^1.9.0"
|
||||||
|
|
||||||
@ -501,7 +496,6 @@
|
|||||||
"@babel/plugin-proposal-object-rest-spread@^7.0.0", "@babel/plugin-proposal-object-rest-spread@^7.3.1", "@babel/plugin-proposal-object-rest-spread@^7.3.2":
|
"@babel/plugin-proposal-object-rest-spread@^7.0.0", "@babel/plugin-proposal-object-rest-spread@^7.3.1", "@babel/plugin-proposal-object-rest-spread@^7.3.2":
|
||||||
version "7.3.2"
|
version "7.3.2"
|
||||||
resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.3.2.tgz#6d1859882d4d778578e41f82cc5d7bf3d5daf6c1"
|
resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.3.2.tgz#6d1859882d4d778578e41f82cc5d7bf3d5daf6c1"
|
||||||
integrity sha512-DjeMS+J2+lpANkYLLO+m6GjoTMygYglKmRe6cDTbFv3L9i6mmiE8fe6B8MtCSLZpVXscD5kn7s6SgtHrDoBWoA==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@babel/helper-plugin-utils" "^7.0.0"
|
"@babel/helper-plugin-utils" "^7.0.0"
|
||||||
"@babel/plugin-syntax-object-rest-spread" "^7.2.0"
|
"@babel/plugin-syntax-object-rest-spread" "^7.2.0"
|
||||||
@ -1045,7 +1039,6 @@
|
|||||||
"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.1.5", "@babel/runtime@^7.2.0":
|
"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.1.5", "@babel/runtime@^7.2.0":
|
||||||
version "7.3.1"
|
version "7.3.1"
|
||||||
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.3.1.tgz#574b03e8e8a9898eaf4a872a92ea20b7846f6f2a"
|
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.3.1.tgz#574b03e8e8a9898eaf4a872a92ea20b7846f6f2a"
|
||||||
integrity sha512-7jGW8ppV0ant637pIqAcFfQDDH1orEPGJb8aXfUozuCU3QqX7rX4DA8iwrbPrR1hcH0FTTHz47yQnk+bl5xHQA==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
regenerator-runtime "^0.12.0"
|
regenerator-runtime "^0.12.0"
|
||||||
|
|
||||||
@ -1103,7 +1096,6 @@
|
|||||||
"@ember/test-helpers@^1.3.1":
|
"@ember/test-helpers@^1.3.1":
|
||||||
version "1.3.1"
|
version "1.3.1"
|
||||||
resolved "https://registry.yarnpkg.com/@ember/test-helpers/-/test-helpers-1.3.1.tgz#575b30f4b74c888ea8510c6adffb855876c93a3d"
|
resolved "https://registry.yarnpkg.com/@ember/test-helpers/-/test-helpers-1.3.1.tgz#575b30f4b74c888ea8510c6adffb855876c93a3d"
|
||||||
integrity sha512-j/o5ouq/i64PHkpkcq5Ji26cqxezHhMFRIiehdBmJQo/dVI3gAEsJJh0+qeDD8MrT8WhFT9oqLcicfjEWDEvaA==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
broccoli-debug "^0.6.5"
|
broccoli-debug "^0.6.5"
|
||||||
broccoli-funnel "^2.0.1"
|
broccoli-funnel "^2.0.1"
|
||||||
@ -1174,7 +1166,6 @@
|
|||||||
"@emotion/serialize@^0.11.3", "@emotion/serialize@^0.11.4":
|
"@emotion/serialize@^0.11.3", "@emotion/serialize@^0.11.4":
|
||||||
version "0.11.4"
|
version "0.11.4"
|
||||||
resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.4.tgz#691e615184a23cd3b9ae9b1eaa79eb8798e52379"
|
resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.4.tgz#691e615184a23cd3b9ae9b1eaa79eb8798e52379"
|
||||||
integrity sha512-JKmn+Qnc8f6OZKSHmNq1RpO27raIi6Kj0uqBaSOUVMW6NI0M3wLpV4pK5hZO4I+1WuCC39hOBPgQ/GcgoHbDeg==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@emotion/hash" "0.7.1"
|
"@emotion/hash" "0.7.1"
|
||||||
"@emotion/memoize" "0.7.1"
|
"@emotion/memoize" "0.7.1"
|
||||||
@ -1843,7 +1834,6 @@
|
|||||||
"@ngrx/store@^7.2.0":
|
"@ngrx/store@^7.2.0":
|
||||||
version "7.2.0"
|
version "7.2.0"
|
||||||
resolved "https://registry.yarnpkg.com/@ngrx/store/-/store-7.2.0.tgz#b22200fd48b721afe0e5cc9eec92f3dc31c078b1"
|
resolved "https://registry.yarnpkg.com/@ngrx/store/-/store-7.2.0.tgz#b22200fd48b721afe0e5cc9eec92f3dc31c078b1"
|
||||||
integrity sha512-E9c0cDot0HeE0mXyeqw18SwmJ2+eKnA5mMMfwvoskpMInCYGI2pq1i6/lCVQ2wrEHSH+KvObK4PQbepcA9vP+w==
|
|
||||||
|
|
||||||
"@ngtools/webpack@7.1.4":
|
"@ngtools/webpack@7.1.4":
|
||||||
version "7.1.4"
|
version "7.1.4"
|
||||||
@ -1871,7 +1861,6 @@
|
|||||||
"@octokit/request@2.3.0":
|
"@octokit/request@2.3.0":
|
||||||
version "2.3.0"
|
version "2.3.0"
|
||||||
resolved "https://registry.yarnpkg.com/@octokit/request/-/request-2.3.0.tgz#da2672308bcf0b9376ef66f51bddbe5eb87cc00a"
|
resolved "https://registry.yarnpkg.com/@octokit/request/-/request-2.3.0.tgz#da2672308bcf0b9376ef66f51bddbe5eb87cc00a"
|
||||||
integrity sha512-5YRqYNZOAaL7+nt7w3Scp6Sz4P2g7wKFP9npx1xdExMomk8/M/ICXVLYVam2wzxeY0cIc6wcKpjC5KI4jiNbGw==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@octokit/endpoint" "^3.1.1"
|
"@octokit/endpoint" "^3.1.1"
|
||||||
is-plain-object "^2.0.4"
|
is-plain-object "^2.0.4"
|
||||||
@ -1892,7 +1881,6 @@
|
|||||||
"@octokit/rest@^16.14.1":
|
"@octokit/rest@^16.14.1":
|
||||||
version "16.15.0"
|
version "16.15.0"
|
||||||
resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-16.15.0.tgz#648a88d5de055bcf38976709c5b2bdf1227b926f"
|
resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-16.15.0.tgz#648a88d5de055bcf38976709c5b2bdf1227b926f"
|
||||||
integrity sha512-Un+e7rgh38RtPOTe453pT/KPM/p2KZICimBmuZCd2wEo8PacDa4h6RqTPZs+f2DPazTTqdM7QU4LKlUjgiBwWw==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@octokit/request" "2.3.0"
|
"@octokit/request" "2.3.0"
|
||||||
before-after-hook "^1.2.0"
|
before-after-hook "^1.2.0"
|
||||||
@ -1927,7 +1915,6 @@
|
|||||||
"@schematics/angular@7.3.0":
|
"@schematics/angular@7.3.0":
|
||||||
version "7.3.0"
|
version "7.3.0"
|
||||||
resolved "https://registry.yarnpkg.com/@schematics/angular/-/angular-7.3.0.tgz#0ed0af8250f767ceb42a3f658888697d95381569"
|
resolved "https://registry.yarnpkg.com/@schematics/angular/-/angular-7.3.0.tgz#0ed0af8250f767ceb42a3f658888697d95381569"
|
||||||
integrity sha512-fOjP/3Rz+Nqrgc+YVaiN88uhPX0FZgUjmMKgMp06lc3xmoc1ScGxoz8AF1fV50Zkvh0Etykzy1LTUczzEUJQqw==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@angular-devkit/core" "7.3.0"
|
"@angular-devkit/core" "7.3.0"
|
||||||
"@angular-devkit/schematics" "7.3.0"
|
"@angular-devkit/schematics" "7.3.0"
|
||||||
@ -1936,7 +1923,6 @@
|
|||||||
"@schematics/update@0.13.0":
|
"@schematics/update@0.13.0":
|
||||||
version "0.13.0"
|
version "0.13.0"
|
||||||
resolved "https://registry.yarnpkg.com/@schematics/update/-/update-0.13.0.tgz#d8f7336da8d80d2fd9cecc3d0c97f31295fedb52"
|
resolved "https://registry.yarnpkg.com/@schematics/update/-/update-0.13.0.tgz#d8f7336da8d80d2fd9cecc3d0c97f31295fedb52"
|
||||||
integrity sha512-HGpZdIL/0w46UyaxpnIAg6SBwzKfaRixHIEihmgJUqA0DG8GZUixRPr1L0YIWC1EZ81cQ+yWL85XhkKBYR+wQg==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@angular-devkit/core" "7.3.0"
|
"@angular-devkit/core" "7.3.0"
|
||||||
"@angular-devkit/schematics" "7.3.0"
|
"@angular-devkit/schematics" "7.3.0"
|
||||||
@ -1950,7 +1936,6 @@
|
|||||||
"@sheerun/mutationobserver-shim@^0.3.2":
|
"@sheerun/mutationobserver-shim@^0.3.2":
|
||||||
version "0.3.2"
|
version "0.3.2"
|
||||||
resolved "https://registry.yarnpkg.com/@sheerun/mutationobserver-shim/-/mutationobserver-shim-0.3.2.tgz#8013f2af54a2b7d735f71560ff360d3a8176a87b"
|
resolved "https://registry.yarnpkg.com/@sheerun/mutationobserver-shim/-/mutationobserver-shim-0.3.2.tgz#8013f2af54a2b7d735f71560ff360d3a8176a87b"
|
||||||
integrity sha512-vTCdPp/T/Q3oSqwHmZ5Kpa9oI7iLtGl3RQaA/NyLHikvcrPxACkkKVr/XzkSPJWXHRhKGzVvb0urJsbMlRxi1Q==
|
|
||||||
|
|
||||||
"@storybook/addons@5.0.0-beta.4":
|
"@storybook/addons@5.0.0-beta.4":
|
||||||
version "5.0.0-beta.4"
|
version "5.0.0-beta.4"
|
||||||
@ -2494,7 +2479,6 @@
|
|||||||
"@types/webpack-env@*", "@types/webpack-env@^1.13.7":
|
"@types/webpack-env@*", "@types/webpack-env@^1.13.7":
|
||||||
version "1.13.7"
|
version "1.13.7"
|
||||||
resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.13.7.tgz#137a4e57aa31ab57b1baf66f5dc3b6bf085e9944"
|
resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.13.7.tgz#137a4e57aa31ab57b1baf66f5dc3b6bf085e9944"
|
||||||
integrity sha512-rzi6fw7hhxPcCoNVsgysHFlKnhYYvVj7AJwdAO0HQNP5vg9sY0DoRRC1pfuCQm94cOa1sab82HGUtdFlWHIhBg==
|
|
||||||
|
|
||||||
"@vue/component-compiler-utils@^2.5.1":
|
"@vue/component-compiler-utils@^2.5.1":
|
||||||
version "2.5.1"
|
version "2.5.1"
|
||||||
@ -3392,7 +3376,6 @@ ast-types-flow@0.0.7, ast-types-flow@^0.0.7:
|
|||||||
ast-types@0.11.3:
|
ast-types@0.11.3:
|
||||||
version "0.11.3"
|
version "0.11.3"
|
||||||
resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.11.3.tgz#c20757fe72ee71278ea0ff3d87e5c2ca30d9edf8"
|
resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.11.3.tgz#c20757fe72ee71278ea0ff3d87e5c2ca30d9edf8"
|
||||||
integrity sha512-XA5o5dsNw8MhyW0Q7MWXJWc4oOzZKbdsEJq45h7c8q/d9DwWZ5F2ugUc1PuMLPGsUnphCt/cNDHu8JeBbxf1qA==
|
|
||||||
|
|
||||||
ast-types@0.11.7:
|
ast-types@0.11.7:
|
||||||
version "0.11.7"
|
version "0.11.7"
|
||||||
@ -3815,7 +3798,6 @@ babel-plugin-ember-modules-api-polyfill@^2.6.0:
|
|||||||
babel-plugin-emotion@^10.0.6, babel-plugin-emotion@^10.0.7:
|
babel-plugin-emotion@^10.0.6, babel-plugin-emotion@^10.0.7:
|
||||||
version "10.0.7"
|
version "10.0.7"
|
||||||
resolved "https://registry.yarnpkg.com/babel-plugin-emotion/-/babel-plugin-emotion-10.0.7.tgz#3634ada6dee762140f27db07387feaec8d2cb619"
|
resolved "https://registry.yarnpkg.com/babel-plugin-emotion/-/babel-plugin-emotion-10.0.7.tgz#3634ada6dee762140f27db07387feaec8d2cb619"
|
||||||
integrity sha512-5PdLJYme3tFN97M3tBbEUS/rJVkS9EMbo7rs7/7BAUEUVMWehm1kb5DEbp16Rs+UsI3rTXRan1iqpL022T8XxA==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@babel/helper-module-imports" "^7.0.0"
|
"@babel/helper-module-imports" "^7.0.0"
|
||||||
"@emotion/hash" "0.7.1"
|
"@emotion/hash" "0.7.1"
|
||||||
@ -3980,7 +3962,6 @@ babel-plugin-named-asset-import@^0.3.0:
|
|||||||
babel-plugin-react-docgen@^2.0.2:
|
babel-plugin-react-docgen@^2.0.2:
|
||||||
version "2.0.2"
|
version "2.0.2"
|
||||||
resolved "https://registry.yarnpkg.com/babel-plugin-react-docgen/-/babel-plugin-react-docgen-2.0.2.tgz#3307e27414c370365710576b7fadbcaf8984d862"
|
resolved "https://registry.yarnpkg.com/babel-plugin-react-docgen/-/babel-plugin-react-docgen-2.0.2.tgz#3307e27414c370365710576b7fadbcaf8984d862"
|
||||||
integrity sha512-fFendfUUU2KqqE1ki2NyQoZm4uHPoEWPUgBZiPBiowcPZos+4q+chdQh0nlwY5hxs08AMHSH4Pp98RQL0VFS/g==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
lodash "^4.17.10"
|
lodash "^4.17.10"
|
||||||
react-docgen "^3.0.0"
|
react-docgen "^3.0.0"
|
||||||
@ -5652,7 +5633,6 @@ case-sensitive-paths-webpack-plugin@2.1.2:
|
|||||||
case-sensitive-paths-webpack-plugin@^2.2.0:
|
case-sensitive-paths-webpack-plugin@^2.2.0:
|
||||||
version "2.2.0"
|
version "2.2.0"
|
||||||
resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.2.0.tgz#3371ef6365ef9c25fa4b81c16ace0e9c7dc58c3e"
|
resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.2.0.tgz#3371ef6365ef9c25fa4b81c16ace0e9c7dc58c3e"
|
||||||
integrity sha512-u5ElzokS8A1pm9vM3/iDgTcI3xqHxuCao94Oz8etI3cf0Tio0p8izkDYbTIn09uP3yUUr6+veaE6IkjnTYS46g==
|
|
||||||
|
|
||||||
caseless@~0.12.0:
|
caseless@~0.12.0:
|
||||||
version "0.12.0"
|
version "0.12.0"
|
||||||
@ -5699,7 +5679,6 @@ chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.0, chalk@^2.3.1, chalk@^2.3
|
|||||||
change-emitter@^0.1.2:
|
change-emitter@^0.1.2:
|
||||||
version "0.1.6"
|
version "0.1.6"
|
||||||
resolved "https://registry.yarnpkg.com/change-emitter/-/change-emitter-0.1.6.tgz#e8b2fe3d7f1ab7d69a32199aff91ea6931409515"
|
resolved "https://registry.yarnpkg.com/change-emitter/-/change-emitter-0.1.6.tgz#e8b2fe3d7f1ab7d69a32199aff91ea6931409515"
|
||||||
integrity sha1-6LL+PX8at9aaMhma/5HqaTFAlRU=
|
|
||||||
|
|
||||||
char-props@^0.1.5, char-props@~0.1.5:
|
char-props@^0.1.5, char-props@~0.1.5:
|
||||||
version "0.1.5"
|
version "0.1.5"
|
||||||
@ -7320,7 +7299,6 @@ dom-serializer@0, dom-serializer@~0.1.0:
|
|||||||
dom-testing-library@^3.13.1:
|
dom-testing-library@^3.13.1:
|
||||||
version "3.16.5"
|
version "3.16.5"
|
||||||
resolved "https://registry.yarnpkg.com/dom-testing-library/-/dom-testing-library-3.16.5.tgz#8c71f127c6b4ee48115660798040291b59dfc894"
|
resolved "https://registry.yarnpkg.com/dom-testing-library/-/dom-testing-library-3.16.5.tgz#8c71f127c6b4ee48115660798040291b59dfc894"
|
||||||
integrity sha512-t3OaTcDdsAqtAZNeZ13KnOJmt+2HaDJqYWyf0iBRzbG6GwrNtpF0122Ygu/qkerIwcnHMX1ihwZVx/DhaLpmTw==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@babel/runtime" "^7.1.5"
|
"@babel/runtime" "^7.1.5"
|
||||||
"@sheerun/mutationobserver-shim" "^0.3.2"
|
"@sheerun/mutationobserver-shim" "^0.3.2"
|
||||||
@ -7561,7 +7539,6 @@ ember-cli-babel@^6.12.0, ember-cli-babel@^6.16.0, ember-cli-babel@^6.8.1:
|
|||||||
ember-cli-babel@^7.0.0, ember-cli-babel@^7.1.2, ember-cli-babel@^7.1.3, ember-cli-babel@^7.4.0, ember-cli-babel@^7.4.1:
|
ember-cli-babel@^7.0.0, ember-cli-babel@^7.1.2, ember-cli-babel@^7.1.3, ember-cli-babel@^7.4.0, ember-cli-babel@^7.4.1:
|
||||||
version "7.4.1"
|
version "7.4.1"
|
||||||
resolved "https://registry.yarnpkg.com/ember-cli-babel/-/ember-cli-babel-7.4.1.tgz#9892f5883f5a6b1f0f86fb1331fc491338f372ad"
|
resolved "https://registry.yarnpkg.com/ember-cli-babel/-/ember-cli-babel-7.4.1.tgz#9892f5883f5a6b1f0f86fb1331fc491338f372ad"
|
||||||
integrity sha512-h6qZKHyULm5SYhvjNOeXvLl3kHaBdh37g5QqTTiC/vMiWP/xnyNp2bMoq52qq+SLm/bE8+5UcVTKjrNl0+IqXA==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@babel/core" "^7.0.0"
|
"@babel/core" "^7.0.0"
|
||||||
"@babel/plugin-transform-modules-amd" "^7.0.0"
|
"@babel/plugin-transform-modules-amd" "^7.0.0"
|
||||||
@ -7823,7 +7800,6 @@ ember-router-generator@^1.2.3:
|
|||||||
ember-source@~3.7.3:
|
ember-source@~3.7.3:
|
||||||
version "3.7.3"
|
version "3.7.3"
|
||||||
resolved "https://registry.yarnpkg.com/ember-source/-/ember-source-3.7.3.tgz#ae66f5c37d928908d2cc6891dab46d24a8168678"
|
resolved "https://registry.yarnpkg.com/ember-source/-/ember-source-3.7.3.tgz#ae66f5c37d928908d2cc6891dab46d24a8168678"
|
||||||
integrity sha512-K+jUCR0Q4ef71bBJnq380e0TgsE1KSDP430n3c/vA07HMnvg3BCakpy21TUJuGxpH07Jeuf7HNehI0ZHyIiW/w==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
broccoli-funnel "^2.0.1"
|
broccoli-funnel "^2.0.1"
|
||||||
broccoli-merge-trees "^3.0.2"
|
broccoli-merge-trees "^3.0.2"
|
||||||
@ -7950,7 +7926,6 @@ env-ci@^2.1.0:
|
|||||||
enzyme-adapter-react-16@^1.9.1:
|
enzyme-adapter-react-16@^1.9.1:
|
||||||
version "1.9.1"
|
version "1.9.1"
|
||||||
resolved "https://registry.yarnpkg.com/enzyme-adapter-react-16/-/enzyme-adapter-react-16-1.9.1.tgz#6d49a3a31c3a0fccf527610f31b837e0f307128a"
|
resolved "https://registry.yarnpkg.com/enzyme-adapter-react-16/-/enzyme-adapter-react-16-1.9.1.tgz#6d49a3a31c3a0fccf527610f31b837e0f307128a"
|
||||||
integrity sha512-Egzogv1y77DUxdnq/CyHxLHaNxmSSKDDSDNNB/EiAXCZVFXdFibaNy2uUuRQ1n24T2m6KH/1Rw16XDRq+1yVEg==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
enzyme-adapter-utils "^1.10.0"
|
enzyme-adapter-utils "^1.10.0"
|
||||||
function.prototype.name "^1.1.0"
|
function.prototype.name "^1.1.0"
|
||||||
@ -8202,7 +8177,6 @@ eslint-plugin-flowtype@2.50.1:
|
|||||||
eslint-plugin-html@^5.0.3:
|
eslint-plugin-html@^5.0.3:
|
||||||
version "5.0.3"
|
version "5.0.3"
|
||||||
resolved "https://registry.yarnpkg.com/eslint-plugin-html/-/eslint-plugin-html-5.0.3.tgz#3db133995e49a73596f6a473c16a1b83634deffd"
|
resolved "https://registry.yarnpkg.com/eslint-plugin-html/-/eslint-plugin-html-5.0.3.tgz#3db133995e49a73596f6a473c16a1b83634deffd"
|
||||||
integrity sha512-46ruAnp3jVQP/5Bi5eEIOooscjUTPFU3vxCxHe/OG6ORdM7Xv5c25/Nz9fAbHklzCpiXuIiH4/mV/XBkm7MINw==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
htmlparser2 "^3.10.0"
|
htmlparser2 "^3.10.0"
|
||||||
|
|
||||||
@ -8224,7 +8198,6 @@ eslint-plugin-import@2.14.0:
|
|||||||
eslint-plugin-import@^2.16.0:
|
eslint-plugin-import@^2.16.0:
|
||||||
version "2.16.0"
|
version "2.16.0"
|
||||||
resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.16.0.tgz#97ac3e75d0791c4fac0e15ef388510217be7f66f"
|
resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.16.0.tgz#97ac3e75d0791c4fac0e15ef388510217be7f66f"
|
||||||
integrity sha512-z6oqWlf1x5GkHIFgrSvtmudnqM6Q60KM4KvpWi5ubonMjycLjndvd5+8VAZIsTlHC03djdgJuyKG6XO577px6A==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
contains-path "^0.1.0"
|
contains-path "^0.1.0"
|
||||||
debug "^2.6.9"
|
debug "^2.6.9"
|
||||||
@ -8240,7 +8213,6 @@ eslint-plugin-import@^2.16.0:
|
|||||||
eslint-plugin-jest@^22.2.2:
|
eslint-plugin-jest@^22.2.2:
|
||||||
version "22.2.2"
|
version "22.2.2"
|
||||||
resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-22.2.2.tgz#2a80d70a20c27dfb1503a6f32cdcb647fe5476df"
|
resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-22.2.2.tgz#2a80d70a20c27dfb1503a6f32cdcb647fe5476df"
|
||||||
integrity sha512-hnWgh9o39VJfz6lJEyQJdTW7dN2yynlGkmPOlU/oMHh+d7WVMsJP1GeDTB520VCDljEdKExCwD5IBpQIUl4mJg==
|
|
||||||
|
|
||||||
eslint-plugin-json@^1.2.1:
|
eslint-plugin-json@^1.2.1:
|
||||||
version "1.3.2"
|
version "1.3.2"
|
||||||
@ -9409,7 +9381,6 @@ fuse.js@^3.3.1:
|
|||||||
fuzzy-search@^3.0.1:
|
fuzzy-search@^3.0.1:
|
||||||
version "3.0.1"
|
version "3.0.1"
|
||||||
resolved "https://registry.yarnpkg.com/fuzzy-search/-/fuzzy-search-3.0.1.tgz#14a4964508a9607d6e9a88818e7ff634108260b6"
|
resolved "https://registry.yarnpkg.com/fuzzy-search/-/fuzzy-search-3.0.1.tgz#14a4964508a9607d6e9a88818e7ff634108260b6"
|
||||||
integrity sha512-rjUvzdsMlOyarm0oD5k6zVQwgvt4Tb5Xe3YdIGU+Vogw54+ueAGPUTMU2B9jfPQEie5cD11i/S9J9d+MNBSQ3Q==
|
|
||||||
|
|
||||||
g-status@^2.0.2:
|
g-status@^2.0.2:
|
||||||
version "2.0.2"
|
version "2.0.2"
|
||||||
@ -9831,7 +9802,6 @@ graphql-request@^1.5.0:
|
|||||||
graphql@^0.13.2, graphql@^14.1.1:
|
graphql@^0.13.2, graphql@^14.1.1:
|
||||||
version "0.13.2"
|
version "0.13.2"
|
||||||
resolved "https://registry.yarnpkg.com/graphql/-/graphql-0.13.2.tgz#4c740ae3c222823e7004096f832e7b93b2108270"
|
resolved "https://registry.yarnpkg.com/graphql/-/graphql-0.13.2.tgz#4c740ae3c222823e7004096f832e7b93b2108270"
|
||||||
integrity sha512-QZ5BL8ZO/B20VA8APauGBg3GyEgZ19eduvpLWoq5x7gMmWnHoy8rlQWPLmWgFvo1yNgjSEFMesmS4R6pPr7xog==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
iterall "^1.2.1"
|
iterall "^1.2.1"
|
||||||
|
|
||||||
@ -9909,7 +9879,6 @@ handle-thing@^2.0.0:
|
|||||||
handlebars@^4.0.1, handlebars@^4.0.11, handlebars@^4.0.2, handlebars@^4.0.3, handlebars@^4.0.4:
|
handlebars@^4.0.1, handlebars@^4.0.11, handlebars@^4.0.2, handlebars@^4.0.3, handlebars@^4.0.4:
|
||||||
version "4.1.0"
|
version "4.1.0"
|
||||||
resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.1.0.tgz#0d6a6f34ff1f63cecec8423aa4169827bf787c3a"
|
resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.1.0.tgz#0d6a6f34ff1f63cecec8423aa4169827bf787c3a"
|
||||||
integrity sha512-l2jRuU1NAWK6AW5qqcTATWQJvNPEwkM7NEKSiv/gqOsoSQbVoWyqVEY5GS+XPQ88zLNmqASRpzfdm8d79hJS+w==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
async "^2.5.0"
|
async "^2.5.0"
|
||||||
optimist "^0.6.1"
|
optimist "^0.6.1"
|
||||||
@ -11304,7 +11273,6 @@ istextorbinary@2.1.0:
|
|||||||
iterall@^1.2.1:
|
iterall@^1.2.1:
|
||||||
version "1.2.2"
|
version "1.2.2"
|
||||||
resolved "https://registry.yarnpkg.com/iterall/-/iterall-1.2.2.tgz#92d70deb8028e0c39ff3164fdbf4d8b088130cd7"
|
resolved "https://registry.yarnpkg.com/iterall/-/iterall-1.2.2.tgz#92d70deb8028e0c39ff3164fdbf4d8b088130cd7"
|
||||||
integrity sha512-yynBb1g+RFUPY64fTrFv7nsjRrENBQJaX2UL+2Szc9REFrSNm1rpSXHGzhmAy7a9uv3vlvgBlXnf9RqmPH1/DA==
|
|
||||||
|
|
||||||
jasmine-core@~2.8.0:
|
jasmine-core@~2.8.0:
|
||||||
version "2.8.0"
|
version "2.8.0"
|
||||||
@ -11470,7 +11438,6 @@ jest-each@^24.0.0:
|
|||||||
jest-emotion@^10.0.7:
|
jest-emotion@^10.0.7:
|
||||||
version "10.0.7"
|
version "10.0.7"
|
||||||
resolved "https://registry.yarnpkg.com/jest-emotion/-/jest-emotion-10.0.7.tgz#c882f6e201cf62c025245f863b8e5ff473d2cef0"
|
resolved "https://registry.yarnpkg.com/jest-emotion/-/jest-emotion-10.0.7.tgz#c882f6e201cf62c025245f863b8e5ff473d2cef0"
|
||||||
integrity sha512-uR6KIw/jnlqVOFBHpeRMirpnWggnUluqzKYSmlp/TpoNaRxSYTGj9+RVrS7kngtyFyn0F0rOJ73CaPRuxL5ebg==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@types/jest" "^23.0.2"
|
"@types/jest" "^23.0.2"
|
||||||
chalk "^2.4.1"
|
chalk "^2.4.1"
|
||||||
@ -11580,20 +11547,21 @@ jest-jasmine2@^23.6.0:
|
|||||||
pretty-format "^23.6.0"
|
pretty-format "^23.6.0"
|
||||||
|
|
||||||
jest-jasmine2@^24.0.0:
|
jest-jasmine2@^24.0.0:
|
||||||
version "24.0.0"
|
version "24.1.0"
|
||||||
resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-24.0.0.tgz#7d87be9d8b32d34ac5980ad646b7ae7f99e33a19"
|
resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-24.1.0.tgz#8377324b967037c440f0a549ee0bbd9912055db6"
|
||||||
dependencies:
|
dependencies:
|
||||||
"@babel/traverse" "^7.1.0"
|
"@babel/traverse" "^7.1.0"
|
||||||
chalk "^2.0.1"
|
chalk "^2.0.1"
|
||||||
co "^4.6.0"
|
co "^4.6.0"
|
||||||
expect "^24.0.0"
|
expect "^24.1.0"
|
||||||
is-generator-fn "^2.0.0"
|
is-generator-fn "^2.0.0"
|
||||||
jest-each "^24.0.0"
|
jest-each "^24.0.0"
|
||||||
jest-matcher-utils "^24.0.0"
|
jest-matcher-utils "^24.0.0"
|
||||||
jest-message-util "^24.0.0"
|
jest-message-util "^24.0.0"
|
||||||
jest-snapshot "^24.0.0"
|
jest-snapshot "^24.1.0"
|
||||||
jest-util "^24.0.0"
|
jest-util "^24.0.0"
|
||||||
pretty-format "^24.0.0"
|
pretty-format "^24.0.0"
|
||||||
|
throat "^4.0.0"
|
||||||
|
|
||||||
jest-leak-detector@^23.6.0:
|
jest-leak-detector@^23.6.0:
|
||||||
version "23.6.0"
|
version "23.6.0"
|
||||||
@ -11755,16 +11723,16 @@ jest-serializer@^23.0.1:
|
|||||||
version "23.0.1"
|
version "23.0.1"
|
||||||
resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-23.0.1.tgz#a3776aeb311e90fe83fab9e533e85102bd164165"
|
resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-23.0.1.tgz#a3776aeb311e90fe83fab9e533e85102bd164165"
|
||||||
|
|
||||||
jest-snapshot@>=20.0.3, jest-snapshot@^24.0.0:
|
jest-snapshot@>=20.0.3:
|
||||||
version "24.0.0"
|
version "24.1.0"
|
||||||
resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-24.0.0.tgz#fb447a753a3271660b3d89d068698014eb14c414"
|
resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-24.1.0.tgz#85e22f810357aa5994ab61f236617dc2205f2f5b"
|
||||||
dependencies:
|
dependencies:
|
||||||
"@babel/types" "^7.0.0"
|
"@babel/types" "^7.0.0"
|
||||||
chalk "^2.0.1"
|
chalk "^2.0.1"
|
||||||
jest-diff "^24.0.0"
|
jest-diff "^24.0.0"
|
||||||
jest-matcher-utils "^24.0.0"
|
jest-matcher-utils "^24.0.0"
|
||||||
jest-message-util "^24.0.0"
|
jest-message-util "^24.0.0"
|
||||||
jest-resolve "^24.0.0"
|
jest-resolve "^24.1.0"
|
||||||
mkdirp "^0.5.1"
|
mkdirp "^0.5.1"
|
||||||
natural-compare "^1.4.0"
|
natural-compare "^1.4.0"
|
||||||
pretty-format "^24.0.0"
|
pretty-format "^24.0.0"
|
||||||
@ -11785,6 +11753,21 @@ jest-snapshot@^23.6.0:
|
|||||||
pretty-format "^23.6.0"
|
pretty-format "^23.6.0"
|
||||||
semver "^5.5.0"
|
semver "^5.5.0"
|
||||||
|
|
||||||
|
jest-snapshot@^24.0.0:
|
||||||
|
version "24.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-24.0.0.tgz#fb447a753a3271660b3d89d068698014eb14c414"
|
||||||
|
dependencies:
|
||||||
|
"@babel/types" "^7.0.0"
|
||||||
|
chalk "^2.0.1"
|
||||||
|
jest-diff "^24.0.0"
|
||||||
|
jest-matcher-utils "^24.0.0"
|
||||||
|
jest-message-util "^24.0.0"
|
||||||
|
jest-resolve "^24.0.0"
|
||||||
|
mkdirp "^0.5.1"
|
||||||
|
natural-compare "^1.4.0"
|
||||||
|
pretty-format "^24.0.0"
|
||||||
|
semver "^5.5.0"
|
||||||
|
|
||||||
jest-specific-snapshot@^1.0.0:
|
jest-specific-snapshot@^1.0.0:
|
||||||
version "1.0.0"
|
version "1.0.0"
|
||||||
resolved "https://registry.yarnpkg.com/jest-specific-snapshot/-/jest-specific-snapshot-1.0.0.tgz#157c79e2534a6fea820fd475f5d17740c8f90833"
|
resolved "https://registry.yarnpkg.com/jest-specific-snapshot/-/jest-specific-snapshot-1.0.0.tgz#157c79e2534a6fea820fd475f5d17740c8f90833"
|
||||||
@ -12600,7 +12583,6 @@ linkify-it@^2.0.0:
|
|||||||
lint-staged@^8.1.3:
|
lint-staged@^8.1.3:
|
||||||
version "8.1.3"
|
version "8.1.3"
|
||||||
resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-8.1.3.tgz#bb069db5466c0fe16710216e633a84f2b362fa60"
|
resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-8.1.3.tgz#bb069db5466c0fe16710216e633a84f2b362fa60"
|
||||||
integrity sha512-6TGkikL1B+6mIOuSNq2TV6oP21IhPMnV8q0cf9oYZ296ArTVNcbFh1l1pfVOHHbBIYLlziWNsQ2q45/ffmJ4AA==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@iamstarkov/listr-update-renderer" "0.4.1"
|
"@iamstarkov/listr-update-renderer" "0.4.1"
|
||||||
chalk "^2.3.1"
|
chalk "^2.3.1"
|
||||||
@ -12675,7 +12657,6 @@ listr@^0.14.2:
|
|||||||
lit-html@^1.0.0:
|
lit-html@^1.0.0:
|
||||||
version "1.0.0"
|
version "1.0.0"
|
||||||
resolved "https://registry.yarnpkg.com/lit-html/-/lit-html-1.0.0.tgz#3dc3781a8ca68a9b5c2ff2a61e263662b9b2267b"
|
resolved "https://registry.yarnpkg.com/lit-html/-/lit-html-1.0.0.tgz#3dc3781a8ca68a9b5c2ff2a61e263662b9b2267b"
|
||||||
integrity sha512-oeWlpLmBW3gFl7979Wol2LKITpmKTUFNn7PnFbh6YNynF61W74l6x5WhwItAwPRSATpexaX1egNnRzlN4GOtfQ==
|
|
||||||
|
|
||||||
livereload-js@^2.3.0:
|
livereload-js@^2.3.0:
|
||||||
version "2.4.0"
|
version "2.4.0"
|
||||||
@ -13432,7 +13413,6 @@ markdown-table@^1.1.0:
|
|||||||
markdown-to-jsx@^6.9.1:
|
markdown-to-jsx@^6.9.1:
|
||||||
version "6.9.1"
|
version "6.9.1"
|
||||||
resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-6.9.1.tgz#a5771d468727e282f54a15ff447bcd79fc2e619f"
|
resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-6.9.1.tgz#a5771d468727e282f54a15ff447bcd79fc2e619f"
|
||||||
integrity sha512-SAUZWD//gjhP3Sfy2Q7EqhNOm7YYKTfQKuiuyr8FO9fa0EPkrXSDDE3u28A5SQx6j4BJ9Zs9Va77GBMtIcgAWw==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
prop-types "^15.6.2"
|
prop-types "^15.6.2"
|
||||||
unquote "^1.1.0"
|
unquote "^1.1.0"
|
||||||
@ -15201,7 +15181,6 @@ pnp-webpack-plugin@1.1.0:
|
|||||||
polished@^2.3.3:
|
polished@^2.3.3:
|
||||||
version "2.3.3"
|
version "2.3.3"
|
||||||
resolved "https://registry.yarnpkg.com/polished/-/polished-2.3.3.tgz#bdbaba962ba8271b0e11aa287f2befd4c87be99a"
|
resolved "https://registry.yarnpkg.com/polished/-/polished-2.3.3.tgz#bdbaba962ba8271b0e11aa287f2befd4c87be99a"
|
||||||
integrity sha512-59V4fDbdxtH4I1m9TWxFsoGJbC8nnOpUYo5uFmvMfKp9Qh+6suo4VMUle1TGIIUZIGxfkW+Rs485zPk0wcwR2Q==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@babel/runtime" "^7.2.0"
|
"@babel/runtime" "^7.2.0"
|
||||||
|
|
||||||
@ -15875,7 +15854,6 @@ prettier@1.16.0:
|
|||||||
prettier@^1.14.2, prettier@^1.16.4:
|
prettier@^1.14.2, prettier@^1.16.4:
|
||||||
version "1.16.4"
|
version "1.16.4"
|
||||||
resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.4.tgz#73e37e73e018ad2db9c76742e2647e21790c9717"
|
resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.4.tgz#73e37e73e018ad2db9c76742e2647e21790c9717"
|
||||||
integrity sha512-ZzWuos7TI5CKUeQAtFd6Zhm2s6EpAD/ZLApIhsF9pRvRtM1RFo61dM/4MSRUA0SuLugA/zgrZD8m0BaY46Og7g==
|
|
||||||
|
|
||||||
pretty-bytes@^4.0.2:
|
pretty-bytes@^4.0.2:
|
||||||
version "4.0.2"
|
version "4.0.2"
|
||||||
@ -16128,7 +16106,6 @@ punycode@^1.2.4, punycode@^1.3.2, punycode@^1.4.1:
|
|||||||
puppeteer@^1.12.0:
|
puppeteer@^1.12.0:
|
||||||
version "1.12.0"
|
version "1.12.0"
|
||||||
resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-1.12.0.tgz#325b97f42aa6cd66ae4d3d27839278e1f0b8e0e5"
|
resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-1.12.0.tgz#325b97f42aa6cd66ae4d3d27839278e1f0b8e0e5"
|
||||||
integrity sha512-+riSxJFPQpwGZvNHFeB7vEefwfdHNSstQmjdzUKZxPp/Qt1Dw9iKRAewl8X0ntdXZz4UR4jODLiM03Iw9HDnyw==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
debug "^4.1.0"
|
debug "^4.1.0"
|
||||||
extract-zip "^1.6.6"
|
extract-zip "^1.6.6"
|
||||||
@ -16442,7 +16419,6 @@ react-docgen-typescript@^1.9.0:
|
|||||||
react-docgen@^3.0.0:
|
react-docgen@^3.0.0:
|
||||||
version "3.0.0"
|
version "3.0.0"
|
||||||
resolved "https://registry.yarnpkg.com/react-docgen/-/react-docgen-3.0.0.tgz#79c6e1b1870480c3c2bc1a65bede0577a11c38cd"
|
resolved "https://registry.yarnpkg.com/react-docgen/-/react-docgen-3.0.0.tgz#79c6e1b1870480c3c2bc1a65bede0577a11c38cd"
|
||||||
integrity sha512-2UseoLWabFNXuk1Foz4VDPSIAkxz+1Hmmq4qijzUmYHDq0ZSloKDLXtGLpQRcAi/M76hRpPtH1rV4BI5jNAOnQ==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@babel/parser" "^7.1.3"
|
"@babel/parser" "^7.1.3"
|
||||||
"@babel/runtime" "^7.0.0"
|
"@babel/runtime" "^7.0.0"
|
||||||
@ -16455,7 +16431,6 @@ react-docgen@^3.0.0:
|
|||||||
react-dom@^16.8.1:
|
react-dom@^16.8.1:
|
||||||
version "16.8.1"
|
version "16.8.1"
|
||||||
resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.8.1.tgz#ec860f98853d09d39bafd3a6f1e12389d283dbb4"
|
resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.8.1.tgz#ec860f98853d09d39bafd3a6f1e12389d283dbb4"
|
||||||
integrity sha512-N74IZUrPt6UiDjXaO7UbDDFXeUXnVhZzeRLy/6iqqN1ipfjrhR60Bp5NuBK+rv3GMdqdIuwIl22u1SYwf330bg==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
loose-envify "^1.1.0"
|
loose-envify "^1.1.0"
|
||||||
object-assign "^4.1.1"
|
object-assign "^4.1.1"
|
||||||
@ -16509,7 +16484,6 @@ react-helmet-async@^0.2.0:
|
|||||||
react-hotkeys@2.0.0-pre4:
|
react-hotkeys@2.0.0-pre4:
|
||||||
version "2.0.0-pre4"
|
version "2.0.0-pre4"
|
||||||
resolved "https://registry.yarnpkg.com/react-hotkeys/-/react-hotkeys-2.0.0-pre4.tgz#a1c248a51bdba4282c36bf3204f80d58abc73333"
|
resolved "https://registry.yarnpkg.com/react-hotkeys/-/react-hotkeys-2.0.0-pre4.tgz#a1c248a51bdba4282c36bf3204f80d58abc73333"
|
||||||
integrity sha512-oa+UncSWyOwMK3GExt+oELXaR7T3ItgcMolsupQFdKvwkEhVAluJd5rYczsRSQpQlVkdNoHG46De2NUeuS+88Q==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
prop-types "^15.6.1"
|
prop-types "^15.6.1"
|
||||||
|
|
||||||
@ -16530,7 +16504,6 @@ react-inspector@^2.3.0, react-inspector@^2.3.1:
|
|||||||
react-is@^16.7.0, react-is@^16.8.1:
|
react-is@^16.7.0, react-is@^16.8.1:
|
||||||
version "16.8.1"
|
version "16.8.1"
|
||||||
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.1.tgz#a80141e246eb894824fb4f2901c0c50ef31d4cdb"
|
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.1.tgz#a80141e246eb894824fb4f2901c0c50ef31d4cdb"
|
||||||
integrity sha512-ioMCzVDWvCvKD8eeT+iukyWrBGrA3DiFYkXfBsVYIRdaREZuBjENG+KjrikavCLasozqRWTwFUagU/O4vPpRMA==
|
|
||||||
|
|
||||||
react-lifecycles-compat@^3.0.0, react-lifecycles-compat@^3.0.2, react-lifecycles-compat@^3.0.4:
|
react-lifecycles-compat@^3.0.0, react-lifecycles-compat@^3.0.2, react-lifecycles-compat@^3.0.4:
|
||||||
version "3.0.4"
|
version "3.0.4"
|
||||||
@ -16664,7 +16637,6 @@ react-test-renderer@^16.0.0-0:
|
|||||||
react-test-renderer@^16.8.1:
|
react-test-renderer@^16.8.1:
|
||||||
version "16.8.1"
|
version "16.8.1"
|
||||||
resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.8.1.tgz#72845ad9269be526126e97853311982f781767be"
|
resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.8.1.tgz#72845ad9269be526126e97853311982f781767be"
|
||||||
integrity sha512-Bd21TN3+YVl6GZwav6O0T6m5UwGfOj+2+xZH5VH93ToD6M5uclN/c+R1DGX49ueG413KZPUx7Kw3sOYz2aJgfg==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
object-assign "^4.1.1"
|
object-assign "^4.1.1"
|
||||||
prop-types "^15.6.2"
|
prop-types "^15.6.2"
|
||||||
@ -16674,7 +16646,6 @@ react-test-renderer@^16.8.1:
|
|||||||
react-testing-library@^5.4.4:
|
react-testing-library@^5.4.4:
|
||||||
version "5.4.4"
|
version "5.4.4"
|
||||||
resolved "https://registry.yarnpkg.com/react-testing-library/-/react-testing-library-5.4.4.tgz#3fa787999492be94b228e4540a7211556bf4fd94"
|
resolved "https://registry.yarnpkg.com/react-testing-library/-/react-testing-library-5.4.4.tgz#3fa787999492be94b228e4540a7211556bf4fd94"
|
||||||
integrity sha512-/TiERZ+URSNhZQfjrUXh0VLsiLSmhqP1WP+2e2wWqWqrRIWpcAxrfuBxzlT75LYMDNmicEikaXJqRDi/pqCEDg==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
dom-testing-library "^3.13.1"
|
dom-testing-library "^3.13.1"
|
||||||
|
|
||||||
@ -16697,7 +16668,6 @@ react-transition-group@^2.2.1:
|
|||||||
react@^16.8.1:
|
react@^16.8.1:
|
||||||
version "16.8.1"
|
version "16.8.1"
|
||||||
resolved "https://registry.yarnpkg.com/react/-/react-16.8.1.tgz#ae11831f6cb2a05d58603a976afc8a558e852c4a"
|
resolved "https://registry.yarnpkg.com/react/-/react-16.8.1.tgz#ae11831f6cb2a05d58603a976afc8a558e852c4a"
|
||||||
integrity sha512-wLw5CFGPdo7p/AgteFz7GblI2JPOos0+biSoxf1FPsGxWQZdN/pj6oToJs1crn61DL3Ln7mN86uZ4j74p31ELQ==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
loose-envify "^1.1.0"
|
loose-envify "^1.1.0"
|
||||||
object-assign "^4.1.1"
|
object-assign "^4.1.1"
|
||||||
@ -16912,7 +16882,6 @@ recast@^0.11.3, recast@~0.11.12:
|
|||||||
recast@^0.14.7:
|
recast@^0.14.7:
|
||||||
version "0.14.7"
|
version "0.14.7"
|
||||||
resolved "https://registry.yarnpkg.com/recast/-/recast-0.14.7.tgz#4f1497c2b5826d42a66e8e3c9d80c512983ff61d"
|
resolved "https://registry.yarnpkg.com/recast/-/recast-0.14.7.tgz#4f1497c2b5826d42a66e8e3c9d80c512983ff61d"
|
||||||
integrity sha512-/nwm9pkrcWagN40JeJhkPaRxiHXBRkXyRh/hgU088Z/v+qCy+zIHHY6bC6o7NaKAxPqtE6nD8zBH1LfU0/Wx6A==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
ast-types "0.11.3"
|
ast-types "0.11.3"
|
||||||
esprima "~4.0.0"
|
esprima "~4.0.0"
|
||||||
@ -16937,7 +16906,6 @@ rechoir@^0.6.2:
|
|||||||
recompose@^0.30.0:
|
recompose@^0.30.0:
|
||||||
version "0.30.0"
|
version "0.30.0"
|
||||||
resolved "https://registry.yarnpkg.com/recompose/-/recompose-0.30.0.tgz#82773641b3927e8c7d24a0d87d65aeeba18aabd0"
|
resolved "https://registry.yarnpkg.com/recompose/-/recompose-0.30.0.tgz#82773641b3927e8c7d24a0d87d65aeeba18aabd0"
|
||||||
integrity sha512-ZTrzzUDa9AqUIhRk4KmVFihH0rapdCSMFXjhHbNrjAWxBuUD/guYlyysMnuHjlZC/KRiOKRtB4jf96yYSkKE8w==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@babel/runtime" "^7.0.0"
|
"@babel/runtime" "^7.0.0"
|
||||||
change-emitter "^0.1.2"
|
change-emitter "^0.1.2"
|
||||||
@ -17843,7 +17811,6 @@ scheduler@^0.12.0:
|
|||||||
scheduler@^0.13.1:
|
scheduler@^0.13.1:
|
||||||
version "0.13.1"
|
version "0.13.1"
|
||||||
resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.13.1.tgz#1a217df1bfaabaf4f1b92a9127d5d732d85a9591"
|
resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.13.1.tgz#1a217df1bfaabaf4f1b92a9127d5d732d85a9591"
|
||||||
integrity sha512-VJKOkiKIN2/6NOoexuypwSrybx13MY7NSy9RNt8wPvZDMRT1CW6qlpF5jXRToXNHz3uWzbm2elNpZfXfGPqP9A==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
loose-envify "^1.1.0"
|
loose-envify "^1.1.0"
|
||||||
object-assign "^4.1.1"
|
object-assign "^4.1.1"
|
||||||
@ -18629,7 +18596,6 @@ stealthy-require@^1.1.0:
|
|||||||
storybook-chromatic@^1.2.6:
|
storybook-chromatic@^1.2.6:
|
||||||
version "1.2.6"
|
version "1.2.6"
|
||||||
resolved "https://registry.yarnpkg.com/storybook-chromatic/-/storybook-chromatic-1.2.6.tgz#bada3ea3b15469378cd85b5048309af954e43ad0"
|
resolved "https://registry.yarnpkg.com/storybook-chromatic/-/storybook-chromatic-1.2.6.tgz#bada3ea3b15469378cd85b5048309af954e43ad0"
|
||||||
integrity sha512-rJ0Qr95PwXp1//l8SDDCYkv9++YOsqTeJSIOIUTncDkNar2Tggj5IRDnJZkYvccGJQ5PeOlxHjie4Cnol2bz3Q==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
"@chromaui/localtunnel" "1.9.1-chromatic.3"
|
"@chromaui/localtunnel" "1.9.1-chromatic.3"
|
||||||
apollo-fetch "^0.6.0"
|
apollo-fetch "^0.6.0"
|
||||||
@ -19165,7 +19131,20 @@ terser-webpack-plugin@1.1.0:
|
|||||||
webpack-sources "^1.1.0"
|
webpack-sources "^1.1.0"
|
||||||
worker-farm "^1.5.2"
|
worker-farm "^1.5.2"
|
||||||
|
|
||||||
terser-webpack-plugin@^1.1.0, terser-webpack-plugin@^1.2.1:
|
terser-webpack-plugin@^1.1.0:
|
||||||
|
version "1.2.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.2.2.tgz#9bff3a891ad614855a7dde0d707f7db5a927e3d9"
|
||||||
|
dependencies:
|
||||||
|
cacache "^11.0.2"
|
||||||
|
find-cache-dir "^2.0.0"
|
||||||
|
schema-utils "^1.0.0"
|
||||||
|
serialize-javascript "^1.4.0"
|
||||||
|
source-map "^0.6.1"
|
||||||
|
terser "^3.16.1"
|
||||||
|
webpack-sources "^1.1.0"
|
||||||
|
worker-farm "^1.5.2"
|
||||||
|
|
||||||
|
terser-webpack-plugin@^1.2.1:
|
||||||
version "1.2.1"
|
version "1.2.1"
|
||||||
resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.2.1.tgz#7545da9ae5f4f9ae6a0ac961eb46f5e7c845cc26"
|
resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.2.1.tgz#7545da9ae5f4f9ae6a0ac961eb46f5e7c845cc26"
|
||||||
dependencies:
|
dependencies:
|
||||||
@ -19179,12 +19158,12 @@ terser-webpack-plugin@^1.1.0, terser-webpack-plugin@^1.2.1:
|
|||||||
worker-farm "^1.5.2"
|
worker-farm "^1.5.2"
|
||||||
|
|
||||||
terser@^3.7.5, terser@^3.8.1:
|
terser@^3.7.5, terser@^3.8.1:
|
||||||
version "3.14.1"
|
version "3.16.1"
|
||||||
resolved "https://registry.yarnpkg.com/terser/-/terser-3.14.1.tgz#cc4764014af570bc79c79742358bd46926018a32"
|
resolved "https://registry.yarnpkg.com/terser/-/terser-3.16.1.tgz#5b0dd4fa1ffd0b0b43c2493b2c364fd179160493"
|
||||||
dependencies:
|
dependencies:
|
||||||
commander "~2.17.1"
|
commander "~2.17.1"
|
||||||
source-map "~0.6.1"
|
source-map "~0.6.1"
|
||||||
source-map-support "~0.5.6"
|
source-map-support "~0.5.9"
|
||||||
|
|
||||||
test-exclude@^4.2.1:
|
test-exclude@^4.2.1:
|
||||||
version "4.2.3"
|
version "4.2.3"
|
||||||
@ -19725,7 +19704,6 @@ typescript@3.2.2:
|
|||||||
typescript@^3.3.1:
|
typescript@^3.3.1:
|
||||||
version "3.3.1"
|
version "3.3.1"
|
||||||
resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.3.1.tgz#6de14e1db4b8a006ac535e482c8ba018c55f750b"
|
resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.3.1.tgz#6de14e1db4b8a006ac535e482c8ba018c55f750b"
|
||||||
integrity sha512-cTmIDFW7O0IHbn1DPYjkiebHxwtCMU+eTy30ZtJNBPF9j2O1ITu5XH2YnBeVRKWHqF+3JQwWJv0Q0aUgX8W7IA==
|
|
||||||
|
|
||||||
ua-parser-js@^0.7.18:
|
ua-parser-js@^0.7.18:
|
||||||
version "0.7.19"
|
version "0.7.19"
|
||||||
@ -20293,7 +20271,6 @@ vue-style-loader@^4.1.0:
|
|||||||
vue-template-compiler@^2.6.3:
|
vue-template-compiler@^2.6.3:
|
||||||
version "2.6.3"
|
version "2.6.3"
|
||||||
resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.6.3.tgz#fe76b7755b038889f5e887895745f0d2bce3f778"
|
resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.6.3.tgz#fe76b7755b038889f5e887895745f0d2bce3f778"
|
||||||
integrity sha512-SQ3lJk7fwquz8fGac7MwvP9cEBZntokTWITaDrLC0zmyBKjcOfJtWZkMsv+2uSUBDD8kwz8Bsad9xmBWaNULhg==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
de-indent "^1.0.2"
|
de-indent "^1.0.2"
|
||||||
he "^1.1.0"
|
he "^1.1.0"
|
||||||
@ -20305,7 +20282,6 @@ vue-template-es2015-compiler@^1.6.0:
|
|||||||
vue@^2.6.3:
|
vue@^2.6.3:
|
||||||
version "2.6.3"
|
version "2.6.3"
|
||||||
resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.3.tgz#180017ba25b94a9864b2921db8644e1062ea82a0"
|
resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.3.tgz#180017ba25b94a9864b2921db8644e1062ea82a0"
|
||||||
integrity sha512-yftjtahz4UTAtOlXXuw7UaYD86fWrMDAAzqTdqJJx2FIBqcPmBN6kPBHiBJFGaQELVblb5ijbFMXsx0i0F7q3g==
|
|
||||||
|
|
||||||
vuex@^3.1.0:
|
vuex@^3.1.0:
|
||||||
version "3.1.0"
|
version "3.1.0"
|
||||||
@ -20328,7 +20304,6 @@ w3c-xmlserializer@^1.0.1:
|
|||||||
wait-for-expect@^1.1.0:
|
wait-for-expect@^1.1.0:
|
||||||
version "1.1.0"
|
version "1.1.0"
|
||||||
resolved "https://registry.yarnpkg.com/wait-for-expect/-/wait-for-expect-1.1.0.tgz#6607375c3f79d32add35cd2c87ce13f351a3d453"
|
resolved "https://registry.yarnpkg.com/wait-for-expect/-/wait-for-expect-1.1.0.tgz#6607375c3f79d32add35cd2c87ce13f351a3d453"
|
||||||
integrity sha512-vQDokqxyMyknfX3luCDn16bSaRcOyH6gGuUXMIbxBLeTo6nWuEWYqMTT9a+44FmW8c2m6TRWBdNvBBjA1hwEKg==
|
|
||||||
|
|
||||||
walk-sync@^0.2.5:
|
walk-sync@^0.2.5:
|
||||||
version "0.2.7"
|
version "0.2.7"
|
||||||
@ -20444,7 +20419,6 @@ webidl-conversions@^4.0.2:
|
|||||||
webpack-cli@^3.2.3:
|
webpack-cli@^3.2.3:
|
||||||
version "3.2.3"
|
version "3.2.3"
|
||||||
resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-3.2.3.tgz#13653549adfd8ccd920ad7be1ef868bacc22e346"
|
resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-3.2.3.tgz#13653549adfd8ccd920ad7be1ef868bacc22e346"
|
||||||
integrity sha512-Ik3SjV6uJtWIAN5jp5ZuBMWEAaP5E4V78XJ2nI+paFPh8v4HPSwo/myN0r29Xc/6ZKnd2IdrAlpSgNOu2CDQ6Q==
|
|
||||||
dependencies:
|
dependencies:
|
||||||
chalk "^2.4.1"
|
chalk "^2.4.1"
|
||||||
cross-spawn "^6.0.5"
|
cross-spawn "^6.0.5"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user