@bundle-stats/ui 4.4.0-beta.1 → 4.4.0-beta.4

package/types/layout/footer/footer.d.ts

@@ -4,14 +4,14 @@ export function Footer({ className, version }: {
 }): JSX.Element;
 export namespace Footer {
     namespace defaultProps {
-        const className: string;
-        const version: null;
+        let className: string;
+        let version: null;
     }
     namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        const version_1: PropTypes.Requireable<string>;
+        let version_1: PropTypes.Requireable<string>;
         export { version_1 as version };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/layout/separator.d.ts

@@ -3,13 +3,13 @@ export namespace Separator {
     export { propTypes };
     export { defaultProps };
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 declare namespace propTypes {
-    const className: PropTypes.Requireable<string>;
+    let className: PropTypes.Requireable<string>;
 }
-import React from "react";
+import React from 'react';
 declare namespace defaultProps {
-    const className_1: string;
+    let className_1: string;
     export { className_1 as className };
 }
 export {};

package/types/layout/stack/index.d.ts

@@ -1 +1 @@
-export * from "./stack";
+export * from './stack';

package/types/layout/stack/stack.d.ts

@@ -1,20 +1,7 @@
-export function Stack(props: any): JSX.Element;
-export namespace Stack {
-    namespace defaultProps {
-        export const as: string;
-        export const className: string;
-        export const children: null;
-        export { NO_SPACE as space };
-    }
-    namespace propTypes {
-        const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export { as_1 as as };
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { children_1 as children };
-        export const space: PropTypes.Requireable<string>;
-    }
-}
-import { NO_SPACE } from "../../constants";
-import PropTypes from "prop-types";
+import React from 'react';
+import { SPACES } from '../../tokens';
+export type StackProps = {
+    as?: React.ElementType;
+    space?: (typeof SPACES)[number];
+};
+export declare const Stack: (props: StackProps & React.ComponentProps<'div'>) => JSX.Element;

package/types/tokens.d.ts

@@ -0,0 +1,23 @@
+export declare const NO_SPACE = "no-space";
+export declare const SPACE_XXXSMALL = "xxxsmall";
+export declare const SPACE_XXSMALL = "xxsmall";
+export declare const SPACE_XSMALL = "xsmall";
+export declare const SPACE_SMALL = "small";
+export declare const SPACE_MEDIUM = "medium";
+export declare const SPACE_LARGE = "large";
+export declare const SPACE_XLARGE = "xlarge";
+export declare const SPACE_XXLARGE = "xxlarge";
+export declare const SPACE_XXXLARGE = "xxxlarge";
+export declare const SPACES: readonly ["no-space", "xxxsmall", "xxsmall", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"];
+export declare const KIND: {
+    readonly DEFAULT: "default";
+    readonly SUCCESS: "success";
+    readonly INFO: "info";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+};
+export declare const SIZE: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};

package/types/ui/alert/alert.d.ts

@@ -1,15 +1,8 @@
-export function Alert(props: any): JSX.Element;
-export namespace Alert {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const kind: PropTypes.Requireable<string>;
-        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const kind_1: string;
-        export { kind_1 as kind };
-    }
+import React from 'react';
+import { KIND } from '../../tokens';
+import { Box } from '../../layout/box';
+interface AlertProps {
+    kind?: (typeof KIND)[keyof typeof KIND];
 }
-import PropTypes from "prop-types";
+export declare const Alert: (props: AlertProps & React.ComponentProps<typeof Box>) => JSX.Element;
+export {};

package/types/ui/alert/index.d.ts

@@ -1 +1 @@
-export * from "./alert";
+export * from './alert';

package/types/ui/container/container.d.ts

@@ -1,18 +1,6 @@
-export function Container({ className, as: Component, ...restProps }: {
-    [x: string]: any;
-    className: any;
-    as: any;
-}): JSX.Element;
-export namespace Container {
-    namespace defaultProps {
-        const className: string;
-        const as: string;
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export { as_1 as as };
-    }
+import React from 'react';
+interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: React.ElementType;
 }
-import PropTypes from "prop-types";
+export declare const Container: ({ as: Component, className, ...restProps }: ContainerProps) => JSX.Element;
+export {};

package/types/ui/container/index.d.ts

@@ -1 +1 @@
-export { Container } from "./container";
+export * from './container';

package/types/ui/dropdown/dropdown.d.ts

@@ -1,28 +1,28 @@
 export function Dropdown(props: any): JSX.Element;
 export namespace Dropdown {
     export namespace defaultProps {
-        const className: string;
-        const buttonClassName: string;
-        const label: null;
-        const ariaLabel: string;
-        const glyph: null;
+        let className: string;
+        let buttonClassName: string;
+        let label: null;
+        let ariaLabel: string;
+        let glyph: null;
     }
     export namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        const buttonClassName_1: PropTypes.Requireable<string>;
+        let buttonClassName_1: PropTypes.Requireable<string>;
         export { buttonClassName_1 as buttonClassName };
-        const label_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let label_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         export { label_1 as label };
-        const ariaLabel_1: PropTypes.Requireable<string>;
+        let ariaLabel_1: PropTypes.Requireable<string>;
         export { ariaLabel_1 as ariaLabel };
-        const glyph_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        let glyph_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         export { glyph_1 as glyph };
-        export const children: PropTypes.Validator<NonNullable<NonNullable<string | PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>>;
+        export let children: PropTypes.Validator<NonNullable<NonNullable<string | PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>>;
     }
     export { Item };
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
 declare function Item({ className, isActive, ...restProps }: {
     [x: string]: any;
     className?: string | undefined;
@@ -30,15 +30,15 @@ declare function Item({ className, isActive, ...restProps }: {
 }): JSX.Element;
 declare namespace Item {
     export namespace propTypes_1 {
-        const className_2: PropTypes.Requireable<string>;
+        let className_2: PropTypes.Requireable<string>;
         export { className_2 as className };
-        export const isActive: PropTypes.Requireable<boolean>;
+        export let isActive: PropTypes.Requireable<boolean>;
     }
     export { propTypes_1 as propTypes };
     export namespace defaultProps_1 {
-        const className_3: string;
+        let className_3: string;
         export { className_3 as className };
-        const isActive_1: boolean;
+        let isActive_1: boolean;
         export { isActive_1 as isActive };
     }
     export { defaultProps_1 as defaultProps };

package/types/ui/empty-set/empty-set.d.ts

@@ -1,16 +1,16 @@
 export function EmptySet(props: any): JSX.Element;
 export namespace EmptySet {
     namespace propTypes {
-        const resources: PropTypes.Validator<string>;
-        const filtered: PropTypes.Validator<boolean>;
-        const handleResetFilters: PropTypes.Requireable<(...args: any[]) => any>;
-        const handleViewAll: PropTypes.Requireable<(...args: any[]) => any>;
+        let resources: PropTypes.Validator<string>;
+        let filtered: PropTypes.Validator<boolean>;
+        let handleResetFilters: PropTypes.Requireable<(...args: any[]) => any>;
+        let handleViewAll: PropTypes.Requireable<(...args: any[]) => any>;
     }
     namespace defaultProps {
-        const handleResetFilters_1: null;
+        let handleResetFilters_1: null;
         export { handleResetFilters_1 as handleResetFilters };
-        const handleViewAll_1: null;
+        let handleViewAll_1: null;
         export { handleViewAll_1 as handleViewAll };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/file-name/file-name.d.ts

@@ -5,17 +5,17 @@ export function FileName({ className, as: Component, name }: {
 }): JSX.Element;
 export namespace FileName {
     namespace defaultProps {
-        const className: string;
-        const as: string;
-        const name: string;
+        let className: string;
+        let as: string;
+        let name: string;
     }
     namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        let as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
         export { as_1 as as };
-        const name_1: PropTypes.Requireable<string>;
+        let name_1: number;
         export { name_1 as name };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/filters/filters.d.ts

@@ -1,14 +1,14 @@
 export function Filters(props: any): JSX.Element;
 export namespace Filters {
     namespace defaultProps {
-        const className: string;
+        let className: string;
     }
     namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        export const values: PropTypes.Validator<object>;
-        export const filters: PropTypes.Validator<object>;
-        export const toggleFilter: PropTypes.Validator<(...args: any[]) => any>;
+        export let values: PropTypes.Validator<object>;
+        export let filters: PropTypes.Validator<object>;
+        export let toggleFilter: PropTypes.Validator<(...args: any[]) => any>;
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/filters/filters.utils.d.ts

@@ -1,6 +1,6 @@
 export namespace LABELS {
-    const NONE: string;
-    const ALL: string;
+    let NONE: string;
+    let ALL: string;
 }
 export function getGroupFiltersLabelSuffix(filters: Array<any[]>): string;
 export function getInitialValues(key: any, filters: any): any;

package/types/ui/filters/index.d.ts

@@ -1,12 +1,12 @@
 export function Filters(props: any): JSX.Element;
 export namespace Filters {
     namespace defaultProps {
-        const onChange: null;
+        let onChange: null;
     }
     namespace propTypes {
-        export const filters: PropTypes.Validator<object>;
-        const onChange_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export let filters: PropTypes.Validator<object>;
+        let onChange_1: PropTypes.Requireable<(...args: any[]) => any>;
         export { onChange_1 as onChange };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts

@@ -1,13 +1,13 @@
 export function HorizontalBarChart(props: any): JSX.Element;
 export namespace HorizontalBarChart {
     namespace defaultProps {
-        const className: string;
-        const maxValue: null;
+        let className: string;
+        let maxValue: null;
     }
     namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        export const data: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        export let data: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             labels: PropTypes.Requireable<(string | null | undefined)[]>;
             values: PropTypes.Requireable<(NonNullable<number | PropTypes.InferProps<{
                 value: PropTypes.Requireable<number>;
@@ -15,8 +15,8 @@ export namespace HorizontalBarChart {
                 label: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
             }> | null | undefined> | null | undefined)[]>;
         }>>>;
-        const maxValue_1: PropTypes.Requireable<number>;
+        let maxValue_1: PropTypes.Requireable<number>;
         export { maxValue_1 as maxValue };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/hover-card/hover-card.d.ts

@@ -1,27 +1,13 @@
-export function HoverCard(props: any): JSX.Element;
-export namespace HoverCard {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const hoverCardClassName: PropTypes.Requireable<string>;
-        const anchorClassName: PropTypes.Requireable<string>;
-        const label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const href: PropTypes.Requireable<string>;
-        const as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        const children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const hoverCardClassName_1: string;
-        export { hoverCardClassName_1 as hoverCardClassName };
-        const anchorClassName_1: string;
-        export { anchorClassName_1 as anchorClassName };
-        const label_1: string;
-        export { label_1 as label };
-        const as_1: string;
-        export { as_1 as as };
-        const href_1: string;
-        export { href_1 as href };
-    }
+import React from 'react';
+export interface HoverCardProps {
+    className?: string;
+    anchorClassName?: string;
+    hoverCardClassName?: string;
+    href?: string;
+    as?: React.ElementType;
+    label: React.ReactNode;
+    children?: React.ReactNode | (({ close }: {
+        close: () => void;
+    }) => React.ReactNode);
 }
-import PropTypes from "prop-types";
+export declare const HoverCard: (props: HoverCardProps) => JSX.Element;

package/types/ui/hover-card/index.d.ts

@@ -1 +1 @@
-export * from "./hover-card";
+export * from './hover-card';

package/types/ui/icon/icon.d.ts

@@ -1,40 +1,56 @@
-export function Icon(props: any): JSX.Element;
-export namespace Icon {
-    export { ICONS };
-    export const SIZE_SMALL: string;
-    export const SIZE_MEDIUM: string;
-    export const SIZE_LARGE: string;
-    export const SIZES: string[];
-    export namespace defaultProps {
-        export const className: string;
-        export const as: string;
-        import size = Icon.SIZE_MEDIUM;
-        export { size };
-    }
-    export namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        export const glyph: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
-        const as_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { as_1 as as };
-        const size_1: PropTypes.Requireable<string>;
-        export { size_1 as size };
-    }
+import React from 'react';
+declare const ICONS: {
+    readonly ARROW: "arrow";
+    readonly ARROW_RIGHT_CIRLCE: "arrow-right-circle";
+    readonly CANCEL: "close";
+    readonly CLOSE: "close";
+    readonly CLOCK: "clock";
+    readonly COMMIT: "commit";
+    readonly ERROR: "error";
+    readonly EXTERNAL_LINK: "external-link";
+    readonly FILTER: "filter";
+    readonly GITHUB: "github";
+    readonly INFO: "info";
+    readonly HELP: "help";
+    readonly MENU: "menu";
+    readonly MORE_VERTICAL: "more-vertical";
+    readonly SORT: "sort";
+    readonly WARNING: "warning";
+};
+declare const SIZE: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};
+export type IconGlyph = (typeof ICONS)[keyof typeof ICONS];
+interface IconProps {
+    glyph: IconGlyph;
+    size?: (typeof SIZE)[keyof typeof SIZE];
+    as?: React.ElementType;
 }
-declare namespace ICONS {
-    const ARROW: string;
-    const ARROW_RIGHT_CIRLCE: string;
-    const CANCEL: string;
-    const CLOSE: string;
-    const CLOCK: string;
-    const COMMIT: string;
-    const ERROR: string;
-    const FILTER: string;
-    const INFO: string;
-    const HELP: string;
-    const MENU: string;
-    const SORT: string;
-    const WARNING: string;
-}
-import PropTypes from "prop-types";
+export declare const Icon: {
+    (props: IconProps & React.ComponentProps<'span'>): JSX.Element;
+    ICONS: {
+        readonly ARROW: "arrow";
+        readonly ARROW_RIGHT_CIRLCE: "arrow-right-circle";
+        readonly CANCEL: "close";
+        readonly CLOSE: "close";
+        readonly CLOCK: "clock";
+        readonly COMMIT: "commit";
+        readonly ERROR: "error";
+        readonly EXTERNAL_LINK: "external-link";
+        readonly FILTER: "filter";
+        readonly GITHUB: "github";
+        readonly INFO: "info";
+        readonly HELP: "help";
+        readonly MENU: "menu";
+        readonly MORE_VERTICAL: "more-vertical";
+        readonly SORT: "sort";
+        readonly WARNING: "warning";
+    };
+    SIZE_SMALL: "small";
+    SIZE_MEDIUM: "medium";
+    SIZE_LARGE: "large";
+    SIZES: ("small" | "medium" | "large")[];
+};
 export {};

package/types/ui/icon/index.d.ts

@@ -1 +1 @@
-export * from "./icon";
+export * from './icon';

package/types/ui/index.d.ts

@@ -9,7 +9,6 @@ export { HoverCard } from "./hover-card";
 export { Icon } from "./icon";
 export { Input } from "./input";
 export { Loader } from "./loader";
-export { Panels } from "./panels";
 export { Skeleton } from "./skeleton";
 export { SortDropdown } from "./sort-dropdown";
 export { Table } from "./table";

package/types/ui/input/input.d.ts

@@ -5,14 +5,14 @@ export function Input({ className, size, ...restProps }: {
 }): JSX.Element;
 export namespace Input {
     namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const size: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+        let size: PropTypes.Requireable<string>;
     }
     namespace defaultProps {
-        const className_1: string;
+        let className_1: string;
         export { className_1 as className };
-        const size_1: string;
+        let size_1: string;
         export { size_1 as size };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/loader/loader.d.ts

@@ -4,20 +4,20 @@ export function Loader({ className, size, ...restProps }: {
     size: any;
 }): JSX.Element;
 export namespace Loader {
-    const SIZE_SMALL: string;
-    const SIZE_MEDIUM: string;
-    const SIZE_LARGE: string;
-    const SIZES: string[];
+    let SIZE_SMALL: string;
+    let SIZE_MEDIUM: string;
+    let SIZE_LARGE: string;
+    let SIZES: string[];
     namespace defaultProps {
-        export const className: string;
+        export let className: string;
         import size = Loader.SIZE_MEDIUM;
         export { size };
     }
     namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        const size_1: PropTypes.Requireable<string>;
+        let size_1: PropTypes.Requireable<string>;
         export { size_1 as size };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/skeleton/skeleton.d.ts

@@ -1,17 +1,17 @@
 export function Skeleton(props: any): JSX.Element;
 export namespace Skeleton {
     namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        const block: PropTypes.Requireable<boolean>;
+        let className: PropTypes.Requireable<string>;
+        let as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        let block: PropTypes.Requireable<boolean>;
     }
     namespace defaultProps {
-        const className_1: string;
+        let className_1: string;
         export { className_1 as className };
-        const as_1: string;
+        let as_1: string;
         export { as_1 as as };
-        const block_1: boolean;
+        let block_1: boolean;
         export { block_1 as block };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/sort-dropdown/sort-dropdown.d.ts

@@ -1,24 +1,24 @@
 export function SortDropdown(props: any): JSX.Element;
 export namespace SortDropdown {
     namespace defaultProps {
-        const className: string;
-        const label: string;
+        let className: string;
+        let label: string;
         function onChange(): void;
-        const field: string;
-        const direction: string;
+        let field: string;
+        let direction: string;
     }
     namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        const label_1: PropTypes.Requireable<string>;
+        let label_1: PropTypes.Requireable<string>;
         export { label_1 as label };
-        export const fields: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-        const onChange_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export let fields: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+        let onChange_1: PropTypes.Requireable<(...args: any[]) => any>;
         export { onChange_1 as onChange };
-        const field_1: PropTypes.Requireable<string>;
+        let field_1: PropTypes.Requireable<string>;
         export { field_1 as field };
-        const direction_1: PropTypes.Requireable<string>;
+        let direction_1: PropTypes.Requireable<string>;
         export { direction_1 as direction };
     }
 }
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';

package/types/ui/table/index.d.ts

@@ -1 +1 @@
-export * from "./table";
+export * from './table';