@artsy/palette 40.3.0 → 40.4.0

package/dist/elements/Cards/TriptychCard.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { ImageProps } from "../Image";
+import { BoxProps } from "../Box";
+declare type Images = ImageProps[] | string[];
+export interface TriptychCardProps extends BoxProps {
+    /** 1, 2, or 3 images */
+    images: Images;
+    title?: string | null;
+    subtitle?: string | null;
+    status?: string | null;
+}
+export declare const isArrayOfStrings: (images: Images) => images is string[];
+/**
+ * `TriptychCard` is a card with a layout one square image on the left,
+ * one tall or two square images on the right, and text for title and subtitle
+ * at the bottom.
+ */
+export declare const TriptychCard: React.FC<React.PropsWithChildren<TriptychCardProps>>;
+export {};

package/dist/elements/Cards/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./TriptychCard";
+export * from "./Card";

package/dist/elements/Carousel/Carousel.d.ts

@@ -0,0 +1,45 @@
+import React from "react";
+import { ResponsiveValue } from "styled-system";
+import { SpacingUnit } from "../../Theme";
+import { BoxProps } from "../Box";
+import { CarouselNavigationProps, CarouselNext, CarouselPrevious } from "./CarouselNavigation";
+/** CarouselRailProps */
+export declare type CarouselRailProps = BoxProps & {
+    transition?: ResponsiveValue<string>;
+};
+/** A `CarouselRail` slides back and forth within the viewport */
+export declare const CarouselRail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, CarouselRailProps>> & string;
+/** CarouselCellProps */
+export declare type CarouselCellProps = BoxProps;
+/** A `CarouselCell` wraps a single child in the carousel */
+export declare const CarouselCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+/**
+ * We share this spacing value with the `Swiper` component
+ */
+export declare const CELL_GAP_PADDING_AMOUNT: SpacingUnit[];
+export interface CarouselProps extends BoxProps {
+    initialIndex?: number;
+    children: React.ReactNode;
+    Next?: typeof CarouselNext | React.FC<React.PropsWithChildren<CarouselNavigationProps>>;
+    Previous?: typeof CarouselPrevious | React.FC<React.PropsWithChildren<CarouselNavigationProps>>;
+    Rail?: typeof CarouselRail | React.FC<React.PropsWithChildren<CarouselRailProps>>;
+    /**
+     * If providing a custom `Cell` you must forward a ref so
+     * that cell widths can be calculated.
+     */
+    Cell?: React.ForwardRefExoticComponent<CarouselCellProps>;
+    paginateBy?: "page" | "cell";
+    onChange?(index: number): void;
+    onPageCountChange?(count: number): void;
+}
+/**
+ * A `Carousel` accepts children or a series of children that are JSX elements.
+ * It presents them in a horizontal rail and when the width exceeds the width
+ * of the viewport, it presents navigation arrows and allows a user to page
+ * through them.
+ */
+export declare const Carousel: React.FC<React.PropsWithChildren<CarouselProps>>;

package/dist/elements/Carousel/Carousel.story.d.ts

@@ -0,0 +1,93 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Simple: () => React.JSX.Element;
+export declare const Multiple: () => React.JSX.Element;
+export declare const SinglePage: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const SingleOverflowingItem: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const MultipleOverflowingItems: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const TwoishPages: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const ManyPages: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const VaryingWidths: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const VaryingHeights: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const DynamicItems: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+        parameters: {
+            chromatic: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export declare const CustomArrows: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const CustomRailAndCells: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const CarouselWithText: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const InitialIndexOnMount: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const NavigateViaProps: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const ConditionalChildren: () => React.JSX.Element;
+export declare const PaginationByCell: () => React.JSX.Element;
+export declare const PaginationByCellWithVaryingWidths: () => React.JSX.Element;

package/dist/elements/Carousel/CarouselNavigation.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { ClickableProps } from "../Clickable";
+/** CarouselNavigationProps */
+export declare type CarouselNavigationProps = ClickableProps;
+/**
+ * Default next button
+ */
+export declare const CarouselNext: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "cursor" | "textDecoration" | keyof import("..").BoxProps | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("..").BoxProps & {
+    cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never>, never>> & string;
+/**
+ * Default previous button
+ */
+export declare const CarouselPrevious: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "cursor" | "textDecoration" | keyof import("..").BoxProps | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("..").BoxProps & {
+    cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never>, never>> & string;

package/dist/elements/Carousel/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Carousel";
+export * from "./CarouselNavigation";
+export * from "./paginate";

package/dist/elements/Carousel/paginate.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Sums all values, building from the previous
+ * @param xs list of values to compound
+ */
+export declare const compound: (xs: number[]) => number[];
+/**
+ * Build an array of offsets
+ * @param viewport window width
+ * @param values array of cell widths
+ */
+export declare const chunk: ({ viewport, values, }: {
+    viewport: number;
+    values: number[];
+}) => number[];
+/** Align last page to the left or right */
+export declare type CarouselPaginationAlignment = "left" | "right";
+export declare type CarouselPaginateBy = "page" | "cell";
+interface PaginateCarouselProps {
+    viewport: number;
+    values: number[];
+    alignment?: CarouselPaginationAlignment;
+    paginateBy?: CarouselPaginateBy;
+}
+/**
+ * Creates an array of offsets based on the given viewport
+ * @param viewport window width
+ * @param values array of cell widths
+ * @param alignment align last page to the left or right
+ */
+export declare const paginateCarousel: ({ viewport, values, alignment, paginateBy, }: PaginateCarouselProps) => number[];
+export {};

package/dist/elements/CarouselBar/CarouselBar.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ProgressBarProps } from "../ProgressBar";
+export declare type CarouselBarProps = ProgressBarProps;
+export declare const CarouselBar: React.FC<React.PropsWithChildren<CarouselBarProps>>;

package/dist/elements/CarouselBar/CarouselBar.story.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;

package/dist/elements/CarouselBar/index.d.ts

@@ -0,0 +1 @@
+export * from "./CarouselBar";

package/dist/elements/Checkbox/Check.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface CheckProps {
+    disabled?: boolean;
+    error?: boolean;
+    hover?: boolean;
+    focus?: boolean;
+    selected?: boolean;
+}
+/** Toggeable check mark */
+export declare const Check: React.FC<React.PropsWithChildren<CheckProps>>;

package/dist/elements/Checkbox/Check.story.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;

package/dist/elements/Checkbox/Checkbox.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { BoxProps } from "../Box";
+export interface CheckboxProps extends BoxProps, Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /** Disable checkbox interactions */
+    disabled?: boolean;
+    /** Select the checkbox on render */
+    selected?: boolean;
+    /** Show an error indicator */
+    error?: boolean;
+    /** Used to force the checkbox into the visual hover state */
+    hover?: boolean;
+    /** Forces focus state */
+    focus?: boolean;
+    /** Callback when selected */
+    onSelect?: (selected: boolean) => void;
+}
+/** A checkbox */
+export declare const Checkbox: React.FC<React.PropsWithChildren<CheckboxProps>>;

package/dist/elements/Checkbox/Checkbox.story.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const Demo: () => React.JSX.Element;
+export declare const Extended: () => React.JSX.Element;

package/dist/elements/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from "./Checkbox";

package/dist/elements/Checkbox/tokens.d.ts

@@ -0,0 +1,30 @@
+export declare const CHECK_STATES: {
+    readonly default: {
+        readonly resting: import("styled-components").RuleSet<object>;
+        readonly selected: import("styled-components").RuleSet<object>;
+    };
+    readonly disabled: {
+        readonly resting: import("styled-components").RuleSet<object>;
+        readonly selected: import("styled-components").RuleSet<object>;
+    };
+    readonly hover: {
+        readonly resting: import("styled-components").RuleSet<object>;
+        readonly selected: import("styled-components").RuleSet<object>;
+    };
+    readonly focus: {
+        readonly resting: import("styled-components").RuleSet<object>;
+        readonly selected: import("styled-components").RuleSet<object>;
+    };
+    readonly error: {
+        readonly resting: import("styled-components").RuleSet<object>;
+        readonly selected: import("styled-components").RuleSet<object>;
+    };
+};
+export declare const CHECKBOX_STATES: {
+    readonly default: import("styled-components").RuleSet<object>;
+    readonly selected: import("styled-components").RuleSet<object>;
+    readonly focus: import("styled-components").RuleSet<object>;
+    readonly hover: import("styled-components").RuleSet<object>;
+    readonly disabled: import("styled-components").RuleSet<object>;
+    readonly error: import("styled-components").RuleSet<object>;
+};

package/dist/elements/CleanTag/CleanTag.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Derived from @jxnblk's clean-tag
+ * https://github.com/styled-system/extras/tree/master/packages/clean-tag
+ *
+ * The MIT License (MIT)
+ * Copyright (c) 2017-2019 Brent Jackson
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+import React, { ComponentClass, FunctionComponent } from "react";
+/**
+ * The default set of props to remove from components rendered by styled-components
+ */
+export declare const omitProps: string[];
+/**
+ * Removes entries from an object based on a list of keys
+ */
+export declare const omit: (obj: object | undefined, keys: string[]) => {};
+declare type ComponentSpecifier = string | FunctionComponent<React.PropsWithChildren<any>> | ComponentClass<any>;
+export interface TagProps {
+    omitFromProps?: string[];
+    is?: ComponentSpecifier;
+}
+declare function tagBuilder(tag?: ComponentSpecifier): React.ForwardRefExoticComponent<TagProps & React.RefAttributes<any>>;
+declare const DefaultTag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<any>>;
+/**
+ * An element to be used to prevent unwanted props from passing through
+ * styled-components to the DOM
+ *
+ * @example
+ *
+ * const Component = styled(Tag)`
+ *   ${borderRadius};
+ * `
+ *
+ * const Component2 = styled(Tag.as('span'))`
+ *  ${background};
+ * `
+ */
+export declare const CleanTag: typeof DefaultTag & {
+    as?: typeof tagBuilder;
+};
+export {};

package/dist/elements/CleanTag/index.d.ts

@@ -0,0 +1 @@
+export * from "./CleanTag";

package/dist/elements/Clickable/Clickable.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ResponsiveValue } from "styled-system";
+import { BoxProps } from "../Box";
+/** ClickableProps */
+export declare type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElement> & BoxProps & {
+    cursor?: ResponsiveValue<string>;
+    textDecoration?: ResponsiveValue<string>;
+};
+/**
+ * Clickable is a utility component useful for wrapping things like <div>s
+ * without having to deal with the requirements to make the <div> accessible.
+ */
+export declare const Clickable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ClickableProps>> & string;
+export declare const splitClickableProps: <U>(props: U) => [ClickableProps, Omit<U, "cursor" | "textDecoration" | keyof BoxProps | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>];

package/dist/elements/Clickable/Clickable.story.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const Submit: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/elements/Clickable/index.d.ts

@@ -0,0 +1 @@
+export * from "./Clickable";

package/dist/elements/Collapse/Collapse.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface CollapseProps {
+    open: boolean;
+}
+/**
+ * Collapse component for the web
+ */
+export declare class Collapse extends React.Component<React.PropsWithChildren<CollapseProps>> {
+    wrapperModifyTimeout: ReturnType<typeof setTimeout>;
+    wrapperRef: HTMLDivElement | null;
+    onTransitionEnd: (ev: TransitionEvent) => void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    firstRender: {
+        open: boolean;
+    } | null;
+    render(): React.JSX.Element;
+}

package/dist/elements/Collapse/index.d.ts

@@ -0,0 +1 @@
+export * from "./Collapse";

package/dist/elements/Drawer/Drawer.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from "react";
+export interface DrawerProps {
+    open: boolean;
+    anchor?: "left" | "right";
+    zIndex?: number;
+    onClose?(): void;
+}
+export declare const Drawer: FC<React.PropsWithChildren<DrawerProps>>;

package/dist/elements/Drawer/Drawer.story.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const Left: () => React.JSX.Element;

package/dist/elements/Drawer/index.d.ts

@@ -0,0 +1 @@
+export * from "./Drawer";

package/dist/elements/Dropdown/Dropdown.d.ts

@@ -0,0 +1,38 @@
+import React from "react";
+import { Position } from "../../utils";
+import { BoxProps } from "../Box";
+export interface DropdownActions {
+    /** Call to show dropdown */
+    onVisible(): void;
+    /** Call to hide dropdown */
+    onHide(): void;
+    /** Manipulate visible directly */
+    setVisible(value: boolean): void;
+    /** Pass ref to element you want the dropdown to be anchored to */
+    anchorRef: React.MutableRefObject<HTMLElement>;
+    /** Spread props on element you want the dropdown to be anchored to */
+    anchorProps: React.HTMLAttributes<HTMLElement>;
+    /** Whether or not the dropdown is visible */
+    visible: boolean;
+}
+declare type Children = React.ReactNode | ((dropdownActions: DropdownActions) => React.ReactNode);
+export interface DropdownProps extends Omit<BoxProps, "children"> {
+    placement?: Position;
+    /** Intially visible by default? */
+    visible?: boolean;
+    /** Whether or not we should animate the dropdown transition */
+    transition?: boolean;
+    dropdown: React.ReactNode | ((dropdownActions: Pick<DropdownActions, "onHide" | "onVisible" | "setVisible" | "visible">) => void);
+    /** Distance in pixels from anchor */
+    offset?: number;
+    /** Should the dropdown panel always be present in the DOM (vs removed when invisible) */
+    keepInDOM?: boolean;
+    openDropdownByClick?: boolean;
+    children: Children;
+}
+/**
+ * A `Dropdown` is a small modal-type element which is anchored, and can be
+ * positioned relative to, another element and designed to be transitioned in on hover or on click.
+ */
+export declare const Dropdown: ({ placement, visible: _visible, keepInDOM, children, offset, dropdown, openDropdownByClick, transition: _transition, ...rest }: DropdownProps) => React.JSX.Element;
+export {};

package/dist/elements/Dropdown/Dropdown.story.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: {
+    (): React.JSX.Element;
+    story: {
+        parameters: {
+            chromatic: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export declare const KeepInDOM: {
+    (): React.JSX.Element;
+    story: {
+        parameters: {
+            chromatic: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export declare const ChangeDimensions: () => React.JSX.Element;
+export declare const FocusOrder: () => React.JSX.Element;
+export declare const OpenDropdownByClick: () => React.JSX.Element;
+export declare const FilterExample: () => React.JSX.Element;
+export declare const OverflowingContent: () => React.JSX.Element;
+export declare const DisabledTransition: () => React.JSX.Element;

package/dist/elements/Dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from "./Dropdown";

package/dist/elements/EntityHeader/EntityHeader.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { LabelProps } from "../Label";
+import { FlexProps } from "../Flex";
+import { ImageProps } from "../Image";
+export interface EntityHeaderProps extends FlexProps {
+    href?: string;
+    /** @deprecated: use `image` instead */
+    imageUrl?: string;
+    /** Pass props to the underlying `Image` in `Avatar` */
+    image?: Partial<ImageProps>;
+    initials?: string;
+    meta?: string;
+    name: string;
+    labels?: LabelProps[];
+    smallVariant?: boolean;
+    FollowButton?: JSX.Element;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+}
+/**
+ * Component that is used as entity header that is paired with rich information about the entity.
+ * @deprecated: Use EntityHeader fragment container patterns within Force instead
+ */
+export declare const EntityHeader: React.FC<React.PropsWithChildren<EntityHeaderProps>>;

package/dist/elements/EntityHeader/EntityHeader.story.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;

package/dist/elements/EntityHeader/index.d.ts

@@ -0,0 +1 @@
+export * from "./EntityHeader";

package/dist/elements/Expandable/Expandable.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { ClickableProps } from "../Clickable";
+declare type ChildrenFunction = (props: {
+    setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>;
+    expanded: boolean;
+}) => React.ReactNode;
+export interface ExpandableProps extends Omit<ClickableProps, "children"> {
+    label?: string | JSX.Element;
+    expanded?: boolean;
+    children: React.ReactNode | ChildrenFunction;
+    onToggle?: (isExpanded: boolean) => void;
+}
+/**
+ * A toggleable component used to show / hide content
+ */
+export declare const Expandable: ({ label, expanded: defaultExpanded, children, disabled, onClick, onToggle, borderColor, ...rest }: ExpandableProps) => React.JSX.Element;
+export {};

package/dist/elements/Expandable/Expandable.story.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const ConfigurableColors: () => React.JSX.Element;

package/dist/elements/Expandable/index.d.ts

@@ -0,0 +1 @@
+export * from "./Expandable";

package/dist/elements/FilterSelect/Components/FilterInput.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { InputProps } from "../../Input";
+export declare type FilterInputProps = InputProps;
+export declare const FilterInput: React.FC<React.PropsWithChildren<InputProps>>;

package/dist/elements/FilterSelect/Components/FilterSelectContext.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+export interface Item {
+    label: string;
+    value: string;
+    [key: string]: string | number | boolean;
+}
+export declare type Items = ReadonlyArray<Item>;
+export interface FilterSelectChangeState {
+    items: FilterSelectContextProps["items"];
+    filteredItems: FilterSelectContextProps["filteredItems"];
+    selectedItems: FilterSelectContextProps["selectedItems"];
+    query: FilterSelectContextProps["query"];
+}
+interface FilterSelectContextProps {
+    enableSelectAll?: boolean;
+    filteredItems: Items;
+    initialItemsToShow: number;
+    isFiltered: boolean;
+    items: Items;
+    multiselect: boolean;
+    onChange: (state: FilterSelectChangeState) => void;
+    onSelectAll?: (state: FilterSelectChangeState) => void;
+    order: [string[], Array<"asc" | "desc">];
+    placeholder: string;
+    query: string;
+    renderItemLabel?: (item: any) => string;
+    searchableText?: (item: Item) => string;
+    selectedItems: Items;
+    setQuery: (query: string) => void;
+    setSelectedItems: (items: Items) => void;
+    toggleSelectedItem: (item: Item) => void;
+}
+export declare type FilterSelectState = Pick<FilterSelectContextProps, "enableSelectAll" | "filteredItems" | "initialItemsToShow" | "isFiltered" | "items" | "multiselect" | "onChange" | "onSelectAll" | "order" | "placeholder" | "query" | "renderItemLabel" | "searchableText" | "selectedItems">;
+export declare const FilterSelectContextProvider: React.FC<React.PropsWithChildren<Partial<FilterSelectState>>>;
+export declare const useFilterSelectContext: () => FilterSelectContextProps;
+export {};

package/dist/elements/FilterSelect/Components/FilterSelectResultItem.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { Item } from "./FilterSelectContext";
+export declare const FilterSelectResultItem: React.FC<React.PropsWithChildren<Item>>;