@artsy/palette 40.3.0-canary.1417.31465.0 → 40.3.0

package/dist/elements/Popover/Popover.d.ts

@@ -1,46 +0,0 @@
-import React from "react";
-import { Position } from "../../utils";
-import { BoxProps } from "../Box";
-export declare const POPOVER_VARIANTS: {
-    defaultLight: {
-        backgroundColor: string;
-        color: string;
-    };
-    defaultDark: {
-        backgroundColor: string;
-        color: string;
-    };
-};
-export declare type PopoverVariant = keyof typeof POPOVER_VARIANTS;
-export interface PopoverActions {
-    /** Call to show popover */
-    onVisible(): void;
-    /** Call to hide popover */
-    onHide(): void;
-    /** Call to dismiss popover */
-    onDismiss(): void;
-    /** Pass ref to element you want the popover to be anchored to */
-    anchorRef: React.MutableRefObject<HTMLElement>;
-}
-export interface PopoverProps extends BoxProps {
-    children: (actions: PopoverActions) => JSX.Element;
-    ignoreClickOutside?: boolean;
-    manageFocus?: boolean;
-    offset?: number;
-    /** Called whenever the Popver is closed (both explcitly dismissed and through click outside) */
-    onClose?: () => void;
-    /** Called whenever the Popover is dismissed (explicitly) */
-    onDismiss?: () => void;
-    placement?: Position;
-    /** Display triangular pointer back to anchor node */
-    pointer?: boolean;
-    popover: ((actions: Omit<PopoverActions, "anchorRef">) => JSX.Element) | React.ReactNode;
-    variant?: PopoverVariant;
-    /** Initial default visibility */
-    visible?: boolean;
-}
-/**
- * A `Popover` is a small modal-type element which is anchored, and can be
- * positioned relative to, another element.
- */
-export declare const Popover: ({ children, ignoreClickOutside, manageFocus, offset, onClose, onDismiss, placement, pointer, popover, variant, visible: _visible, zIndex, ...rest }: PopoverProps) => React.JSX.Element;

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

@@ -1,27 +0,0 @@
-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 Placement: {
-    (): React.JSX.Element;
-    story: {
-        parameters: {
-            chromatic: {
-                disable: boolean;
-            };
-        };
-    };
-};
-export declare const ManageFocus: () => React.JSX.Element;
-export declare const PopoverActions: () => React.JSX.Element;

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

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

package/dist/elements/ProgressBar/ProgressBar.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { Color } from "../../themes/types";
-import { BoxProps } from "../Box";
-export interface ProgressBarProps extends BoxProps {
-    percentComplete: number;
-    highlight?: Color;
-    showBackground?: boolean;
-    transition?: string;
-}
-/** ProgressBar */
-export declare const ProgressBar: React.FC<React.PropsWithChildren<ProgressBarProps>>;

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

@@ -1,16 +0,0 @@
-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;
-    story: {
-        parameters: {
-            chromatic: {
-                disable: boolean;
-            };
-        };
-    };
-};

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

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

package/dist/elements/ProgressDots/ProgressDots.d.ts

@@ -1,26 +0,0 @@
-import React from "react";
-import { BoxProps } from "../Box";
-declare const VARIANTS: {
-    dot: {
-        width: string;
-        height: string;
-        borderRadius: string;
-    };
-    dash: {
-        height: string;
-        flex: number;
-    };
-};
-declare type Variant = keyof typeof VARIANTS;
-/** ProgressDotsProps */
-export interface ProgressDotsProps extends BoxProps {
-    activeIndex: number;
-    amount: number;
-    variant?: Variant;
-    onClick?: (index: number) => void;
-}
-/**
- * Renders an `amount` of dots and announces progress when updated
- */
-export declare const ProgressDots: React.FC<React.PropsWithChildren<ProgressDotsProps>>;
-export {};

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

@@ -1,16 +0,0 @@
-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;
-    story: {
-        parameters: {
-            chromatic: {
-                disable: boolean;
-            };
-        };
-    };
-};

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

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

package/dist/elements/Radio/Radio.d.ts

@@ -1,30 +0,0 @@
-import React from "react";
-import { FlexProps } from "../../elements/Flex";
-import { RADIO_SIZES } from "./tokens";
-export interface RadioProps<T> extends FlexProps, Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
-    /** Disable interactions */
-    disabled?: boolean;
-    /** Select the button on render. If the Radio is inside a RadioGroup, use RadioGroup.defaultValue instead. */
-    selected?: boolean;
-    /** Show an error indicator */
-    error?: boolean;
-    /** Show hover state on render */
-    hover?: boolean;
-    /** Forces focus state */
-    focus?: boolean;
-    /** Value of radio button */
-    value?: T;
-    /** Name of the radio button */
-    name?: string;
-    /** The label content, if not specified the children will be used  */
-    label?: React.ReactNode;
-    /** The radio size, if not specified, "sm" will be used  */
-    size?: keyof typeof RADIO_SIZES;
-    /** Callback when selected */
-    onSelect?: (selected: {
-        selected: boolean;
-        value: T;
-    }) => void;
-}
-/** A Radio button */
-export declare const Radio: <T>({ children, disabled, hover, focus, error, label, selected, value, size, onSelect, ...rest }: RadioProps<T>) => React.JSX.Element;

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

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

package/dist/elements/Radio/RadioDot.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export interface CheckProps {
-    disabled?: boolean;
-    error?: boolean;
-    hover?: boolean;
-    focus?: boolean;
-    selected?: boolean;
-}
-export declare const RadioDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Box").BoxProps> & import("../Box").BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, CheckProps>> & string;

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

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

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

@@ -1,39 +0,0 @@
-import { ResponsiveValue } from "styled-system";
-import { TextVariant } from "../../Theme";
-export declare const RADIO_DOT_STATES: {
-    default: {
-        resting: import("styled-components").RuleSet<object>;
-        selected: import("styled-components").RuleSet<object>;
-    };
-    focus: {
-        resting: import("styled-components").RuleSet<object>;
-        selected: import("styled-components").RuleSet<object>;
-    };
-    disabled: {
-        resting: import("styled-components").RuleSet<object>;
-        selected: import("styled-components").RuleSet<object>;
-    };
-    error: {
-        resting: import("styled-components").RuleSet<object>;
-        selected: import("styled-components").RuleSet<object>;
-    };
-    hover: {
-        resting: import("styled-components").RuleSet<object>;
-        selected: import("styled-components").RuleSet<object>;
-    };
-};
-export declare const RADIO_STATES: {
-    readonly default: import("styled-components").RuleSet<object>;
-    readonly focus: import("styled-components").RuleSet<object>;
-    readonly selected: 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>;
-};
-interface SizeVariant {
-    labelFontSize: ResponsiveValue<TextVariant>;
-    descriptionFontSize: ResponsiveValue<TextVariant>;
-    dotSize: string;
-}
-export declare const RADIO_SIZES: Record<string, SizeVariant>;
-export {};

package/dist/elements/RadioGroup/RadioGroup.d.ts

@@ -1,35 +0,0 @@
-import React from "react";
-import { FlexProps } from "../Flex";
-import { RadioProps } from "../Radio";
-export interface RadioGroupProps<T> extends FlexProps {
-    /** Ability to deselect the selection */
-    deselectable?: boolean;
-    /** Disable interactions */
-    disabled?: boolean;
-    /** Text to display when disabled */
-    disabledText?: string;
-    /** Callback when selected */
-    onSelect?: (selectedOption: T) => void;
-    /** Default value of radio button */
-    defaultValue?: T;
-    /** Child <Radio /> elements */
-    children: Array<React.ReactElement<RadioProps<T>>> | React.ReactElement<RadioProps<T>>;
-}
-interface RadioGroupState<T> {
-    selectedOption: T | null;
-}
-/**
- * A stateful collection of Radio buttons
- */
-export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
-    state: {
-        selectedOption: NonNullable<T> | null;
-    };
-    componentDidUpdate(prevProps: any): void;
-    onSelect: ({ value }: {
-        value: any;
-    }) => void;
-    renderRadioButtons(): React.ReactElement<RadioProps<T>, string | React.JSXElementConstructor<any>>[];
-    render(): React.JSX.Element;
-}
-export {};

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

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

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

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

package/dist/elements/Range/Range.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { BoxProps } from "../Box";
-export declare const RANGE_HANDLE_SIZE = 24;
-export interface RangeProps extends BoxProps {
-    ariaLabels?: [string, string];
-    min: number;
-    max: number;
-    step: number;
-    value?: number[];
-    onChange?: (range: [number, number]) => void;
-}
-export declare const Range: React.FC<React.PropsWithChildren<RangeProps>>;

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

@@ -1,18 +0,0 @@
-import React from "react";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const WithinModal: () => React.JSX.Element;
-export declare const WithinDrawer: {
-    (): React.JSX.Element;
-    story: {
-        parameters: {
-            chromatic: {
-                disable: boolean;
-            };
-        };
-    };
-};
-export declare const InContext: () => React.JSX.Element;

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

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

package/dist/elements/ReadMore/ReadMore.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-export interface ReadMoreProps {
-    content: string;
-    disabled?: boolean;
-    inlineReadMoreLink?: boolean;
-    isExpanded?: boolean;
-    maxChars?: number;
-    onReadLessClicked?: () => void;
-    onReadMoreClicked?: () => void;
-}
-/** ReadMore */
-export declare const ReadMore: React.FC<React.PropsWithChildren<ReadMoreProps>>;

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

@@ -1,53 +0,0 @@
-import React from "react";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const WithCharacterCap: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const ShortContent: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const AsString: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const CharacterCapWithHtml: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithCustomizableTypography: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithCustomizableTypography2: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const CharacterCapWithHtmlDisabled: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const WithBottomReadMore: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};

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

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

package/dist/elements/ResponsiveBox/ResponsiveBox.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import { BoxProps } from "../Box";
-/** ResponsiveBoxMaxDimensions */
-export declare type ResponsiveBoxMaxDimensions = {
-    maxWidth: number;
-    maxHeight: number;
-} | {
-    maxWidth: number;
-} | {
-    maxHeight: number;
-} | {
-    maxWidth: "100%";
-};
-export interface ResponsiveBoxAspectDimensions {
-    aspectWidth: number;
-    aspectHeight: number;
-}
-/** ResponsiveBoxProps */
-export declare type ResponsiveBoxProps = Omit<BoxProps, "maxWidth" | "maxHeight"> & ResponsiveBoxAspectDimensions & ResponsiveBoxMaxDimensions;
-/** ResponsiveBox */
-export declare const ResponsiveBox: React.FC<React.PropsWithChildren<ResponsiveBoxProps>>;

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

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

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

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

package/dist/elements/Select/Select.d.ts

@@ -1,23 +0,0 @@
-import React from "react";
-import { BoxProps } from "../Box";
-export interface Option {
-    value: string;
-    text: string;
-}
-export interface SelectProps extends BoxProps, Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "onSelect" | "size"> {
-    description?: string;
-    disabled?: boolean;
-    error?: string | boolean;
-    focus?: boolean;
-    hover?: boolean;
-    name?: string;
-    options: Option[];
-    required?: boolean;
-    selected?: string;
-    title?: string;
-    onSelect?: (value: string) => void;
-}
-/** A drop-down select menu */
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLElement>>;
-/** Creates a small caret */
-export declare const caretMixin: import("styled-components").RuleSet<object>;

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

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

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

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

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

@@ -1,2 +0,0 @@
-import { State } from "./types";
-export declare const SELECT_STATES: Record<State, any>;

package/dist/elements/Select/types.d.ts

@@ -1 +0,0 @@
-export declare type State = "default" | "focus" | "hover" | "disabled" | "error" | "completed";

package/dist/elements/Separator/Separator.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { BorderProps, ColorProps, SpaceProps, WidthProps } from "styled-system";
-export interface SeparatorProps extends SpaceProps, WidthProps, BorderProps, ColorProps {
-}
-/**
- * A horizontal divider whose width and spacing can be adjusted
- */
-export declare const Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SeparatorProps>> & string;

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

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

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

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

package/dist/elements/Shelf/Shelf.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { BoxProps } from "../Box";
-import { FlexProps } from "../Flex";
-/** ShelfProps */
-export declare type ShelfProps = BoxProps & {
-    alignItems?: FlexProps["alignItems"];
-    showProgress?: boolean;
-    snap?: "none" | "start" | "end" | "center";
-    children: JSX.Element | JSX.Element[];
-    onChange?(index: number): void;
-};
-/**
- * A Shelf is a new kind of carousel...
- */
-export declare const Shelf: React.FC<React.PropsWithChildren<ShelfProps>>;

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

@@ -1,18 +0,0 @@
-import React from "react";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const DifferingAmounts: () => React.JSX.Element;
-export declare const NavigationButtons: () => React.JSX.Element;
-export declare const ClientSideUpdates: {
-    (): React.JSX.Element;
-    story: {
-        parameters: {
-            chromatic: {
-                disable: boolean;
-            };
-        };
-    };
-};

package/dist/elements/Shelf/ShelfNavigation.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { ClickableProps } from "../Clickable";
-/** ShelfNavigationProps */
-export interface ShelfNavigationProps extends ClickableProps {
-    hover?: boolean;
-    focus?: boolean;
-    disabled?: boolean;
-}
-/**
- * Default next button
- */
-export declare const ShelfNext: React.FC<React.PropsWithChildren<ShelfNavigationProps>>;
-/**
- * Default previous button
- */
-export declare const ShelfPrevious: React.FC<React.PropsWithChildren<ShelfNavigationProps>>;

package/dist/elements/Shelf/ShelfScrollBar.d.ts

@@ -1,29 +0,0 @@
-import React from "react";
-import { BoxProps } from "../Box";
-interface ShelfScrollBarProps extends BoxProps {
-    viewport?: HTMLDivElement | null;
-}
-/**
- * A synthetic scrollbar
- */
-export declare const ShelfScrollBar: React.FC<React.PropsWithChildren<ShelfScrollBarProps>>;
-interface ScrollState {
-    /** Left most scroll edge */
-    scrollLeft: number;
-    /** Width of the underlying rail */
-    scrollWidth: number;
-    /** Width of the viewport */
-    clientWidth: number;
-}
-export declare const buildScrollBar: ({ trackWidth, scrollLeft, scrollWidth, clientWidth, }: ScrollState & {
-    /** Width of the scrollbar track */
-    trackWidth: number;
-}) => {
-    requiresScrolling: boolean;
-    progress: number;
-    percentageVisible: number;
-    percentageOffset: number;
-    thumbWidth: number;
-    thumbOffset: number;
-};
-export {};

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

@@ -1,3 +0,0 @@
-export * from "./Shelf";
-export * from "./ShelfScrollBar";
-export * from "./ShelfNavigation";

package/dist/elements/Shelf/useClickScroll.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-interface UseClickScroll {
-    trackRef?: React.MutableRefObject<HTMLElement | null>;
-    thumbRef?: React.MutableRefObject<HTMLElement | null>;
-    viewport?: HTMLElement | null;
-    scrollWidth: number;
-    trackWidth: number;
-}
-export declare const useClickScroll: ({ trackRef, thumbRef, viewport, scrollWidth, trackWidth, }: UseClickScroll) => void;
-export {};

package/dist/elements/Shelf/useDragScroll.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-interface UseDragScroll {
-    viewport?: HTMLElement | null;
-    thumbRef?: React.MutableRefObject<HTMLElement | null>;
-    scrollWidth: number;
-    trackWidth: number;
-    scrollLeft: number;
-    clientWidth: number;
-}
-export declare const useDragScroll: ({ viewport, thumbRef, scrollWidth, trackWidth, scrollLeft, clientWidth, }: UseDragScroll) => void;
-export {};

package/dist/elements/ShowMore/ShowMore.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { ClickableProps } from "../Clickable";
-import { TextProps } from "../Text";
-export interface ShowMoreProps extends ClickableProps, Pick<TextProps, "variant"> {
-    children: React.ReactNode;
-    initial?: number;
-    expanded?: boolean;
-    hideText?: string;
-    showMoreText?: string;
-}
-export declare const INITIAL_ITEMS_TO_SHOW = 6;
-export declare const ShowMore: React.FC<React.PropsWithChildren<ShowMoreProps>>;