@arc-ui/components 11.9.0 → 11.10.0

package/dist/ScrollToTop/ScrollToTop.esm.d.ts

@@ -1,25 +0,0 @@
-import { FC } from "react";
-/**
- * Use `ScrollToTop` to allow the user to scroll to the top of the page by clicking a button.
- */
-declare const ScrollToTop: FC<ScrollToTopProps>;
-interface ScrollToTopProps {
-    /**
-     * If true, the button will stick to the bottom right corner of the screen.
-     */
-    isFixed?: boolean;
-    /**
-     * Sets when the scroll button should appear. `always` will show the button all the time.
-     * `afterScroll` will show the button when the user has stopped scrolling and have passed the fold.
-     */
-    appear?: "always" | "afterScroll";
-    /**
-     * Z-index for the button. Used to fine tune the overlapping of other page elements.
-     */
-    zIndex?: number;
-    /**
-     * Button fill.
-     */
-    fill?: "solid" | "outlined";
-}
-export { ScrollToTop };

package/dist/Section/Section.cjs.d.ts

@@ -1 +0,0 @@
-export { Section } from "../_shared/cjs/Section-48aca5f5";

package/dist/Section/Section.esm.d.ts

@@ -1 +0,0 @@
-export { Section } from "../_shared/esm/Section-b8038d66";

package/dist/Select/Select.cjs.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FocusEvent } from "react";
-import { FormControlProps } from "../_shared/cjs/FormControl-1e1bf2bf";
-/** Use `Select` to choose from a dropdown list of options. */
-declare const Select: React.FC<SelectProps>;
-interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id" | "helperUnderLabel" | "supplementaryInfo"> {
-    name: string;
-    label: string;
-    placeholder: string;
-    options: {
-        name: string;
-        value: string;
-    }[];
-    errorMessage?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    onBlur?: (e: FocusEvent) => void;
-    onOpenChange?: () => void;
-    isFluid?: boolean;
-    isDisabled?: boolean;
-    isDefaultOpen?: boolean;
-    isRequired?: boolean;
-}
-export { Select };

package/dist/Select/Select.esm.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FocusEvent } from "react";
-import { FormControlProps } from "../_shared/esm/FormControl-f18e2f59";
-/** Use `Select` to choose from a dropdown list of options. */
-declare const Select: React.FC<SelectProps>;
-interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id" | "helperUnderLabel" | "supplementaryInfo"> {
-    name: string;
-    label: string;
-    placeholder: string;
-    options: {
-        name: string;
-        value: string;
-    }[];
-    errorMessage?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    onBlur?: (e: FocusEvent) => void;
-    onOpenChange?: () => void;
-    isFluid?: boolean;
-    isDisabled?: boolean;
-    isDefaultOpen?: boolean;
-    isRequired?: boolean;
-}
-export { Select };

package/dist/SiteFooter/SiteFooter.cjs.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: (el: HTMLDivElement, rehydrateChildren: any) => Promise<JSX.Element>;
-export { SiteFooter } from "../_shared/cjs/SiteFooter-5da774e1";
-export { _default as SiteFooterRehydrator };

package/dist/SiteFooter/SiteFooter.esm.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const _default: (el: HTMLDivElement, rehydrateChildren: any) => Promise<JSX.Element>;
-export { SiteFooter } from "../_shared/esm/SiteFooter-a182cb18";
-export { _default as SiteFooterRehydrator };

package/dist/SiteHeader/SiteHeader.cjs.d.ts

@@ -1,2 +0,0 @@
-export { SiteHeader } from "../_shared/cjs/SiteHeader-c25ee36e";
-export { default as SiteHeaderRehydrator } from "../_shared/cjs/SiteHeader.rehydrator-acc9d8c4";

package/dist/SiteHeader/SiteHeader.esm.d.ts

@@ -1,2 +0,0 @@
-export { SiteHeader } from "../_shared/esm/SiteHeader-c25ee36e";
-export { default as SiteHeaderRehydrator } from "../_shared/esm/SiteHeader.rehydrator-023b7b76";

package/dist/Surface/Surface.cjs.d.ts

@@ -1 +0,0 @@
-export { Surface, SurfaceContext, backgrounds, backgroundsBT, SurfacePadding, SurfaceBackgroundColor } from "../_shared/cjs/Surface-b7c51b2b";

package/dist/Surface/Surface.esm.d.ts

@@ -1 +0,0 @@
-export { Surface, SurfaceContext, backgrounds, backgroundsBT, SurfacePadding, SurfaceBackgroundColor } from "../_shared/esm/Surface-dde51789";

package/dist/Switch/Switch.cjs.d.ts

@@ -1,40 +0,0 @@
-import { FC } from "react";
-import { SwitchProps as RadixSwitchProps } from "@radix-ui/react-switch";
-import { FormControlProps } from "../_shared/cjs/FormControl-1e1bf2bf";
-/** Use `Switch` to toggle between checked and not checked. */
-declare const Switch: FC<SwitchProps>;
-interface SwitchProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helper" | "supplementaryInfo"> {
-    /**
-     * Hide Label above toggle?
-     */
-    hideLabel?: boolean;
-    /**
-     * Text to display next to `Switch`
-     */
-    statusText?: string;
-    /**
-     * Should the `Switch` be disabled?
-     */
-    isDisabled?: FormControlProps["isDisabled"];
-    /**
-     * handler for blur
-     */
-    onBlur?: RadixSwitchProps["onBlur"];
-    /**
-     * set the switch to be checked by default
-     */
-    defaultChecked?: RadixSwitchProps["defaultChecked"];
-    /**
-     * value for the switch, is applied to a hidden checkbox if within a form
-     */
-    value?: RadixSwitchProps["value"];
-    /**
-     * name for the hidden checkbox if within a form
-     */
-    name?: RadixSwitchProps["name"];
-    /**
-     * callback for when the switch is toggled
-     */
-    onCheckedChange?: RadixSwitchProps["onCheckedChange"];
-}
-export { Switch };

package/dist/Switch/Switch.esm.d.ts

@@ -1,40 +0,0 @@
-import { FC } from "react";
-import { SwitchProps as RadixSwitchProps } from "@radix-ui/react-switch";
-import { FormControlProps } from "../_shared/esm/FormControl-f18e2f59";
-/** Use `Switch` to toggle between checked and not checked. */
-declare const Switch: FC<SwitchProps>;
-interface SwitchProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helper" | "supplementaryInfo"> {
-    /**
-     * Hide Label above toggle?
-     */
-    hideLabel?: boolean;
-    /**
-     * Text to display next to `Switch`
-     */
-    statusText?: string;
-    /**
-     * Should the `Switch` be disabled?
-     */
-    isDisabled?: FormControlProps["isDisabled"];
-    /**
-     * handler for blur
-     */
-    onBlur?: RadixSwitchProps["onBlur"];
-    /**
-     * set the switch to be checked by default
-     */
-    defaultChecked?: RadixSwitchProps["defaultChecked"];
-    /**
-     * value for the switch, is applied to a hidden checkbox if within a form
-     */
-    value?: RadixSwitchProps["value"];
-    /**
-     * name for the hidden checkbox if within a form
-     */
-    name?: RadixSwitchProps["name"];
-    /**
-     * callback for when the switch is toggled
-     */
-    onCheckedChange?: RadixSwitchProps["onCheckedChange"];
-}
-export { Switch };

package/dist/Tabs/Tabs.cjs.d.ts

@@ -1 +0,0 @@
-export { Tabs } from "../_shared/cjs/Tabs-fda49692";

package/dist/Tabs/Tabs.esm.d.ts

@@ -1 +0,0 @@
-export { Tabs } from "../_shared/esm/Tabs-5af0b940";

package/dist/Tag/Tag.cjs.d.ts

@@ -1,33 +0,0 @@
-import { FC, ReactNode } from "react";
-import { ArcIcon } from "../_shared/cjs/arc-icon-17594b2f";
-/**
- * use `Tag` to promote features and manage filtering.
- */
-declare const Tag: FC<TagProps>;
-interface TagProps {
-    /**
-     * Content to render within the Tag
-     */
-    children: ReactNode;
-    /**
-     * Determine if the Tag is removable.
-     */
-    isRemovable?: boolean;
-    /**
-     * Provide a link for the tag
-     */
-    link?: string;
-    /**
-     * Determine a icon to display within the tag.
-     */
-    icon?: ArcIcon;
-    /**
-     * onClick Handler for Tag
-     */
-    onClick?: () => void;
-    /**
-     * Execute function on remove
-     */
-    onRemove?: () => void;
-}
-export { Tag };

package/dist/Tag/Tag.esm.d.ts

@@ -1,33 +0,0 @@
-import { FC, ReactNode } from "react";
-import { ArcIcon } from "../_shared/esm/arc-icon-17594b2f";
-/**
- * use `Tag` to promote features and manage filtering.
- */
-declare const Tag: FC<TagProps>;
-interface TagProps {
-    /**
-     * Content to render within the Tag
-     */
-    children: ReactNode;
-    /**
-     * Determine if the Tag is removable.
-     */
-    isRemovable?: boolean;
-    /**
-     * Provide a link for the tag
-     */
-    link?: string;
-    /**
-     * Determine a icon to display within the tag.
-     */
-    icon?: ArcIcon;
-    /**
-     * onClick Handler for Tag
-     */
-    onClick?: () => void;
-    /**
-     * Execute function on remove
-     */
-    onRemove?: () => void;
-}
-export { Tag };

package/dist/Text/Text.cjs.d.ts

@@ -1 +0,0 @@
-export { Text } from "../_shared/cjs/Text-fa447e2d";

package/dist/Text/Text.esm.d.ts

@@ -1 +0,0 @@
-export { Text } from "../_shared/esm/Text-40457811";

package/dist/TextArea/TextArea.cjs.d.ts

@@ -1,64 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FormControlProps } from "../_shared/cjs/FormControl-1e1bf2bf";
-type EventType = React.ChangeEvent<HTMLTextAreaElement>;
-/** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
-declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel"> {
-    /**
-     * Uncontrolled default value of the TextArea. If the TextArea is controlled
-     * via `value`/`onChange`, `defaultValue` will be ignored.
-     *
-     * `defaultValue` is not to be used instead of helper text.
-     */
-    defaultValue?: string;
-    /**
-     * ID for the TextArea.
-     */
-    id: string;
-    /**
-     * Should the control be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Should the control be read-only?
-     */
-    isReadOnly?: boolean;
-    /**
-     * Should the control be required?
-     */
-    isRequired?: boolean;
-    /**
-     * Maximum number of characters.
-     */
-    maxLength?: number;
-    /**
-     * Shows the current character count and maxLength. Ignored if maxLength is undefined.
-     */
-    showCharacterCount?: boolean;
-    /**
-     * Name of the input.
-     */
-    name?: string;
-    /**
-     * `none` will prevent any resizing.
-     * `manual` will allow the user to resize the TextArea.
-     * `auto` will resize the text area as needed when the user types.
-     */
-    resize?: "none" | "manual" | "auto";
-    /**
-     * Function to call when the TextArea loses focus.
-     */
-    onBlur?: (e: EventType) => void;
-    /**
-     * Callback function commonly used to update the TextArea's controlled
-     * `value`, for example `e => setValue(e.target.value)`.
-     */
-    onChange?: (e: EventType) => void;
-    /**
-     * Current value of the TextArea. Must be controlled via an
-     * `onChange` callback function. Otherwise, use `defaultValue` (or `isReadOnly`).
-     */
-    value?: string;
-}
-export { TextArea };

package/dist/TextArea/TextArea.esm.d.ts

@@ -1,64 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FormControlProps } from "../_shared/esm/FormControl-f18e2f59";
-type EventType = React.ChangeEvent<HTMLTextAreaElement>;
-/** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
-declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel"> {
-    /**
-     * Uncontrolled default value of the TextArea. If the TextArea is controlled
-     * via `value`/`onChange`, `defaultValue` will be ignored.
-     *
-     * `defaultValue` is not to be used instead of helper text.
-     */
-    defaultValue?: string;
-    /**
-     * ID for the TextArea.
-     */
-    id: string;
-    /**
-     * Should the control be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Should the control be read-only?
-     */
-    isReadOnly?: boolean;
-    /**
-     * Should the control be required?
-     */
-    isRequired?: boolean;
-    /**
-     * Maximum number of characters.
-     */
-    maxLength?: number;
-    /**
-     * Shows the current character count and maxLength. Ignored if maxLength is undefined.
-     */
-    showCharacterCount?: boolean;
-    /**
-     * Name of the input.
-     */
-    name?: string;
-    /**
-     * `none` will prevent any resizing.
-     * `manual` will allow the user to resize the TextArea.
-     * `auto` will resize the text area as needed when the user types.
-     */
-    resize?: "none" | "manual" | "auto";
-    /**
-     * Function to call when the TextArea loses focus.
-     */
-    onBlur?: (e: EventType) => void;
-    /**
-     * Callback function commonly used to update the TextArea's controlled
-     * `value`, for example `e => setValue(e.target.value)`.
-     */
-    onChange?: (e: EventType) => void;
-    /**
-     * Current value of the TextArea. Must be controlled via an
-     * `onChange` callback function. Otherwise, use `defaultValue` (or `isReadOnly`).
-     */
-    value?: string;
-}
-export { TextArea };

package/dist/TextInput/TextInput.cjs.d.ts

@@ -1 +0,0 @@
-export { TextInput } from "../_shared/cjs/TextInput-13050538";

package/dist/TextInput/TextInput.esm.d.ts

@@ -1 +0,0 @@
-export { TextInput } from "../_shared/esm/TextInput-13050538";

package/dist/Toast/Toast.cjs.d.ts

@@ -1 +0,0 @@
-export { Toast } from "../_shared/cjs/Toast-0cb23cae";

package/dist/Toast/Toast.esm.d.ts

@@ -1 +0,0 @@
-export { Toast } from "../_shared/esm/Toast-43795e91";

package/dist/Truncate/Truncate.cjs.d.ts

@@ -1,18 +0,0 @@
-import { FC, ReactNode } from "react";
-/** Use `Truncate` component to shorten text with an ellipsis. Add a `title` attribute to the truncated element so the full text remains accessible. */
-declare const Truncate: FC<TruncateProps>;
-interface TruncateProps {
-    /**
-     * Content to truncate.
-     */
-    children: ReactNode;
-    /**
-     * Use title to provide extra information about text that is truncated.
-     */
-    title: string;
-    /**
-     * Set max width of visible content within `Truncate`. Default is `100%`.
-     */
-    maxWidth?: number;
-}
-export { Truncate };

package/dist/Truncate/Truncate.esm.d.ts

@@ -1,18 +0,0 @@
-import { FC, ReactNode } from "react";
-/** Use `Truncate` component to shorten text with an ellipsis. Add a `title` attribute to the truncated element so the full text remains accessible. */
-declare const Truncate: FC<TruncateProps>;
-interface TruncateProps {
-    /**
-     * Content to truncate.
-     */
-    children: ReactNode;
-    /**
-     * Use title to provide extra information about text that is truncated.
-     */
-    title: string;
-    /**
-     * Set max width of visible content within `Truncate`. Default is `100%`.
-     */
-    maxWidth?: number;
-}
-export { Truncate };

package/dist/UniversalHeader/UniversalHeader.cjs.d.ts

@@ -1 +0,0 @@
-export { UniversalHeader } from "../_shared/cjs/UniversalHeader-da622e1a";

package/dist/UniversalHeader/UniversalHeader.esm.d.ts

@@ -1 +0,0 @@
-export { UniversalHeader } from "../_shared/esm/UniversalHeader-1c5a886d";

package/dist/VerticalSpace/VerticalSpace.cjs.d.ts

@@ -1 +0,0 @@
-export { VerticalSpace } from "../_shared/cjs/VerticalSpace-86f697e7";

package/dist/VerticalSpace/VerticalSpace.esm.d.ts

@@ -1 +0,0 @@
-export { VerticalSpace } from "../_shared/esm/VerticalSpace-93980c9c";

package/dist/VisuallyHidden/VisuallyHidden.cjs.d.ts

@@ -1 +0,0 @@
-export { VisuallyHidden } from "../_shared/cjs/VisuallyHidden-e2c8b291";

package/dist/VisuallyHidden/VisuallyHidden.esm.d.ts

@@ -1 +0,0 @@
-export { VisuallyHidden } from "../_shared/esm/VisuallyHidden-b9eebf71";

package/dist/_shared/cjs/Base-569e4334.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-declare const ArcRootElementContext: React.Context<HTMLElement | null>;
-/**
- * Use `Base` as the root component of the arc system.
- */
-declare const Base: FC<BaseProps>;
-interface BaseProps {
-    /**
-     * Brand theme to apply to Base.
-     */
-    brand?: "bt" | null;
-    /**
-     * Content to display inside Base.
-     */
-    children: any;
-}
-export { ArcRootElementContext, Base, BaseProps };

package/dist/_shared/cjs/BrandLogo-8107d59f.d.ts

@@ -1,26 +0,0 @@
-import { FC } from "react";
-/**
- * Use `BrandLogo` to display the brand logo.
- */
-declare const BrandLogo: FC<BrandLogoProps>;
-declare const colors: readonly ["auto", "brand"];
-declare const subBrands: readonly ["redcare", "wholesale"];
-interface BrandLogoProps {
-    /**
-     * Color of the BrandLogo. The `brand` color only shows on light surfaces.
-     */
-    color?: typeof colors[number];
-    /**
-     * Accessible text for the BrandLogo.
-     */
-    label?: string;
-    /**
-     * Size of the BrandLogo, in pixels.
-     */
-    size?: number;
-    /**
-     * Optional sub-brand variant. Only applies to BT.
-     */
-    subBrand?: typeof subBrands[number];
-}
-export { BrandLogo, colors, subBrands, BrandLogoProps };

package/dist/_shared/cjs/Breadcrumbs-0906dd10.d.ts

@@ -1,61 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ReactNode } from "react";
-declare const BreadcrumbsLink: FC<LinkProps>;
-interface LinkProps {
-    /**
-     * Render children of `breadcrumbs.link`
-     */
-    children?: ReactNode;
-    /**
-     * Where breadcrumb linkshould lead too
-     */
-    href?: string;
-    /**
-     * Pass a function to the breadcrumb item
-     */
-    onClick?: () => void;
-    /**
-     * Highlights item in breadcrumb (This also removes the a tag and any links)
-     */
-    isActive?: boolean;
-    /**
-     * Ref to `<a>` tag
-     */
-    ref?: React.Ref<HTMLAnchorElement>;
-    /**
-     * React router property
-     */
-    navigate?: () => void;
-}
-declare const BreadcrumbsItem: FC<ItemProps>;
-interface ItemProps {
-    /**
-     * Render child elements within `Breadcrumbs.Item`
-     */
-    children?: ReactNode;
-    /**
-     * Use icon as a spacer that will be positioned after `Breadcrumbs.Item`.
-     */
-    spacerIconAfter?: boolean;
-    /**
-     * Use icon as a spacer that will be positioned before `Breadcrumbs.Item`.
-     */
-    spacerIconBefore?: boolean;
-}
-/** Use `Breadcrumbs` to add a secondary navigation scheme that reveals the user’s location. Each item should be wrapped with `Breadcrumbs.Item` */
-declare const Breadcrumbs: FC<BreadcrumbsProps> & {
-    Item: typeof BreadcrumbsItem;
-    Link: typeof BreadcrumbsLink;
-};
-interface BreadcrumbsProps {
-    /**
-     * Contents of the Breadcrumbs. Should only contain `Breadcrumb.Item`.
-     */
-    children: ReactNode;
-    /**
-     * Select if you want the Nav items to be Light
-     */
-    isLight?: boolean;
-}
-export { BreadcrumbsLink as default, LinkProps, ItemProps, Breadcrumbs, BreadcrumbsProps };