@4alldigital/foundation-ui--gamma 1.53.4 → 1.53.6

package/dist/types/lib/components/Card/Card.types.d.ts

@@ -36,6 +36,7 @@ export interface Actions {
 export interface CardData {
     id: string;
     title?: string;
+    subtitle?: string;
     description?: string;
     image?: ImageData;
     video?: string;

package/dist/types/lib/components/Card/types/CardIcon/CardIcon.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Props } from './CardIcon.types';
 declare const CardIcon: {
-    ({ id, title, description, icon, className, onClick, moreTitle, align, }: Props): React.ReactElement;
+    ({ id, title, subtitle, description, icon, className, onClick, moreTitle, align, }: Props): React.ReactElement;
     displayName: string;
 };
 export default CardIcon;

package/dist/types/lib/components/FullScreenVideoModal/FullScreenVideoModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Props } from './FullScreenVideoModal.types';
+declare const FullScreenVideoModal: {
+    ({ testID, modalOpen, videoProps, ariaHideApp, onCloseCallback, }: Props): React.ReactElement;
+    displayName: string;
+};
+export default FullScreenVideoModal;
+export type { Props };

package/dist/types/lib/components/FullScreenVideoModal/FullScreenVideoModal.types.d.ts

@@ -0,0 +1,8 @@
+import { Props as VideoProps } from '../Video/Video.types';
+export interface Props {
+    testID?: string;
+    videoProps: VideoProps;
+    ariaHideApp?: boolean;
+    modalOpen?: boolean;
+    onCloseCallback?: () => void;
+}

package/dist/types/lib/components/FullScreenVideoModal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FullScreenVideoModal';

package/dist/types/lib/components/ScheduleItem/ScheduleItem.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Props } from './ScheduleItem.types';
 declare const ScheduleItem: {
-    ({ testID, end, live, start, title }: Props): React.ReactElement;
+    ({ testID, end, live, start, title, video }: Props): React.ReactElement;
     displayName: string;
 };
 export default ScheduleItem;

package/dist/types/lib/components/Video/Video.types.d.ts

@@ -1,3 +1,130 @@
+interface VideoJsPlayerOptions {
+    autoplay?: boolean;
+    controls?: boolean;
+    height?: number;
+    loop?: boolean;
+    muted?: boolean;
+    poster?: string;
+    preload?: 'auto' | 'metadata' | 'none';
+    sources?: {
+        src: string;
+        type?: string;
+    }[];
+    width?: number;
+    aspectRatio?: string;
+    controlBar?: {
+        remainingTimeDisplay?: {
+            displayNegative: boolean;
+        };
+        skipButtons?: {
+            forward: number;
+            backward: number;
+        };
+        volumePanel?: {
+            inline: boolean;
+        };
+    };
+    html5?: {
+        hls?: {
+            enableLowInitialPlaylist: boolean;
+        };
+    };
+    playbackRates?: number[];
+    plugins?: any[];
+    responsive?: boolean;
+    fill?: boolean;
+    fluid?: boolean;
+    preferFullWindow?: boolean;
+    audioOnlyMode?: boolean;
+    audioPosterMode?: boolean;
+    enableSmoothSeeking?: boolean;
+    experimentalSvgIcons?: boolean;
+    fullscreen?: {
+        options: {
+            navigationUI: 'hide' | 'show';
+        };
+    };
+    liveui?: boolean;
+    liveTracker?: {
+        trackingThreshold: number;
+        liveTolerance: number;
+    };
+    nativeControlsForTouch?: boolean;
+    normalizeAutoplay?: boolean;
+    notSupportedMessage?: string;
+    noUITitleAttributes?: boolean;
+    playsinline?: boolean;
+    techCanOverridePoster?: boolean;
+    techOrder?: string[];
+    userActions?: {
+        click?: boolean;
+        doubleClick?: boolean;
+        hotkeys?: {
+            fullscreenKey: string;
+            muteKey: string;
+            playPauseKey: string;
+        };
+    };
+    language?: string;
+    languages?: {
+        [key: string]: {
+            Play: string;
+            Pause: string;
+            Mute: string;
+            Unmute: string;
+            Fullscreen: string;
+            PictureInPicture: string;
+            RemainingTime: string;
+            TimeDivider: string;
+            Time: string;
+            Live: string;
+            Volume: string;
+            Aired: string;
+            PlaybackRate: string;
+            Subtitles: string;
+            AudioTracks: string;
+            Settings: string;
+            Quality: string;
+            Speed: string;
+            Normal: string;
+            QualityBadge: string;
+            Rewind: string;
+            Forward: string;
+            FullscreenOff: string;
+            PictureInPictureOn: string;
+            PictureInPictureOff: string;
+            VolumePanel: string;
+            AudioTrack: string;
+            YouAreWatchingLive: string;
+            YouAreWatchingLiveEvent: string;
+            YouAreWatchingLiveStream: string;
+            LiveEvent: string;
+            LiveStream: string;
+        };
+    };
+    inactivityTimeout?: number;
+    breakpoints?: {
+        [key: string]: {
+            width: number;
+            height: number;
+        };
+    };
+    controlBarBreakpoints?: {
+        [key: string]: {
+            width: number;
+            height: number;
+        };
+    };
+    playbackRate?: number;
+    onReady?: (player: any) => void;
+    onPlay?: (event: Event) => void;
+    onPause?: (event: Event) => void;
+    onEnded?: (event: Event) => void;
+    onError?: (event: Event) => void;
+    onTimeUpdate?: (event: Event) => void;
+    onVolumeChange?: (event: Event) => void;
+    onFullscreenChange?: (event: Event) => void;
+}
 export interface Props {
     url?: string;
     autoPlay?: boolean;
@@ -9,7 +136,7 @@ export interface Props {
         type?: string;
     }[];
     className?: string;
-    options?: any;
+    options?: VideoJsPlayerOptions;
     isYoutube?: boolean;
     onReady?: (player: any) => void;
     onExitFullScreenCallback?: () => void;
@@ -17,4 +144,6 @@ export interface Props {
     rounded?: boolean;
     aspectRatioValue?: '16/9' | '4/3' | '1/1' | '3/4' | '9/16' | '16/7' | '16/5';
     fullScreenOnly?: boolean;
+    isModal?: boolean;
 }
+export {};

package/dist/types/lib/components/index.d.ts

@@ -51,6 +51,7 @@ export { default as Header } from './Header';
 export { default as Loader } from './Loader';
 export { default as Video } from './Video';
 export { default as OTPInput } from './OTPInput';
+export { default as FullScreenVideoModal } from './FullScreenVideoModal';
 export type { Props as BlockquoteProps } from './Blockquote/Blockquote.types';
 export type { Props as ButtonProps } from './Button/Button.types';
 export { BTN_TYPES, BTN_VARIANTS, BTN_SIZES } from './Button/Button.types';
@@ -109,3 +110,7 @@ export type { Props as HtmlContentProps } from './HtmlContent/HtmlContent.types'
 export type { Props as CardGridProps } from './CardGrid/CardGrid.types';
 export type { Props as ScreenProps } from './Screen/Screen.types';
 export type { Props as CarouselProps } from './Carousel/Carousel.types';
+export type { Props as AccordionProps } from './Accordion/Accordion.types';
+export type { Props as SubscriptionManagerProps } from './SubscriptionManager/SubscriptionManager.types';
+export type { Props as FullScreenVideoModalProps } from './FullScreenVideoModal/FullScreenVideoModal.types';
+export type { Props as HeaderProps } from './Header/Header.types';

package/dist/types/lib/features/Search/views/Sidebar/Sidebar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Props } from './Sidebar.types';
+declare const Sidebar: {
+    ({ foo }: Props): React.ReactElement;
+    displayName: string;
+};
+export default Sidebar;
+export type { Props };

package/dist/types/lib/features/Search/views/Sidebar/Sidebar.types.d.ts

@@ -0,0 +1,3 @@
+export interface Props {
+    foo: string;
+}

package/dist/types/lib/features/Search/views/Sidebar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Sidebar';

package/dist/types/lib/setupTests.d.ts

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

package/dist/types/lib/stories/Page.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+};
+export declare const Page: ({ children }: Props) => React.ReactElement;
+export {};

package/dist/types/lib/templates/HomeScreen/HomeScreen.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Props } from './HomeScreen.types';
 declare const HomeScreen: {
-    ({ testID, image, panelVideoProps, panelFeatureProps, panelCardsProps, panelHerosProps, panelDataCardsProps, panelProductProps, }: Props): React.ReactElement;
+    ({ testID, image, panelVideoProps, panelFeatureProps, panelCardsProps, panelHerosProps, panelSubscriptionsProps, panelTestimonialsProps, panelDataCardsProps, panelProductProps, }: Props): React.ReactElement;
     displayName: string;
 };
 export default HomeScreen;

package/dist/types/lib/templates/HomeScreen/HomeScreen.types.d.ts

@@ -11,6 +11,8 @@ export interface Props {
     panelFeatureProps?: panelFeatureProps;
     panelCardsProps?: panelCardsProps;
     panelHerosProps?: panelHerosProps[];
+    panelSubscriptionsProps?: panelCardsProps;
+    panelTestimonialsProps?: panelCardsProps;
     panelDataCardsProps?: panelCardsProps;
     panelProductProps?: panelProductProps;
 }

package/dist/types/lib/templates/WorkoutScreen/WorkoutScreen.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Props } from './WorkoutScreen.types';
 declare const WorkoutScreen: {
-    ({ testID, id, title, image, description, created, duration, level, section, video, category, type, likeCallback, completedCallback, favouriteCallback, isLiked, isCompleted, isFavourite, relatedWorkouts, hasActiveSubscription, htmlDetails, noSubActionCallback, }: Props): React.ReactElement;
+    ({ testID, id, title, image, description, created, duration, level, section, video, videoType, category, type, likeCallback, completedCallback, favouriteCallback, isLiked, isCompleted, isFavourite, relatedWorkouts, hasActiveSubscription, htmlDetails, noSubActionCallback, }: Props): React.ReactElement;
     displayName: string;
 };
 export default WorkoutScreen;

package/dist/types/lib/templates/WorkoutScreen/WorkoutScreen.types.d.ts

@@ -10,6 +10,7 @@ export interface Props {
     level?: string;
     section?: string;
     video: string;
+    videoType?: string;
     videoPoster?: string;
     videoDownload?: string;
     category?: string;

package/dist/types/lib/translations/en.d.ts

@@ -162,6 +162,7 @@ declare const strings: {
         AUTH_ACCOUNT_EXISTS_MESSAGE: string;
     };
     UI: {
+        NEXT_WEEKS_CLASS: string;
         SHOW: string;
         NO_IMAGE: string;
         UPLOAD: string;
@@ -528,6 +529,7 @@ declare const strings: {
         PROMO_INFO: string;
         REQUEST_PROMO_INFO: string;
         LOGGING_OUT: string;
+        LAUNCH_PLAYBACK: string;
     };
     ERRORS: {
         GENERIC_ERROR: string;

package/dist/types/packages/alpha/src/index.d.ts

@@ -0,0 +1,4 @@
+import '../theme/base.css';
+import '../theme/fonts.css';
+export * from '../../../lib';
+export { default as theme } from '../theme';

package/dist/types/packages/alpha/theme/index.d.ts

@@ -0,0 +1,116 @@
+declare const theme: {
+    colors: any;
+    fontFamily: {
+        body: string[];
+        heading: string[];
+        sans: string[];
+        serif: string[];
+        mono: string[];
+        display: string[];
+    };
+    fontSize: {
+        xs: (string | {
+            lineHeight: string;
+        })[];
+        sm: (string | {
+            lineHeight: string;
+        })[];
+        base: (string | {
+            lineHeight: string;
+        })[];
+        lg: (string | {
+            lineHeight: string;
+        })[];
+        xl: (string | {
+            lineHeight: string;
+        })[];
+        '2xl': (string | {
+            lineHeight: string;
+        })[];
+        '3xl': (string | {
+            lineHeight: string;
+        })[];
+        '4xl': (string | {
+            lineHeight: string;
+        })[];
+        '5xl': (string | {
+            lineHeight: string;
+        })[];
+        '6xl': (string | {
+            lineHeight: string;
+        })[];
+        '7xl': (string | {
+            lineHeight: string;
+        })[];
+        '8xl': (string | {
+            lineHeight: string;
+        })[];
+        '9xl': (string | {
+            lineHeight: string;
+        })[];
+    };
+    fontWeight: {
+        light: string;
+        normal: string;
+        bold: string;
+        thin: string;
+        extralight: string;
+        medium: string;
+        semibold: string;
+        extrabold: string;
+        black: string;
+    };
+    buttons: {
+        raised: boolean;
+    };
+    screens: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    borderRadius: {
+        none: string;
+        sm: string;
+        DEFAULT: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        full: string;
+    };
+    spacing: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        8: string;
+        10: string;
+        11: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        32: string;
+        40: string;
+        48: string;
+        56: string;
+        64: string;
+        128: string;
+    };
+    extend: {
+        gridTemplateColumns: {
+            headerMd: string;
+            headerSd: string;
+            headerXs: string;
+            searchLayout: string;
+            searchLayoutWithSidebar: string;
+        };
+    };
+};
+export default theme;

package/dist/types/packages/alpha/theme/styles/buttons/buttons.themes.d.ts

@@ -0,0 +1,4 @@
+declare const buttons: {
+    raised: boolean;
+};
+export default buttons;

package/dist/types/packages/alpha/theme/styles/colors/colors.themes.d.ts

@@ -0,0 +1,2 @@
+declare const colors: any;
+export default colors;

package/dist/types/packages/alpha/theme/styles/fonts/fonts.themes.d.ts

@@ -0,0 +1,9 @@
+declare const fonts: {
+    body: string[];
+    heading: string[];
+    sans: string[];
+    serif: string[];
+    mono: string[];
+    display: string[];
+};
+export default fonts;

package/dist/types/packages/alpha/theme/styles/settings/settings.themes.d.ts

@@ -0,0 +1,245 @@
+declare const settings: {
+    fontWeight: {
+        light: string;
+        normal: string;
+        bold: string;
+        thin: string;
+        extralight: string;
+        medium: string;
+        semibold: string;
+        extrabold: string;
+        black: string;
+    };
+    colors: {
+        white: string;
+        black: string;
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        accent: string;
+        neutral: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+        opacityDark10: string;
+        opacityDark20: string;
+        opacityDark30: string;
+        opacityDark40: string;
+        opacityDark50: string;
+        opacityDark60: string;
+        opacityDark70: string;
+        opacityDark80: string;
+        opacityDark90: string;
+        opacityLight10: string;
+        opacityLight20: string;
+        opacityLight30: string;
+        opacityLight40: string;
+        opacityLight50: string;
+        opacityLight60: string;
+        opacityLight70: string;
+        opacityLight80: string;
+        opacityLight90: string;
+        primary50: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        secondary50: string;
+        secondary100: string;
+        secondary200: string;
+        secondary300: string;
+        secondary400: string;
+        secondary500: string;
+        secondary600: string;
+        secondary700: string;
+        secondary800: string;
+        secondary900: string;
+        tertiary50: string;
+        tertiary100: string;
+        tertiary200: string;
+        tertiary300: string;
+        tertiary400: string;
+        tertiary500: string;
+        tertiary600: string;
+        tertiary700: string;
+        tertiary800: string;
+        tertiary900: string;
+        accent50: string;
+        accent100: string;
+        accent200: string;
+        accent300: string;
+        accent400: string;
+        accent500: string;
+        accent600: string;
+        accent700: string;
+        accent800: string;
+        accent900: string;
+        neutral50: string;
+        neutral100: string;
+        neutral200: string;
+        neutral300: string;
+        neutral400: string;
+        neutral500: string;
+        neutral600: string;
+        neutral700: string;
+        neutral800: string;
+        neutral900: string;
+        info50: string;
+        info100: string;
+        info200: string;
+        info300: string;
+        info400: string;
+        info500: string;
+        info600: string;
+        info700: string;
+        info800: string;
+        info900: string;
+        success50: string;
+        success100: string;
+        success200: string;
+        success300: string;
+        success400: string;
+        success500: string;
+        success600: string;
+        success700: string;
+        success800: string;
+        success900: string;
+        warning50: string;
+        warning100: string;
+        warning200: string;
+        warning300: string;
+        warning400: string;
+        warning500: string;
+        warning600: string;
+        warning700: string;
+        warning800: string;
+        warning900: string;
+        error50: string;
+        error100: string;
+        error200: string;
+        error300: string;
+        error400: string;
+        error500: string;
+        error600: string;
+        error700: string;
+        error800: string;
+        error900: string;
+        grey50: string;
+        grey100: string;
+        grey200: string;
+        grey300: string;
+        grey400: string;
+        grey500: string;
+        grey600: string;
+        grey700: string;
+        grey800: string;
+        grey900: string;
+        purple50: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+    };
+    screens: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    spacing: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        8: string;
+        10: string;
+        11: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        32: string;
+        40: string;
+        48: string;
+        56: string;
+        64: string;
+        128: string;
+    };
+    borderRadius: {
+        none: string;
+        sm: string;
+        DEFAULT: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        full: string;
+    };
+    fontSize: {
+        xs: (string | {
+            lineHeight: string;
+        })[];
+        sm: (string | {
+            lineHeight: string;
+        })[];
+        base: (string | {
+            lineHeight: string;
+        })[];
+        lg: (string | {
+            lineHeight: string;
+        })[];
+        xl: (string | {
+            lineHeight: string;
+        })[];
+        '2xl': (string | {
+            lineHeight: string;
+        })[];
+        '3xl': (string | {
+            lineHeight: string;
+        })[];
+        '4xl': (string | {
+            lineHeight: string;
+        })[];
+        '5xl': (string | {
+            lineHeight: string;
+        })[];
+        '6xl': (string | {
+            lineHeight: string;
+        })[];
+        '7xl': (string | {
+            lineHeight: string;
+        })[];
+        '8xl': (string | {
+            lineHeight: string;
+        })[];
+        '9xl': (string | {
+            lineHeight: string;
+        })[];
+    };
+    extend: {
+        gridTemplateColumns: {
+            headerMd: string;
+            headerSd: string;
+            headerXs: string;
+            searchLayout: string;
+            searchLayoutWithSidebar: string;
+        };
+    };
+};
+export default settings;

package/dist/types/packages/beta/src/index.d.ts

@@ -0,0 +1,3 @@
+import '../theme/base.css';
+export * from '../../../lib';
+export { default as theme } from '../theme';