@artsy/palette 40.2.0 → 40.3.0-canary.20ffe4c1.0

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>>;

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

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

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

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

package/dist/elements/Skeleton/Skeleton.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-import { BoxProps } from "../Box";
-import { TextProps } from "../Text";
-/** SkeletonProps */
-export declare type SkeletonBoxProps = BoxProps;
-/** A black10 Box */
-export declare const SkeletonBox: 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;
-/** SkeletonTextProps */
-export declare type SkeletonTextProps = TextProps;
-/**
- * Allows you to create boxes the exact dimensions of a given piece of text
- */
-export declare const SkeletonText: React.FC<React.PropsWithChildren<SkeletonTextProps>>;
-export declare type SkeletonProps = BoxProps;
-/**
- * Animated wrapper for Skeletons
- */
-export declare const Skeleton: React.FC<React.PropsWithChildren<SkeletonProps>>;

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

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

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

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

package/dist/elements/Skip/Skip.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { ClickableProps } from "../Clickable";
-/**
- * Either a button or an anchor tag
- */
-export declare type SkipProps = ClickableProps | (ClickableProps & {
-    as: "a";
-    href: string;
-});
-/**
- * Skip link or button.
- * Utilize `as="a"` for an anchor tag to link to landmark IDs.
- * Used, for example, to skip to content in the nav.
- * Is visually hidden until focused, which reveals it.
- */
-export declare const Skip: React.ForwardRefExoticComponent<SkipProps & React.RefAttributes<unknown>>;

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

@@ -1,23 +0,0 @@
-import React from "react";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const SkipButton: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const SkipButtonWithSpacing: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const SkipLink: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};

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

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

package/dist/elements/Spacer/Spacer.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { BoxProps } from "../../elements/Box";
-export declare type SpacerProps = {
-    x?: BoxProps["ml"];
-    y?: BoxProps["mt"];
-} & React.HTMLAttributes<HTMLDivElement>;
-/**
- * Used to inject space where it's needed.
- */
-export declare const Spacer: {
-    ({ x, y, ...restProps }: SpacerProps): React.JSX.Element;
-    displayName: string;
-};

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

@@ -1,11 +0,0 @@
-import React from "react";
-import { SpacerProps } from "./Spacer";
-declare const _default: {
-    title: string;
-    component: {
-        ({ x, y, ...restProps }: SpacerProps): React.JSX.Element;
-        displayName: string;
-    };
-};
-export default _default;
-export declare const Default: () => React.JSX.Element;

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

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

package/dist/elements/Spinner/Spinner.d.ts

@@ -1,35 +0,0 @@
-import React from "react";
-import { ResponsiveValue } from "styled-system";
-import { BoxProps } from "../Box";
-declare const SPINNER_VARIANTS: {
-    readonly small: {
-        readonly width: 12.5;
-        readonly height: 3;
-        readonly top: "calc(50% - 1.5px)";
-        readonly left: "calc(50% - 6.25px)";
-    };
-    readonly medium: {
-        readonly width: 20;
-        readonly height: 4.8;
-        readonly top: "calc(50% - 2.4px)";
-        readonly left: "calc(50% - 10px)";
-    };
-    readonly large: {
-        readonly width: 25;
-        readonly height: 6;
-        readonly top: "calc(50% - 3px)";
-        readonly left: "calc(50% - 12.5px)";
-    };
-};
-export declare type SpinnerSize = keyof typeof SPINNER_VARIANTS;
-export interface SpinnerProps extends Omit<BoxProps, "size" | "width" | "height"> {
-    /** Delay before spinner appears */
-    delay?: number;
-    /** Size of the spinner */
-    size?: ResponsiveValue<SpinnerSize>;
-    /** Color of the spinner */
-    color?: ResponsiveValue<string>;
-}
-/** Generic Spinner component */
-export declare const Spinner: React.FC<React.PropsWithChildren<SpinnerProps>>;
-export {};

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

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

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

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

package/dist/elements/Stack/Stack.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from "../Box";
-import { ResponsiveValue } from "styled-system";
-export declare type StackProps = BoxProps & {
-    gap: ResponsiveValue<string | number>;
-};
-/**
- * `Stack` is `Box` with` display: flex` and `flex-direction: column`.
- * `gap` is required
- */
-export declare const Stack: 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 BoxProps> & BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, StackProps>> & string;

package/dist/elements/Stack/Stack.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/Stack/index.d.ts

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

package/dist/elements/StackableBorderBox/StackableBorderBox.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { BorderBoxProps } from "../BorderBox";
-export declare type StackableBorderBoxProps = BorderBoxProps;
-/**
- * A stackable border box is a BorderBox that shares borders with its siblings.
- */
-export declare const StackableBorderBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>, BorderBoxProps>> & string;

package/dist/elements/StackableBorderBox/StackableBorderBox.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/StackableBorderBox/index.d.ts

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

package/dist/elements/Stepper/Stepper.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import { TabProps, TabsProps } from "../Tabs";
-export interface StepperProps extends TabsProps {
-    /** The step user currently is at (e.g. previous steps completed) */
-    currentStepIndex: number;
-    /** Prevents the tabs from being directly clickable */
-    disableNavigation?: boolean;
-}
-/** Stepper */
-export declare const Stepper: React.FC<React.PropsWithChildren<StepperProps>>;
-/** StepProps */
-export declare type StepProps = TabProps;
-/**
- * An individual step.
- * Does nothing on its own; props are dealt with inside of Steps.
- */
-export declare const Step: React.FC<React.PropsWithChildren<StepProps>>;

package/dist/elements/Stepper/Stepper.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 ChangingCurrentStep: () => React.JSX.Element;

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

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

package/dist/elements/Sup/Sup.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { TextProps } from "../Text";
-export declare type SupProps = TextProps;
-export declare const Sup: 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").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
-    variant?: import("styled-system").ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red50" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    lineClamp?: number | undefined;
-} & import("..").BoxProps & {
-    hyphenate?: boolean | undefined;
-    overflowEllipsis?: boolean | undefined;
-    textTransform?: import("styled-system").ResponsiveValue<import("../Text").TextTransform, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    lineClamp?: import("styled-system").ResponsiveValue<number, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-}, never>> & string;

package/dist/elements/Sup/Sup.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/Sup/index.d.ts

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

package/dist/elements/Swiper/Swiper.d.ts

@@ -1,41 +0,0 @@
-import React from "react";
-import { BoxProps } from "../Box";
-/** SwiperRailProps */
-export declare type SwiperRailProps = BoxProps;
-/** A `SwiperRail` slides back and forth within the viewport */
-export declare const SwiperRail: 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;
-}, {
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-}>> & string;
-/** SwiperCellProps */
-export declare type SwiperCellProps = BoxProps;
-/** A `SwiperCell` wraps a single child in the carousel */
-export declare const SwiperCell: 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;
-}, {
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-}>> & string;
-declare type ScrollSnapAlign = "none" | "start" | "end" | "center";
-/** SwiperProps */
-export declare type SwiperProps = BoxProps & {
-    initialIndex?: number;
-    snap?: ScrollSnapAlign;
-    children: React.ReactNode;
-    Rail?: typeof SwiperRail | React.FC<React.PropsWithChildren<SwiperRailProps>>;
-    /**
-     * If providing a custom `Cell` you must forward a ref so
-     * that cell widths can be calculated.
-     */
-    Cell?: React.ForwardRefExoticComponent<SwiperCellProps>;
-    onChange?(index: number): void;
-    onPageCountChange?(count: number): void;
-};
-/**
- * A `Swiper` is like a `Carousel` but for touch devices. It 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, allows
- * for horitonzal swiping (or scrolling) with the option to snap to elements.
- */
-export declare const Swiper: React.FC<React.PropsWithChildren<SwiperProps>>;
-export {};

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

@@ -1,72 +0,0 @@
-import React from "react";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Simple: () => React.JSX.Element;
-export declare const WithHorizontalMargins: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const SimpleWithLeftEdgeSnapping: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const ProgressBarExample: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const ProgressDotsExample: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const CustomRailAndCells: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const DynamicItems: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-        parameters: {
-            chromatic: {
-                disable: boolean;
-            };
-        };
-    };
-};
-export declare const SwiperWithText: {
-    (): 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 OverwritingDefaultMargins: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const ConditionalChildren: () => React.JSX.Element;

package/dist/elements/Swiper/activeIndex.d.ts

@@ -1,9 +0,0 @@
-/**
- * Remaps the progress into the active index, given an array of `length`.
- * @param progress number from 1 to 100
- * @param length length of an array
- */
-export declare const activeIndex: ({ progress, length, }: {
-    progress: number;
-    length: number;
-}) => number;

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

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

package/dist/elements/Swiper/percentage.d.ts

@@ -1,12 +0,0 @@
-/**
- * Calculate the percentage of the rail that has been scrolled.
- * If the left edge is at the total minus the viewport we are done scrolling.
- * @param viewport window width
- * @param total total width of the rail
- * @param left left edge of scroll
- */
-export declare const percentage: ({ viewport, total, left, }: {
-    viewport: number;
-    total: number;
-    left: number;
-}) => number;

package/dist/elements/Tabs/Tabs.d.ts

@@ -1,52 +0,0 @@
-import React from "react";
-import { BaseTabsProps } from "../BaseTabs";
-export interface TabLike extends JSX.Element {
-    props: TabProps;
-}
-export interface TabInfo extends TabProps {
-    /** Index of the newly selected Tab */
-    tabIndex: number;
-    /**
-     * Arbitrary data that can be associated with a Tab.
-     * Will be passed to the parent <Tabs>'s onChange handler.
-     */
-    data: any;
-}
-export interface TabsProps extends BaseTabsProps {
-    /** Index of the Tab that should be pre-selected */
-    initialTabIndex?: number;
-    /** @deprecated */
-    autoScroll?: boolean;
-    /** Function that will be called when a new Tab is selected */
-    onChange?: (tabInfo?: TabInfo) => void;
-}
-/** Tabs functionality */
-export declare const useTabs: ({ children, initialTabIndex, onChange, }: TabsProps) => {
-    activeTab: React.MutableRefObject<{
-        child: TabLike;
-        ref: React.RefObject<HTMLButtonElement | null>;
-    }>;
-    activeTabIndex: number;
-    handleClick: (index: number) => () => void;
-    ref: React.MutableRefObject<HTMLDivElement | null>;
-    tabs: {
-        child: TabLike;
-        ref: React.RefObject<HTMLButtonElement | null>;
-    }[];
-};
-/** A tab bar navigation component */
-export declare const Tabs: React.FC<React.PropsWithChildren<TabsProps>>;
-export interface TabProps {
-    /** Display name of the Tab */
-    name: string | JSX.Element;
-    /**
-     * Arbitrary data that can be associated with a Tab.
-     * Will be passed to the parent <Tabs>'s onChange handler.
-     */
-    data?: any;
-}
-/**
- * An individual tab.
- * Does nothing on its own; props are dealt with inside of Tabs.
- */
-export declare const Tab: React.FC<React.PropsWithChildren<TabProps>>;

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

@@ -1,30 +0,0 @@
-import React from "react";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const WithData: () => React.JSX.Element;
-export declare const Counts: () => React.JSX.Element;
-export declare const ConditionalTabs: () => React.JSX.Element;
-export declare const AutoScrolling: {
-    (): React.JSX.Element;
-    story: {
-        parameters: {
-            chromatic: {
-                disable: boolean;
-            };
-        };
-    };
-};
-export declare const InitialAutoScroll: {
-    (): React.JSX.Element;
-    story: {
-        parameters: {
-            chromatic: {
-                disable: boolean;
-            };
-        };
-    };
-};
-export declare const Cached: () => React.JSX.Element;

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

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

package/dist/elements/Text/Text.d.ts

@@ -1,43 +0,0 @@
-/// <reference types="react" />
-import { TextVariant } from "@artsy/palette-tokens/dist/typography/v3";
-import { ColorProps, ResponsiveValue, TypographyProps } from "styled-system";
-import { Color } from "../../Theme";
-import { BoxProps } from "../Box";
-/** BaseTextProps */
-export declare type BaseTextProps = TypographyProps & Omit<ColorProps, "color"> & {
-    /**
-     * @description
-     * Variants of the text. Possible to pass an array that
-     * behaves accordingly to the media breakpoints ["sm", "md", "lg", "xl"]
-     * @example
-     * "sm"
-     * "md"
-     * ["md", "sm"]
-     * @see {@link TextVariant}
-     */
-    variant?: ResponsiveValue<TextVariant>;
-    textColor?: ResponsiveValue<Color>;
-    /**
-     * Max number of lines before truncating the content with an ellipsis at the end of the last line.
-     * Overwriting display is required for this.
-     */
-    lineClamp?: number;
-};
-export declare type TextTransform = "none" | "capitalize" | "uppercase" | "lowercase" | "initial" | "inherit";
-/** styled functions for Text */
-export declare const textMixin: import("styled-system").styleFn;
-/** Adds ellipsis to overflowing text */
-export declare const overflowEllipsisMixin: import("styled-components").RuleSet<object>;
-/** Adds hyphenation to overflowing text */
-export declare const hyphenate: import("styled-components").RuleSet<object>;
-/** TextProps */
-export declare type TextProps = BaseTextProps & BoxProps & {
-    hyphenate?: boolean;
-    overflowEllipsis?: boolean;
-    textTransform?: ResponsiveValue<TextTransform>;
-    lineClamp?: ResponsiveValue<number>;
-};
-/** Text */
-export declare const Text: 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 BoxProps> & BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, TextProps>> & string;

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

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

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

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

package/dist/elements/TextArea/TextArea.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-import { BoxProps } from "../Box";
-export interface TextAreaProps extends BoxProps, Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "title"> {
-    active?: boolean;
-    characterLimit?: number;
-    characterLimitHelper?: boolean;
-    defaultValue?: string;
-    description?: React.ReactNode;
-    required?: boolean;
-    title?: string;
-    disabled?: boolean;
-    error?: string | boolean;
-    focus?: boolean;
-    hover?: boolean;
-    onChange?(result: TextAreaChange): void;
-}
-export interface TextAreaChange {
-    value: string;
-    exceedsCharacterLimit: boolean;
-}
-/** TextArea */
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/elements/TextArea/TextArea.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 Required: () => React.JSX.Element;