@arc-ui/community-components 3.7.0 → 3.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +13 -12
- package/CHANGELOG.md +13 -0
- package/lib/ArticleCarousel/ArticleCarousel.cjs +1 -1
- package/lib/ArticleCarousel/ArticleCarousel.mjs +1 -1
- package/lib/BusinessSegmentSwitcher/styles.css +1 -1
- package/lib/CopyLead/CopyLead.cjs +1 -1
- package/lib/CopyLead/CopyLead.mjs +1 -1
- package/lib/FeaturePost/FeaturePost.cjs +1 -1
- package/lib/FeaturePost/FeaturePost.mjs +1 -1
- package/lib/PartnerBrandLogos/PartnerBrandLogos.cjs +57 -0
- package/lib/PartnerBrandLogos/PartnerBrandLogos.mjs +55 -0
- package/lib/PartnerBrandLogos/styles.css +1 -0
- package/lib/ProductNavigation/ProductNavigation.cjs +1 -1
- package/lib/ProductNavigation/ProductNavigation.mjs +1 -1
- package/lib/PromoListing/PromoListing.cjs +1 -1
- package/lib/PromoListing/PromoListing.mjs +1 -1
- package/lib/Summary/Summary.cjs +1 -1
- package/lib/Summary/Summary.mjs +1 -1
- package/lib/_shared/cjs/{index.es-wrFG9PCg.cjs → index.es-Dg_lyAyh.cjs} +1 -1
- package/lib/_shared/esm/{index.es-B3fdEoEm.mjs → index.es-DtCgfyRV.mjs} +1 -1
- package/lib/index.cjs +194 -148
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +72 -3
- package/lib/index.d.mts +72 -3
- package/lib/index.mjs +194 -149
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +1 -1
- package/package.json +14 -14
- package/src/components/BusinessSegmentSwitcher/BusinessSegmentSwitcher.module.css +1 -1
- package/src/components/PartnerBrandLogos/PartnerBrandLogos.module.css +8 -0
- package/src/components/PartnerBrandLogos/PartnerBrandLogos.tsx +141 -0
- package/src/components/PartnerBrandLogos/components/PartnerLogoSubgroup/PartnerLogoSubgroup.module.css +45 -0
- package/src/components/PartnerBrandLogos/components/PartnerLogoSubgroup/PartnerLogoSubgroup.tsx +98 -0
- package/src/components/PartnerBrandLogos/components/PartnerLogoSubgroup/index.ts +6 -0
- package/src/components/PartnerBrandLogos/index.ts +9 -0
- package/src/components/index.ts +1 -0
- package/versions.json +1 -1
package/lib/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React$1, { ReactNode, FC } from 'react';
|
|
2
|
-
import { HeadingLevel } from '@arc-ui/components/Heading';
|
|
2
|
+
import { HeadingLevel, HeadingProps } from '@arc-ui/components/Heading';
|
|
3
3
|
import { ImageProps, ImageSourceProps } from '@arc-ui/components/Image';
|
|
4
4
|
import { DisclosureProps } from '@arc-ui/components/Disclosure';
|
|
5
5
|
import { MediaCardProps } from '@arc-ui/components/MediaCard';
|
|
@@ -15,6 +15,7 @@ import { TypographyCardProps } from '@arc-ui/components/TypographyCard';
|
|
|
15
15
|
import { TemplateBannerProps } from '@arc-ui/components/TemplateBanner';
|
|
16
16
|
import { TagProps } from '@arc-ui/components/Tag';
|
|
17
17
|
import { ReactPlayerProps } from 'react-player/types';
|
|
18
|
+
import { VerticalSpaceProps } from '@arc-ui/components/VerticalSpace';
|
|
18
19
|
|
|
19
20
|
interface AccordionHeadingProps {
|
|
20
21
|
/**
|
|
@@ -794,5 +795,73 @@ interface BusinessSegmentSwitcherProps {
|
|
|
794
795
|
}[];
|
|
795
796
|
}
|
|
796
797
|
|
|
797
|
-
|
|
798
|
-
|
|
798
|
+
/**
|
|
799
|
+
* Logo image source and alt text for screen reader accessibility.
|
|
800
|
+
*/
|
|
801
|
+
interface LogoTileItem {
|
|
802
|
+
/** Image source URL for the logo (e.g. an SVG or PNG path). */
|
|
803
|
+
src: string;
|
|
804
|
+
/** Alt text label to announce the logo to screen reader users. */
|
|
805
|
+
alt: string;
|
|
806
|
+
}
|
|
807
|
+
/**
|
|
808
|
+
* Subgroup data passed via the parent `subgroups` array.
|
|
809
|
+
*/
|
|
810
|
+
interface PartnerLogosSubgroup {
|
|
811
|
+
/** Optional subheading displayed above the logo grid. Fixed Size S Heading. */
|
|
812
|
+
subheading?: string;
|
|
813
|
+
/**
|
|
814
|
+
* Semantic heading level for the subheading. If omitted, it is automatically
|
|
815
|
+
* derived as one level below the parent headingLevel.
|
|
816
|
+
*/
|
|
817
|
+
subheadingLevel?: HeadingLevel;
|
|
818
|
+
/** Optional supporting description text. Size M, tone "supporting". */
|
|
819
|
+
text?: string;
|
|
820
|
+
/** Array of logo images to display in the grid. */
|
|
821
|
+
logos: LogoTileItem[];
|
|
822
|
+
/**
|
|
823
|
+
* Height of each logo tile in pixels.
|
|
824
|
+
* @default 72
|
|
825
|
+
*/
|
|
826
|
+
tileHeight?: number;
|
|
827
|
+
}
|
|
828
|
+
|
|
829
|
+
declare const PartnerBrandLogos: React$1.FC<PartnerBrandLogosProps>;
|
|
830
|
+
/**
|
|
831
|
+
* Props for the `PartnerBrandLogos` page section component. Renders a heading,
|
|
832
|
+
* optional content, a padded ruler, and a list of partner logo subgroups.
|
|
833
|
+
*/
|
|
834
|
+
interface PartnerBrandLogosProps {
|
|
835
|
+
/** Main section heading text. */
|
|
836
|
+
heading: string;
|
|
837
|
+
/**
|
|
838
|
+
* Additional Arc Heading properties (e.g. `size`, `fontStyle`, `color`,
|
|
839
|
+
* `isWordWrap`, `casing`, `isResponsive`). Defaults to size "l", responsive.
|
|
840
|
+
*/
|
|
841
|
+
headingProps?: Omit<HeadingProps, "children" | "level">;
|
|
842
|
+
/**
|
|
843
|
+
* Semantic heading level for the main heading. Subgroup headings are
|
|
844
|
+
* automatically derived relative to this value.
|
|
845
|
+
* @default "2"
|
|
846
|
+
*/
|
|
847
|
+
headingLevel?: HeadingLevel;
|
|
848
|
+
/** Supporting content text below the heading. Supports paragraph breaks via `\n`. */
|
|
849
|
+
content?: string;
|
|
850
|
+
/** HTML `id` attribute applied to the main heading element. */
|
|
851
|
+
id?: string;
|
|
852
|
+
/**
|
|
853
|
+
* Vertical padding above the ruler. Accepts all VerticalSpace props.
|
|
854
|
+
* @default { size: "32" }
|
|
855
|
+
*/
|
|
856
|
+
rulerTopPadding?: VerticalSpaceProps;
|
|
857
|
+
/**
|
|
858
|
+
* Vertical padding below the ruler. Accepts all VerticalSpace props.
|
|
859
|
+
* @default { size: "32" }
|
|
860
|
+
*/
|
|
861
|
+
rulerBottomPadding?: VerticalSpaceProps;
|
|
862
|
+
/** Array of partner logo subgroups. */
|
|
863
|
+
subgroups: PartnerLogosSubgroup[];
|
|
864
|
+
}
|
|
865
|
+
|
|
866
|
+
export { Accordion, ActionTile, ArticleCarousel, ArticleSidebar, Author, BannerWithTabs, BusinessSegmentSwitcher, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, Highlights, InlineLinkGroup, LinkTile, PartnerBrandLogos, ProductNavigation, PromoListing, PromoListingThumbnailSignpost, Quote, SectionHeading, Statistics, Summary, ThumbnailSignpost, VideoHeroCard, VideoPortraitCard };
|
|
867
|
+
export type { AccordionProps, ActionTileProps, ArticleCarouselProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, BentoGridContent, BentoInformationCard, BentoMediaCard, BusinessSegmentSwitcherProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HighlightsProps, InlineLinkGroupItem, InlineLinkGroupProps, LinkTileProps, ListProps, LogoTileItem, PartnerBrandLogosProps, PartnerLogosSubgroup, ProductNavigationProps, PromoListingProps, PromoListingThumbnailSignpostProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps, ThumbnailSignpostProps, VideoHeroCardProps, VideoPortraitCardProps };
|
package/lib/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React$1, { ReactNode, FC } from 'react';
|
|
2
|
-
import { HeadingLevel } from '@arc-ui/components/Heading';
|
|
2
|
+
import { HeadingLevel, HeadingProps } from '@arc-ui/components/Heading';
|
|
3
3
|
import { ImageProps, ImageSourceProps } from '@arc-ui/components/Image';
|
|
4
4
|
import { DisclosureProps } from '@arc-ui/components/Disclosure';
|
|
5
5
|
import { MediaCardProps } from '@arc-ui/components/MediaCard';
|
|
@@ -15,6 +15,7 @@ import { TypographyCardProps } from '@arc-ui/components/TypographyCard';
|
|
|
15
15
|
import { TemplateBannerProps } from '@arc-ui/components/TemplateBanner';
|
|
16
16
|
import { TagProps } from '@arc-ui/components/Tag';
|
|
17
17
|
import { ReactPlayerProps } from 'react-player/types';
|
|
18
|
+
import { VerticalSpaceProps } from '@arc-ui/components/VerticalSpace';
|
|
18
19
|
|
|
19
20
|
interface AccordionHeadingProps {
|
|
20
21
|
/**
|
|
@@ -794,5 +795,73 @@ interface BusinessSegmentSwitcherProps {
|
|
|
794
795
|
}[];
|
|
795
796
|
}
|
|
796
797
|
|
|
797
|
-
|
|
798
|
-
|
|
798
|
+
/**
|
|
799
|
+
* Logo image source and alt text for screen reader accessibility.
|
|
800
|
+
*/
|
|
801
|
+
interface LogoTileItem {
|
|
802
|
+
/** Image source URL for the logo (e.g. an SVG or PNG path). */
|
|
803
|
+
src: string;
|
|
804
|
+
/** Alt text label to announce the logo to screen reader users. */
|
|
805
|
+
alt: string;
|
|
806
|
+
}
|
|
807
|
+
/**
|
|
808
|
+
* Subgroup data passed via the parent `subgroups` array.
|
|
809
|
+
*/
|
|
810
|
+
interface PartnerLogosSubgroup {
|
|
811
|
+
/** Optional subheading displayed above the logo grid. Fixed Size S Heading. */
|
|
812
|
+
subheading?: string;
|
|
813
|
+
/**
|
|
814
|
+
* Semantic heading level for the subheading. If omitted, it is automatically
|
|
815
|
+
* derived as one level below the parent headingLevel.
|
|
816
|
+
*/
|
|
817
|
+
subheadingLevel?: HeadingLevel;
|
|
818
|
+
/** Optional supporting description text. Size M, tone "supporting". */
|
|
819
|
+
text?: string;
|
|
820
|
+
/** Array of logo images to display in the grid. */
|
|
821
|
+
logos: LogoTileItem[];
|
|
822
|
+
/**
|
|
823
|
+
* Height of each logo tile in pixels.
|
|
824
|
+
* @default 72
|
|
825
|
+
*/
|
|
826
|
+
tileHeight?: number;
|
|
827
|
+
}
|
|
828
|
+
|
|
829
|
+
declare const PartnerBrandLogos: React$1.FC<PartnerBrandLogosProps>;
|
|
830
|
+
/**
|
|
831
|
+
* Props for the `PartnerBrandLogos` page section component. Renders a heading,
|
|
832
|
+
* optional content, a padded ruler, and a list of partner logo subgroups.
|
|
833
|
+
*/
|
|
834
|
+
interface PartnerBrandLogosProps {
|
|
835
|
+
/** Main section heading text. */
|
|
836
|
+
heading: string;
|
|
837
|
+
/**
|
|
838
|
+
* Additional Arc Heading properties (e.g. `size`, `fontStyle`, `color`,
|
|
839
|
+
* `isWordWrap`, `casing`, `isResponsive`). Defaults to size "l", responsive.
|
|
840
|
+
*/
|
|
841
|
+
headingProps?: Omit<HeadingProps, "children" | "level">;
|
|
842
|
+
/**
|
|
843
|
+
* Semantic heading level for the main heading. Subgroup headings are
|
|
844
|
+
* automatically derived relative to this value.
|
|
845
|
+
* @default "2"
|
|
846
|
+
*/
|
|
847
|
+
headingLevel?: HeadingLevel;
|
|
848
|
+
/** Supporting content text below the heading. Supports paragraph breaks via `\n`. */
|
|
849
|
+
content?: string;
|
|
850
|
+
/** HTML `id` attribute applied to the main heading element. */
|
|
851
|
+
id?: string;
|
|
852
|
+
/**
|
|
853
|
+
* Vertical padding above the ruler. Accepts all VerticalSpace props.
|
|
854
|
+
* @default { size: "32" }
|
|
855
|
+
*/
|
|
856
|
+
rulerTopPadding?: VerticalSpaceProps;
|
|
857
|
+
/**
|
|
858
|
+
* Vertical padding below the ruler. Accepts all VerticalSpace props.
|
|
859
|
+
* @default { size: "32" }
|
|
860
|
+
*/
|
|
861
|
+
rulerBottomPadding?: VerticalSpaceProps;
|
|
862
|
+
/** Array of partner logo subgroups. */
|
|
863
|
+
subgroups: PartnerLogosSubgroup[];
|
|
864
|
+
}
|
|
865
|
+
|
|
866
|
+
export { Accordion, ActionTile, ArticleCarousel, ArticleSidebar, Author, BannerWithTabs, BusinessSegmentSwitcher, ContentInfoWidget, CopyLead, DownloadList, FAQs, FeaturePost, Highlights, InlineLinkGroup, LinkTile, PartnerBrandLogos, ProductNavigation, PromoListing, PromoListingThumbnailSignpost, Quote, SectionHeading, Statistics, Summary, ThumbnailSignpost, VideoHeroCard, VideoPortraitCard };
|
|
867
|
+
export type { AccordionProps, ActionTileProps, ArticleCarouselProps, ArticleSidebarProps, AuthorProps, BannerWithTabsProps, BentoGridContent, BentoInformationCard, BentoMediaCard, BusinessSegmentSwitcherProps, ContentInfoWidgetProps, CopyLeadProps, DownloadListProps, FAQsProps, FeaturePostProps, HighlightsProps, InlineLinkGroupItem, InlineLinkGroupProps, LinkTileProps, ListProps, LogoTileItem, PartnerBrandLogosProps, PartnerLogosSubgroup, ProductNavigationProps, PromoListingProps, PromoListingThumbnailSignpostProps, QuoteProps, SectionHeadingProps, StatisticsProps, SummaryProps, ThumbnailSignpostProps, VideoHeroCardProps, VideoPortraitCardProps };
|