@storybook/components 6.5.0-alpha.34 → 6.5.0-alpha.39

package/dist/modern/typography/DocumentWrapper.js

@@ -1,287 +0,0 @@
-import { styled } from '@storybook/theming';
-export const DocumentWrapper = styled.div(({
-  theme
-}) => ({
-  fontSize: `${theme.typography.size.s2}px`,
-  lineHeight: '1.6',
-  h1: {
-    fontSize: `${theme.typography.size.l1}px`,
-    fontWeight: theme.typography.weight.black
-  },
-  h2: {
-    fontSize: `${theme.typography.size.m2}px`,
-    borderBottom: `1px solid ${theme.appBorderColor}`
-  },
-  h3: {
-    fontSize: `${theme.typography.size.m1}px`
-  },
-  h4: {
-    fontSize: `${theme.typography.size.s3}px`
-  },
-  h5: {
-    fontSize: `${theme.typography.size.s2}px`
-  },
-  h6: {
-    fontSize: `${theme.typography.size.s2}px`,
-    color: theme.color.dark
-  },
-  'pre:not(.prismjs)': {
-    background: 'transparent',
-    border: 'none',
-    borderRadius: 0,
-    padding: 0,
-    margin: 0
-  },
-  'pre pre, pre.prismjs': {
-    padding: 15,
-    margin: 0,
-    whiteSpace: 'pre-wrap',
-    color: 'inherit',
-    fontSize: '13px',
-    lineHeight: '19px'
-  },
-  'pre pre code, pre.prismjs code': {
-    color: 'inherit',
-    fontSize: 'inherit'
-  },
-  'pre code': {
-    margin: 0,
-    padding: 0,
-    whiteSpace: 'pre',
-    border: 'none',
-    background: 'transparent'
-  },
-  'pre code, pre tt': {
-    backgroundColor: 'transparent',
-    border: 'none'
-  },
-
-  /* GitHub inspired Markdown styles loosely from https://gist.github.com/tuzz/3331384 */
-  'body > *:first-of-type': {
-    marginTop: '0 !important'
-  },
-  'body > *:last-child': {
-    marginBottom: '0 !important'
-  },
-  a: {
-    color: theme.color.secondary,
-    textDecoration: 'none'
-  },
-  'a.absent': {
-    color: '#cc0000'
-  },
-  'a.anchor': {
-    display: 'block',
-    paddingLeft: 30,
-    marginLeft: -30,
-    cursor: 'pointer',
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    bottom: 0
-  },
-  'h1, h2, h3, h4, h5, h6': {
-    margin: '20px 0 10px',
-    padding: 0,
-    cursor: 'text',
-    position: 'relative',
-    '&:first-of-type': {
-      marginTop: 0,
-      paddingTop: 0
-    },
-    '&:hover a.anchor': {
-      textDecoration: 'none'
-    },
-    '& tt, & code': {
-      fontSize: 'inherit'
-    }
-  },
-  'h1:first-of-type + h2': {
-    marginTop: 0,
-    paddingTop: 0
-  },
-  'p, blockquote, ul, ol, dl, li, table, pre': {
-    margin: '15px 0'
-  },
-  hr: {
-    border: '0 none',
-    borderTop: `1px solid ${theme.appBorderColor}`,
-    height: 4,
-    padding: 0
-  },
-  'body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type': {
-    marginTop: 0,
-    paddingTop: 0
-  },
-  'body > h1:first-of-type + h2': {
-    marginTop: 0,
-    paddingTop: 0
-  },
-  'a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6': {
-    marginTop: 0,
-    paddingTop: 0
-  },
-  'h1 p, h2 p, h3 p, h4 p, h5 p, h6 p': {
-    marginTop: 0
-  },
-  'li p.first': {
-    display: 'inline-block'
-  },
-  'ul, ol': {
-    paddingLeft: 30,
-    '& :first-of-type': {
-      marginTop: 0
-    },
-    '& :last-child': {
-      marginBottom: 0
-    }
-  },
-  dl: {
-    padding: 0
-  },
-  'dl dt': {
-    fontSize: '14px',
-    fontWeight: 'bold',
-    fontStyle: 'italic',
-    margin: '0 0 15px',
-    padding: '0 15px',
-    '&:first-of-type': {
-      padding: 0
-    },
-    '& > :first-of-type': {
-      marginTop: 0
-    },
-    '& > :last-child': {
-      marginBottom: 0
-    }
-  },
-  blockquote: {
-    borderLeft: `4px solid ${theme.color.medium}`,
-    padding: '0 15px',
-    color: theme.color.dark,
-    '& > :first-of-type': {
-      marginTop: 0
-    },
-    '& > :last-child': {
-      marginBottom: 0
-    }
-  },
-  table: {
-    padding: 0,
-    borderCollapse: 'collapse',
-    '& tr': {
-      borderTop: `1px solid ${theme.appBorderColor}`,
-      backgroundColor: 'white',
-      margin: 0,
-      padding: 0,
-      '& th': {
-        fontWeight: 'bold',
-        border: `1px solid ${theme.appBorderColor}`,
-        textAlign: 'left',
-        margin: 0,
-        padding: '6px 13px'
-      },
-      '& td': {
-        border: `1px solid ${theme.appBorderColor}`,
-        textAlign: 'left',
-        margin: 0,
-        padding: '6px 13px'
-      },
-      '&:nth-of-type(2n)': {
-        backgroundColor: theme.color.lighter
-      },
-      '& th :first-of-type, & td :first-of-type': {
-        marginTop: 0
-      },
-      '& th :last-child, & td :last-child': {
-        marginBottom: 0
-      }
-    }
-  },
-  img: {
-    maxWidth: '100%'
-  },
-  'span.frame': {
-    display: 'block',
-    overflow: 'hidden',
-    '& > span': {
-      border: `1px solid ${theme.color.medium}`,
-      display: 'block',
-      float: 'left',
-      overflow: 'hidden',
-      margin: '13px 0 0',
-      padding: 7,
-      width: 'auto'
-    },
-    '& span img': {
-      display: 'block',
-      float: 'left'
-    },
-    '& span span': {
-      clear: 'both',
-      color: theme.color.darkest,
-      display: 'block',
-      padding: '5px 0 0'
-    }
-  },
-  'span.align-center': {
-    display: 'block',
-    overflow: 'hidden',
-    clear: 'both',
-    '& > span': {
-      display: 'block',
-      overflow: 'hidden',
-      margin: '13px auto 0',
-      textAlign: 'center'
-    },
-    '& span img': {
-      margin: '0 auto',
-      textAlign: 'center'
-    }
-  },
-  'span.align-right': {
-    display: 'block',
-    overflow: 'hidden',
-    clear: 'both',
-    '& > span': {
-      display: 'block',
-      overflow: 'hidden',
-      margin: '13px 0 0',
-      textAlign: 'right'
-    },
-    '& span img': {
-      margin: 0,
-      textAlign: 'right'
-    }
-  },
-  'span.float-left': {
-    display: 'block',
-    marginRight: 13,
-    overflow: 'hidden',
-    float: 'left',
-    '& span': {
-      margin: '13px 0 0'
-    }
-  },
-  'span.float-right': {
-    display: 'block',
-    marginLeft: 13,
-    overflow: 'hidden',
-    float: 'right',
-    '& > span': {
-      display: 'block',
-      overflow: 'hidden',
-      margin: '13px auto 0',
-      textAlign: 'right'
-    }
-  },
-  'code, tt': {
-    margin: '0 2px',
-    padding: '0 5px',
-    whiteSpace: 'nowrap',
-    border: `1px solid ${theme.color.mediumlight}`,
-    backgroundColor: theme.color.lighter,
-    borderRadius: 3,
-    color: theme.base === 'dark' && theme.color.darkest
-  }
-}));

package/dist/modern/typography/DocumentWrapper.stories.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import { DocumentWrapper } from './DocumentWrapper';
-import MarkdownSample from './DocumentFormattingSample.md';
-export default {
-  component: DocumentWrapper,
-  title: 'Basics/DocumentFormatting',
-  decorators: [storyFn => /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '600px'
-    }
-  }, storyFn())]
-};
-export const WithMarkdown = () => /*#__PURE__*/React.createElement(DocumentWrapper, null, /*#__PURE__*/React.createElement(MarkdownSample, null));
-WithMarkdown.displayName = "WithMarkdown";
-export const WithDOM = () => /*#__PURE__*/React.createElement(DocumentWrapper, null, /*#__PURE__*/React.createElement("h1", null, "h1 Heading"), /*#__PURE__*/React.createElement("h2", null, "h2 Heading"), /*#__PURE__*/React.createElement("h3", null, "h3 Heading"), /*#__PURE__*/React.createElement("h4", null, "h4 Heading"), /*#__PURE__*/React.createElement("h5", null, "h5 Heading"), /*#__PURE__*/React.createElement("h6", null, "h6 Heading"), /*#__PURE__*/React.createElement("h2", null, "Typographic replacements"), /*#__PURE__*/React.createElement("p", null, "Enable typographer option to see result."), /*#__PURE__*/React.createElement("p", null, "\xA9 \xA9 \xAE \xAE \u2122 \u2122 \xA7 \xA7 \xB1"), /*#__PURE__*/React.createElement("p", null, "test\u2026 test\u2026 test\u2026 test?.. test!.."), /*#__PURE__*/React.createElement("p", null, "!!! ??? , \u2013 \u2014"), /*#__PURE__*/React.createElement("p", null, "\u201CSmartypants, double quotes\u201D and \u2018single quotes\u2019"), /*#__PURE__*/React.createElement("h2", null, "Emphasis"), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("strong", null, "This is bold text")), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("strong", null, "This is bold text")), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("em", null, "This is italic text")), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("em", null, "This is italic text")), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("em", null, /*#__PURE__*/React.createElement("strong", null, "This is bold italic text"))), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("s", null, "Strikethrough")), /*#__PURE__*/React.createElement("h2", null, "Blockquotes"), /*#__PURE__*/React.createElement("blockquote", null, /*#__PURE__*/React.createElement("p", null, "Blockquotes can also be nested\u2026"), /*#__PURE__*/React.createElement("blockquote", null, /*#__PURE__*/React.createElement("p", null, "\u2026by using additional greater-than signs right next to each other\u2026"), /*#__PURE__*/React.createElement("blockquote", null, /*#__PURE__*/React.createElement("p", null, "\u2026or with spaces between arrows.")))), /*#__PURE__*/React.createElement("h2", null, "Lists"), /*#__PURE__*/React.createElement("p", null, "Unordered"), /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Create a list by starting a line with ", /*#__PURE__*/React.createElement("code", null, "+"), ", ", /*#__PURE__*/React.createElement("code", null, "-"), ", or ", /*#__PURE__*/React.createElement("code", null, "*")), /*#__PURE__*/React.createElement("li", null, "Sub-lists are made by indenting 2 spaces:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Marker character change forces new list start:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Ac tristique libero volutpat at")), /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Facilisis in pretium nisl aliquet")), /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Nulla volutpat aliquam velit"))))), /*#__PURE__*/React.createElement("li", null, "Very easy!")), /*#__PURE__*/React.createElement("p", null, "Ordered"), /*#__PURE__*/React.createElement("ol", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("p", null, "Lorem ipsum dolor sit amet")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("p", null, "Consectetur adipiscing elit")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("p", null, "Integer molestie lorem at massa")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("p", null, "You can use sequential numbers\u2026")), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("p", null, "\u2026or keep all the numbers as ", /*#__PURE__*/React.createElement("code", null, "1.")))), /*#__PURE__*/React.createElement("p", null, "Start numbering with offset:"), /*#__PURE__*/React.createElement("ol", {
-  start: 57
-}, /*#__PURE__*/React.createElement("li", null, "foo"), /*#__PURE__*/React.createElement("li", null, "bar")), /*#__PURE__*/React.createElement("h2", null, "Horizontal Rule"), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("h2", null, "Tables"), /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, "Option"), /*#__PURE__*/React.createElement("th", null, "Description"))), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, "data"), /*#__PURE__*/React.createElement("td", null, "path to data files to supply the data that will be passed into templates.")), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, "engine"), /*#__PURE__*/React.createElement("td", null, "engine to be used for processing templates. Handlebars is the default.")), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, "ext"), /*#__PURE__*/React.createElement("td", null, "extension to be used for dest files.")))), /*#__PURE__*/React.createElement("p", null, "Right aligned columns"), /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
-  style: {
-    textAlign: 'right'
-  }
-}, "Option"), /*#__PURE__*/React.createElement("th", {
-  style: {
-    textAlign: 'right'
-  }
-}, "Description"))), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-  style: {
-    textAlign: 'right'
-  }
-}, "data"), /*#__PURE__*/React.createElement("td", {
-  style: {
-    textAlign: 'right'
-  }
-}, "path to data files to supply the data that will be passed into templates.")), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-  style: {
-    textAlign: 'right'
-  }
-}, "engine"), /*#__PURE__*/React.createElement("td", {
-  style: {
-    textAlign: 'right'
-  }
-}, "engine to be used for processing templates. Handlebars is the default.")), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-  style: {
-    textAlign: 'right'
-  }
-}, "ext"), /*#__PURE__*/React.createElement("td", {
-  style: {
-    textAlign: 'right'
-  }
-}, "extension to be used for dest files.")))), /*#__PURE__*/React.createElement("h2", null, "Links"), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("a", {
-  href: "http://dev.nodeca.com"
-}, "link text")), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("a", {
-  href: "http://nodeca.github.io/pica/demo/",
-  title: "title text!"
-}, "link with title")), /*#__PURE__*/React.createElement("p", null, "Autoconverted link ", /*#__PURE__*/React.createElement("a", {
-  href: "https://github.com/nodeca/pica"
-}, "https://github.com/nodeca/pica"), "\xA0(enable linkify to see)"), /*#__PURE__*/React.createElement("h2", null, "Images"), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("img", {
-  src: "https://octodex.github.com/images/minion.png",
-  alt: "Minion"
-}), /*#__PURE__*/React.createElement("img", {
-  src: "https://octodex.github.com/images/stormtroopocat.jpg",
-  alt: "Stormtroopocat",
-  title: "The Stormtroopocat"
-})));
-WithDOM.displayName = "WithDOM";

package/dist/modern/typography/ResetWrapper.js

@@ -1,11 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset } from './lib/common';
-/**
- * This is a "local" reset to style subtrees with Storybook styles
- *
- * We can't style individual elements (e.g. h1, h2, etc.) in here
- * because the CSS specificity is too high, so those styles can too
- * easily override child elements that are not expecting it.
- */
-
-export const ResetWrapper = styled.div(withReset);

package/dist/modern/typography/components.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import { nameSpaceClassNames } from './DocumentFormatting';
-import { A } from './elements/A';
-import { Blockquote } from './elements/Blockquote';
-import { Code } from './elements/Code';
-import { Div } from './elements/Div';
-import { DL } from './elements/DL';
-import { H1 } from './elements/H1';
-import { H2 } from './elements/H2';
-import { H3 } from './elements/H3';
-import { H4 } from './elements/H4';
-import { H5 } from './elements/H5';
-import { H6 } from './elements/H6';
-import { HR } from './elements/HR';
-import { Img } from './elements/Img';
-import { LI } from './elements/LI';
-import { OL } from './elements/OL';
-import { P } from './elements/P';
-import { Pre } from './elements/Pre';
-import { Span } from './elements/Span';
-import { Table } from './elements/Table';
-import { TT } from './elements/TT';
-import { UL } from './elements/UL';
-import { ResetWrapper } from './ResetWrapper';
-export const components = {
-  h1: props => /*#__PURE__*/React.createElement(H1, nameSpaceClassNames(props, 'h1')),
-  h2: props => /*#__PURE__*/React.createElement(H2, nameSpaceClassNames(props, 'h2')),
-  h3: props => /*#__PURE__*/React.createElement(H3, nameSpaceClassNames(props, 'h3')),
-  h4: props => /*#__PURE__*/React.createElement(H4, nameSpaceClassNames(props, 'h4')),
-  h5: props => /*#__PURE__*/React.createElement(H5, nameSpaceClassNames(props, 'h5')),
-  h6: props => /*#__PURE__*/React.createElement(H6, nameSpaceClassNames(props, 'h6')),
-  pre: props => /*#__PURE__*/React.createElement(Pre, nameSpaceClassNames(props, 'pre')),
-  a: props => /*#__PURE__*/React.createElement(A, nameSpaceClassNames(props, 'a')),
-  hr: props => /*#__PURE__*/React.createElement(HR, nameSpaceClassNames(props, 'hr')),
-  dl: props => /*#__PURE__*/React.createElement(DL, nameSpaceClassNames(props, 'dl')),
-  blockquote: props => /*#__PURE__*/React.createElement(Blockquote, nameSpaceClassNames(props, 'blockquote')),
-  table: props => /*#__PURE__*/React.createElement(Table, nameSpaceClassNames(props, 'table')),
-  img: props => /*#__PURE__*/React.createElement(Img, nameSpaceClassNames(props, 'img')),
-  div: props => /*#__PURE__*/React.createElement(Div, nameSpaceClassNames(props, 'div')),
-  span: props => /*#__PURE__*/React.createElement(Span, nameSpaceClassNames(props, 'span')),
-  li: props => /*#__PURE__*/React.createElement(LI, nameSpaceClassNames(props, 'li')),
-  ul: props => /*#__PURE__*/React.createElement(UL, nameSpaceClassNames(props, 'ul')),
-  ol: props => /*#__PURE__*/React.createElement(OL, nameSpaceClassNames(props, 'ol')),
-  p: props => /*#__PURE__*/React.createElement(P, nameSpaceClassNames(props, 'p')),
-  code: props => /*#__PURE__*/React.createElement(Code, nameSpaceClassNames(props, 'code')),
-  tt: props => /*#__PURE__*/React.createElement(TT, nameSpaceClassNames(props, 'tt')),
-  resetwrapper: props => /*#__PURE__*/React.createElement(ResetWrapper, nameSpaceClassNames(props, 'resetwrapper'))
-};

package/dist/modern/typography/elements/A.js

@@ -1,24 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset } from '../lib/common';
-import { Link } from './Link';
-export const A = styled(Link)(withReset, ({
-  theme
-}) => ({
-  fontSize: 'inherit',
-  lineHeight: '24px',
-  color: theme.color.secondary,
-  textDecoration: 'none',
-  '&.absent': {
-    color: '#cc0000'
-  },
-  '&.anchor': {
-    display: 'block',
-    paddingLeft: 30,
-    marginLeft: -30,
-    cursor: 'pointer',
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    bottom: 0
-  }
-}));

package/dist/modern/typography/elements/Blockquote.js

@@ -1,15 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, withMargin } from '../lib/common';
-export const Blockquote = styled.blockquote(withReset, withMargin, ({
-  theme
-}) => ({
-  borderLeft: `4px solid ${theme.color.medium}`,
-  padding: '0 15px',
-  color: theme.color.dark,
-  '& > :first-of-type': {
-    marginTop: 0
-  },
-  '& > :last-child': {
-    marginBottom: 0
-  }
-}));

package/dist/modern/typography/elements/Code.js

@@ -1,52 +0,0 @@
-const _excluded = ["className", "children"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import { styled } from '@storybook/theming';
-import React, { Children } from 'react';
-import { StyledSyntaxHighlighter } from '../../blocks/Source';
-import { isReactChildString } from '../lib/isReactChildString';
-import { codeCommon } from '../lib/common';
-const isInlineCodeRegex = /[\n\r]/g;
-const DefaultCodeBlock = styled.code(({
-  theme
-}) => ({
-  // from reset
-  fontFamily: theme.typography.fonts.mono,
-  WebkitFontSmoothing: 'antialiased',
-  MozOsxFontSmoothing: 'grayscale',
-  display: 'inline-block',
-  paddingLeft: 2,
-  paddingRight: 2,
-  verticalAlign: 'baseline',
-  color: 'inherit'
-}), codeCommon);
-export const Code = _ref => {
-  var _language$;
-
-  let {
-    className,
-    children
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  const language = (className || '').match(/lang-(\S+)/);
-  const childrenArray = Children.toArray(children);
-  const isInlineCode = !childrenArray.filter(isReactChildString).some(child => child.match(isInlineCodeRegex));
-
-  if (isInlineCode) {
-    return /*#__PURE__*/React.createElement(DefaultCodeBlock, _extends({}, props, {
-      className: className
-    }), childrenArray);
-  }
-
-  return /*#__PURE__*/React.createElement(StyledSyntaxHighlighter, _extends({
-    bordered: true,
-    copyable: true,
-    language: (_language$ = language === null || language === void 0 ? void 0 : language[1]) !== null && _language$ !== void 0 ? _language$ : 'plaintext',
-    format: false
-  }, props), children);
-};
-Code.displayName = "Code";

package/dist/modern/typography/elements/DL.js

@@ -1,31 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, withMargin } from '../lib/common';
-export const DL = styled.dl(withReset, Object.assign({}, withMargin, {
-  padding: 0,
-  '& dt': {
-    fontSize: '14px',
-    fontWeight: 'bold',
-    fontStyle: 'italic',
-    padding: 0,
-    margin: '16px 0 4px'
-  },
-  '& dt:first-of-type': {
-    padding: 0
-  },
-  '& dt > :first-of-type': {
-    marginTop: 0
-  },
-  '& dt > :last-child': {
-    marginBottom: 0
-  },
-  '& dd': {
-    margin: '0 0 16px',
-    padding: '0 15px'
-  },
-  '& dd > :first-of-type': {
-    marginTop: 0
-  },
-  '& dd > :last-child': {
-    marginBottom: 0
-  }
-}));

package/dist/modern/typography/elements/Div.js

@@ -1,3 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset } from '../lib/common';
-export const Div = styled.div(withReset);

package/dist/modern/typography/elements/H1.js

@@ -1,8 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, headerCommon } from '../lib/common';
-export const H1 = styled.h1(withReset, headerCommon, ({
-  theme
-}) => ({
-  fontSize: `${theme.typography.size.l1}px`,
-  fontWeight: theme.typography.weight.black
-}));

package/dist/modern/typography/elements/H2.js

@@ -1,9 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, headerCommon } from '../lib/common';
-export const H2 = styled.h2(withReset, headerCommon, ({
-  theme
-}) => ({
-  fontSize: `${theme.typography.size.m2}px`,
-  paddingBottom: 4,
-  borderBottom: `1px solid ${theme.appBorderColor}`
-}));

package/dist/modern/typography/elements/H3.js

@@ -1,7 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, headerCommon } from '../lib/common';
-export const H3 = styled.h3(withReset, headerCommon, ({
-  theme
-}) => ({
-  fontSize: `${theme.typography.size.m1}px`
-}));

package/dist/modern/typography/elements/H4.js

@@ -1,7 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, headerCommon } from '../lib/common';
-export const H4 = styled.h4(withReset, headerCommon, ({
-  theme
-}) => ({
-  fontSize: `${theme.typography.size.s3}px`
-}));

package/dist/modern/typography/elements/H5.js

@@ -1,7 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, headerCommon } from '../lib/common';
-export const H5 = styled.h5(withReset, headerCommon, ({
-  theme
-}) => ({
-  fontSize: `${theme.typography.size.s2}px`
-}));

package/dist/modern/typography/elements/H6.js

@@ -1,8 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, headerCommon } from '../lib/common';
-export const H6 = styled.h6(withReset, headerCommon, ({
-  theme
-}) => ({
-  fontSize: `${theme.typography.size.s2}px`,
-  color: theme.color.dark
-}));

package/dist/modern/typography/elements/HR.js

@@ -1,9 +0,0 @@
-import { styled } from '@storybook/theming';
-export const HR = styled.hr(({
-  theme
-}) => ({
-  border: '0 none',
-  borderTop: `1px solid ${theme.appBorderColor}`,
-  height: 4,
-  padding: 0
-}));

package/dist/modern/typography/elements/Img.js

@@ -1,4 +0,0 @@
-import { styled } from '@storybook/theming';
-export const Img = styled.img({
-  maxWidth: '100%'
-});

package/dist/modern/typography/elements/LI.js

@@ -1,19 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, codeCommon } from '../lib/common';
-export const LI = styled.li(withReset, ({
-  theme
-}) => ({
-  fontSize: theme.typography.size.s2,
-  color: theme.color.defaultText,
-  lineHeight: '24px',
-  '& + li': {
-    marginTop: '.25em'
-  },
-  '& ul, & ol': {
-    marginTop: '.25em',
-    marginBottom: 0
-  },
-  '& code': codeCommon({
-    theme
-  })
-}));