@arc-ui/components 12.0.0-beta.13 → 12.0.0-beta.14.1

package/dist/types/components/Alert/Alert.d.ts

@@ -1,49 +0,0 @@
-import { ReactNode, FC } from "react";
-import { ArcIcon } from "../../types/arc-icon";
-/** Use `Alert` to inform the user of important changes or actions. */
-export declare const Alert: FC<AlertProps>;
-export interface AlertProps {
-    /**
-     * Determine a heading for `<Alert />`
-     */
-    heading: string;
-    /**
-     * Determine a description for `<Alert />`
-     */
-    description?: string | ReactNode;
-    /**
-     * Determine a link for `<Alert />`
-     */
-    link?: string;
-    /**
-     * Determine the text to link
-     */
-    linkText?: string;
-    /**
-     * Determine a icon to display within `<Alert />`. This overrides the default icons.
-     */
-    icon?: ArcIcon;
-    /**
-     * Determine the type of alert
-     */
-    status?: AlertStatus;
-    /**
-     * Determine showing a dismiss icon within `<Alert />`
-     */
-    isDismissable?: boolean;
-    /**
-     * Execute a function when dismiss is envoked
-     */
-    onDismiss?: () => void;
-    /**
-     * Execute a function when link is envoked. This prevents the default behaviour for `<a >` Tag
-     */
-    onLinkClick?: () => void;
-    /**
-     * Text to override `linkText` with additional, more precise information
-     * specifically for screen reader users.
-     */
-    linkAriaLabel?: string;
-}
-type AlertStatus = "general" | "error" | "warning" | "success";
-export {};

package/dist/types/components/Alert/index.d.ts

@@ -1 +0,0 @@
-export { Alert } from "./Alert";

package/dist/types/components/Align/Align.d.ts

@@ -1,30 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Align` to align items horizontally or vertically.
- */
-export declare const Align: FC<AlignProps>;
-export interface AlignItemProps {
-    /**
-     * Contents of the AlignItem.
-     */
-    children?: ReactNode;
-}
-export interface AlignProps {
-    /**
-     * Contents of the Align. Each item will be wrapped in an AlignItem component.
-     */
-    children: ReactNode;
-    /**
-     * Horizontal alignment of the Align children.
-     */
-    horizontal?: "left" | "center" | "right";
-    /**
-     * Should the Align child wrappers be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Vertical alignment of the Align children.
-     */
-    vertical?: "top" | "center" | "bottom";
-}

package/dist/types/components/Align/index.d.ts

@@ -1 +0,0 @@
-export { Align } from "./Align";

package/dist/types/components/AppButton/AppButton.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export declare const AppButton: React.FC<AppButtonProps>;
-type AppButtonType = "google-play" | "apple-app-store";
-export interface AppButtonProps {
-    type: AppButtonType;
-    screenReaderText: string;
-    url: string;
-}
-export {};

package/dist/types/components/AppButton/icons/AppStore.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const AppStoreIcon: () => JSX.Element;

package/dist/types/components/AppButton/icons/GooglePlay.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const GooglePlayIcon: () => JSX.Element;

package/dist/types/components/AppButton/index.d.ts

@@ -1 +0,0 @@
-export { AppButton, type AppButtonProps } from "./AppButton";

package/dist/types/components/Avatar/Avatar.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { type AvatarImage } from "./types/avatar-image";
-import { type AvatarSize } from "./types/avatar-size";
-/** Use `Avatar` to visually represent a user. */
-export declare const Avatar: React.FC<AvatarProps>;
-export interface AvatarProps {
-    initials?: string;
-    href?: string;
-    title?: string;
-    ariaLabel?: string;
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
-    img?: AvatarImage;
-    size?: AvatarSize;
-}

package/dist/types/components/Avatar/components/AvatarContent/AvatarContent.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { type AvatarImage } from "../../types/avatar-image";
-import { type AvatarSize } from "../../types/avatar-size";
-export declare const AvatarContent: React.FC<AvatarContentProps>;
-export interface AvatarContentProps {
-    initials?: string;
-    img?: AvatarImage;
-    size?: AvatarSize;
-}

package/dist/types/components/Avatar/index.d.ts

@@ -1 +0,0 @@
-export { Avatar, type AvatarProps } from "./Avatar";

package/dist/types/components/Avatar/types/avatar-icon-size.d.ts

@@ -1 +0,0 @@
-export type AvatarIconSize = 16 | 24 | 32 | 40;

package/dist/types/components/Avatar/types/avatar-image.d.ts

@@ -1,2 +0,0 @@
-import { type ImageProps } from "../../Image/Image";
-export type AvatarImage = Pick<ImageProps, "src" | "loading" | "sizes" | "srcSet" | "width" | "height" | "alt" | "fadeOnLoad">;

package/dist/types/components/Avatar/types/avatar-size.d.ts

@@ -1 +0,0 @@
-export type AvatarSize = "s" | "m" | "l" | "xl";

package/dist/types/components/Avatar/types/avatar-text-size.d.ts

@@ -1,2 +0,0 @@
-import { type HeadingSize } from "../../Heading/Heading";
-export type AvatarTextSize = Extract<HeadingSize, "xxxs" | "xxs" | "xs" | "s">;

package/dist/types/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { type AvatarSize } from "../Avatar/types/avatar-size";
-import { type GroupAvatar } from "./types/group-avatar";
-/** Use `AvatarGroup` to visually represent a group of users. */
-export declare const AvatarGroup: React.FC<AvatarGroupProps>;
-export interface AvatarGroupProps {
-    avatars: GroupAvatar[];
-    size?: AvatarSize;
-    max?: number;
-    title?: string;
-    ariaLabel?: string;
-    href?: string;
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
-}

package/dist/types/components/AvatarGroup/index.d.ts

@@ -1 +0,0 @@
-export { AvatarGroup } from "./AvatarGroup";

package/dist/types/components/AvatarGroup/types/group-avatar.d.ts

@@ -1,2 +0,0 @@
-import { AvatarProps } from "../../Avatar/Avatar";
-export type GroupAvatar = Omit<AvatarProps, "size" | "title" | "href" | "onClick">;

package/dist/types/components/AvatarGroup/utils/get-avatars.d.ts

@@ -1,2 +0,0 @@
-import { type GroupAvatar } from "../types/group-avatar";
-export declare const getAvatars: (avatars: GroupAvatar[], max?: number) => GroupAvatar[];

package/dist/types/components/Badge/Badge.d.ts

@@ -1,21 +0,0 @@
-import { FC, ReactNode } from "react";
-/** Use `Badge` as a static, non-interactive way to provide short updates. */
-export declare const Badge: FC<BadgeProps>;
-export interface BadgeProps {
-    /**
-     * Text to display within Badge
-     */
-    children: ReactNode;
-    /**
-     * State of the Badge
-     */
-    state?: "default" | "error" | "warning" | "success";
-    /**
-     * Aria label for accessibility
-     */
-    ariaLabel?: string;
-    /**
-     * Aria Role for accessibility
-     */
-    ariaRole?: "status" | "alert";
-}

package/dist/types/components/Badge/index.d.ts

@@ -1 +0,0 @@
-export { Badge } from "./Badge";

package/dist/types/components/Banner/Banner.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { TemplateBannerProps } from "../TemplateBanner/TemplateBanner";
-export declare const Banner: FC<BannerProps>;
-export type BannerProps = Omit<TemplateBannerProps, "headingSize" | "additionalTopMargin">;

package/dist/types/components/Banner/index.d.ts

@@ -1 +0,0 @@
-export { Banner } from "./Banner";

package/dist/types/components/Box/Box.d.ts

@@ -1,40 +0,0 @@
-import React, { FC } from "react";
-import { SurfaceBackgroundColor, SurfacePadding } from "../Surface/Surface";
-/**
- * Use `Box` as a simple way to group bespoke content and interactive elements together.
- */
-export declare const Box: FC<BoxProps>;
-export interface BoxProps {
-    /**
-     * Contents of the Box.
-     */
-    children: React.ReactNode;
-    /**
-     * Set Box to fill parent element.
-     */
-    isFullHeight?: boolean;
-    /**
-     * Add rounded corners to the box.
-     */
-    isBorderRadius?: boolean;
-    /**
-     * The border width of the box.
-     */
-    borderWidth?: "thin" | "medium";
-    /**
-     * Box shadow for the box.
-     */
-    elevationLevel?: "1" | "2";
-    /**
-     * Padding for the box.
-     */
-    padding?: SurfacePadding;
-    /**
-     * Background color for the box.
-     */
-    surface?: SurfaceBackgroundColor;
-    /**
-     * Determine if the background color is transparent.
-     */
-    isSurfaceTransparent?: boolean;
-}

package/dist/types/components/Box/index.d.ts

@@ -1 +0,0 @@
-export { Box, type BoxProps } from "./Box";

package/dist/types/components/BrandLogo/BrandLogo.d.ts

@@ -1,25 +0,0 @@
-import { FC } from "react";
-/**
- * Use `BrandLogo` to display the brand logo.
- */
-export declare const BrandLogo: FC<BrandLogoProps>;
-export declare const colors: readonly ["auto", "brand"];
-export declare const subBrands: readonly ["redcare", "wholesale", "ee"];
-export 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.
-     */
-    subBrand?: (typeof subBrands)[number];
-}

package/dist/types/components/BrandLogo/index.d.ts

@@ -1 +0,0 @@
-export { BrandLogo } from "./BrandLogo";

package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,18 +0,0 @@
-import { FC, ReactNode } from "react";
-import BreadcrumbsItem from "./BreadcrumbsItem/BreadcrumbsItem";
-import BreadcrumbsLink from "./BreadcrumbsLink/BreadcrumbsLink";
-/** Use `Breadcrumbs` to add a secondary navigation scheme that reveals the user’s location. Each item should be wrapped with `Breadcrumbs.Item` */
-export declare const Breadcrumbs: FC<BreadcrumbsProps> & {
-    Item: typeof BreadcrumbsItem;
-    Link: typeof BreadcrumbsLink;
-};
-export 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;
-}

package/dist/types/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.d.ts

@@ -1,17 +0,0 @@
-import { FC, ReactNode } from "react";
-declare const BreadcrumbsItem: FC<ItemProps>;
-export 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;
-}
-export default BreadcrumbsItem;

package/dist/types/components/Breadcrumbs/BreadcrumbsLink/BreadcrumbsLink.d.ts

@@ -1,29 +0,0 @@
-import React, { FC, ReactNode } from "react";
-declare const BreadcrumbsLink: FC<LinkProps>;
-export 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;
-}
-export default BreadcrumbsLink;

package/dist/types/components/Breadcrumbs/index.d.ts

@@ -1 +0,0 @@
-export { Breadcrumbs } from "./Breadcrumbs";

package/dist/types/components/Button/Button.d.ts

@@ -1,116 +0,0 @@
-import React, { FC } from "react";
-import { ArcIcon } from "../../types/arc-icon";
-export type ElementUnion = HTMLButtonElement | HTMLAnchorElement;
-export type Ref = React.Ref<ElementUnion> | null;
-/**
- * Use `Button` to let a user complete an action like ‘Log in’ or ‘Register’.
- */
-export declare const Button: FC<ButtonProps>;
-export interface ButtonIconProps {
-    /**
-     * Icon variant.
-     */
-    icon?: ArcIcon;
-    /**
-     * Should the icon be a default chevron?
-     */
-    isChevron?: boolean;
-    /**
-     * Should the icon be positioned before button text?
-     */
-    isBeforeText?: boolean;
-}
-interface ButtonElementProps {
-    /**
-     * Default behavior of the Button element. If not provided, 'submit' will
-     * be inferred. Type 'reset' deliberately excluded.
-     */
-    type?: "button" | "submit";
-    /**
-     * Refers to the id of a form so it can be submitted if the button exists outside of it.
-     */
-    form?: string;
-}
-interface LinkElementProps {
-    /**
-     * URL to link to if Button elementType is 'a'.
-     */
-    href?: string;
-    /**
-     * Target window for the Button href URL.
-     */
-    target?: string;
-    /**
-     * Relationship between the Button href URL and the current page. See
-     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel).
-     */
-    rel?: string;
-}
-export interface ButtonProps extends ButtonElementProps, LinkElementProps {
-    /**
-     * Text to override `label` with additional, more precise information
-     * specifically for screen reader users.
-     */
-    ariaLabel?: string;
-    /**
-     * Button fill.
-     */
-    fill?: "solid" | "outlined" | "flat";
-    /**
-     * Button icon variant.
-     */
-    icon?: ArcIcon;
-    /**
-     * How should a Button icon be displayed?
-     */
-    iconPosition?: "afterText" | "beforeText" | "iconOnly";
-    /**
-     * HTML ID for the Button
-     */
-    id?: string;
-    /**
-     * Should the Button be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Should the Button’s CSS display property be set to block?
-     */
-    isDisplayBlock?: boolean;
-    /**
-     * Should the Button take up the full width of its container?
-     */
-    isFullWidth?: boolean;
-    /**
-     * Button text.
-     */
-    label: string;
-    /**
-     * Optional click handler for the Button.
-     */
-    onClick?: () => void;
-    /**
-     * Optional property to provide component Ref
-     */
-    ref?: Ref;
-    /**
-     * How should a Button icon be displayed?
-     */
-    size?: "s" | "m" | "l";
-    /**
-     * Optional supporting text for the Button.
-     */
-    supportingText?: string;
-    /**
-     * Indicates the availability and type of a popup triggered by the button.
-     */
-    ariaHasPopup?: false | true | "menu" | "listbox" | "dialog" | "grid" | "tree";
-    /**
-     * Indicates whether the popup controlled by the button is expanded or collapsed.
-     */
-    ariaExpanded?: boolean;
-    /**
-     * Defines the ID of the element controlled by the button.
-     */
-    ariaControls?: string;
-}
-export {};

package/dist/types/components/Button/index.d.ts

@@ -1 +0,0 @@
-export { Button } from "./Button";

package/dist/types/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,34 +0,0 @@
-import React, { FC } from "react";
-import { ButtonProps } from "../Button/Button";
-export declare const ButtonGroup: FC<ButtonGroupProps>;
-export interface ButtonGroupProps {
-    /**
-     * Components to appear within the ButtonGroup.
-     * Can be Button, ButtonV2 only.
-     */
-    children: React.ReactNode;
-    /**
-     * Size of the buttons in the ButtonGroup. This will override the size prop for each individual button.
-     */
-    size?: ButtonProps["size"];
-    /**
-     * Determines the alignment of the buttons within the ButtonGroup.
-     */
-    align?: "flex-start" | "center" | "flex-end";
-    /**
-     * Orientation of the ButtonGroup. Defaults to 'horizontal'. 'vertical' Persists on mobile.
-     */
-    orientation?: "horizontal" | "vertical";
-    /**
-     * Spacing between buttons in the group.
-     */
-    gap?: 4 | 8 | 12 | 16;
-    /**
-     * Accessible label for the ButtonGroup, improving screen reader support.
-     */
-    ariaLabel?: string;
-    /**
-     * Should the buttons within `ButtonGroup` take up the full width of its container?
-     */
-    isFullWidth?: boolean;
-}

package/dist/types/components/ButtonGroup/index.d.ts

@@ -1 +0,0 @@
-export { ButtonGroup } from "./ButtonGroup";

package/dist/types/components/ButtonV2/ButtonV2.d.ts

@@ -1,91 +0,0 @@
-import React, { FC } from "react";
-import { ArcIcon } from "../../types/arc-icon";
-export type ElementUnion = HTMLButtonElement | HTMLAnchorElement;
-export type Ref = React.Ref<ElementUnion> | null;
-export declare const ButtonV2: FC<ButtonV2Props>;
-interface LinkElementProps {
-    /**
-     * URL to link to if `ButtonV2` elementType is 'a'.
-     */
-    href?: string;
-    /**
-     * Target window for the `ButtonV2` href URL.
-     */
-    target?: string;
-    /**
-     * Relationship between the Button href URL and the current page. See
-     * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel).
-     */
-    rel?: string;
-}
-interface ButtonV2ElementProps {
-    /**
-     * Default behavior of the Button element. If not provided, 'submit' will
-     * be inferred. Type 'reset' deliberately excluded.
-     */
-    type?: "button" | "submit";
-    /**
-     * Refers to the id of a form so it can be submitted if the button exists outside of it.
-     */
-    form?: string;
-}
-export interface ButtonV2Props extends ButtonV2ElementProps, LinkElementProps {
-    /**
-     * Label for `ButtonV2`
-     */
-    label?: string;
-    /**
-     * Determine the buttonStyle for `ButtonV2`. Default style is `primary`
-     */
-    buttonStyle?: "primary" | "secondary" | "tertiary" | "warning" | "compact";
-    /**
-     * Render icon within `ButtonV2`
-     */
-    icon?: ArcIcon;
-    /**
-     * Determine the style position for the icon. Default is `afterText`
-     */
-    iconPosition?: "beforeText" | "afterText";
-    /**
-     * Optional click handler for the `ButtonV2`.
-     */
-    onClick?: () => void;
-    /**
-     * Optional property to provide component Ref
-     */
-    ref?: Ref;
-    /**
-     * Should the `ButtonV2` take up the full width of its container?
-     */
-    isFullWidth?: boolean;
-    /**
-     * Text to override `label` with additional, more precise information
-     * specifically for screen reader users.
-     */
-    ariaLabel?: string;
-    /**
-     * Size of `ButtonV2`
-     */
-    size?: "s" | "m" | "l";
-    /**
-     * HTML ID for the `ButtonV2`
-     */
-    id?: string;
-    /**
-     * `ButtonV2` will be in a loading state. This will override / add a loading icon to the button in it's respective style
-     */
-    isLoading?: boolean;
-    /**
-     * Indicates the availability and type of a popup triggered by the button.
-     */
-    ariaHasPopup?: false | true | "menu" | "listbox" | "dialog" | "grid" | "tree";
-    /**
-     * Indicates whether the popup controlled by the button is expanded or collapsed.
-     */
-    ariaExpanded?: boolean;
-    /**
-     * Defines the ID of the element controlled by the button.
-     */
-    ariaControls?: string;
-}
-export {};

package/dist/types/components/ButtonV2/index.d.ts

@@ -1 +0,0 @@
-export { ButtonV2 } from "./ButtonV2";

package/dist/types/components/Calendar/Calendar.d.ts

@@ -1,50 +0,0 @@
-import { FC } from "react";
-import { CalendarType, RangeSelection, SelectionType } from "./types";
-/** Use `Calendar` to clearly present available dates and allowing users to choose a way to enter information. */
-export declare const Calendar: FC<CalendarProps>;
-export interface CalendarProps {
-    /**
-     * Select single date or range
-     */
-    selectionType?: SelectionType;
-    /**
-     * Dates before this will be disabled.
-     */
-    minDate?: Date;
-    /**
-     * Dates after this will be disabled.
-     */
-    maxDate?: Date;
-    /**
-     * Selected Date for Calendar
-     */
-    selectedDate?: Date;
-    /**
-     * Selected range for Calendar
-     */
-    selectedRange?: Date[];
-    /**
-     * Called when cancel button is clicked.
-     */
-    onCancelClick?: () => void;
-    /**
-     * Called when a range is selected.
-     */
-    onRangeSelect?: (range: RangeSelection) => void;
-    /**
-     * Called when a date is selected.
-     */
-    onDateSelect?: (date: Date) => void;
-    /**
-     * Array of disabled dates
-     */
-    disabledDates?: Date[];
-    /**
-     * Calendar type.
-     */
-    type?: CalendarType;
-    /**
-     * Focus will be set on the selected day when the component mounts, defaults to false.
-     */
-    autoFocusOnMount?: boolean;
-}