playbook_ui 13.12.0.pre.alpha.PLAY1081exportingtypes1627 → 13.12.0.pre.alpha.PLAY1081exporttypes1608

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e0330f19de336779e9f0ccee5ca6c200d0d45271c97abc82a6837332fbed1e95
-  data.tar.gz: b9bed40d8d70218cb97f66150c18db698db7c5a485e58214ccd51dc3bf36e198
+  metadata.gz: f0bc057462f84066058ae751edb8a5800772fabfae7826217c54ecf10e87e78d
+  data.tar.gz: a82a61433089122a5b9844f07b865f933bd8eda322ccf039edbb7661f319ce54
 SHA512:
-  metadata.gz: 5dbc396d6b71629fdeb72b654f1aa99d9b3aed4527d6ce8f3dafa3d6b4dcbb6b6b7ac4e79564eb4f91cc9a6c1b4e44dc1bf055f3d9870df91aa8e2323bc1e147
-  data.tar.gz: 528b006d02c1ad85538bf0440b32bfd7b539c806c72be8c51d4aec43ebd25978d80e18595f60dc72663a220f6be8eb70f795844476fedf131fd86e57dab37d09
+  metadata.gz: '095fa0bda11e86865f7be0b1f7f24ed36ac48e44b1535bdd3a056afa2189e03dd3d6c02130b615c0475cdcaa1fd58013c6d50dab71a2893b8e16ec6c0e2cdcef'
+  data.tar.gz: d8d7173f5164053988cefc4789d7af043435562c91bab3f6e63d5a3684b9455580af4cb8e05ec124d764a79b31dccd669a491b524b8fd1917a5f366a9b2daca6

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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,42 @@
+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

@@ -0,0 +1,24 @@
+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

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

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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,10 @@
+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

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

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

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

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,24 @@
+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

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

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

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

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

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

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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1,18 @@
+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;