lion-make 0.1.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.
Files changed (59) hide show
  1. package/dist/components/footer/ComplianceBlock.d.ts +13 -0
  2. package/dist/components/footer/Disclaimer.d.ts +12 -0
  3. package/dist/components/footer/Disclosure.d.ts +13 -0
  4. package/dist/components/general/CTA.d.ts +18 -0
  5. package/dist/components/general/CallOut.d.ts +13 -0
  6. package/dist/components/general/ConfidenceTags.d.ts +11 -0
  7. package/dist/components/general/LeadForm.d.ts +21 -0
  8. package/dist/components/general/RTBs.d.ts +17 -0
  9. package/dist/components/general/RichText.d.ts +11 -0
  10. package/dist/components/header/CorporateUniversalHeader.d.ts +14 -0
  11. package/dist/components/header/GlobalHeaderBar.d.ts +19 -0
  12. package/dist/components/hero/Hero.d.ts +18 -0
  13. package/dist/components/layout/Anklet.d.ts +14 -0
  14. package/dist/components/layout/Container.d.ts +8 -0
  15. package/dist/components/layout/PageForehead.d.ts +11 -0
  16. package/dist/components/layout/PageSideburn.d.ts +11 -0
  17. package/dist/components/layout/Section.d.ts +8 -0
  18. package/dist/index.d.ts +34 -0
  19. package/dist/lion-make.js +1004 -0
  20. package/dist/lion-make.umd.cjs +30 -0
  21. package/guidelines/Guidelines.md +68 -0
  22. package/guidelines/composition/constraints.md +49 -0
  23. package/guidelines/composition/hierarchy.md +72 -0
  24. package/guidelines/composition/overview.md +22 -0
  25. package/guidelines/composition/templates.md +46 -0
  26. package/guidelines/composition/zones.md +60 -0
  27. package/guidelines/content-types/footer/compliance-block.md +38 -0
  28. package/guidelines/content-types/footer/disclaimer.md +32 -0
  29. package/guidelines/content-types/footer/disclosure.md +39 -0
  30. package/guidelines/content-types/footer/overview.md +38 -0
  31. package/guidelines/content-types/general/callout.md +40 -0
  32. package/guidelines/content-types/general/confidence-tags.md +39 -0
  33. package/guidelines/content-types/general/cta.md +52 -0
  34. package/guidelines/content-types/general/lead-form.md +56 -0
  35. package/guidelines/content-types/general/overview.md +46 -0
  36. package/guidelines/content-types/general/rich-text.md +35 -0
  37. package/guidelines/content-types/general/rtbs.md +55 -0
  38. package/guidelines/content-types/header/corporate-universal-header.md +36 -0
  39. package/guidelines/content-types/header/global-header-bar.md +49 -0
  40. package/guidelines/content-types/header/overview.md +34 -0
  41. package/guidelines/content-types/hero/hero-variants.md +68 -0
  42. package/guidelines/content-types/hero/overview.md +41 -0
  43. package/guidelines/content-types/overview.md +60 -0
  44. package/guidelines/foundations/breakpoints.md +53 -0
  45. package/guidelines/foundations/color.md +86 -0
  46. package/guidelines/foundations/overview.md +26 -0
  47. package/guidelines/foundations/spacing.md +50 -0
  48. package/guidelines/foundations/typography.md +67 -0
  49. package/guidelines/foundations/z-index.md +24 -0
  50. package/guidelines/icon-discovery.md +14 -0
  51. package/guidelines/setup.md +103 -0
  52. package/package.json +53 -0
  53. package/src/tokens/breakpoints.css +21 -0
  54. package/src/tokens/colors.css +81 -0
  55. package/src/tokens/make-utilities.css +129 -0
  56. package/src/tokens/metrics.css +32 -0
  57. package/src/tokens/mixins.css +3 -0
  58. package/src/tokens/typography.css +55 -0
  59. package/src/tokens/z-index.css +14 -0
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export interface ComplianceBlockProps {
3
+ itemNumber?: string;
4
+ materialId?: string;
5
+ text?: string;
6
+ className?: string;
7
+ }
8
+ /**
9
+ * ZONE: footer only — Compliance subsection.
10
+ * Displays compliance tracking identifiers and required legal copy.
11
+ * Not valid outside the Footer zone.
12
+ */
13
+ export declare const ComplianceBlock: React.FC<ComplianceBlockProps>;
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ export interface DisclaimerProps {
3
+ text: string;
4
+ itemNumber?: string;
5
+ className?: string;
6
+ }
7
+ /**
8
+ * ZONE: footer only — Disclaimer subsection.
9
+ * Static legal items displayed above disclosures. Not valid outside the Footer zone.
10
+ * itemNumber is the compliance tracking identifier.
11
+ */
12
+ export declare const Disclaimer: React.FC<DisclaimerProps>;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export interface DisclosureProps {
3
+ triggerLabel: string;
4
+ content: string;
5
+ materialId?: string;
6
+ className?: string;
7
+ }
8
+ /**
9
+ * ZONE: footer only — Disclosure subsection.
10
+ * Toggleable legal product information. Not valid outside the Footer zone.
11
+ * materialId is the compliance tracking number (Medicare Advantage / PDP).
12
+ */
13
+ export declare const Disclosure: React.FC<DisclosureProps>;
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+ export type CTAType = 'button' | 'link' | 'phone';
3
+ export type CTAVariant = 'primary' | 'secondary';
4
+ export interface CTAProps {
5
+ type: CTAType;
6
+ label: string;
7
+ href?: string;
8
+ phone?: string;
9
+ variant?: CTAVariant;
10
+ opensInNewTab?: boolean;
11
+ className?: string;
12
+ }
13
+ /**
14
+ * ZONE: general content — Primary Column, Sideburn, or Outro.
15
+ * Never use in Header, Hero, or Footer zones.
16
+ * type='phone' requires the phone prop; type='button'|'link' require href.
17
+ */
18
+ export declare const CTA: React.FC<CTAProps>;
@@ -0,0 +1,13 @@
1
+ import { default as React } from 'react';
2
+ export interface CallOutProps {
3
+ heading: string;
4
+ body: string;
5
+ ctaLabel?: string;
6
+ ctaHref?: string;
7
+ className?: string;
8
+ }
9
+ /**
10
+ * ZONE: general content — Primary Column, Sideburn, or Outro.
11
+ * Reiterates a primary CTA or offers a secondary one. Not valid in Header, Hero, or Footer zones.
12
+ */
13
+ export declare const CallOut: React.FC<CallOutProps>;
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ export interface ConfidenceTagsProps {
3
+ tags?: string[];
4
+ className?: string;
5
+ }
6
+ /**
7
+ * ZONE: general content — Primary Column, Sideburn, or Outro.
8
+ * Small badge trio stating trust signals. Defaults to the canonical three.
9
+ * Not valid in Header, Hero, or Footer zones.
10
+ */
11
+ export declare const ConfidenceTags: React.FC<ConfidenceTagsProps>;
@@ -0,0 +1,21 @@
1
+ import { default as React } from 'react';
2
+ export interface LeadFormField {
3
+ name: string;
4
+ label: string;
5
+ type: 'text' | 'email' | 'tel' | 'select';
6
+ required?: boolean;
7
+ options?: string[];
8
+ }
9
+ export interface LeadFormProps {
10
+ fields: LeadFormField[];
11
+ submitLabel?: string;
12
+ onSubmit?: (data: Record<string, string>) => void;
13
+ mediaCode?: string;
14
+ className?: string;
15
+ }
16
+ /**
17
+ * ZONE: general content — Primary Column or Outro. Not valid in Sideburn, Header, Hero, or Footer.
18
+ * Gathers personal info from users with the intent of starting a sale.
19
+ * mediaCode tracks lead form submissions from landing pages in agency campaigns.
20
+ */
21
+ export declare const LeadForm: React.FC<LeadFormProps>;
@@ -0,0 +1,17 @@
1
+ import { default as React } from 'react';
2
+ export interface RTBItem {
3
+ heading: string;
4
+ body: string;
5
+ illustrationSrc?: string;
6
+ illustrationAlt?: string;
7
+ }
8
+ export interface RTBsProps {
9
+ items: RTBItem[];
10
+ className?: string;
11
+ }
12
+ /**
13
+ * ZONE: general content — Primary Column, Sideburn, or Outro.
14
+ * Reasons To Buy: multiple text chunks highlighted with spot illustrations.
15
+ * Not valid in Header, Hero, or Footer zones.
16
+ */
17
+ export declare const RTBs: React.FC<RTBsProps>;
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ export interface RichTextProps {
3
+ html: string;
4
+ className?: string;
5
+ }
6
+ /**
7
+ * ZONE: general content — Primary Column, Sideburn, or Outro.
8
+ * Renders pre-formatted rich text (RTE output). Accepts trusted HTML only.
9
+ * Not valid in Header, Hero, or Footer zones.
10
+ */
11
+ export declare const RichText: React.FC<RichTextProps>;
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+ export interface CorporateUniversalHeaderProps {
3
+ logoSrc: string;
4
+ logoAlt: string;
5
+ selectedState?: string;
6
+ onStateChange?: (state: string) => void;
7
+ className?: string;
8
+ }
9
+ /**
10
+ * ZONE: header only.
11
+ * Blue bar containing state selector and Mutual of Omaha logo.
12
+ * Placed in the Corporate Universal Header subsection of the Header zone.
13
+ */
14
+ export declare const CorporateUniversalHeader: React.FC<CorporateUniversalHeaderProps>;
@@ -0,0 +1,19 @@
1
+ import { default as React } from 'react';
2
+ export interface CTAItem {
3
+ label: string;
4
+ href: string;
5
+ type?: 'button' | 'link';
6
+ }
7
+ export interface GlobalHeaderBarProps {
8
+ logoSrc: string;
9
+ logoAlt: string;
10
+ underwriterInfo?: string;
11
+ ctas?: CTAItem[];
12
+ className?: string;
13
+ }
14
+ /**
15
+ * ZONE: header only.
16
+ * White header bar containing company logo, underwriting info, and CTAs.
17
+ * Placed in the Global Header Bar subsection of the Header zone.
18
+ */
19
+ export declare const GlobalHeaderBar: React.FC<GlobalHeaderBarProps>;
@@ -0,0 +1,18 @@
1
+ import { default as React } from 'react';
2
+ export type HeroVariant = 'full-bleed' | 'split' | 'minimal';
3
+ export interface HeroProps {
4
+ variant: HeroVariant;
5
+ heading: string;
6
+ subheading?: string;
7
+ imageSrc?: string;
8
+ imageAlt?: string;
9
+ ctaLabel?: string;
10
+ ctaHref?: string;
11
+ className?: string;
12
+ }
13
+ /**
14
+ * ZONE: hero only.
15
+ * Must be placed in the Hero section of the page. Never use in header, general, or footer zones.
16
+ * Variant determines layout style; all variants are exclusive to the Hero zone.
17
+ */
18
+ export declare const Hero: React.FC<HeroProps>;
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+ export interface AnkletLink {
3
+ label: string;
4
+ href: string;
5
+ }
6
+ export interface AnkletProps {
7
+ links: AnkletLink[];
8
+ className?: string;
9
+ }
10
+ /**
11
+ * Anklet — quick-links bar directly above the footer. Its own fixed zone.
12
+ * Not a general content type; structure is fixed (list of links).
13
+ */
14
+ export declare const Anklet: React.FC<AnkletProps>;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export type ContainerType = 'single' | 'category' | 'quick-spacer' | 'location-lookup';
3
+ export interface ContainerProps {
4
+ type?: ContainerType;
5
+ children?: React.ReactNode;
6
+ className?: string;
7
+ }
8
+ export declare const Container: React.FC<ContainerProps>;
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ export interface PageForeheadProps {
3
+ children: React.ReactNode;
4
+ className?: string;
5
+ }
6
+ /**
7
+ * Forehead template — single centered column, available on all platforms.
8
+ * Zones available: header, hero, primary-column (full-width), anklet, footer.
9
+ * Template choice is permanent after page creation.
10
+ */
11
+ export declare const PageForehead: React.FC<PageForeheadProps>;
@@ -0,0 +1,11 @@
1
+ import { default as React } from 'react';
2
+ export interface PageSideburnProps {
3
+ children: React.ReactNode;
4
+ className?: string;
5
+ }
6
+ /**
7
+ * Sideburn template — 8-col primary column + 4-col sidebar (DLP only).
8
+ * Zones available: header, hero, primary-column, sideburn, outro, anklet, footer.
9
+ * Template choice is permanent after page creation.
10
+ */
11
+ export declare const PageSideburn: React.FC<PageSideburnProps>;
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ export type SectionZone = 'header' | 'hero' | 'primary-column' | 'sideburn' | 'outro' | 'anklet' | 'footer';
3
+ export interface SectionProps {
4
+ zone: SectionZone;
5
+ children: React.ReactNode;
6
+ className?: string;
7
+ }
8
+ export declare const Section: React.FC<SectionProps>;
@@ -0,0 +1,34 @@
1
+ export { PageForehead } from './components/layout/PageForehead';
2
+ export type { PageForeheadProps } from './components/layout/PageForehead';
3
+ export { PageSideburn } from './components/layout/PageSideburn';
4
+ export type { PageSideburnProps } from './components/layout/PageSideburn';
5
+ export { Section } from './components/layout/Section';
6
+ export type { SectionProps, SectionZone } from './components/layout/Section';
7
+ export { Container } from './components/layout/Container';
8
+ export type { ContainerProps, ContainerType } from './components/layout/Container';
9
+ export { Anklet } from './components/layout/Anklet';
10
+ export type { AnkletProps, AnkletLink } from './components/layout/Anklet';
11
+ export { CorporateUniversalHeader } from './components/header/CorporateUniversalHeader';
12
+ export type { CorporateUniversalHeaderProps } from './components/header/CorporateUniversalHeader';
13
+ export { GlobalHeaderBar } from './components/header/GlobalHeaderBar';
14
+ export type { GlobalHeaderBarProps } from './components/header/GlobalHeaderBar';
15
+ export { Hero } from './components/hero/Hero';
16
+ export type { HeroProps, HeroVariant } from './components/hero/Hero';
17
+ export { CTA } from './components/general/CTA';
18
+ export type { CTAProps, CTAType, CTAVariant } from './components/general/CTA';
19
+ export { CallOut } from './components/general/CallOut';
20
+ export type { CallOutProps } from './components/general/CallOut';
21
+ export { RTBs } from './components/general/RTBs';
22
+ export type { RTBsProps, RTBItem } from './components/general/RTBs';
23
+ export { ConfidenceTags } from './components/general/ConfidenceTags';
24
+ export type { ConfidenceTagsProps } from './components/general/ConfidenceTags';
25
+ export { LeadForm } from './components/general/LeadForm';
26
+ export type { LeadFormProps, LeadFormField } from './components/general/LeadForm';
27
+ export { RichText } from './components/general/RichText';
28
+ export type { RichTextProps } from './components/general/RichText';
29
+ export { Disclaimer } from './components/footer/Disclaimer';
30
+ export type { DisclaimerProps } from './components/footer/Disclaimer';
31
+ export { Disclosure } from './components/footer/Disclosure';
32
+ export type { DisclosureProps } from './components/footer/Disclosure';
33
+ export { ComplianceBlock } from './components/footer/ComplianceBlock';
34
+ export type { ComplianceBlockProps } from './components/footer/ComplianceBlock';