newskit 4.3.1 → 5.0.0

package/esm/theme/component-defaults.d.ts

@@ -1,1219 +1,2 @@
-export declare const componentDefaults: {
-    assistiveText: {
-        small: {
-            stylePreset: string;
-            typographyPreset: string;
-            minHeight: string;
-            startEnhancer: {
-                iconSize: string;
-                spaceInline: string;
-            };
-            endEnhancer: {
-                iconSize: string;
-                spaceInline: string;
-            };
-        };
-        medium: {
-            stylePreset: string;
-            typographyPreset: string;
-            minHeight: string;
-            startEnhancer: {
-                iconSize: string;
-                spaceInline: string;
-            };
-            endEnhancer: {
-                iconSize: string;
-                spaceInline: string;
-            };
-        };
-        large: {
-            stylePreset: string;
-            typographyPreset: string;
-            minHeight: string;
-            startEnhancer: {
-                iconSize: string;
-                spaceInline: string;
-            };
-            endEnhancer: {
-                iconSize: string;
-                spaceInline: string;
-            };
-        };
-    };
-    audioPlayer: {
-        seekBar: {
-            slider: {
-                track: {
-                    stylePreset: string;
-                    size: string;
-                };
-                indicator: {
-                    stylePreset: string;
-                };
-                thumb: {
-                    stylePreset: string;
-                    size: string;
-                };
-                thumbLabel: {
-                    stylePreset: string;
-                };
-                labels: {
-                    stylePreset: string;
-                    typographyPreset: string;
-                };
-            };
-            buffering: {
-                stylePreset: string;
-            };
-        };
-        controls: {
-            space: string;
-            previousButton: {
-                stylePreset: string;
-            };
-            replayButton: {
-                stylePreset: string;
-            };
-            playPauseButton: {
-                stylePreset: string;
-            };
-            forwardButton: {
-                stylePreset: string;
-            };
-            nextButton: {
-                stylePreset: string;
-            };
-            popoutButton: {
-                stylePreset: string;
-            };
-        };
-        volumeControl: {
-            slider: {
-                track: {
-                    stylePreset: string;
-                    size: string;
-                };
-                indicator: {
-                    stylePreset: string;
-                };
-                thumb: {
-                    stylePreset: string;
-                    size: string;
-                };
-                thumbLabel: {
-                    stylePreset: string;
-                };
-                labels: {
-                    stylePreset: string;
-                };
-            };
-        };
-    };
-    banner: {
-        horizontal: {
-            stylePreset: string;
-            spaceInset: string;
-            minHeight: string;
-            maxWidth: string;
-            icon: {
-                spaceInline: string;
-            };
-            content: {
-                spaceInline: string;
-                title: {
-                    stylePreset: string;
-                    typographyPreset: string;
-                    spaceStack: string;
-                };
-                message: {
-                    stylePreset: string;
-                    typographyPreset: string;
-                };
-            };
-            actions: {
-                spaceInline: string;
-                closeButton: {
-                    stylePreset: string;
-                };
-            };
-        };
-        vertical: {
-            stylePreset: string;
-            spaceInset: string;
-            minHeight: string;
-            maxWidth: string;
-            icon: {
-                spaceInline: string;
-            };
-            content: {
-                spaceInline: string;
-                title: {
-                    stylePreset: string;
-                    typographyPreset: string;
-                    spaceStack: string;
-                };
-                message: {
-                    stylePreset: string;
-                    typographyPreset: string;
-                };
-            };
-            actions: {
-                spaceInline: string;
-                closeButton: {
-                    stylePreset: string;
-                };
-            };
-        };
-    };
-    button: {
-        small: {
-            typographyPreset: string;
-            stylePreset: string;
-            spaceInset: string;
-            minWidth: string;
-            minHeight: string;
-            iconSize: string;
-            spaceInline: string;
-            loadingIndicator: {
-                stylePreset: string;
-            };
-        };
-        medium: {
-            typographyPreset: string;
-            stylePreset: string;
-            spaceInset: string;
-            minWidth: string;
-            minHeight: string;
-            iconSize: string;
-            spaceInline: string;
-            loadingIndicator: {
-                stylePreset: string;
-            };
-        };
-        large: {
-            typographyPreset: string;
-            stylePreset: string;
-            spaceInset: string;
-            minWidth: string;
-            minHeight: string;
-            iconSize: string;
-            spaceInline: string;
-            loadingIndicator: {
-                stylePreset: string;
-            };
-        };
-    };
-    byline: {
-        stylePreset: string;
-        typographyPreset: string;
-        spaceStack: string;
-        link: {
-            stylePreset: string;
-            typographyPreset: string;
-        };
-        divider: {
-            stylePreset: string;
-            spaceInline: string;
-        };
-    };
-    caption: {
-        typographyPreset: string;
-        stylePreset: string;
-        spaceStack: string;
-        credit: {
-            typographyPreset: string;
-            stylePreset: string;
-        };
-    };
-    captionInset: {
-        typographyPreset: string;
-        stylePreset: string;
-        spaceStack: string;
-        spaceInset: {
-            xs: string;
-            md: string;
-        };
-        credit: {
-            typographyPreset: string;
-            stylePreset: string;
-        };
-    };
-    card: {
-        stylePreset: string;
-        horizontalRatio: string;
-        mediaContainer: {
-            stylePreset: string;
-            spaceInline: {
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-            };
-        };
-        teaserContainer: {
-            stylePreset: string;
-            spaceInset: string;
-        };
-        actionsContainer: {
-            stylePreset: string;
-            minHeight: string;
-            spaceInset: string;
-        };
-        headline: {
-            nonInteractive: {
-                typographyPreset: {
-                    xs: string;
-                    sm: string;
-                    md: string;
-                    lg: string;
-                };
-                heading: {
-                    stylePreset: string;
-                };
-                kicker: {
-                    stylePreset: string;
-                    spaceInline: {
-                        xs: string;
-                        sm: string;
-                        md: string;
-                        lg: string;
-                    };
-                };
-            };
-            interactive: {
-                typographyPreset: {
-                    xs: string;
-                    sm: string;
-                    md: string;
-                    lg: string;
-                };
-                heading: {
-                    stylePreset: string;
-                };
-                kicker: {
-                    stylePreset: string;
-                    spaceInline: {
-                        xs: string;
-                        sm: string;
-                        md: string;
-                        lg: string;
-                    };
-                };
-            };
-        };
-    };
-    cardInset: {
-        stylePreset: string;
-        horizontalRatio: string;
-        mediaContainer: {
-            stylePreset: string;
-            spaceInline: string;
-        };
-        teaserContainer: {
-            stylePreset: string;
-            spaceInset: {
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-            };
-        };
-        actionsContainer: {
-            stylePreset: string;
-            minHeight: string;
-            spaceInset: {
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-            };
-        };
-    };
-    dateTime: {
-        stylePreset: string;
-        typographyPreset: string;
-        prefix: {
-            stylePreset: string;
-            typographyPreset: string;
-        };
-        suffix: {
-            stylePreset: string;
-            typographyPreset: string;
-        };
-    };
-    divider: {
-        stylePreset: string;
-    };
-    drawer: {
-        overlay: {
-            zIndex: number;
-            transitionPreset: string;
-        };
-        panel: {
-            zIndex: number;
-            stylePreset: string;
-            maxSize: string;
-            minSize: string;
-            size: {
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-            };
-            left: {
-                transitionPreset: string[];
-            };
-            right: {
-                transitionPreset: string[];
-            };
-            top: {
-                transitionPreset: string[];
-            };
-            bottom: {
-                transitionPreset: string[];
-            };
-        };
-        header: {
-            spaceInset: string;
-        };
-        content: {
-            spaceInset: string;
-        };
-        closeButton: {
-            stylePreset: string;
-            spaceInset: string;
-        };
-    };
-    flag: {
-        small: {
-            typographyPreset: string;
-            stylePreset: string;
-            spaceInset: string;
-            minHeight: string;
-            iconSize: string;
-            spaceInline: string;
-        };
-        medium: {
-            typographyPreset: string;
-            stylePreset: string;
-            spaceInset: string;
-            minHeight: string;
-            iconSize: string;
-            spaceInline: string;
-        };
-        large: {
-            typographyPreset: string;
-            stylePreset: string;
-            spaceInset: string;
-            minHeight: string;
-            iconSize: string;
-            spaceInline: string;
-        };
-    };
-    grid: {
-        maxWidth: string;
-        columns: number;
-        containerMargin: {
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
-        columnGutters: {
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
-        rowGutters: {
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
-    };
-    headline: {
-        typographyPreset: {
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        heading: {
-            stylePreset: string;
-        };
-        kicker: {
-            stylePreset: string;
-            spaceInline: {
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-            };
-        };
-    };
-    headlineH1: {
-        stylePreset: string;
-        typographyPreset: {
-            xs: string;
-            lg: string;
-            xl: string;
-        };
-    };
-    headlineH2: {
-        stylePreset: string;
-        typographyPreset: {
-            xs: string;
-            md: string;
-        };
-    };
-    headlineH3: {
-        stylePreset: string;
-        typographyPreset: {
-            xs: string;
-            md: string;
-        };
-    };
-    headlineH4: {
-        stylePreset: string;
-        typographyPreset: {
-            xs: string;
-            md: string;
-        };
-    };
-    headlineH5: {
-        stylePreset: string;
-        typographyPreset: string;
-    };
-    headlineH6: {
-        stylePreset: string;
-        typographyPreset: string;
-    };
-    iconButton: {
-        small: {
-            stylePreset: string;
-            spaceInset: string;
-            width: string;
-            height: string;
-            loadingIndicator: {
-                stylePreset: string;
-            };
-        };
-        medium: {
-            stylePreset: string;
-            spaceInset: string;
-            width: string;
-            height: string;
-            loadingIndicator: {
-                stylePreset: string;
-            };
-        };
-        large: {
-            stylePreset: string;
-            spaceInset: string;
-            width: string;
-            height: string;
-            loadingIndicator: {
-                stylePreset: string;
-            };
-        };
-    };
-    icons: {
-        stylePreset: string;
-    };
-    image: {
-        stylePreset: string;
-    };
-    indeterminateProgressIndicator: {
-        stylePreset: string;
-        size: string;
-    };
-    inlineDrawer: {
-        __extends: string;
-        panel: {
-            __extends: string;
-            maxSize: string;
-        };
-    };
-    inlineMessage: {
-        stylePreset: string;
-        spaceInset: string;
-        icon: {
-            spaceInline: string;
-        };
-        content: {
-            title: {
-                spaceStack: string;
-                stylePreset: string;
-                typographyPreset: string;
-            };
-            message: {
-                stylePreset: string;
-                typographyPreset: string;
-            };
-        };
-    };
-    label: {
-        small: {
-            stylePreset: string;
-            typographyPreset: string;
-            spaceStack: string;
-            spaceInline: string;
-        };
-        medium: {
-            stylePreset: string;
-            typographyPreset: string;
-            spaceStack: string;
-            spaceInline: string;
-        };
-        large: {
-            stylePreset: string;
-            typographyPreset: string;
-            spaceStack: string;
-            spaceInline: string;
-        };
-    };
-    link: {
-        stylePreset: string;
-        spaceInline: string;
-        externalIcon: {
-            size: string;
-        };
-    };
-    linkStandalone: {
-        stylePreset: string;
-        typographyPreset: string;
-    };
-    menu: {
-        spaceInline: string;
-    };
-    menuGroup: {
-        spaceInline: string;
-        title: {
-            typographyPreset: string;
-            stylePreset: string;
-            spaceInline: string;
-        };
-    };
-    menuItem: {
-        horizontal: {
-            minHeight: string;
-            stylePreset: string;
-            spaceInline: string;
-            spaceInset: string;
-        };
-        vertical: {
-            minHeight: string;
-            stylePreset: string;
-            spaceInline: string;
-            spaceInset: string;
-        };
-    };
-    modal: {
-        overlay: {
-            zIndex: number;
-            transitionPreset: string;
-        };
-        panel: {
-            zIndex: number;
-            stylePreset: string;
-            transitionPreset: string[];
-            topOffset: string;
-            width: {
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-            };
-            minHeight: string;
-            maxHeight: {
-                xs: string;
-                md: string;
-            };
-        };
-        header: {
-            spaceInset: string;
-        };
-        content: {
-            spaceInset: string;
-        };
-        closeButton: {
-            stylePreset: string;
-            spaceInset: string;
-        };
-    };
-    orderedList: {
-        spaceInline: string;
-        content: {
-            stylePreset: string;
-            typographyPreset: string;
-        };
-        counter: {
-            stylePreset: string;
-            typographyPreset: string;
-            minWidth: string;
-        };
-    };
-    overlay: {
-        stylePreset: string;
-        transitionPreset: string;
-    };
-    paragraph: {
-        stylePreset: string;
-        typographyPreset: string;
-        dropCap: {
-            stylePreset: string;
-            typographyPreset: {
-                xs: string;
-                md: string;
-                lg: string;
-            };
-            space: string;
-        };
-    };
-    scroll: {
-        horizontal: {
-            controls: {
-                button: {
-                    stylePreset: string;
-                    spaceInset: string;
-                };
-                offset: string;
-            };
-            overlays: {
-                stylePreset: string;
-                size: string;
-            };
-        };
-        vertical: {
-            controls: {
-                button: {
-                    stylePreset: string;
-                    spaceInset: string;
-                };
-                offset: string;
-            };
-            overlays: {
-                stylePreset: string;
-                size: string;
-            };
-        };
-    };
-    select: {
-        small: {
-            button: {
-                stylePreset: string;
-                minHeight: string;
-                width: string;
-                spaceInset: string;
-                spaceStack: string;
-                spaceInline: string;
-                typographyPreset: string;
-                iconSize: string;
-                loadingIndicator: {
-                    stylePreset: string;
-                };
-                startEnhancer: {
-                    spaceInline: string;
-                    iconSize: string;
-                };
-                endEnhancer: {
-                    spaceInline: string;
-                    iconSize: string;
-                };
-            };
-            panel: {
-                spaceStack: string;
-                stylePreset: string;
-                maxHeight: string;
-                spaceInset: string;
-            };
-        };
-        medium: {
-            button: {
-                stylePreset: string;
-                minHeight: string;
-                width: string;
-                spaceInset: string;
-                spaceStack: string;
-                spaceInline: string;
-                typographyPreset: string;
-                iconSize: string;
-                loadingIndicator: {
-                    stylePreset: string;
-                };
-                startEnhancer: {
-                    spaceInline: string;
-                    iconSize: string;
-                };
-                endEnhancer: {
-                    spaceInline: string;
-                    iconSize: string;
-                };
-            };
-            panel: {
-                spaceStack: string;
-                stylePreset: string;
-                maxHeight: string;
-                spaceInset: string;
-            };
-        };
-        large: {
-            button: {
-                stylePreset: string;
-                minHeight: string;
-                width: string;
-                spaceInset: string;
-                spaceStack: string;
-                spaceInline: string;
-                typographyPreset: string;
-                iconSize: string;
-                loadingIndicator: {
-                    stylePreset: string;
-                };
-                startEnhancer: {
-                    spaceInline: string;
-                    iconSize: string;
-                };
-                endEnhancer: {
-                    spaceInline: string;
-                    iconSize: string;
-                };
-            };
-            panel: {
-                spaceStack: string;
-                stylePreset: string;
-                maxHeight: string;
-                spaceInset: string;
-            };
-        };
-    };
-    selectOption: {
-        small: {
-            minHeight: string;
-            spaceInline: string;
-            spaceInset: string;
-            stylePreset: string;
-            typographyPreset: string;
-            icon: {
-                stylePreset: string;
-                iconSize: string;
-            };
-        };
-        medium: {
-            minHeight: string;
-            spaceInline: string;
-            spaceInset: string;
-            stylePreset: string;
-            typographyPreset: string;
-            icon: {
-                stylePreset: string;
-                iconSize: string;
-            };
-        };
-        large: {
-            minHeight: string;
-            spaceInline: string;
-            spaceInset: string;
-            stylePreset: string;
-            typographyPreset: string;
-            icon: {
-                stylePreset: string;
-                iconSize: string;
-            };
-        };
-    };
-    shareBar: {
-        label: {
-            stylePreset: string;
-            typographyPreset: string;
-            spaceInline: string;
-        };
-        items: {
-            spaceInline: string;
-        };
-    };
-    slider: {
-        track: {
-            stylePreset: string;
-            size: string;
-        };
-        indicator: {
-            stylePreset: string;
-        };
-        thumb: {
-            stylePreset: string;
-            size: string;
-        };
-        thumbLabel: {
-            stylePreset: string;
-            typographyPreset: string;
-            space: string;
-        };
-        labels: {
-            stylePreset: string;
-            typographyPreset: string;
-            space: string;
-        };
-    };
-    standfirst: {
-        styledText: {
-            stylePreset: string;
-            typographyPreset: {
-                xs: string;
-                lg: string;
-            };
-        };
-    };
-    structuredList: {
-        divider: {
-            stylePreset: string;
-        };
-    };
-    structuredListItem: {
-        stylePreset: string;
-        spaceInset: string;
-        minHeight: string;
-        icon: {
-            size: string;
-            stylePreset: string;
-        };
-    };
-    tab: {
-        small: {
-            stylePreset: string;
-            typographyPreset: string;
-            spaceInset: string;
-            minHeight: string;
-            iconSize: string;
-            spaceInline: string;
-        };
-        medium: {
-            stylePreset: string;
-            typographyPreset: string;
-            spaceInset: string;
-            minHeight: string;
-            iconSize: string;
-            spaceInline: string;
-        };
-        large: {
-            stylePreset: string;
-            typographyPreset: string;
-            spaceInset: string;
-            minHeight: string;
-            iconSize: string;
-            spaceInline: string;
-        };
-    };
-    tabs: {
-        spaceInline: string;
-        selectionIndicator: {
-            track: {
-                stylePreset: string;
-                weight: string;
-            };
-            indicator: {
-                stylePreset: string;
-                weight: string;
-                motionDuration: string;
-                motionTiming: string;
-            };
-        };
-    };
-    tag: {
-        small: {
-            typographyPreset: string;
-            stylePreset: string;
-            spaceInset: string;
-            minHeight: string;
-            iconSize: string;
-            spaceInline: string;
-        };
-        medium: {
-            typographyPreset: string;
-            stylePreset: string;
-            spaceInset: string;
-            minHeight: string;
-            iconSize: string;
-            spaceInline: string;
-        };
-        large: {
-            typographyPreset: string;
-            stylePreset: string;
-            spaceInset: string;
-            minHeight: string;
-            iconSize: string;
-            spaceInline: string;
-        };
-    };
-    textField: {
-        small: {
-            stylePreset: string;
-            spaceInset: string;
-            minHeight: string;
-            width: string;
-            typographyPreset: string;
-            spaceStack: string;
-            startEnhancer: {
-                iconSize: string;
-                spaceInline: string;
-            };
-            endEnhancer: {
-                iconSize: string;
-                spaceInline: string;
-            };
-        };
-        medium: {
-            stylePreset: string;
-            spaceInset: string;
-            minHeight: string;
-            width: string;
-            typographyPreset: string;
-            spaceStack: string;
-            startEnhancer: {
-                iconSize: string;
-                spaceInline: string;
-            };
-            endEnhancer: {
-                iconSize: string;
-                spaceInline: string;
-            };
-        };
-        large: {
-            stylePreset: string;
-            spaceInset: string;
-            minHeight: string;
-            width: string;
-            typographyPreset: string;
-            spaceStack: string;
-            startEnhancer: {
-                iconSize: string;
-                spaceInline: string;
-            };
-            endEnhancer: {
-                iconSize: string;
-                spaceInline: string;
-            };
-        };
-    };
-    textInput: {
-        small: {
-            label: {
-                stylePreset: string;
-                typographyPreset: string;
-                spaceStack: string;
-                spaceInline: string;
-            };
-            input: {
-                stylePreset: string;
-                spaceInset: string;
-                minHeight: string;
-                typographyPreset: string;
-                spaceStack: string;
-                leadingIcon: {
-                    iconOffset: string;
-                    spaceInset: string;
-                };
-                validationIcon: {
-                    iconOffset: string;
-                    spaceInset: string;
-                    iconSize: string;
-                };
-            };
-            assistiveText: {
-                stylePreset: string;
-                typographyPreset: string;
-                minHeight: string;
-            };
-        };
-        medium: {
-            label: {
-                stylePreset: string;
-                typographyPreset: string;
-                spaceStack: string;
-                spaceInline: string;
-            };
-            input: {
-                stylePreset: string;
-                spaceInset: string;
-                minHeight: string;
-                typographyPreset: string;
-                spaceStack: string;
-                leadingIcon: {
-                    iconOffset: string;
-                    spaceInset: string;
-                };
-                validationIcon: {
-                    iconOffset: string;
-                    spaceInset: string;
-                    iconSize: string;
-                };
-            };
-            assistiveText: {
-                stylePreset: string;
-                typographyPreset: string;
-                minHeight: string;
-            };
-        };
-        large: {
-            label: {
-                stylePreset: string;
-                typographyPreset: string;
-                spaceStack: string;
-                spaceInline: string;
-            };
-            input: {
-                stylePreset: string;
-                spaceInset: string;
-                minHeight: string;
-                typographyPreset: string;
-                spaceStack: string;
-                leadingIcon: {
-                    iconOffset: string;
-                    spaceInset: string;
-                };
-                validationIcon: {
-                    iconOffset: string;
-                    spaceInset: string;
-                    iconSize: string;
-                };
-            };
-            assistiveText: {
-                stylePreset: string;
-                typographyPreset: string;
-                minHeight: string;
-            };
-        };
-    };
-    titleBar: {
-        stylePreset: string;
-        spaceInset: {
-            xs: string;
-            lg: string;
-        };
-        heading: {
-            typographyPreset: {
-                xs: string;
-                md: string;
-                lg: string;
-            };
-        };
-    };
-    toast: {
-        stylePreset: string;
-        spaceInset: string;
-        maxWidth: {
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-        };
-        content: {
-            message: {
-                stylePreset: string;
-                typographyPreset: string;
-            };
-            title: {
-                stylePreset: string;
-                typographyPreset: string;
-                spaceStack: string;
-            };
-        };
-        contentAndActions: {
-            spaceInline: string;
-        };
-        divider: {
-            stylePreset: string;
-        };
-        icon: {
-            spaceInline: string;
-        };
-    };
-    unorderedList: {
-        spaceStack: string;
-        content: {
-            stylePreset: string;
-            typographyPreset: string;
-        };
-        marker: {
-            stylePreset: string;
-            spaceInline: string;
-            size: string;
-        };
-    };
-    volumeControl: {
-        slider: {
-            track: {
-                stylePreset: string;
-            };
-            indicator: {
-                stylePreset: string;
-            };
-            thumb: {
-                stylePreset: string;
-            };
-        };
-        button: {
-            stylePreset: string;
-            iconSize: string;
-            size: string;
-        };
-    };
-    checkbox: {
-        small: {
-            spaceStack: string;
-            input: {
-                size: string;
-                stylePreset: string;
-                spaceInline: string;
-            };
-            feedback: {
-                size: string;
-                stylePreset: string;
-            };
-            label: {
-                stylePreset: string;
-                typographyPreset: string;
-            };
-        };
-        medium: {
-            spaceStack: string;
-            input: {
-                size: string;
-                stylePreset: string;
-                spaceInline: string;
-            };
-            feedback: {
-                size: string;
-                stylePreset: string;
-            };
-            label: {
-                stylePreset: string;
-                typographyPreset: string;
-            };
-        };
-        large: {
-            spaceStack: string;
-            input: {
-                size: string;
-                stylePreset: string;
-                spaceInline: string;
-            };
-            feedback: {
-                size: string;
-                stylePreset: string;
-            };
-            label: {
-                stylePreset: string;
-                typographyPreset: string;
-            };
-        };
-    };
-};
+export declare const componentDefaults: {};
 //# sourceMappingURL=component-defaults.d.ts.map