@utrecht/web-component-library-stencil 1.0.0-alpha.246 → 1.0.0-alpha.249

package/dist/collection/node_modules/@storybook/components/dist/modern/blocks/Description.stories.js

@@ -1,65 +0,0 @@
-import React from 'react';
-import { Description } from './Description';
-export default {
-  title: 'Docs/Description',
-  component: Description
-};
-const textCaption = `That was Wintermute, manipulating the lock the way it had manipulated the drone micro and the amplified breathing of the room where Case waited. The semiotics of the bright void beyond the chain link. The tug Marcus Garvey, a steel drum nine meters long and two in diameter, creaked and shuddered as Maelcum punched for a California gambling cartel, then as a paid killer in the dark, curled in his capsule in some coffin hotel, his hands clawed into the nearest door and watched the other passengers as he rode. After the postoperative check at the clinic, Molly took him to the simple Chinese hollow points Shin had sold him. Still it was a handgun and nine rounds of ammunition, and as he made his way down Shiga from the missionaries, the train reached Case’s station. Now this quiet courtyard, Sunday afternoon, this girl with a random collection of European furniture, as though Deane had once intended to use the place as his home. Case felt the edge of the Flatline as a construct, a hardwired ROM cassette replicating a dead man’s skills, obsessions, kneejerk responses. They were dropping, losing altitude in a canyon of rainbow foliage, a lurid communal mural that completely covered the hull of the console in faded pinks and yellows.`;
-const markdownCaption = `
-# My Example Markdown
-
-The group looked like tall, exotic grazing animals, swaying gracefully and unconsciously with the movement of the train, their high heels like polished hooves against the gray metal of the Flatline as a construct, a hardwired ROM cassette replicating a dead man’s skills, obsessions, kneejerk responses.
-
-![An image](http://place-hold.it/350x150)
-
-He stared at the clinic, Molly took him to the Tank War, mouth touched with hot gold as a gliding cursor struck sparks from the wall of a skyscraper canyon.
-`;
-const markdownWithLinksCaption = `
-# [Link](https://storybook.js.org/) in heading
-## [Link](https://storybook.js.org/) in heading
-### [Link](https://storybook.js.org/) in heading
-#### [Link](https://storybook.js.org/) in heading
-##### [Link](https://storybook.js.org/) in heading
-###### [Link](https://storybook.js.org/) in heading
-
-He stared at the clinic, [Molly](https://storybook.js.org/) took him to the *[Tank War](https://storybook.js.org/)*, mouth touched with hot gold as a gliding cursor struck sparks from the wall of a **[skyscraper](https://storybook.js.org/)** canyon.
-`;
-const markdownWithCodeSnippets = `
-# My Example Markdown
-
-An \`inline\` codeblock
-
-\`\`\`tsx
-// TypeScript React code block
-export const MyStory = () => {
-  return <Button>Click me</Button>;
-};
-\`\`\`
-
-\`\`\`
-code block with with no language
-const a = fn({
-  b: 2,
-});
-\`\`\`
-`;
-
-const Template = args => /*#__PURE__*/React.createElement(Description, args);
-
-Template.displayName = "Template";
-export const Text = Template.bind({});
-Text.args = {
-  markdown: textCaption
-};
-export const Markdown = Template.bind({});
-Markdown.args = {
-  markdown: markdownCaption
-};
-export const MarkdownLinks = Template.bind({});
-MarkdownLinks.args = {
-  markdown: markdownWithLinksCaption
-};
-export const MarkdownCodeSnippets = Template.bind({});
-MarkdownCodeSnippets.args = {
-  markdown: markdownWithCodeSnippets
-};

package/dist/collection/node_modules/@storybook/components/dist/modern/blocks/DocsPage.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import { styled } from '@storybook/theming';
-import { transparentize } from 'polished';
-import { withReset } from '../typography/shared';
-const breakpoint = 600;
-export const Title = styled.h1(withReset, ({
-  theme
-}) => ({
-  color: theme.color.defaultText,
-  fontSize: theme.typography.size.m3,
-  fontWeight: theme.typography.weight.black,
-  lineHeight: '32px',
-  [`@media (min-width: ${breakpoint}px)`]: {
-    fontSize: theme.typography.size.l1,
-    lineHeight: '36px',
-    marginBottom: '.5rem' // 8px
-
-  }
-}));
-export const Subtitle = styled.h2(withReset, ({
-  theme
-}) => ({
-  fontWeight: theme.typography.weight.regular,
-  fontSize: theme.typography.size.s3,
-  lineHeight: '20px',
-  borderBottom: 'none',
-  marginBottom: 15,
-  [`@media (min-width: ${breakpoint}px)`]: {
-    fontSize: theme.typography.size.m1,
-    lineHeight: '28px',
-    marginBottom: 24
-  },
-  color: transparentize(0.25, theme.color.defaultText)
-}));
-export const DocsContent = styled.div({
-  maxWidth: 1000,
-  width: '100%'
-});
-export const DocsWrapper = styled.div(({
-  theme
-}) => ({
-  background: theme.background.content,
-  display: 'flex',
-  justifyContent: 'center',
-  padding: '4rem 20px',
-  minHeight: '100vh',
-  boxSizing: 'border-box',
-  [`@media (min-width: ${breakpoint}px)`]: {}
-}));
-export const DocsPageWrapper = ({
-  children
-}) => /*#__PURE__*/React.createElement(DocsWrapper, null, /*#__PURE__*/React.createElement(DocsContent, null, children));
-DocsPageWrapper.displayName = "DocsPageWrapper";

package/dist/collection/node_modules/@storybook/components/dist/modern/blocks/DocsPage.stories.js

@@ -1,46 +0,0 @@
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-import React from 'react';
-import { Global, css } from '@emotion/core';
-import { Title, Subtitle, DocsPageWrapper } from './DocsPage';
-import { ArgsTable, Source, Description } from './index';
-import * as Story from './Story.stories';
-import * as Preview from './Preview.stories';
-import * as argsTable from './ArgsTable/ArgsTable.stories';
-import * as source from './Source.stories';
-import * as description from './Description.stories';
-
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "11oe0k1",
-  styles: "ul,ol{list-style:none;}"
-} : {
-  name: "11oe0k1",
-  styles: "ul,ol{list-style:none;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ibG9ja3MvRG9jc1BhZ2Uuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYmxvY2tzL0RvY3NQYWdlLnN0b3JpZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmltcG9ydCB7IFRpdGxlLCBTdWJ0aXRsZSwgRG9jc1BhZ2VXcmFwcGVyIH0gZnJvbSAnLi9Eb2NzUGFnZSc7XG5pbXBvcnQgeyBBcmdzVGFibGUsIFNvdXJjZSwgRGVzY3JpcHRpb24gfSBmcm9tICcuL2luZGV4JztcbmltcG9ydCAqIGFzIFN0b3J5IGZyb20gJy4vU3Rvcnkuc3Rvcmllcyc7XG5pbXBvcnQgKiBhcyBQcmV2aWV3IGZyb20gJy4vUHJldmlldy5zdG9yaWVzJztcbmltcG9ydCAqIGFzIGFyZ3NUYWJsZSBmcm9tICcuL0FyZ3NUYWJsZS9BcmdzVGFibGUuc3Rvcmllcyc7XG5pbXBvcnQgKiBhcyBzb3VyY2UgZnJvbSAnLi9Tb3VyY2Uuc3Rvcmllcyc7XG5pbXBvcnQgKiBhcyBkZXNjcmlwdGlvbiBmcm9tICcuL0Rlc2NyaXB0aW9uLnN0b3JpZXMnO1xuXG5leHBvcnQgZGVmYXVsdCB7XG4gIHRpdGxlOiAnRG9jcy9Eb2NzUGFnZScsXG4gIGNvbXBvbmVudDogRG9jc1BhZ2VXcmFwcGVyLFxuICAvLyBUaGUgZ29hbCBvZiB0aGlzIGRlY29yYXRvciBpcyB0byBtaW1pYyBzb21lIENTUyByZXNldC5cbiAgLy8gTGlrZSBUYWlsd2luZCBDU1Mgb3IgQnVsbWEgZG8sIGZvciBleGFtcGxlLlxuICBkZWNvcmF0b3JzOiBbXG4gICAgKHN0b3J5Rm4pID0+IChcbiAgICAgIDw+XG4gICAgICAgIDxHbG9iYWxcbiAgICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICAgIHVsLFxuICAgICAgICAgICAgb2wge1xuICAgICAgICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGB9XG4gICAgICAgIC8+XG4gICAgICAgIHtzdG9yeUZuKCl9XG4gICAgICA8Lz5cbiAgICApLFxuICBdLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAnZnVsbHNjcmVlbicsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgTG9hZGluZyA9ICgpID0+IChcbiAgPERvY3NQYWdlV3JhcHBlcj5cbiAgICA8VGl0bGU+RG9jc1BhZ2U8L1RpdGxlPlxuICAgIDxTdWJ0aXRsZT5cbiAgICAgIFdoYXQgdGhlIERvY3NQYWdlIGxvb2tzIGxpa2UuIE1lYW50IHRvIGJlIFFBZWQgaW4gQ2FudmFzIHRhYiBub3QgaW4gRG9jcyB0YWIuXG4gICAgPC9TdWJ0aXRsZT5cbiAgICA8RGVzY3JpcHRpb24gey4uLmRlc2NyaXB0aW9uLlRleHQuYXJnc30gLz5cbiAgICA8UHJldmlldy5Mb2FkaW5nIC8+XG4gICAgPGFyZ3NUYWJsZS5Mb2FkaW5nIHsuLi5hcmdzVGFibGUuTG9hZGluZy5hcmdzfSAvPlxuICAgIDxTb3VyY2Ugey4uLnNvdXJjZS5Mb2FkaW5nLmFyZ3N9IC8+XG4gIDwvRG9jc1BhZ2VXcmFwcGVyPlxuKTtcblxuZXhwb3J0IGNvbnN0IFdpdGhTdWJ0aXRsZSA9ICgpID0+IChcbiAgPERvY3NQYWdlV3JhcHBlcj5cbiAgICA8VGl0bGU+RG9jc1BhZ2U8L1RpdGxlPlxuICAgIDxTdWJ0aXRsZT5cbiAgICAgIFdoYXQgdGhlIERvY3NQYWdlIGxvb2tzIGxpa2UuIE1lYW50IHRvIGJlIFFBZWQgaW4gQ2FudmFzIHRhYiBub3QgaW4gRG9jcyB0YWIuXG4gICAgPC9TdWJ0aXRsZT5cbiAgICA8RGVzY3JpcHRpb24gey4uLmRlc2NyaXB0aW9uLlRleHQuYXJnc30gLz5cbiAgICA8UHJldmlldy5TaW5nbGUgLz5cbiAgICA8QXJnc1RhYmxlIHsuLi5hcmdzVGFibGUuTm9ybWFsLmFyZ3N9IC8+XG4gICAgPFNvdXJjZSB7Li4uc291cmNlLkpTWC5hcmdzfSAvPlxuICA8L0RvY3NQYWdlV3JhcHBlcj5cbik7XG5cbmV4cG9ydCBjb25zdCBFbXB0eSA9ICgpID0+IChcbiAgPERvY3NQYWdlV3JhcHBlcj5cbiAgICA8U3RvcnkuRXJyb3IgLz5cbiAgICA8QXJnc1RhYmxlIHsuLi5hcmdzVGFibGUuRXJyb3IuYXJnc30gLz5cbiAgICA8U291cmNlIHsuLi5zb3VyY2UuU291cmNlVW5hdmFpbGFibGUuYXJnc30gLz5cbiAgPC9Eb2NzUGFnZVdyYXBwZXI+XG4pO1xuXG5leHBvcnQgY29uc3QgTm9UZXh0ID0gKCkgPT4gKFxuICA8RG9jc1BhZ2VXcmFwcGVyPlxuICAgIDxUaXRsZT5ubyB0ZXh0PC9UaXRsZT5cbiAgICA8UHJldmlldy5TaW5nbGUgLz5cbiAgICA8QXJnc1RhYmxlIHsuLi5hcmdzVGFibGUuTm9ybWFsLmFyZ3N9IC8+XG4gICAgPFNvdXJjZSB7Li4uc291cmNlLkpTWC5hcmdzfSAvPlxuICA8L0RvY3NQYWdlV3JhcHBlcj5cbik7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gKCkgPT4gKFxuICA8RG9jc1BhZ2VXcmFwcGVyPlxuICAgIDxUaXRsZT5TZW5zb3JpdW08L1RpdGxlPlxuICAgIDxEZXNjcmlwdGlvbiB7Li4uZGVzY3JpcHRpb24uVGV4dC5hcmdzfSAvPlxuICAgIDxQcmV2aWV3LlNpbmdsZSAvPlxuICAgIDxBcmdzVGFibGUgey4uLmFyZ3NUYWJsZS5Ob3JtYWwuYXJnc30gLz5cbiAgICA8U291cmNlIHsuLi5zb3VyY2UuSlNYLmFyZ3N9IC8+XG4gIDwvRG9jc1BhZ2VXcmFwcGVyPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1hcmtkb3duID0gKCkgPT4gKFxuICA8RG9jc1BhZ2VXcmFwcGVyPlxuICAgIDxUaXRsZT5tYXJrZG93bjwvVGl0bGU+XG4gICAgPERlc2NyaXB0aW9uIHsuLi5kZXNjcmlwdGlvbi5NYXJrZG93bi5hcmdzfSAvPlxuICAgIDxQcmV2aWV3LlNpbmdsZSAvPlxuICAgIDxBcmdzVGFibGUgey4uLmFyZ3NUYWJsZS5Ob3JtYWwuYXJnc30gLz5cbiAgICA8U291cmNlIHsuLi5zb3VyY2UuSlNYLmFyZ3N9IC8+XG4gIDwvRG9jc1BhZ2VXcmFwcGVyPlxuKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-export default {
-  title: 'Docs/DocsPage',
-  component: DocsPageWrapper,
-  // The goal of this decorator is to mimic some CSS reset.
-  // Like Tailwind CSS or Bulma do, for example.
-  decorators: [storyFn => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Global, {
-    styles: _ref
-  }), storyFn())],
-  parameters: {
-    layout: 'fullscreen'
-  }
-};
-export const Loading = () => /*#__PURE__*/React.createElement(DocsPageWrapper, null, /*#__PURE__*/React.createElement(Title, null, "DocsPage"), /*#__PURE__*/React.createElement(Subtitle, null, "What the DocsPage looks like. Meant to be QAed in Canvas tab not in Docs tab."), /*#__PURE__*/React.createElement(Description, description.Text.args), /*#__PURE__*/React.createElement(Preview.Loading, null), /*#__PURE__*/React.createElement(argsTable.Loading, argsTable.Loading.args), /*#__PURE__*/React.createElement(Source, source.Loading.args));
-Loading.displayName = "Loading";
-export const WithSubtitle = () => /*#__PURE__*/React.createElement(DocsPageWrapper, null, /*#__PURE__*/React.createElement(Title, null, "DocsPage"), /*#__PURE__*/React.createElement(Subtitle, null, "What the DocsPage looks like. Meant to be QAed in Canvas tab not in Docs tab."), /*#__PURE__*/React.createElement(Description, description.Text.args), /*#__PURE__*/React.createElement(Preview.Single, null), /*#__PURE__*/React.createElement(ArgsTable, argsTable.Normal.args), /*#__PURE__*/React.createElement(Source, source.JSX.args));
-WithSubtitle.displayName = "WithSubtitle";
-export const Empty = () => /*#__PURE__*/React.createElement(DocsPageWrapper, null, /*#__PURE__*/React.createElement(Story.Error, null), /*#__PURE__*/React.createElement(ArgsTable, argsTable.Error.args), /*#__PURE__*/React.createElement(Source, source.SourceUnavailable.args));
-Empty.displayName = "Empty";
-export const NoText = () => /*#__PURE__*/React.createElement(DocsPageWrapper, null, /*#__PURE__*/React.createElement(Title, null, "no text"), /*#__PURE__*/React.createElement(Preview.Single, null), /*#__PURE__*/React.createElement(ArgsTable, argsTable.Normal.args), /*#__PURE__*/React.createElement(Source, source.JSX.args));
-NoText.displayName = "NoText";
-export const Text = () => /*#__PURE__*/React.createElement(DocsPageWrapper, null, /*#__PURE__*/React.createElement(Title, null, "Sensorium"), /*#__PURE__*/React.createElement(Description, description.Text.args), /*#__PURE__*/React.createElement(Preview.Single, null), /*#__PURE__*/React.createElement(ArgsTable, argsTable.Normal.args), /*#__PURE__*/React.createElement(Source, source.JSX.args));
-Text.displayName = "Text";
-export const Markdown = () => /*#__PURE__*/React.createElement(DocsPageWrapper, null, /*#__PURE__*/React.createElement(Title, null, "markdown"), /*#__PURE__*/React.createElement(Description, description.Markdown.args), /*#__PURE__*/React.createElement(Preview.Single, null), /*#__PURE__*/React.createElement(ArgsTable, argsTable.Normal.args), /*#__PURE__*/React.createElement(Source, source.JSX.args));
-Markdown.displayName = "Markdown";

package/dist/collection/node_modules/@storybook/components/dist/modern/blocks/EmptyBlock.js

@@ -1,24 +0,0 @@
-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); }
-
-import React from 'react';
-import { styled } from '@storybook/theming';
-import { transparentize } from 'polished';
-import { withReset } from '../typography/shared';
-const Wrapper = styled.div(withReset, ({
-  theme
-}) => ({
-  backgroundColor: theme.base === 'light' ? 'rgba(0,0,0,.01)' : 'rgba(255,255,255,.01)',
-  borderRadius: theme.appBorderRadius,
-  border: `1px dashed ${theme.appBorderColor}`,
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  padding: 20,
-  margin: '25px 0 40px',
-  color: transparentize(0.3, theme.color.defaultText),
-  fontSize: theme.typography.size.s2
-}));
-export const EmptyBlock = props => /*#__PURE__*/React.createElement(Wrapper, _extends({}, props, {
-  className: "docblock-emptyblock"
-}));
-EmptyBlock.displayName = "EmptyBlock";

package/dist/collection/node_modules/@storybook/components/dist/modern/blocks/EmptyBlock.stories.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import { EmptyBlock } from './EmptyBlock';
-export default {
-  title: 'Docs/EmptyBlock',
-  component: EmptyBlock
-};
-export const Error = () => /*#__PURE__*/React.createElement(EmptyBlock, null, "Generic error message");
-Error.displayName = "Error";

package/dist/collection/node_modules/@storybook/components/dist/modern/blocks/IFrame.js

@@ -1,65 +0,0 @@
-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 React, { Component } from 'react';
-import global from 'global';
-const {
-  window: globalWindow
-} = global;
-export class IFrame extends Component {
-  constructor(...args) {
-    super(...args);
-    this.iframe = null;
-  }
-
-  componentDidMount() {
-    const {
-      id
-    } = this.props;
-    this.iframe = globalWindow.document.getElementById(id);
-  }
-
-  shouldComponentUpdate(nextProps) {
-    const {
-      scale
-    } = nextProps; // eslint-disable-next-line react/destructuring-assignment
-
-    if (scale !== this.props.scale) {
-      this.setIframeBodyStyle({
-        width: `${scale * 100}%`,
-        height: `${scale * 100}%`,
-        transform: `scale(${1 / scale})`,
-        transformOrigin: 'top left'
-      });
-    }
-
-    return false;
-  }
-
-  setIframeBodyStyle(style) {
-    return Object.assign(this.iframe.contentDocument.body.style, style);
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      id,
-      title,
-      src,
-      allowFullScreen
-    } = _this$props,
-          rest = _objectWithoutPropertiesLoose(_this$props, ["id", "title", "src", "allowFullScreen", "scale"]);
-
-    return /*#__PURE__*/React.createElement("iframe", _extends({
-      id: id,
-      title: title,
-      src: src,
-      allowFullScreen: allowFullScreen // @ts-ignore
-      ,
-      loading: "lazy"
-    }, rest));
-  }
-
-}
-IFrame.displayName = "IFrame";

package/dist/collection/node_modules/@storybook/components/dist/modern/blocks/IconGallery.js

@@ -1,68 +0,0 @@
-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 React from 'react';
-import { styled } from '@storybook/theming';
-import { ResetWrapper } from '../typography/DocumentFormatting';
-import { getBlockBackgroundStyle } from './BlockBackgroundStyles';
-const ItemLabel = styled.div(({
-  theme
-}) => ({
-  fontFamily: theme.typography.fonts.base,
-  fontSize: theme.typography.size.s2,
-  color: theme.color.defaultText,
-  marginLeft: 10,
-  lineHeight: 1.2
-}));
-const ItemSpecimen = styled.div(({
-  theme
-}) => Object.assign({}, getBlockBackgroundStyle(theme), {
-  overflow: 'hidden',
-  height: 40,
-  width: 40,
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  flex: 'none',
-  '> img, > svg': {
-    width: 20,
-    height: 20
-  }
-}));
-const Item = styled.div({
-  display: 'inline-flex',
-  flexDirection: 'row',
-  alignItems: 'center',
-  flex: '0 1 calc(20% - 10px)',
-  minWidth: 120,
-  margin: '0px 10px 30px 0'
-});
-const List = styled.div({
-  display: 'flex',
-  flexFlow: 'row wrap'
-});
-
-/**
- * An individual icon with a caption and an example (passed as `children`).
- */
-export const IconItem = ({
-  name,
-  children
-}) => /*#__PURE__*/React.createElement(Item, null, /*#__PURE__*/React.createElement(ItemSpecimen, null, children), /*#__PURE__*/React.createElement(ItemLabel, null, name));
-IconItem.displayName = "IconItem";
-
-/**
- * Show a grid of icons, as specified by `IconItem`.
- */
-export const IconGallery = (_ref) => {
-  let {
-    children
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["children"]);
-
-  return /*#__PURE__*/React.createElement(ResetWrapper, null, /*#__PURE__*/React.createElement(List, _extends({}, props, {
-    className: "docblock-icongallery"
-  }), children));
-};
-IconGallery.displayName = "IconGallery";

package/dist/collection/node_modules/@storybook/components/dist/modern/blocks/IconGallery.stories.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { IconItem, IconGallery } from './IconGallery';
-import { Icons as ExampleIcon } from '../icon/icon';
-export default {
-  title: 'Docs/IconGallery',
-  component: IconGallery
-};
-export const DefaultStyle = () => /*#__PURE__*/React.createElement(IconGallery, null, /*#__PURE__*/React.createElement(IconItem, {
-  name: "add"
-}, /*#__PURE__*/React.createElement(ExampleIcon, {
-  icon: "add"
-})), /*#__PURE__*/React.createElement(IconItem, {
-  name: "subtract"
-}, /*#__PURE__*/React.createElement(ExampleIcon, {
-  icon: "subtract"
-})), /*#__PURE__*/React.createElement(IconItem, {
-  name: "home"
-}, /*#__PURE__*/React.createElement(ExampleIcon, {
-  icon: "home"
-})), /*#__PURE__*/React.createElement(IconItem, {
-  name: "facehappy"
-}, /*#__PURE__*/React.createElement(ExampleIcon, {
-  icon: "facehappy"
-})), /*#__PURE__*/React.createElement(IconItem, {
-  name: "bar"
-}, /*#__PURE__*/React.createElement("img", {
-  src: "https://place-hold.it/50x50",
-  alt: "example"
-})), /*#__PURE__*/React.createElement(IconItem, {
-  name: "bar"
-}, /*#__PURE__*/React.createElement("img", {
-  src: "https://place-hold.it/50x50",
-  alt: "example"
-})));
-DefaultStyle.displayName = "DefaultStyle";

package/dist/collection/node_modules/@storybook/components/dist/modern/blocks/Preview.js

@@ -1,274 +0,0 @@
-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 "core-js/modules/es.array.reduce.js";
-
-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); }
-
-import React, { Children, useCallback, useState } from 'react';
-import { darken } from 'polished';
-import { styled } from '@storybook/theming';
-import global from 'global';
-import { getBlockBackgroundStyle } from './BlockBackgroundStyles';
-import { Source } from './Source';
-import { ActionBar } from '../ActionBar/ActionBar';
-import { Toolbar } from './Toolbar';
-import { ZoomContext } from './ZoomContext';
-import { Zoom } from '../Zoom/Zoom';
-import { StorySkeleton } from '.';
-const ChildrenContainer = styled.div(({
-  isColumn,
-  columns,
-  layout
-}) => ({
-  display: isColumn || !columns ? 'block' : 'flex',
-  position: 'relative',
-  flexWrap: 'wrap',
-  overflow: 'auto',
-  flexDirection: isColumn ? 'column' : 'row',
-  '& .innerZoomElementWrapper > *': isColumn ? {
-    width: layout !== 'fullscreen' ? 'calc(100% - 20px)' : '100%',
-    display: 'block'
-  } : {
-    maxWidth: layout !== 'fullscreen' ? 'calc(100% - 20px)' : '100%',
-    display: 'inline-block'
-  }
-}), ({
-  layout = 'padded'
-}) => layout === 'centered' || layout === 'padded' ? {
-  padding: '30px 20px',
-  margin: -10,
-  '& .innerZoomElementWrapper > *': {
-    width: 'auto',
-    border: '10px solid transparent!important'
-  }
-} : {}, ({
-  layout = 'padded'
-}) => layout === 'centered' ? {
-  display: 'flex',
-  justifyContent: 'center',
-  justifyItems: 'center',
-  alignContent: 'center',
-  alignItems: 'center'
-} : {}, ({
-  columns
-}) => columns && columns > 1 ? {
-  '.innerZoomElementWrapper > *': {
-    minWidth: `calc(100% / ${columns} - 20px)`
-  }
-} : {});
-const StyledSource = styled(Source)(({
-  theme
-}) => ({
-  margin: 0,
-  borderTopLeftRadius: 0,
-  borderTopRightRadius: 0,
-  borderBottomLeftRadius: theme.appBorderRadius,
-  borderBottomRightRadius: theme.appBorderRadius,
-  border: 'none',
-  background: theme.base === 'light' ? 'rgba(0, 0, 0, 0.85)' : darken(0.05, theme.background.content),
-  color: theme.color.lightest,
-  button: {
-    background: theme.base === 'light' ? 'rgba(0, 0, 0, 0.85)' : darken(0.05, theme.background.content)
-  }
-}));
-const PreviewContainer = styled.div(({
-  theme,
-  withSource,
-  isExpanded
-}) => Object.assign({
-  position: 'relative',
-  overflow: 'hidden',
-  margin: '25px 0 40px'
-}, getBlockBackgroundStyle(theme), {
-  borderBottomLeftRadius: withSource && isExpanded && 0,
-  borderBottomRightRadius: withSource && isExpanded && 0,
-  borderBottomWidth: isExpanded && 0
-}), ({
-  withToolbar
-}) => withToolbar && {
-  paddingTop: 40
-});
-
-const getSource = (withSource, expanded, setExpanded) => {
-  switch (true) {
-    case !!(withSource && withSource.error):
-      {
-        return {
-          source: null,
-          actionItem: {
-            title: 'No code available',
-            className: 'docblock-code-toggle docblock-code-toggle--disabled',
-            disabled: true,
-            onClick: () => setExpanded(false)
-          }
-        };
-      }
-
-    case expanded:
-      {
-        return {
-          source: /*#__PURE__*/React.createElement(StyledSource, _extends({}, withSource, {
-            dark: true
-          })),
-          actionItem: {
-            title: 'Hide code',
-            className: 'docblock-code-toggle docblock-code-toggle--expanded',
-            onClick: () => setExpanded(false)
-          }
-        };
-      }
-
-    default:
-      {
-        return {
-          source: /*#__PURE__*/React.createElement(StyledSource, _extends({}, withSource, {
-            dark: true
-          })),
-          actionItem: {
-            title: 'Show code',
-            className: 'docblock-code-toggle',
-            onClick: () => setExpanded(true)
-          }
-        };
-      }
-  }
-};
-
-function getStoryId(children) {
-  if (Children.count(children) === 1) {
-    const elt = children;
-
-    if (elt.props) {
-      return elt.props.id;
-    }
-  }
-
-  return null;
-}
-
-const PositionedToolbar = styled(Toolbar)({
-  position: 'absolute',
-  top: 0,
-  left: 0,
-  right: 0,
-  height: 40
-});
-const Relative = styled.div({
-  overflow: 'hidden',
-  position: 'relative'
-});
-
-const getLayout = children => {
-  return children.reduce((result, c) => {
-    if (result) {
-      return result;
-    }
-
-    if (typeof c === 'string' || typeof c === 'number') {
-      return 'padded';
-    }
-
-    return c.props && c.props.parameters && c.props.parameters.layout || 'padded';
-  }, undefined);
-};
-/**
- * A preview component for showing one or more component `Story`
- * items. The preview also shows the source for the component
- * as a drop-down.
- */
-
-
-export const Preview = (_ref) => {
-  let {
-    isLoading,
-    isColumn,
-    columns,
-    children,
-    withSource,
-    withToolbar = false,
-    isExpanded = false,
-    additionalActions,
-    className
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["isLoading", "isColumn", "columns", "children", "withSource", "withToolbar", "isExpanded", "additionalActions", "className"]);
-
-  const [expanded, setExpanded] = useState(isExpanded);
-  const {
-    source,
-    actionItem
-  } = getSource(withSource, expanded, setExpanded);
-  const [scale, setScale] = useState(1);
-  const previewClasses = [className].concat(['sbdocs', 'sbdocs-preview']);
-  const defaultActionItems = withSource ? [actionItem] : [];
-  const [additionalActionItems, setAdditionalActionItems] = useState(additionalActions ? [...additionalActions] : []);
-  const actionItems = [...defaultActionItems, ...additionalActionItems]; // @ts-ignore
-
-  const layout = getLayout(Children.count(children) === 1 ? [children] : children);
-  const {
-    window: globalWindow
-  } = global;
-  const copyToClipboard = useCallback(async text => {
-    const {
-      createCopyToClipboardFunction
-    } = await import('../syntaxhighlighter/syntaxhighlighter');
-    createCopyToClipboardFunction();
-  }, []);
-
-  const onCopyCapture = e => {
-    e.preventDefault();
-
-    if (additionalActionItems.filter(item => item.title === 'Copied').length === 0) {
-      copyToClipboard(source.props.code).then(() => {
-        setAdditionalActionItems([...additionalActionItems, {
-          title: 'Copied',
-          onClick: () => {}
-        }]);
-        globalWindow.setTimeout(() => setAdditionalActionItems(additionalActionItems.filter(item => item.title !== 'Copied')), 1500);
-      });
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(PreviewContainer, _extends({
-    withSource,
-    withToolbar
-  }, props, {
-    className: previewClasses.join(' ')
-  }), withToolbar && /*#__PURE__*/React.createElement(PositionedToolbar, {
-    isLoading: isLoading,
-    border: true,
-    zoom: z => setScale(scale * z),
-    resetZoom: () => setScale(1),
-    storyId: getStoryId(children),
-    baseUrl: "./iframe.html"
-  }), /*#__PURE__*/React.createElement(ZoomContext.Provider, {
-    value: {
-      scale
-    }
-  }, /*#__PURE__*/React.createElement(Relative, {
-    className: "docs-story",
-    onCopyCapture: withSource && onCopyCapture
-  }, /*#__PURE__*/React.createElement(ChildrenContainer, {
-    isColumn: isColumn || !Array.isArray(children),
-    columns: columns,
-    layout: layout
-  }, /*#__PURE__*/React.createElement(Zoom.Element, {
-    scale: scale
-  }, Array.isArray(children) ? // eslint-disable-next-line react/no-array-index-key
-  children.map((child, i) => /*#__PURE__*/React.createElement("div", {
-    key: i
-  }, child)) : /*#__PURE__*/React.createElement("div", null, children))), /*#__PURE__*/React.createElement(ActionBar, {
-    actionItems: actionItems
-  }))), withSource && expanded && source);
-};
-Preview.displayName = "Preview";
-const StyledPreview = styled(Preview)(() => ({
-  '.docs-story': {
-    paddingTop: 32,
-    paddingBottom: 40
-  }
-}));
-export const PreviewSkeleton = () => /*#__PURE__*/React.createElement(StyledPreview, {
-  isLoading: true,
-  withToolbar: true
-}, /*#__PURE__*/React.createElement(StorySkeleton, null));
-PreviewSkeleton.displayName = "PreviewSkeleton";