formica-ui-lib 1.0.221 → 1.0.223

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

@@ -1,5 +1,6 @@
 import type { ButtonVariant, ButtonIntent, ButtonSize } from "../../../atoms/buttons/button/ButtonProps";
 export type InfoCardAlign = "left" | "right";
+export type InfoCardLayoutVariant = "default" | "underBanner";
 export type InfoCardButton = {
     buttonLabel: string;
     buttonHref?: string;
@@ -19,5 +20,6 @@ export interface InfoCardProps {
     body: string;
     buttons?: InfoCardButton[];
     align?: InfoCardAlign;
+    layoutVariant?: InfoCardLayoutVariant;
     onButtonClick?: (payload: InfoCardButtonClickPayload) => void;
 }

package/dist/componentProps/molecules/navigation/footerimagelink/FooterImageLinkProps.d.ts

@@ -1,5 +1,6 @@
 import type { FooterImageProps } from "../../../organisms/navigation/footer/FooterProps";
+export type FooterImageLinkSize = "default" | "primary" | "parent" | "affiliate";
 export type FooterImageLinkProps = {
     img: FooterImageProps;
-    className?: string;
+    size?: FooterImageLinkSize;
 };

package/dist/componentProps/molecules/navigation/footerlinkitem/FooterLinkItemProps.d.ts

@@ -1,5 +1,6 @@
 import type { FooterLinkProps } from "../../../organisms/navigation/footer/FooterProps";
+export type FooterLinkItemVariant = "default" | "mobile" | "legal";
 export type FooterLinkItemProps = {
     item: FooterLinkProps;
-    className?: string;
+    variant?: FooterLinkItemVariant;
 };

package/dist/componentProps/molecules/selectors/radiobuttons/RadioButtonsProps.d.ts

@@ -1,3 +1,4 @@
+import type { SegmentedControlVisualVariant } from "../segmentedcontrol/SegmentedControlProps";
 export type RadioButtonsOption = string;
 export interface RadioButtonsProps {
     options: RadioButtonsOption[];
@@ -9,4 +10,5 @@ export interface RadioButtonsProps {
     className?: string;
     containerClassName?: string;
     buttonClassName?: string;
+    visualVariant?: SegmentedControlVisualVariant;
 }

package/dist/componentProps/molecules/selectors/segmentedcontrol/SegmentedControlProps.d.ts

@@ -4,11 +4,13 @@ export type SegmentedControlItem = {
     disabled?: boolean;
 };
 export type SegmentedControlLayoutVariant = "content" | "equalWidth";
+export type SegmentedControlVisualVariant = "default" | "brandBar";
 export type SegmentedControlProps = {
     items: SegmentedControlItem[];
     selectedId?: string;
     onSelect?: (id: string) => void;
     layoutVariant?: SegmentedControlLayoutVariant;
+    visualVariant?: SegmentedControlVisualVariant;
     className?: string;
     buttonClassName?: string;
     disabled?: boolean;

package/dist/componentProps/organisms/navigation/BrandNavBarProps.d.ts

@@ -1,6 +1,7 @@
+import type { NavigationLinkValue, NavigationTextValue } from "../../shared/GeneralLinkProps";
 export type BrandNavItem = {
-    label: string;
-    href: string;
+    label: NavigationTextValue;
+    href: NavigationLinkValue;
 };
 export type CustomerTypeOption = "Commercial" | "Residential";
 export type BrandNavBarProps = {

package/dist/componentProps/organisms/navigation/footer/FooterProps.d.ts

@@ -1,39 +1,40 @@
 import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import type { NavigationLinkValue, NavigationTextValue } from "../../../shared/GeneralLinkProps";
 export type FooterLinkProps = {
-    label: string;
-    href?: string;
-    target?: "_self" | "_blank";
+    label: NavigationTextValue;
+    href?: NavigationLinkValue;
+    target?: string;
     rel?: string;
 };
 export type FooterColumnProps = {
-    heading: string;
+    heading: NavigationTextValue;
     links: FooterLinkProps[];
 };
 export type FooterImageProps = {
-    src: string;
-    alt: string;
-    label?: string;
-    href?: string;
-    target?: "_self" | "_blank";
+    src: NavigationTextValue;
+    alt: NavigationTextValue;
+    label?: NavigationTextValue;
+    href?: NavigationLinkValue;
+    target?: string;
     rel?: string;
 };
 export type FooterSocialLinkProps = {
-    label: string;
-    href: string;
+    label: NavigationTextValue;
+    href: NavigationLinkValue;
     faIcon?: IconDefinition;
-    iconSrc?: string;
+    iconSrc?: NavigationTextValue;
 };
 export type FooterBrandBlock = {
     primaryLogo: FooterImageProps;
-    phoneLine?: string;
+    phoneLine?: NavigationTextValue;
     socials?: FooterSocialLinkProps[];
     affiliateLogos?: FooterImageProps[];
 };
 export type FooterLegalBlock = {
     links?: FooterLinkProps[];
     utilityLink?: FooterLinkProps;
-    disclaimerLines?: string[];
-    copyrightLine?: string;
+    disclaimerLines?: NavigationTextValue[];
+    copyrightLine?: NavigationTextValue;
 };
 export type FooterProps = {
     brand: FooterBrandBlock;

package/dist/componentProps/organisms/navigation/footerlogosbar/FooterLogosBarProps.d.ts

@@ -1,6 +1,7 @@
 import type { FooterImageProps } from "../footer/FooterProps";
+import type { NavigationTextValue } from "../../../shared/GeneralLinkProps";
 export type FooterLogosBarProps = {
     affiliateLogos?: FooterImageProps[];
     parentLogo?: FooterImageProps;
-    phoneLine?: string;
+    phoneLine?: NavigationTextValue;
 };

package/dist/componentProps/shared/GeneralLinkProps.d.ts

@@ -0,0 +1,17 @@
+export type GeneralLinkValue = {
+    href?: string;
+    url?: string;
+    text?: string;
+    title?: string;
+    label?: string;
+    target?: string;
+    rel?: string;
+    querystring?: string;
+    anchor?: string;
+};
+export type GeneralLinkField = {
+    value?: string | GeneralLinkValue;
+    jsonValue?: string | GeneralLinkValue;
+};
+export type NavigationLinkValue = string | GeneralLinkValue | GeneralLinkField;
+export type NavigationTextValue = string | GeneralLinkValue | GeneralLinkField;

package/dist/componentProps/templates/logintemplate/LoginTemplateProps.d.ts

@@ -1,9 +1,14 @@
 import type { AccountAccessPanelData, AccountAccessPanelErrors, AccountAccessPanelMode, AccountAccessPanelProps, AccountAccessPanelUserTypeOption, AccountAccessPanelUserTypeValue } from "../../organisms/account/AccountAccessPanelProps";
+import type { ImageProps } from "../../atoms/image/ImageProps";
 export type LoginTemplateMode = AccountAccessPanelMode;
 export type LoginTemplateUserTypeValue = AccountAccessPanelUserTypeValue;
 export type LoginTemplateUserTypeOption = AccountAccessPanelUserTypeOption;
 export type LoginTemplateErrors = AccountAccessPanelErrors;
 export type LoginTemplateData = AccountAccessPanelData;
+export type LoginTemplateImage = Pick<ImageProps, "src" | "alt" | "fit" | "useNetlifyImages"> & {
+    quality?: ImageProps["quality"];
+};
 export type LoginTemplateProps = Omit<AccountAccessPanelProps, "actionLabels" | "onSecondaryClick"> & {
+    loginImage?: LoginTemplateImage;
     onCancelClick?: () => void;
 };