formica-ui-lib 1.0.186 → 1.0.187
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/README.md +8 -0
- package/dist/componentProps/molecules/{banner → bannercontent}/articlebannercontent/ArticleBannerContentProps.d.ts +1 -1
- package/dist/componentProps/molecules/{banner → bannercontent}/calltoactionherocontent/CallToActionHeroContentProps.d.ts +1 -1
- package/dist/componentProps/molecules/{carousel → carouselprimitives}/columncarousel/ColumnCarouselProps.d.ts +1 -1
- package/dist/componentProps/organisms/{banner → banners}/columnbanner/ColumnBannerProps.d.ts +1 -1
- package/dist/componentProps/organisms/carousels/contentcarousel/ContentCarouselProps.d.ts +1 -1
- package/dist/componentProps/organisms/cart/cartconfimation/cartsummarysection/CartSummarySectionProps.d.ts +1 -1
- package/dist/componentProps/organisms/cart/cartflyout/CartFlyoutProps.d.ts +1 -1
- package/dist/componentProps/organisms/{documentlinkcollection → collections/documentlinkcollection}/DocumentLinkCollectionProps.d.ts +1 -1
- package/dist/componentProps/organisms/{faqcardcollection → collections/faqcardcollection}/FaqCardCollectionProps.d.ts +1 -1
- package/dist/componentProps/organisms/{featurecards/featurecardscollection → collections/featurecardcollection}/FeatureCardCollectionProps.d.ts +1 -1
- package/dist/componentProps/organisms/collections/moreinfohighlightscollection/MoreInfoHighlightsCollectionProps.d.ts +7 -0
- package/dist/componentProps/organisms/{sections/recentarticles/RecentArticlesProps.d.ts → collections/recentarticlecollection/RecentArticleCollectionProps.d.ts} +2 -2
- package/dist/componentProps/organisms/{swatchcardcollection → collections/swatchcardcollection}/SwatchCardCollectionProps.d.ts +1 -1
- package/dist/componentProps/organisms/{verticalcheckboxlistcollection → collections/verticalcheckboxlistcollection}/VerticalCheckboxListCollectionProps.d.ts +5 -5
- package/dist/componentProps/organisms/featurecards/featurecardssection/FeatureCardSectionProps.d.ts +1 -1
- package/dist/componentProps/organisms/{decorgrid → grids/decorgrid}/DecorGridProps.d.ts +1 -1
- package/dist/componentProps/organisms/grids/imageoverlaygrid/ImageOverlayGridProps.d.ts +1 -1
- package/dist/componentProps/organisms/productinformation/productdetailpane/ProductDetailsPaneProps.d.ts +4 -0
- package/dist/componentProps/organisms/productinformation/sizeandgradepane/SizeAndGradePaneProps.d.ts +5 -0
- package/dist/componentProps/organisms/productinformation/texturepane/TexturePaneProps.d.ts +4 -0
- package/dist/componentProps/scene/article/ArticleSceneProps.d.ts +5 -5
- package/dist/componentProps/scene/campaign/CampaignSceneProps.d.ts +4 -4
- package/dist/componentProps/scene/customerhub/CustomerHubHomeImprovementSceneProps.d.ts +4 -4
- package/dist/componentProps/scene/customerhub/CustomerHubSceneProps.d.ts +1 -1
- package/dist/componentProps/scene/gallery/GallerySceneProps.d.ts +2 -2
- package/dist/componentProps/scene/home/HomePageProps.d.ts +6 -6
- package/dist/componentProps/scene/launch/LaunchSceneProps.d.ts +4 -4
- package/dist/componentProps/scene/proresource/ProResourceSceneProps.d.ts +4 -4
- package/dist/componentProps/scene/searchresults/SearchResultsSceneProps.d.ts +3 -3
- package/dist/componentProps/templates/articlelandingpagetemplate/ArticleLandingPageTemplateProps.d.ts +3 -3
- package/dist/componentProps/templates/categorypagetemplate/CategoryPageTemplateProps.d.ts +2 -2
- package/dist/componentProps/templates/productdetailpagetemplate/ProductDetailPageTemplateProps.d.ts +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +55 -53
- package/dist/index.js +213 -213
- package/dist/stories/molecules/{banner → bannercontent}/articlebannercontent/ArticleBannerContent.d.ts +1 -1
- package/dist/stories/molecules/{banner → bannercontent}/calltoactionherocontent/CallToActionHeroContent.d.ts +1 -1
- package/dist/stories/molecules/{banner → bannercontent}/featuredarticlebannercontent/FeaturedArticleBannerContent.d.ts +1 -1
- package/dist/stories/molecules/{banner → bannercontent}/standardcopybannercontent/StandardCopyBannerContent.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/cartitemcard/CartItemCard.d.ts +1 -1
- package/dist/stories/molecules/{clickable → cards}/clickablecard/ClickableCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/columncarouselcard/ColumnCarouselCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/documentlinkcard/DocumentLinkCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/embeddedvideocard/EmbeddedVideoCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/faqcard/FaqCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/featurecard/FeatureCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/featureproductcard/FeaturedProductCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/imagecard/ImageCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/imageoverlaycard/ImageOverlayCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/infocard/InfoCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/moreinfohighlightscard/MoreInfoHighlightsCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/quantitycheckoutcard/QuantityCheckoutCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/recentarticlecard/RecentArticleCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/swatchcard/SwatchCard.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/swatchcard/SwatchCardStatusConfig.d.ts +1 -1
- package/dist/stories/molecules/{card → cards}/textcard/TextCard.d.ts +1 -1
- package/dist/stories/molecules/{carousel → carouselprimitives}/carouselarrowcontrols/CarouselArrowControls.d.ts +1 -1
- package/dist/stories/molecules/{carousel → carouselprimitives}/carouseldots/CarouselDots.d.ts +1 -1
- package/dist/stories/molecules/{carousel → carouselprimitives}/columncarousel/ColumnCarousel.d.ts +1 -1
- package/dist/stories/molecules/{carousel → carouselprimitives}/minicarousel/MiniCarousel.d.ts +1 -1
- package/dist/stories/molecules/{carousel → carouselprimitives}/standardcarousel/StandardCarousel.d.ts +1 -1
- package/dist/stories/molecules/{mediaLinks/footerImageLink → navigation/footerimagelink}/FooterImageLink.d.ts +1 -1
- package/dist/stories/molecules/{mediaLinks/socialLinkRow → navigation/sociallinkrow}/SocialLinkRow.d.ts +1 -1
- package/dist/stories/molecules/{radioButtons → selectors/radiobuttons}/RadioButtons.d.ts +1 -1
- package/dist/stories/molecules/{segmentedcontrol → selectors/segmentedcontrol}/SegmentedControl.d.ts +1 -1
- package/dist/stories/organisms/{banner → banners}/articlebanner/ArticleBanner.d.ts +1 -1
- package/dist/stories/organisms/{banner → banners}/calltoactionhero/CallToActionHero.d.ts +1 -1
- package/dist/stories/organisms/{banner → banners}/columnbanner/ColumnBanner.d.ts +1 -1
- package/dist/stories/organisms/{banner → banners}/featuredarticlebanner/FeaturedArticleBanner.d.ts +1 -1
- package/dist/stories/organisms/{banner → banners}/standardbannercontainer/StandardBannerContainer.d.ts +1 -1
- package/dist/stories/organisms/{banner → banners}/standardcopyhero/StandardCopyHero.d.ts +1 -1
- package/dist/stories/organisms/banners/standardcopyhero/StandardCopyHero.test.d.ts +1 -0
- package/dist/stories/organisms/cart/carthostedpaymentpanel/CartHostedPaymentPanel.test.d.ts +1 -0
- package/dist/stories/organisms/cart/shippingaddressform/ShippingAddressForm.test.d.ts +1 -0
- package/dist/stories/organisms/collections/documentlinkcollection/DocumentLinkCollection.d.ts +4 -0
- package/dist/stories/organisms/collections/documentlinkcollection/DocumentLinkCollection.test.d.ts +1 -0
- package/dist/stories/organisms/collections/faqcardcollection/FaqCardCollection.d.ts +4 -0
- package/dist/stories/organisms/collections/faqcardcollection/FaqCardCollection.test.d.ts +1 -0
- package/dist/stories/organisms/collections/featurecardcollection/FeatureCardCollection.d.ts +4 -0
- package/dist/stories/organisms/collections/featurecardcollection/FeatureCardCollection.test.d.ts +1 -0
- package/dist/stories/organisms/collections/moreinfohighlightscollection/MoreInfoHighlightsCollection.d.ts +4 -0
- package/dist/stories/organisms/collections/recentarticlecollection/RecentArticleCollection.d.ts +4 -0
- package/dist/stories/organisms/collections/recentarticlecollection/RecentArticleCollection.test.d.ts +1 -0
- package/dist/stories/organisms/collections/swatchcardcollection/SwatchCardCollection.d.ts +4 -0
- package/dist/stories/organisms/collections/swatchcardcollection/SwatchCardCollection.test.d.ts +1 -0
- package/dist/stories/organisms/{verticalcheckboxlistcollection → collections/verticalcheckboxlistcollection}/VerticalCheckboxListCollection.d.ts +1 -1
- package/dist/stories/organisms/{decorgrid → grids/decorgrid}/DecorGrid.d.ts +1 -1
- package/dist/stories/organisms/grids/decorgrid/DecorGrid.test.d.ts +1 -0
- package/dist/stories/organisms/{imagegrid → grids/imagegrid}/ImageGrid.d.ts +1 -1
- package/dist/stories/organisms/grids/imagegrid/ImageGrid.test.d.ts +1 -0
- package/dist/stories/organisms/navigation/Footer/parts/BrandBlock.test.d.ts +1 -0
- package/dist/stories/organisms/navigation/Footer/parts/FooterLinkItem.test.d.ts +1 -0
- package/dist/stories/organisms/navigation/Footer/parts/LegalBlock.test.d.ts +1 -0
- package/dist/stories/organisms/navigation/Footer/parts/LogosBar.test.d.ts +1 -0
- package/dist/stories/organisms/navigation/Footer/parts/SitemapColumns.test.d.ts +1 -0
- package/dist/stories/organisms/productinformation/productdetailpane/ProductDetailsPane.d.ts +1 -1
- package/dist/stories/organisms/productinformation/sizeandgradepane/SizeAndGradePane.d.ts +1 -1
- package/dist/stories/organisms/productinformation/texturepane/TexturePane.d.ts +1 -1
- package/dist/stories/organisms/{productinformation/productinformation → sections/productinformationsection}/ProductInformationSection.d.ts +1 -1
- package/dist/stories/organisms/{search → sections}/searchheader/SearchHeader.d.ts +1 -1
- package/dist/stories/organisms/sections/searchheader/SearchHeader.test.d.ts +1 -0
- package/dist/tailwind.css +1 -1
- package/dist/utils/validators.d.ts +1 -1
- package/package.json +1 -1
- package/dist/componentProps/molecules/navigation/headeractionbutton/HeaderActionButtonProps.d.ts +0 -2
- package/dist/componentProps/molecules/navigation/navbutton/NavButtonProps.d.ts +0 -4
- package/dist/componentProps/organisms/moreinfohighlightssection/MoreInfoHighlightsSectionProps.d.ts +0 -7
- package/dist/componentProps/organisms/productinformationsection/ProductDetailsPaneProps.d.ts +0 -4
- package/dist/componentProps/organisms/productinformationsection/TexturePaneProps.d.ts +0 -4
- package/dist/componentProps/organisms/productinformationsection/sizeandgradepane/SizeAndGradePaneProps.d.ts +0 -5
- package/dist/stories/molecules/navigation/headeractionbutton/HeaderActionButton.d.ts +0 -4
- package/dist/stories/molecules/navigation/navbutton/NavButton.d.ts +0 -4
- package/dist/stories/organisms/documentlinkcollection/DocumentLinkCollection.d.ts +0 -4
- package/dist/stories/organisms/faqcardcollection/FaqCardCollection.d.ts +0 -4
- package/dist/stories/organisms/featurecardcollection/FeatureCardCollection.d.ts +0 -4
- package/dist/stories/organisms/moreinfohighlights/MoreInfoHighlightsSection.d.ts +0 -4
- package/dist/stories/organisms/sections/recentarticles/RecentArticles.d.ts +0 -4
- package/dist/stories/organisms/swatchcardcollection/SwatchCardCollection.d.ts +0 -4
- /package/dist/componentProps/molecules/{banner → bannercontent}/featuredarticlebannercontent/FeaturedArticleBannerContentProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{banner → bannercontent}/standardcopybannercontent/StandardCopyBannerContentProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/cartItemCard/CartItemCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/clickablecard/ClickableCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/columncarouselcard/ColumnCarouselCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/documentlinkcard/DocumentLinkCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/embeddedvideocard/EmbeddedVideoCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/faqcard/FaqCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/featurecard/FeatureCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/featureproductcard/FeaturedProductCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/imagecard/ImageCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/imageoverlaycard/ImageOverlayCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/infocard/InfoCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/moreinfohighlightscard/MoreInfoHighlightsCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/quantitycheckoutcard/QuantityCheckoutCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/recentarticlecard/RecentArticleCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/swatchcard/SwatchCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{card → cards}/textcard/TextCardProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{carousel → carouselprimitives}/carouselarrowcontrols/CarouselArrowControlsProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{carousel → carouselprimitives}/carouseldots/CarouselDotsProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{carousel → carouselprimitives}/minicarousel/MiniCarouselProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{carousel → carouselprimitives}/standardcarousel/StandardCarouselProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{mediaLinks → navigation}/footerimagelink/FooterImageLinkProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{mediaLinks → navigation}/sociallinkrow/SocialLinkRowProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{radiobuttons → selectors/radiobuttons}/RadioButtonsProps.d.ts +0 -0
- /package/dist/componentProps/molecules/{segmentedcontrol → selectors/segmentedcontrol}/SegmentedControlProps.d.ts +0 -0
- /package/dist/componentProps/organisms/{banner → banners}/articlebanner/ArticleBannerProps.d.ts +0 -0
- /package/dist/componentProps/organisms/{banner → banners}/featuredarticlebanner/FeaturedArticleBannerProps.d.ts +0 -0
- /package/dist/componentProps/organisms/{banner → banners}/herobanner/CallToActionHeroProps.d.ts +0 -0
- /package/dist/componentProps/organisms/{banner → banners}/standardbannercontainer/StandardBannerContainerProps.d.ts +0 -0
- /package/dist/componentProps/organisms/{banner → banners}/standardcopyhero/StandardCopyHeroProps.d.ts +0 -0
- /package/dist/componentProps/organisms/{imagegrid → grids/imagegrid}/ImageGridProps.d.ts +0 -0
- /package/dist/componentProps/organisms/{productinformationsection → sections/productinformationsection}/ProductInformationSectionProps.d.ts +0 -0
- /package/dist/componentProps/organisms/{search → sections}/searchheader/SearchHeaderProps.d.ts +0 -0
- /package/dist/stories/molecules/{banner → bannercontent}/articlebannercontent/ArticleBannerContent.test.d.ts +0 -0
- /package/dist/stories/molecules/{banner → bannercontent}/calltoactionherocontent/CallToActionHeroContent.test.d.ts +0 -0
- /package/dist/stories/molecules/{banner → bannercontent}/featuredarticlebannercontent/FeaturedArticleBannerContent.test.d.ts +0 -0
- /package/dist/stories/molecules/{banner → bannercontent}/standardcopybannercontent/StandardCopyBannerContent.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/cartitemcard/CartItemCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{clickable → cards}/clickablecard/ClickableCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/columncarouselcard/ColumnCarouselCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/documentlinkcard/DocumentLinkCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/embeddedvideocard/EmbeddedVideoCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/faqcard/FaqCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/featurecard/FeatureCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/featureproductcard/FeaturedProductCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/imagecard/ImageCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/imageoverlaycard/ImageOverlayCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/infocard/InfoCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/moreinfohighlightscard/MoreInfoHighlightsCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/quantitycheckoutcard/QuantityCheckoutCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/recentarticlecard/RecentArticleCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/swatchcard/SwatchCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{card → cards}/textcard/TextCard.test.d.ts +0 -0
- /package/dist/stories/molecules/{carousel → carouselprimitives}/carouselarrowcontrols/CarouselArrowControls.test.d.ts +0 -0
- /package/dist/stories/molecules/{carousel → carouselprimitives}/carouseldots/CarouselDots.test.d.ts +0 -0
- /package/dist/stories/molecules/{carousel → carouselprimitives}/columncarousel/ColumnCarousel.test.d.ts +0 -0
- /package/dist/stories/molecules/{carousel → carouselprimitives}/minicarousel/MiniCarousel.test.d.ts +0 -0
- /package/dist/stories/molecules/{carousel → carouselprimitives}/standardcarousel/StandardCarousel.test.d.ts +0 -0
- /package/dist/stories/molecules/{mediaLinks/socialLinkRow/SocialLinkRow.test.d.ts → inputs/input/InputField.test.d.ts} +0 -0
- /package/dist/stories/molecules/{segmentedcontrol/SegmentedControl.test.d.ts → navigation/footerimagelink/FooterImageLink.test.d.ts} +0 -0
- /package/dist/stories/{organisms/banner/columnbanner/ColumnBanner.test.d.ts → molecules/navigation/sociallinkrow/SocialLinkRow.test.d.ts} +0 -0
- /package/dist/stories/{organisms/banner/standardcopyhero/StandardCopyHero.test.d.ts → molecules/selectors/countryselector/CountrySelector.test.d.ts} +0 -0
- /package/dist/stories/{organisms/decorgrid/DecorGrid.test.d.ts → molecules/selectors/filterbar/DropdownFilter.test.d.ts} +0 -0
- /package/dist/stories/{organisms/documentlinkcollection/DocumentLinkCollection.test.d.ts → molecules/selectors/filterbar/FilterBarButton.test.d.ts} +0 -0
- /package/dist/stories/{organisms/faqcardcollection/FaqCardCollection.test.d.ts → molecules/selectors/filterbar/SearchFilter.test.d.ts} +0 -0
- /package/dist/stories/molecules/{radioButtons → selectors/radiobuttons}/RadioButtons.test.d.ts +0 -0
- /package/dist/stories/{organisms/featurecardcollection/FeatureCardCollection.test.d.ts → molecules/selectors/segmentedcontrol/SegmentedControl.test.d.ts} +0 -0
- /package/dist/stories/{organisms/search/searchheader/SearchHeader.test.d.ts → molecules/selectors/slidingtabselector/SlidingTabIndicator.test.d.ts} +0 -0
- /package/dist/stories/organisms/{banner → banners}/articlebanner/ArticleBanner.test.d.ts +0 -0
- /package/dist/stories/organisms/{banner → banners}/calltoactionhero/CallToActionHero.test.d.ts +0 -0
- /package/dist/stories/organisms/{sections/recentarticles/RecentArticles.test.d.ts → banners/columnbanner/ColumnBanner.test.d.ts} +0 -0
- /package/dist/stories/organisms/{banner → banners}/featuredarticlebanner/FeaturedArticleBanner.test.d.ts +0 -0
- /package/dist/stories/organisms/{swatchcardcollection/SwatchCardCollection.test.d.ts → banners/standardbannercontainer/StandardBannerContainer.test.d.ts} +0 -0
- /package/dist/stories/organisms/{moreinfohighlights/MoreInfoHighlightsSection.test.d.ts → collections/moreinfohighlightscollection/MoreInfoHighlightsCollection.test.d.ts} +0 -0
- /package/dist/stories/organisms/{verticalcheckboxlistcollection → collections/verticalcheckboxlistcollection}/VerticalCheckboxListCollection.test.d.ts +0 -0
- /package/dist/stories/organisms/{productinformation/productinformation → sections/productinformationsection}/ProductInformationSection.test.d.ts +0 -0
package/README.md
CHANGED
|
@@ -166,6 +166,14 @@ Common buckets include:
|
|
|
166
166
|
|
|
167
167
|
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.
|
|
168
168
|
|
|
169
|
+
### Collections vs Sections
|
|
170
|
+
|
|
171
|
+
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.
|
|
172
|
+
|
|
173
|
+
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.
|
|
174
|
+
|
|
175
|
+
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.
|
|
176
|
+
|
|
169
177
|
Avoid duplicate bucket names across atomic levels when possible. For example, selector components should generally stay under `Molecules/Selectors`.
|
|
170
178
|
|
|
171
179
|
Avoid article-specific names for reusable components. Keep `Article*` names only when a component is truly article-specific, such as `ArticleBanner`.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ArticleBannerTag } from "../../../organisms/
|
|
1
|
+
import type { ArticleBannerTag } from "../../../organisms/banners/articlebanner/ArticleBannerProps";
|
|
2
2
|
export interface ArticleBannerContentProps {
|
|
3
3
|
tags?: ArticleBannerTag[];
|
|
4
4
|
categoryText?: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CallToActionHeroCta } from "../../../organisms/
|
|
1
|
+
import type { CallToActionHeroCta } from "../../../organisms/banners/herobanner/CallToActionHeroProps";
|
|
2
2
|
export interface CallToActionHeroContentProps {
|
|
3
3
|
heading: string;
|
|
4
4
|
subheading?: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ColumnCarouselItem } from "../../
|
|
1
|
+
import type { ColumnCarouselItem } from "../../cards/columncarouselcard/ColumnCarouselCardProps";
|
|
2
2
|
export type ColumnCarouselProps = {
|
|
3
3
|
items: ColumnCarouselItem[];
|
|
4
4
|
startIndex: number;
|
package/dist/componentProps/organisms/{banner → banners}/columnbanner/ColumnBannerProps.d.ts
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ColumnCarouselItem } from "../../../molecules/
|
|
1
|
+
import type { ColumnCarouselItem } from "../../../molecules/cards/columncarouselcard/ColumnCarouselCardProps";
|
|
2
2
|
export interface TabItem {
|
|
3
3
|
label: string;
|
|
4
4
|
columns?: ColumnGroup[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { StandardCarouselDefaultSlideProps, StandardCarouselSlide } from "../../../molecules/
|
|
1
|
+
import type { StandardCarouselDefaultSlideProps, StandardCarouselSlide } from "../../../molecules/carouselprimitives/standardcarousel/StandardCarouselProps";
|
|
2
2
|
export interface ContentCarouselSlide extends StandardCarouselSlide {
|
|
3
3
|
imageText?: string;
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { QuantityCheckoutCardProps } from "../../../../molecules/
|
|
1
|
+
import { QuantityCheckoutCardProps } from "../../../../molecules/cards/quantitycheckoutcard/QuantityCheckoutCardProps";
|
|
2
2
|
export interface CartSummarySectionProps {
|
|
3
3
|
sectionTitle?: string;
|
|
4
4
|
columnLabels?: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CartItemCardProps } from "../../../molecules/
|
|
1
|
+
import { CartItemCardProps } from "../../../molecules/cards/cartItemCard/CartItemCardProps";
|
|
2
2
|
export type ShoppingCartFlyoutItem = CartItemCardProps & {
|
|
3
3
|
id: string;
|
|
4
4
|
bigCommerceProductId: number;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { DocumentLinkCardProps } from "
|
|
1
|
+
import type { DocumentLinkCardProps } from "../../../molecules/cards/documentlinkcard/DocumentLinkCardProps";
|
|
2
2
|
export interface DocumentLinkCardItem extends DocumentLinkCardProps {
|
|
3
3
|
id: string;
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { FeatureCardProps } from "../../../molecules/
|
|
1
|
+
import type { FeatureCardProps } from "../../../molecules/cards/featurecard/FeatureCardProps";
|
|
2
2
|
export type FeatureCardCollectionItem = FeatureCardProps;
|
|
3
3
|
export type FeatureCardCollectionFooterButtonPayload = {
|
|
4
4
|
buttonLabel: string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { MoreInfoHighlightsCardProps } from "../../../molecules/cards/moreinfohighlightscard/MoreInfoHighlightsCardProps";
|
|
2
|
+
export type MoreInfoHighlightsCollectionProps = {
|
|
3
|
+
heading: string;
|
|
4
|
+
body?: string;
|
|
5
|
+
cards: MoreInfoHighlightsCardProps[];
|
|
6
|
+
className?: string;
|
|
7
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { RecentArticleCardProps } from "../../../molecules/
|
|
2
|
-
export interface
|
|
1
|
+
import type { RecentArticleCardProps } from "../../../molecules/cards/recentarticlecard/RecentArticleCardProps";
|
|
2
|
+
export interface RecentArticleCollectionProps {
|
|
3
3
|
title?: string;
|
|
4
4
|
titleClassName?: string;
|
|
5
5
|
items: RecentArticleCardProps[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { SwatchCardProps } from "
|
|
1
|
+
import type { SwatchCardProps } from "../../../molecules/cards/swatchcard/SwatchCardProps";
|
|
2
2
|
export type SwatchCardCollectionItem = SwatchCardProps;
|
|
3
3
|
export type SwatchCardCollectionFooterButtonPayload = {
|
|
4
4
|
buttonLabel: string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { VerticalCheckboxListProps } from "
|
|
2
|
-
import { AppliedOptionsListProps } from "
|
|
3
|
-
import { VerticalColorSwatchListProps } from "
|
|
4
|
-
import type { CheckboxChangePayload } from "
|
|
5
|
-
import type { VerticalColorSwatchListSelectPayload } from "
|
|
1
|
+
import { VerticalCheckboxListProps } from "../../../molecules/selectors/verticalcheckboxlist/VerticalCheckboxListProps";
|
|
2
|
+
import { AppliedOptionsListProps } from "../../../molecules/selectors/appliedoptionslist/AppliedOptionsListProps";
|
|
3
|
+
import { VerticalColorSwatchListProps } from "../../../molecules/selectors/verticalcolorswatchlist/VerticalColorSwatchListProps";
|
|
4
|
+
import type { CheckboxChangePayload } from "../../../atoms/checkbox/CheckboxProps";
|
|
5
|
+
import type { VerticalColorSwatchListSelectPayload } from "../../../molecules/selectors/verticalcolorswatchlist/VerticalColorSwatchListProps";
|
|
6
6
|
export interface VerticalCheckboxListCollectionCheckboxSection extends VerticalCheckboxListProps {
|
|
7
7
|
type: "checkbox";
|
|
8
8
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SwatchCardProps } from "
|
|
1
|
+
import { SwatchCardProps } from "../../../molecules/cards/swatchcard/SwatchCardProps";
|
|
2
2
|
export interface DecorGridProps {
|
|
3
3
|
swatches?: SwatchCardProps[];
|
|
4
4
|
onSwatchClick?: (swatch: SwatchCardProps, index: number) => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ContentGridProps } from "../../../atoms/layout/ContentGridProps";
|
|
2
|
-
import type { ImageOverlayCardProps } from "../../../molecules/
|
|
2
|
+
import type { ImageOverlayCardProps } from "../../../molecules/cards/imageoverlaycard/ImageOverlayCardProps";
|
|
3
3
|
export type ImageOverlayGridItem = Omit<ImageOverlayCardProps, "onCardClick"> & {
|
|
4
4
|
id?: string;
|
|
5
5
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { ArticleBannerProps } from "../../organisms/
|
|
2
|
-
import type { TextCardProps } from "../../molecules/
|
|
3
|
-
import type { ImageCardProps } from "../../molecules/
|
|
1
|
+
import type { ArticleBannerProps } from "../../organisms/banners/articlebanner/ArticleBannerProps";
|
|
2
|
+
import type { TextCardProps } from "../../molecules/cards/textcard/TextCardProps";
|
|
3
|
+
import type { ImageCardProps } from "../../molecules/cards/imagecard/ImageCardProps";
|
|
4
4
|
import type { ContentCarouselProps } from "../../organisms/carousels/contentcarousel/ContentCarouselProps";
|
|
5
5
|
import { FeaturedProductsCarouselProps } from "../../organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps";
|
|
6
|
-
import {
|
|
6
|
+
import { RecentArticleCollectionProps } from "../../organisms/collections/recentarticlecollection/RecentArticleCollectionProps";
|
|
7
7
|
import type { ImageOverlayGridProps } from "../../organisms/grids/imageoverlaygrid/ImageOverlayGridProps";
|
|
8
8
|
export interface ArticlePageProps {
|
|
9
9
|
articleBannerProps: ArticleBannerProps;
|
|
@@ -15,5 +15,5 @@ export interface ArticlePageProps {
|
|
|
15
15
|
imageCardProps: ImageCardProps;
|
|
16
16
|
contentCarouselProps: ContentCarouselProps;
|
|
17
17
|
featuredProductsCarouselProps: FeaturedProductsCarouselProps;
|
|
18
|
-
|
|
18
|
+
recentArticleCollectionProps: RecentArticleCollectionProps;
|
|
19
19
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { StandardCopyHeroProps } from "../../organisms/
|
|
2
|
-
import type { TextCardProps } from "../../molecules/
|
|
3
|
-
import type { ImageCardProps } from "../../molecules/
|
|
1
|
+
import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
|
|
2
|
+
import type { TextCardProps } from "../../molecules/cards/textcard/TextCardProps";
|
|
3
|
+
import type { ImageCardProps } from "../../molecules/cards/imagecard/ImageCardProps";
|
|
4
4
|
import type { ContentCarouselProps } from "../../organisms/carousels/contentcarousel/ContentCarouselProps";
|
|
5
|
-
import type { RecentArticleCardProps } from "../../molecules/
|
|
5
|
+
import type { RecentArticleCardProps } from "../../molecules/cards/recentarticlecard/RecentArticleCardProps";
|
|
6
6
|
export interface CampaignSceneProps {
|
|
7
7
|
standardCopyHeroProps: StandardCopyHeroProps;
|
|
8
8
|
articleHeaderProps: TextCardProps;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import type { StandardCopyHeroProps } from "../../organisms/
|
|
1
|
+
import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
|
|
2
2
|
import type { SlidingTabIndicatorProps } from "../../molecules/selectors/slidingtabselector/SlidingTabsSelectorProps";
|
|
3
|
-
import type { StandardCarouselProps } from "../../molecules/
|
|
3
|
+
import type { StandardCarouselProps } from "../../molecules/carouselprimitives/standardcarousel/StandardCarouselProps";
|
|
4
4
|
import type { FilterBarProps } from "../../molecules/selectors/filterbar/FilterBarProps";
|
|
5
5
|
import { DropdownFilterProps } from "../../molecules/selectors/filterbar/DropdownFilterProps";
|
|
6
|
-
import type { ImageGridProps } from "../../organisms/imagegrid/ImageGridProps";
|
|
7
|
-
import { RecentArticleCardProps } from "../../molecules/
|
|
6
|
+
import type { ImageGridProps } from "../../organisms/grids/imagegrid/ImageGridProps";
|
|
7
|
+
import { RecentArticleCardProps } from "../../molecules/cards/recentarticlecard/RecentArticleCardProps";
|
|
8
8
|
export interface CustomerHubHomeImprovementSceneProps {
|
|
9
9
|
standardCopyHeroProps: StandardCopyHeroProps;
|
|
10
10
|
slidingTabIndicatorProps: SlidingTabIndicatorProps;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CallToActionHeroProps } from "../../organisms/
|
|
1
|
+
import type { CallToActionHeroProps } from "../../organisms/banners/herobanner/CallToActionHeroProps";
|
|
2
2
|
import type { ImageOverlayGridProps } from "../../organisms/grids/imageoverlaygrid/ImageOverlayGridProps";
|
|
3
3
|
export interface CustomerHubSceneProps {
|
|
4
4
|
callToActionHeroProps: CallToActionHeroProps;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { StandardCopyHeroProps } from "../../organisms/
|
|
1
|
+
import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
|
|
2
2
|
import type { MultiButtonBarProps } from "../../molecules/selectors/multibuttonbar/MultiButtonBarProps";
|
|
3
3
|
import type { FilterBarProps } from "../../molecules/selectors/filterbar/FilterBarProps";
|
|
4
4
|
import type { DropdownFilterProps } from "../../molecules/selectors/filterbar/DropdownFilterProps";
|
|
5
|
-
import type { ImageGridProps } from "../../organisms/imagegrid/ImageGridProps";
|
|
5
|
+
import type { ImageGridProps } from "../../organisms/grids/imagegrid/ImageGridProps";
|
|
6
6
|
export type GallerySceneProps = {
|
|
7
7
|
standardCopyHeroProps: StandardCopyHeroProps;
|
|
8
8
|
multiButtonBarProps: MultiButtonBarProps;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import type { BrandNavBarProps } from "../../organisms/navigation/BrandNavBarProps";
|
|
2
2
|
import type { TopNavBarProps } from "../../organisms/navigation/TopNavBarProps";
|
|
3
3
|
import type { AnnouncementBarProps } from "../../organisms/navigation/AnnouncementBarProps";
|
|
4
|
-
import type { CallToActionHeroProps } from "../../organisms/
|
|
4
|
+
import type { CallToActionHeroProps } from "../../organisms/banners/herobanner/CallToActionHeroProps";
|
|
5
5
|
import type { ButtonProps } from "../../atoms/buttons/button/ButtonProps";
|
|
6
|
-
import type { ColumnBannerProps } from "../../organisms/
|
|
7
|
-
import type { FeatureCardCollectionProps } from "../../organisms/
|
|
6
|
+
import type { ColumnBannerProps } from "../../organisms/banners/columnbanner/ColumnBannerProps";
|
|
7
|
+
import type { FeatureCardCollectionProps } from "../../organisms/collections/featurecardcollection/FeatureCardCollectionProps";
|
|
8
8
|
import type { FooterProps } from "../../organisms/footer/FooterProps";
|
|
9
|
-
import type {
|
|
10
|
-
import type { InfoCardProps } from "../../molecules/
|
|
9
|
+
import type { MoreInfoHighlightsCollectionProps } from "../../organisms/collections/moreinfohighlightscollection/MoreInfoHighlightsCollectionProps";
|
|
10
|
+
import type { InfoCardProps } from "../../molecules/cards/infocard/InfoCardProps";
|
|
11
11
|
export type HomePageProps = {
|
|
12
12
|
brandNavBarProps: BrandNavBarProps;
|
|
13
13
|
topNavBarProps: TopNavBarProps;
|
|
@@ -23,6 +23,6 @@ export type HomePageProps = {
|
|
|
23
23
|
columnBannerProps?: ColumnBannerProps;
|
|
24
24
|
infoCardProps?: InfoCardProps;
|
|
25
25
|
featureCardSectionProps?: FeatureCardCollectionProps;
|
|
26
|
-
|
|
26
|
+
moreInfoHighlightsCollectionProps?: MoreInfoHighlightsCollectionProps;
|
|
27
27
|
footerProps?: FooterProps;
|
|
28
28
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { CallToActionHeroProps } from "../../organisms/
|
|
2
|
-
import type { TextCardProps } from "../../molecules/
|
|
1
|
+
import type { CallToActionHeroProps } from "../../organisms/banners/herobanner/CallToActionHeroProps";
|
|
2
|
+
import type { TextCardProps } from "../../molecules/cards/textcard/TextCardProps";
|
|
3
3
|
import type { FeaturedProductsCarouselProps } from "../../organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps";
|
|
4
4
|
import type { ContentCarouselProps } from "../../organisms/carousels/contentcarousel/ContentCarouselProps";
|
|
5
|
-
import type { InfoCardProps } from "../../molecules/
|
|
6
|
-
import { SwatchCardCollectionProps } from "../../organisms/swatchcardcollection/SwatchCardCollectionProps";
|
|
5
|
+
import type { InfoCardProps } from "../../molecules/cards/infocard/InfoCardProps";
|
|
6
|
+
import { SwatchCardCollectionProps } from "../../organisms/collections/swatchcardcollection/SwatchCardCollectionProps";
|
|
7
7
|
export interface LaunchSceneProps {
|
|
8
8
|
callToActionHeroProps: CallToActionHeroProps;
|
|
9
9
|
textCardProps: TextCardProps;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { StandardCopyHeroProps } from "../../organisms/
|
|
1
|
+
import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
|
|
2
2
|
import type { MultiButtonBarProps } from "../../molecules/selectors/multibuttonbar/MultiButtonBarProps";
|
|
3
|
-
import type { DocumentLinkCollectionProps } from "../../organisms/documentlinkcollection/DocumentLinkCollectionProps";
|
|
4
|
-
import type { InfoCardProps } from "../../molecules/
|
|
5
|
-
import type { FaqCardCollectionProps } from "../../organisms/faqcardcollection/FaqCardCollectionProps";
|
|
3
|
+
import type { DocumentLinkCollectionProps } from "../../organisms/collections/documentlinkcollection/DocumentLinkCollectionProps";
|
|
4
|
+
import type { InfoCardProps } from "../../molecules/cards/infocard/InfoCardProps";
|
|
5
|
+
import type { FaqCardCollectionProps } from "../../organisms/collections/faqcardcollection/FaqCardCollectionProps";
|
|
6
6
|
export type ProResourceSceneProps = {
|
|
7
7
|
standardCopyHeroProps: StandardCopyHeroProps;
|
|
8
8
|
multiButtonBarProps: MultiButtonBarProps;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { SearchHeaderProps } from "../../organisms/
|
|
1
|
+
import { SearchHeaderProps } from "../../organisms/sections/searchheader/SearchHeaderProps";
|
|
2
2
|
import { FeaturedProductsCarouselProps } from "../../organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps";
|
|
3
|
-
import {
|
|
3
|
+
import { RecentArticleCollectionProps } from "../../organisms/collections/recentarticlecollection/RecentArticleCollectionProps";
|
|
4
4
|
export type SearchResultsSceneProps = {
|
|
5
5
|
searchHeaderProps: SearchHeaderProps;
|
|
6
6
|
featuredProductsCarouselProps: FeaturedProductsCarouselProps;
|
|
7
|
-
|
|
7
|
+
recentArticleCollectionProps: RecentArticleCollectionProps;
|
|
8
8
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { StandardCopyHeroProps } from "../../organisms/
|
|
1
|
+
import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
|
|
2
2
|
import type { MultiButtonBarProps } from "../../molecules/selectors/multibuttonbar/MultiButtonBarProps";
|
|
3
3
|
import type { FilterBarProps } from "../../molecules/selectors/filterbar/FilterBarProps";
|
|
4
4
|
import type { DropdownFilterProps } from "../../molecules/selectors/filterbar/DropdownFilterProps";
|
|
5
|
-
import type { FeaturedArticleBannerProps } from "../../organisms/
|
|
6
|
-
import type { FeatureCardCollectionProps } from "../../organisms/
|
|
5
|
+
import type { FeaturedArticleBannerProps } from "../../organisms/banners/featuredarticlebanner/FeaturedArticleBannerProps";
|
|
6
|
+
import type { FeatureCardCollectionProps } from "../../organisms/collections/featurecardcollection/FeatureCardCollectionProps";
|
|
7
7
|
export type ArticleLandingPageTemplateProps = {
|
|
8
8
|
standardCopyHeroProps: StandardCopyHeroProps;
|
|
9
9
|
multiButtonBarProps: MultiButtonBarProps;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { DropdownProps } from "../../atoms/dropdown/DropdownProps";
|
|
2
2
|
import type { SearchBarProps } from "../../molecules/searchbar/SearchBarProps";
|
|
3
3
|
import type { MultiButtonBarOption, MultiButtonBarSelectPayload } from "../../molecules/selectors/multibuttonbar/MultiButtonBarProps";
|
|
4
|
-
import type { StandardCopyHeroProps } from "../../organisms/
|
|
5
|
-
import type { SwatchCardProps } from "../../molecules/
|
|
4
|
+
import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
|
|
5
|
+
import type { SwatchCardProps } from "../../molecules/cards/swatchcard/SwatchCardProps";
|
|
6
6
|
import type { VerticalCheckboxListOption } from "../../molecules/selectors/verticalcheckboxlist/VerticalCheckboxListProps";
|
|
7
7
|
import type { VerticalColorSwatchListOption } from "../../molecules/selectors/verticalcolorswatchlist/VerticalColorSwatchListProps";
|
|
8
8
|
export type CategoryPageCheckboxFilterOption = Omit<VerticalCheckboxListOption, "onChange">;
|
package/dist/componentProps/templates/productdetailpagetemplate/ProductDetailPageTemplateProps.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BreadcrumbsProps } from "../../molecules/selectors/breadcrumb/BreadcrumbsProps";
|
|
2
|
-
import { ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/productinformationsection/ProductInformationSectionProps";
|
|
2
|
+
import { ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/sections/productinformationsection/ProductInformationSectionProps";
|
|
3
3
|
import { CartFlyoutProps } from "../../organisms/cart/cartflyout/CartFlyoutProps";
|
|
4
4
|
export type ProductDetailSimpleOption = {
|
|
5
5
|
id: string;
|