@arc-ui/components 11.9.0 → 11.10.0

package/dist/_shared/esm/SiteHeader-c25ee36e.d.ts

@@ -1,78 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ReactNode } from "react";
-import { subBrands } from "./BrandLogo-9ec620e8";
-import { Column } from "./index-f419cf04";
-import { Item } from "./index-699086a7";
-import { ItemGroup } from "./index-e340924e";
-import { NavItem, NavItemWithSubNav } from "./index-e6d20018";
-import { NodeItem } from "./SiteHeader.rehydrator-023b7b76";
-import { SubNavItem } from "./index-74488a9f";
-declare const Context: React.Context<{
-    transparent: boolean;
-}>;
-/**
- * Use `SiteHeader` to display brand logo and navigation at the top of a page.
- */
-declare const SiteHeader: FC<SiteHeaderProps> & {
-    Column: typeof Column;
-    Item: typeof Item;
-    ItemGroup: typeof ItemGroup;
-    NavItem: typeof NavItem;
-    NodeItem: typeof NodeItem;
-    NavItemWithSubNav: typeof NavItemWithSubNav;
-    SubNavItem: typeof SubNavItem;
-};
-interface SiteHeaderProps {
-    /**
-     * Contents of the SiteHeader. Must be SiteHeader.NavItem or
-     * SiteHeader.NavItemWithSubNav components.
-     */
-    children?: ReactNode;
-    /**
-     * Basket component for the SiteHeader.
-     */
-    basket?: ReactNode;
-    /**
-     * Should account login links be included in the SiteHeader?
-     */
-    hasLogin?: boolean;
-    /**
-     * Should the SiteHeader have a transparent background?
-     */
-    isTransparent?: boolean;
-    /**
-     * A URL to link to when SiteHeader logo is clicked or touched.
-     */
-    loginHref?: string;
-    /**
-     * A Function to run to when SiteHeader logo is clicked or touched.
-     */
-    logoOnClick?: () => void;
-    /**
-     * A Function to run to when SiteHeader login links are clicked or touched.
-     */
-    loginOnClick?: () => void;
-    /**
-     * Text to display in SiteHeader login links.
-     */
-    loginTitle?: string;
-    /**
-     * A URL to link to when the SiteHeader brand logo link is clicked or touched.
-     */
-    logoHref?: string;
-    /**
-     * Accessible text for the SiteHeader brand logo link.
-     */
-    logoLabel?: string;
-    /**
-     * Search component for the SiteHeader.
-     */
-    search?: ReactNode;
-    /**
-     * Optional sub-brand variant. Only applies to BT.
-     */
-    subBrand?: typeof subBrands[number];
-}
-export { MenuButton } from "./SiteHeader.rehydrator-023b7b76";
-export { SiteHeader, SiteHeaderProps, Context as SiteHeaderContext };

package/dist/_shared/esm/SiteHeader.rehydrator-023b7b76.d.ts

@@ -1,78 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ReactNode, ReactElement } from "react";
-declare const MenuButton: FC<MenuButtonProps>;
-interface MenuButtonProps {
-    menuOpen: boolean;
-    setMenuOpen: (arg0: boolean) => any;
-}
-declare const NodeItem: FC<NodeItemProps>;
-interface NodeItemProps {
-    /**
-     * Content to display with `SiteHeader.NodeItem`
-     */
-    children?: ReactNode;
-}
-declare const _default: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
-declare const _default: (el: HTMLDivElement, hydrate: any) => Promise<JSX.Element>;
-declare const _default: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
-declare const Panel: FC<PanelProps> & {
-    ViewAll: typeof ViewAll;
-};
-declare const ViewAll: FC<ViewAllProps>;
-interface ViewAllProps {
-    href: string;
-    title: string;
-    onClick?: () => void;
-}
-interface PanelProps {
-    children: ReactNode;
-    navItemRef: React.MutableRefObject<HTMLElement> | null;
-    open: boolean;
-    promo?: ReactNode;
-    setOpen: (arg0: boolean) => any;
-    subNavItemRef?: React.MutableRefObject<HTMLElement>;
-    subNavLink?: string;
-    title?: ReactNode;
-    viewAll?: ReactElement;
-    withSubNav?: boolean;
-}
-declare const BackButton: FC<BackButtonProps>;
-interface BackButtonProps {
-    setOpen: (arg0: boolean) => any;
-}
-declare const Column: FC<ColumnProps>;
-interface ColumnProps {
-    /**
-     * Contents of the Column. Must be SiteHeader.ItemGroup components.
-     */
-    children: ReactNode;
-}
-declare const _default: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
-declare const Item: FC<ItemProps>;
-interface ItemProps {
-    /**
-     * Contents of the Item. Usually text to be displayed in the Item link.
-     */
-    children: ReactNode;
-    /**
-     * A URL to link to when the Item is clicked or touched.
-     */
-    href: string;
-    /**
-     * Should the Item be emphasised?
-     */
-    isEmphasised?: boolean;
-    /**
-     * On click handler.
-     */
-    onClick?: () => void;
-}
-declare const SiteHeaderRehydrator: {
-    (el: HTMLDivElement, hydrate: any): Promise<JSX.Element>;
-    ItemGroupRehydrator: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
-    NavItemRehydrator: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
-    NavItemWithSubNavRehydrator: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
-    SubNavItemRehydrator: (el: HTMLDivElement, hydrate: any) => Promise<JSX.Element>;
-};
-export { _default as default, MenuButton, MenuButtonProps, NodeItem, NodeItemProps, Panel, ViewAll, ViewAllProps, PanelProps, BackButton, BackButtonProps, Column, ColumnProps, Item, ItemProps };

package/dist/_shared/esm/SubNavItem-a84d1bf4.d.ts

@@ -1,48 +0,0 @@
-import { FC, ReactNode } from "react";
-declare const SubNavItem: FC<SubNavItemProps>;
-interface SubNavItemProps {
-    /**
-     * Contents of the SubNavItem. Must be SiteHeader.ItemGroup or
-     * SiteHeader.Column components.
-     */
-    children?: ReactNode;
-    /**
-     * Should the SubNavItem be the default open item in a
-     * SiteHeader.NavItemWithSubNav? If not specified, the default open item will
-     * be set automatically.
-     */
-    isDefaultItem?: boolean;
-    /**
-     * Optionally shift the SubNavItem-link upwards (in "desktop" viewports only)
-     * to close off any empty space between items due to content size.
-     */
-    offsetXL?: "24" | "48";
-    /**
-     * Content to display in the SubNavItem panel promo area.
-     */
-    promo?: ReactNode;
-    /**
-     * A URL to link to when the SubNavItem is clicked or touched. Only applies if
-     * `children` are not present.
-     */
-    href?: string;
-    /**
-     * Optional subtitle text for the SubNavItem.
-     */
-    subTitle?: string;
-    /**
-     * Title text for the SubNavItem.
-     */
-    title: string;
-    /**
-     * Text to display in top-level link inside the SubNavItem panel. Only
-     * applies if both `children` are present and `href` is true. If not
-     * provided, top-level link text will be automatically generated from `title`.
-     */
-    viewAllTitle?: string;
-    /**
-     * On click handler.
-     */
-    onClick?: () => void;
-}
-export { SubNavItem, SubNavItemProps };

package/dist/_shared/esm/Surface-dde51789.d.ts

@@ -1,51 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, HTMLAttributes } from "react";
-type SurfaceBackground = "light" | "dark";
-declare const Context: React.Context<{
-    surface: SurfaceBackground;
-}>;
-/**
- * Use `Surface` to compose content using the Arc system.
- */
-declare const Surface: FC<SurfaceProps>;
-declare const backgrounds: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
-declare const backgroundsBT: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
-type SurfacePadding = "8" | "12" | "16" | "24" | "32" | "48" | "64";
-type SurfaceBackgroundColor = "black" | "brand" | "brand-flat" | "dark" | "darker" | "coral" | "turquoise" | "light" | "lighter" | "white";
-interface SurfaceProps extends HTMLAttributes<HTMLElement> {
-    /**
-     * Background colour of the Surface. Contents will change colour to meet
-     * accessibility requirements.
-     */
-    background?: SurfaceBackgroundColor;
-    /**
-     * Content to display on the Surface.
-     */
-    children?: any;
-    /**
-     * Should the Surface grow to take up all the available vertical space? Most
-     * of the time this should not be required, but useful to fix issues in
-     * certain layout combinations.
-     */
-    growVertically?: boolean;
-    /**
-     * _Caution: This is an experimental property and may be removed at any time._
-     *
-     * Size of the padding applied to all sides of the Surface. Use to prevent margin collapsing issues.
-     */
-    padding?: SurfacePadding;
-    /**
-     * _Caution: This is an experimental property and may be removed at any time._
-     *
-     * Size of the horizontal padding applied to the left and right of the Surface.
-     */
-    paddingHorizontal?: SurfacePadding;
-    /**
-     * _Caution: This is an experimental property and may be removed at any time._
-     *
-     * Size of the vertical padding applied to the top and bottom of the Surface.
-     */
-    paddingVertical?: SurfacePadding;
-}
-export { Surface, backgrounds, backgroundsBT, SurfacePadding, SurfaceBackgroundColor, SurfaceProps, Context as SurfaceContext };

package/dist/_shared/esm/Tabs-5af0b940.d.ts

@@ -1,75 +0,0 @@
-import { FC, ReactNode } from "react";
-import { ArcIcon } from "./arc-icon-17594b2f";
-declare const TabsList: FC<TabsListProps>;
-interface TabsListProps {
-    /**
-     * Contents of the `Tabs` Should contain `Tab`
-     */
-    children: ReactNode;
-    /**
-     * Determine if `Tabs` should be justified
-     */
-    isJustified?: boolean;
-    /**
-     * Determine the type of `Tabs`. Default is standard
-     */
-    type?: "standard" | "contained";
-    /**
-     * Determine a accessible label for `Tabs`
-     */
-    ariaLabel?: string;
-}
-declare const TabContent: FC<TabContentProps>;
-interface TabContentProps {
-    /**
-     * Content to display
-     */
-    children: ReactNode;
-    /**
-     * This value links the `TabContent` with `Tab`
-     */
-    value: string;
-}
-declare const Tab: FC<TabProps>;
-interface TabProps {
-    /**
-     * Label to display on the Tab
-     */
-    label: string;
-    /**
-     * Value to link `Tab` to `TabContent`
-     */
-    value: string;
-    /**
-     * Determine what icon to display within the Tab.
-     */
-    icon?: ArcIcon;
-    /**
-     * Determine what to display when `Tab` is active
-     */
-    iconActive?: ArcIcon;
-}
-declare const Tabs: FC<TabsProps> & {
-    Tab: typeof Tab;
-    Content: typeof TabContent;
-    List: typeof TabsList;
-};
-interface TabsProps {
-    /**
-     * Render children
-     */
-    children: ReactNode;
-    /**
-     * Default to an inital value of a tab. If this is left blank it is possible for there to be no active tabs
-     */
-    defaultValue?: string;
-    /**
-     * Event handler called when the value changes.
-     */
-    onValueChange?: (value: string) => void;
-    /**
-     * When automatic, tabs are activated when receiving focus. When manual, tabs are activated when clicked.
-     */
-    activationMode?: "automatic" | "manual";
-}
-export { TabsList, TabsListProps, TabContent, TabContentProps, Tab, Tabs, TabsProps };

package/dist/_shared/esm/Text-40457811.d.ts

@@ -1,38 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Text` to display text.
- */
-declare const Text: FC<TextProps>;
-type Tone = "default" | "supporting" | "muted";
-type TextSize = "xs" | "s" | "m" | "l";
-interface TextProps {
-    /**
-     * Alignment of the Text.
-     */
-    align?: "left" | "center" | "right";
-    /**
-     * Text and inline markup to display.
-     */
-    children: ReactNode;
-    /**
-     * Should the Text component be styled as an inline element?
-     */
-    isInline?: boolean;
-    /**
-     * Should the Text width be constrained to a typographic measure?
-     */
-    isMeasured?: boolean;
-    /**
-     * Typographic Text size.
-     */
-    size?: TextSize;
-    /**
-     * Visual emphasis of the Text.
-     */
-    tone?: Tone;
-    /**
-     * Id for the Text.
-     */
-    id?: string;
-}
-export { Text, Tone, TextSize, TextProps };

package/dist/_shared/esm/TextInput-13050538.d.ts

@@ -1,77 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { FormControlProps } from "./FormControl-f18e2f59";
-type EventType = React.ChangeEvent<HTMLInputElement>;
-/**
- * Use `TextInput` to allow custom user text entry with a keyboard.
- */
-declare const TextInput: FC<TextInputProps>;
-interface TextInputProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo"> {
-    /**
-     * Uncontrolled default value of the TextInput. If the TextInput is controlled
-     * via `value`/`onChange`, `defaultValue` will be ignored.
-     *
-     * `defaultValue` is not to be used instead of helper text.
-     */
-    defaultValue?: string;
-    /**
-     * ID for the TextInput.
-     */
-    id: string;
-    /**
-     * Mode for the input. If not defined, inferred by type.
-     */
-    inputMode?: "email" | "numeric" | "tel" | "url";
-    /**
-     * 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;
-    /**
-     * Minimum number of characters.
-     */
-    minLength?: number;
-    /**
-     * Name of the input.
-     */
-    name?: string;
-    /**
-     * Function to call when the TextInput loses focus.
-     */
-    onBlur?: (e: EventType) => void;
-    /**
-     * Callback function commonly used to update the TextInput's controlled
-     * `value`, for example `e => setValue(e.target.value)`.
-     */
-    onChange?: (e: EventType) => void;
-    /**
-     * Validation regex pattern.
-     */
-    pattern?: string;
-    /**
-     * Enable button to toggle TextInput type from `Selected Type` to `Text`
-     */
-    showPassword?: boolean;
-    /**
-     * Type for the input. `number` will be changed to `text` and set the `numeric` inputMode.
-     */
-    type?: "email" | "number" | "password" | "tel" | "text" | "url";
-    /**
-     * Current value of the TextInput. Must be controlled via an
-     * `onChange` callback function. Otherwise, use `defaultValue` (or `isReadOnly`).
-     */
-    value?: string;
-}
-export { TextInput, TextInputProps };

package/dist/_shared/esm/TextInput-4424c195.d.ts

@@ -1,10 +0,0 @@
-import { TextInputProps } from "./TextInput-13050538";
-/**
- * Infer the correct inputMode, pattern and type if specifying a `number` type.
- */
-declare const useNumericInput: (props: Pick<TextInputProps, "inputMode" | "pattern" | "type">) => {
-    inputMode: "tel" | "url" | "email" | "numeric" | undefined;
-    pattern: string | undefined;
-    type: "text" | "tel" | "url" | "email" | "password" | undefined;
-};
-export { useNumericInput };

package/dist/_shared/esm/Toast-43795e91.d.ts

@@ -1,52 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-declare const ToastNotification: FC<ToastNotificationProps>;
-type ToastStatus = "general" | "error" | "warning" | "success";
-interface ToastNotificationProps {
-    /**
-     * Title for `<Toast />`
-     */
-    title: string;
-    /**
-     * Set open state for `<Toast />`
-     */
-    isOpen: boolean;
-    /**
-     * Function to call when the open state of `<Toast />` changes. This needs to be supplied in order for the auto dismiss and the close button to work.
-     */
-    onOpenChange: (isOpen: boolean) => void;
-    /**
-     * Set whether close button shows
-     */
-    isCloseButtonVisible?: boolean;
-    /**
-     * Set whether to include a status icon
-     */
-    isStatusIconVisible?: boolean;
-    /**
-     * Link for `<Toast />`
-     */
-    link?: {
-        text: string;
-        ariaLabel?: string;
-        href?: string;
-        onClick?: () => void;
-    };
-    /**
-     * Status of `<Toast />`
-     */
-    status?: ToastStatus;
-}
-/** Use `Toast` to display temporary messages at the bottom of the viewport. */
-declare const Toast: FC<ToastProps> & {
-    Notification: typeof ToastNotification;
-};
-interface ToastProps {
-    children: React.ReactNode;
-    /**
-     * Colour scheme for `Toast` - Use 'default' in almost all cases.
-     */
-    colorScheme?: "default" | "alternative";
-}
-export { ToastNotification, ToastNotificationProps, Toast };

package/dist/_shared/esm/UniversalHeader-1c5a886d.d.ts

@@ -1,26 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `UniversalHeader` to display a group-level page header.
- */
-declare const UniversalHeader: FC<UniversalHeaderProps> & {
-    Item: typeof UniversalHeaderItem;
-};
-declare const UniversalHeaderItem: FC<UniversalHeaderItemProps>;
-interface UniversalHeaderItemProps {
-    /**
-     * Contents of the UniversalHeaderItem.
-     */
-    children: ReactNode;
-    /**
-     * A URL to link to when the Item is clicked or touched.
-     */
-    href: string;
-}
-interface UniversalHeaderProps {
-    /**
-     * Contents of the UniversalHeader. Must be
-     * UniversalHeader.Item components.
-     */
-    children: ReactNode;
-}
-export { UniversalHeader, UniversalHeaderItem, UniversalHeaderItemProps, UniversalHeaderProps };

package/dist/_shared/esm/VerticalSpace-93980c9c.d.ts

@@ -1,34 +0,0 @@
-import { FC } from "react";
-/**
- * Use `VerticalSpace` to create vertical space between components.
- */
-declare const VerticalSpace: FC<VerticalSpaceProps>;
-type VerticalSpaceSize = "4" | "8" | "12" | "16" | "20" | "24" | "28" | "32" | "40" | "48" | "64" | "96" | "128";
-interface VerticalSpaceProps {
-    /**
-     * Should the VerticalSpace be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Size of the VerticalSpace.
-     */
-    size?: VerticalSpaceSize;
-    /**
-     * Size of the VerticalSpace from the small breakpoint upwards.
-     */
-    sizeS?: VerticalSpaceSize;
-    /**
-     * Size of the VerticalSpace from the medium breakpoint upwards.
-     */
-    sizeM?: VerticalSpaceSize;
-    /**
-     * Size of the VerticalSpace from the large breakpoint upwards.
-     */
-    sizeL?: VerticalSpaceSize;
-    /**
-     * Size of the VerticalSpace from the extra large breakpoint upwards.
-     */
-    sizeXL?: VerticalSpaceSize;
-}
-export { VerticalSpace, VerticalSpaceSize, VerticalSpaceProps };

package/dist/_shared/esm/VisuallyHidden-b9eebf71.d.ts

@@ -1,12 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Provides text for screen readers that is visually hidden.
- */
-declare const VisuallyHidden: FC<VisuallyHiddenProps>;
-interface VisuallyHiddenProps {
-    /**
-     * Content to be Visually Hidden.
-     */
-    children?: ReactNode;
-}
-export { VisuallyHidden, VisuallyHiddenProps };

package/dist/_shared/esm/arc-icon-17594b2f.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { SVGProps } from "react";
-type ArcIcon = React.FC<SVGProps<SVGSVGElement>>;
-export { ArcIcon };

package/dist/_shared/esm/filter-data-attrs-afdb7d32.d.ts

@@ -1,2 +0,0 @@
-declare const filterDataAttrs: (props: Object) => {};
-export { filterDataAttrs };