formica-ui-lib 1.0.184 → 1.0.187

package/README.md

@@ -148,14 +148,47 @@ If the component props change, update the story right away.
 
 Do not leave stale story args, controls, or fake props around.
 
+### Storybook buckets should be editor-friendly
+
+Code folders follow atomic responsibility. Storybook titles should follow the organization that content editors and consumers use to browse components.
+
+Common buckets include:
+
+- `Molecules/Cards`
+- `Molecules/Selectors`
+- `Organisms/Banners`
+- `Organisms/Carousels`
+- `Organisms/Collections`
+- `Organisms/Grids`
+- `Organisms/Navigation`
+- `Organisms/Sections`
+- `Organisms/ProductInformation`
+
+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`.
+
 ## Scene Stories
 
 Scene stories are special.
 
-They should act like a lightweight simulation of how the UI will behave when wired into a BFF or application layer.
+They are Storybook-only composition shells, not React/Next integration surfaces. Use templates for React/Next page integration.
+
+Use scene stories when you need to preview how separately exposed CMS/XMC components appear together, or when you need a lightweight simulation of how the UI will behave when wired into a BFF or application layer.
 
-That means scene stories should often own:
+That means scene stories may own:
 
+- layout spacing needed to judge the combined composition
 - selected values
 - visible/hidden state
 - click handlers
@@ -248,9 +281,9 @@ Try to keep responsibility at the right layer:
 - atoms
   simple UI pieces and layout primitives
 - molecules
-  small composed patterns like `ClickableCard`
+  small composed patterns like `ClickableCard`, reusable cards, selectors, and inputs
 - organisms
-  richer composed sections like grids, navs, banners, panels
+  richer composed sections like grids, navs, banners, collections, panels, and page sections
 - scenes
   higher-level composition and interaction simulation
 

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/{card → cards}/featurecard/FeatureCardProps.d.ts

@@ -1,4 +1,5 @@
 export type FeatureCardCtaMode = "button" | "text" | "hidden";
+export type FeatureCardStyle = "standard" | "vertical";
 export type FeatureCardClickPayload = {
     title: string;
     description?: string;
@@ -11,6 +12,7 @@ export type FeatureCardProps = {
     description?: string;
     buttonLabel?: string;
     ctaMode?: FeatureCardCtaMode;
+    cardStyle?: FeatureCardStyle;
     onCardClick?: () => void;
     onCtaClick?: (payload: FeatureCardClickPayload) => void;
 };

package/dist/componentProps/{organisms/articles/articleimage/ArticleImageProps.d.ts → molecules/cards/imagecard/ImageCardProps.d.ts}

@@ -1,4 +1,4 @@
-export interface ArticleImageProps {
+export interface ImageCardProps {
     imageSrc?: string;
     imageAlt?: string;
 }

package/dist/componentProps/molecules/cards/infocard/InfoCardProps.d.ts

@@ -0,0 +1,15 @@
+export type InfoCardAlign = "left" | "right";
+export interface InfoCardButtonClickPayload {
+    buttonLabel: string;
+    buttonHref?: string;
+}
+export interface InfoCardProps {
+    imageSrc: string;
+    imageAlt?: string;
+    headline: string;
+    body: string;
+    buttonLabel: string;
+    buttonHref?: string;
+    align?: InfoCardAlign;
+    onButtonClick?: (payload: InfoCardButtonClickPayload) => void;
+}

package/dist/componentProps/molecules/{card/articlerecentcard/ArticleRecentCardProps.d.ts → cards/recentarticlecard/RecentArticleCardProps.d.ts}

@@ -1,5 +1,7 @@
 import type React from "react";
-export interface ArticleRecentCardProps {
+export type RecentArticleCardLayoutVariant = "default" | "mediaRightCompact";
+export interface RecentArticleCardProps {
+    layoutVariant?: RecentArticleCardLayoutVariant;
     mediaType?: "image" | "video";
     imageSrc?: string;
     imageAlt?: string;

package/dist/componentProps/molecules/{card → cards}/swatchcard/SwatchCardProps.d.ts

@@ -1,13 +1,13 @@
 export type SwatchStatus = "new" | "discontinued" | "comingSoon" | "sale";
-export interface SwatchCardProps {
+export type SwatchCardProps = {
     id?: string;
     imageSrc: string;
     imageFallbackSrc?: string;
     imageAlt: string;
     title: string;
     brand: string;
-    product: string;
+    product?: string;
     decorNumber: string | number;
     onSwatchClick?: () => void;
     status?: SwatchStatus;
-}
+};

package/dist/componentProps/{organisms/articles/articletext/ArticleTextProps.d.ts → molecules/cards/textcard/TextCardProps.d.ts}

@@ -1,9 +1,9 @@
 export type HeadingSize = "small" | "large";
-export type ArticleTextAlign = "left" | "center" | "right";
-export interface ArticleTextProps {
+export type TextCardAlign = "left" | "center" | "right";
+export interface TextCardProps {
     heading?: string;
     headingSize?: HeadingSize;
-    align?: ArticleTextAlign;
+    align?: TextCardAlign;
     subheading?: string;
     datetimeStamp?: string;
     body?: 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

@@ -0,0 +1,7 @@
+import type { StandardCarouselDefaultSlideProps, StandardCarouselSlide } from "../../../molecules/carouselprimitives/standardcarousel/StandardCarouselProps";
+export interface ContentCarouselSlide extends StandardCarouselSlide {
+    imageText?: string;
+}
+export interface ContentCarouselProps extends Omit<StandardCarouselDefaultSlideProps, "slides" | "onSlideChange" | "renderSlide" | "showImageOverlay"> {
+    slides: ContentCarouselSlide[];
+}

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/cart/purchasepanel/PurchasePanelLeftPanelProps.d.ts

@@ -1,4 +1,5 @@
 import type { ButtonGridItem } from "../../../molecules/buttons/buttongrid/ButtonGridProps";
+import type { ReactNode } from "react";
 export type SwatchPurchasePanelTab = "Sample" | "Buy Now" | string;
 export type SwatchOption = ButtonGridItem & {
     id: string;
@@ -43,4 +44,5 @@ export type PurchasePanelLeftPanelProps = {
     onQuantityChange?: (quantity: number) => void;
     onAddToWishlist: () => void;
     onAddToCart: (quantity: number) => void;
+    mobileMediaSlot?: ReactNode;
 };

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,4 +1,4 @@
-import { FaqCardProps } from "../../molecules/card/faqcard/FaqCardProps";
+import { FaqCardProps } from "../../../molecules/cards/faqcard/FaqCardProps";
 export interface FaqCardCollectionItem extends FaqCardProps {
     id: string;
 }

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/collections/recentarticlecollection/RecentArticleCollectionProps.d.ts

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

package/dist/componentProps/organisms/collections/swatchcardcollection/SwatchCardCollectionProps.d.ts

@@ -0,0 +1,15 @@
+import type { SwatchCardProps } from "../../../molecules/cards/swatchcard/SwatchCardProps";
+export type SwatchCardCollectionItem = SwatchCardProps;
+export type SwatchCardCollectionFooterButtonPayload = {
+    buttonLabel: string;
+    buttonHref?: string;
+};
+export type SwatchCardCollectionProps = {
+    title?: string;
+    body?: string;
+    cards?: SwatchCardCollectionItem[];
+    footerBlurb?: string;
+    footerButtonLabel?: string;
+    footerButtonHref?: string;
+    onFooterButtonClick?: (payload: SwatchCardCollectionFooterButtonPayload) => void;
+};

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/{imageoverlaygrid → grids/imageoverlaygrid}/ImageOverlayGridProps.d.ts

@@ -1,5 +1,5 @@
-import type { ContentGridProps } from "../../atoms/layout/ContentGridProps";
-import type { ImageOverlayCardProps } from "../../molecules/card/imageoverlaycard/ImageOverlayCardProps";
+import type { ContentGridProps } from "../../../atoms/layout/ContentGridProps";
+import type { ImageOverlayCardProps } from "../../../molecules/cards/imageoverlaycard/ImageOverlayCardProps";
 export type ImageOverlayGridItem = Omit<ImageOverlayCardProps, "onCardClick"> & {
     id?: string;
 };

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/scene/article/ArticleSceneProps.d.ts

@@ -1,19 +1,19 @@
-import type { ArticleBannerProps } from "../../organisms/banner/articlebanner/ArticleBannerProps";
-import type { ArticleTextProps } from "../../organisms/articles/articletext/ArticleTextProps";
-import type { ArticleImageProps } from "../../organisms/articles/articleimage/ArticleImageProps";
-import type { ArticleCarouselProps } from "../../organisms/articles/articlecarousel/ArticleCarouselProps";
+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 { ArticleRecentSectionProps } from "../../organisms/articles/articlerecentsection/ArticleRecentSectionProps";
-import type { ImageOverlayGridProps } from "../../organisms/imageoverlaygrid/ImageOverlayGridProps";
+import { RecentArticleCollectionProps } from "../../organisms/collections/recentarticlecollection/RecentArticleCollectionProps";
+import type { ImageOverlayGridProps } from "../../organisms/grids/imageoverlaygrid/ImageOverlayGridProps";
 export interface ArticlePageProps {
     articleBannerProps: ArticleBannerProps;
     imageOverlayGridProps?: ImageOverlayGridProps;
-    articleHeaderProps: ArticleTextProps;
-    articleTextProps: ArticleTextProps;
-    articleTextProps2: ArticleTextProps;
-    additionalArticleTextProps?: ArticleTextProps[];
-    articleImageProps: ArticleImageProps;
-    articleCarouselProps: ArticleCarouselProps;
+    articleHeaderProps: TextCardProps;
+    textCardProps: TextCardProps;
+    textCardProps2: TextCardProps;
+    additionalTextCardProps?: TextCardProps[];
+    imageCardProps: ImageCardProps;
+    contentCarouselProps: ContentCarouselProps;
     featuredProductsCarouselProps: FeaturedProductsCarouselProps;
-    articleRecentSectionProps: ArticleRecentSectionProps;
+    recentArticleCollectionProps: RecentArticleCollectionProps;
 }

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

@@ -0,0 +1,15 @@
+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/cards/recentarticlecard/RecentArticleCardProps";
+export interface CampaignSceneProps {
+    standardCopyHeroProps: StandardCopyHeroProps;
+    articleHeaderProps: TextCardProps;
+    textCardProps: TextCardProps;
+    textCardProps2: TextCardProps;
+    imageCardProps: ImageCardProps;
+    contentCarouselProps: ContentCarouselProps;
+    contentCarouselProps2: ContentCarouselProps;
+    recentArticleCardProps: RecentArticleCardProps;
+}

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

@@ -0,0 +1,16 @@
+import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
+import type { SlidingTabIndicatorProps } from "../../molecules/selectors/slidingtabselector/SlidingTabsSelectorProps";
+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/grids/imagegrid/ImageGridProps";
+import { RecentArticleCardProps } from "../../molecules/cards/recentarticlecard/RecentArticleCardProps";
+export interface CustomerHubHomeImprovementSceneProps {
+    standardCopyHeroProps: StandardCopyHeroProps;
+    slidingTabIndicatorProps: SlidingTabIndicatorProps;
+    standardCarouselProps: StandardCarouselProps;
+    filterBarProps: FilterBarProps;
+    dropdownFilterPropsList: DropdownFilterProps[];
+    imageGridProps: ImageGridProps;
+    recentArticleCardProps: RecentArticleCardProps;
+}

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

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

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,18 +1,18 @@
 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 { FeatureBannerProps } from "../../organisms/banner/featurebanner/FeatureBannerProps";
+import type { MoreInfoHighlightsCollectionProps } from "../../organisms/collections/moreinfohighlightscollection/MoreInfoHighlightsCollectionProps";
+import type { InfoCardProps } from "../../molecules/cards/infocard/InfoCardProps";
 export type HomePageProps = {
     brandNavBarProps: BrandNavBarProps;
     topNavBarProps: TopNavBarProps;
     announcementBarProps?: AnnouncementBarProps;
-    callToActionCarouselProps?: {
+    generalCarouselProps?: {
         slides: CallToActionHeroProps[];
         showArrows?: boolean;
         showDots?: boolean;
@@ -21,8 +21,8 @@ export type HomePageProps = {
         prevArrowButtonProps?: Pick<ButtonProps, "buttonType" | "className">;
     };
     columnBannerProps?: ColumnBannerProps;
-    featureBannerProps?: FeatureBannerProps;
+    infoCardProps?: InfoCardProps;
     featureCardSectionProps?: FeatureCardCollectionProps;
-    moreInfoHighlightsSectionProps?: MoreInfoHighlightsSectionProps;
+    moreInfoHighlightsCollectionProps?: MoreInfoHighlightsCollectionProps;
     footerProps?: FooterProps;
 };

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

@@ -0,0 +1,16 @@
+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/cards/infocard/InfoCardProps";
+import { SwatchCardCollectionProps } from "../../organisms/collections/swatchcardcollection/SwatchCardCollectionProps";
+export interface LaunchSceneProps {
+    callToActionHeroProps: CallToActionHeroProps;
+    textCardProps: TextCardProps;
+    featuredProductsCarouselProps: FeaturedProductsCarouselProps;
+    swatchCardCollectionProps: SwatchCardCollectionProps;
+    swatchCardCollectionProps2: SwatchCardCollectionProps;
+    contentCarouselProps: ContentCarouselProps;
+    contentCarouselProps2: ContentCarouselProps;
+    infoCardProps: InfoCardProps;
+}

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

@@ -1,12 +1,12 @@
-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 { FeatureBannerProps } from "../../organisms/banner/featurebanner/FeatureBannerProps";
-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;
     documentLinkCollectionProps: DocumentLinkCollectionProps;
-    featureBannerProps: FeatureBannerProps;
+    infoCardProps: InfoCardProps;
     faqCardCollectionProps: FaqCardCollectionProps;
 };

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 { ArticleRecentSectionProps } from "../../organisms/articles/articlerecentsection/ArticleRecentSectionProps";
+import { RecentArticleCollectionProps } from "../../organisms/collections/recentarticlecollection/RecentArticleCollectionProps";
 export type SearchResultsSceneProps = {
     searchHeaderProps: SearchHeaderProps;
     featuredProductsCarouselProps: FeaturedProductsCarouselProps;
-    articleRecentSectionProps: ArticleRecentSectionProps;
+    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;