@nuskin/marketing-components 1.40.0 → 1.40.2

package/dist/carousel/mocks/mockAssets.d.ts

@@ -1,15 +0,0 @@
-/** Nu Skin media URLs for ColumnControl mock slides. */
-export declare const MOCK_ASSETS: {
-    readonly hero: {
-        readonly scienceApproach: "https://media.nuskin.com/transform/a3481f54-c1d6-440b-98c1-f6320a06f5f0/india-specific-science-approach-hero-banner?io=transform:fill,width:1440,height:500&format=webp&quality=95";
-        readonly joeChang: "https://media.nuskin.com/transform/d0a2299a-1476-4eb0-af54-b8fd66eaf880/nu-skin-science-main-page-joe-chang-banner?io=transform:fill,width:1440,height:520&focuspoint=0.32,0.54&format=webp&quality=95";
-        readonly homepage2: "https://media.nuskin.com/transform/fb7385be-c941-4436-8a30-63b177c4b02d/New-Homepage-Banners-2";
-        readonly videoPrysm: "https://media.nuskin.com/asset/9994f1f0-dc3d-4019-9dab-ebf690c11322/mp4/Prysm-Home-Page-Banner.mp4";
-        readonly videoPoster: "https://media.nuskin.com/m/65719e352613af80/original/Prysm-Home-Page-Banner.mp4";
-    };
-    readonly product: {
-        readonly boldInnovators: "https://media.nuskin.com/transform/04654929-3c89-4232-9cb2-2ea72d3602c9/india-science-bold-innovators-image?format=webp&quality=95";
-        readonly qualityProcess: "https://media.nuskin.com/transform/2bd009a8-288b-42de-be93-05c143e67822/nu-skin-science-6s-quality-process-image?io=transform:fill,width:1440,height:1400&format=webp&quality=95&io=transform:scale,width:600,height:600";
-        readonly rigorousResearch: "https://media.nuskin.com/transform/8754ed36-3705-4d85-a633-e8dbb7e326aa/nu-skin-science-rigorous-reasearch-image?io=transform:fill,width:720,height:460&format=webp&quality=95&io=transform:scale,width:600,height:600";
-    };
-};

package/dist/carousel/shared.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-declare const Slider: any;
-declare const CarouselContainer: any;
-declare const ArrowButton: any;
-declare const InnerWrapper: any;
-declare const SlideSection: any;
-declare const SlideInner: any;
-declare const SlideContentInner: any;
-export { Slider, CarouselContainer, ArrowButton, InnerWrapper, SlideSection, SlideInner, SlideContentInner };
-export interface SliderRefInstance {
-    slickPrev: () => void;
-    slickNext: () => void;
-}
-export declare function getSlideKey(index: number): string;
-export declare function renderSlidesContent<T>(params: {
-    slidesForRender: T[];
-    renderSlide: (slide: T, index: number) => React.ReactNode;
-    presetColumns: number;
-    gap: number;
-    isVariableWidth: boolean;
-    getSlideWidth: (index: number) => string;
-    stackedVerticalGap: number;
-    stackedItemHeight: string;
-    stackedItemMaxHeight?: number;
-    useFlexLayout?: boolean;
-    $?: Record<string, unknown>;
-}): import("react/jsx-runtime").JSX.Element[];

package/dist/carousel/specs/Carousel.spec.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/carousel/specs/useCarouselResize.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/carousel/specs/utils.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/carousel/types.d.ts

@@ -1,56 +0,0 @@
-import React from 'react';
-/** Gap between columns/slides: preset name → px (none: 0, small: 8, medium: 12, large: 16) */
-export type GapPreset = 'none' | 'small' | 'medium' | 'large';
-export declare const GAP_PRESET_VALUES: Record<GapPreset, number>;
-/** Resolve gap to pixels. Accepts preset name or legacy number (for backward compatibility). */
-export declare function getGapPx(gap?: GapPreset | number): number;
-export type CarouselPreset = 'single-full' | 'two-equal' | 'two-small-large' | 'three-equal' | 'three-small-medium-large' | 'four-equal';
-export type Alignment = 'left' | 'center' | 'right';
-/** Render callback: consumer renders each slide from their data. */
-export type CarouselRenderSlide<T = unknown> = (slide: T, index: number) => React.ReactNode;
-export type CarouselProps<T = unknown> = Readonly<{
-    /** Slide data (CMS/consumer shape). Rendered via renderSlide. */
-    slides: T[];
-    /** Called to render each slide. Receives slide data and index. */
-    renderSlide: CarouselRenderSlide<T>;
-    preset?: CarouselPreset;
-    /** Convenience props that override autoplay.enabled */
-    autoplayEnabled?: boolean;
-    /** Autoplay interval in seconds (e.g. 3 = 3s). Passed to slider as ms internally. */
-    autoplayDuration?: number;
-    /** Convenience props that override navigation.showArrows */
-    showArrows?: boolean;
-    /** Convenience props that override navigation.showPagination */
-    showPagination?: boolean;
-    onSlideChange?: (index: number) => void;
-    className?: string;
-    slickSettings?: any;
-    /** Spacing between columns/slides: 'none'|'small'|'medium'|'large' (0,8,12,16px) or legacy number */
-    gap?: GapPreset | number;
-    height?: string;
-    fullWidth?: boolean;
-    emptyBlockParentClass?: string;
-    /** Override empty placeholder label. Defaults: "Add items to the column control" (grid) or "Add items to the carousel" (carousel). */
-    emptyPlaceholderText?: string;
-    /** Position of slider dots: 'inside' overlays within the slider; 'outside' places them below as part of the height. Defaults to 'inside'. */
-    dotsPosition?: 'inside' | 'outside';
-    isEditing?: boolean;
-    parent$?: Record<string, unknown>;
-    $?: Record<string, unknown>;
-}>;
-export interface CarouselSlideProps {
-    children: React.ReactNode;
-    isActive: boolean;
-    preset: CarouselPreset;
-    alignment: Alignment;
-    index: number;
-    slideCount: number;
-}
-export { DEVICE_SIZES, MAX_SLIDE_HEIGHT_PX } from '../utils/deviceConstants';
-import { DEVICE_SIZES } from '../utils/deviceConstants';
-export type DeviceSize = keyof typeof DEVICE_SIZES;
-export declare const MIN_SLIDE_WIDTH_PX = 280;
-export declare const MIN_SLIDE_HEIGHT_PX = 320;
-/** Minimum height (px) for empty placeholder slots in column control/carousel. */
-export declare const MIN_EMPTY_PLACEHOLDER_HEIGHT_PX = 220;
-export declare const MAX_ALLOWED_COLUMN_CONTROL_ITEMS = 4;

package/dist/carousel/utils.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-import type { CarouselProps } from './types';
-export { getPresetColumns } from '../utils/viewportLayoutUtils';
-export declare function unwrapComponent<T>(mod: T): any;
-export declare const EmptyPlaceholder: React.FC<Readonly<{
-    emptyBlockParentClass?: string;
-    text?: string;
-}>>;
-export declare function isVariableWidthPreset(preset: CarouselProps['preset'], windowWidth: number): boolean;
-export declare function getVariableSlideWidth(preset: CarouselProps['preset'], index: number, windowWidth: number): string;
-export declare function getSlidesToShowByViewport(windowWidth: number, presetColumns: number): number;
-export declare function buildCarouselResponsiveSettings(params: {
-    presetColumns: number;
-    slidesLength: number;
-    isEditing: boolean;
-    shouldShowDots: boolean;
-}): ({
-    breakpoint: 600;
-    settings: {
-        slidesToShow: number;
-        slidesToScroll: number;
-        swipeToSlide: boolean;
-        arrows: boolean;
-        dots: boolean;
-        variableWidth: boolean;
-    };
-} | {
-    breakpoint: 768;
-    settings: {
-        slidesToShow: number;
-        slidesToScroll: number;
-        swipeToSlide: boolean;
-        arrows: boolean;
-        dots: boolean;
-        variableWidth: boolean;
-    };
-} | {
-    breakpoint: 1024;
-    settings: {
-        slidesToShow: number;
-        slidesToScroll: number;
-        swipeToSlide: boolean;
-        arrows: boolean;
-        dots: boolean;
-        variableWidth: boolean;
-    };
-})[];

package/dist/column-control/ColumnControl.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { type ColumnControlProps } from './types';
-declare const _default: React.FC<ColumnControlProps>;
-export default _default;

package/dist/column-control/ColumnControl.stories.d.ts

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-webpack5';
-import ColumnControl from './ColumnControl';
-declare const meta: Meta<typeof ColumnControl>;
-export default meta;
-type Story = StoryObj<typeof ColumnControl>;
-export declare const TwoByOne: Story;
-export declare const ThreeByOne: Story;
-export declare const FourByOne: Story;
-export declare const TwoByTwo: Story;
-export declare const ThreeByTwo: Story;
-export declare const FourByTwo: Story;
-export declare const EmptyState: Story;
-export declare const FewerSlidesThanPreset: Story;

package/dist/column-control/ColumnControl.styled.d.ts

@@ -1,49 +0,0 @@
-export declare const ColumnControlContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    gap: number;
-    height: string;
-    columnHeight: string;
-    maxColumnHeight?: number;
-    fullWidth?: boolean;
-    dotsInside?: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const TabletGridContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    gap: number;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SlideSection: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    useFlexLayout: boolean;
-    stackedVerticalGap: number;
-    stackedItemHeight: string;
-    stackedItemMaxHeight?: number;
-    slideWidth?: string;
-    flexBasis?: string;
-    gap: number;
-    columns: number;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const SlideInner: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    stackedItemHeight: string;
-    stackedItemMaxHeight?: number;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SlideContentInner: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InnerWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const EmptyPlaceholderWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/column-control/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ColumnControl } from './ColumnControl';
-export type { ColumnControlProps } from './types';

package/dist/column-control/mocks/MockContentCard.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-type ImageHeightPreset = 'short' | 'medium' | 'tall';
-export interface MockContentCardProps {
-    imageSrc?: string;
-    imageAlt?: string;
-    imageHeight?: ImageHeightPreset | number;
-    title?: string;
-    description?: string;
-    ctaText?: string;
-    ctaHref?: string;
-}
-declare const MockContentCard: React.FC<MockContentCardProps>;
-export default MockContentCard;

package/dist/column-control/mocks/MockProductCard.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface MockProductCardProps {
-    imageSrc: string;
-    imageAlt?: string;
-    title?: string;
-    eyebrow?: string;
-}
-declare const MockProductCard: React.FC<MockProductCardProps>;
-export default MockProductCard;

package/dist/column-control/mocks/index.d.ts

@@ -1,5 +0,0 @@
-export { default as MockContentCard } from './MockContentCard';
-export type { MockContentCardProps } from './MockContentCard';
-export { default as MockProductCard } from './MockProductCard';
-export type { MockProductCardProps } from './MockProductCard';
-export { MOCK_ASSETS } from '../../carousel/mocks/mockAssets';

package/dist/column-control/specs/ColumnControl.spec.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/column-control/specs/utils.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/column-control/types.d.ts

@@ -1,48 +0,0 @@
-import React from 'react';
-/** Gap between columns/slides: preset name → px (none: 0, small: 8, medium: 12, large: 16) */
-export type GapPreset = 'none' | 'small' | 'medium' | 'large';
-export declare const GAP_PRESET_VALUES: Record<GapPreset, number>;
-/** Resolve gap to pixels. Accepts preset name or legacy number (for backward compatibility). */
-export declare function getGapPx(gap?: GapPreset | number): number;
-export type ColumnControlGridLayout = '2x1' | '3x1' | '4x1' | '2x2' | '3x2' | '4x2';
-export type SlidePreset = 'single-full' | 'two-equal' | 'two-small-large' | 'three-equal' | 'three-small-medium-large' | 'four-equal';
-export type Alignment = 'left' | 'center' | 'right';
-/** Render callback: consumer renders each slide from their data. */
-export type RenderSlideCallback<T = unknown> = (slide: T, index: number) => React.ReactNode;
-export type ColumnControlProps<T = unknown> = Readonly<{
-    /** Slide data (CMS/consumer shape). Rendered via renderSlide. */
-    slides: T[];
-    /** Called to render each slide. Receives slide data and index. */
-    renderSlide: RenderSlideCallback<T>;
-    /** Preset-based sizing is deprecated. Use ColumnControl (grid) with layout. */
-    preset?: SlidePreset;
-    /** Grid layout for ColumnControl (grid) mode: "<columns>x<rows>" (e.g. "3x2"). */
-    layout?: ColumnControlGridLayout;
-    className?: string;
-    /** Spacing between columns/slides: 'none'|'small'|'medium'|'large' (0,8,12,16px) or legacy number */
-    gap?: GapPreset | number;
-    height?: string;
-    fullWidth?: boolean;
-    emptyBlockParentClass?: string;
-    /** Override empty placeholder label. Defaults: "Add items to the column control". */
-    emptyPlaceholderText?: string;
-    isEditing?: boolean;
-    parent$?: Record<string, unknown>;
-    $?: Record<string, unknown>;
-}>;
-export interface ColumnControlSlideProps {
-    children: React.ReactNode;
-    isActive: boolean;
-    preset: SlidePreset;
-    alignment: Alignment;
-    index: number;
-    slideCount: number;
-}
-export { DEVICE_SIZES, MAX_SLIDE_HEIGHT_PX } from '../utils/deviceConstants';
-import { DEVICE_SIZES } from '../utils/deviceConstants';
-export type DeviceSize = keyof typeof DEVICE_SIZES;
-export declare const MIN_SLIDE_WIDTH_PX = 280;
-export declare const MIN_SLIDE_HEIGHT_PX = 320;
-/** Minimum height (px) for empty placeholder slots in column control. */
-export declare const MIN_EMPTY_PLACEHOLDER_HEIGHT_PX = 220;
-export declare const MAX_ALLOWED_COLUMN_CONTROL_ITEMS = 8;

package/dist/column-control/utils.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import type { ColumnControlGridLayout, SlidePreset } from './types';
-import { getPresetColumns } from '../utils/viewportLayoutUtils';
-export interface ViewportLayoutState {
-    isStackedViewport: boolean;
-    isTabletGridViewport: boolean;
-    stackedItemHeight: string;
-    stackedItemMaxHeight: number;
-    stackedVerticalGap: number;
-    containerHeight: string;
-}
-export declare function getViewportLayoutState(isGridLayout: boolean, windowWidth: number, gapPx: number, height?: string): ViewportLayoutState;
-export interface GridDimensions {
-    columns: number;
-    rows: number;
-}
-export declare function getGridDimensions(layout: ColumnControlGridLayout | undefined): GridDimensions;
-export declare function getMaxChildrenForLayout(layout: ColumnControlGridLayout | undefined): number;
-export declare function mapPresetToGridLayout(preset: SlidePreset | undefined): ColumnControlGridLayout;
-export declare const EmptyPlaceholder: React.FC<Readonly<{
-    emptyBlockParentClass?: string;
-    text?: string;
-}>>;
-export { getPresetColumns };

package/dist/content-card/ContentCard.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ContentCardProps } from './types';
-declare const ContentCard: React.FC<ContentCardProps>;
-export default ContentCard;

package/dist/content-card/ContentCard.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-webpack5';
-import ContentCard from './ContentCard';
-declare const meta: Meta<typeof ContentCard>;
-export default meta;
-type Story = StoryObj<typeof ContentCard>;
-export declare const Default: Story;
-export declare const GifCard: Story;
-export declare const VideoCard: Story;
-export declare const CardAsLink: Story;
-export declare const NoCta: Story;
-export declare const ButtonOpenInNewTab: Story;
-export declare const CardLinkOpenInNewTab: Story;

package/dist/content-card/ContentCard.styled.d.ts

@@ -1,35 +0,0 @@
-export declare const Card: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    align?: "left" | "center" | "right";
-    borderRadius?: string;
-    backgroundColor?: string;
-    textColor?: string;
-    $maxHeight?: number;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const MediaWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    $inlineMedia?: boolean;
-    $mediaHeight?: number;
-    $mediaMaxHeight?: number;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/** Wrapper for body Typography to preserve line-clamp and flex. */
-export declare const BodyWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CtaWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContentInner: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/content-card/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const DEFAULT_MAX_HEIGHT = 750;
-/** Max height for media (img/video); taller assets are capped, shorter stay at natural size. */
-export declare const MAX_MEDIA_HEIGHT_PX = 400;

package/dist/content-card/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ContentCard } from './ContentCard';
-export type { ContentCardProps } from './types';

package/dist/content-card/specs/ContentCard.spec.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/content-card/specs/helpers.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/content-card/types.d.ts

@@ -1,31 +0,0 @@
-import { ButtonBlockProp } from '../button/types';
-export type ContentAlignment = 'left' | 'center' | 'right';
-export type CtaStyle = 'card' | 'button' | 'none';
-export type LinkTarget = '_self' | '_blank';
-export interface ContentCardProps {
-    title?: string;
-    subtitle?: string;
-    body?: string;
-    media?: string;
-    cta?: ButtonBlockProp;
-    card_cta_group?: ButtonBlockProp;
-    button_cta_group?: ButtonBlockProp;
-    cta_style?: CtaStyle;
-    content_alignment?: ContentAlignment;
-    _metadata?: {
-        uid?: string;
-    };
-    max_height?: number;
-    background_color?: string;
-    text_color?: string;
-    border_radius?: string;
-    isEditing?: boolean;
-    parent$?: Record<string, unknown>;
-    $?: {
-        media?: Record<string, unknown>;
-        body?: Record<string, unknown>;
-        title?: Record<string, unknown>;
-        subtitle?: Record<string, unknown>;
-        button?: Record<string, unknown>;
-    };
-}

package/dist/content-card/utils/helpers.d.ts

@@ -1,20 +0,0 @@
-import type { ButtonBlockProp, ButtonProps } from '../../button/types';
-import type { ContentAlignment, CtaStyle, LinkTarget, ContentCardProps } from '../types';
-export declare function getEffectiveCta(cta: ButtonBlockProp | undefined): ButtonProps | null;
-export declare const getTitle: (title: string, isEditing: boolean) => string;
-export declare function normalizeContentAlignment(alignment?: string | null): ContentAlignment;
-export declare function normalizeCtaStyle(value?: string | null): CtaStyle;
-export declare function resolveTarget(target?: 'Yes' | 'No' | null): LinkTarget | undefined;
-export declare function getCtaState(cta: ButtonBlockProp | undefined, ctaStyle: ContentCardProps['cta_style']): {
-    ctaStyleNormalized: CtaStyle;
-    effectiveCta: ButtonProps | null;
-    isCardLink: boolean;
-    showButton: boolean;
-    cardTarget: LinkTarget | undefined;
-};
-export declare function getMediaLayout(media: ContentCardProps['media']): {
-    mediaInfo: import("../..").BynderMediaExtracted | null;
-    isInlineMedia: boolean;
-    mediaHeightValue: number | undefined;
-    mediaMaxHeightValue: number | undefined;
-};

package/dist/hero-banner/HeroBanner.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { HeroBannerProps } from './types';
-declare const HeroBanner: React.FC<HeroBannerProps>;
-export default HeroBanner;

package/dist/hero-banner/HeroBanner.stories.d.ts

@@ -1,17 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-webpack5';
-import HeroBanner from './HeroBanner';
-declare const meta: Meta<typeof HeroBanner>;
-export default meta;
-type Story = StoryObj<typeof HeroBanner>;
-export declare const ProductLaunch: Story;
-export declare const HomepageHero: Story;
-export declare const CampaignHero: Story;
-export declare const VideoHero: Story;
-export declare const LeftAligned: Story;
-export declare const CenterAligned: Story;
-export declare const RightAligned: Story;
-export declare const NoGradient: Story;
-export declare const EditingMode: Story;
-export declare const MinimalContent: Story;
-export declare const NoMedia: Story;
-export declare const ResponsiveImage: Story;

package/dist/hero-banner/HeroBanner.styled.d.ts

@@ -1,35 +0,0 @@
-import { GradientDepth } from './helpers';
-export declare const MediaLayer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const GradientOverlay: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    direction: string;
-    depth: GradientDepth;
-    color: "black" | "white";
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Overlay: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    justifyContent?: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    textAlign?: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HERO_CTA_WRAPPER_CLASS = "hero-banner-button-wrapper";
-export declare const ButtonWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const getJustifyContent: (alignment: "left" | "center" | "right") => "center" | "flex-start" | "flex-end";

package/dist/hero-banner/components/TypographyFields.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { TextColor } from '../helpers';
-interface TypographyFieldsProps {
-    brandcaption?: string;
-    title?: string;
-    subtitle?: string;
-    body?: string;
-    isEditing: boolean;
-    editTags?: Record<string, unknown>;
-    textColor?: TextColor;
-}
-export declare const TypographyFields: React.FC<TypographyFieldsProps>;
-export {};

package/dist/hero-banner/constants.d.ts

@@ -1,5 +0,0 @@
-export declare const PLACEHOLDER_BRAND_CAPTION = "Enter Brand Caption";
-export declare const PLACEHOLDER_TITLE = "Enter Title";
-export declare const PLACEHOLDER_SUBTITLE = "Enter Subtitle";
-export declare const PLACEHOLDER_BODY = "Enter Body";
-export declare const ARIA_LABEL_HERO_BANNER = "Hero banner";

package/dist/hero-banner/helpers.d.ts

@@ -1,12 +0,0 @@
-export type GradientDepth = 'sm' | 'md' | 'lg';
-export type ContentAlignment = 'left' | 'center' | 'right';
-export type TextColor = 'black' | 'white';
-export declare const FULL_SIZE_PERCENT = "100%";
-export declare const MOBILE_BREAKPOINT = "(max-width: 768px)";
-export declare const DESKTOP_BREAKPOINT = "(min-width: 769px)";
-export declare function resolveContentAlignment(contentAlignment?: ContentAlignment): ContentAlignment;
-export declare function resolveGradientDepth(gradientDepth?: GradientDepth): GradientDepth;
-export declare function resolveTextColor(textColor?: string): TextColor;
-export declare function getGradientColor(textColor: TextColor): 'white' | 'black';
-export type GradientDirection = 'leftToRight' | 'radial' | 'rightToLeft';
-export declare function getGradientDirection(contentAlignment: ContentAlignment): GradientDirection;

package/dist/hero-banner/index.d.ts

@@ -1,2 +0,0 @@
-export { default as HeroBanner } from './HeroBanner';
-export * from './types';

package/dist/hero-banner/specs/HeroBanner.spec.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/hero-banner/specs/helpers.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/hero-banner/types.d.ts

@@ -1,26 +0,0 @@
-import { GradientDepth } from './helpers';
-import { ButtonBlockProp } from '../button';
-export type ContentAlignment = 'left' | 'center' | 'right';
-export type HeroBannerMediaType = 'image' | 'gif' | 'video';
-export interface HeroBanner$ {
-    [key: string]: unknown;
-    button?: Record<string, unknown>;
-    media?: Record<string, unknown>;
-    $?: Record<string, unknown>;
-}
-export interface HeroBannerProps {
-    title?: string;
-    subtitle?: string;
-    body?: string;
-    brandcaption?: string;
-    button?: ButtonBlockProp;
-    media?: string;
-    class_name?: string;
-    content_alignment?: ContentAlignment;
-    gradient_enabled?: boolean;
-    gradient_depth?: GradientDepth;
-    text_color?: string;
-    $?: HeroBanner$;
-    parent$?: Record<string, unknown>;
-    isEditing?: boolean;
-}

package/dist/hooks/index.d.ts

@@ -1,3 +0,0 @@
-export { default as useRouteReplacer } from './useRouteReplacer';
-export { default as useMainContrast } from './use-toggle-font-color/useMainContrast';
-export { default as useToggleFontColor } from './use-toggle-font-color/useToggleFontColor';

package/dist/hooks/use-toggle-font-color/useMainContrast.d.ts

@@ -1,8 +0,0 @@
-/**
- * @returns {main:#FFFFFF, contrast:#252525} when passed true
- */
-declare const useMainContrast: (toggleValue?: boolean) => {
-    main: string;
-    contrast: string;
-};
-export default useMainContrast;

package/dist/hooks/use-toggle-font-color/useMainContrast.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/hooks/use-toggle-font-color/useToggleFontColor.d.ts

@@ -1,8 +0,0 @@
-/**
- * Used to fetch the appropriate theme color for primary and contrast.
- * Usually black or similar, and white for contrast.
- * @param toggleValue the CS toggle value between black and white font color.
- * @returns hex value of the color.
- */
-declare const useToggleFontColor: (toggleValue?: boolean) => string;
-export default useToggleFontColor;