@arc-ui/components 11.8.0 → 11.10.0

package/dist/_shared/esm/Group-fb26fd32.d.ts

@@ -1,46 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Group` to arrange flexible items in a row.
- */
-declare const Group: FC<GroupProps> & {
-    Item: typeof GroupItem;
-};
-declare const GroupItem: FC<ItemProps>;
-interface ItemProps {
-    /**
-     * Content to display in the Group.Item.
-     */
-    children?: ReactNode;
-    /**
-     * Should the Group.Item be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Should the Group.Item stretch to fill the available space?
-     */
-    grow?: boolean;
-}
-interface GroupProps {
-    /**
-     * Contents of the Group. Should only contain `Group.Item`.
-     */
-    children: ReactNode;
-    /**
-     * Should all Group.Items in the Group stretch to fill the available space?
-     */
-    grow?: boolean;
-    /**
-     * Should all Group.Items in the Group stretch to fill the available space with equal widths?
-     */
-    growEqual?: boolean;
-    /**
-     * Should a border be shown between Group.Items? **Warning: Sets CSS property `overflow:hidden`.**
-     */
-    gutterBorder?: boolean;
-    /**
-     * Should wrapping of Group.Items in the Group be disabled?
-     */
-    noWrap?: boolean;
-}
-export { Group, GroupItem, ItemProps, GroupProps };

package/dist/_shared/esm/Heading-0f629151.d.ts

@@ -1,50 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Heading` to display heading text.
- */
-declare const Heading: FC<HeadingProps> & {
-    Proposition: typeof HeadingProposition;
-};
-declare const HeadingProposition: FC<HeadingPropositionProps>;
-interface HeadingPropositionProps {
-    /**
-     * Text to display in the Proposition.
-     */
-    children: ReactNode;
-}
-type HeadingCasing = "auto" | "none";
-type HeadingColor = "auto" | "brand";
-type HeadingLevel = "1" | "2" | "3" | "4" | "5" | "6";
-type HeadingSize = "xxxs" | "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "xxxl";
-interface HeadingProps {
-    /**
-     * Text alignment of the Heading.
-     */
-    align?: "left" | "center" | "right";
-    /**
-     * Typographic casing of the Heading.
-     */
-    casing?: HeadingCasing;
-    /**
-     * Text and inline markup to display in the Heading.
-     */
-    children: ReactNode;
-    /**
-     * The color of the Heading.
-     */
-    color?: HeadingColor;
-    /**
-     * Id for the Heading.
-     */
-    id?: string;
-    /**
-     * HTML section heading level. If not provided, the Heading will render as
-     * a span.
-     */
-    level?: HeadingLevel;
-    /**
-     * Typographic size of the Heading.
-     */
-    size?: HeadingSize;
-}
-export { Heading, HeadingProposition, HeadingPropositionProps, HeadingCasing, HeadingColor, HeadingLevel, HeadingSize, HeadingProps };

package/dist/_shared/esm/Icon-c1af47bc.d.ts

@@ -1,34 +0,0 @@
-import { FC } from "react";
-import { ArcIcon } from "./arc-icon-17594b2f";
-/**
- * Use `Icon` to display brand iconography.
- */
-declare const Icon: FC<IconProps>;
-declare const colors: readonly ["auto", "brand", "statusRed", "statusAmber", "statusGreen"];
-interface IconProps {
-    /**
-     * Color of the Icon.
-     */
-    color?: typeof colors[number];
-    /**
-     * Should the Icon component be styled as an inline element?
-     */
-    isInline?: boolean;
-    /**
-     * Icon variant.
-     */
-    icon?: ArcIcon;
-    /**
-     * Alternative text label for the Icon.
-     */
-    label?: string;
-    /**
-     * Size of the Icon, in pixels.
-     */
-    size?: number;
-    /**
-     * value for data-testid
-     */
-    testId?: string;
-}
-export { Icon, colors, IconProps };

package/dist/_shared/esm/Image-3ed3863c.d.ts

@@ -1,94 +0,0 @@
-import { FC, HTMLAttributes, ReactNode } from "react";
-import { anchorPoints } from "./index-9483ad5f";
-/**
- * Use `Image` to render a single image, or set of images, with support for
- * image fitting and art direction.
- */
-declare const Image: FC<ImageProps> & {
-    Source: typeof ImageSource;
-};
-declare const ImageSource: FC<ImageSourceProps>;
-interface ImageSourceProps {
-    /**
-     * The intrinsic height of the ImageSource, in pixels
-     */
-    height?: number;
-    /**
-     * Media condition (similar to a media query) that the user agent will evaluate for each ImageSource element. Same format as [media](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#attr-media), i.e. `(min-width: 600px)`
-     */
-    media?: string;
-    /**
-     * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#attr-sizes) attribute. Only required if srcSet is switching widths.
-     */
-    sizes?: string;
-    /**
-     * A comma-separated list indicating a set of possible sources for the user agent to use for different screen sizes for the ImageSource element. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#attr-srcset), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
-     */
-    srcSet: string;
-    /**
-     * MIME type for the resource URL(s) in the ImageSource element's srcset attribute. If the user agent does not support the given type, the element is skipped. Same format as [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#attr-type), i.e. `image/jpeg`.
-     */
-    type?: string;
-    /**
-     * The intrinsic width of the ImageSource, in pixels
-     */
-    width?: number;
-}
-declare const fitOptions: readonly ["cover"];
-declare const loadingOptions: readonly ["eager", "lazy"];
-declare const overlayOptions: readonly ["scrimBottomDark"];
-interface ImageProps extends HTMLAttributes<HTMLElement> {
-    /**
-     * Alternative text for the Image, shown if the image cannot be displayed.
-     */
-    alt?: string;
-    /**
-     * Anchor point for the Image if using fit="cover".
-     */
-    anchor?: typeof anchorPoints[number];
-    /**
-     * Optionally enable HTML <picture> functionality by passing `Image.Source`
-     * components as children.
-     */
-    children?: ReactNode;
-    /**
-     * Fallback hexadecimal fill color. The intent is to increase perceived loading speed. Do not use on images with transparency. Requires that an explicit width and height be set for the image.
-     */
-    fillColor?: string;
-    /**
-     * Fit of the Image.
-     */
-    fit?: typeof fitOptions[number];
-    /**
-     * Height dimension of the Image, in pixels. If fit="cover", the height in which
-     * to fit the Image. Otherwise, the intrinsic height of the Image element.
-     */
-    height?: number;
-    /**
-     * Loading behaviour of the Image.
-     */
-    loading?: typeof loadingOptions[number];
-    /**
-     * Apply an overlay to the Image, e.g. a scrim gradient for text legibility.
-     * Should not be used if the image has a rasterized overlay.
-     */
-    overlay?: typeof overlayOptions[number];
-    /**
-     * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Only required if srcSet is switching widths. Ignored if `children` (<source> elements) are present.
-     */
-    sizes?: string;
-    /**
-     * Image `src`. Used if srcSet is not defined, or as a fallback.
-     */
-    src: string;
-    /**
-     * A comma-separated list indicating a set of possible sources for the user agent to use for different screen sizes for the Image. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`. Ignored if `children` (<source> elements) are present.
-     */
-    srcSet?: string;
-    /**
-     * Width dimension of the Image, in pixels. If fit="cover", the width in which
-     * to fit the Image. Otherwise, the intrinsic width of the Image element.
-     */
-    width?: number;
-}
-export { Image, ImageSource, ImageSourceProps, fitOptions, loadingOptions, overlayOptions, ImageProps };

package/dist/_shared/esm/ItemGroup-5af4d600.d.ts

@@ -1,27 +0,0 @@
-import { FC, ReactNode } from "react";
-declare const ItemGroup: FC<ItemGroupProps>;
-interface ItemGroupProps {
-    /**
-     * Contents of the ItemGroup. Must be Item components.
-     */
-    children: ReactNode;
-    /**
-     * A top-level URL for the ItemGroup to link to.
-     */
-    href?: string;
-    /**
-     * Title text to be displayed in the ItemGroup summary.
-     */
-    title?: string;
-    /**
-     * Text to display in top-level link inside the ItemGroup in narrow viewports.
-     * Only applies if `href` is present. If not provided, top-level link text
-     * will be automatically generated from `title`.
-     */
-    viewAllTitle?: string;
-    /**
-     * On click handler.
-     */
-    onClick?: () => void;
-}
-export { ItemGroup, ItemGroupProps };

package/dist/_shared/esm/NavItem-df20237c.d.ts

@@ -1,43 +0,0 @@
-import { FC, ReactNode } from "react";
-declare const NavItem: FC<NavItemProps>;
-interface NavItemProps {
-    /**
-     * Contents of the NavItem. Must be SiteHeader.ItemGroup or
-     * SiteHeader.Column components.
-     */
-    children?: ReactNode;
-    /**
-     * A top-level URL for the NavItem to link to.
-     *
-     * When `children` are not present, the URL to link to when the NavItem is
-     * clicked or touched.
-     *
-     * When `children` are present, the URL to link to when a top-level link
-     * inside the NavItem panel is clicked or touched.
-     */
-    href?: string;
-    /**
-     * Should the NavItem be highlighted as the current item/page? Only applies if
-     * `children` are not present (and `href` is present).
-     */
-    isCurrent?: boolean;
-    /**
-     * Content to display in the NavItem panel promo area.
-     */
-    promo?: ReactNode;
-    /**
-     * Top-level text to display in the NavItem.
-     */
-    title: string;
-    /**
-     * Text to display in top-level link inside the NavItem 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 { NavItem, NavItemProps };

package/dist/_shared/esm/NavItemWithSubNav-65f21828.d.ts

@@ -1,49 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, ReactElement, ReactNode } from "react";
-declare const Context: React.Context<{
-    navItem: React.MutableRefObject<HTMLLIElement> | null;
-    subTitle: string | null;
-}>;
-declare const NavItemWithSubNav: FC<NavItemWithSubNavProps>;
-interface NavItemWithSubNavProps {
-    /**
-     * The URL to link to when a top-level link inside the NavItemWithSubNav panel
-     * is clicked or touched.
-     */
-    href?: string;
-    /**
-     * Content to be displayed in the first slot of the NavItemWithSubNav. Must be
-     * a single SiteHeader.SubNavItem component.
-     */
-    slot1: ReactElement;
-    /**
-     * Content to be displayed in the second slot of the NavItemWithSubNav. Must
-     * be a single SiteHeader.SubNavItem component.
-     */
-    slot2: ReactNode;
-    /**
-     * Content to be displayed in the third slot of the NavItemWithSubNav. Must be
-     * a single SiteHeader.SubNavItem component.
-     */
-    slot3?: ReactNode;
-    /**
-     * Title text to display inside the NavItemWithSubNav panel.
-     */
-    subTitle?: string;
-    /**
-     * Top-level text to display in the NavItemWithSubNav.
-     */
-    title: string;
-    /**
-     * Text to display in top-level link inside the NavItemWithSubNav panel. Only
-     * applies if `href` is true. If not provided, text will be automatically
-     * generated from `title`.
-     */
-    viewAllTitle?: string;
-    /**
-     * view all click handler.
-     */
-    onViewAllClick?: () => void;
-}
-export { NavItemWithSubNav, NavItemWithSubNavProps, Context as NavItemContext };

package/dist/_shared/esm/Poster-a83ae770.d.ts

@@ -1,81 +0,0 @@
-import React from "react";
-import { FC, ReactNode } from "react";
-import { anchorPoints } from "./index-9483ad5f";
-import { loadingOptions } from "./Image-3ed3863c";
-declare const PosterVideo: FC<PosterVideoProps>;
-interface PosterVideoProps {
-    /**
-     * Anchor point for the Poster.Video,
-     */
-    anchor?: typeof anchorPoints[number];
-    /**
-     * Should the Poster.Video autoplay?
-     */
-    autoPlay?: boolean;
-    /**
-     * HTML video sources for the Poster.Video. [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video).
-     */
-    children: ReactNode;
-    /**
-     * Should the Poster.Video loop?
-     */
-    loop?: boolean;
-}
-declare const PosterImage: FC<PosterImageProps>;
-interface PosterImageProps {
-    /**
-     * Alternative text for the Poster.Image, shown if the image cannot be displayed. Consider avoiding this prop if the image is for decorative purposes only.
-     */
-    alt?: string;
-    /**
-     * Anchor point for the Poster.Image.
-     */
-    anchor?: typeof anchorPoints[number];
-    /**
-     * Loading behaviour of the Poster.Image.
-     */
-    loading?: typeof loadingOptions[number];
-    /**
-     * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute for the Poster.Image. Required if `srcSet` is defined.
-     */
-    sizes?: string;
-    /**
-     * The `src` for the Poster.Image. Used if srcSet is not defined, or as a fallback.
-     */
-    src: string;
-    /**
-     * A comma-separated list indicating a set of possible sources for the user agent to use for different screen sizes for the Poster.Image. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
-     */
-    srcSet?: string;
-    /**
-     * Contents of the PosterImage.
-     */
-    children?: React.ReactNode;
-}
-/**
- * Use `Poster` to compose content on an image or video background.
- */
-declare const Poster: FC<PosterProps> & {
-    Image: typeof PosterImage;
-    Video: typeof PosterVideo;
-};
-interface PosterProps {
-    /**
-     * Poster background to overlay content on top of. Must be one of Poster.Image or Poster.Video.
-     */
-    background: ReactNode;
-    /**
-     * Contents of the Poster. Each item will be wrapped in an PosterItem component.
-     */
-    children: ReactNode;
-    /**
-     * Apply an overlay to the Poster background, e.g. a scrim gradient for text legibility.
-     */
-    overlay?: boolean;
-    /**
-     * The background surface colour to show behind the Poster content before it loads.
-     * If using `overlay`, the gradient will match the surface.
-     */
-    surface?: "darker" | "lighter";
-}
-export { PosterVideo, PosterVideoProps, PosterImage, PosterImageProps, Poster, PosterProps };

package/dist/_shared/esm/RadioGroup-be16d5d3.d.ts

@@ -1,97 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { FormControlProps } from "./FormControl-f18e2f59";
-/**
- * Radio Button component.
- */
-declare const RadioButton: FC<RadioButtonProps>;
-interface RadioButtonProps {
-    /**
-     * ID for the Radio Button.
-     */
-    id: string;
-    /**
-     * Should the RadioButton be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Helper text for the RadioButton, shown below the label.
-     */
-    helper?: string;
-    /**
-     * Label for the RadioButton.
-     */
-    label: string;
-    /**
-     * Current value (controlled).
-     */
-    value: string;
-}
-type EventType = React.ChangeEvent<HTMLInputElement>;
-type ContextProps = {
-    blurEvent: (event: EventType) => void;
-    changeEvent: (event: EventType) => void;
-    groupDisabled: boolean;
-    checkedValue: string;
-    labelSize: "s" | "l";
-    name: string;
-    size: "s" | "l";
-};
-declare const Provider: React.Provider<ContextProps>;
-declare const useRadioContext: () => ContextProps;
-type EventType$0 = React.ChangeEvent<HTMLInputElement>;
-/**
- * Use `RadioGroup` to wrap and control radio buttons and apply default values
- */
-declare const RadioGroup: FC<RadioGroupProps> & {
-    RadioButton: typeof RadioButton;
-};
-interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "errorMessage" | "htmlFor" | "labelSize" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helperUnderLabel" | "supplementaryInfo"> {
-    /**
-     * Contents of the RadioGroup. Should only contain `RadioGroup.RadioButton`
-     */
-    children?: React.ReactNode;
-    /**
-     * Value of the RadioButton that should be checked by default.
-     */
-    checkedValue: string;
-    /**
-     * Should all controls be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Helper message for the RadioGroup.
-     */
-    helper?: string;
-    /**
-     * ID for the RadioGroup.
-     */
-    id: string;
-    /**
-     * Label for the RadioGroup.
-     */
-    label: string;
-    /**
-     * Label size for the RadioGroup
-     */
-    labelSize?: "s" | "l";
-    /**
-     * Name for the RadioGroup.
-     */
-    name: string;
-    /**
-     * Function to call when the RadioGroup loses focus.
-     */
-    onBlur?: (e: EventType$0) => void;
-    /**
-     * Callback function to update the RadioGroup's controlled `checkedValue` prop,
-     * for example `e => setCheckedValue(e.target.value)`.
-     */
-    onChange?: (event: EventType$0) => void;
-    /**
-     * Size of the RadioGroup.
-     */
-    size?: "s" | "l";
-}
-export { RadioButton, RadioButtonProps, Provider, useRadioContext, RadioGroup, RadioGroupProps };

package/dist/_shared/esm/Section-b8038d66.d.ts

@@ -1,21 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Section` to compose content into vertical page layouts.
- */
-declare const Section: FC<SectionProps>;
-interface SectionProps {
-    /**
-     * Content to display in the Section.
-     */
-    children: ReactNode;
-    /**
-     * Should the Section be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Should the width of this Section be unconstrained (filling the viewport)?
-     */
-    isFullWidth?: boolean;
-}
-export { Section, SectionProps };

package/dist/_shared/esm/SiteFooter-a182cb18.d.ts

@@ -1,62 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `SiteFooter` to display information at the bottom of a page.
- */
-declare const SiteFooter: FC<SiteFooterProps> & {
-    Item: typeof SiteFooterItem;
-    ItemGroup: typeof SiteFooterItemGroup;
-};
-declare const SiteFooterItemGroup: FC<SiteFooterItemGroupProps>;
-declare const SiteFooterItem: FC<SiteFooterItemProps>;
-interface SiteFooterItemGroupProps {
-    /**
-     * Contents of the SiteFooterItemGroup. Must be SiteFooter.Item components.
-     */
-    children: ReactNode;
-    /**
-     * Title text for the SiteFooterItemGroup.
-     */
-    title: string;
-}
-interface SiteFooterItemProps {
-    /**
-     * Contents of the SiteFooterItem.
-     */
-    children: ReactNode;
-    /**
-     * A URL to link to when the Item is clicked or touched.
-     */
-    href: string;
-    /**
-     * On click handler.
-     */
-    onClick?: () => void;
-}
-interface SiteFooterProps {
-    /**
-     * Secondary content of the SiteFooter. Must be SiteFooter.Item components.
-     */
-    children?: ReactNode;
-    /**
-     * Copyright year.
-     */
-    currentYear?: string;
-    /**
-     * Should the SiteFooter include a Curve?
-     */
-    curve?: boolean;
-    /**
-     * Accessible text for the SiteFooter logo.
-     */
-    logoLabel?: string;
-    /**
-     * Main content of the SiteFooter. Must be SiteFooter.ItemGroup components.
-     */
-    main?: ReactNode;
-    /**
-     * Text that appears at the top of the footer. Can be the name of the site, a
-     * brand strapline, or similar.
-     */
-    siteName?: string;
-}
-export { SiteFooter, SiteFooterItemGroup, SiteFooterItem, SiteFooterItemGroupProps, SiteFooterItemProps, SiteFooterProps };

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