@arc-ui/community-components 0.1.0

package/dist/styles.css

@@ -0,0 +1 @@
+.SectionHeading-module_section-header--padded__0FXP2{padding-bottom:40px;width:auto}@media (min-width:636px){.SectionHeading-module_section-header--padded__0FXP2{min-width:588px;width:auto}}@media (min-width:768px){.SectionHeading-module_section-header--padded__0FXP2{min-width:720px;padding:0 186px 40px 0}}@media (min-width:1024px){.SectionHeading-module_section-header--padded__0FXP2{min-width:960px;padding:0 246px 40px 0}}@media (min-width:1280px){.SectionHeading-module_section-header--padded__0FXP2{min-width:1216px;padding:0 312px 40px 0}}.Author-module_authorContent__TBY7b{padding-left:var(--sem-space-padding-70)}.Author-module_largeAvatar__Vco03{margin-bottom:var(--sem-space-gap-5)}.CopyLead-module_buttonContainer__3OaRG{margin:var(--sem-space-padding-150) auto 0;width:100%}.CopyLead-module_col__0Da5H{flex:1 1 auto;width:100%}.CopyLead-module_container__I91ym{align-items:flex-start;display:flex;gap:var(--sem-space-padding-150)}.CopyLead-module_container--content__e8LxG{flex-direction:column}.CopyLead-module_container--media__QcMWi{flex-direction:column-reverse}.CopyLead-module_container--align-center__Fh1Sd{align-items:center}.CopyLead-module_container--align-top__UIXOZ{align-items:flex-start}.CopyLead-module_list__arnJd{list-style:none;margin:0;max-width:480px;padding:0}.CopyLead-module_listItem__NscHE{display:flex}.CopyLead-module_listItem__NscHE:nth-of-type(n+2){margin-top:var(--sem-space-padding-150)}.CopyLead-module_listItemCentered__Kwdab{align-items:center}.CopyLead-module_listItemIconContainer__dgnhJ{flex:0 0 auto}.CopyLead-module_listItemTextContainer__Dl9lw{flex:1 1 auto;padding:0 0 0 var(--sem-space-padding-80)}.CopyLead-module_imgWrapper__HYP3w{border-radius:var(--sem-border-radius-s);overflow:hidden}.CopyLead-module_mediaContainer__PxTnm{margin-bottom:var(--sem-space-padding-150)}.CopyLead-module_content__Bja1D{max-width:715px}@media (min-width:636px){.CopyLead-module_buttonContainer__3OaRG{width:-moz-max-content;width:max-content}}@media (min-width:768px){.CopyLead-module_container__I91ym{gap:var(--sem-space-padding-110)}.CopyLead-module_container--content__e8LxG,.CopyLead-module_container--media__QcMWi{flex-direction:row}.CopyLead-module_container--reverse__Gq9u8{flex-direction:row-reverse}.CopyLead-module_buttonContainer__3OaRG{margin:var(--sem-space-padding-150) 0 0}.CopyLead-module_col__0Da5H{width:50%}.CopyLead-module_list__arnJd{max-width:100%}.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-80)}}@media (min-width:1024px){.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-110)}}@media (min-width:1280px){.CopyLead-module_container__I91ym{gap:var(--sem-space-padding-130)}.CopyLead-module_listItemTextContainer__Dl9lw{padding:0 var(--sem-space-padding-130)}}@media (min-width:768px){.DownloadList-module_headingContainer__PNio8{max-width:75%}}.FeaturePost-module_labelDate__NXOgY{padding-top:var(--sem-space-padding-20)}.FeaturePost-module_authorContent__FEuRO{padding-left:var(--sem-space-padding-70)}.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:var(--sem-space-padding-70) 0 0}.FeaturePost-module_imgWrapper__r6omd{border-radius:var(--sem-border-radius-s);overflow:hidden}@media (min-width:636px){.FeaturePost-module_googlePlayButtonWrapper__GI-ag{padding:0 0 0 var(--sem-space-padding-70)}}@media (min-width:768px){.FeaturePost-module_featurePost__9jY21{display:flex;gap:24px}.FeaturePost-module_featurePostReversed__WQRXm{flex-direction:row-reverse}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-110) 0 0}.FeaturePost-module_col__eW8gY{flex:0 1 auto;width:50%}.FeaturePost-module_labelDate__NXOgY{padding-left:var(--sem-space-padding-70)}}@media (min-width:1280px){.FeaturePost-module_featurePost__9jY21{gap:32px}.FeaturePost-module_contentContainer__kdus7{padding:0 var(--sem-space-padding-130) 0 0}}.Highlights-module_highlights__Hf7Zq{grid-gap:48px 24px;display:grid;gap:48px 24px;grid-template-columns:1fr}.Highlights-module_highlightItem__-N6le{max-width:480px;width:auto}@media (min-width:636px){.Highlights-module_highlights__Hf7Zq{grid-template-columns:1fr 1fr}.Highlights-module_highlightItem__-N6le{min-width:282px;padding-right:0}}@media (min-width:768px){.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{max-width:-moz-max-content;max-width:max-content;min-width:348px;padding-right:62px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:224px}}@media (min-width:1024px){.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{min-width:468px;padding-right:82px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:304px}}@media (min-width:1280px){.Highlights-module_highlights__Hf7Zq{gap:48px 32px}.Highlights-module_highlights2Column__6qIuI{grid-template-columns:1fr 1fr}.Highlights-module_highlights2Column__6qIuI .Highlights-module_highlightItem__-N6le{min-width:592px;padding-right:104px}.Highlights-module_highlights3Column__qsCMP{grid-template-columns:1fr 1fr 1fr}.Highlights-module_highlights3Column__qsCMP .Highlights-module_highlightItem__-N6le{min-width:384px}}.PromoListing-module_PromoListing__6ensv{max-width:1280px}.PromoListing-module_promoListingContainer__vwez-{grid-column:span 2;height:100%;width:100%}.PromoListing-module_cardGrid__llf73{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr}.PromoListing-module_carouselSlide__AMTPF{height:100%;padding:6px}@media (min-width:320px){.PromoListing-module_cardGrid__llf73{grid-auto-rows:minmax(430px,1fr)}}@media (min-width:636px){.PromoListing-module_cardGrid2Columns__qPLQk{grid-auto-rows:minmax(430px,1fr);grid-template-columns:repeat(4,1fr)}.PromoListing-module_cardGrid2Columns__qPLQk.PromoListing-module_cardGrid3Cards__VKWMs .PromoListing-module_promoListingContainer__vwez-:last-child,.PromoListing-module_cardGrid2Columns__qPLQk.PromoListing-module_cardGrid5Cards__ywl5k .PromoListing-module_promoListingContainer__vwez-:last-child{grid-column-end:4}}@media (min-width:768px){.PromoListing-module_cardGrid2Columns__qPLQk{grid-auto-rows:minmax(430px,1fr)}}@media (min-width:1024px){.PromoListing-module_cardGrid2Columns__qPLQk{grid-auto-rows:minmax(468px,1fr)}.PromoListing-module_cardGrid3Columns__g0Xru{grid-auto-rows:minmax(437px,1fr);grid-template-columns:repeat(6,1fr)}.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid4Cards__5Bv5u .PromoListing-module_promoListingContainer__vwez-:last-child{grid-column-end:5}.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid2Cards__wDc4S .PromoListing-module_promoListingContainer__vwez-:last-child,.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid5Cards__ywl5k .PromoListing-module_promoListingContainer__vwez-:last-child{grid-column-end:6}.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid2Cards__wDc4S .PromoListing-module_promoListingContainer__vwez-:nth-last-child(2),.PromoListing-module_cardGrid3Columns__g0Xru.PromoListing-module_cardGrid5Cards__ywl5k .PromoListing-module_promoListingContainer__vwez-:nth-last-child(2){grid-column-end:4}}@media (min-width:1280px){.PromoListing-module_cardGrid2Columns__qPLQk{grid-auto-rows:minmax(592px,1fr)}.PromoListing-module_cardGrid3Columns__g0Xru{grid-auto-rows:minmax(523px,1fr)}.PromoListing-module_cardGrid__llf73{gap:32px}}.Quote-module_blockQuote__STj-z{font-size:36px;font-style:normal;font-weight:500;margin:0}.Quote-module_quoteContent__kWc51{line-height:44px;margin:0;padding-bottom:32px;padding-top:32px}.Quote-module_quoteDefault__tU5db{fill:#5514b4;color:#5514b4}.Quote-module_quoteSecondary__3Rk3f{fill:#434343;color:#434343}.Quote-module_quoteIcon__HK1TV{height:76.471px;width:100px}svg{padding:0}@media (min-width:768px){.Quote-module_blockQuote__STj-z{font-size:40px}.Quote-module_quoteContent__kWc51{line-height:48px}}@media (min-width:1024px){.Quote-module_quoteIcon__HK1TV{height:95.588px;width:125px}}@media (min-width:1280px){.Quote-module_blockQuote__STj-z{font-size:56px}.Quote-module_quoteContent__kWc51{line-height:64px}}.Summary-module_ruleContainer__ydWlG{flex:0 1 auto;padding:24px}.Summary-module_ruleContainer__ydWlG .arc-Rule{margin:0}@media (min-width:636px){.Summary-module_row__SKV--{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}}@media (min-width:1024px){.Summary-module_ruleContainer__ydWlG{padding:12px 48px}.Summary-module_row__SKV--{padding:0 24px}}.Statistics-module_list__BI-eQ{list-style:none;margin:0;padding:0}.Statistics-module_mutedText__MR1JM,.arc a.Statistics-module_mutedText__MR1JM{color:var(--sem-color-text-primary-light-subtle)}.Statistics-module_statWrapper__83OnM{margin-bottom:-12px}@media (min-width:636px){.Statistics-module_statWrapper__83OnM{margin-bottom:0}}.BannerWithTabs-module_contentSwitcherWrapper__xvz39{display:none}.BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq{display:block}@media (min-width:636px){.BannerWithTabs-module_contentSwitcherWrapper__xvz39{display:block}.BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq{display:none}}

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { type SectionHeadingProps } from "../SectionHeading";
+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 SectionHeadingProps, AccordionDisclosureListProps {
+}

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

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

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

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

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { type AvatarProps } from "@arc-ui/components/dist/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/components/Author/index.d.ts

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

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

@@ -0,0 +1,17 @@
+import { FC } from "react";
+import { HeroBannerProps } from "@arc-ui/components/dist/types/components/HeroBanner/HeroBanner";
+export declare const BannerWithTabs: FC<BannerWithTabsProps>;
+export interface BannerWithTabsProps {
+    /**
+     * Determine what tabs to render. They need both a `value` and `label` prop
+     */
+    tabs: {
+        value: string;
+        label: string;
+        content: HeroBannerProps;
+    }[];
+    /**
+     * Default to an inital value of a tab. If this is left blank it will default to first tab.
+     */
+    defaultValue?: string;
+}

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

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

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

@@ -0,0 +1,42 @@
+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/components/CopyLead/components/Button/Button.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+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/components/CopyLead/components/Container/index.d.ts

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

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

@@ -0,0 +1,8 @@
+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/components/CopyLead/components/IconList/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import React 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;
+    listItems: CopyLeadListItem[];
+    button?: CopyLeadButton;
+}
+export {};

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

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

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

@@ -0,0 +1,16 @@
+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";
+export declare const MediaTemplate: React.FC<MediaTemplateProps>;
+interface MediaTemplateProps {
+    heading: string;
+    headingLevel?: HeadingLevel;
+    listItems: CopyLeadListItem[];
+    content?: string;
+    isReverseOrder?: boolean;
+    button?: CopyLeadButton;
+    image?: CopyLeadImage;
+    video?: VideoPlayerProps;
+}
+export {};

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

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

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

@@ -0,0 +1,2 @@
+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/components/CopyLead/types/copy-lead-image.d.ts

@@ -0,0 +1,4 @@
+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/components/CopyLead/types/copy-lead-list-item.d.ts

@@ -0,0 +1,6 @@
+import { type ArcIcon } from "@arc-ui/components/dist/types/types/arc-icon";
+export interface CopyLeadListItem {
+    icon: ArcIcon;
+    heading: string;
+    text?: string;
+}

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

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

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

@@ -0,0 +1,4 @@
+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/components/DownloadList/DownloadList.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+import { type DownloadProps } from "@arc-ui/components/dist/Download";
+export declare const DownloadList: React.FC<DownloadListProps>;
+export interface DownloadListProps {
+    heading: string;
+    content: string;
+    downloads: DownloadProps[];
+    headingLevel?: HeadingLevel;
+}

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

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

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

@@ -0,0 +1,45 @@
+import React from "react";
+import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+import { type VideoPlayerProps } from "@arc-ui/components/dist/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/components/FeaturePost/components/Image/Image.d.ts

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

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

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

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { type VideoPlayerProps } from "@arc-ui/components/dist/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/components/FeaturePost/index.d.ts

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

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

@@ -0,0 +1,6 @@
+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/components/FeaturePost/types/feature-post-cta-footer.d.ts

@@ -0,0 +1,7 @@
+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/components/FeaturePost/types/feature-post-image.d.ts

@@ -0,0 +1,4 @@
+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/components/FeaturePost/types/index.d.ts

@@ -0,0 +1,3 @@
+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/components/Highlights/Highlights.d.ts

@@ -0,0 +1,17 @@
+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 SectionHeadingProps {
+    /**
+     * 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/components/Highlights/components/HighlightItem/HighlightItem.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { type ArcIcon } from "@arc-ui/components/dist/types/types/arc-icon";
+export declare const HighlightItem: React.FC<HighlightItemProps>;
+interface HighlightItemProps {
+    icon?: ArcIcon;
+    heading: string;
+    text?: string;
+    link?: {
+        url: string;
+        textLink: string;
+    };
+    isSmallIcon: boolean;
+}
+export {};

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

@@ -0,0 +1,9 @@
+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/components/Highlights/index.d.ts

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

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

@@ -0,0 +1,10 @@
+import { type ArcIcon } from "@arc-ui/components/dist/types/types/arc-icon";
+export interface HighlightListItem {
+    icon?: ArcIcon;
+    heading: string;
+    text?: string;
+    link?: {
+        url: string;
+        textLink: string;
+    };
+}

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

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

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

@@ -0,0 +1,38 @@
+import React from "react";
+import { type SectionHeadingProps } from "../SectionHeading";
+import { type MediaCardProps } from "@arc-ui/components/dist/MediaCard";
+import { type ImpactCardProps } from "@arc-ui/components/dist/ImpactCard";
+import { type InformationCardProps } from "@arc-ui/components/dist/InformationCard";
+import { type TypographyCardProps } from "@arc-ui/components/dist/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 SectionHeadingProps {
+    /**
+     * 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/components/PromoListing/index.d.ts

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

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

@@ -0,0 +1,11 @@
+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/components/Quote/index.d.ts

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

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { type HeadingLevel } from "@arc-ui/components/dist/Heading";
+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;
+    /**
+     * Id content for `SectionHeading`.
+     */
+    id?: string;
+}

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

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

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

@@ -0,0 +1,7 @@
+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/components/Statistics/helpers/get-link-props.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { type HeadingLevel } from "@arc-ui/components/dist/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;
+}
+export {};

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

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

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

@@ -0,0 +1,11 @@
+export { Accordion } from "./Accordion";
+export { Author } from "./Author";
+export { CopyLead } from "./CopyLead";
+export { DownloadList } from "./DownloadList";
+export { FeaturePost } from "./FeaturePost";
+export { Highlights } from "./Highlights";
+export { PromoListing } from "./PromoListing";
+export { Quote } from "./Quote";
+export { Summary } from "./Summary";
+export { Statistics } from "./Statistics";
+export { BannerWithTabs } from "./BannerWithTabs";

package/dist/types/index.d.ts

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

package/eslint.config.js

@@ -0,0 +1,4 @@
+import config from "@arc-ui/community-eslint-config/react";
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [...config];