@arc-ui/community-components 2.0.0 → 3.0.0

package/dist/types/cjs/components/Highlights/index.d.ts

@@ -1 +0,0 @@
-export { Highlights, type HighlightsProps } from "./Highlights";

package/dist/types/cjs/components/Highlights/types/highlight-link.d.ts

@@ -1,5 +0,0 @@
-export interface HighlightLink {
-    url: string;
-    textLink: string;
-    onClick?: (e: React.MouseEvent) => void;
-}

package/dist/types/cjs/components/Highlights/types/highlight-list-item.d.ts

@@ -1,7 +0,0 @@
-import { type HighlightLink } from "./highlight-link";
-export interface HighlightListItem {
-    icon?: string;
-    heading: string;
-    text?: string | React.ReactNode;
-    link?: HighlightLink;
-}

package/dist/types/cjs/components/Highlights/types/index.d.ts

@@ -1,2 +0,0 @@
-export { type HighlightListItem } from "./highlight-list-item";
-export { type HighlightLink } from "./highlight-link";

package/dist/types/cjs/components/ProductNavigation/ProductNavigation.d.ts

@@ -1,49 +0,0 @@
-import React from "react";
-import { type SectionHeadingProps } from "../SectionHeading";
-import { type ListProps } from "./types";
-/**
- * Use `ProductNavigation` to give a collection of product information cards collected within a grid that has optional show/hide capability
- */
-export declare const ProductNavigation: React.FC<ProductNavigationProps>;
-export interface ProductNavigationProps extends Omit<SectionHeadingProps, "isPadded"> {
-    /**
-     * List items for `ProductNavigation`.
-     */
-    productList: ListProps[];
-    /**
-     * Include "show more" or "show less" buttons.
-     */
-    hideButton?: boolean;
-    /**
-     * Prevent "show less" button from appearing after full productList is displayed.
-     */
-    hideShowLess?: boolean;
-    /**
-     * Set default expand or collapse view of product on page load.
-     */
-    defaultExpanded?: boolean;
-    /**
-     * Set number of products to hide or show.
-     */
-    listIncrement?: number;
-    /**
-     * Set number of products to show by default.
-     */
-    cardsToDisplay?: number;
-    /**
-     * Custom onClick handler called everytime "show more" is pressed
-     */
-    onClickMore?: () => void;
-    /**
-     * Custom onClick handler called everytime "show less" is pressed
-     */
-    onClickLess?: () => void;
-    /**
-     * Set a loading state for the "show more" and "show less" buttons
-     */
-    isLoading?: boolean;
-    /**
-     * Set minHeight for all products.
-     */
-    minHeight?: number;
-}

package/dist/types/cjs/components/ProductNavigation/index.d.ts

@@ -1,2 +0,0 @@
-export { ProductNavigation, type ProductNavigationProps, } from "./ProductNavigation";
-export { type ListProps } from "./types";

package/dist/types/cjs/components/ProductNavigation/types/index.d.ts

@@ -1 +0,0 @@
-export { type ListProps } from "./product-list";

package/dist/types/cjs/components/ProductNavigation/types/product-list.d.ts

@@ -1,6 +0,0 @@
-import { InformationCardProps } from "@arc-ui/components/InformationCard";
-import { ButtonV2Props } from "@arc-ui/components/types/components/ButtonV2/ButtonV2";
-type ListInformationCardButtonProps = Pick<ButtonV2Props, "label" | "onClick" | "href">;
-type ListInformationCardProps = Pick<InformationCardProps, "heading" | "text">;
-export type ListProps = ListInformationCardButtonProps & ListInformationCardProps;
-export {};

package/dist/types/cjs/components/PromoListing/PromoListing.d.ts

@@ -1,38 +0,0 @@
-import React from "react";
-import { type SectionHeadingProps } from "../SectionHeading";
-import { type MediaCardProps } from "@arc-ui/components/MediaCard";
-import { type ImpactCardProps } from "@arc-ui/components/ImpactCard";
-import { type InformationCardProps } from "@arc-ui/components/InformationCard";
-import { type TypographyCardProps } from "@arc-ui/components/TypographyCard";
-/**
- * Use `PromoListing` to give supporting information about a page or proposition in the form of the card components (`ImpactCard`, `InformationCard`, `MediaCard` and `TypographyCard`).
- */
-export declare const PromoListing: React.FC<PromoListingProps>;
-interface PromoListMediaCard extends MediaCardProps {
-    type: "media-card";
-}
-interface PromoListImpactCard extends ImpactCardProps {
-    type: "impact-card";
-}
-interface PromoListInformationCard extends InformationCardProps {
-    type: "information-card";
-}
-interface PromoListTypographyCard extends TypographyCardProps {
-    type: "typography-card";
-}
-type PromoListCard = PromoListMediaCard | PromoListInformationCard | PromoListTypographyCard | PromoListImpactCard;
-export interface PromoListingProps extends Omit<SectionHeadingProps, "isPadded"> {
-    /**
-     * Cards for the PromoListing.
-     */
-    cards: PromoListCard[];
-    /**
-     * Shows cards in a carousel on devices below 1024px if true.
-     */
-    isCarousel?: true;
-    /**
-     * Number of columns for desktop breakpoints. "2" and "3" column options available.
-     */
-    columns?: "2" | "3";
-}
-export {};

package/dist/types/cjs/components/PromoListing/index.d.ts

@@ -1 +0,0 @@
-export { PromoListing, type PromoListingProps } from "./PromoListing";

package/dist/types/cjs/components/Quote/Quote.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { AuthorProps } from "../Author/Author";
-/**
- * Use `Quote` where a quote or testimonial from an existing customer or stakeholder would help build trust and credibility with potential new customers. It's commonly used on product pages where customers would learn about a product or service that we offer.*/
-export declare const Quote: React.FC<QuoteProps>;
-export interface QuoteProps {
-    styling?: "Default" | "Secondary";
-    content: string;
-    author?: AuthorProps;
-    citeUrl?: string;
-}

package/dist/types/cjs/components/Quote/index.d.ts

@@ -1 +0,0 @@
-export { Quote, type QuoteProps } from "./Quote";

package/dist/types/cjs/components/SectionHeading/SectionHeading.d.ts

@@ -1,30 +0,0 @@
-import React, { ReactNode } from "react";
-import { type HeadingLevel } from "@arc-ui/components/Heading";
-import { type ImageProps } from "@arc-ui/components/dist/types/components/Image/Image";
-export declare const SectionHeading: React.FC<SectionHeadingProps>;
-export interface SectionHeadingProps {
-    /**
-     * heading for `SectionHeading`.
-     */
-    heading: string;
-    /**
-     * Adds padding to `SectionHeading`.
-     */
-    isPadded?: boolean;
-    /**
-     * Determine a heading level for `SectionHeading`.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Text content for `SectionHeading`.
-     */
-    content?: string | ReactNode;
-    /**
-     * Id content for `SectionHeading`.
-     */
-    id?: string;
-    /**
-     * Header image for the `SectionHeading`.
-     */
-    image?: ImageProps;
-}

package/dist/types/cjs/components/SectionHeading/index.d.ts

@@ -1 +0,0 @@
-export { SectionHeading, type SectionHeadingProps } from "./SectionHeading";

package/dist/types/cjs/components/Statistics/Statistics.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { type SectionHeadingProps } from "../SectionHeading";
-import { type Statistic } from "./types/statistic";
-export declare const Statistics: React.FC<StatisticsProps>;
-export interface StatisticsProps extends Omit<SectionHeadingProps, "isPadded"> {
-    statistics: Statistic[];
-}

package/dist/types/cjs/components/Statistics/helpers/get-link-props.d.ts

@@ -1,2 +0,0 @@
-import { type StatisticlLink } from "../types/statistic-link";
-export declare const getLinkProps: (link: StatisticlLink) => React.AnchorHTMLAttributes<HTMLAnchorElement>;

package/dist/types/cjs/components/Statistics/index.d.ts

@@ -1 +0,0 @@
-export { Statistics, type StatisticsProps } from "./Statistics";

package/dist/types/cjs/components/Statistics/types/statistic-link.d.ts

@@ -1,6 +0,0 @@
-export interface StatisticlLink {
-    text: string;
-    href: string;
-    openInNewTab?: boolean;
-    ariaLabel?: string;
-}

package/dist/types/cjs/components/Statistics/types/statistic.d.ts

@@ -1,8 +0,0 @@
-import { type StatisticlLink } from "./statistic-link";
-export interface Statistic {
-    stat: string;
-    copy: string;
-    link?: StatisticlLink;
-    source?: string;
-    sourceUrl?: string;
-}

package/dist/types/cjs/components/Summary/Summary.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { type HeadingLevel } from "@arc-ui/components/Heading";
-export declare const Summary: React.FC<SummaryProps>;
-interface SummaryContent {
-    heading: string;
-    text: string;
-}
-export interface SummaryProps {
-    /**
-     * Content for <Summary />
-     */
-    content: [SummaryContent, SummaryContent, SummaryContent];
-    /**
-     * Determine a heading level for each column.
-     */
-    headingLevel?: HeadingLevel;
-    noBorder?: boolean;
-}
-export {};

package/dist/types/cjs/components/Summary/index.d.ts

@@ -1 +0,0 @@
-export { Summary, type SummaryProps } from "./Summary";

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

@@ -1,16 +0,0 @@
-export * from "./Accordion";
-export * from "./Author";
-export * from "./CopyLead";
-export * from "./DownloadList";
-export * from "./FAQs";
-export * from "./FeaturePost";
-export * from "./Highlights";
-export * from "./PromoListing";
-export * from "./Quote";
-export * from "./Summary";
-export * from "./Statistics";
-export * from "./BannerWithTabs";
-export * from "./ArticleSidebar";
-export * from "./ProductNavigation";
-export * from "./SectionHeading";
-export * from "./ContentInfoWidget";

package/dist/types/cjs/index.d.ts

@@ -1 +0,0 @@
-export * from "./components";

package/dist/types/esm/components/Accordion/Accordion.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { type AccordionHeadingProps } from "./components/AccordionHeading/AccordionHeading";
-import { AccordionDisclosureListProps } from "./components/AccordionDisclosureList/AccordionDisclosureList";
-/**
- * Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
- */
-export declare const Accordion: React.FC<AccordionProps>;
-export interface AccordionProps extends Omit<AccordionHeadingProps, "isPadded">, AccordionDisclosureListProps {
-}

package/dist/types/esm/components/Accordion/components/AccordionDisclosureList/AccordionDisclosureList.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { type DisclosureProps } from "@arc-ui/components/Disclosure";
-export declare const AccordionDisclosureList: React.FC<AccordionDisclosureListProps>;
-export interface AccordionDisclosureListProps {
-    /**
-     * Array of `Disclosure` components. Maximum 10 in one `Accordion`.
-     */
-    disclosureList: (DisclosureProps & {
-        id: string;
-    })[];
-}

package/dist/types/esm/components/Accordion/components/AccordionHeading/AccordionHeading.d.ts

@@ -1,34 +0,0 @@
-import React from "react";
-import { type HeadingLevel } from "@arc-ui/components/Heading";
-import { type ImageProps } from "@arc-ui/components/dist/types/components/Image/Image";
-export declare const AccordionHeading: React.FC<AccordionHeadingProps>;
-export interface AccordionHeadingProps {
-    /**
-     * heading for `AccordionHeading`.
-     */
-    heading: string;
-    /**
-     * Adds padding to `AccordionHeading`.
-     */
-    isPadded?: boolean;
-    /**
-     * Determine a heading level for `AccordionHeading`.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Text content for `AccordionHeading`.
-     */
-    content?: string;
-    /**
-     * Id content for `AccordionHeading`.
-     */
-    id?: string;
-    /**
-     * Header image for the `AccordionHeading`.
-     */
-    image?: ImageProps;
-    /**
-     * Header size for the `AccordionHeading`.
-     */
-    headingSize?: "xl" | "m";
-}

package/dist/types/esm/components/Accordion/components/AccordionHeading/index.d.ts

@@ -1 +0,0 @@
-export { AccordionHeading, type AccordionHeadingProps, } from "./AccordionHeading";

package/dist/types/esm/components/Accordion/index.d.ts

@@ -1 +0,0 @@
-export { Accordion, type AccordionProps } from "./Accordion";

package/dist/types/esm/components/ArticleSidebar/ArticleSidebar.d.ts

@@ -1,36 +0,0 @@
-import React from "react";
-import { type TextSection } from "./types/text-section";
-import { type LinkSection } from "./types/link-section";
-import { type Topic } from "./types/topic";
-import { type Share } from "./types/share";
-import { type SidebarAuthor } from "./types/sidebar-author";
-/**
- * Use `ArticleSidebar` to provide additional information about the article.
- */
-export declare const ArticleSidebar: React.FC<ArticleSidebarProps>;
-export interface ArticleSidebarProps {
-    /**
-     * Props for Author component.
-     */
-    author?: SidebarAuthor;
-    /**
-     * Content for the about section.
-     */
-    aboutSection?: TextSection;
-    /**
-     * Array of headings and text for additional text sections.
-     */
-    additionalContent?: TextSection[];
-    /**
-     * Links that are relevant to the article.
-     */
-    linkSection: LinkSection;
-    /**
-     * Topics rendered as tags that are relevant to the article.
-     */
-    topics?: Topic;
-    /**
-     * Sharing options for the article.
-     */
-    share: Share;
-}

package/dist/types/esm/components/ArticleSidebar/index.d.ts

@@ -1 +0,0 @@
-export { ArticleSidebar, type ArticleSidebarProps } from "./ArticleSidebar";

package/dist/types/esm/components/ArticleSidebar/types/link-section.d.ts

@@ -1,11 +0,0 @@
-import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
-interface Link {
-    text: string;
-    url: string;
-}
-export interface LinkSection {
-    heading: string;
-    links: Link[];
-    headingLevel?: HeadingLevel;
-}
-export {};

package/dist/types/esm/components/ArticleSidebar/types/share-button.d.ts

@@ -1,7 +0,0 @@
-export interface ShareButton {
-    label: string;
-    icon: string;
-    isButton?: boolean;
-    href?: string;
-    onClick?: () => void;
-}

package/dist/types/esm/components/ArticleSidebar/types/share.d.ts

@@ -1,8 +0,0 @@
-import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
-export interface Share {
-    heading: string;
-    articleTitle: string;
-    x?: boolean;
-    headingLevel?: HeadingLevel;
-    linkedin?: boolean;
-}

package/dist/types/esm/components/ArticleSidebar/types/sidebar-author.d.ts

@@ -1,4 +0,0 @@
-import { type AuthorProps } from "../../Author";
-export interface SidebarAuthor extends AuthorProps {
-    avatar?: Omit<NonNullable<AuthorProps["avatar"]>, "size">;
-}

package/dist/types/esm/components/ArticleSidebar/types/text-section.d.ts

@@ -1,6 +0,0 @@
-import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
-export interface TextSection {
-    heading: string;
-    content: string;
-    headingLevel?: HeadingLevel;
-}

package/dist/types/esm/components/ArticleSidebar/types/topic.d.ts

@@ -1,7 +0,0 @@
-import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
-import { type TagProps } from "@arc-ui/components/dist/types/components/Tag/Tag";
-export interface Topic {
-    heading: string;
-    tags: TagProps[];
-    headingLevel?: HeadingLevel;
-}

package/dist/types/esm/components/Author/Author.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import { type AvatarProps } from "@arc-ui/components/Avatar";
-export declare const Author: React.FC<AuthorProps>;
-export interface AuthorProps {
-    /**
-     * Name of the Author.
-     */
-    name: string;
-    /**
-     * Job title of the Author.
-     */
-    title: string;
-    /**
-     * Optional Avatar for the Author.
-     */
-    avatar?: AvatarProps;
-}

package/dist/types/esm/components/Author/index.d.ts

@@ -1 +0,0 @@
-export { Author, type AuthorProps } from "./Author";

package/dist/types/esm/components/BannerWithTabs/BannerWithTabs.d.ts

@@ -1,38 +0,0 @@
-import { FC } from "react";
-import { SectionHeadingProps } from "../SectionHeading";
-import { TemplateBannerProps } from "@arc-ui/components/dist/types/components/TemplateBanner/TemplateBanner";
-export declare const BannerWithTabs: FC<BannerWithTabsProps>;
-export interface BannerWithTabsProps extends Omit<SectionHeadingProps, "image" | "isPadded"> {
-    /**
-     * Align `SectionHeading` component.
-     */
-    alignTypography?: "left" | "center";
-    /**
-     * Default to an inital value of a tab. If this is left blank it will default to first tab.
-     */
-    defaultValue?: string;
-    /**
-     * Determine what tabs to render. They need both a `value` and `label` prop
-     */
-    tabs: {
-        value: string;
-        label: string;
-        content: TemplateBannerProps;
-    }[];
-    /**
-     * Set the minimum height of the all banners M and above.
-     */
-    minHeight?: number;
-    /**
-     * Set the minimum height all of the banner for the M breakpoint. This will be active when the TabbedBanner switches to the mobile layout at the medium breakpoint.
-     */
-    minHeightM?: number;
-    /**
-     * heading for `SectionHeading`.
-     */
-    heading: string;
-    /**
-     * Text content for `SectionHeading`.
-     */
-    content?: string;
-}

package/dist/types/esm/components/BannerWithTabs/index.d.ts

@@ -1 +0,0 @@
-export { BannerWithTabs, type BannerWithTabsProps } from "./BannerWithTabs";

package/dist/types/esm/components/ContentInfoWidget/ContentInfoWidget.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare const ContentInfoWidget: React.FC<ContentInfoWidgetProps>;
-export interface ContentInfoWidgetProps {
-    icon: string;
-    text: string;
-}

package/dist/types/esm/components/ContentInfoWidget/index.d.ts

@@ -1 +0,0 @@
-export { ContentInfoWidget, type ContentInfoWidgetProps, } from "./ContentInfoWidget";

package/dist/types/esm/components/CopyLead/CopyLead.d.ts

@@ -1,42 +0,0 @@
-import React from "react";
-import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
-import { type VideoPlayerProps } from "@arc-ui/components/dist/VideoPlayer";
-import { type CopyLeadButton, type CopyLeadImage, type CopyLeadListItem } from "./types";
-/**
- * Use `CopyLead` to give supporting information about a page or proposition. It can be used to call out key benefits in bullet points, or link to a supporting explanatory video. An optional CTA can be used to link to further information or trigger a sales or enquiry journey.
- */
-export declare const CopyLead: React.FC<CopyLeadProps>;
-export interface CopyLeadProps {
-    /**
-     * heading for `CopyLead`.
-     */
-    heading: string;
-    /**
-     * Determine a heading level for `<MediaTemplate />` and `<ContentTemplate />`
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Reverse the columns so the image / video appears on the left. Doesn't affect mobile layouts, and is only applied if there is a video or an image.
-     */
-    isReverseOrder?: boolean;
-    /**
-     * Text content for `CopyLead`.
-     */
-    content?: string;
-    /**
-     * Button for `CopyLead`.
-     */
-    button?: CopyLeadButton;
-    /**
-     * Image for `CopyLead`.
-     */
-    image?: CopyLeadImage;
-    /**
-     * Video embed. Supported platforms are YouTube and Vimeo.
-     */
-    video?: VideoPlayerProps;
-    /**
-     * List items for `CopyLead`
-     */
-    listItems: CopyLeadListItem[];
-}

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

@@ -1,3 +0,0 @@
-import React from "react";
-import { CopyLeadButton } from "../../types";
-export declare const Button: React.FC<CopyLeadButton>;

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

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

package/dist/types/esm/components/CopyLead/components/Column/Column.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare const Column: React.FC<ColumnProps>;
-interface ColumnProps {
-    children?: React.ReactNode;
-}
-export {};

package/dist/types/esm/components/CopyLead/components/Column/index.d.ts

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

package/dist/types/esm/components/CopyLead/components/Container/Container.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export declare const Container: React.FC<ContainerProps>;
-interface ContainerProps {
-    type: "media" | "content";
-    alignment: "top" | "center";
-    isReverseOrder?: boolean;
-    children?: React.ReactNode;
-}
-export {};

package/dist/types/esm/components/CopyLead/components/Container/index.d.ts

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

package/dist/types/esm/components/CopyLead/components/IconList/IconList.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { CopyLeadListItem } from "../../types";
-export declare const IconList: React.FC<IconListProps>;
-interface IconListProps {
-    isLgScreen: boolean;
-    listItems: CopyLeadListItem[];
-}
-export {};

package/dist/types/esm/components/CopyLead/components/IconList/index.d.ts

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

package/dist/types/esm/components/CopyLead/components/Image/Image.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { CopyLeadImage } from "../../types";
-export declare const Image: React.FC<CopyLeadImage>;

package/dist/types/esm/components/CopyLead/components/Image/index.d.ts

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

package/dist/types/esm/components/CopyLead/components/MediaContent/MediaContent.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactNode } from "react";
-import { type HeadingLevel } from "@arc-ui/components/Heading";
-export declare const MediaContent: React.FC<MediaContentProps>;
-interface MediaContentProps {
-    heading: string;
-    headingLevel?: HeadingLevel;
-    children?: string | ReactNode;
-}
-export {};

package/dist/types/esm/components/CopyLead/components/MediaContent/index.d.ts

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

package/dist/types/esm/components/CopyLead/index.d.ts

@@ -1 +0,0 @@
-export { CopyLead, type CopyLeadProps } from "./CopyLead";

package/dist/types/esm/components/CopyLead/templates/Content/Content.d.ts

@@ -1,10 +0,0 @@
-import React, { ReactNode } from "react";
-import { type SectionHeadingProps } from "../../../../components/SectionHeading";
-import { type CopyLeadButton, type CopyLeadListItem } from "../../types";
-export declare const ContentTemplate: React.FC<ContentTemplateProps>;
-interface ContentTemplateProps extends SectionHeadingProps {
-    content: string | ReactNode;
-    listItems: CopyLeadListItem[];
-    button?: CopyLeadButton;
-}
-export {};

package/dist/types/esm/components/CopyLead/templates/Content/index.d.ts

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