@windstream/react-shared-components 0.1.71 → 0.1.72

package/dist/contentful/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode, FC } from 'react';
+import React__default, { ReactNode, CSSProperties, FC } from 'react';
 import { ResponsiveSize } from '@shared/components/brand-button/types';
 import { Fill, Size } from '@shared/components/material-icon/types';
 import { CheckPlansProps, Asset, Button as Button$1, ButtonGroup } from '@shared/types/micro-components';
@@ -35,30 +35,6 @@ type ThemeKey$1 = "blue" | "green" | "yellow" | "purple" | "white" | "navy" | "c
 
 declare const Accordion: React__default.FC<AccordionProps>;
 
-type CalloutProps = {
-    title?: string;
-    enableHeading?: boolean;
-    subtitle?: string;
-    applyBoxShadow?: boolean;
-    cardStackingMobile?: boolean;
-    bottomText?: string;
-    color?: "dark" | "light";
-    cardsWidth?: string;
-    maxCardsPerRow?: number;
-    noGutter?: boolean;
-    items: any[];
-    maxWidth?: boolean;
-    cardType?: "simple" | "blog";
-};
-
-declare const Callout: React__default.FC<CalloutProps>;
-
-type CardsProps = {};
-
-declare const Cards: React.FC<{
-    fields: CardsProps;
-}>;
-
 type ButtonProps = {
     showButtonAs?: "solid" | "text" | "unstyled";
     buttonVariant?: "primary_brand" | "secondary" | "primary_inverse";
@@ -91,20 +67,117 @@ type ButtonProps = {
     iconSize?: Size;
 };
 
+type CalloutCardType = "simple" | "blog" | "fullImage" | "floatingImage";
+type CalloutCtaProps = ButtonProps & {
+    label?: string;
+};
+type CalloutItem = {
+    /**
+     * Optional per-item card type. When provided, overrides the top-level
+     * `cardType` for this single item — enables mixed card variants in one
+     * Callout (e.g. one full-image + two simple cards).
+     */
+    cardType?: CalloutCardType;
+    [key: string]: any;
+};
+type CalloutProps = {
+    /** Outer `<section>` id — anchor link target. */
+    anchorId?: string;
+    title?: string;
+    enableHeading?: boolean;
+    subtitle?: string;
+    description?: string;
+    finePrint?: ReactNode;
+    cta?: CalloutCtaProps;
+    applyBoxShadow?: boolean;
+    cardStackingMobile?: boolean;
+    bottomText?: string;
+    color?: "dark" | "light";
+    /**
+     * When `true` (default) cards are laid out in a responsive Tailwind
+     * grid sized by `maxCardsPerRow`. When `false` the cards stretch
+     * full-width and stack vertically (no inner widths).
+     */
+    cardsWidth?: boolean;
+    maxCardsPerRow?: number;
+    noGutter?: boolean;
+    items: CalloutItem[];
+    maxWidth?: boolean;
+    /** Top-level card type used when an item does not specify its own. */
+    cardType?: CalloutCardType;
+    /**
+     * Background color token. When omitted the section has no background
+     * (preserves prior behavior for existing 0.1.70 consumers).
+     */
+    backgroundColor?: "cream500" | "gray100" | "white" | "transparent" | "blue" | "green" | "navy" | "purple" | "yellow";
+    /** Raw background CSS value (overrides `backgroundColor` when present). */
+    background?: string;
+    /** Inline text color override applied to the heading region. */
+    textColor?: string;
+    /** Extra class names for the outer <section>. */
+    containerClassName?: string;
+    /** Extra class names for the inner content wrapper. */
+    innerClassName?: string;
+};
+
+declare const Callout: React__default.FC<CalloutProps>;
+
+type CardsProps = {};
+
+declare const Cards: React.FC<{
+    fields: CardsProps;
+}>;
+
+type PinwheelColor = "Blue-#307998" | "Green-#209A61" | "Orange-#DE7E0A" | "Purple-#7E1458" | (string & {});
+type SimpleCardCtaBottom = {
+    title?: string;
+    href?: string;
+};
 type Item = {
     title?: string;
     image?: string;
+    imageAlt?: string;
+    imageWidth?: number;
+    imageHeight?: number;
     imageAlignment?: "left" | "right" | "center";
-    imageView?: "standard" | "icon" | "full";
+    iconAlignment?: "left" | "right" | "center";
+    /**
+     * Layout variant for the image. `standard` / `icon` render an inline
+     * icon above the content. `full` renders a full-bleed top image.
+     * `margin` is `full` with horizontal padding.
+     */
+    imageView?: "standard" | "icon" | "full" | "margin" | "inset";
+    body?: ReactNode;
+    /** Optional secondary rich-text region (port of local `richText`). */
+    richText?: ReactNode;
     cta?: ButtonProps;
     ctaAlignment?: "left" | "right" | "center";
-    body?: ReactNode;
+    /** Top "location" CTA, rendered above the title with a `location_on` icon. */
+    ctaBottom?: SimpleCardCtaBottom;
+    ctaAlignmentBottom?: "left" | "right" | "center";
+    /** Legacy token-based card background (mapped via `backgroundColorMap`). */
     backgroundColor?: string;
+    /** Raw color value used when `applyCardBackgroundColor` is true. */
+    applyCardBackgroundColor?: boolean;
+    textColor?: string;
+    showBackgroundImage?: boolean;
+    pinwheelColor?: PinwheelColor;
+    /** On `lg:` and up, lays out icon + content side-by-side. */
+    imageToRichTextAlignment?: boolean;
+    /** Bold label between title and the phone/hours table. */
+    titleLocation?: string;
+    phoneNumber?: string[];
+    /** Each entry uses a `label|value` separator. */
+    workingHours?: string[];
+    shadow?: boolean;
 };
 type SimpleCardProps = {
     card: Item;
     lgWidth?: string;
     mdWidth?: string;
+    className?: string;
+    contentClassName?: string;
+    style?: CSSProperties;
 };
 
 declare const SimpleCard: React__default.FC<SimpleCardProps>;
@@ -662,13 +735,16 @@ declare function DynamicTabs(props: DynamicTabsT): react_jsx_runtime.JSX.Element
 
 interface AnchoredBottomBannerProps {
     ctaSuffixText?: string;
-    backgroundColor?: "navy" | "yellow" | "green" | "purple" | "blue";
+    backgroundColor?: "navy" | "yellow" | "green" | "purple" | "blue" | "white";
     iconName?: string;
     boxShadow?: boolean;
     ctaButtonLabel?: string;
     ctaButtonLink?: string;
     ctaButtonTarget?: string;
     anchorId?: string;
+    enableCountdownTimer?: boolean;
+    countdownStartDateTime?: string;
+    countdownEndDateTime?: string;
 }
 
 declare const AnchoredBottomBanner: React__default.FC<AnchoredBottomBannerProps>;
@@ -734,11 +810,11 @@ declare const toDocument: (v: unknown | null | undefined) => Document | null;
  */
 declare function renderContentfulRichText(doc: Document | null | undefined, target?: boolean, className?: string, linkClassName?: string, options?: Options): ReactNode | null;
 declare function useContentfulRichText(doc: Document | null | undefined, options?: Options): ReactNode | null;
-declare function renderContentfulRichTextTable(doc: Document | null | undefined, links?: any): any;
+declare function renderContentfulRichTextTable(doc: Document | null | undefined, links?: any): ReactNode;
 
 declare const label1BoldOptions: {
     renderMark: {
-        [x: number]: (text: ReactNode) => React$1.DetailedReactHTMLElement<{
+        bold: (text: ReactNode) => React$1.DetailedReactHTMLElement<{
             className: string;
         }, HTMLElement>;
     };