@arc-ui/community-components 3.1.0 → 3.2.0

package/lib/index.d.cts

@@ -198,6 +198,8 @@ interface FeaturePostCtaFooter {
 
 interface FeaturePostImage extends Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "width" | "height" | "fadeOnLoad"> {
     sources?: Pick<ImageSourceProps, "media" | "sizes" | "srcSet">[];
+    title?: string;
+    description?: string;
 }
 
 /**
@@ -224,7 +226,7 @@ interface FeaturePostProps {
     /**
      * Text content for `FeaturePost`.
      */
-    content: string | ReactNode;
+    content: ReactNode;
     /**
      * 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.
      */
@@ -653,5 +655,38 @@ interface LinkTileProps extends React$1.HTMLAttributes<HTMLDivElement> {
     showIcon?: boolean;
 }
 
-export { Accordion, ActionTile, ArticleSidebar, Author, BannerWithTabs, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, HeroLink, Highlights, LinkTile, ProductNavigation, PromoListing, Quote, SectionHeading, Statistics, Summary };
-export type { AccordionProps, ActionTileProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HeroLinkProps, HighlightsProps, LinkTileProps, ListProps, ProductNavigationProps, PromoListingProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps };
+/** Use `ThumbnailSignpost` to highlight key information or navigation points with an accompanying thumbnail image or icon. */
+declare const ThumbnailSignpost: ({ text, title, img, onClick, buttonLabel, ...props }: ThumbnailSignpostProps) => JSX.Element;
+interface ThumbnailSignpostProps {
+    /**
+     * Title for the ThumbnailSignpost.
+     */
+    title: string;
+    /**
+     * Text content for the ThumbnailSignpost.
+     */
+    text: string;
+    /**
+     * Label for the button in the ThumbnailSignpost.
+     */
+    buttonLabel?: string;
+    /**
+     * Image properties for the ThumbnailSignpost.
+     */
+    img?: Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "anchor" | "fadeOnLoad" | "fetchPriority">;
+    /**
+     * Optional click handler for the ThumbnailSignpost.
+     */
+    onClick?: () => void;
+}
+
+/**
+ * Use `PromoListingThumbnailSignpost` to give supporting information about a page or proposition in the form of the ThumbnailSignposts components.
+ */
+declare const PromoListingThumbnailSignpost: React$1.FC<PromoListingThumbnailSignpostProps>;
+interface PromoListingThumbnailSignpostProps extends SectionHeadingProps {
+    thumbnailList: ThumbnailSignpostProps[];
+}
+
+export { Accordion, ActionTile, ArticleSidebar, Author, BannerWithTabs, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, HeroLink, Highlights, LinkTile, ProductNavigation, PromoListing, PromoListingThumbnailSignpost, Quote, SectionHeading, Statistics, Summary, ThumbnailSignpost };
+export type { AccordionProps, ActionTileProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HeroLinkProps, HighlightsProps, LinkTileProps, ListProps, ProductNavigationProps, PromoListingProps, PromoListingThumbnailSignpostProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps, ThumbnailSignpostProps };

package/lib/index.d.mts

@@ -198,6 +198,8 @@ interface FeaturePostCtaFooter {
 
 interface FeaturePostImage extends Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "width" | "height" | "fadeOnLoad"> {
     sources?: Pick<ImageSourceProps, "media" | "sizes" | "srcSet">[];
+    title?: string;
+    description?: string;
 }
 
 /**
@@ -224,7 +226,7 @@ interface FeaturePostProps {
     /**
      * Text content for `FeaturePost`.
      */
-    content: string | ReactNode;
+    content: ReactNode;
     /**
      * 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.
      */
@@ -653,5 +655,38 @@ interface LinkTileProps extends React$1.HTMLAttributes<HTMLDivElement> {
     showIcon?: boolean;
 }
 
-export { Accordion, ActionTile, ArticleSidebar, Author, BannerWithTabs, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, HeroLink, Highlights, LinkTile, ProductNavigation, PromoListing, Quote, SectionHeading, Statistics, Summary };
-export type { AccordionProps, ActionTileProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HeroLinkProps, HighlightsProps, LinkTileProps, ListProps, ProductNavigationProps, PromoListingProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps };
+/** Use `ThumbnailSignpost` to highlight key information or navigation points with an accompanying thumbnail image or icon. */
+declare const ThumbnailSignpost: ({ text, title, img, onClick, buttonLabel, ...props }: ThumbnailSignpostProps) => JSX.Element;
+interface ThumbnailSignpostProps {
+    /**
+     * Title for the ThumbnailSignpost.
+     */
+    title: string;
+    /**
+     * Text content for the ThumbnailSignpost.
+     */
+    text: string;
+    /**
+     * Label for the button in the ThumbnailSignpost.
+     */
+    buttonLabel?: string;
+    /**
+     * Image properties for the ThumbnailSignpost.
+     */
+    img?: Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "anchor" | "fadeOnLoad" | "fetchPriority">;
+    /**
+     * Optional click handler for the ThumbnailSignpost.
+     */
+    onClick?: () => void;
+}
+
+/**
+ * Use `PromoListingThumbnailSignpost` to give supporting information about a page or proposition in the form of the ThumbnailSignposts components.
+ */
+declare const PromoListingThumbnailSignpost: React$1.FC<PromoListingThumbnailSignpostProps>;
+interface PromoListingThumbnailSignpostProps extends SectionHeadingProps {
+    thumbnailList: ThumbnailSignpostProps[];
+}
+
+export { Accordion, ActionTile, ArticleSidebar, Author, BannerWithTabs, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, HeroLink, Highlights, LinkTile, ProductNavigation, PromoListing, PromoListingThumbnailSignpost, Quote, SectionHeading, Statistics, Summary, ThumbnailSignpost };
+export type { AccordionProps, ActionTileProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HeroLinkProps, HighlightsProps, LinkTileProps, ListProps, ProductNavigationProps, PromoListingProps, PromoListingThumbnailSignpostProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps, ThumbnailSignpostProps };