@storybook/components 5.3.13 → 5.3.18

package/ts3.5/dist/tooltip/TooltipLinkList.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent } from 'react';
+import { LinkWrapperType, ListItemProps } from './ListItem';
+export interface Link extends ListItemProps {
+    id: string;
+    isGatsby?: boolean;
+}
+export interface TooltipLinkListProps {
+    links: Link[];
+    LinkWrapper?: LinkWrapperType;
+}
+export declare const TooltipLinkList: FunctionComponent<TooltipLinkListProps>;

package/ts3.5/dist/tooltip/TooltipMessage.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent, ReactNode } from 'react';
+export interface TooltipMessageProps {
+    title?: ReactNode;
+    desc?: ReactNode;
+    links?: {
+        title: string;
+        href?: string;
+        onClick?: () => void;
+    }[];
+}
+export declare const TooltipMessage: FunctionComponent<TooltipMessageProps>;

package/ts3.5/dist/tooltip/TooltipNote.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+export interface TooltipNoteProps {
+    note: string;
+}
+export declare const TooltipNote: FunctionComponent<TooltipNoteProps>;

package/ts3.5/dist/tooltip/WithTooltip.d.ts

@@ -0,0 +1,23 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { Modifiers, Placement } from 'popper.js';
+interface WithHideFn {
+    onHide: () => void;
+}
+export interface WithTooltipPureProps {
+    svg?: boolean;
+    trigger?: 'none' | 'hover' | 'click' | 'right-click';
+    closeOnClick?: boolean;
+    placement?: Placement;
+    modifiers?: Modifiers;
+    hasChrome?: boolean;
+    tooltip: ReactNode | ((p: WithHideFn) => ReactNode);
+    children: ReactNode;
+    tooltipShown?: boolean;
+    onVisibilityChange?: (visibility: boolean) => void;
+    onDoubleClick?: () => void;
+}
+declare const WithTooltipPure: FunctionComponent<WithTooltipPureProps>;
+declare const WithToolTipState: FunctionComponent<WithTooltipPureProps & {
+    startOpen?: boolean;
+}>;
+export { WithTooltipPure, WithToolTipState, WithToolTipState as WithTooltip };

package/ts3.5/dist/typography/DocumentFormatting.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+export declare const H1: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, import("@storybook/theming").Theme>;
+export declare const H2: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, import("@storybook/theming").Theme>;
+export declare const H3: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, import("@storybook/theming").Theme>;
+export declare const H4: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, import("@storybook/theming").Theme>;
+export declare const H5: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, import("@storybook/theming").Theme>;
+export declare const H6: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, import("@storybook/theming").Theme>;
+export declare const Pre: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, {}, import("@storybook/theming").Theme>;
+export declare const A: import("@emotion/styled-base").StyledComponent<any, {}, import("@storybook/theming").Theme>;
+export declare const HR: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}, import("@storybook/theming").Theme>;
+export declare const DL: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement>, {}, import("@storybook/theming").Theme>;
+export declare const Blockquote: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, {}, import("@storybook/theming").Theme>;
+export declare const Table: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}, import("@storybook/theming").Theme>;
+export declare const Img: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}, import("@storybook/theming").Theme>;
+export declare const Div: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, import("@storybook/theming").Theme>;
+export declare const Span: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}, import("@storybook/theming").Theme>;
+export declare const LI: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}, import("@storybook/theming").Theme>;
+export declare const UL: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}, import("@storybook/theming").Theme>;
+export declare const OL: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, {}, import("@storybook/theming").Theme>;
+export declare const P: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}, import("@storybook/theming").Theme>;
+export declare const Code: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}, import("@storybook/theming").Theme>;
+export declare const TT: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, {}, import("@storybook/theming").Theme>;
+/**
+ * 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 declare const ResetWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, import("@storybook/theming").Theme>;
+export declare const components: {
+    h1: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, import("@storybook/theming").Theme>;
+    h2: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, import("@storybook/theming").Theme>;
+    h3: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, import("@storybook/theming").Theme>;
+    h4: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, import("@storybook/theming").Theme>;
+    h5: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, import("@storybook/theming").Theme>;
+    h6: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}, import("@storybook/theming").Theme>;
+    pre: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, {}, import("@storybook/theming").Theme>;
+    a: import("@emotion/styled-base").StyledComponent<any, {}, import("@storybook/theming").Theme>;
+    hr: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}, import("@storybook/theming").Theme>;
+    dl: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement>, {}, import("@storybook/theming").Theme>;
+    blockquote: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, {}, import("@storybook/theming").Theme>;
+    table: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}, import("@storybook/theming").Theme>;
+    img: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}, import("@storybook/theming").Theme>;
+    div: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, import("@storybook/theming").Theme>;
+    span: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}, import("@storybook/theming").Theme>;
+    li: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}, import("@storybook/theming").Theme>;
+    ul: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}, import("@storybook/theming").Theme>;
+    ol: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, {}, import("@storybook/theming").Theme>;
+    p: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}, import("@storybook/theming").Theme>;
+    code: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}, import("@storybook/theming").Theme>;
+    tt: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, {}, import("@storybook/theming").Theme>;
+    resetwrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, import("@storybook/theming").Theme>;
+};

package/ts3.5/dist/typography/DocumentWrapper.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="@emotion/core" />
+export declare const DocumentWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}, import("@storybook/theming").Theme>;

package/ts3.5/dist/typography/link/link.d.ts

@@ -0,0 +1,22 @@
+import { AnchorHTMLAttributes, FunctionComponent, MouseEvent } from 'react';
+export interface LinkStylesProps {
+    secondary?: boolean;
+    tertiary?: boolean;
+    nochrome?: boolean;
+    inverse?: boolean;
+    isButton?: boolean;
+}
+export interface LinkInnerProps {
+    withArrow?: boolean;
+    containsIcon?: boolean;
+}
+declare type AProps = AnchorHTMLAttributes<HTMLAnchorElement>;
+export interface LinkProps extends LinkInnerProps, LinkStylesProps {
+    cancel?: boolean;
+    className?: string;
+    style?: object;
+    onClick?: (e: MouseEvent) => void;
+    href?: string;
+}
+export declare const Link: FunctionComponent<LinkProps & AProps>;
+export {};

package/ts3.5/dist/typography/link/link.test.d.ts

@@ -0,0 +1 @@
+export {};

package/ts3.5/dist/typography/shared.d.ts

@@ -0,0 +1,11 @@
+import { CSSObject, Theme } from '@storybook/theming';
+export declare const headerCommon: ({ theme }: {
+    theme: Theme;
+}) => CSSObject;
+export declare const codeCommon: ({ theme }: {
+    theme: Theme;
+}) => CSSObject;
+export declare const withReset: ({ theme }: {
+    theme: Theme;
+}) => CSSObject;
+export declare const withMargin: CSSObject;