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

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

@@ -1,24 +0,0 @@
-const _excluded = ["href", "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 React from 'react';
-export const Link = _ref => {
-  let {
-    href: input,
-    children
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  const isStorybookPath = /^\//.test(input);
-  const isAnchorUrl = /^#.*/.test(input);
-  const href = isStorybookPath ? `?path=${input}` : input;
-  const target = isAnchorUrl ? '_self' : '_top';
-  return /*#__PURE__*/React.createElement("a", _extends({
-    href: href,
-    target: target
-  }, props), children);
-};
-Link.displayName = "Link";

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

@@ -1,14 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, withMargin } from '../lib/common';
-const listCommon = {
-  paddingLeft: 30,
-  '& :first-of-type': {
-    marginTop: 0
-  },
-  '& :last-child': {
-    marginBottom: 0
-  }
-};
-export const OL = styled.ol(withReset, withMargin, Object.assign({}, listCommon, {
-  listStyle: 'decimal'
-}));

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

@@ -1,12 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, withMargin, codeCommon } from '../lib/common';
-export const P = styled.p(withReset, withMargin, ({
-  theme
-}) => ({
-  fontSize: theme.typography.size.s2,
-  lineHeight: '24px',
-  color: theme.color.defaultText,
-  '& code': codeCommon({
-    theme
-  })
-}));

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

@@ -1,41 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, withMargin } from '../lib/common';
-export const Pre = styled.pre(withReset, withMargin, ({
-  theme
-}) => ({
-  // reset
-  fontFamily: theme.typography.fonts.mono,
-  WebkitFontSmoothing: 'antialiased',
-  MozOsxFontSmoothing: 'grayscale',
-  lineHeight: '18px',
-  padding: '11px 1rem',
-  whiteSpace: 'pre-wrap',
-  color: 'inherit',
-  borderRadius: 3,
-  margin: '1rem 0',
-  '&:not(.prismjs)': {
-    background: 'transparent',
-    border: 'none',
-    borderRadius: 0,
-    padding: 0,
-    margin: 0
-  },
-  '& pre, &.prismjs': {
-    padding: 15,
-    margin: 0,
-    whiteSpace: 'pre-wrap',
-    color: 'inherit',
-    fontSize: '13px',
-    lineHeight: '19px',
-    code: {
-      color: 'inherit',
-      fontSize: 'inherit'
-    }
-  },
-  '& code': {
-    whiteSpace: 'pre'
-  },
-  '& code, & tt': {
-    border: 'none'
-  }
-}));

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

@@ -1,80 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset } from '../lib/common';
-export const Span = styled.span(withReset, ({
-  theme
-}) => ({
-  '&.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'
-    }
-  },
-  '&.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'
-    }
-  },
-  '&.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'
-    }
-  },
-  '&.float-left': {
-    display: 'block',
-    marginRight: 13,
-    overflow: 'hidden',
-    float: 'left',
-    '& span': {
-      margin: '13px 0 0'
-    }
-  },
-  '&.float-right': {
-    display: 'block',
-    marginLeft: 13,
-    overflow: 'hidden',
-    float: 'right',
-    '& > span': {
-      display: 'block',
-      overflow: 'hidden',
-      margin: '13px auto 0',
-      textAlign: 'right'
-    }
-  }
-}));

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

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

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

@@ -1,38 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, withMargin } from '../lib/common';
-export const Table = styled.table(withReset, withMargin, ({
-  theme
-}) => ({
-  fontSize: theme.typography.size.s2,
-  lineHeight: '24px',
-  padding: 0,
-  borderCollapse: 'collapse',
-  '& tr': {
-    borderTop: `1px solid ${theme.appBorderColor}`,
-    backgroundColor: theme.appContentBg,
-    margin: 0,
-    padding: 0
-  },
-  '& tr:nth-of-type(2n)': {
-    backgroundColor: theme.base === 'dark' ? theme.color.darker : theme.color.lighter
-  },
-  '& tr th': {
-    fontWeight: 'bold',
-    color: theme.color.defaultText,
-    border: `1px solid ${theme.appBorderColor}`,
-    margin: 0,
-    padding: '6px 13px'
-  },
-  '& tr td': {
-    border: `1px solid ${theme.appBorderColor}`,
-    color: theme.color.defaultText,
-    margin: 0,
-    padding: '6px 13px'
-  },
-  '& tr th :first-of-type, & tr td :first-of-type': {
-    marginTop: 0
-  },
-  '& tr th :last-child, & tr td :last-child': {
-    marginBottom: 0
-  }
-}));

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

@@ -1,14 +0,0 @@
-import { styled } from '@storybook/theming';
-import { withReset, withMargin } from '../lib/common';
-const listCommon = {
-  paddingLeft: 30,
-  '& :first-of-type': {
-    marginTop: 0
-  },
-  '& :last-child': {
-    marginBottom: 0
-  }
-};
-export const UL = styled.ul(withReset, withMargin, Object.assign({}, listCommon, {
-  listStyle: 'disc'
-}));

package/dist/modern/typography/lib/common.js

@@ -1,47 +0,0 @@
-import { transparentize } from 'polished';
-export const headerCommon = ({
-  theme
-}) => ({
-  margin: '20px 0 8px',
-  padding: 0,
-  cursor: 'text',
-  position: 'relative',
-  color: theme.color.defaultText,
-  '&:first-of-type': {
-    marginTop: 0,
-    paddingTop: 0
-  },
-  '&:hover a.anchor': {
-    textDecoration: 'none'
-  },
-  '& tt, & code': {
-    fontSize: 'inherit'
-  }
-});
-export const codeCommon = ({
-  theme
-}) => ({
-  lineHeight: 1,
-  margin: '0 2px',
-  padding: '3px 5px',
-  whiteSpace: 'nowrap',
-  borderRadius: 3,
-  fontSize: theme.typography.size.s2 - 1,
-  border: theme.base === 'light' ? `1px solid ${theme.color.mediumlight}` : `1px solid ${theme.color.darker}`,
-  color: theme.base === 'light' ? transparentize(0.1, theme.color.defaultText) : transparentize(0.3, theme.color.defaultText),
-  backgroundColor: theme.base === 'light' ? theme.color.lighter : theme.color.border
-});
-export const withReset = ({
-  theme
-}) => ({
-  fontFamily: theme.typography.fonts.base,
-  fontSize: theme.typography.size.s3,
-  margin: 0,
-  WebkitFontSmoothing: 'antialiased',
-  MozOsxFontSmoothing: 'grayscale',
-  WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)',
-  WebkitOverflowScrolling: 'touch'
-});
-export const withMargin = {
-  margin: '16px 0'
-};

package/dist/modern/typography/lib/isReactChildString.js

@@ -1 +0,0 @@
-export const isReactChildString = child => typeof child === 'string';

package/dist/modern/typography/link/link.js

@@ -1,177 +0,0 @@
-const _excluded = ["cancel", "children", "onClick", "withArrow", "containsIcon", "className"];
-
-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 { darken } from 'polished';
-import { Icons } from '../../icon/icon'; // Cmd/Ctrl/Shift/Alt + Click should trigger default browser behavior. Same applies to non-left clicks
-
-const LEFT_BUTTON = 0;
-
-const isPlainLeftClick = e => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
-
-const cancelled = (e, cb) => {
-  if (isPlainLeftClick(e)) {
-    e.preventDefault();
-    cb(e);
-  }
-};
-
-const LinkInner = styled.span(({
-  withArrow
-}) => withArrow ? {
-  '> svg:last-of-type': {
-    height: '0.7em',
-    width: '0.7em',
-    marginRight: 0,
-    marginLeft: '0.25em',
-    bottom: 'auto',
-    verticalAlign: 'inherit'
-  }
-} : {}, ({
-  containsIcon
-}) => containsIcon ? {
-  svg: {
-    height: '1em',
-    width: '1em',
-    verticalAlign: 'middle',
-    position: 'relative',
-    bottom: 0,
-    marginRight: 0
-  }
-} : {});
-const A = styled.a(({
-  theme
-}) => ({
-  display: 'inline-block',
-  transition: 'all 150ms ease-out',
-  textDecoration: 'none',
-  color: theme.color.secondary,
-  '&:hover, &:focus': {
-    cursor: 'pointer',
-    color: darken(0.07, theme.color.secondary),
-    'svg path': {
-      fill: darken(0.07, theme.color.secondary)
-    }
-  },
-  '&:active': {
-    color: darken(0.1, theme.color.secondary),
-    'svg path': {
-      fill: darken(0.1, theme.color.secondary)
-    }
-  },
-  svg: {
-    display: 'inline-block',
-    height: '1em',
-    width: '1em',
-    verticalAlign: 'text-top',
-    position: 'relative',
-    bottom: '-0.125em',
-    marginRight: '0.4em',
-    '& path': {
-      fill: theme.color.secondary
-    }
-  }
-}), ({
-  theme,
-  secondary,
-  tertiary
-}) => {
-  let colors;
-
-  if (secondary) {
-    colors = [theme.color.mediumdark, theme.color.dark, theme.color.darker];
-  }
-
-  if (tertiary) {
-    colors = [theme.color.dark, theme.color.darkest, theme.color.mediumdark];
-  }
-
-  return colors ? {
-    color: colors[0],
-    'svg path': {
-      fill: colors[0]
-    },
-    '&:hover': {
-      color: colors[1],
-      'svg path': {
-        fill: colors[1]
-      }
-    },
-    '&:active': {
-      color: colors[2],
-      'svg path': {
-        fill: colors[2]
-      }
-    }
-  } : {};
-}, ({
-  nochrome
-}) => nochrome ? {
-  color: 'inherit',
-  '&:hover, &:active': {
-    color: 'inherit',
-    textDecoration: 'underline'
-  }
-} : {}, ({
-  theme,
-  inverse
-}) => inverse ? {
-  color: theme.color.lightest,
-  'svg path': {
-    fill: theme.color.lightest
-  },
-  '&:hover': {
-    color: theme.color.lighter,
-    'svg path': {
-      fill: theme.color.lighter
-    }
-  },
-  '&:active': {
-    color: theme.color.light,
-    'svg path': {
-      fill: theme.color.light
-    }
-  }
-} : {}, ({
-  isButton
-}) => isButton ? {
-  border: 0,
-  borderRadius: 0,
-  background: 'none',
-  padding: 0,
-  fontSize: 'inherit'
-} : {});
-export const Link = _ref => {
-  let {
-    cancel,
-    children,
-    onClick,
-    withArrow,
-    containsIcon,
-    className
-  } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(A, _extends({}, rest, {
-    onClick: onClick && cancel ? e => cancelled(e, onClick) : onClick,
-    className: className
-  }), /*#__PURE__*/React.createElement(LinkInner, {
-    withArrow: withArrow,
-    containsIcon: containsIcon
-  }, children, withArrow && /*#__PURE__*/React.createElement(Icons, {
-    icon: "arrowright"
-  })));
-};
-Link.displayName = "Link";
-Link.defaultProps = {
-  cancel: true,
-  className: undefined,
-  style: undefined,
-  onClick: undefined,
-  withArrow: false,
-  containsIcon: false
-};

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

@@ -1,52 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import { Link } from './link';
-import { Icons } from '../../icon/icon';
-const onClick = action('onClick');
-storiesOf('Basics/Link', module).add('cancel w/ onClick', () => /*#__PURE__*/React.createElement(Link, {
-  cancel: true,
-  href: "/",
-  onClick: onClick
-}, "Try clicking with different mouse buttons and modifier keys (shift/ctrl/alt/cmd)")).add('cancel w/ href', () => /*#__PURE__*/React.createElement(Link, {
-  cancel: true,
-  href: "http://example.com"
-}, "Link")).add('no-cancel w/ onClick', () => /*#__PURE__*/React.createElement(Link, {
-  href: "/",
-  onClick: onClick
-}, "any click will go through")).add('no-cancel w/ href', () => /*#__PURE__*/React.createElement(Link, {
-  cancel: true,
-  href: "http://example.com"
-}, "Link")).add('styled links', () => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Link, {
-  href: "http://google.com"
-}, "Default"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
-  secondary: true,
-  href: "http://google.com"
-}, "Secondary"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
-  tertiary: true,
-  href: "http://google.com"
-}, "tertiary"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
-  nochrome: true,
-  href: "http://google.com"
-}, "nochrome"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
-  href: "http://google.com"
-}, /*#__PURE__*/React.createElement(Icons, {
-  icon: "discord"
-}), "With icon in front"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
-  title: "Toggle sidebar",
-  containsIcon: true,
-  href: "http://google.com"
-}, /*#__PURE__*/React.createElement(Icons, {
-  icon: "sidebar"
-})), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
-  containsIcon: true,
-  withArrow: true,
-  href: "http://google.com"
-}, "With arrow behind"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", {
-  style: {
-    background: '#333'
-  }
-}, /*#__PURE__*/React.createElement(Link, {
-  inverse: true,
-  href: "http://google.com"
-}, "Inverted colors")), /*#__PURE__*/React.createElement("br", null)));

package/dist/modern/utils/getStoryHref.js

@@ -1,13 +0,0 @@
-import qs from 'qs';
-export const getStoryHref = (baseUrl, storyId, additionalParams = {}) => {
-  const [url, paramsStr] = baseUrl.split('?');
-  const params = paramsStr ? Object.assign({}, qs.parse(paramsStr), additionalParams, {
-    id: storyId
-  }) : Object.assign({}, additionalParams, {
-    id: storyId
-  });
-  return `${url}${qs.stringify(params, {
-    addQueryPrefix: true,
-    encode: false
-  })}`;
-};

package/dist/ts3.4/ActionBar/ActionBar.d.ts

@@ -1,14 +0,0 @@
-import React, { FunctionComponent, MouseEvent } from 'react';
-export declare const ActionButton: import("@storybook/theming/dist/ts3.9/_modules/@emotion-styled-base-types-index").StyledComponent<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    disabled: boolean;
-}, import("@storybook/theming").Theme>;
-export interface ActionItem {
-    title: string | JSX.Element;
-    className?: string;
-    onClick: (e: MouseEvent<HTMLButtonElement>) => void;
-    disabled?: boolean;
-}
-export interface ActionBarProps {
-    actionItems: ActionItem[];
-}
-export declare const ActionBar: FunctionComponent<ActionBarProps>;

package/dist/ts3.4/Badge/Badge.d.ts

@@ -1,5 +0,0 @@
-import { FunctionComponent } from 'react';
-export interface BadgeProps {
-    status: 'positive' | 'negative' | 'neutral' | 'warning' | 'critical';
-}
-export declare const Badge: FunctionComponent<BadgeProps>;

package/dist/ts3.4/Button/Button.d.ts

@@ -1,18 +0,0 @@
-import React, { FunctionComponent, ComponentProps, ReactNode } from 'react';
-export interface ButtonProps {
-    isLink?: boolean;
-    primary?: boolean;
-    secondary?: boolean;
-    tertiary?: boolean;
-    gray?: boolean;
-    inForm?: boolean;
-    disabled?: boolean;
-    small?: boolean;
-    outline?: boolean;
-    containsIcon?: boolean;
-    children?: ReactNode;
-    href?: string;
-}
-declare const ButtonWrapper: import("@storybook/theming/dist/ts3.9/_modules/@emotion-styled-base-types-index").StyledComponent<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonProps, import("@storybook/theming").Theme>;
-export declare const Button: FunctionComponent<ComponentProps<typeof ButtonWrapper>>;
-export {};

package/dist/ts3.4/Colors/SideBySide.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SideBySide: import("@storybook/theming/dist/ts3.9/_modules/@emotion-styled-base-types-index").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css">, import("@storybook/theming").Theme>;

package/dist/ts3.4/Loader/Loader.d.ts

@@ -1,18 +0,0 @@
-import React, { ComponentProps, FunctionComponent } from 'react';
-declare const ProgressWrapper: import("@storybook/theming/dist/ts3.9/_modules/@emotion-styled-base-types-index").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css">, import("@storybook/theming").Theme>;
-interface Progress {
-    value: number;
-    message: string;
-    modules?: {
-        complete: number;
-        total: number;
-    };
-}
-interface LoaderProps {
-    progress?: Progress;
-    error?: Error;
-    size?: number;
-}
-export declare const PureLoader: FunctionComponent<LoaderProps & ComponentProps<typeof ProgressWrapper>>;
-export declare const Loader: FunctionComponent<ComponentProps<typeof PureLoader>>;
-export {};

package/dist/ts3.4/ScrollArea/GlobalScrollAreaStyles.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { Theme, CSSObject } from '@storybook/theming';
-export declare const getScrollAreaStyles: (theme: Theme) => CSSObject;
-declare const GlobalScrollAreaStyles: () => JSX.Element;
-export default GlobalScrollAreaStyles;

package/dist/ts3.4/ScrollArea/OverlayScrollbars.d.ts

@@ -1,15 +0,0 @@
-import { HTMLAttributes, FC } from 'react';
-import OverlayScrollbars from 'overlayscrollbars';
-interface OverlayScrollbarsComponentProps extends HTMLAttributes<HTMLDivElement> {
-    children?: any;
-    options?: OverlayScrollbars.Options;
-    extensions?: OverlayScrollbars.Extensions;
-}
-/**
- * Using overlayscrollbars-react component results use the esm modules
- * which doesn't go through babel leading to IE 11 uncompatibility
- * A PR is submitted that may fix this:
- * https://github.com/KingSora/OverlayScrollbars/pull/218
- * */
-export declare const OverlayScrollbarsComponent: FC<OverlayScrollbarsComponentProps>;
-export default OverlayScrollbarsComponent;

package/dist/ts3.4/ScrollArea/ScrollArea.d.ts

@@ -1,7 +0,0 @@
-import { FunctionComponent } from 'react';
-export interface ScrollAreaProps {
-    horizontal?: boolean;
-    vertical?: boolean;
-    className?: string;
-}
-export declare const ScrollArea: FunctionComponent<ScrollAreaProps>;

package/dist/ts3.4/Zoom/Zoom.d.ts

@@ -1,7 +0,0 @@
-import { ZoomElement } from './ZoomElement';
-import { ZoomIFrame } from './ZoomIFrame';
-export declare const browserSupportsCssZoom: () => boolean;
-export declare const Zoom: {
-    Element: typeof ZoomElement;
-    IFrame: typeof ZoomIFrame;
-};