@arc-ui/components 11.24.1 → 12.0.0-beta.3

package/dist/_shared/esm/extends-8cc61aad.js

@@ -1,16 +0,0 @@
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-export { _extends as _ };

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

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

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

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

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

@@ -1,132 +0,0 @@
-import React, { FC, HTMLAttributes } from "react";
-/**
-#### Deprecation Notice
-
-The `Card` component has been superseded by a range of new `Card` options (`ImpactCard`, `InformationCard`, `MediaCard`, `TypographyCard`) and therefore is being deprecated from Arc and will be removed in a future release.
-
-Do not use `Card` for any new work, and prepare to update any design that features it to replace it with our newer `Card` options.
- */
-export declare const Card: FC<CardProps> & {
-    Block: typeof CardBlock;
-    Image: typeof CardImage;
-};
-/**
- * Internal `Card.Block` component to section blocks of content within a Card.
- */
-declare const CardBlock: FC<{
-    /**
-     * Contents of the CardBlock.
-     */
-    children: React.ReactNode;
-    /**
-     * How should the content of the block be aligned?
-     */
-    align?: "left" | "center" | "right";
-    /**
-     * Should the block stretch to the width of the Card?
-     */
-    isFullWidth?: boolean;
-    /**
-     * Should the block grow to the fill the available vertical space? Used when the Card appears in a column.
-     */
-    grow?: boolean;
-}>;
-/**
- * Internal `Card.Image` component to show an image within a Card.
- */
-declare const CardImage: FC<{
-    /**
-     * Alternative text for the Card.Image, shown if the image cannot be displayed.
-     */
-    alt?: string;
-    /**
-     * Height of the Card.Image.
-     */
-    height?: number;
-    /**
-     * Loading behaviour of the Card.Image.
-     */
-    loading?: "eager" | "lazy";
-    /**
-     * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Required if srcSet is defined.
-     */
-    sizes?: string;
-    /**
-     * HTML src for the Card.Image.
-     */
-    src: string;
-    /**
-     * A comma-separated list indicating a set of possible image sources for the user agent to use for different screen sizes. 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;
-}>;
-export type TitleSize = "xs" | "s" | "m" | "l" | "xl";
-export interface CardProps extends HTMLAttributes<HTMLElement> {
-    /**
-     * The HTML ID passed to the Card Button for aria- attributes.
-     */
-    actionId?: string;
-    /**
-     * Label for the Card's Button. You should specify this if defining an href.
-     */
-    actionLabel?: string;
-    /**
-     * A `Card.Image` to use for the cover image.
-     */
-    coverImage?: React.ReactNode;
-    /**
-     * Card fill.
-     */
-    fill?: "solid" | "outlined" | "neutral";
-    /**
-     * A URL to link to when the Card is clicked or touched.
-     */
-    href: string;
-    /**
-     * Alternative text for the Card cover image, shown if the image cannot be displayed.
-     */
-    imageAlt?: string;
-    /**
-     * Height of the Card cover image.
-     */
-    imageHeight?: number;
-    /**
-     * Loading behaviour of the Card cover image.
-     */
-    imageLoading?: "eager" | "lazy";
-    /**
-     * HTML src for the Card cover image.
-     */
-    imageSrc?: string;
-    /**
-     * A comma-separated list indicating a set of possible image sources for the user agent to use for different screen sizes in the Card cover 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`.
-     */
-    imageSrcSet?: string;
-    /**
-     * Object of `data-` attributes to render on internal anchor element, e.g.
-     * `{ data-analytics-link: "My link"}` => `<a data-analytics-link="My link">`.
-     */
-    linkData?: {};
-    /**
-     * The minimum height of the card. Cards in a series of columns will match the
-     * height of the tallest Card.
-     */
-    minHeight?: number;
-    /**
-     * Link target attribute for the Card link.
-     */
-    target?: "_blank" | "_parent" | "_self" | "_top";
-    /**
-     * The title for the Card, describing the content. This is required to provide good accessibility to screen readers.
-     */
-    title: string;
-    /**
-     * The size for the Card title.
-     */
-    titleSize?: TitleSize;
-    /**
-     * On click handler.
-     */
-    onClick?: () => void;
-}
-export {};

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

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

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

@@ -1,17 +0,0 @@
-import { FC } from "react";
-/**
-#### Deprecation Notice
-
-The `Clock` component is being deprecated from Arc  and will be removed in a future release.
-
-Do not use `Clock` for any new work, and prepare to update any design that features it to remove it.
-
-*/
-export declare const Clock: FC<ClockProps>;
-export type LocaleType = "en-GB" | "en-US" | "ar-EG";
-export interface ClockProps {
-    /**
-     * Locale for the Clock.
-     */
-    locale?: LocaleType;
-}

package/dist/types/components/Clock/Clock.rehydrator.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (el: HTMLTimeElement) => Promise<JSX.Element>;
-export default _default;

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

@@ -1,2 +0,0 @@
-export { Clock } from "./Clock";
-export { default as ClockRehydrator } from "./Clock.rehydrator";

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

@@ -1,34 +0,0 @@
-import { FC } from "react";
-import { backgroundsBT } from "../Surface";
-/**
-#### Deprecation Notice
-
-The `Curve` component is an outdated brand feature and is being deprecated from Arc as a standalone component or sub-component within other components. Do not use `Curve` for any new work, and prepare to update any design that features it to remove it.
-
-`Curve` will be removed from Arc in a subsequent release
- */
-export declare const Curve: FC<CurveProps>;
-export declare const sizes: readonly ["s", "m", "l"];
-export declare const positions: readonly ["bottom", "bottomLeft", "bottomRight", "top", "topLeft", "topRight"];
-export interface CurveProps {
-    /**
-     * Bottom color of the Curve. Shares values with Surface.
-     */
-    bottomColor?: (typeof backgroundsBT)[number];
-    /**
-     * Positional variants of the Curve.
-     */
-    from?: (typeof positions)[number];
-    /**
-     * Should the Curve colors be flipped? Normally used at the top of Poster.
-     */
-    isInverted?: boolean;
-    /**
-     * Size of the Curve.
-     */
-    size?: (typeof sizes)[number];
-    /**
-     * Top color of the Curve. Shares values with Surface.
-     */
-    topColor?: (typeof backgroundsBT)[number];
-}

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

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

package/dist/types/components/SiteFooter/SiteFooter.rehydrator.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (el: HTMLDivElement, rehydrateChildren: any) => Promise<JSX.Element>;
-export default _default;

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

@@ -1,79 +0,0 @@
-import React, { FC, ReactNode } from "react";
-import { subBrands } from "../BrandLogo/BrandLogo";
-import { Column } from "./components/Column";
-import { Item } from "./components/Item";
-import { ItemGroup } from "./components/ItemGroup";
-import { NavItem, NavItemWithSubNav } from "./components/NavItem";
-import { NodeItem } from "./components/NodeItem/NodeItem";
-import { SubNavItem } from "./components/SubNavItem";
-declare const Context: React.Context<{
-    transparent: boolean;
-}>;
-/**
-#### Deprecation Notice
-
-The `SiteHeader` component has been superseded by `SiteHeaderV2` and therefore is being deprecated from Arc and will be removed in a future release.
-
-Do not use `SiteHeader` for any new work, and prepare to update any design that features it to replace it with `SiteHeaderV2`.
- */
-export 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;
-};
-export 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 { Context as SiteHeaderContext };

package/dist/types/components/SiteHeader/SiteHeader.rehydrator.d.ts

@@ -1,8 +0,0 @@
-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 SiteHeaderRehydrator;

package/dist/types/components/SiteHeader/components/BackButton/BackButton.d.ts

@@ -1,5 +0,0 @@
-import { FC } from "react";
-export declare const BackButton: FC<BackButtonProps>;
-export interface BackButtonProps {
-    setOpen: (arg0: boolean) => any;
-}

package/dist/types/components/SiteHeader/components/BackButton/index.d.ts

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

package/dist/types/components/SiteHeader/components/Column/Column.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from "react";
-export declare const Column: FC<ColumnProps>;
-export interface ColumnProps {
-    /**
-     * Contents of the Column. Must be SiteHeader.ItemGroup components.
-     */
-    children: ReactNode;
-}

package/dist/types/components/SiteHeader/components/Column/index.d.ts

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

package/dist/types/components/SiteHeader/components/Item/Item.d.ts

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

package/dist/types/components/SiteHeader/components/Item/index.d.ts

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

package/dist/types/components/SiteHeader/components/ItemGroup/ItemGroup.d.ts

@@ -1,26 +0,0 @@
-import { FC, ReactNode } from "react";
-export declare const ItemGroup: FC<ItemGroupProps>;
-export 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;
-}

package/dist/types/components/SiteHeader/components/ItemGroup/ItemGroup.rehydrator.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
-export default _default;

package/dist/types/components/SiteHeader/components/ItemGroup/index.d.ts

@@ -1,2 +0,0 @@
-export { ItemGroup } from "./ItemGroup";
-export { default as ItemGroupRehydrator } from "./ItemGroup.rehydrator";

package/dist/types/components/SiteHeader/components/MenuButton/MenuButton.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-export declare const MenuButton: FC<MenuButtonProps>;
-export interface MenuButtonProps {
-    menuOpen: boolean;
-    setMenuOpen: (arg0: boolean) => any;
-}

package/dist/types/components/SiteHeader/components/MenuButton/index.d.ts

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

package/dist/types/components/SiteHeader/components/NavItem/NavItem.d.ts

@@ -1,42 +0,0 @@
-import { FC, ReactNode } from "react";
-export declare const NavItem: FC<NavItemProps>;
-export 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;
-}

package/dist/types/components/SiteHeader/components/NavItem/NavItem.rehydrator.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
-export default _default;

package/dist/types/components/SiteHeader/components/NavItem/NavItemWithSubNav.d.ts

@@ -1,47 +0,0 @@
-import React, { FC, ReactElement, ReactNode } from "react";
-declare const Context: React.Context<{
-    navItem: React.MutableRefObject<HTMLLIElement> | null;
-    subTitle: string | null;
-}>;
-export declare const NavItemWithSubNav: FC<NavItemWithSubNavProps>;
-export 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 { Context as NavItemContext };

package/dist/types/components/SiteHeader/components/NavItem/NavItemWithSubNav.rehydrator.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (el: HTMLLIElement, hydrate: any) => Promise<JSX.Element>;
-export default _default;

package/dist/types/components/SiteHeader/components/NavItem/index.d.ts

@@ -1,4 +0,0 @@
-export { NavItem } from "./NavItem";
-export { default as NavItemRehydrator } from "./NavItem.rehydrator";
-export { NavItemWithSubNav } from "./NavItemWithSubNav";
-export { default as NavItemWithSubNavRehydrator } from "./NavItemWithSubNav.rehydrator";

package/dist/types/components/SiteHeader/components/NodeItem/NodeItem.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from "react";
-export declare const NodeItem: FC<NodeItemProps>;
-export interface NodeItemProps {
-    /**
-     * Content to display with `SiteHeader.NodeItem`
-     */
-    children?: ReactNode;
-}

package/dist/types/components/SiteHeader/components/Panel/Panel.d.ts

@@ -1,22 +0,0 @@
-import React, { FC, ReactElement, ReactNode } from "react";
-export declare const Panel: FC<PanelProps> & {
-    ViewAll: typeof ViewAll;
-};
-export declare const ViewAll: FC<ViewAllProps>;
-export interface ViewAllProps {
-    href: string;
-    title: string;
-    onClick?: () => void;
-}
-export 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;
-}

package/dist/types/components/SiteHeader/components/Panel/index.d.ts

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

package/dist/types/components/SiteHeader/components/SubNavItem/SubNavItem.d.ts

@@ -1,47 +0,0 @@
-import { FC, ReactNode } from "react";
-export declare const SubNavItem: FC<SubNavItemProps>;
-export 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;
-}

package/dist/types/components/SiteHeader/components/SubNavItem/SubNavItem.rehydrator.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (el: HTMLDivElement, hydrate: any) => Promise<JSX.Element>;
-export default _default;

package/dist/types/components/SiteHeader/components/SubNavItem/index.d.ts

@@ -1,2 +0,0 @@
-export { SubNavItem } from "./SubNavItem";
-export { default as SubNavItemRehydrator } from "./SubNavItem.rehydrator";

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

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

package/dist/types/private-components/CardLabel/CardLabel.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-export declare const CardLabel: React.FC<CardLabelProps>;
-interface CardLabelProps {
-    text: string;
-    isDarkPathway?: boolean;
-    color?: "supporting" | "muted";
-    isBold?: boolean;
-    withSpacing?: boolean;
-}
-export {};

package/dist/types/private-components/CardLabel/index.d.ts

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