formica-ui-lib 1.0.187 → 1.0.189
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/dist/componentProps/atoms/layout/ContentContainerProps.d.ts +2 -0
- package/dist/componentProps/atoms/layout/ContentGridProps.d.ts +2 -1
- package/dist/componentProps/atoms/text/TextProps.d.ts +1 -2
- package/dist/componentProps/molecules/cards/businessinfocard/BusinessInfoCardProps.d.ts +43 -0
- package/dist/componentProps/molecules/cards/documentlinkcard/DocumentLinkCardProps.d.ts +0 -2
- package/dist/componentProps/molecules/cards/imageoverlaycard/ImageOverlayCardProps.d.ts +3 -1
- package/dist/componentProps/molecules/cards/singlebuttoncard/SingleButtonCardProps.d.ts +13 -0
- package/dist/componentProps/molecules/cards/textcard/TextCardProps.d.ts +2 -1
- package/dist/componentProps/organisms/collections/faqcardcollection/FaqCardCollectionProps.d.ts +1 -0
- package/dist/componentProps/organisms/grids/imageoverlaygrid/ImageOverlayGridProps.d.ts +4 -3
- package/dist/componentProps/scene/article/ArticleSceneProps.d.ts +2 -2
- package/dist/componentProps/scene/corporatecommitment/CorporateCommitmentSceneProps.d.ts +12 -0
- package/dist/componentProps/scene/customerhub/CustomerHubHomeImprovementSceneProps.d.ts +2 -2
- package/dist/componentProps/scene/launch/LaunchSceneProps.d.ts +1 -1
- package/dist/componentProps/scene/sustainability/SustainabilityHubSceneProps.d.ts +12 -0
- package/dist/componentProps/scene/sustainability/SustainabilitySnippetsSceneProps.d.ts +8 -0
- package/dist/index.cjs +7 -7
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1258 -1213
- package/dist/stories/molecules/cards/businessinfocard/BusinessInfoCard.d.ts +4 -0
- package/dist/stories/molecules/cards/businessinfocard/BusinessInfoCard.test.d.ts +1 -0
- package/dist/stories/molecules/cards/documentlinkcard/DocumentLinkCard.d.ts +1 -1
- package/dist/stories/molecules/cards/imagecard/ImageCard.d.ts +1 -1
- package/dist/stories/molecules/cards/infocard/InfoCard.d.ts +1 -1
- package/dist/stories/molecules/cards/recentarticlecard/RecentArticleCard.d.ts +1 -1
- package/dist/stories/molecules/cards/singlebuttoncard/SingleButtonCard.d.ts +4 -0
- package/dist/stories/molecules/cards/singlebuttoncard/SingleButtonCard.test.d.ts +1 -0
- package/dist/stories/molecules/cards/textcard/TextCard.d.ts +1 -1
- package/dist/stories/organisms/collections/documentlinkcollection/DocumentLinkCollection.d.ts +1 -1
- package/dist/stories/organisms/collections/recentarticlecollection/RecentArticleCollection.d.ts +1 -1
- package/dist/stories/scenes/article/ArticleScene.d.ts +1 -1
- package/dist/stories/scenes/campaign/CampaignScene.d.ts +1 -1
- package/dist/stories/scenes/corporatecommitment/CorporateCommitmentScene.d.ts +4 -0
- package/dist/stories/scenes/customerhubhomeimprovement/CustomerHubHomeImprovementScene.d.ts +1 -1
- package/dist/stories/scenes/home/HomePageScene.d.ts +1 -1
- package/dist/stories/scenes/launch/LaunchScene.d.ts +1 -1
- package/dist/stories/scenes/sustainability/SustainabilityHubScene.d.ts +4 -0
- package/dist/stories/scenes/sustainabilityhub/SustainabilityHubScene.d.ts +4 -0
- package/dist/stories/scenes/sustainabilitysnippets/SustainabilitySnippetsScene.d.ts +4 -0
- package/dist/tailwind.css +1 -1
- package/package.json +6 -6
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export type ContentContainerMaxWidth = "sm" | "md" | "lg" | "xl" | "2xl" | "4xl" | "6xl";
|
|
3
|
+
export type ContentContainerSpacing = "none" | "section" | "paddedSection" | "padded" | "preview" | "verticalPreview";
|
|
3
4
|
export type ContentContainerProps = {
|
|
4
5
|
children?: React.ReactNode;
|
|
5
6
|
className?: string;
|
|
6
7
|
innerClassName?: string;
|
|
7
8
|
maxWidth?: ContentContainerMaxWidth;
|
|
9
|
+
spacing?: ContentContainerSpacing;
|
|
8
10
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type { ContentContainerMaxWidth } from "./ContentContainerProps";
|
|
2
|
+
import type { ContentContainerMaxWidth, ContentContainerSpacing } from "./ContentContainerProps";
|
|
3
3
|
export type ContentGridColumns = 1 | 2 | 3 | 4;
|
|
4
4
|
export type ContentGridGap = "sm" | "md" | "lg" | "xl";
|
|
5
5
|
export type ContentGridProps = {
|
|
@@ -7,6 +7,7 @@ export type ContentGridProps = {
|
|
|
7
7
|
className?: string;
|
|
8
8
|
gridClassName?: string;
|
|
9
9
|
maxWidth?: ContentContainerMaxWidth;
|
|
10
|
+
spacing?: ContentContainerSpacing;
|
|
10
11
|
columns?: ContentGridColumns;
|
|
11
12
|
gap?: ContentGridGap;
|
|
12
13
|
};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export type TextVariant = "h1" | "h2" | "h3" | "nav" | "standard" | "breadcrumb" | "navlink" | "free" | "body" | "bold" | "caption" | "eyebrow";
|
|
3
|
-
export type TextTag = "p" | "span" | "div" | "a" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
2
|
+
export type TextVariant = "h1" | "h2" | "h3" | "nav" | "standard" | "breadcrumb" | "navlink" | "free" | "body" | "link" | "bold" | "caption" | "eyebrow";
|
|
4
3
|
type AsProp<E extends React.ElementType> = {
|
|
5
4
|
as?: E;
|
|
6
5
|
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export interface BusinessInfoCardLinkClickPayload {
|
|
2
|
+
label: string;
|
|
3
|
+
href?: string;
|
|
4
|
+
}
|
|
5
|
+
export interface BusinessInfoCardAddress {
|
|
6
|
+
label?: string;
|
|
7
|
+
lines: string[];
|
|
8
|
+
href?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface BusinessInfoCardMapLink {
|
|
11
|
+
label: string;
|
|
12
|
+
href?: string;
|
|
13
|
+
}
|
|
14
|
+
export interface BusinessInfoCardHoursItem {
|
|
15
|
+
dayLabel: string;
|
|
16
|
+
hours: string;
|
|
17
|
+
}
|
|
18
|
+
export interface BusinessInfoCardHours {
|
|
19
|
+
label?: string;
|
|
20
|
+
items: BusinessInfoCardHoursItem[];
|
|
21
|
+
}
|
|
22
|
+
export interface BusinessInfoCardPhone {
|
|
23
|
+
label?: string;
|
|
24
|
+
value: string;
|
|
25
|
+
href?: string;
|
|
26
|
+
}
|
|
27
|
+
export interface BusinessInfoCardEmail {
|
|
28
|
+
label?: string;
|
|
29
|
+
value: string;
|
|
30
|
+
href?: string;
|
|
31
|
+
}
|
|
32
|
+
export interface BusinessInfoCardProps {
|
|
33
|
+
heading: string;
|
|
34
|
+
address?: BusinessInfoCardAddress;
|
|
35
|
+
mapLink?: BusinessInfoCardMapLink;
|
|
36
|
+
hours?: BusinessInfoCardHours;
|
|
37
|
+
phone?: BusinessInfoCardPhone;
|
|
38
|
+
email?: BusinessInfoCardEmail;
|
|
39
|
+
onAddressClick?: (payload: BusinessInfoCardLinkClickPayload) => void;
|
|
40
|
+
onMapClick?: (payload: BusinessInfoCardLinkClickPayload) => void;
|
|
41
|
+
onPhoneClick?: (payload: BusinessInfoCardLinkClickPayload) => void;
|
|
42
|
+
onEmailClick?: (payload: BusinessInfoCardLinkClickPayload) => void;
|
|
43
|
+
}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
export type ImageOverlayCardAspectRatio = "video" | "compact";
|
|
1
2
|
export type ImageOverlayCardProps = {
|
|
2
3
|
imageSrc: string;
|
|
3
4
|
imageAlt?: string;
|
|
4
5
|
label: string;
|
|
6
|
+
body?: string;
|
|
7
|
+
aspectRatio?: ImageOverlayCardAspectRatio;
|
|
5
8
|
onCardClick?: () => void;
|
|
6
|
-
className?: string;
|
|
7
9
|
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface SingleButtonCardClickPayload {
|
|
2
|
+
heading: string;
|
|
3
|
+
body?: string;
|
|
4
|
+
buttonLabel: string;
|
|
5
|
+
buttonHref?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface SingleButtonCardProps {
|
|
8
|
+
heading: string;
|
|
9
|
+
body?: string;
|
|
10
|
+
buttonLabel: string;
|
|
11
|
+
buttonHref?: string;
|
|
12
|
+
onButtonClick?: (payload: SingleButtonCardClickPayload) => void;
|
|
13
|
+
}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
export type HeadingSize = "small" | "large";
|
|
2
2
|
export type TextCardAlign = "left" | "center" | "right";
|
|
3
|
+
export type TextCardHeadingLevel = "h1" | "h2";
|
|
3
4
|
export interface TextCardProps {
|
|
4
5
|
heading?: string;
|
|
6
|
+
headingLevel?: TextCardHeadingLevel;
|
|
5
7
|
headingSize?: HeadingSize;
|
|
6
8
|
align?: TextCardAlign;
|
|
7
9
|
subheading?: string;
|
|
8
10
|
datetimeStamp?: string;
|
|
9
11
|
body?: string;
|
|
10
|
-
bodyHtml?: string;
|
|
11
12
|
}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import type { ContentGridProps } from "../../../atoms/layout/ContentGridProps";
|
|
2
1
|
import type { ImageOverlayCardProps } from "../../../molecules/cards/imageoverlaycard/ImageOverlayCardProps";
|
|
3
|
-
export type ImageOverlayGridItem = Omit<ImageOverlayCardProps, "onCardClick"> & {
|
|
2
|
+
export type ImageOverlayGridItem = Omit<ImageOverlayCardProps, "className" | "onCardClick"> & {
|
|
4
3
|
id?: string;
|
|
5
4
|
};
|
|
5
|
+
export type ImageOverlayGridLayoutVariant = "uniform" | "asymmetric";
|
|
6
6
|
export type ImageOverlayGridClickPayload = {
|
|
7
7
|
item: ImageOverlayGridItem;
|
|
8
8
|
index: number;
|
|
9
9
|
};
|
|
10
|
-
export interface ImageOverlayGridProps
|
|
10
|
+
export interface ImageOverlayGridProps {
|
|
11
11
|
items: ImageOverlayGridItem[];
|
|
12
|
+
layoutVariant?: ImageOverlayGridLayoutVariant;
|
|
12
13
|
onImageOverlayCardClick?: (payload: ImageOverlayGridClickPayload) => void;
|
|
13
14
|
}
|
|
@@ -2,8 +2,8 @@ import type { ArticleBannerProps } from "../../organisms/banners/articlebanner/A
|
|
|
2
2
|
import type { TextCardProps } from "../../molecules/cards/textcard/TextCardProps";
|
|
3
3
|
import type { ImageCardProps } from "../../molecules/cards/imagecard/ImageCardProps";
|
|
4
4
|
import type { ContentCarouselProps } from "../../organisms/carousels/contentcarousel/ContentCarouselProps";
|
|
5
|
-
import { FeaturedProductsCarouselProps } from "../../organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps";
|
|
6
|
-
import { RecentArticleCollectionProps } from "../../organisms/collections/recentarticlecollection/RecentArticleCollectionProps";
|
|
5
|
+
import type { FeaturedProductsCarouselProps } from "../../organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps";
|
|
6
|
+
import type { 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;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
|
|
2
|
+
import type { TextCardProps } from "../../molecules/cards/textcard/TextCardProps";
|
|
3
|
+
import type { DocumentLinkCardProps } from "../../molecules/cards/documentlinkcard/DocumentLinkCardProps";
|
|
4
|
+
import type { ImageCardProps } from "../../molecules/cards/imagecard/ImageCardProps";
|
|
5
|
+
export interface CorporateCommitmentSceneProps {
|
|
6
|
+
standardCopyHeroProps: StandardCopyHeroProps;
|
|
7
|
+
textCardProps: TextCardProps;
|
|
8
|
+
textCardProps2: TextCardProps;
|
|
9
|
+
textCardProps3: TextCardProps;
|
|
10
|
+
documentLinkCardProps: DocumentLinkCardProps;
|
|
11
|
+
imageCardProps: ImageCardProps;
|
|
12
|
+
}
|
|
@@ -2,9 +2,9 @@ import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopy
|
|
|
2
2
|
import type { SlidingTabIndicatorProps } from "../../molecules/selectors/slidingtabselector/SlidingTabsSelectorProps";
|
|
3
3
|
import type { StandardCarouselProps } from "../../molecules/carouselprimitives/standardcarousel/StandardCarouselProps";
|
|
4
4
|
import type { FilterBarProps } from "../../molecules/selectors/filterbar/FilterBarProps";
|
|
5
|
-
import { DropdownFilterProps } from "../../molecules/selectors/filterbar/DropdownFilterProps";
|
|
5
|
+
import type { DropdownFilterProps } from "../../molecules/selectors/filterbar/DropdownFilterProps";
|
|
6
6
|
import type { ImageGridProps } from "../../organisms/grids/imagegrid/ImageGridProps";
|
|
7
|
-
import { RecentArticleCardProps } from "../../molecules/cards/recentarticlecard/RecentArticleCardProps";
|
|
7
|
+
import type { RecentArticleCardProps } from "../../molecules/cards/recentarticlecard/RecentArticleCardProps";
|
|
8
8
|
export interface CustomerHubHomeImprovementSceneProps {
|
|
9
9
|
standardCopyHeroProps: StandardCopyHeroProps;
|
|
10
10
|
slidingTabIndicatorProps: SlidingTabIndicatorProps;
|
|
@@ -3,7 +3,7 @@ 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
5
|
import type { InfoCardProps } from "../../molecules/cards/infocard/InfoCardProps";
|
|
6
|
-
import { SwatchCardCollectionProps } from "../../organisms/collections/swatchcardcollection/SwatchCardCollectionProps";
|
|
6
|
+
import type { SwatchCardCollectionProps } from "../../organisms/collections/swatchcardcollection/SwatchCardCollectionProps";
|
|
7
7
|
export interface LaunchSceneProps {
|
|
8
8
|
callToActionHeroProps: CallToActionHeroProps;
|
|
9
9
|
textCardProps: TextCardProps;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { CallToActionHeroProps } from "../../organisms/banners/herobanner/CallToActionHeroProps";
|
|
2
|
+
import type { InfoCardProps } from "../../molecules/cards/infocard/InfoCardProps";
|
|
3
|
+
import type { SwatchCardCollectionProps } from "../../organisms/collections/swatchcardcollection/SwatchCardCollectionProps";
|
|
4
|
+
import type { ImageOverlayCardProps } from "../../molecules/cards/imageoverlaycard/ImageOverlayCardProps";
|
|
5
|
+
export interface SustainabilityHubSceneProps {
|
|
6
|
+
callToActionHeroProps: CallToActionHeroProps;
|
|
7
|
+
infoCardProps: InfoCardProps;
|
|
8
|
+
infoCardProps2: InfoCardProps;
|
|
9
|
+
infoCardProps3: InfoCardProps;
|
|
10
|
+
swatchCardCollectionProps: SwatchCardCollectionProps;
|
|
11
|
+
imageOverlayCardProps: ImageOverlayCardProps;
|
|
12
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
|
|
2
|
+
import type { FaqCardCollectionProps } from "../../organisms/collections/faqcardcollection/FaqCardCollectionProps";
|
|
3
|
+
import type { RecentArticleCollectionProps } from "../../organisms/collections/recentarticlecollection/RecentArticleCollectionProps";
|
|
4
|
+
export type SustainabilitySnippetsSceneProps = {
|
|
5
|
+
standardCopyHeroProps: StandardCopyHeroProps;
|
|
6
|
+
faqCardCollectionProps: FaqCardCollectionProps;
|
|
7
|
+
recentArticleCollectionProps: RecentArticleCollectionProps;
|
|
8
|
+
};
|