@micromag/core 0.4.88 → 0.4.90-alpha.3

package/es/hooks.d.ts

@@ -4,19 +4,19 @@ import * as _use_gesture_react_dist_declarations_src_types from '@use-gesture/re
 export { useIntersectionObserver, useResizeObserver } from '@folklore/hooks';
 
 declare function useActivityDetector({ disabled, timeout: timeoutDelay }?: {
-    disabled?: boolean;
-    timeout?: number;
+    disabled?: boolean | undefined;
+    timeout?: number | undefined;
 }): {
-    ref: react.RefObject<any>;
+    ref: react.RefObject<null>;
     detected: boolean;
 };
 
 declare const useAnimationFrame: (onFrame: any, { disabled }?: {
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }) => void;
 
-declare const useFormattedDate: (options?: any) => (date: any) => string;
-declare const useFormattedTime: (options?: any) => (date: any) => string;
+declare const useFormattedDate: (options?: null) => (date: any) => string;
+declare const useFormattedTime: (options?: null) => (date: any) => string;
 
 declare const useDebounced: (handler: any, watchedValue: any, delay?: number) => void;
 
@@ -44,20 +44,20 @@ declare function useDragProgress({ progress: wantedProgress, onTap, disabled, dr
 };
 
 declare function useForm({ fields: providedFields, injectInFields, ...opts }?: {
-    fields?: any[];
-    injectInFields?: boolean;
+    fields?: never[] | undefined;
+    injectInFields?: boolean | undefined;
 }): {
     fields: any[];
     status: any;
     response: unknown;
-    errors: Record<string, string | string[]>;
+    errors: Record<string, string | string[] | null>;
     generalError: string;
     success: boolean;
     loading: boolean;
     error: boolean;
     value: Record<string, unknown>;
-    setValue: (value: Record<string, unknown>) => void;
-    setErrors: (errors: Record<string, string | string[]>) => void;
+    setValue: (value: Record<string, unknown> | null) => void;
+    setErrors: (errors: Record<string, string | string[] | null> | null) => void;
     setGeneralError: (error: string | null) => void;
     csrfToken: string;
     submit: (submitValue?: Record<string, unknown>) => void;
@@ -66,8 +66,8 @@ declare function useForm({ fields: providedFields, injectInFields, ...opts }?: {
     }) => void;
 };
 
-declare const useFormTransition: (initialPaths?: any, initialStyles?: {}) => {
-    direction: string;
+declare const useFormTransition: (initialPaths?: null, initialStyles?: {}) => {
+    direction: string | null;
     name: {
         enter: string;
         enterActive: string;
@@ -78,12 +78,12 @@ declare const useFormTransition: (initialPaths?: any, initialStyles?: {}) => {
 };
 
 declare const useFullscreen: () => {
-    ref: react.RefObject<any>;
+    ref: react.RefObject<null>;
     toggle: () => void;
     fullscreen: () => void;
     unFullscreen: () => void;
     active: boolean;
-    enabled: any;
+    enabled: true;
 };
 
 interface UseIsVisibleOptions {
@@ -101,16 +101,16 @@ declare const useLoadedFonts: (fonts: any) => {
 };
 
 declare const useLongPress: ({ onLongPress, onLongPressStart, onLongPressEnd, onClick, shouldPreventDefault, shouldStopPropagation, preventClick, delay, }?: {
-    onLongPress?: any;
-    onLongPressStart?: any;
-    onLongPressEnd?: any;
-    onClick?: any;
-    shouldPreventDefault?: boolean;
-    shouldStopPropagation?: boolean;
-    preventClick?: boolean;
-    delay?: number;
+    onLongPress?: null | undefined;
+    onLongPressStart?: null | undefined;
+    onLongPressEnd?: null | undefined;
+    onClick?: null | undefined;
+    shouldPreventDefault?: boolean | undefined;
+    shouldStopPropagation?: boolean | undefined;
+    preventClick?: boolean | undefined;
+    delay?: number | undefined;
 }) => {
-    bind: (props?: any) => {
+    bind: (props?: null) => {
         onMouseDown: (e: any) => void;
         onTouchStart: (e: any) => void;
         onMouseUp: (e: any) => void;
@@ -128,8 +128,8 @@ declare const useMediaBuffering: (media?: MediaElement | null) => {
 };
 
 declare function useMediaState(media?: MediaElement | null, { playing: wantedPlaying, muted: wantedMuted }?: {
-    playing?: boolean;
-    muted?: boolean;
+    playing?: boolean | undefined;
+    muted?: boolean | undefined;
 }): {
     playing: boolean;
     muted: boolean;
@@ -137,56 +137,56 @@ declare function useMediaState(media?: MediaElement | null, { playing: wantedPla
 };
 
 declare function useMediaCurrentTime(media: MediaElement | null, { id, disabled, updateInterval, onUpdate: customOnUpdate }?: {
-    id?: any;
-    disabled?: boolean;
-    updateInterval?: number;
-    onUpdate?: any;
+    id?: null | undefined;
+    disabled?: boolean | undefined;
+    updateInterval?: number | undefined;
+    onUpdate?: null | undefined;
 }): number;
 
 declare function useMediaDuration(media: MediaElement | null, { id }?: {
-    id?: any;
+    id?: null | undefined;
 }): number;
 
 declare function useMediaLoad(element: any, { preload, shouldLoad }?: {
-    preload?: string;
-    shouldLoad?: boolean;
+    preload?: string | undefined;
+    shouldLoad?: boolean | undefined;
 }): void;
 
-declare function useMediaProgress(media?: any, options?: any): number;
+declare function useMediaProgress(media?: null, options?: null): number;
 
 declare function useMediaReady(media: MediaElement | null, { id }?: {
     id?: string | null;
 }): boolean;
 
 declare function useMediaTimestampOffset(element: any, { attributeName }?: {
-    attributeName?: string;
+    attributeName?: string | undefined;
 }): number;
 
 declare class MediasParser {
     constructor({ fieldsManager, screensManager, fieldsPattern }: {
         fieldsManager: any;
         screensManager: any;
-        fieldsPattern?: {};
+        fieldsPattern?: {} | undefined;
     });
     getParsedStoryTheme(storyId: any, theme: any): any;
     getFieldsPatternByScreen(type: any): any;
     toPath(story: any): any;
-    fromPath(story: any, defaultMedias?: any): any;
-    getFieldsPattern(fields: any, namePrefix?: any): any;
+    fromPath(story: any, defaultMedias?: null): any;
+    getFieldsPattern(fields: any, namePrefix?: null): any;
     static fieldIsMedia({ media }: {
-        media?: boolean;
+        media?: boolean | undefined;
     }): boolean;
     static fieldIsFontFamily({ id }: {
-        id?: any;
+        id?: null | undefined;
     }): boolean;
-    static replacePathsWithMedias(data: any, medias: any, patterns: any, keyPrefix?: any): any;
+    static replacePathsWithMedias(data: any, medias: any, patterns: any, keyPrefix?: null): any;
     static getMediaPath({ id }: {
-        id?: any;
-    }): string;
-    static replaceMediasWithPaths(data: any, patterns: any, medias?: any, keyPrefix?: any): any;
+        id?: null | undefined;
+    }): string | null;
+    static replaceMediasWithPaths(data: any, patterns: any, medias?: null, keyPrefix?: null): any;
     static getMediaPatternsFromData(obj: any): RegExp[];
     static dot(obj: any): any;
-    static keys(obj: any): any[];
+    static keys(obj: any): string[] | number[];
 }
 
 declare const useMediasParser: () => {
@@ -196,9 +196,9 @@ declare const useMediasParser: () => {
 };
 
 declare function useMediaWaveform(media: any, { fake, reduceBufferFactor }?: {
-    fake?: boolean;
-    reduceBufferFactor?: number;
-}): any;
+    fake?: boolean | undefined;
+    reduceBufferFactor?: number | undefined;
+}): null;
 
 declare function useDimensionObserver(opts?: {}): {
     entry: ResizeObserverEntry;
@@ -208,11 +208,11 @@ declare function useDimensionObserver(opts?: {}): {
 };
 
 declare const useParsedStory: (story: any, { disabled, withTheme, withMedias, withFonts, withMigrations, }?: {
-    disabled?: boolean;
-    withTheme?: boolean;
-    withMedias?: boolean;
-    withFonts?: boolean;
-    withMigrations?: boolean;
+    disabled?: boolean | undefined;
+    withTheme?: boolean | undefined;
+    withMedias?: boolean | undefined;
+    withFonts?: boolean | undefined;
+    withMigrations?: boolean | undefined;
 }) => any;
 
 declare function usePlaceholderStyle(selector: string, placeholderStyle: {
@@ -225,36 +225,36 @@ declare function usePlaceholderStyle(selector: string, placeholderStyle: {
 }): string | null;
 
 declare function useProgressSteps({ disabled, currentTime, duration, onStep, steps, }: {
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     currentTime: any;
     duration: any;
-    onStep?: any;
-    steps?: number[];
+    onStep?: null | undefined;
+    steps?: number[] | undefined;
 }): void;
 
 declare const useDevicePixelRatio: () => number;
-declare const useScreenSizeFromElement: (options?: any) => {
+declare const useScreenSizeFromElement: (options?: null) => {
     ref: react.RefObject<HTMLElement>;
     fullWidth: any;
     fullHeight: any;
     screenSize: {
         screen: any;
-        screens: any[];
-        width: any;
-        height: any;
+        screens: never[];
+        width: null;
+        height: null;
         landscape: boolean;
         menuOverScreen: boolean;
         resolution: number;
         imageResolution: number;
     };
-    scale: number;
+    scale: number | null;
     resolution: number;
 };
 declare const useScreenSizeFromWindow: (opts: any) => {
     screen: any;
-    screens: any[];
-    width: any;
-    height: any;
+    screens: never[];
+    width: null;
+    height: null;
     landscape: boolean;
     menuOverScreen: boolean;
     resolution: number;
@@ -266,17 +266,17 @@ declare function useSpringValue(wantedProgress: any, immediate: any, params: any
 declare function useSupportsWebp(defaultValue?: boolean): boolean;
 
 declare const useSwipe: ({ width, items: initialItems, withSpring, swipeWidthThreshold, animateScale, disabled, lockAxis, onSwipeStart, onSwipeEnd, onSwipeCancel, onTap, }?: {
-    width?: any;
-    items?: any;
-    withSpring?: boolean;
-    swipeWidthThreshold?: number;
-    animateScale?: boolean;
-    disabled?: boolean;
-    lockAxis?: boolean;
-    onSwipeStart?: any;
-    onSwipeEnd?: any;
-    onSwipeCancel?: any;
-    onTap?: any;
+    width?: null | undefined;
+    items?: null | undefined;
+    withSpring?: boolean | undefined;
+    swipeWidthThreshold?: number | undefined;
+    animateScale?: boolean | undefined;
+    disabled?: boolean | undefined;
+    lockAxis?: boolean | undefined;
+    onSwipeStart?: null | undefined;
+    onSwipeEnd?: null | undefined;
+    onSwipeCancel?: null | undefined;
+    onTap?: null | undefined;
 }) => {
     items: {
         x: _react_spring_core.SpringValue<number>;
@@ -290,11 +290,11 @@ declare const useSwipe: ({ width, items: initialItems, withSpring, swipeWidthThr
 
 declare const useThemeParser: () => (story: any) => any;
 
-declare const useTrackScreenView: () => (screen?: any, index?: any) => void;
-declare const useTrackScreenEvent: (type?: any) => (action?: any, label?: any, opts?: any) => void;
-declare const useTrackScreenMedia: (type?: string | null) => (media?: any, action?: any, opts?: any) => void;
-declare const useTrackEvent: () => (category?: any, action?: any, label?: any, opts?: any) => void;
-declare const useTrackMedia: (type?: any) => (media?: any, action?: any, opts?: any) => void;
+declare const useTrackScreenView: () => (screen?: null, index?: null) => void;
+declare const useTrackScreenEvent: (type?: null) => (action?: null, label?: null, opts?: null) => void;
+declare const useTrackScreenMedia: (type?: string | null) => (media?: null, action?: null, opts?: null) => void;
+declare const useTrackEvent: () => (category?: null, action?: null, label?: null, opts?: null) => void;
+declare const useTrackMedia: (type?: null) => (media?: null, action?: null, opts?: null) => void;
 
 declare const useWindowEvent: (event: any, callback: any, enabled?: boolean) => void;
 

package/es/index.d.ts

@@ -10,15 +10,16 @@ declare class ColorsParser {
         screensManager: any;
     });
     parse(story: any): any;
-    getColorFieldPatterns(fields: any, namePrefix?: any): any;
+    getColorFieldPatterns(fields: any, namePrefix?: null): any;
     static fieldIsColor({ id }: {
-        id?: any;
+        id?: null | undefined;
     }): boolean;
-    static getColorsFromPath(data: any, patterns: any, colors?: any, keyPrefix?: any): any;
+    static getColorsFromPath(data: any, patterns: any, colors?: null, keyPrefix?: null): any;
 }
 
-type Text = MessageDescriptor | ReactNode;
-type Label = MessageDescriptor | ReactNode;
+type Message = MessageDescriptor;
+type Text = Message | ReactNode;
+type Label = Message | ReactNode;
 type Target = '_blank' | '_self' | '_parent';
 
 type MediaElement = HTMLVideoElement | HTMLAudioElement | HTMLMediaElement;
@@ -39,7 +40,7 @@ interface MediaFile {
 }
 interface Media {
     id?: string;
-    type: string;
+    type?: string;
     url: string;
     thumbnail_url?: string;
     name?: string;
@@ -48,17 +49,17 @@ interface Media {
 }
 type MediaType = 'image' | 'video' | 'audio' | 'closed-captions' | 'font';
 interface ImageMedia extends Omit<Media, 'type' | 'metadata'> {
-    type?: 'image' | 'video';
+    type: 'image' | 'video';
     metadata?: MediaMetadata & {
         width?: number;
         height?: number;
     };
 }
 interface FontMedia extends Omit<Media, 'type'> {
-    type?: 'font';
+    type: 'font';
 }
 interface VideoMedia extends Omit<Media, 'type' | 'metadata'> {
-    type?: 'video';
+    type: 'video';
     metadata?: MediaMetadata & {
         width?: number;
         height?: number;
@@ -66,13 +67,13 @@ interface VideoMedia extends Omit<Media, 'type' | 'metadata'> {
     };
 }
 interface AudioMedia extends Omit<Media, 'type' | 'metadata'> {
-    type?: 'audio';
+    type: 'audio';
     metadata?: MediaMetadata & {
         duration?: number;
     };
 }
 interface ClosedCaptionsMedia extends Omit<Media, 'type'> {
-    type?: 'closed-captions';
+    type: 'closed-captions';
 }
 
 type Errors = string | string[];
@@ -83,10 +84,6 @@ type SelectOption = string | {
     value: unknown;
     label?: Label;
 };
-interface FormField {
-    name?: string;
-    component?: Component;
-}
 interface Definition {
     id: string;
     component?: Component;
@@ -96,7 +93,10 @@ interface Field {
     type: string;
     label?: Text;
     isSection?: boolean;
+    component?: Component;
+    defaultValue?: (() => unknown) | unknown;
     fields?: Field[];
+    [key: string]: unknown;
 }
 interface ScreenDefinition extends Definition {
     type: 'screen';
@@ -150,7 +150,7 @@ interface Button {
 }
 type BootstrapTheme = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
 type ButtonTheme = BootstrapTheme | 'outline-primary' | 'outline-secondary' | 'outline-success' | 'outline-danger' | 'outline-warning' | 'outline-info' | 'outline-light' | 'outline-dark' | 'outline-link' | null;
-type ButtonSize = 'lg' | 'sm' | null;
+type ButtonSize = 'lg' | 'sm' | 'xs' | null;
 type FormControlSize = 'lg' | 'sm' | null;
 type DropdownAlign = 'start' | 'end';
 type ButtonLayout = 'label-bottom' | 'label-top' | 'no-label' | 'label-over' | 'label-left' | 'label-right';
@@ -205,6 +205,14 @@ interface FontStyle {
     underline?: boolean;
     upperCase?: boolean;
 }
+interface HighlightStyle {
+    color?: Color;
+    textColor?: Color;
+}
+interface LinkStyle {
+    color?: Color;
+    fontStyle?: FontStyle;
+}
 interface TextStyle {
     fontFamily?: Font;
     fontSize?: number;
@@ -213,6 +221,8 @@ interface TextStyle {
     color?: Color;
     letterSpacing?: number;
     lineHeight?: number;
+    link?: LinkStyle;
+    highlight?: HighlightStyle;
 }
 type BorderType = 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | 'hidden';
 interface ShadowType {
@@ -238,6 +248,12 @@ interface Margin {
     top?: number;
     bottom?: number;
 }
+interface Padding {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+}
 interface GridLayoutItem {
     rows?: number | number[];
     columns?: number | number[];
@@ -483,9 +499,9 @@ declare class ComponentsManager extends EventEmitter {
     constructor(components?: {});
     addComponent(name: string, component: ComponentType, namespace?: string | null): this;
     addComponents(components: ComponentsMap, namespace?: string | null): this;
-    merge(manager: ComponentsManager, namespace?: any): this;
+    merge(manager: ComponentsManager, namespace?: null): this;
     addNamespace(namespace: string | null): this;
-    getComponent(name: string, namespace?: string | null): react.ElementType;
+    getComponent(name: string, namespace?: string | null): react.ElementType | null;
     getComponents(namespace?: string | null): ComponentsMap;
     hasComponent(name: string, namespace?: string | null): boolean;
 }
@@ -498,10 +514,10 @@ declare class DefinitionsManager<T extends Definition = Definition> extends Even
     addDefinitions(definitions: T[]): this;
     merge(manager: DefinitionsManager<T>): this;
     filter(filter: (definition: T) => boolean): DefinitionsManager<T>;
-    getDefinition(id: string): T;
+    getDefinition(id: string): T | null;
     getDefinitions(): T[];
     hasDefinition(id: string): boolean;
-    getComponent(id: string): Component;
+    getComponent(id: string): Component | null;
     getComponents(): Record<string, Component>;
 }
 
@@ -521,27 +537,27 @@ declare class MediasParser {
     constructor({ fieldsManager, screensManager, fieldsPattern }: {
         fieldsManager: any;
         screensManager: any;
-        fieldsPattern?: {};
+        fieldsPattern?: {} | undefined;
     });
     getParsedStoryTheme(storyId: any, theme: any): any;
     getFieldsPatternByScreen(type: any): any;
     toPath(story: any): any;
-    fromPath(story: any, defaultMedias?: any): any;
-    getFieldsPattern(fields: any, namePrefix?: any): any;
+    fromPath(story: any, defaultMedias?: null): any;
+    getFieldsPattern(fields: any, namePrefix?: null): any;
     static fieldIsMedia({ media }: {
-        media?: boolean;
+        media?: boolean | undefined;
     }): boolean;
     static fieldIsFontFamily({ id }: {
-        id?: any;
+        id?: null | undefined;
     }): boolean;
-    static replacePathsWithMedias(data: any, medias: any, patterns: any, keyPrefix?: any): any;
+    static replacePathsWithMedias(data: any, medias: any, patterns: any, keyPrefix?: null): any;
     static getMediaPath({ id }: {
-        id?: any;
-    }): string;
-    static replaceMediasWithPaths(data: any, patterns: any, medias?: any, keyPrefix?: any): any;
+        id?: null | undefined;
+    }): string | null;
+    static replaceMediasWithPaths(data: any, patterns: any, medias?: null, keyPrefix?: null): any;
     static getMediaPatternsFromData(obj: any): RegExp[];
     static dot(obj: any): any;
-    static keys(obj: any): any[];
+    static keys(obj: any): string[] | number[];
 }
 
 type ScreensFieldsPattern = {
@@ -550,10 +566,10 @@ type ScreensFieldsPattern = {
 };
 declare class ScreensManager extends DefinitionsManager<ScreenDefinition> {
     fieldsPattern: ScreensFieldsPattern | null;
-    constructor(definitions?: any[]);
-    getFields(id: string): Field[];
-    getLayouts(id: string): string[];
-    getFieldsPattern(): ScreensFieldsPattern;
+    constructor(definitions?: never[]);
+    getFields(id: string): Field[] | null;
+    getLayouts(id: string): string[] | null;
+    getFieldsPattern(): ScreensFieldsPattern | null;
     setFieldsPattern(fieldsPattern: ScreensFieldsPattern): void;
     filter(filter: (definition: ScreenDefinition) => boolean): ScreensManager;
     merge(manager: ScreensManager): this;
@@ -566,10 +582,10 @@ declare class StoryParser {
         fieldsPattern: any;
     });
     parse(story: any, { withTheme, withMedias, withFonts, withMigrations }?: {
-        withTheme?: boolean;
-        withMedias?: boolean;
-        withFonts?: boolean;
-        withMigrations?: boolean;
+        withTheme?: boolean | undefined;
+        withMedias?: boolean | undefined;
+        withFonts?: boolean | undefined;
+        withMigrations?: boolean | undefined;
     }): any;
 }
 
@@ -590,26 +606,26 @@ declare class FontsParser {
     constructor({ fieldsManager, screensManager, fieldsPattern }: {
         fieldsManager: any;
         screensManager: any;
-        fieldsPattern?: {};
+        fieldsPattern?: {} | undefined;
     });
     getFieldsPatternByScreen(type: any): any;
     parse(story: any): any;
-    getFieldsPattern(fields: any, namePrefix?: any): any;
+    getFieldsPattern(fields: any, namePrefix?: null): any;
     static fieldIsFontFamily({ id }: {
-        id?: any;
+        id?: null | undefined;
     }): boolean;
     static valueIsFont({ type }: {
-        type?: any;
+        type?: null | undefined;
     }): boolean;
-    static extractFontsWithPaths(data: any, patterns: any, keyPrefix?: any): any;
+    static extractFontsWithPaths(data: any, patterns: any, keyPrefix?: null): any;
 }
 
 declare class Tracking extends Tracking$1 {
     constructor(opts?: {});
     trackScreenView(screen: any, screenIndex: any): void;
-    trackEvent(category?: any, action?: any, label?: any, opts?: any): void;
-    trackMedia(type?: any, media?: any, action?: any, opts?: any): void;
+    trackEvent(category?: null, action?: null, label?: null, opts?: null): void;
+    trackMedia(type?: null, media?: null, action?: null, opts?: null): void;
 }
 
 export { ColorsParser, ComponentsManager, DefinitionsManager, EventsManager, FieldsManager, FontsParser, MediasParser, ScreensManager, StoryParser, ThemeParser, Tracking };
-export type { ActiveForm, AdFormat, AdFormats, Alternatives, Answer, AudioElement, AudioMedia, AuthorElement, BackgroundElement, Badge, BootstrapTheme, BorderStyle, BorderType, BoxStyle, Breadcrumb, Button, ButtonLayout, ButtonSize, ButtonTheme, CallToAction, CallToActionType, ClosedCaptions, ClosedCaptionsElement, ClosedCaptionsMedia, Color, ColorObject, Component, ComponentsMap, Conversation, ConversationMessage, CustomAnswer, CustomFont, Definition, Device, DeviceScreen, DropdownAlign, Errors, Field, FieldDefinition, Font, FontMedia, FontStyle, Footer, FormControlSize, FormErrors, FormField, GeoPosition, GridElement, GridLayout, GridLayoutItem, Header, HeadingElement, ImageElement, ImageElementWithCaption, ImageMedia, InputElement, Interaction, Label, Margin, Marker, MarkerWithImage, Media, MediaElement, MediaFile, MediaMetadata, MediaType, MenuItem, Modal, ObjectFit, ObjectFitSize, Organisation, Panel, QuizAnswer, RenderContext, ScreenComponent, ScreenDefinition, ScreenSize, SearchFilter, SelectOption, ShadowType, ShareIncentive, Speaker, StackAlign, StackDirection, StackElement, StackSpacing, Story, StoryComponent, StoryMetadata, StorySettings, StoryTheme, Target, Text, TextAlign, TextElement, TextStyle, TimingOverrides, TrackingCode, TrackingSettings, TrackingVariables, Transition, TransitionConfig, TransitionEasing, TransitionName, Transitions, User, VideoElement, VideoMedia, ViewerTheme, Visitor, VisualElement };
+export type { ActiveForm, AdFormat, AdFormats, Alternatives, Answer, AudioElement, AudioMedia, AuthorElement, BackgroundElement, Badge, BootstrapTheme, BorderStyle, BorderType, BoxStyle, Breadcrumb, Button, ButtonLayout, ButtonSize, ButtonTheme, CallToAction, CallToActionType, ClosedCaptions, ClosedCaptionsElement, ClosedCaptionsMedia, Color, ColorObject, Component, ComponentsMap, Conversation, ConversationMessage, CustomAnswer, CustomFont, Definition, Device, DeviceScreen, DropdownAlign, Errors, Field, FieldDefinition, Font, FontMedia, FontStyle, Footer, FormControlSize, FormErrors, GeoPosition, GridElement, GridLayout, GridLayoutItem, Header, HeadingElement, HighlightStyle, ImageElement, ImageElementWithCaption, ImageMedia, InputElement, Interaction, Label, LinkStyle, Margin, Marker, MarkerWithImage, Media, MediaElement, MediaFile, MediaMetadata, MediaType, MenuItem, Message, Modal, ObjectFit, ObjectFitSize, Organisation, Padding, Panel, QuizAnswer, RenderContext, ScreenComponent, ScreenDefinition, ScreenSize, SearchFilter, SelectOption, ShadowType, ShareIncentive, Speaker, StackAlign, StackDirection, StackElement, StackSpacing, Story, StoryComponent, StoryMetadata, StorySettings, StoryTheme, Target, Text, TextAlign, TextElement, TextStyle, TimingOverrides, TrackingCode, TrackingSettings, TrackingVariables, Transition, TransitionConfig, TransitionEasing, TransitionName, Transitions, User, VideoElement, VideoMedia, ViewerTheme, Visitor, VisualElement };