@arc-ui/community-components 3.5.0 → 3.7.0

package/lib/index.d.cts

@@ -2,13 +2,13 @@ import React$1, { ReactNode, FC } from 'react';
 import { HeadingLevel } from '@arc-ui/components/Heading';
 import { ImageProps, ImageSourceProps } from '@arc-ui/components/Image';
 import { DisclosureProps } from '@arc-ui/components/Disclosure';
+import { MediaCardProps } from '@arc-ui/components/MediaCard';
 import { AvatarProps } from '@arc-ui/components/Avatar';
 import { VideoPlayerProps } from '@arc-ui/components/VideoPlayer';
 import { ButtonProps } from '@arc-ui/components/Button';
 import { DownloadProps } from '@arc-ui/components/Download';
 import { AppButtonProps } from '@arc-ui/components/AppButton';
 import { ButtonV2Props } from '@arc-ui/components/ButtonV2';
-import { MediaCardProps } from '@arc-ui/components/MediaCard';
 import { ImpactCardProps } from '@arc-ui/components/ImpactCard';
 import { InformationCardProps } from '@arc-ui/components/InformationCard';
 import { TypographyCardProps } from '@arc-ui/components/TypographyCard';
@@ -63,6 +63,68 @@ declare const Accordion: React$1.FC<AccordionProps>;
 interface AccordionProps extends Omit<AccordionHeadingProps, "isPadded">, AccordionDisclosureListProps {
 }
 
+declare const SectionHeading: React$1.FC<SectionHeadingProps>;
+interface SectionHeadingProps {
+    /**
+     * heading for `SectionHeading`.
+     */
+    heading: string;
+    /**
+     * Adds padding to `SectionHeading`.
+     */
+    isPadded?: boolean;
+    /**
+     * Determine a heading level for `SectionHeading`.
+     */
+    headingLevel?: HeadingLevel;
+    /**
+     * Word wrap behavior for the heading
+     */
+    isHeadingWordWrap?: boolean;
+    /**
+     * Text content for `SectionHeading`.
+     */
+    content?: string | ReactNode;
+    /**
+     * Id content for `SectionHeading`.
+     */
+    id?: string;
+    /**
+     * Header image for the `SectionHeading`.
+     */
+    image?: ImageProps;
+    /**
+     * Is Heading centered. Only intended to be used when no content is provided and the heading is alone.
+     */
+    isCentered?: boolean;
+}
+
+/**
+ * Use `ArticleCarousel` to give supporting information about a page or proposition in the form of the `Carousel` containing only `MediaCard` components.
+ */
+declare const ArticleCarousel: React$1.FC<ArticleCarouselProps>;
+interface ArticleCarouselProps extends SectionHeadingProps {
+    /**
+     * Cards object of MediaCards for Carousel to display.
+     */
+    cards: MediaCardProps[];
+    /**
+     * Determine if MediaCards are displayed in their contained or uncontained styles.
+     */
+    cardsContained?: boolean;
+    /**
+     * Determine minimum height of cards per breakpoint.
+     */
+    minHeights?: {
+        xxl?: number;
+        xl?: number;
+        l?: number;
+        m?: number;
+        s?: number;
+        xs?: number;
+    };
+}
+
 declare const Author: React$1.FC<AuthorProps>;
 interface AuthorProps {
     /**
@@ -138,38 +200,6 @@ interface CopyLeadProps {
     listItems: CopyLeadListItem[];
 }
 
-declare const SectionHeading: React$1.FC<SectionHeadingProps>;
-interface SectionHeadingProps {
-    /**
-     * heading for `SectionHeading`.
-     */
-    heading: string;
-    /**
-     * Adds padding to `SectionHeading`.
-     */
-    isPadded?: boolean;
-    /**
-     * Determine a heading level for `SectionHeading`.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Word wrap behavior for the heading
-     */
-    isHeadingWordWrap?: boolean;
-    /**
-     * Text content for `SectionHeading`.
-     */
-    content?: string | ReactNode;
-    /**
-     * Id content for `SectionHeading`.
-     */
-    id?: string;
-    /**
-     * Header image for the `SectionHeading`.
-     */
-    image?: ImageProps;
-}
-
 declare const DownloadList: React$1.FC<DownloadListProps>;
 interface DownloadListProps extends Omit<SectionHeadingProps, "isPadded"> {
     downloads: DownloadProps[];
@@ -292,7 +322,7 @@ interface HighlightsProps extends Omit<SectionHeadingProps, "isPadded"> {
 /**
  * CTA configuration for Highlights
  */
-type HighlightsCTAProps = Pick<ButtonV2Props, "label" | "href" | "onClick" | "iconPosition" | "ariaLabel"> & {
+type HighlightsCTAProps = Pick<ButtonV2Props, "label" | "href" | "onClick" | "iconPosition" | "ariaLabel" | "target"> & {
     /**
      * Allowed button styles only.
      * Primary is intentionally NOT supported.
@@ -438,6 +468,10 @@ interface BannerWithTabsProps extends Omit<SectionHeadingProps, "image" | "isPad
      * heading for `SectionHeading`.
      */
     heading: string;
+    /**
+     * Heading level for `SectionHeading`.
+     */
+    headingLevel?: HeadingLevel;
     /**
      * Text content for `SectionHeading`.
      */
@@ -760,5 +794,5 @@ interface BusinessSegmentSwitcherProps {
     }[];
 }
 
-export { Accordion, ActionTile, ArticleSidebar, Author, BannerWithTabs, BusinessSegmentSwitcher, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, Highlights, InlineLinkGroup, LinkTile, ProductNavigation, PromoListing, PromoListingThumbnailSignpost, Quote, SectionHeading, Statistics, Summary, ThumbnailSignpost, VideoHeroCard, VideoPortraitCard };
-export type { AccordionProps, ActionTileProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, BentoGridContent, BentoInformationCard, BentoMediaCard, BusinessSegmentSwitcherProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HighlightsProps, InlineLinkGroupItem, InlineLinkGroupProps, LinkTileProps, ListProps, ProductNavigationProps, PromoListingProps, PromoListingThumbnailSignpostProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps, ThumbnailSignpostProps, VideoHeroCardProps, VideoPortraitCardProps };
+export { Accordion, ActionTile, ArticleCarousel, ArticleSidebar, Author, BannerWithTabs, BusinessSegmentSwitcher, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, Highlights, InlineLinkGroup, LinkTile, ProductNavigation, PromoListing, PromoListingThumbnailSignpost, Quote, SectionHeading, Statistics, Summary, ThumbnailSignpost, VideoHeroCard, VideoPortraitCard };
+export type { AccordionProps, ActionTileProps, ArticleCarouselProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, BentoGridContent, BentoInformationCard, BentoMediaCard, BusinessSegmentSwitcherProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HighlightsProps, InlineLinkGroupItem, InlineLinkGroupProps, LinkTileProps, ListProps, ProductNavigationProps, PromoListingProps, PromoListingThumbnailSignpostProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps, ThumbnailSignpostProps, VideoHeroCardProps, VideoPortraitCardProps };

package/lib/index.d.mts

@@ -2,13 +2,13 @@ import React$1, { ReactNode, FC } from 'react';
 import { HeadingLevel } from '@arc-ui/components/Heading';
 import { ImageProps, ImageSourceProps } from '@arc-ui/components/Image';
 import { DisclosureProps } from '@arc-ui/components/Disclosure';
+import { MediaCardProps } from '@arc-ui/components/MediaCard';
 import { AvatarProps } from '@arc-ui/components/Avatar';
 import { VideoPlayerProps } from '@arc-ui/components/VideoPlayer';
 import { ButtonProps } from '@arc-ui/components/Button';
 import { DownloadProps } from '@arc-ui/components/Download';
 import { AppButtonProps } from '@arc-ui/components/AppButton';
 import { ButtonV2Props } from '@arc-ui/components/ButtonV2';
-import { MediaCardProps } from '@arc-ui/components/MediaCard';
 import { ImpactCardProps } from '@arc-ui/components/ImpactCard';
 import { InformationCardProps } from '@arc-ui/components/InformationCard';
 import { TypographyCardProps } from '@arc-ui/components/TypographyCard';
@@ -63,6 +63,68 @@ declare const Accordion: React$1.FC<AccordionProps>;
 interface AccordionProps extends Omit<AccordionHeadingProps, "isPadded">, AccordionDisclosureListProps {
 }
 
+declare const SectionHeading: React$1.FC<SectionHeadingProps>;
+interface SectionHeadingProps {
+    /**
+     * heading for `SectionHeading`.
+     */
+    heading: string;
+    /**
+     * Adds padding to `SectionHeading`.
+     */
+    isPadded?: boolean;
+    /**
+     * Determine a heading level for `SectionHeading`.
+     */
+    headingLevel?: HeadingLevel;
+    /**
+     * Word wrap behavior for the heading
+     */
+    isHeadingWordWrap?: boolean;
+    /**
+     * Text content for `SectionHeading`.
+     */
+    content?: string | ReactNode;
+    /**
+     * Id content for `SectionHeading`.
+     */
+    id?: string;
+    /**
+     * Header image for the `SectionHeading`.
+     */
+    image?: ImageProps;
+    /**
+     * Is Heading centered. Only intended to be used when no content is provided and the heading is alone.
+     */
+    isCentered?: boolean;
+}
+
+/**
+ * Use `ArticleCarousel` to give supporting information about a page or proposition in the form of the `Carousel` containing only `MediaCard` components.
+ */
+declare const ArticleCarousel: React$1.FC<ArticleCarouselProps>;
+interface ArticleCarouselProps extends SectionHeadingProps {
+    /**
+     * Cards object of MediaCards for Carousel to display.
+     */
+    cards: MediaCardProps[];
+    /**
+     * Determine if MediaCards are displayed in their contained or uncontained styles.
+     */
+    cardsContained?: boolean;
+    /**
+     * Determine minimum height of cards per breakpoint.
+     */
+    minHeights?: {
+        xxl?: number;
+        xl?: number;
+        l?: number;
+        m?: number;
+        s?: number;
+        xs?: number;
+    };
+}
+
 declare const Author: React$1.FC<AuthorProps>;
 interface AuthorProps {
     /**
@@ -138,38 +200,6 @@ interface CopyLeadProps {
     listItems: CopyLeadListItem[];
 }
 
-declare const SectionHeading: React$1.FC<SectionHeadingProps>;
-interface SectionHeadingProps {
-    /**
-     * heading for `SectionHeading`.
-     */
-    heading: string;
-    /**
-     * Adds padding to `SectionHeading`.
-     */
-    isPadded?: boolean;
-    /**
-     * Determine a heading level for `SectionHeading`.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Word wrap behavior for the heading
-     */
-    isHeadingWordWrap?: boolean;
-    /**
-     * Text content for `SectionHeading`.
-     */
-    content?: string | ReactNode;
-    /**
-     * Id content for `SectionHeading`.
-     */
-    id?: string;
-    /**
-     * Header image for the `SectionHeading`.
-     */
-    image?: ImageProps;
-}
-
 declare const DownloadList: React$1.FC<DownloadListProps>;
 interface DownloadListProps extends Omit<SectionHeadingProps, "isPadded"> {
     downloads: DownloadProps[];
@@ -292,7 +322,7 @@ interface HighlightsProps extends Omit<SectionHeadingProps, "isPadded"> {
 /**
  * CTA configuration for Highlights
  */
-type HighlightsCTAProps = Pick<ButtonV2Props, "label" | "href" | "onClick" | "iconPosition" | "ariaLabel"> & {
+type HighlightsCTAProps = Pick<ButtonV2Props, "label" | "href" | "onClick" | "iconPosition" | "ariaLabel" | "target"> & {
     /**
      * Allowed button styles only.
      * Primary is intentionally NOT supported.
@@ -438,6 +468,10 @@ interface BannerWithTabsProps extends Omit<SectionHeadingProps, "image" | "isPad
      * heading for `SectionHeading`.
      */
     heading: string;
+    /**
+     * Heading level for `SectionHeading`.
+     */
+    headingLevel?: HeadingLevel;
     /**
      * Text content for `SectionHeading`.
      */
@@ -760,5 +794,5 @@ interface BusinessSegmentSwitcherProps {
     }[];
 }
 
-export { Accordion, ActionTile, ArticleSidebar, Author, BannerWithTabs, BusinessSegmentSwitcher, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, Highlights, InlineLinkGroup, LinkTile, ProductNavigation, PromoListing, PromoListingThumbnailSignpost, Quote, SectionHeading, Statistics, Summary, ThumbnailSignpost, VideoHeroCard, VideoPortraitCard };
-export type { AccordionProps, ActionTileProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, BentoGridContent, BentoInformationCard, BentoMediaCard, BusinessSegmentSwitcherProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HighlightsProps, InlineLinkGroupItem, InlineLinkGroupProps, LinkTileProps, ListProps, ProductNavigationProps, PromoListingProps, PromoListingThumbnailSignpostProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps, ThumbnailSignpostProps, VideoHeroCardProps, VideoPortraitCardProps };
+export { Accordion, ActionTile, ArticleCarousel, ArticleSidebar, Author, BannerWithTabs, BusinessSegmentSwitcher, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, Highlights, InlineLinkGroup, LinkTile, ProductNavigation, PromoListing, PromoListingThumbnailSignpost, Quote, SectionHeading, Statistics, Summary, ThumbnailSignpost, VideoHeroCard, VideoPortraitCard };
+export type { AccordionProps, ActionTileProps, ArticleCarouselProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, BentoGridContent, BentoInformationCard, BentoMediaCard, BusinessSegmentSwitcherProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HighlightsProps, InlineLinkGroupItem, InlineLinkGroupProps, LinkTileProps, ListProps, ProductNavigationProps, PromoListingProps, PromoListingThumbnailSignpostProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps, ThumbnailSignpostProps, VideoHeroCardProps, VideoPortraitCardProps };