playbook_ui 13.12.0.pre.alpha.PLAY1081exporttypes1609 → 13.12.0.pre.alpha.PLAY1081exporttypes1623

data/app/pb_kits/playbook/pb_avatar/_avatar.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { GlobalProps } from '../utilities/globalProps';
-export declare type AvatarProps = {
-    aria?: {
-        [key: string]: string;
-    };
-    className?: string;
-    data?: {
-        [key: string]: string;
-    };
-    dark?: boolean;
-    id?: string;
-    imageAlt?: string;
-    imageUrl?: string;
-    name?: string;
-    size?: "md" | "lg" | "sm" | "xl" | "xs" | "xxs";
-    status?: "away" | "offline" | "online";
-} & GlobalProps;
-declare const Avatar: (props: AvatarProps) => React.ReactElement;
-export default Avatar;

data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-declare type AvatarActionButtonProps = {
-    action?: "add" | "remove";
-    aria?: {
-        [key: string]: string;
-    };
-    linkAriaLabel?: string;
-    className?: string;
-    dark?: boolean;
-    data?: Object;
-    id?: string;
-    imageAlt?: string;
-    imageUrl?: string;
-    linkUrl?: string;
-    name?: string;
-    onClick?: React.MouseEventHandler<HTMLSpanElement>;
-    placement?: string;
-    size?: "md" | "lg" | "sm" | "xl" | "xs" | "xxs";
-};
-declare const AvatarActionButton: (props: AvatarActionButtonProps) => JSX.Element;
-export default AvatarActionButton;

data/app/pb_kits/playbook/pb_background/_background.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-import { GlobalProps } from '../utilities/globalProps';
-declare type BackgroundProps = {
-    alt?: string;
-    aria?: {
-        [key: string]: string;
-    };
-    backgroundColor?: ResponsiveProp<string> | 'gradient' | 'dark' | 'light' | 'white' | 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'primary' | 'shadow' | 'category_1' | 'category_2' | 'category_3' | 'category_4' | 'category_5' | 'category_6' | 'category_7' | 'category_8' | 'category_9' | 'category_10' | 'category_11' | 'category_12' | 'category_13' | 'category_14' | 'category_15' | 'category_16' | 'category_17' | 'category_18' | 'category_19' | 'category_20' | 'category_21' | 'text_lt_default' | 'text_lt_light' | 'text_lt_lighter' | 'text_dk_default' | 'text_dk_light' | 'text_dk_lighter' | 'card_light' | 'card_dark' | 'data_1' | 'data_2' | 'data_3' | 'data_4' | 'data_5' | 'data_6' | 'data_7' | 'data_8' | 'border_light' | 'border_dark' | 'success_secondary' | 'error_secondary' | 'info_secondary' | 'warning_secondary' | 'neutral_secondary' | 'primary_secondary' | 'success_subtle' | 'warning_subtle' | 'error_subtle' | 'info_subtle' | 'neutral_subtle';
-    backgroundSize?: ResponsiveProp<string> | 'auto' | 'cover' | 'contain';
-    backgroundPosition?: ResponsiveProp<string> | string;
-    backgroundRepeat?: ResponsiveProp<string> | 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat' | 'space' | 'round' | 'initial' | 'inherit';
-    imageUrl?: ResponsiveProp<string> | string;
-    children?: React.ReactChild[] | React.ReactNode;
-    className?: string;
-    customColor?: string;
-    data?: {
-        [key: string]: string;
-    };
-    id?: string;
-    padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'tr' | 'th' | 'td' | 'thead' | 'col';
-    transition?: 'fade' | 'blur' | 'scale';
-} & GlobalProps;
-declare type ResponsiveProp<T> = T | {
-    xs?: T;
-    sm?: T;
-    md?: T;
-    lg?: T;
-    xl?: T;
-    default?: T;
-};
-declare const Background: (props: BackgroundProps) => JSX.Element;
-export default Background;

data/app/pb_kits/playbook/pb_badge/_badge.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { GlobalProps } from '../utilities/globalProps';
-declare type BadgeProps = {
-    aria?: {
-        [key: string]: string;
-    };
-    className?: string;
-    closeProps?: {
-        onClick?: React.MouseEventHandler<HTMLSpanElement>;
-        onMouseDown?: React.MouseEventHandler<HTMLSpanElement>;
-        onTouchEnd?: React.TouchEventHandler<HTMLSpanElement>;
-    };
-    data?: {
-        [key: string]: string;
-    };
-    id?: string;
-    removeIcon?: boolean;
-    removeOnClick?: React.MouseEventHandler<HTMLSpanElement>;
-    rounded?: boolean;
-    text?: string;
-    variant?: "error" | "info" | "neutral" | "notification" | "primary" | "success" | "warning";
-} & GlobalProps;
-declare const Badge: (props: BadgeProps) => JSX.Element;
-export default Badge;

data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.d.ts

@@ -1,35 +0,0 @@
-import React from "react";
-declare type BarGraphProps = {
-    align?: "left" | "right" | "center";
-    axisTitle: string;
-    dark?: boolean;
-    xAxisCategories: [];
-    yAxisMin: number;
-    yAxisMax: number;
-    chartData: {
-        name: string;
-        data: number[];
-    }[];
-    className?: string;
-    id: any;
-    pointStart: number | any;
-    subTitle?: string;
-    title: string;
-    type?: string;
-    legend?: boolean;
-    toggleLegendClick?: boolean;
-    height?: string;
-    colors: string[];
-    layout?: "horizontal" | "vertical" | "proximate";
-    verticalAlign?: "top" | "middle" | "bottom";
-    x?: number;
-    y?: number;
-    aria?: {
-        [key: string]: string;
-    };
-    data?: {
-        [key: string]: string;
-    };
-};
-declare const BarGraph: ({ aria, data, align, axisTitle, dark, chartData, className, colors, id, pointStart, subTitle, type, title, xAxisCategories, yAxisMin, yAxisMax, legend, toggleLegendClick, height, layout, verticalAlign, x, y, ...props }: BarGraphProps) => React.ReactElement;
-export default BarGraph;

data/app/pb_kits/playbook/pb_body/_body.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { GlobalProps } from '../utilities/globalProps';
-declare type BodyProps = {
-    aria?: {
-        [key: string]: string;
-    };
-    className?: string;
-    children?: React.ReactChild[] | React.ReactChild;
-    color?: 'default' | 'light' | 'lighter' | 'link' | 'error' | 'success';
-    dark?: boolean;
-    data?: {
-        [key: string]: string;
-    };
-    highlightedText?: string[];
-    highlighting?: boolean;
-    id?: string;
-    status?: 'neutral' | 'negative' | 'positive';
-    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
-    text?: string;
-    truncate?: null | '1' | '2' | '3' | '4' | '5';
-    variant?: null | 'link';
-} & GlobalProps;
-declare const Body: (props: BodyProps) => React.ReactElement;
-export default Body;

data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumb_item.d.ts

@@ -1,12 +0,0 @@
-declare type BreadCrumbItemProps = {
-    aria?: {
-        [key: string]: string;
-    };
-    className?: string;
-    data?: object;
-    id?: string;
-    component?: "a" | "span";
-    [x: string]: any;
-};
-declare const BreadCrumbItem: (props: BreadCrumbItemProps) => JSX.Element;
-export default BreadCrumbItem;

data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-declare type BreadCrumbsProps = {
-    aria?: {
-        [key: string]: string;
-    };
-    className?: string;
-    data?: object;
-    id?: string;
-    text?: string;
-    children?: React.ReactChild[] | React.ReactNode;
-};
-declare const BreadCrumbs: (props: BreadCrumbsProps) => JSX.Element;
-export default BreadCrumbs;

data/app/pb_kits/playbook/pb_button/_button.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import { GlobalProps } from '../utilities/globalProps';
-declare type EventHandler = (React.MouseEventHandler<HTMLElement>);
-declare type ButtonPropTypes = {
-    aria?: {
-        [key: string]: string;
-    };
-    children?: React.ReactChild[] | React.ReactChild;
-    className?: string | string[];
-    count?: number;
-    data?: {
-        [key: string]: string;
-    };
-    disabled?: boolean;
-    fixedWidth?: boolean;
-    form?: string;
-    fullWidth?: boolean;
-    highlight?: boolean;
-    icon?: string;
-    iconRight?: boolean;
-    id?: string;
-    link?: string;
-    loading?: boolean;
-    newWindow?: boolean;
-    onClick?: EventHandler;
-    tabIndex?: number;
-    size?: 'sm' | 'md' | 'lg';
-    target?: string;
-    text?: string;
-    type?: 'inline' | null;
-    htmlType?: 'submit' | 'reset' | 'button' | undefined;
-    value?: string | null;
-    variant?: 'primary' | 'secondary' | 'link' | 'reaction';
-    wrapperClass?: string;
-} & GlobalProps;
-declare const Button: (props: ButtonPropTypes) => JSX.Element;
-export default Button;

data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-declare type ButtonToolbarProps = {
-    aria?: {
-        [key: string]: string;
-    };
-    children?: React.ReactChild[] | React.ReactChild;
-    className?: string;
-    connected?: boolean;
-    data?: object;
-    id?: string;
-    onClick?: React.MouseEventHandler<HTMLSpanElement>;
-    orientation?: "horizontal" | "vertical";
-    text?: string;
-    variant?: "primary" | "secondary";
-};
-declare const ButtonToolbar: (props: ButtonToolbarProps) => JSX.Element;
-export default ButtonToolbar;

data/app/pb_kits/playbook/pb_caption/_caption.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { GlobalProps } from '../utilities/globalProps';
-declare type CaptionProps = {
-    aria?: {
-        [key: string]: string;
-    };
-    children?: React.ReactChild[] | React.ReactChild;
-    className?: string;
-    color?: "default" | "light" | "lighter" | "success" | "error" | "link";
-    data?: {
-        [key: string]: string;
-    };
-    id?: string;
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div" | "caption";
-    text?: string;
-    variant?: null | "link";
-} & GlobalProps;
-declare const Caption: (props: CaptionProps) => React.ReactElement;
-export default Caption;

data/app/pb_kits/playbook/pb_card/_card.d.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-import { GlobalProps } from '../utilities/globalProps';
-import type { ProductColors, CategoryColors, BackgroundColors } from '../types/colors';
-declare type CardPropTypes = {
-    aria?: {
-        [key: string]: string;
-    };
-    background?: BackgroundColors | ProductColors | "none";
-    borderNone?: boolean;
-    borderRadius?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "rounded";
-    children: React.ReactChild[] | React.ReactChild | number;
-    className?: string;
-    data?: {
-        [key: string]: string;
-    };
-    highlight?: {
-        position?: "side" | "top";
-        color?: string;
-    };
-    length?: number;
-    padding?: string;
-    selected?: boolean;
-    tag?: "div" | "section" | "footer" | "header" | "article" | "aside" | "main" | "nav";
-} & GlobalProps;
-declare type CardHeaderProps = {
-    headerColor?: BackgroundColors | ProductColors | CategoryColors | "none";
-    headerColorStriped?: boolean;
-    children: React.ReactChild[] | React.ReactChild;
-    className?: string;
-    padding?: string;
-} & GlobalProps;
-declare type CardBodyProps = {
-    children: React.ReactChild[] | React.ReactChild | string;
-    className?: string;
-    padding?: string;
-} & GlobalProps;
-declare const Card: {
-    (props: CardPropTypes): JSX.Element;
-    Header: (props: CardHeaderProps) => JSX.Element;
-    Body: (props: CardBodyProps) => JSX.Element;
-};
-export default Card;

data/app/pb_kits/playbook/pb_checkbox/_checkbox.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { GlobalProps } from '../utilities/globalProps';
-declare type CheckboxProps = {
-    aria?: {
-        [key: string]: string;
-    };
-    checked?: boolean;
-    children?: React.ReactChild[] | React.ReactChild;
-    className?: string;
-    dark?: boolean;
-    data?: {
-        [key: string]: string;
-    };
-    error?: boolean;
-    id?: string;
-    indeterminate?: boolean;
-    name?: string;
-    onChange?: (event: React.FormEvent<HTMLInputElement>) => void;
-    tabIndex?: number;
-    text?: string;
-    value?: string;
-} & GlobalProps;
-declare const Checkbox: (props: CheckboxProps) => JSX.Element;
-export default Checkbox;

data/app/pb_kits/playbook/pb_circle_chart/ChartsTypes.d.ts

@@ -1,2 +0,0 @@
-declare module "*.scss";
-declare module "highcharts-react-official";

data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.d.ts

@@ -1,35 +0,0 @@
-declare type CircleChartProps = {
-    align?: "left" | "right" | "center";
-    aria: {
-        [key: string]: string;
-    };
-    chartData?: [];
-    children?: Node;
-    className?: string;
-    colors?: string[];
-    dark?: Boolean;
-    data?: Object;
-    dataLabelHtml?: string;
-    dataLabels?: boolean;
-    height?: string;
-    id?: string;
-    innerSize?: "sm" | "md" | "lg" | "none";
-    legend?: boolean;
-    maxPointSize?: number;
-    minPointSize?: number;
-    rounded?: boolean;
-    startAngle?: number;
-    style?: string;
-    title?: string;
-    tooltipHtml: string;
-    useHtml?: boolean;
-    zMin?: number;
-    layout?: "horizontal" | "vertical" | "proximate";
-    verticalAlign?: "top" | "middle" | "bottom";
-    x?: number;
-    y?: number;
-    borderColor?: string;
-    borderWidth?: number;
-};
-declare const CircleChart: ({ align, aria, rounded, borderColor, borderWidth, chartData, children, className, colors, dark, data, dataLabelHtml, dataLabels, height, id, innerSize, legend, maxPointSize, minPointSize, startAngle, style, title, tooltipHtml, useHtml, zMin, layout, verticalAlign, x, y, ...props }: CircleChartProps) => JSX.Element;
-export default CircleChart;

data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-declare type CircleIconButtonProps = {
-    aria?: {
-        [key: string]: string;
-    };
-    className?: string;
-    dark?: boolean;
-    data?: {
-        [key: string]: string;
-    };
-    disabled?: boolean;
-    icon: string;
-    id?: string;
-    link?: string;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    newWindow?: boolean;
-    type?: 'button' | 'submit' | 'reset' | undefined;
-    variant?: 'primary' | 'secondary' | 'link';
-};
-declare const CircleIconButton: (props: CircleIconButtonProps) => React.ReactElement;
-export default CircleIconButton;

data/app/pb_kits/playbook/pb_collapsible/_collapsible.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { IconSizes } from "../pb_icon/_icon";
-declare type CollapsibleProps = {
-    children?: JSX.Element | [] | any;
-    aria?: {
-        [key: string]: string;
-    };
-    className?: string;
-    collapsed?: boolean;
-    data?: object;
-    icon?: string | string[];
-    iconColor?: 'default' | 'light' | 'lighter' | 'link' | 'error' | 'success';
-    iconSize?: IconSizes;
-    onIconClick?: () => void;
-    onClick?: () => void;
-    id?: string;
-};
-declare const Collapsible: {
-    ({ aria, className, children, collapsed, data, icon, iconColor, iconSize, onIconClick, onClick, id, ...props }: CollapsibleProps): JSX.Element;
-    Main: ({ children, className, cursor, ...props }: {
-        children: React.ReactNode | React.ReactNode[];
-        className?: string;
-        cursor?: string;
-        dark?: boolean;
-        onClick?: () => void;
-    }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    Content: ({ children, className, ...props }: import("./child_kits/CollapsibleContent").CollapsibleContentProps) => JSX.Element;
-};
-export default Collapsible;

data/app/pb_kits/playbook/pb_collapsible/_helper_functions.d.ts

@@ -1,2 +0,0 @@
-export declare const showElement: (elem: any) => void;
-export declare const hideElement: (elem: any) => void;

data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare type CollapsibleContentProps = {
-    children?: React.ReactNode[] | React.ReactNode | string;
-    className?: string;
-};
-declare const CollapsibleContent: ({ children, className, ...props }: CollapsibleContentProps) => JSX.Element;
-export default CollapsibleContent;

data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-declare type CollapsibleMainProps = {
-    children: React.ReactNode[] | React.ReactNode;
-    className?: string;
-    cursor?: string;
-    dark?: boolean;
-    onClick?: () => void;
-};
-declare const CollapsibleMain: ({ children, className, cursor, ...props }: CollapsibleMainProps) => React.ReactElement;
-export default CollapsibleMain;

data/app/pb_kits/playbook/pb_collapsible/context.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const CollapsibleContext: import("react").Context<{}>;
-export default CollapsibleContext;

data/app/pb_kits/playbook/pb_collapsible/useCollapsible.d.ts

@@ -1,2 +0,0 @@
-declare const useCollapsible: (initial?: boolean) => any[];
-export default useCollapsible;

data/app/pb_kits/playbook/pb_contact/_contact.d.ts

@@ -1,13 +0,0 @@
-declare type ContactProps = {
-    aria?: {
-        [key: string]: string;
-    };
-    className?: string | string[];
-    contactDetail?: string;
-    contactType?: string;
-    contactValue: string;
-    data?: object;
-    id?: string;
-};
-declare const Contact: (props: ContactProps) => JSX.Element;
-export default Contact;

data/app/pb_kits/playbook/pb_currency/_currency.d.ts

@@ -1,24 +0,0 @@
-declare type CurrencyProps = {
-    abbreviate?: boolean;
-    align?: 'center' | 'left' | 'right';
-    amount: string;
-    aria?: {
-        [key: string]: string;
-    };
-    className?: string;
-    dark?: boolean;
-    data?: {
-        [key: string]: string;
-    };
-    decimals?: 'default' | 'matching';
-    emphasized?: boolean;
-    id?: string;
-    label?: string;
-    size?: 'sm' | 'md' | 'lg';
-    symbol?: string;
-    variant?: 'default' | 'light' | 'bold';
-    unit?: string;
-    unstyled?: boolean;
-};
-declare const Currency: (props: CurrencyProps) => JSX.Element;
-export default Currency;

data/app/pb_kits/playbook/pb_dashboard/pbChartsColorsHelper.d.ts

@@ -1,2 +0,0 @@
-declare const mapColors: (array: string[]) => string[];
-export default mapColors;

data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.d.ts

@@ -1,3 +0,0 @@
-import { ThemeProps } from './themeTypes';
-declare const highchartsDarkTheme: ThemeProps;
-export { highchartsDarkTheme };

data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.d.ts

@@ -1,3 +0,0 @@
-import { ThemeProps } from './themeTypes';
-declare const highchartsTheme: ThemeProps;
-export { highchartsTheme };

data/app/pb_kits/playbook/pb_dashboard/themeTypes.d.ts

@@ -1,40 +0,0 @@
-export declare type ThemeProps = {
-    lang?: {
-        [key: string]: string;
-    };
-    credits?: {
-        [key: string]: boolean;
-    };
-    colors?: string[];
-    chart?: {
-        [key: string]: any;
-    };
-    title?: {
-        [key: string]: string | {};
-    };
-    subtitle?: {
-        [key: string]: string | {};
-    };
-    xAxis?: {
-        [key: string]: any;
-    };
-    yAxis?: {
-        [key: string]: any;
-    };
-    legend?: {
-        [key: string]: string | {};
-    };
-    labels?: {
-        [key: string]: {};
-    };
-    tooltip?: {
-        [key: string]: any;
-    };
-    pane?: {
-        [key: string]: {};
-    };
-    plotOptions?: {
-        [key: string]: any;
-    };
-    colorKey?: string;
-};

data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-declare type DashboardValueProps = {
-    align?: 'left' | 'center' | 'right';
-    aria?: {
-        [key: string]: string;
-    };
-    className?: string;
-    data?: {
-        [key: string]: string;
-    };
-    id?: string;
-    statChange?: {
-        change?: 'increase' | 'decrease' | 'neutral';
-        value?: string | number;
-    };
-    statLabel?: string;
-    statValue?: {
-        unit?: string;
-        value?: string | number;
-    };
-};
-declare const DashboardValue: (props: DashboardValueProps) => React.ReactElement;
-export default DashboardValue;

data/app/pb_kits/playbook/pb_dashboard_value/dashboardValueSettings.d.ts

@@ -1,43 +0,0 @@
-declare const pbIndicator: {
-    title: {
-        fontFamily: any;
-        color: any;
-        fontSizes: {
-            big: any;
-            medium: any;
-            small: any;
-            micro: any;
-        };
-    };
-    secondaryTitle: {
-        color: any;
-        fontFamily: any;
-        fontSizes: {
-            big: any;
-            medium: any;
-            small: any;
-            micro: any;
-        };
-    };
-    value: {
-        fontFamily: any;
-        color: any;
-        fontWeight: any;
-        fontSizes: {
-            big: any;
-            medium: any;
-            small: any;
-            micro: any;
-        };
-    };
-    secondaryValue: {
-        fontFamily: any;
-        fontSizes: {
-            big: any;
-            medium: any;
-            small: any;
-            micro: any;
-        };
-    };
-};
-export default pbIndicator;

data/app/pb_kits/playbook/pb_date/_date.d.ts

@@ -1,18 +0,0 @@
-declare type PbDateProps = {
-    alignment?: "left" | "center" | "right";
-    aria?: {
-        [key: string]: string;
-    };
-    className?: string;
-    data?: {
-        [key: string]: string;
-    };
-    id?: string;
-    showDayOfWeek?: boolean;
-    showIcon?: boolean;
-    size?: "sm" | "md" | "lg";
-    unstyled?: boolean;
-    value: Date;
-};
-declare const PbDate: (props: PbDateProps) => JSX.Element;
-export default PbDate;