formica-ui-lib 1.0.22 → 1.0.24

package/dist/componentProps/atoms/button/ButtonProps.d.ts

@@ -1,15 +1,19 @@
 import React from "react";
-export type ButtonVariant = 'nav' | 'standard' | 'secondary' | 'text' | 'icon' | 'free';
-export type IconPosition = 'left' | 'right';
-export interface ButtonProps {
+export type ButtonVariant = "standard" | "nav" | "text" | "icon" | "segmented" | "small";
+export type ButtonType = "primary" | "secondary" | "accent" | "ghost";
+export type IconPosition = "left" | "right";
+export type SegmentPosition = "only" | "first" | "middle" | "last";
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "onClick" | "children"> {
     label?: string;
-    iconSrc?: string;
+    children?: React.ReactNode;
+    iconType?: any;
+    iconName?: string;
     iconAlt?: string;
     iconPosition?: IconPosition;
     variant?: ButtonVariant;
+    buttonType?: ButtonType;
+    segmentPosition?: SegmentPosition;
+    active?: boolean;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     className?: string;
-    active?: boolean;
-    href?: string;
-    style?: string;
 }

package/dist/componentProps/atoms/icon/IconProps.d.ts

@@ -1,6 +1,6 @@
 import type { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 export type IconSize = 'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
-export type IconColor = 'primary' | 'secondary' | 'accent';
+export type IconColor = 'inherit' | 'primary' | 'secondary' | 'accent';
 export type IconProps = {
     icon?: IconDefinition;
     alt?: string;

package/dist/componentProps/atoms/image/ImageProps.d.ts

@@ -1,7 +1,13 @@
-export type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
+import React from "react";
+export type ImageProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt"> & {
     src: string;
     alt: string;
-    width?: string | number;
-    height?: string | number;
-    className?: string;
+    quality: number;
+    fit?: "contain" | "cover" | "fill";
+};
+export type NetlifyLoaderArgs = {
+    src: string;
+    width?: number;
+    quality?: number;
+    fit?: "contain" | "cover" | "fill";
 };

package/dist/componentProps/atoms/text/TextProps.d.ts

@@ -1,4 +1,4 @@
-export type TextVariant = 'h1' | 'h2' | 'h3' | 'nav' | 'standard' | 'navlink' | 'free' | 'body' | 'bold' | 'caption';
+export type TextVariant = 'h1' | 'h2' | 'h3' | 'nav' | 'standard' | 'navlink' | 'free' | 'body' | 'bold' | 'caption' | 'eyebrow';
 export type TextTag = 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     as?: TextTag;

package/dist/componentProps/molecules/card/moreinfohighlightscard/MoreInfoHighlightsCardProps.d.ts

@@ -0,0 +1,10 @@
+import type { FaTypeClass } from "../../../../stories/atoms/icon/Icon";
+export type MoreInfoHighlightsCardProps = {
+    iconType: FaTypeClass;
+    iconName: string;
+    title: string;
+    body: string;
+    href?: string;
+    linkLabel?: string;
+    onLinkClick?: () => void;
+};

package/dist/componentProps/molecules/selectors/slidingtabselector/SlidingTabsSelectorProps.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+type RailTabsItem = {
+    label: string;
+    disabled?: boolean;
+};
+export type SlidingTabIndicatorProps = {
+    items: RailTabsItem[];
+    value: string;
+    onChange: (label: string) => void;
+    renderTab?: (args: {
+        item: RailTabsItem;
+        isActive: boolean;
+        onClick: () => void;
+    }) => React.ReactNode;
+    className?: string;
+    durationMs?: number;
+    thicknessClassName?: string;
+    baselineClassName?: string;
+};
+export {};

package/dist/componentProps/organisms/banner/columnbanner/ColumnBannerProps.d.ts

@@ -0,0 +1,30 @@
+export interface TabItem {
+    label: string;
+    columns?: ColumnGroup[];
+}
+export interface ColumnTab {
+    label: string;
+    items: CtaItem[];
+}
+export interface CtaItem {
+    id: string;
+    label: string;
+    href: string;
+    source: string;
+    alt?: string;
+    description?: string;
+}
+export interface ColumnGroup {
+    group: string;
+    title: string;
+    description?: string;
+    items: CtaItem[];
+}
+export interface ColumnBannerProps {
+    heading: string;
+    body?: string;
+    description?: string;
+    TabsWithColumns: TabItem[];
+    onFavoriteToggle?: (item: CtaItem, isFavorite: boolean) => void;
+    onItemClick?: (item: CtaItem) => void;
+}

package/dist/componentProps/organisms/banner/herobanner/CallToActionCarouselProps.d.ts

@@ -0,0 +1,12 @@
+import type { CallToActionHeroProps } from "./CallToActionHeroProps";
+import type { ButtonProps } from "../../../atoms/button/ButtonProps";
+export interface CallToActionCarouselProps {
+    slides: CallToActionHeroProps[];
+    initialIndex?: number;
+    showArrows?: boolean;
+    showDots?: boolean;
+    loop?: boolean;
+    prevArrowButtonProps?: Partial<ButtonProps>;
+    nextArrowButtonProps?: Partial<ButtonProps>;
+    autoRotateSeconds?: number;
+}

package/dist/componentProps/organisms/banner/herobanner/CallToActionHeroProps.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import type { ButtonVariant, ButtonType } from "../../../atoms/button/ButtonProps";
+export type CallToActionHeroCta = {
+    label: string;
+    variant?: ButtonVariant;
+    buttonType?: ButtonType;
+    className?: string;
+    href?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+export interface CallToActionHeroProps {
+    imageSrc: string;
+    imageAlt?: string;
+    heading: string;
+    subheading?: string;
+    body: string;
+    eyebrow?: string;
+    ctas?: CallToActionHeroCta[];
+}

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

@@ -1,24 +1,42 @@
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-export interface SiteLinkGroup {
-    group: string;
-    links: {
-        label: string;
-    }[];
-}
-export interface SocialLink {
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+export type FooterLink = {
+    label: string;
+    href?: string;
+    target?: "_self" | "_blank";
+    rel?: string;
+};
+export type FooterColumn = {
+    heading: string;
+    links: FooterLink[];
+};
+export type FooterImage = {
+    src: string;
+    alt: string;
+    href?: string;
+    target?: "_self" | "_blank";
+    rel?: string;
+};
+export type FooterSocialLink = {
+    label: string;
     href: string;
-    icon: IconProp | string;
-}
-export interface Legal {
-    phone?: string;
-    disclaimerText: string;
-    footerLinks: {
-        label: string;
-        href: string;
-    }[];
-}
-export interface FooterProps {
-    siteLinks?: SiteLinkGroup[];
-    socialLinks?: SocialLink[];
-    legal?: Legal;
-}
+    faIcon?: IconDefinition;
+    iconSrc?: string;
+};
+export type FooterBrandBlock = {
+    primaryLogo: FooterImage;
+    phoneLine?: string;
+    socials?: FooterSocialLink[];
+    affiliateLogos?: FooterImage[];
+};
+export type FooterLegalBlock = {
+    links?: FooterLink[];
+    utilityLink?: FooterLink;
+    disclaimerLines?: string[];
+    copyrightLine?: string;
+};
+export type FooterProps = {
+    brand: FooterBrandBlock;
+    columns: FooterColumn[];
+    parentLogo?: FooterImage;
+    legal: FooterLegalBlock;
+};

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

@@ -0,0 +1,31 @@
+export type NavLink = {
+    label: string;
+    href: string;
+};
+export type SubCategory = {
+    label: string;
+    items: NavLink[];
+};
+export type Promo = {
+    imageSrc: string;
+    imageAlt: string;
+    label?: string;
+    href?: string;
+};
+export type NavItem = {
+    label: string;
+    subcategories: SubCategory[];
+    promo?: Promo;
+};
+export type TopNavBarProps = {
+    NavMenuWithSubItems: NavItem[];
+    Countries: {
+        label: string;
+        locale: string;
+        href: string;
+    }[];
+    Login: {
+        label: string;
+        href: string;
+    };
+};

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

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

package/dist/componentProps/organisms/section/moreinfohighlightssection/MoreInfoHighlightsSectionProps.d.ts

@@ -0,0 +1,8 @@
+import type { MoreInfoHighlightsCardProps } from "../../../molecules/card/moreinfohighlightscard/MoreInfoHighlightsCardProps";
+export type MoreInfoHighlightsSectionProps = {
+    heading: string;
+    body?: string;
+    cards: MoreInfoHighlightsCardProps[];
+    className?: string;
+    columns?: 1 | 2 | 3 | 4;
+};