formica-ui-lib 1.0.186 → 1.0.188

package/README.md

@@ -166,6 +166,14 @@ Common buckets include:
 
 Use `Molecules/Cards` for reusable `*Card` components. Use `Organisms/Collections` for `*Collection` components, `Organisms/Grids` for `*Grid` components, and `Organisms/Sections` for larger page-section wrappers.
 
+### Collections vs Sections
+
+Use `Organisms/Collections` for organisms built around a repeated set of similar items: cards, swatches, document links, FAQs, filter groups, and similar repeatable content. A collection may have a title, intro body, or footer CTA, but those elements should frame the repeated items.
+
+Use `Organisms/Sections` for page-level bands or composed areas. A section may combine different component types, own page-section spacing, provide controls or context, or wrap one or more child components into a page slice. A section can contain a collection, but it should not just duplicate the collection.
+
+Rule of thumb: if removing the repeated items makes the component meaningless, it is probably a collection. If the component exists to create a page band, coordinate mixed content, or provide context around child components, it is probably a section.
+
 Avoid duplicate bucket names across atomic levels when possible. For example, selector components should generally stay under `Molecules/Selectors`.
 
 Avoid article-specific names for reusable components. Keep `Article*` names only when a component is truly article-specific, such as `ArticleBanner`.

package/dist/componentProps/molecules/{banner → bannercontent}/articlebannercontent/ArticleBannerContentProps.d.ts

@@ -1,4 +1,4 @@
-import type { ArticleBannerTag } from "../../../organisms/banner/articlebanner/ArticleBannerProps";
+import type { ArticleBannerTag } from "../../../organisms/banners/articlebanner/ArticleBannerProps";
 export interface ArticleBannerContentProps {
     tags?: ArticleBannerTag[];
     categoryText?: string;

package/dist/componentProps/molecules/{banner → bannercontent}/calltoactionherocontent/CallToActionHeroContentProps.d.ts

@@ -1,4 +1,4 @@
-import type { CallToActionHeroCta } from "../../../organisms/banner/herobanner/CallToActionHeroProps";
+import type { CallToActionHeroCta } from "../../../organisms/banners/herobanner/CallToActionHeroProps";
 export interface CallToActionHeroContentProps {
     heading: string;
     subheading?: string;

package/dist/componentProps/molecules/cards/businessinfocard/BusinessInfoCardProps.d.ts

@@ -0,0 +1,43 @@
+export interface BusinessInfoCardLinkClickPayload {
+    label: string;
+    href?: string;
+}
+export interface BusinessInfoCardAddress {
+    label?: string;
+    lines: string[];
+    href?: string;
+}
+export interface BusinessInfoCardMapLink {
+    label: string;
+    href?: string;
+}
+export interface BusinessInfoCardHoursItem {
+    dayLabel: string;
+    hours: string;
+}
+export interface BusinessInfoCardHours {
+    label?: string;
+    items: BusinessInfoCardHoursItem[];
+}
+export interface BusinessInfoCardPhone {
+    label?: string;
+    value: string;
+    href?: string;
+}
+export interface BusinessInfoCardEmail {
+    label?: string;
+    value: string;
+    href?: string;
+}
+export interface BusinessInfoCardProps {
+    heading: string;
+    address?: BusinessInfoCardAddress;
+    mapLink?: BusinessInfoCardMapLink;
+    hours?: BusinessInfoCardHours;
+    phone?: BusinessInfoCardPhone;
+    email?: BusinessInfoCardEmail;
+    onAddressClick?: (payload: BusinessInfoCardLinkClickPayload) => void;
+    onMapClick?: (payload: BusinessInfoCardLinkClickPayload) => void;
+    onPhoneClick?: (payload: BusinessInfoCardLinkClickPayload) => void;
+    onEmailClick?: (payload: BusinessInfoCardLinkClickPayload) => void;
+}

package/dist/componentProps/molecules/{card → cards}/imageoverlaycard/ImageOverlayCardProps.d.ts

@@ -1,7 +1,9 @@
+export type ImageOverlayCardAspectRatio = "video" | "compact";
 export type ImageOverlayCardProps = {
     imageSrc: string;
     imageAlt?: string;
     label: string;
+    body?: string;
+    aspectRatio?: ImageOverlayCardAspectRatio;
     onCardClick?: () => void;
-    className?: string;
 };

package/dist/componentProps/molecules/cards/singlebuttoncard/SingleButtonCardProps.d.ts

@@ -0,0 +1,13 @@
+export interface SingleButtonCardClickPayload {
+    heading: string;
+    body?: string;
+    buttonLabel: string;
+    buttonHref?: string;
+}
+export interface SingleButtonCardProps {
+    heading: string;
+    body?: string;
+    buttonLabel: string;
+    buttonHref?: string;
+    onButtonClick?: (payload: SingleButtonCardClickPayload) => void;
+}

package/dist/componentProps/molecules/{card → cards}/textcard/TextCardProps.d.ts

@@ -1,11 +1,12 @@
 export type HeadingSize = "small" | "large";
 export type TextCardAlign = "left" | "center" | "right";
+export type TextCardHeadingLevel = "h1" | "h2";
 export interface TextCardProps {
     heading?: string;
+    headingLevel?: TextCardHeadingLevel;
     headingSize?: HeadingSize;
     align?: TextCardAlign;
     subheading?: string;
     datetimeStamp?: string;
     body?: string;
-    bodyHtml?: string;
 }

package/dist/componentProps/molecules/{carousel → carouselprimitives}/columncarousel/ColumnCarouselProps.d.ts

@@ -1,4 +1,4 @@
-import type { ColumnCarouselItem } from "../../card/columncarouselcard/ColumnCarouselCardProps";
+import type { ColumnCarouselItem } from "../../cards/columncarouselcard/ColumnCarouselCardProps";
 export type ColumnCarouselProps = {
     items: ColumnCarouselItem[];
     startIndex: number;

package/dist/componentProps/organisms/{banner → banners}/columnbanner/ColumnBannerProps.d.ts

@@ -1,4 +1,4 @@
-import type { ColumnCarouselItem } from "../../../molecules/card/columncarouselcard/ColumnCarouselCardProps";
+import type { ColumnCarouselItem } from "../../../molecules/cards/columncarouselcard/ColumnCarouselCardProps";
 export interface TabItem {
     label: string;
     columns?: ColumnGroup[];

package/dist/componentProps/organisms/carousels/contentcarousel/ContentCarouselProps.d.ts

@@ -1,4 +1,4 @@
-import type { StandardCarouselDefaultSlideProps, StandardCarouselSlide } from "../../../molecules/carousel/standardcarousel/StandardCarouselProps";
+import type { StandardCarouselDefaultSlideProps, StandardCarouselSlide } from "../../../molecules/carouselprimitives/standardcarousel/StandardCarouselProps";
 export interface ContentCarouselSlide extends StandardCarouselSlide {
     imageText?: string;
 }

package/dist/componentProps/organisms/cart/cartconfimation/cartsummarysection/CartSummarySectionProps.d.ts

@@ -1,4 +1,4 @@
-import { QuantityCheckoutCardProps } from "../../../../molecules/card/quantitycheckoutcard/QuantityCheckoutCardProps";
+import { QuantityCheckoutCardProps } from "../../../../molecules/cards/quantitycheckoutcard/QuantityCheckoutCardProps";
 export interface CartSummarySectionProps {
     sectionTitle?: string;
     columnLabels?: {

package/dist/componentProps/organisms/cart/cartflyout/CartFlyoutProps.d.ts

@@ -1,4 +1,4 @@
-import { CartItemCardProps } from "../../../molecules/card/cartItemCard/CartItemCardProps";
+import { CartItemCardProps } from "../../../molecules/cards/cartItemCard/CartItemCardProps";
 export type ShoppingCartFlyoutItem = CartItemCardProps & {
     id: string;
     bigCommerceProductId: number;

package/dist/componentProps/organisms/{documentlinkcollection → collections/documentlinkcollection}/DocumentLinkCollectionProps.d.ts

@@ -1,4 +1,4 @@
-import type { DocumentLinkCardProps } from "../../molecules/card/documentlinkcard/DocumentLinkCardProps";
+import type { DocumentLinkCardProps } from "../../../molecules/cards/documentlinkcard/DocumentLinkCardProps";
 export interface DocumentLinkCardItem extends DocumentLinkCardProps {
     id: string;
 }

package/dist/componentProps/organisms/{faqcardcollection → collections/faqcardcollection}/FaqCardCollectionProps.d.ts

@@ -1,8 +1,9 @@
-import { FaqCardProps } from "../../molecules/card/faqcard/FaqCardProps";
+import { FaqCardProps } from "../../../molecules/cards/faqcard/FaqCardProps";
 export interface FaqCardCollectionItem extends FaqCardProps {
     id: string;
 }
 export interface FaqCardCollectionProps {
     title: string;
+    body?: string;
     faqCards?: FaqCardCollectionItem[];
 }

package/dist/componentProps/organisms/{featurecards/featurecardscollection → collections/featurecardcollection}/FeatureCardCollectionProps.d.ts

@@ -1,4 +1,4 @@
-import type { FeatureCardProps } from "../../../molecules/card/featurecard/FeatureCardProps";
+import type { FeatureCardProps } from "../../../molecules/cards/featurecard/FeatureCardProps";
 export type FeatureCardCollectionItem = FeatureCardProps;
 export type FeatureCardCollectionFooterButtonPayload = {
     buttonLabel: string;

package/dist/componentProps/organisms/collections/moreinfohighlightscollection/MoreInfoHighlightsCollectionProps.d.ts

@@ -0,0 +1,7 @@
+import type { MoreInfoHighlightsCardProps } from "../../../molecules/cards/moreinfohighlightscard/MoreInfoHighlightsCardProps";
+export type MoreInfoHighlightsCollectionProps = {
+    heading: string;
+    body?: string;
+    cards: MoreInfoHighlightsCardProps[];
+    className?: string;
+};

package/dist/componentProps/organisms/{sections/recentarticles/RecentArticlesProps.d.ts → collections/recentarticlecollection/RecentArticleCollectionProps.d.ts}

@@ -1,5 +1,5 @@
-import type { RecentArticleCardProps } from "../../../molecules/card/recentarticlecard/RecentArticleCardProps";
-export interface RecentArticlesProps {
+import type { RecentArticleCardProps } from "../../../molecules/cards/recentarticlecard/RecentArticleCardProps";
+export interface RecentArticleCollectionProps {
     title?: string;
     titleClassName?: string;
     items: RecentArticleCardProps[];

package/dist/componentProps/organisms/{swatchcardcollection → collections/swatchcardcollection}/SwatchCardCollectionProps.d.ts

@@ -1,4 +1,4 @@
-import type { SwatchCardProps } from "../../molecules/card/swatchcard/SwatchCardProps";
+import type { SwatchCardProps } from "../../../molecules/cards/swatchcard/SwatchCardProps";
 export type SwatchCardCollectionItem = SwatchCardProps;
 export type SwatchCardCollectionFooterButtonPayload = {
     buttonLabel: string;

package/dist/componentProps/organisms/{verticalcheckboxlistcollection → collections/verticalcheckboxlistcollection}/VerticalCheckboxListCollectionProps.d.ts

@@ -1,8 +1,8 @@
-import { VerticalCheckboxListProps } from "../../molecules/selectors/verticalcheckboxlist/VerticalCheckboxListProps";
-import { AppliedOptionsListProps } from "../../molecules/selectors/appliedoptionslist/AppliedOptionsListProps";
-import { VerticalColorSwatchListProps } from "../../molecules/selectors/verticalcolorswatchlist/VerticalColorSwatchListProps";
-import type { CheckboxChangePayload } from "../../atoms/checkbox/CheckboxProps";
-import type { VerticalColorSwatchListSelectPayload } from "../../molecules/selectors/verticalcolorswatchlist/VerticalColorSwatchListProps";
+import { VerticalCheckboxListProps } from "../../../molecules/selectors/verticalcheckboxlist/VerticalCheckboxListProps";
+import { AppliedOptionsListProps } from "../../../molecules/selectors/appliedoptionslist/AppliedOptionsListProps";
+import { VerticalColorSwatchListProps } from "../../../molecules/selectors/verticalcolorswatchlist/VerticalColorSwatchListProps";
+import type { CheckboxChangePayload } from "../../../atoms/checkbox/CheckboxProps";
+import type { VerticalColorSwatchListSelectPayload } from "../../../molecules/selectors/verticalcolorswatchlist/VerticalColorSwatchListProps";
 export interface VerticalCheckboxListCollectionCheckboxSection extends VerticalCheckboxListProps {
     type: "checkbox";
 }

package/dist/componentProps/organisms/featurecards/featurecardssection/FeatureCardSectionProps.d.ts

@@ -1,4 +1,4 @@
-import { FeatureCardProps } from "../../../molecules/card/featurecard/FeatureCardProps";
+import { FeatureCardProps } from "../../../molecules/cards/featurecard/FeatureCardProps";
 export type FeatureCardSectionProps = {
     title?: string;
     body?: string;

package/dist/componentProps/organisms/{decorgrid → grids/decorgrid}/DecorGridProps.d.ts

@@ -1,4 +1,4 @@
-import { SwatchCardProps } from "../../molecules/card/swatchcard/SwatchCardProps";
+import { SwatchCardProps } from "../../../molecules/cards/swatchcard/SwatchCardProps";
 export interface DecorGridProps {
     swatches?: SwatchCardProps[];
     onSwatchClick?: (swatch: SwatchCardProps, index: number) => void;

package/dist/componentProps/organisms/grids/imageoverlaygrid/ImageOverlayGridProps.d.ts

@@ -1,13 +1,14 @@
-import type { ContentGridProps } from "../../../atoms/layout/ContentGridProps";
-import type { ImageOverlayCardProps } from "../../../molecules/card/imageoverlaycard/ImageOverlayCardProps";
-export type ImageOverlayGridItem = Omit<ImageOverlayCardProps, "onCardClick"> & {
+import type { ImageOverlayCardProps } from "../../../molecules/cards/imageoverlaycard/ImageOverlayCardProps";
+export type ImageOverlayGridItem = Omit<ImageOverlayCardProps, "className" | "onCardClick"> & {
     id?: string;
 };
+export type ImageOverlayGridLayoutVariant = "uniform" | "asymmetric";
 export type ImageOverlayGridClickPayload = {
     item: ImageOverlayGridItem;
     index: number;
 };
-export interface ImageOverlayGridProps extends Omit<ContentGridProps, "children"> {
+export interface ImageOverlayGridProps {
     items: ImageOverlayGridItem[];
+    layoutVariant?: ImageOverlayGridLayoutVariant;
     onImageOverlayCardClick?: (payload: ImageOverlayGridClickPayload) => void;
 }

package/dist/componentProps/organisms/productinformation/productdetailpane/ProductDetailsPaneProps.d.ts

@@ -0,0 +1,4 @@
+import type { ProductDetailsData } from "../../sections/productinformationsection/ProductInformationSectionProps";
+export type ProductDetailsPaneProps = {
+    data?: ProductDetailsData;
+};

package/dist/componentProps/organisms/productinformation/sizeandgradepane/SizeAndGradePaneProps.d.ts

@@ -0,0 +1,5 @@
+import { SizeAndGradeData } from "../../sections/productinformationsection/ProductInformationSectionProps";
+export type SizeAndGradePaneProps = {
+    data?: SizeAndGradeData;
+    selectedGrade?: string;
+};

package/dist/componentProps/organisms/productinformation/texturepane/TexturePaneProps.d.ts

@@ -0,0 +1,4 @@
+import type { TextureData } from "../../sections/productinformationsection/ProductInformationSectionProps";
+export type TexturePaneProps = {
+    data?: TextureData;
+};

package/dist/componentProps/organisms/sections/documentlinkblock/DocumentLinkBlockProps.d.ts

@@ -0,0 +1,4 @@
+import type { DocumentLinkCardProps } from "../../../molecules/cards/documentlinkcard/DocumentLinkCardProps";
+export type DocumentLinkBlockProps = {
+    documentLinkCard: DocumentLinkCardProps;
+};

package/dist/componentProps/scene/article/ArticleSceneProps.d.ts

@@ -1,9 +1,9 @@
-import type { ArticleBannerProps } from "../../organisms/banner/articlebanner/ArticleBannerProps";
-import type { TextCardProps } from "../../molecules/card/textcard/TextCardProps";
-import type { ImageCardProps } from "../../molecules/card/imagecard/ImageCardProps";
+import type { ArticleBannerProps } from "../../organisms/banners/articlebanner/ArticleBannerProps";
+import type { TextCardProps } from "../../molecules/cards/textcard/TextCardProps";
+import type { ImageCardProps } from "../../molecules/cards/imagecard/ImageCardProps";
 import type { ContentCarouselProps } from "../../organisms/carousels/contentcarousel/ContentCarouselProps";
 import { FeaturedProductsCarouselProps } from "../../organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps";
-import { RecentArticlesProps } from "../../organisms/sections/recentarticles/RecentArticlesProps";
+import { RecentArticleCollectionProps } from "../../organisms/collections/recentarticlecollection/RecentArticleCollectionProps";
 import type { ImageOverlayGridProps } from "../../organisms/grids/imageoverlaygrid/ImageOverlayGridProps";
 export interface ArticlePageProps {
     articleBannerProps: ArticleBannerProps;
@@ -15,5 +15,5 @@ export interface ArticlePageProps {
     imageCardProps: ImageCardProps;
     contentCarouselProps: ContentCarouselProps;
     featuredProductsCarouselProps: FeaturedProductsCarouselProps;
-    recentArticlesProps: RecentArticlesProps;
+    recentArticleCollectionProps: RecentArticleCollectionProps;
 }

package/dist/componentProps/scene/campaign/CampaignSceneProps.d.ts

@@ -1,8 +1,8 @@
-import type { StandardCopyHeroProps } from "../../organisms/banner/standardcopyhero/StandardCopyHeroProps";
-import type { TextCardProps } from "../../molecules/card/textcard/TextCardProps";
-import type { ImageCardProps } from "../../molecules/card/imagecard/ImageCardProps";
+import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
+import type { TextCardProps } from "../../molecules/cards/textcard/TextCardProps";
+import type { ImageCardProps } from "../../molecules/cards/imagecard/ImageCardProps";
 import type { ContentCarouselProps } from "../../organisms/carousels/contentcarousel/ContentCarouselProps";
-import type { RecentArticleCardProps } from "../../molecules/card/recentarticlecard/RecentArticleCardProps";
+import type { RecentArticleCardProps } from "../../molecules/cards/recentarticlecard/RecentArticleCardProps";
 export interface CampaignSceneProps {
     standardCopyHeroProps: StandardCopyHeroProps;
     articleHeaderProps: TextCardProps;

package/dist/componentProps/scene/corporatecommitment/CorporateCommitmentSceneProps.d.ts

@@ -0,0 +1,12 @@
+import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
+import type { TextCardProps } from "../../molecules/cards/textcard/TextCardProps";
+import type { DocumentLinkBlockProps } from "../../organisms/sections/documentlinkblock/DocumentLinkBlockProps";
+import type { ImageCardProps } from "../../molecules/cards/imagecard/ImageCardProps";
+export interface CorporateCommitmentSceneProps {
+    standardCopyHeroProps: StandardCopyHeroProps;
+    textCardProps: TextCardProps;
+    textCardProps2: TextCardProps;
+    textCardProps3: TextCardProps;
+    documentLinkBlockProps: DocumentLinkBlockProps;
+    imageCardProps: ImageCardProps;
+}

package/dist/componentProps/scene/customerhub/CustomerHubHomeImprovementSceneProps.d.ts

@@ -1,10 +1,10 @@
-import type { StandardCopyHeroProps } from "../../organisms/banner/standardcopyhero/StandardCopyHeroProps";
+import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
 import type { SlidingTabIndicatorProps } from "../../molecules/selectors/slidingtabselector/SlidingTabsSelectorProps";
-import type { StandardCarouselProps } from "../../molecules/carousel/standardcarousel/StandardCarouselProps";
+import type { StandardCarouselProps } from "../../molecules/carouselprimitives/standardcarousel/StandardCarouselProps";
 import type { FilterBarProps } from "../../molecules/selectors/filterbar/FilterBarProps";
 import { DropdownFilterProps } from "../../molecules/selectors/filterbar/DropdownFilterProps";
-import type { ImageGridProps } from "../../organisms/imagegrid/ImageGridProps";
-import { RecentArticleCardProps } from "../../molecules/card/recentarticlecard/RecentArticleCardProps";
+import type { ImageGridProps } from "../../organisms/grids/imagegrid/ImageGridProps";
+import { RecentArticleCardProps } from "../../molecules/cards/recentarticlecard/RecentArticleCardProps";
 export interface CustomerHubHomeImprovementSceneProps {
     standardCopyHeroProps: StandardCopyHeroProps;
     slidingTabIndicatorProps: SlidingTabIndicatorProps;

package/dist/componentProps/scene/customerhub/CustomerHubSceneProps.d.ts

@@ -1,4 +1,4 @@
-import type { CallToActionHeroProps } from "../../organisms/banner/herobanner/CallToActionHeroProps";
+import type { CallToActionHeroProps } from "../../organisms/banners/herobanner/CallToActionHeroProps";
 import type { ImageOverlayGridProps } from "../../organisms/grids/imageoverlaygrid/ImageOverlayGridProps";
 export interface CustomerHubSceneProps {
     callToActionHeroProps: CallToActionHeroProps;

package/dist/componentProps/scene/gallery/GallerySceneProps.d.ts

@@ -1,8 +1,8 @@
-import type { StandardCopyHeroProps } from "../../organisms/banner/standardcopyhero/StandardCopyHeroProps";
+import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
 import type { MultiButtonBarProps } from "../../molecules/selectors/multibuttonbar/MultiButtonBarProps";
 import type { FilterBarProps } from "../../molecules/selectors/filterbar/FilterBarProps";
 import type { DropdownFilterProps } from "../../molecules/selectors/filterbar/DropdownFilterProps";
-import type { ImageGridProps } from "../../organisms/imagegrid/ImageGridProps";
+import type { ImageGridProps } from "../../organisms/grids/imagegrid/ImageGridProps";
 export type GallerySceneProps = {
     standardCopyHeroProps: StandardCopyHeroProps;
     multiButtonBarProps: MultiButtonBarProps;

package/dist/componentProps/scene/home/HomePageProps.d.ts

@@ -1,13 +1,13 @@
 import type { BrandNavBarProps } from "../../organisms/navigation/BrandNavBarProps";
 import type { TopNavBarProps } from "../../organisms/navigation/TopNavBarProps";
 import type { AnnouncementBarProps } from "../../organisms/navigation/AnnouncementBarProps";
-import type { CallToActionHeroProps } from "../../organisms/banner/herobanner/CallToActionHeroProps";
+import type { CallToActionHeroProps } from "../../organisms/banners/herobanner/CallToActionHeroProps";
 import type { ButtonProps } from "../../atoms/buttons/button/ButtonProps";
-import type { ColumnBannerProps } from "../../organisms/banner/columnbanner/ColumnBannerProps";
-import type { FeatureCardCollectionProps } from "../../organisms/featurecards/featurecardscollection/FeatureCardCollectionProps";
+import type { ColumnBannerProps } from "../../organisms/banners/columnbanner/ColumnBannerProps";
+import type { FeatureCardCollectionProps } from "../../organisms/collections/featurecardcollection/FeatureCardCollectionProps";
 import type { FooterProps } from "../../organisms/footer/FooterProps";
-import type { MoreInfoHighlightsSectionProps } from "../../organisms/moreinfohighlightssection/MoreInfoHighlightsSectionProps";
-import type { InfoCardProps } from "../../molecules/card/infocard/InfoCardProps";
+import type { MoreInfoHighlightsCollectionProps } from "../../organisms/collections/moreinfohighlightscollection/MoreInfoHighlightsCollectionProps";
+import type { InfoCardProps } from "../../molecules/cards/infocard/InfoCardProps";
 export type HomePageProps = {
     brandNavBarProps: BrandNavBarProps;
     topNavBarProps: TopNavBarProps;
@@ -23,6 +23,6 @@ export type HomePageProps = {
     columnBannerProps?: ColumnBannerProps;
     infoCardProps?: InfoCardProps;
     featureCardSectionProps?: FeatureCardCollectionProps;
-    moreInfoHighlightsSectionProps?: MoreInfoHighlightsSectionProps;
+    moreInfoHighlightsCollectionProps?: MoreInfoHighlightsCollectionProps;
     footerProps?: FooterProps;
 };

package/dist/componentProps/scene/launch/LaunchSceneProps.d.ts

@@ -1,9 +1,9 @@
-import type { CallToActionHeroProps } from "../../organisms/banner/herobanner/CallToActionHeroProps";
-import type { TextCardProps } from "../../molecules/card/textcard/TextCardProps";
+import type { CallToActionHeroProps } from "../../organisms/banners/herobanner/CallToActionHeroProps";
+import type { TextCardProps } from "../../molecules/cards/textcard/TextCardProps";
 import type { FeaturedProductsCarouselProps } from "../../organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps";
 import type { ContentCarouselProps } from "../../organisms/carousels/contentcarousel/ContentCarouselProps";
-import type { InfoCardProps } from "../../molecules/card/infocard/InfoCardProps";
-import { SwatchCardCollectionProps } from "../../organisms/swatchcardcollection/SwatchCardCollectionProps";
+import type { InfoCardProps } from "../../molecules/cards/infocard/InfoCardProps";
+import { SwatchCardCollectionProps } from "../../organisms/collections/swatchcardcollection/SwatchCardCollectionProps";
 export interface LaunchSceneProps {
     callToActionHeroProps: CallToActionHeroProps;
     textCardProps: TextCardProps;

package/dist/componentProps/scene/proresource/ProResourceSceneProps.d.ts

@@ -1,8 +1,8 @@
-import type { StandardCopyHeroProps } from "../../organisms/banner/standardcopyhero/StandardCopyHeroProps";
+import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
 import type { MultiButtonBarProps } from "../../molecules/selectors/multibuttonbar/MultiButtonBarProps";
-import type { DocumentLinkCollectionProps } from "../../organisms/documentlinkcollection/DocumentLinkCollectionProps";
-import type { InfoCardProps } from "../../molecules/card/infocard/InfoCardProps";
-import type { FaqCardCollectionProps } from "../../organisms/faqcardcollection/FaqCardCollectionProps";
+import type { DocumentLinkCollectionProps } from "../../organisms/collections/documentlinkcollection/DocumentLinkCollectionProps";
+import type { InfoCardProps } from "../../molecules/cards/infocard/InfoCardProps";
+import type { FaqCardCollectionProps } from "../../organisms/collections/faqcardcollection/FaqCardCollectionProps";
 export type ProResourceSceneProps = {
     standardCopyHeroProps: StandardCopyHeroProps;
     multiButtonBarProps: MultiButtonBarProps;

package/dist/componentProps/scene/searchresults/SearchResultsSceneProps.d.ts

@@ -1,8 +1,8 @@
-import { SearchHeaderProps } from "../../organisms/search/searchheader/SearchHeaderProps";
+import { SearchHeaderProps } from "../../organisms/sections/searchheader/SearchHeaderProps";
 import { FeaturedProductsCarouselProps } from "../../organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps";
-import { RecentArticlesProps } from "../../organisms/sections/recentarticles/RecentArticlesProps";
+import { RecentArticleCollectionProps } from "../../organisms/collections/recentarticlecollection/RecentArticleCollectionProps";
 export type SearchResultsSceneProps = {
     searchHeaderProps: SearchHeaderProps;
     featuredProductsCarouselProps: FeaturedProductsCarouselProps;
-    recentArticlesProps: RecentArticlesProps;
+    recentArticleCollectionProps: RecentArticleCollectionProps;
 };

package/dist/componentProps/scene/sustainability/SustainabilityHubSceneProps.d.ts

@@ -0,0 +1,12 @@
+import type { CallToActionHeroProps } from "../../organisms/banners/herobanner/CallToActionHeroProps";
+import type { InfoCardProps } from "../../molecules/cards/infocard/InfoCardProps";
+import type { SwatchCardCollectionProps } from "../../organisms/collections/swatchcardcollection/SwatchCardCollectionProps";
+import type { ImageOverlayCardProps } from "../../molecules/cards/imageoverlaycard/ImageOverlayCardProps";
+export interface SustainabilityHubSceneProps {
+    callToActionHeroProps: CallToActionHeroProps;
+    infoCardProps: InfoCardProps;
+    infoCardProps2: InfoCardProps;
+    infoCardProps3: InfoCardProps;
+    swatchCardCollectionProps: SwatchCardCollectionProps;
+    imageOverlayCardProps: ImageOverlayCardProps;
+}

package/dist/componentProps/scene/sustainability/SustainabilitySnippetsSceneProps.d.ts

@@ -0,0 +1,8 @@
+import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
+import type { FaqCardCollectionProps } from "../../organisms/collections/faqcardcollection/FaqCardCollectionProps";
+import type { RecentArticleCollectionProps } from "../../organisms/collections/recentarticlecollection/RecentArticleCollectionProps";
+export type SustainabilitySnippetsSceneProps = {
+    standardCopyHeroProps: StandardCopyHeroProps;
+    faqCardCollectionProps: FaqCardCollectionProps;
+    recentArticleCollectionProps: RecentArticleCollectionProps;
+};

package/dist/componentProps/templates/articlelandingpagetemplate/ArticleLandingPageTemplateProps.d.ts

@@ -1,9 +1,9 @@
-import type { StandardCopyHeroProps } from "../../organisms/banner/standardcopyhero/StandardCopyHeroProps";
+import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
 import type { MultiButtonBarProps } from "../../molecules/selectors/multibuttonbar/MultiButtonBarProps";
 import type { FilterBarProps } from "../../molecules/selectors/filterbar/FilterBarProps";
 import type { DropdownFilterProps } from "../../molecules/selectors/filterbar/DropdownFilterProps";
-import type { FeaturedArticleBannerProps } from "../../organisms/banner/featuredarticlebanner/FeaturedArticleBannerProps";
-import type { FeatureCardCollectionProps } from "../../organisms/featurecards/featurecardscollection/FeatureCardCollectionProps";
+import type { FeaturedArticleBannerProps } from "../../organisms/banners/featuredarticlebanner/FeaturedArticleBannerProps";
+import type { FeatureCardCollectionProps } from "../../organisms/collections/featurecardcollection/FeatureCardCollectionProps";
 export type ArticleLandingPageTemplateProps = {
     standardCopyHeroProps: StandardCopyHeroProps;
     multiButtonBarProps: MultiButtonBarProps;

package/dist/componentProps/templates/categorypagetemplate/CategoryPageTemplateProps.d.ts

@@ -1,8 +1,8 @@
 import type { DropdownProps } from "../../atoms/dropdown/DropdownProps";
 import type { SearchBarProps } from "../../molecules/searchbar/SearchBarProps";
 import type { MultiButtonBarOption, MultiButtonBarSelectPayload } from "../../molecules/selectors/multibuttonbar/MultiButtonBarProps";
-import type { StandardCopyHeroProps } from "../../organisms/banner/standardcopyhero/StandardCopyHeroProps";
-import type { SwatchCardProps } from "../../molecules/card/swatchcard/SwatchCardProps";
+import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
+import type { SwatchCardProps } from "../../molecules/cards/swatchcard/SwatchCardProps";
 import type { VerticalCheckboxListOption } from "../../molecules/selectors/verticalcheckboxlist/VerticalCheckboxListProps";
 import type { VerticalColorSwatchListOption } from "../../molecules/selectors/verticalcolorswatchlist/VerticalColorSwatchListProps";
 export type CategoryPageCheckboxFilterOption = Omit<VerticalCheckboxListOption, "onChange">;

package/dist/componentProps/templates/productdetailpagetemplate/ProductDetailPageTemplateProps.d.ts

@@ -1,5 +1,5 @@
 import { BreadcrumbsProps } from "../../molecules/selectors/breadcrumb/BreadcrumbsProps";
-import { ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/productinformationsection/ProductInformationSectionProps";
+import { ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/sections/productinformationsection/ProductInformationSectionProps";
 import { CartFlyoutProps } from "../../organisms/cart/cartflyout/CartFlyoutProps";
 export type ProductDetailSimpleOption = {
     id: string;