@arc-ui/community-components 2.0.0 → 3.0.0

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

@@ -1,16 +0,0 @@
-import React, { ReactNode } from "react";
-import { type HeadingLevel } from "@arc-ui/components/Heading";
-import { type VideoPlayerProps } from "@arc-ui/components/VideoPlayer";
-import { type CopyLeadButton, type CopyLeadImage, type CopyLeadListItem } from "../../types";
-export declare const MediaTemplate: React.FC<MediaTemplateProps>;
-interface MediaTemplateProps {
-    heading: string;
-    headingLevel?: HeadingLevel;
-    listItems: CopyLeadListItem[];
-    content?: string | ReactNode;
-    isReverseOrder?: boolean;
-    button?: CopyLeadButton;
-    image?: CopyLeadImage;
-    video?: VideoPlayerProps;
-}
-export {};

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

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

package/dist/types/esm/components/CopyLead/types/copy-lead-button.d.ts

@@ -1,2 +0,0 @@
-import { type ButtonProps } from "@arc-ui/components/dist/types/components/Button/Button";
-export type CopyLeadButton = Pick<ButtonProps, "label" | "onClick" | "href" | "target" | "ariaLabel">;

package/dist/types/esm/components/CopyLead/types/copy-lead-image.d.ts

@@ -1,4 +0,0 @@
-import { type ImageSourceProps, type ImageProps as ArcImageProps } from "@arc-ui/components/dist/types/components/Image/Image";
-export interface CopyLeadImage extends Pick<ArcImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "width" | "height" | "fadeOnLoad"> {
-    sources?: Pick<ImageSourceProps, "media" | "sizes" | "srcSet">[];
-}

package/dist/types/esm/components/CopyLead/types/copy-lead-list-item.d.ts

@@ -1,5 +0,0 @@
-export interface CopyLeadListItem {
-    icon: string;
-    heading: string;
-    text?: string;
-}

package/dist/types/esm/components/CopyLead/types/copy-lead-transcript-link.d.ts

@@ -1,6 +0,0 @@
-export interface CopyLeadTranscriptLink {
-    url: string;
-    text: string;
-    fileSize: string;
-    format: string;
-}

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

@@ -1,4 +0,0 @@
-export { type CopyLeadImage } from "./copy-lead-image";
-export { type CopyLeadListItem } from "./copy-lead-list-item";
-export { type CopyLeadTranscriptLink } from "./copy-lead-transcript-link";
-export { type CopyLeadButton } from "./copy-lead-button";

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

@@ -1,7 +0,0 @@
-import React from "react";
-import { type SectionHeadingProps } from "../SectionHeading";
-import { type DownloadProps } from "@arc-ui/components/Download";
-export declare const DownloadList: React.FC<DownloadListProps>;
-export interface DownloadListProps extends Omit<SectionHeadingProps, "isPadded"> {
-    downloads: DownloadProps[];
-}

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

@@ -1 +0,0 @@
-export { DownloadList, type DownloadListProps } from "./DownloadList";

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

@@ -1,13 +0,0 @@
-import React from "react";
-import { type AccordionProps } from "../Accordion";
-import { type SectionHeadingProps } from "../SectionHeading";
-export declare const FAQs: React.FC<FAQsProps>;
-interface ExtendedAccordionProps extends AccordionProps {
-    altLinkTitle?: string;
-}
-export interface FAQsProps extends SectionHeadingProps {
-    type: "list" | "listWithLinks" | "tabs";
-    linkListHeading?: string;
-    accordionData: ExtendedAccordionProps[];
-}
-export {};

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

@@ -1 +0,0 @@
-export { FAQs, type FAQsProps } from "./FAQs";

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

@@ -1,45 +0,0 @@
-import React from "react";
-import { type HeadingLevel } from "@arc-ui/components/Heading";
-import { type VideoPlayerProps } from "@arc-ui/components/VideoPlayer";
-import { type FeaturePostAppButtonFooter, type FeaturePostCtaFooter, type FeaturePostImage } from "./types";
-/**
- * Use `FeaturePost` to direct traffic towards an article, case study, or product information page, or to a 3rd part App Store provider. Where the component links to an article page, the author attribution can be given here. The `FeaturePost` must be supported by an image, and in future, the component will support embedded video as well.
- * */
-export declare const FeaturePost: React.FC<FeaturePostProps>;
-export interface FeaturePostProps {
-    /**
-     * heading for `FeaturePost`.
-     */
-    heading: string;
-    /**
-     * Determine a heading level for `<FeaturePost />`
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Text content for `FeaturePost`.
-     */
-    content: string;
-    /**
-     * 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;
-    /**
-     * Image for `FeaturePost`.
-     */
-    image?: FeaturePostImage;
-    /**
-     * Footer for `FeaturePost`. Types included are `cta` or `appButton`.
-     */
-    footer?: FeaturePostCtaFooter | FeaturePostAppButtonFooter;
-    /**
-     * Label for `FeaturePost`.
-     */
-    label?: {
-        text: string;
-        date: string | Date;
-    };
-    /**
-     * Video embed. Supported platforms are YouTube and Vimeo.
-     */
-    video?: VideoPlayerProps;
-}

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

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

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

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

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

@@ -1,15 +0,0 @@
-import React from "react";
-import { type VideoPlayerProps } from "@arc-ui/components/VideoPlayer";
-import { type FeaturePostImage } from "../../types";
-export declare const MediaContent: React.FC<MediaContentProps>;
-interface MediaContentProps {
-    /**
-     * Image for `FeaturePost`.
-     */
-    image?: FeaturePostImage;
-    /**
-     * Video embed. Supported platforms are YouTube and Vimeo.
-     */
-    video?: VideoPlayerProps;
-}
-export {};

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

@@ -1 +0,0 @@
-export { FeaturePost, type FeaturePostProps } from "./FeaturePost";

package/dist/types/esm/components/FeaturePost/types/feature-post-app-button-footer.d.ts

@@ -1,6 +0,0 @@
-import { type AppButtonProps } from "@arc-ui/components/dist/types/components/AppButton";
-export interface FeaturePostAppButtonFooter {
-    type: "appButton";
-    googlePlay?: Omit<AppButtonProps, "type">;
-    appStore?: Omit<AppButtonProps, "type">;
-}

package/dist/types/esm/components/FeaturePost/types/feature-post-cta-footer.d.ts

@@ -1,7 +0,0 @@
-import { type ButtonProps } from "@arc-ui/components/dist/types/components/Button/Button";
-import { type AuthorProps } from "../../Author/Author";
-export interface FeaturePostCtaFooter {
-    type: "cta";
-    button: Pick<ButtonProps, "label" | "onClick" | "href" | "target" | "ariaLabel">;
-    author?: AuthorProps;
-}

package/dist/types/esm/components/FeaturePost/types/feature-post-image.d.ts

@@ -1,4 +0,0 @@
-import { type ImageSourceProps, type ImageProps as ArcImageProps } from "@arc-ui/components/dist/types/components/Image/Image";
-export interface FeaturePostImage extends Pick<ArcImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "width" | "height" | "fadeOnLoad"> {
-    sources?: Pick<ImageSourceProps, "media" | "sizes" | "srcSet">[];
-}

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

@@ -1,3 +0,0 @@
-export { type FeaturePostAppButtonFooter } from "./feature-post-app-button-footer";
-export { type FeaturePostCtaFooter } from "./feature-post-cta-footer";
-export { type FeaturePostImage } from "./feature-post-image";

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

@@ -1,17 +0,0 @@
-import React from "react";
-import { type SectionHeadingProps } from "../SectionHeading";
-import { type HighlightListItem } from "./types";
-/**
- * Use `Highlights` to give supporting information about a page or proposition. It can be used to call out key benefits in bullet points, or link. Both two and three column options are available.
- */
-export declare const Highlights: React.FC<HighlightsProps>;
-export interface HighlightsProps extends Omit<SectionHeadingProps, "isPadded"> {
-    /**
-     * List items for `Highlights`. List length should be a minimum of 2 and a maximum of 6.
-     */
-    listItems: HighlightListItem[];
-    /**
-     * Number of columns for option desktop and tablet breakpoints only.
-     */
-    columns?: "2" | "3";
-}

package/dist/types/esm/components/Highlights/components/HighlightItem/HighlightItem.d.ts

@@ -1,11 +0,0 @@
-import React, { ReactNode } from "react";
-import { type HighlightLink } from "../../types";
-export declare const HighlightItem: React.FC<HighlightItemProps>;
-interface HighlightItemProps {
-    icon?: string;
-    heading: string;
-    text?: string | ReactNode;
-    link?: HighlightLink;
-    isSmallIcon: boolean;
-}
-export {};

package/dist/types/esm/components/Highlights/components/HighlightList/HighlightList.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { type HighlightListItem } from "../../types/highlight-list-item";
-export declare const HighlightList: React.FC<HighlightListProps>;
-interface HighlightListProps {
-    listItems: HighlightListItem[];
-    columns: "2" | "3";
-    isSmallIcon: boolean;
-}
-export {};

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

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

package/dist/types/esm/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/esm/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/esm/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/esm/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/esm/components/ProductNavigation/index.d.ts

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

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

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

package/dist/types/esm/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/esm/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/esm/components/PromoListing/index.d.ts

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

package/dist/types/esm/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/esm/components/Quote/index.d.ts

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

package/dist/types/esm/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/esm/components/SectionHeading/index.d.ts

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

package/dist/types/esm/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/esm/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/esm/components/Statistics/index.d.ts

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

package/dist/types/esm/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/esm/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/esm/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/esm/components/Summary/index.d.ts

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

package/dist/types/esm/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/esm/index.d.ts

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