lion-make 0.1.0 → 0.2.0
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/components/general/AccordionBlock.d.ts +15 -0
- package/dist/components/general/AllBlogsPostBlock.d.ts +21 -0
- package/dist/components/general/BackgroundColorBlock.d.ts +12 -0
- package/dist/components/general/BasicContentBlock.d.ts +18 -0
- package/dist/components/general/BodyTextCopyBlock.d.ts +12 -0
- package/dist/components/general/ContentImageBlock.d.ts +15 -0
- package/dist/components/general/CrossSellCardBlock.d.ts +18 -0
- package/dist/components/general/DecorativeListBlock.d.ts +13 -0
- package/dist/components/general/EmailCalloutBlock.d.ts +14 -0
- package/dist/components/general/EmbeddedVideoBlock.d.ts +15 -0
- package/dist/components/general/FullSizeImageWithHighlightBox.d.ts +21 -0
- package/dist/components/general/HorizontalRule.d.ts +13 -0
- package/dist/components/general/HotJobsBlock.d.ts +21 -0
- package/dist/components/general/InlineMessage.d.ts +14 -0
- package/dist/components/general/LastChanceBlock.d.ts +15 -0
- package/dist/components/general/MultiStepLeadForm.d.ts +19 -0
- package/dist/components/general/MultiTestimonial.d.ts +19 -0
- package/dist/components/general/OptIn.d.ts +16 -0
- package/dist/components/general/ProductBlock.d.ts +17 -0
- package/dist/components/general/PullQuote.d.ts +12 -0
- package/dist/components/general/RTBDescriptive.d.ts +18 -0
- package/dist/components/general/RTBDynamic.d.ts +21 -0
- package/dist/components/general/RTBHighlight.d.ts +18 -0
- package/dist/components/general/RecentBlogPostsBlock.d.ts +22 -0
- package/dist/components/general/ResourceSpotlight.d.ts +18 -0
- package/dist/components/general/SideMenuExplorer.d.ts +16 -0
- package/dist/components/general/SimpleCTABlock.d.ts +15 -0
- package/dist/components/general/SpacingBlock.d.ts +12 -0
- package/dist/components/general/SpeedBump.d.ts +16 -0
- package/dist/components/general/TableBlock.d.ts +13 -0
- package/dist/components/general/WAHFU.d.ts +15 -0
- package/dist/index.d.ts +64 -2
- package/dist/lion-make.js +1510 -558
- package/dist/lion-make.umd.cjs +10 -10
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface AccordionItem {
|
|
3
|
+
heading: string;
|
|
4
|
+
body: string;
|
|
5
|
+
}
|
|
6
|
+
export interface AccordionBlockProps {
|
|
7
|
+
items: AccordionItem[];
|
|
8
|
+
allowMultipleOpen?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
13
|
+
* Collapsible Q&A or content sections.
|
|
14
|
+
*/
|
|
15
|
+
export declare const AccordionBlock: React.FC<AccordionBlockProps>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface BlogPost {
|
|
3
|
+
title: string;
|
|
4
|
+
excerpt: string;
|
|
5
|
+
date: string;
|
|
6
|
+
href: string;
|
|
7
|
+
imageSrc?: string;
|
|
8
|
+
imageAlt?: string;
|
|
9
|
+
category?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface AllBlogsPostBlockProps {
|
|
12
|
+
posts: BlogPost[];
|
|
13
|
+
heading?: string;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* ZONE: general content — Primary Column only.
|
|
18
|
+
* Platform-specific: Marketing - Blog platform only.
|
|
19
|
+
* Displays a filtered or paginated list of all blog posts.
|
|
20
|
+
*/
|
|
21
|
+
export declare const AllBlogsPostBlock: React.FC<AllBlogsPostBlockProps>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type BackgroundColorToken = 'white' | 'gray-lightest' | 'teal-tint' | 'sand' | 'blue-dark' | 'teal' | 'brand';
|
|
3
|
+
export interface BackgroundColorBlockProps {
|
|
4
|
+
color: BackgroundColorToken;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
10
|
+
* Wraps child content in a full-width background color band. Color must be a design token.
|
|
11
|
+
*/
|
|
12
|
+
export declare const BackgroundColorBlock: React.FC<BackgroundColorBlockProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type ImagePosition = 'left' | 'right' | 'top' | 'none';
|
|
3
|
+
export interface BasicContentBlockProps {
|
|
4
|
+
heading: string;
|
|
5
|
+
body: string;
|
|
6
|
+
imageSrc?: string;
|
|
7
|
+
imageAlt?: string;
|
|
8
|
+
imagePosition?: ImagePosition;
|
|
9
|
+
ctaLabel?: string;
|
|
10
|
+
ctaHref?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
15
|
+
* Standard content block with heading, body copy, optional image and CTA.
|
|
16
|
+
* The most versatile general content type.
|
|
17
|
+
*/
|
|
18
|
+
export declare const BasicContentBlock: React.FC<BasicContentBlockProps>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface BodyTextCopyBlockProps {
|
|
3
|
+
html: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
8
|
+
* Long-form body copy rendered from RTE output. For structured prose content.
|
|
9
|
+
* Similar to RichText but specifically for body copy — not for mixed media content.
|
|
10
|
+
* Only pass sanitized HTML from the CMS RTE.
|
|
11
|
+
*/
|
|
12
|
+
export declare const BodyTextCopyBlock: React.FC<BodyTextCopyBlockProps>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface ContentImageBlockProps {
|
|
3
|
+
src: string;
|
|
4
|
+
alt: string;
|
|
5
|
+
caption?: string;
|
|
6
|
+
width?: 'full' | 'half' | 'third';
|
|
7
|
+
alignment?: 'left' | 'center' | 'right';
|
|
8
|
+
linkHref?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
13
|
+
* Standalone image with optional caption. Not for decorative images — use meaningful alt text.
|
|
14
|
+
*/
|
|
15
|
+
export declare const ContentImageBlock: React.FC<ContentImageBlockProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface CrossSellCard {
|
|
3
|
+
imageSrc?: string;
|
|
4
|
+
imageAlt?: string;
|
|
5
|
+
heading: string;
|
|
6
|
+
body: string;
|
|
7
|
+
ctaLabel: string;
|
|
8
|
+
ctaHref: string;
|
|
9
|
+
}
|
|
10
|
+
export interface CrossSellCardBlockProps {
|
|
11
|
+
cards: CrossSellCard[];
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* ZONE: general content — Primary Column or Outro. Not recommended in Sideburn (too narrow for card grid).
|
|
16
|
+
* Grid of related product or content cards — drives cross-sell between product lines.
|
|
17
|
+
*/
|
|
18
|
+
export declare const CrossSellCardBlock: React.FC<CrossSellCardBlockProps>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type DecorativeListStyle = 'checkmark' | 'bullet' | 'number' | 'icon';
|
|
3
|
+
export interface DecorativeListBlockProps {
|
|
4
|
+
items: string[];
|
|
5
|
+
style?: DecorativeListStyle;
|
|
6
|
+
heading?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
11
|
+
* Styled list with decorative markers. Use for feature lists, benefits, or steps.
|
|
12
|
+
*/
|
|
13
|
+
export declare const DecorativeListBlock: React.FC<DecorativeListBlockProps>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface EmailCalloutBlockProps {
|
|
3
|
+
heading: string;
|
|
4
|
+
body?: string;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
submitLabel?: string;
|
|
7
|
+
onSubmit?: (email: string) => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* ZONE: general content — Primary Column or Outro. Not valid in Sideburn.
|
|
12
|
+
* Compact inline email capture. Lighter-weight than LeadForm — single email field only.
|
|
13
|
+
*/
|
|
14
|
+
export declare const EmailCalloutBlock: React.FC<EmailCalloutBlockProps>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type AspectRatio = '16/9' | '4/3' | '1/1';
|
|
3
|
+
export interface EmbeddedVideoBlockProps {
|
|
4
|
+
src: string;
|
|
5
|
+
title: string;
|
|
6
|
+
aspectRatio?: AspectRatio;
|
|
7
|
+
autoplay?: boolean;
|
|
8
|
+
caption?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* ZONE: general content — Primary Column or Outro. Not valid in Sideburn.
|
|
13
|
+
* Embeds a video (YouTube, Vimeo, or hosted) with responsive aspect ratio wrapper.
|
|
14
|
+
*/
|
|
15
|
+
export declare const EmbeddedVideoBlock: React.FC<EmbeddedVideoBlockProps>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type HighlightBoxPosition = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
|
|
3
|
+
export interface HighlightBox {
|
|
4
|
+
heading: string;
|
|
5
|
+
body: string;
|
|
6
|
+
ctaLabel?: string;
|
|
7
|
+
ctaHref?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface FullSizeImageWithHighlightBoxProps {
|
|
10
|
+
imageSrc: string;
|
|
11
|
+
imageAlt: string;
|
|
12
|
+
highlightBox: HighlightBox;
|
|
13
|
+
highlightBoxPosition?: HighlightBoxPosition;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* ZONE: general content — Primary Column only.
|
|
18
|
+
* Full-width image with an overlaid highlight box for a headline, body, and CTA.
|
|
19
|
+
* The highlight box is positioned absolutely over the image.
|
|
20
|
+
*/
|
|
21
|
+
export declare const FullSizeImageWithHighlightBox: React.FC<FullSizeImageWithHighlightBoxProps>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type HorizontalRuleStyle = 'solid' | 'dashed' | 'dotted';
|
|
3
|
+
export interface HorizontalRuleProps {
|
|
4
|
+
style?: HorizontalRuleStyle;
|
|
5
|
+
color?: string;
|
|
6
|
+
thickness?: 'thin' | 'base' | 'thick';
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
11
|
+
* Horizontal divider to separate content sections. Use sparingly — prefer spacing to visual dividers.
|
|
12
|
+
*/
|
|
13
|
+
export declare const HorizontalRule: React.FC<HorizontalRuleProps>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface JobListing {
|
|
3
|
+
title: string;
|
|
4
|
+
location: string;
|
|
5
|
+
department?: string;
|
|
6
|
+
type?: 'full-time' | 'part-time' | 'contract';
|
|
7
|
+
href: string;
|
|
8
|
+
}
|
|
9
|
+
export interface HotJobsBlockProps {
|
|
10
|
+
jobs: JobListing[];
|
|
11
|
+
heading?: string;
|
|
12
|
+
viewAllHref?: string;
|
|
13
|
+
viewAllLabel?: string;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* ZONE: general content — Primary Column or Outro.
|
|
18
|
+
* Platform-specific: Marketing - Careers platform only.
|
|
19
|
+
* Highlights featured/hot job openings. Not valid on non-careers platforms.
|
|
20
|
+
*/
|
|
21
|
+
export declare const HotJobsBlock: React.FC<HotJobsBlockProps>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type InlineMessageType = 'info' | 'warning' | 'success' | 'error';
|
|
3
|
+
export interface InlineMessageProps {
|
|
4
|
+
type: InlineMessageType;
|
|
5
|
+
message: string;
|
|
6
|
+
heading?: string;
|
|
7
|
+
dismissible?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
12
|
+
* Contextual inline message to surface info, warnings, errors, or success states within content.
|
|
13
|
+
*/
|
|
14
|
+
export declare const InlineMessage: React.FC<InlineMessageProps>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface LastChanceBlockProps {
|
|
3
|
+
heading: string;
|
|
4
|
+
body: string;
|
|
5
|
+
deadline?: string;
|
|
6
|
+
ctaLabel: string;
|
|
7
|
+
ctaHref: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* ZONE: general content — Primary Column or Outro. Not valid in Sideburn.
|
|
12
|
+
* Urgency-driven block used near enrollment deadlines or limited-time offers.
|
|
13
|
+
* High visual weight — use once per page maximum.
|
|
14
|
+
*/
|
|
15
|
+
export declare const LastChanceBlock: React.FC<LastChanceBlockProps>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { LeadFormField } from './LeadForm';
|
|
3
|
+
export interface FormStep {
|
|
4
|
+
title: string;
|
|
5
|
+
fields: LeadFormField[];
|
|
6
|
+
}
|
|
7
|
+
export interface MultiStepLeadFormProps {
|
|
8
|
+
steps: FormStep[];
|
|
9
|
+
submitLabel?: string;
|
|
10
|
+
onSubmit?: (data: Record<string, string>) => void;
|
|
11
|
+
mediaCode?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* ZONE: general content — Primary Column or Outro. Not valid in Sideburn.
|
|
16
|
+
* Multi-step guided lead form. Each step collects a subset of fields.
|
|
17
|
+
* mediaCode tracks campaign attribution for lead submissions.
|
|
18
|
+
*/
|
|
19
|
+
export declare const MultiStepLeadForm: React.FC<MultiStepLeadFormProps>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface Testimonial {
|
|
3
|
+
quote: string;
|
|
4
|
+
author: string;
|
|
5
|
+
role?: string;
|
|
6
|
+
imageSrc?: string;
|
|
7
|
+
imageAlt?: string;
|
|
8
|
+
rating?: 1 | 2 | 3 | 4 | 5;
|
|
9
|
+
}
|
|
10
|
+
export interface MultiTestimonialProps {
|
|
11
|
+
testimonials: Testimonial[];
|
|
12
|
+
heading?: string;
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* ZONE: general content — Primary Column or Outro. Not valid in Sideburn.
|
|
17
|
+
* Grid of customer or member testimonials with optional ratings, photos, and attribution.
|
|
18
|
+
*/
|
|
19
|
+
export declare const MultiTestimonial: React.FC<MultiTestimonialProps>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface OptInProps {
|
|
3
|
+
heading: string;
|
|
4
|
+
body?: string;
|
|
5
|
+
emailLabel?: string;
|
|
6
|
+
submitLabel?: string;
|
|
7
|
+
onSubmit?: (email: string, optedIn: boolean) => void;
|
|
8
|
+
defaultChecked?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* ZONE: general content — Primary Column or Outro. Not valid in Sideburn.
|
|
13
|
+
* Customer opt-in for marketing email list. Captures email address and explicit consent.
|
|
14
|
+
* Not valid in Header, Hero, or Footer zones.
|
|
15
|
+
*/
|
|
16
|
+
export declare const OptIn: React.FC<OptInProps>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface ProductBlockProps {
|
|
3
|
+
imageSrc?: string;
|
|
4
|
+
imageAlt?: string;
|
|
5
|
+
heading: string;
|
|
6
|
+
body: string;
|
|
7
|
+
ctaLabel?: string;
|
|
8
|
+
ctaHref?: string;
|
|
9
|
+
badgeLabel?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
14
|
+
* Feature/product card with image, heading, description, and optional CTA.
|
|
15
|
+
* Not valid in Header, Hero, or Footer zones.
|
|
16
|
+
*/
|
|
17
|
+
export declare const ProductBlock: React.FC<ProductBlockProps>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface PullQuoteProps {
|
|
3
|
+
quote: string;
|
|
4
|
+
attribution?: string;
|
|
5
|
+
role?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
10
|
+
* Typographically prominent quote pulled from surrounding content. Attribution is optional.
|
|
11
|
+
*/
|
|
12
|
+
export declare const PullQuote: React.FC<PullQuoteProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface RTBDescriptiveItem {
|
|
3
|
+
heading: string;
|
|
4
|
+
body: string;
|
|
5
|
+
illustrationSrc?: string;
|
|
6
|
+
illustrationAlt?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface RTBDescriptiveProps {
|
|
9
|
+
items: RTBDescriptiveItem[];
|
|
10
|
+
heading?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
15
|
+
* RTB variant with longer explanatory body copy. Use when the value prop needs more context.
|
|
16
|
+
* Compare with RTBHighlight (visual emphasis) and RTBDynamic (data-driven content).
|
|
17
|
+
*/
|
|
18
|
+
export declare const RTBDescriptive: React.FC<RTBDescriptiveProps>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface RTBDynamicItem {
|
|
3
|
+
heading: string;
|
|
4
|
+
body: string;
|
|
5
|
+
iconSrc?: string;
|
|
6
|
+
iconAlt?: string;
|
|
7
|
+
ctaLabel?: string;
|
|
8
|
+
ctaHref?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface RTBDynamicProps {
|
|
11
|
+
items: RTBDynamicItem[];
|
|
12
|
+
heading?: string;
|
|
13
|
+
columns?: 2 | 3 | 4;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* ZONE: general content — Primary Column or Outro.
|
|
18
|
+
* RTB variant designed for grid layouts where content is driven by a data source or CMS.
|
|
19
|
+
* Flexible columns (2, 3, or 4). Compare with RTBDescriptive (linear) and RTBHighlight (stat-focused).
|
|
20
|
+
*/
|
|
21
|
+
export declare const RTBDynamic: React.FC<RTBDynamicProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface RTBHighlightItem {
|
|
3
|
+
stat: string;
|
|
4
|
+
label: string;
|
|
5
|
+
body?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface RTBHighlightProps {
|
|
8
|
+
items: RTBHighlightItem[];
|
|
9
|
+
heading?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* ZONE: general content — Primary Column or Outro.
|
|
14
|
+
* RTB variant with large stat/number callouts for maximum visual impact.
|
|
15
|
+
* Use for quantifiable value props ("4.8★ rating", "50+ years", "$0 hidden fees").
|
|
16
|
+
* Compare with RTBDescriptive (text-heavy) and RTBDynamic (data-driven).
|
|
17
|
+
*/
|
|
18
|
+
export declare const RTBHighlight: React.FC<RTBHighlightProps>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface RecentPost {
|
|
3
|
+
title: string;
|
|
4
|
+
excerpt: string;
|
|
5
|
+
date: string;
|
|
6
|
+
href: string;
|
|
7
|
+
imageSrc?: string;
|
|
8
|
+
imageAlt?: string;
|
|
9
|
+
category?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface RecentBlogPostsBlockProps {
|
|
12
|
+
posts: RecentPost[];
|
|
13
|
+
heading?: string;
|
|
14
|
+
count?: 3 | 4 | 6;
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* ZONE: general content — Primary Column or Outro.
|
|
19
|
+
* Platform-specific: Marketing - Blog platform.
|
|
20
|
+
* Grid of recent blog posts. count controls how many appear (3, 4, or 6).
|
|
21
|
+
*/
|
|
22
|
+
export declare const RecentBlogPostsBlock: React.FC<RecentBlogPostsBlockProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type ResourceType = 'article' | 'video' | 'pdf' | 'tool' | 'calculator';
|
|
3
|
+
export interface ResourceSpotlightProps {
|
|
4
|
+
title: string;
|
|
5
|
+
description: string;
|
|
6
|
+
resourceType: ResourceType;
|
|
7
|
+
imageSrc?: string;
|
|
8
|
+
imageAlt?: string;
|
|
9
|
+
ctaLabel?: string;
|
|
10
|
+
ctaHref?: string;
|
|
11
|
+
downloadUrl?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* ZONE: general content — Primary Column or Outro. Not valid in Sideburn.
|
|
16
|
+
* Highlights a featured resource (article, video, PDF, tool). Drives content engagement.
|
|
17
|
+
*/
|
|
18
|
+
export declare const ResourceSpotlight: React.FC<ResourceSpotlightProps>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface SideMenuTab {
|
|
3
|
+
label: string;
|
|
4
|
+
content: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export interface SideMenuExplorerProps {
|
|
7
|
+
tabs: SideMenuTab[];
|
|
8
|
+
defaultTab?: number;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* ZONE: general content — Primary Column only.
|
|
13
|
+
* Tabbed explorer with a vertical side menu. Used for multi-section reference content.
|
|
14
|
+
* Not valid in Sideburn or Outro (requires full-width Primary Column for proper layout).
|
|
15
|
+
*/
|
|
16
|
+
export declare const SideMenuExplorer: React.FC<SideMenuExplorerProps>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface SimpleCTABlockProps {
|
|
3
|
+
heading: string;
|
|
4
|
+
ctaLabel: string;
|
|
5
|
+
ctaHref: string;
|
|
6
|
+
ctaType?: 'button' | 'link';
|
|
7
|
+
body?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
12
|
+
* A minimal standalone CTA section: short heading, optional body, one action.
|
|
13
|
+
* Use when you need a CTA with context but don't need the full Call-Out block.
|
|
14
|
+
*/
|
|
15
|
+
export declare const SimpleCTABlock: React.FC<SimpleCTABlockProps>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type SpacingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
+
export interface SpacingBlockProps {
|
|
4
|
+
size?: SpacingSize;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
9
|
+
* Inserts a preset vertical whitespace block. Use to control rhythm between content sections.
|
|
10
|
+
* Distinct from the Quick Spacer container type — SpacingBlock is a content type placed inside a container.
|
|
11
|
+
*/
|
|
12
|
+
export declare const SpacingBlock: React.FC<SpacingBlockProps>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface SpeedBumpProps {
|
|
3
|
+
href: string;
|
|
4
|
+
label: string;
|
|
5
|
+
warningHeading?: string;
|
|
6
|
+
warningBody?: string;
|
|
7
|
+
continueLabel?: string;
|
|
8
|
+
cancelLabel?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* ZONE: general content — Primary Column, Sideburn, or Outro.
|
|
13
|
+
* Intercepts outbound link clicks with a modal warning before navigating to an external site.
|
|
14
|
+
* Required for links leaving the domain. Not valid in Header, Hero, or Footer zones.
|
|
15
|
+
*/
|
|
16
|
+
export declare const SpeedBump: React.FC<SpeedBumpProps>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface TableBlockProps {
|
|
3
|
+
caption?: string;
|
|
4
|
+
headers: string[];
|
|
5
|
+
rows: string[][];
|
|
6
|
+
striped?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* ZONE: general content — Primary Column or Outro. Not valid in Sideburn (too narrow).
|
|
11
|
+
* Structured data table with optional caption and striped rows.
|
|
12
|
+
*/
|
|
13
|
+
export declare const TableBlock: React.FC<TableBlockProps>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface WAHFUProps {
|
|
3
|
+
heading?: string;
|
|
4
|
+
body: string;
|
|
5
|
+
ctaLabel?: string;
|
|
6
|
+
ctaHref?: string;
|
|
7
|
+
phone?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* ZONE: general content — Primary Column or Outro.
|
|
12
|
+
* WAHFU = "We Are Here For You" — a reassurance block used to surface support options
|
|
13
|
+
* during high-stakes decisions (enrollment, claims, appeals). High-empathy placement.
|
|
14
|
+
*/
|
|
15
|
+
export declare const WAHFU: React.FC<WAHFUProps>;
|
package/dist/index.d.ts
CHANGED
|
@@ -14,18 +14,80 @@ export { GlobalHeaderBar } from './components/header/GlobalHeaderBar';
|
|
|
14
14
|
export type { GlobalHeaderBarProps } from './components/header/GlobalHeaderBar';
|
|
15
15
|
export { Hero } from './components/hero/Hero';
|
|
16
16
|
export type { HeroProps, HeroVariant } from './components/hero/Hero';
|
|
17
|
+
export { RTBs } from './components/general/RTBs';
|
|
18
|
+
export type { RTBsProps, RTBItem } from './components/general/RTBs';
|
|
19
|
+
export { RTBDescriptive } from './components/general/RTBDescriptive';
|
|
20
|
+
export type { RTBDescriptiveProps, RTBDescriptiveItem } from './components/general/RTBDescriptive';
|
|
21
|
+
export { RTBHighlight } from './components/general/RTBHighlight';
|
|
22
|
+
export type { RTBHighlightProps, RTBHighlightItem } from './components/general/RTBHighlight';
|
|
23
|
+
export { RTBDynamic } from './components/general/RTBDynamic';
|
|
24
|
+
export type { RTBDynamicProps, RTBDynamicItem } from './components/general/RTBDynamic';
|
|
17
25
|
export { CTA } from './components/general/CTA';
|
|
18
26
|
export type { CTAProps, CTAType, CTAVariant } from './components/general/CTA';
|
|
27
|
+
export { SimpleCTABlock } from './components/general/SimpleCTABlock';
|
|
28
|
+
export type { SimpleCTABlockProps } from './components/general/SimpleCTABlock';
|
|
29
|
+
export { AccordionBlock } from './components/general/AccordionBlock';
|
|
30
|
+
export type { AccordionBlockProps, AccordionItem } from './components/general/AccordionBlock';
|
|
31
|
+
export { BackgroundColorBlock } from './components/general/BackgroundColorBlock';
|
|
32
|
+
export type { BackgroundColorBlockProps, BackgroundColorToken } from './components/general/BackgroundColorBlock';
|
|
33
|
+
export { BasicContentBlock } from './components/general/BasicContentBlock';
|
|
34
|
+
export type { BasicContentBlockProps, ImagePosition } from './components/general/BasicContentBlock';
|
|
35
|
+
export { BodyTextCopyBlock } from './components/general/BodyTextCopyBlock';
|
|
36
|
+
export type { BodyTextCopyBlockProps } from './components/general/BodyTextCopyBlock';
|
|
19
37
|
export { CallOut } from './components/general/CallOut';
|
|
20
38
|
export type { CallOutProps } from './components/general/CallOut';
|
|
21
|
-
export { RTBs } from './components/general/RTBs';
|
|
22
|
-
export type { RTBsProps, RTBItem } from './components/general/RTBs';
|
|
23
39
|
export { ConfidenceTags } from './components/general/ConfidenceTags';
|
|
24
40
|
export type { ConfidenceTagsProps } from './components/general/ConfidenceTags';
|
|
41
|
+
export { ContentImageBlock } from './components/general/ContentImageBlock';
|
|
42
|
+
export type { ContentImageBlockProps } from './components/general/ContentImageBlock';
|
|
43
|
+
export { CrossSellCardBlock } from './components/general/CrossSellCardBlock';
|
|
44
|
+
export type { CrossSellCardBlockProps, CrossSellCard } from './components/general/CrossSellCardBlock';
|
|
45
|
+
export { DecorativeListBlock } from './components/general/DecorativeListBlock';
|
|
46
|
+
export type { DecorativeListBlockProps, DecorativeListStyle } from './components/general/DecorativeListBlock';
|
|
47
|
+
export { EmailCalloutBlock } from './components/general/EmailCalloutBlock';
|
|
48
|
+
export type { EmailCalloutBlockProps } from './components/general/EmailCalloutBlock';
|
|
49
|
+
export { EmbeddedVideoBlock } from './components/general/EmbeddedVideoBlock';
|
|
50
|
+
export type { EmbeddedVideoBlockProps, AspectRatio } from './components/general/EmbeddedVideoBlock';
|
|
51
|
+
export { FullSizeImageWithHighlightBox } from './components/general/FullSizeImageWithHighlightBox';
|
|
52
|
+
export type { FullSizeImageWithHighlightBoxProps, HighlightBox, HighlightBoxPosition } from './components/general/FullSizeImageWithHighlightBox';
|
|
53
|
+
export { HorizontalRule } from './components/general/HorizontalRule';
|
|
54
|
+
export type { HorizontalRuleProps, HorizontalRuleStyle } from './components/general/HorizontalRule';
|
|
55
|
+
export { InlineMessage } from './components/general/InlineMessage';
|
|
56
|
+
export type { InlineMessageProps, InlineMessageType } from './components/general/InlineMessage';
|
|
57
|
+
export { LastChanceBlock } from './components/general/LastChanceBlock';
|
|
58
|
+
export type { LastChanceBlockProps } from './components/general/LastChanceBlock';
|
|
25
59
|
export { LeadForm } from './components/general/LeadForm';
|
|
26
60
|
export type { LeadFormProps, LeadFormField } from './components/general/LeadForm';
|
|
61
|
+
export { MultiStepLeadForm } from './components/general/MultiStepLeadForm';
|
|
62
|
+
export type { MultiStepLeadFormProps, FormStep } from './components/general/MultiStepLeadForm';
|
|
63
|
+
export { MultiTestimonial } from './components/general/MultiTestimonial';
|
|
64
|
+
export type { MultiTestimonialProps, Testimonial } from './components/general/MultiTestimonial';
|
|
65
|
+
export { OptIn } from './components/general/OptIn';
|
|
66
|
+
export type { OptInProps } from './components/general/OptIn';
|
|
67
|
+
export { ProductBlock } from './components/general/ProductBlock';
|
|
68
|
+
export type { ProductBlockProps } from './components/general/ProductBlock';
|
|
69
|
+
export { PullQuote } from './components/general/PullQuote';
|
|
70
|
+
export type { PullQuoteProps } from './components/general/PullQuote';
|
|
71
|
+
export { ResourceSpotlight } from './components/general/ResourceSpotlight';
|
|
72
|
+
export type { ResourceSpotlightProps, ResourceType } from './components/general/ResourceSpotlight';
|
|
27
73
|
export { RichText } from './components/general/RichText';
|
|
28
74
|
export type { RichTextProps } from './components/general/RichText';
|
|
75
|
+
export { SideMenuExplorer } from './components/general/SideMenuExplorer';
|
|
76
|
+
export type { SideMenuExplorerProps, SideMenuTab } from './components/general/SideMenuExplorer';
|
|
77
|
+
export { SpacingBlock } from './components/general/SpacingBlock';
|
|
78
|
+
export type { SpacingBlockProps, SpacingSize } from './components/general/SpacingBlock';
|
|
79
|
+
export { SpeedBump } from './components/general/SpeedBump';
|
|
80
|
+
export type { SpeedBumpProps } from './components/general/SpeedBump';
|
|
81
|
+
export { TableBlock } from './components/general/TableBlock';
|
|
82
|
+
export type { TableBlockProps } from './components/general/TableBlock';
|
|
83
|
+
export { WAHFU } from './components/general/WAHFU';
|
|
84
|
+
export type { WAHFUProps } from './components/general/WAHFU';
|
|
85
|
+
export { AllBlogsPostBlock } from './components/general/AllBlogsPostBlock';
|
|
86
|
+
export type { AllBlogsPostBlockProps, BlogPost } from './components/general/AllBlogsPostBlock';
|
|
87
|
+
export { RecentBlogPostsBlock } from './components/general/RecentBlogPostsBlock';
|
|
88
|
+
export type { RecentBlogPostsBlockProps, RecentPost } from './components/general/RecentBlogPostsBlock';
|
|
89
|
+
export { HotJobsBlock } from './components/general/HotJobsBlock';
|
|
90
|
+
export type { HotJobsBlockProps, JobListing } from './components/general/HotJobsBlock';
|
|
29
91
|
export { Disclaimer } from './components/footer/Disclaimer';
|
|
30
92
|
export type { DisclaimerProps } from './components/footer/Disclaimer';
|
|
31
93
|
export { Disclosure } from './components/footer/Disclosure';
|