@arc-ui/components 11.9.0 → 11.10.0

package/dist/_shared/cjs/Heading-e3332dcf.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/cjs/Icon-e1dd45eb.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/cjs/Image-0e393cbf.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/cjs/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/cjs/MediaCard-9483ad5f.d.ts

@@ -1,60 +0,0 @@
-/// <reference types="react" />
-import { loadingOptions } from "../../Image/Image.cjs";
-import React from "react";
-import { FC } from "react";
-import { BoxProps } from "../../Box/Box.cjs";
-/**
- * Use `MediaCard` to contain content and an image about a single subject.
- */
-declare const MediaCard: FC<MediaCardProps>;
-interface MediaCardProps {
-    /**
-     * Content of the MediaCard.
-     */
-    children: React.ReactNode;
-    /**
-     * Footer Content of the MediaCard.
-     */
-    cardFooter?: React.ReactNode;
-    /**
-     * Add rounded corners to the MediaCard.
-     */
-    isBorderRadius?: BoxProps["isBorderRadius"];
-    /**
-     * The border width of the MediaCard.
-     */
-    borderWidth?: BoxProps["borderWidth"];
-    /**
-     * Box shadow for the MediaCard.
-     */
-    elevationLevel?: BoxProps["elevationLevel"];
-    /**
-     * Set MediaCard to fill parent element.
-     */
-    isFullHeight?: boolean;
-    /**
-     * Background color for the MediaCard.
-     */
-    surface?: BoxProps["surface"];
-    /**
-     * image src for the MediaCard.
-     */
-    imageSrc: string;
-    /**
-     * image alt for the MediaCard.
-     */
-    imageAlt?: string;
-    /**
-     * Loading behaviour of the MediaCard.
-     */
-    imageLoading?: 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. Required if srcSet is defined.
-     */
-    imageSizes?: 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`.
-     */
-    imageSrcSet?: string;
-}
-export { MediaCard, MediaCardProps };

package/dist/_shared/cjs/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/cjs/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/cjs/Poster-faea1ad3.d.ts

@@ -1,81 +0,0 @@
-import React from "react";
-import { FC, ReactNode } from "react";
-import { anchorPoints } from "./index-9483ad5f";
-import { loadingOptions } from "./Image-0e393cbf";
-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/cjs/ProgressStepper-f740d7bb.d.ts

@@ -1,89 +0,0 @@
-import { FC, ReactNode } from "react";
-type ProgressStatus = "completed" | "current" | "warning" | "error" | "todo";
-declare const ProgressStepperItem: FC<ProgressStepperItemProps>;
-interface ProgressStepperItemProps {
-    /**
-     * Determine a title for `<ProgressStepper.Item />`
-     */
-    title: string;
-    /**
-     * Determine a title for `<ProgressStepper.Item />`
-     */
-    titleHref?: string;
-    /**
-     * Text to override `linkTitle` with additional, more precise information
-     * specifically for screen reader users.
-     */
-    ariaLabel?: string;
-    /**
-     * Execute a function on title click `<ProgressStepper.Item />`
-     */
-    onClick?: () => void;
-    /**
-     * Determine a sub title for `<ProgressStepper.Item />`
-     */
-    subTitle?: string;
-    /**
-     * Determine a direction for `<ProgressStepper.Item />`
-     */
-    direction?: "horizontal" | "vertical";
-    /**
-     * Determine the position of the step `<ProgressStepper.Item />`
-     */
-    position?: "first" | "middle" | "last";
-    /**
-     * Determine a status for `<ProgressStepper.Item />`
-     */
-    status?: ProgressStatus;
-    /**
-     * Determine the size for `<ProgressStepper.Item />`
-     */
-    size?: "small" | "large";
-    /**
-     * Determine if `<ProgressStepper.Item /> should be Fluid`
-     */
-    isFluid?: boolean;
-    /**
-     * Determine the context `<ProgressStepper.Item /> should b`
-     */
-    previousStep?: ProgressStatus;
-    /**
-     * Determine if `<ProgressStepper.Item /> should have expandable content`
-     */
-    isExpandable?: boolean;
-    /**
-     * Determine what content to display in `<ProgressStepper.Item />. To use this option isExpandable must be `true``
-     */
-    stepContent?: ReactNode;
-    /**
-     * Determine if `stepContent` is hidden
-     */
-    isStepContentHidden?: boolean;
-}
-/** Use `ProgressStepper` to illustrate the progress of a specific task within a page, by displaying a step-by-step progress through the user journey. This is commonly used in multi-step processes or wizards.  */
-declare const ProgressStepper: FC<ProgressStepperProps> & {
-    Item: typeof ProgressStepperItem;
-};
-interface ProgressStepperProps {
-    /**
-     * Children of `<ProgressStepper />` should only contain `<ProgressStepper.Item />`
-     */
-    children?: ReactNode;
-    /**
-     * Determine a direction for `<ProgressStepper.Item />`
-     */
-    direction?: "horizontal" | "vertical";
-    /**
-     * Determine the size for `<ProgressStepper.Item />`
-     */
-    size?: "small" | "large";
-    /**
-     * Determine if `<ProgressStepper.Item />` should be Fluid. Only appliciable for `horizontal direction.`
-     */
-    isFluid?: boolean;
-    /**
-     * Determine if `<ProgressStepper.Item />` should be able to expand. This only is appliciable when direction is set to vertical
-     */
-    isExpandable?: boolean;
-}
-export { ProgressStepperItem, ProgressStepperItemProps, ProgressStepper, ProgressStepperProps };

package/dist/_shared/cjs/RadioGroup-d7664b0c.d.ts

@@ -1,97 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { FormControlProps } from "./FormControl-1e1bf2bf";
-/**
- * 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/cjs/Section-48aca5f5.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 };