newskit 4.3.1 → 5.0.0

package/esm/theme/component-defaults.js

@@ -1,1220 +1,2 @@
-export var componentDefaults = {
-    assistiveText: {
-        small: {
-            stylePreset: 'assistiveText',
-            typographyPreset: 'utilityBody010',
-            minHeight: 'sizing030',
-            startEnhancer: {
-                iconSize: 'iconSize010',
-                spaceInline: 'space020',
-            },
-            endEnhancer: {
-                iconSize: 'iconSize010',
-                spaceInline: 'space020',
-            },
-        },
-        medium: {
-            stylePreset: 'assistiveText',
-            typographyPreset: 'utilityBody020',
-            minHeight: 'sizing030',
-            startEnhancer: {
-                iconSize: 'iconSize020',
-                spaceInline: 'space020',
-            },
-            endEnhancer: {
-                iconSize: 'iconSize020',
-                spaceInline: 'space020',
-            },
-        },
-        large: {
-            stylePreset: 'assistiveText',
-            typographyPreset: 'utilityBody030',
-            minHeight: 'sizing030',
-            startEnhancer: {
-                iconSize: 'iconSize020',
-                spaceInline: 'space030',
-            },
-            endEnhancer: {
-                iconSize: 'iconSize020',
-                spaceInline: 'space030',
-            },
-        },
-    },
-    audioPlayer: {
-        seekBar: {
-            slider: {
-                track: {
-                    stylePreset: 'audioPlayerSeekBarTrack',
-                    size: 'sizing020',
-                },
-                indicator: {
-                    stylePreset: 'audioPlayerSeekBarIndicator',
-                },
-                thumb: {
-                    stylePreset: 'audioPlayerThumb',
-                    size: 'sizing040',
-                },
-                thumbLabel: {
-                    stylePreset: 'audioPlayerLabels',
-                },
-                labels: {
-                    stylePreset: 'audioPlayerLabels',
-                    typographyPreset: 'utilityLabel020',
-                },
-            },
-            buffering: {
-                stylePreset: 'audioPlayerSeekBarBuffering',
-            },
-        },
-        controls: {
-            space: 'space030',
-            previousButton: {
-                stylePreset: 'iconButtonMinimalPrimary',
-            },
-            replayButton: {
-                stylePreset: 'iconButtonMinimalPrimary',
-            },
-            playPauseButton: {
-                stylePreset: 'iconButtonSolidPrimary',
-            },
-            forwardButton: {
-                stylePreset: 'iconButtonMinimalPrimary',
-            },
-            nextButton: {
-                stylePreset: 'iconButtonMinimalPrimary',
-            },
-            popoutButton: {
-                stylePreset: 'iconButtonMinimalPrimary',
-            },
-        },
-        volumeControl: {
-            slider: {
-                track: {
-                    stylePreset: 'volumeControlTrack',
-                    size: 'sizing010',
-                },
-                indicator: {
-                    stylePreset: 'volumeControlIndicator',
-                },
-                thumb: {
-                    stylePreset: 'audioPlayerThumb',
-                    size: 'sizing040',
-                },
-                thumbLabel: {
-                    stylePreset: 'volumeControlLabels',
-                },
-                labels: {
-                    stylePreset: 'iconButtonMinimalPrimary',
-                },
-            },
-        },
-    },
-    banner: {
-        horizontal: {
-            stylePreset: 'bannerInformative',
-            spaceInset: 'spaceInset045',
-            minHeight: 'sizing090',
-            maxWidth: '1920px',
-            icon: {
-                spaceInline: 'space030',
-            },
-            content: {
-                spaceInline: 'space030',
-                title: {
-                    stylePreset: 'inkInverse',
-                    typographyPreset: 'utilityHeading010',
-                    spaceStack: 'space030',
-                },
-                message: {
-                    stylePreset: 'inkInverse',
-                    typographyPreset: 'utilityBody020',
-                },
-            },
-            actions: {
-                spaceInline: 'space040',
-                closeButton: {
-                    stylePreset: 'iconButtonMinimalInverse',
-                },
-            },
-        },
-        vertical: {
-            stylePreset: 'bannerInformative',
-            spaceInset: 'spaceInset045',
-            minHeight: 'sizing090',
-            maxWidth: '1920px',
-            icon: {
-                spaceInline: 'space030',
-            },
-            content: {
-                spaceInline: 'space050',
-                title: {
-                    stylePreset: 'inkInverse',
-                    typographyPreset: 'utilityHeading010',
-                    spaceStack: 'space030',
-                },
-                message: {
-                    stylePreset: 'inkInverse',
-                    typographyPreset: 'utilityBody020',
-                },
-            },
-            actions: {
-                spaceInline: 'space050',
-                closeButton: {
-                    stylePreset: 'buttonOutlinedInverse',
-                },
-            },
-        },
-    },
-    button: {
-        small: {
-            typographyPreset: 'utilityButton010',
-            stylePreset: 'buttonSolidPrimary',
-            spaceInset: 'spaceInsetSquish020',
-            minWidth: 'sizing090',
-            minHeight: 'sizing060',
-            iconSize: 'iconSize010',
-            spaceInline: 'space020',
-            loadingIndicator: {
-                stylePreset: 'indeterminateProgressIndicatorPrimary',
-            },
-        },
-        medium: {
-            typographyPreset: 'utilityButton020',
-            stylePreset: 'buttonSolidPrimary',
-            spaceInset: 'spaceInsetSquish030',
-            minWidth: 'sizing100',
-            minHeight: 'sizing080',
-            iconSize: 'iconSize020',
-            spaceInline: 'space020',
-            loadingIndicator: {
-                stylePreset: 'indeterminateProgressIndicatorPrimary',
-            },
-        },
-        large: {
-            typographyPreset: 'utilityButton030',
-            stylePreset: 'buttonSolidPrimary',
-            spaceInset: 'spaceInsetSquish040',
-            minWidth: 'sizing110',
-            minHeight: 'sizing090',
-            iconSize: 'iconSize030',
-            spaceInline: 'space020',
-            loadingIndicator: {
-                stylePreset: 'indeterminateProgressIndicatorPrimary',
-            },
-        },
-    },
-    byline: {
-        stylePreset: 'inkSubtle',
-        typographyPreset: 'utilityMeta020',
-        spaceStack: 'space020',
-        link: {
-            stylePreset: 'linkInline',
-            typographyPreset: 'utilityMeta020',
-        },
-        divider: {
-            stylePreset: 'inkNonEssential',
-            spaceInline: 'space020',
-        },
-    },
-    caption: {
-        typographyPreset: 'editorialCaption010',
-        stylePreset: 'inkBase',
-        spaceStack: 'space040',
-        credit: {
-            typographyPreset: 'utilityMeta010',
-            stylePreset: 'uppercaseInkSubtle',
-        },
-    },
-    captionInset: {
-        typographyPreset: 'editorialCaption010',
-        stylePreset: 'inkBase',
-        spaceStack: 'space040',
-        spaceInset: {
-            xs: 'spaceInset040',
-            md: 'spaceInset050',
-        },
-        credit: {
-            typographyPreset: 'utilityMeta010',
-            stylePreset: 'uppercaseInkSubtle',
-        },
-    },
-    card: {
-        stylePreset: 'cardContainer',
-        horizontalRatio: '1:1',
-        mediaContainer: {
-            stylePreset: 'cardContainerMedia',
-            spaceInline: {
-                xs: 'space040',
-                sm: 'space040',
-                md: 'space050',
-                lg: 'space050',
-            },
-        },
-        teaserContainer: {
-            stylePreset: 'cardContainerTeaser',
-            spaceInset: 'spaceInsetSquish000',
-        },
-        actionsContainer: {
-            stylePreset: 'cardContainerActions',
-            minHeight: 'sizing080',
-            spaceInset: 'spaceInsetSquish000',
-        },
-        headline: {
-            nonInteractive: {
-                typographyPreset: {
-                    xs: 'editorialHeadline020',
-                    sm: 'editorialHeadline020',
-                    md: 'editorialHeadline030',
-                    lg: 'editorialHeadline050',
-                },
-                heading: {
-                    stylePreset: 'inkContrast',
-                },
-                kicker: {
-                    stylePreset: 'uppercaseInkBrand010',
-                    spaceInline: {
-                        xs: 'space020',
-                        sm: 'space020',
-                        md: 'space030',
-                        lg: 'space030',
-                    },
-                },
-            },
-            interactive: {
-                typographyPreset: {
-                    xs: 'editorialHeadline020',
-                    sm: 'editorialHeadline020',
-                    md: 'editorialHeadline030',
-                    lg: 'editorialHeadline050',
-                },
-                heading: {
-                    stylePreset: 'headlineHeadingInteractive',
-                },
-                kicker: {
-                    stylePreset: 'headlineKickerInteractive',
-                    spaceInline: {
-                        xs: 'space020',
-                        sm: 'space020',
-                        md: 'space030',
-                        lg: 'space030',
-                    },
-                },
-            },
-        },
-    },
-    cardInset: {
-        stylePreset: 'cardContainer',
-        horizontalRatio: '1:1',
-        mediaContainer: {
-            stylePreset: 'cardContainerMedia',
-            spaceInline: 'space000',
-        },
-        teaserContainer: {
-            stylePreset: 'cardContainerTeaser',
-            spaceInset: {
-                xs: 'spaceInset040',
-                sm: 'spaceInset040',
-                md: 'spaceInset050',
-                lg: 'spaceInset050',
-            },
-        },
-        actionsContainer: {
-            stylePreset: 'cardContainerActions',
-            minHeight: 'sizing000',
-            spaceInset: {
-                xs: 'spaceInsetSquish030',
-                sm: 'spaceInsetSquish030',
-                md: 'spaceInsetSquish040',
-                lg: 'spaceInsetSquish040',
-            },
-        },
-    },
-    dateTime: {
-        stylePreset: 'inkSubtle',
-        typographyPreset: 'utilityMeta020',
-        prefix: {
-            stylePreset: 'inkSubtle',
-            typographyPreset: 'utilityMeta020',
-        },
-        suffix: {
-            stylePreset: 'inkSubtle',
-            typographyPreset: 'utilityMeta020',
-        },
-    },
-    divider: {
-        stylePreset: 'divider',
-    },
-    drawer: {
-        overlay: {
-            zIndex: 70,
-            transitionPreset: 'fade',
-        },
-        panel: {
-            zIndex: 80,
-            stylePreset: 'drawerPanel',
-            maxSize: '100%',
-            minSize: '20px',
-            size: {
-                xs: '305px',
-                sm: '309px',
-                md: '310px',
-                lg: '333px',
-                xl: '354px',
-            },
-            left: {
-                transitionPreset: ['fade', 'slideLeft'],
-            },
-            right: {
-                transitionPreset: ['fade', 'slideRight'],
-            },
-            top: {
-                transitionPreset: ['fade', 'slideTop'],
-            },
-            bottom: {
-                transitionPreset: ['fade', 'slideBottom'],
-            },
-        },
-        header: {
-            spaceInset: 'spaceInsetSquish040',
-        },
-        content: {
-            spaceInset: 'spaceInset050',
-        },
-        closeButton: {
-            stylePreset: 'iconButtonMinimalSecondary',
-            spaceInset: 'spaceInset020',
-        },
-    },
-    flag: {
-        small: {
-            typographyPreset: 'utilityLabel010',
-            stylePreset: 'flagSolidPrimary',
-            spaceInset: 'spaceInsetSquish010',
-            minHeight: 'sizing050',
-            iconSize: 'iconSize010',
-            spaceInline: 'space010',
-        },
-        medium: {
-            typographyPreset: 'utilityLabel020',
-            stylePreset: 'flagSolidPrimary',
-            spaceInset: 'spaceInsetSquish020',
-            minHeight: 'sizing060',
-            iconSize: 'iconSize010',
-            spaceInline: 'space010',
-        },
-        large: {
-            typographyPreset: 'utilityLabel030',
-            stylePreset: 'flagSolidPrimary',
-            spaceInset: 'spaceInsetSquish020',
-            minHeight: 'sizing070',
-            iconSize: 'iconSize010',
-            spaceInline: 'space010',
-        },
-    },
-    grid: {
-        maxWidth: '1920px',
-        columns: 12,
-        containerMargin: {
-            xs: 'space040',
-            sm: 'space040',
-            md: 'space040',
-            lg: 'space050',
-            xl: 'space050',
-        },
-        columnGutters: {
-            xs: 'space040',
-            sm: 'space040',
-            md: 'space040',
-            lg: 'space050',
-            xl: 'space050',
-        },
-        rowGutters: {
-            xs: 'space040',
-            sm: 'space040',
-            md: 'space040',
-            lg: 'space050',
-            xl: 'space050',
-        },
-    },
-    headline: {
-        typographyPreset: {
-            xs: 'editorialHeadline060',
-            sm: 'editorialHeadline060',
-            md: 'editorialHeadline070',
-            lg: 'editorialHeadline080',
-        },
-        heading: {
-            stylePreset: 'inkContrast',
-        },
-        kicker: {
-            stylePreset: 'uppercaseInkBrand010',
-            spaceInline: {
-                xs: 'space030',
-                sm: 'space030',
-                md: 'space040',
-                lg: 'space040',
-            },
-        },
-    },
-    headlineH1: {
-        stylePreset: 'inkContrast',
-        typographyPreset: {
-            xs: 'editorialHeadline050',
-            lg: 'editorialHeadline070',
-            xl: 'editorialHeadline080',
-        },
-    },
-    headlineH2: {
-        stylePreset: 'inkContrast',
-        typographyPreset: {
-            xs: 'editorialHeadline030',
-            md: 'editorialHeadline040',
-        },
-    },
-    headlineH3: {
-        stylePreset: 'inkContrast',
-        typographyPreset: {
-            xs: 'editorialHeadline020',
-            md: 'editorialHeadline030',
-        },
-    },
-    headlineH4: {
-        stylePreset: 'inkContrast',
-        typographyPreset: {
-            xs: 'editorialHeadline010',
-            md: 'editorialHeadline020',
-        },
-    },
-    headlineH5: {
-        stylePreset: 'inkContrast',
-        typographyPreset: 'editorialSubheadline020',
-    },
-    headlineH6: {
-        stylePreset: 'inkContrast',
-        typographyPreset: 'editorialSubheadline010',
-    },
-    iconButton: {
-        small: {
-            stylePreset: 'iconButtonSolidPrimary',
-            spaceInset: 'spaceInset020',
-            width: 'sizing060',
-            height: 'sizing060',
-            loadingIndicator: {
-                stylePreset: 'indeterminateProgressIndicatorPrimary',
-            },
-        },
-        medium: {
-            stylePreset: 'iconButtonSolidPrimary',
-            spaceInset: 'spaceInset030',
-            width: 'sizing080',
-            height: 'sizing080',
-            loadingIndicator: {
-                stylePreset: 'indeterminateProgressIndicatorPrimary',
-            },
-        },
-        large: {
-            stylePreset: 'iconButtonSolidPrimary',
-            spaceInset: 'spaceInset040',
-            width: 'sizing090',
-            height: 'sizing090',
-            loadingIndicator: {
-                stylePreset: 'indeterminateProgressIndicatorPrimary',
-            },
-        },
-    },
-    icons: {
-        stylePreset: 'iconDefault',
-    },
-    image: {
-        stylePreset: 'imageSharp',
-    },
-    indeterminateProgressIndicator: {
-        stylePreset: 'iconDefault',
-        size: 'iconSize020',
-    },
-    inlineDrawer: {
-        __extends: '{{componentDefaults.drawer}}',
-        panel: {
-            __extends: '{{componentDefaults.drawer.panel}}',
-            maxSize: 'auto',
-        },
-    },
-    inlineMessage: {
-        stylePreset: 'inlineMessageInformative',
-        spaceInset: 'spaceInset030',
-        icon: {
-            spaceInline: 'space030',
-        },
-        content: {
-            title: {
-                spaceStack: 'space030',
-                stylePreset: 'inkContrast',
-                typographyPreset: 'utilityHeading010',
-            },
-            message: {
-                stylePreset: 'inkBase',
-                typographyPreset: 'utilityBody020',
-            },
-        },
-    },
-    label: {
-        small: {
-            stylePreset: 'label',
-            typographyPreset: 'utilityLabel010',
-            spaceStack: 'space040',
-            spaceInline: 'space010',
-        },
-        medium: {
-            stylePreset: 'label',
-            typographyPreset: 'utilityLabel020',
-            spaceStack: 'space040',
-            spaceInline: 'space010',
-        },
-        large: {
-            stylePreset: 'label',
-            typographyPreset: 'utilityLabel030',
-            spaceStack: 'space040',
-            spaceInline: 'space010',
-        },
-    },
-    link: {
-        stylePreset: 'linkInline',
-        spaceInline: 'space010',
-        externalIcon: {
-            size: 'iconSize010',
-        },
-    },
-    linkStandalone: {
-        stylePreset: 'linkStandalone',
-        typographyPreset: 'utilityLabel020',
-    },
-    menu: {
-        spaceInline: 'space020',
-    },
-    menuGroup: {
-        spaceInline: 'space050',
-        title: {
-            typographyPreset: 'utilityHeading030',
-            stylePreset: 'inkSubtle',
-            spaceInline: 'space050',
-        },
-    },
-    menuItem: {
-        horizontal: {
-            minHeight: 'sizing080',
-            stylePreset: 'menuItemHorizontal',
-            spaceInline: 'space020',
-            spaceInset: 'spaceInsetSquish030',
-        },
-        vertical: {
-            minHeight: 'sizing080',
-            stylePreset: 'menuItemVertical',
-            spaceInline: 'space020',
-            spaceInset: 'spaceInsetSquish030',
-        },
-    },
-    modal: {
-        overlay: {
-            zIndex: 70,
-            transitionPreset: 'fade',
-        },
-        panel: {
-            zIndex: 80,
-            stylePreset: 'modalPanel',
-            // transitionPreset: ['fade', 'moveUp', 'grow'], // uncomment this line when working on PPDSC-1809
-            transitionPreset: ['fade'],
-            topOffset: '20vh',
-            width: {
-                xs: '90vw',
-                sm: '60vw',
-                md: '45vw',
-                lg: '38vw',
-                xl: '31vw',
-            },
-            minHeight: '15vh',
-            maxHeight: {
-                xs: '95vh',
-                md: '80vh',
-            },
-        },
-        header: {
-            spaceInset: 'spaceInsetSquish040',
-        },
-        content: {
-            spaceInset: 'spaceInset050',
-        },
-        closeButton: {
-            stylePreset: 'iconButtonMinimalSecondary',
-            spaceInset: 'spaceInset020',
-        },
-    },
-    orderedList: {
-        spaceInline: 'space040',
-        content: {
-            stylePreset: 'inkBase',
-            typographyPreset: 'editorialParagraph010',
-        },
-        counter: {
-            stylePreset: 'inkBase',
-            typographyPreset: 'editorialParagraph010',
-            minWidth: 'sizing050',
-        },
-    },
-    overlay: {
-        stylePreset: 'overlay',
-        transitionPreset: 'fade',
-    },
-    paragraph: {
-        stylePreset: 'inkBase',
-        typographyPreset: 'editorialParagraph020',
-        dropCap: {
-            stylePreset: 'inkContrast',
-            typographyPreset: {
-                xs: 'editorialDropCap010',
-                md: 'editorialDropCap020',
-                lg: 'editorialDropCap030',
-            },
-            space: 'space010',
-        },
-    },
-    scroll: {
-        horizontal: {
-            controls: {
-                button: {
-                    stylePreset: 'iconButtonSolidPrimary',
-                    spaceInset: 'spaceInset000',
-                },
-                offset: 'space040',
-            },
-            overlays: {
-                stylePreset: 'scrollOverlaysHorizontal',
-                size: 'sizing090',
-            },
-        },
-        vertical: {
-            controls: {
-                button: {
-                    stylePreset: 'iconButtonSolidPrimary',
-                    spaceInset: 'spaceInset000',
-                },
-                offset: 'space040',
-            },
-            overlays: {
-                stylePreset: 'scrollOverlaysVertical',
-                size: 'sizing090',
-            },
-        },
-    },
-    select: {
-        small: {
-            button: {
-                stylePreset: 'inputField',
-                minHeight: 'sizing060',
-                width: '100%',
-                spaceInset: 'spaceInset020',
-                spaceStack: 'space020',
-                spaceInline: 'space020',
-                typographyPreset: 'utilityBody020',
-                iconSize: 'iconSize020',
-                loadingIndicator: {
-                    stylePreset: 'indeterminateProgressIndicatorPrimary',
-                },
-                startEnhancer: {
-                    spaceInline: 'space020',
-                    iconSize: 'iconSize020',
-                },
-                endEnhancer: {
-                    spaceInline: 'space020',
-                    iconSize: 'iconSize020',
-                },
-            },
-            panel: {
-                spaceStack: 'space010',
-                stylePreset: 'selectPanel',
-                maxHeight: '184px',
-                spaceInset: 'spaceInset020',
-            },
-        },
-        medium: {
-            button: {
-                stylePreset: 'inputField',
-                minHeight: 'sizing080',
-                width: '100%',
-                spaceInset: 'spaceInset020',
-                spaceStack: 'space020',
-                spaceInline: 'space020',
-                typographyPreset: 'utilityBody020',
-                iconSize: 'iconSize020',
-                loadingIndicator: {
-                    stylePreset: 'indeterminateProgressIndicatorPrimary',
-                },
-                startEnhancer: {
-                    spaceInline: 'space020',
-                    iconSize: 'iconSize020',
-                },
-                endEnhancer: {
-                    spaceInline: 'space020',
-                    iconSize: 'iconSize020',
-                },
-            },
-            panel: {
-                spaceStack: 'space010',
-                stylePreset: 'selectPanel',
-                maxHeight: '272px',
-                spaceInset: 'spaceInset020',
-            },
-        },
-        large: {
-            button: {
-                stylePreset: 'inputField',
-                minHeight: 'sizing090',
-                width: '100%',
-                spaceInset: 'spaceInset030',
-                spaceStack: 'space020',
-                spaceInline: 'space020',
-                typographyPreset: 'utilityBody030',
-                iconSize: 'iconSize020',
-                loadingIndicator: {
-                    stylePreset: 'indeterminateProgressIndicatorPrimary',
-                },
-                startEnhancer: {
-                    spaceInline: 'space020',
-                    iconSize: 'iconSize020',
-                },
-                endEnhancer: {
-                    spaceInline: 'space020',
-                    iconSize: 'iconSize020',
-                },
-            },
-            panel: {
-                spaceStack: 'space010',
-                stylePreset: 'selectPanel',
-                maxHeight: '360px',
-                spaceInset: 'spaceInset020',
-            },
-        },
-    },
-    selectOption: {
-        small: {
-            minHeight: 'sizing060',
-            spaceInline: 'space020',
-            spaceInset: 'spaceInsetSquish010',
-            stylePreset: 'selectOptionItem',
-            typographyPreset: 'utilityBody020',
-            icon: {
-                stylePreset: 'selectOptionItemIcon',
-                iconSize: 'iconSize020',
-            },
-        },
-        medium: {
-            minHeight: 'sizing080',
-            spaceInline: 'space020',
-            spaceInset: 'spaceInset020',
-            stylePreset: 'selectOptionItem',
-            typographyPreset: 'utilityBody020',
-            icon: {
-                stylePreset: 'selectOptionItemIcon',
-                iconSize: 'iconSize020',
-            },
-        },
-        large: {
-            minHeight: 'sizing090',
-            spaceInline: 'space020',
-            spaceInset: 'spaceInsetStretch030',
-            stylePreset: 'selectOptionItem',
-            typographyPreset: 'utilityBody030',
-            icon: {
-                stylePreset: 'selectOptionItemIcon',
-                iconSize: 'iconSize020',
-            },
-        },
-    },
-    shareBar: {
-        label: {
-            stylePreset: 'shareBarLabel',
-            typographyPreset: 'utilityLabel020',
-            spaceInline: 'space040',
-        },
-        items: {
-            spaceInline: 'space020',
-        },
-    },
-    slider: {
-        track: {
-            stylePreset: 'sliderTrack',
-            size: 'sizing030',
-        },
-        indicator: {
-            stylePreset: 'sliderIndicator',
-        },
-        thumb: {
-            stylePreset: 'sliderThumb',
-            size: 'sizing060',
-        },
-        thumbLabel: {
-            stylePreset: 'sliderThumbLabel',
-            typographyPreset: 'utilityLabel030',
-            space: 'space060',
-        },
-        labels: {
-            stylePreset: 'sliderLabels',
-            typographyPreset: 'utilityLabel020',
-            space: 'space030',
-        },
-    },
-    standfirst: {
-        styledText: {
-            stylePreset: 'inkBase',
-            typographyPreset: {
-                xs: 'editorialSubheadline010',
-                lg: 'editorialSubheadline020',
-            },
-        },
-    },
-    structuredList: {
-        divider: {
-            stylePreset: 'divider',
-        },
-    },
-    structuredListItem: {
-        stylePreset: 'structuredListItem',
-        spaceInset: 'spaceInsetStretch040',
-        minHeight: 'sizing100',
-        icon: {
-            size: 'iconSize010',
-            stylePreset: 'inkContrast',
-        },
-    },
-    tab: {
-        small: {
-            stylePreset: 'tab',
-            typographyPreset: 'utilityButton010',
-            spaceInset: 'spaceInsetSquish020',
-            minHeight: 'sizing060',
-            iconSize: 'iconSize010',
-            spaceInline: 'space020',
-        },
-        medium: {
-            stylePreset: 'tab',
-            typographyPreset: 'utilityButton020',
-            spaceInset: 'spaceInsetSquish030',
-            minHeight: 'sizing080',
-            iconSize: 'iconSize020',
-            spaceInline: 'space020',
-        },
-        large: {
-            stylePreset: 'tab',
-            typographyPreset: 'utilityButton030',
-            spaceInset: 'spaceInsetSquish030',
-            minHeight: 'sizing090',
-            iconSize: 'iconSize030',
-            spaceInline: 'space020',
-        },
-    },
-    tabs: {
-        spaceInline: 'space020',
-        selectionIndicator: {
-            track: {
-                stylePreset: 'tabsBarTrack',
-                weight: 'borderWidth020',
-            },
-            indicator: {
-                stylePreset: 'tabsBarIndicator',
-                weight: 'borderWidth020',
-                motionDuration: 'motionDuration030',
-                motionTiming: 'motionTimingEaseInAndOut',
-            },
-        },
-    },
-    tag: {
-        small: {
-            typographyPreset: 'utilityButton010',
-            stylePreset: 'tagPrimary',
-            spaceInset: 'spaceInsetSquish010',
-            minHeight: 'sizing050',
-            iconSize: 'iconSize010',
-            spaceInline: 'space010',
-        },
-        medium: {
-            typographyPreset: 'utilityButton020',
-            stylePreset: 'tagPrimary',
-            spaceInset: 'spaceInsetSquish020',
-            minHeight: 'sizing060',
-            iconSize: 'iconSize010',
-            spaceInline: 'space010',
-        },
-        large: {
-            typographyPreset: 'utilityButton030',
-            stylePreset: 'tagPrimary',
-            spaceInset: 'spaceInsetSquish020',
-            minHeight: 'sizing070',
-            iconSize: 'iconSize020',
-            spaceInline: 'space010',
-        },
-    },
-    textField: {
-        small: {
-            stylePreset: 'inputField',
-            spaceInset: 'spaceInset020',
-            minHeight: 'sizing060',
-            width: '100%',
-            typographyPreset: 'utilityBody020',
-            spaceStack: 'space020',
-            startEnhancer: {
-                iconSize: 'iconSize020',
-                spaceInline: 'space020',
-            },
-            endEnhancer: {
-                iconSize: 'iconSize020',
-                spaceInline: 'space020',
-            },
-        },
-        medium: {
-            stylePreset: 'inputField',
-            spaceInset: 'spaceInset030',
-            minHeight: 'sizing080',
-            width: '100%',
-            typographyPreset: 'utilityBody020',
-            spaceStack: 'space020',
-            startEnhancer: {
-                iconSize: 'iconSize020',
-                spaceInline: 'space020',
-            },
-            endEnhancer: {
-                iconSize: 'iconSize020',
-                spaceInline: 'space020',
-            },
-        },
-        large: {
-            stylePreset: 'inputField',
-            spaceInset: 'spaceInset030',
-            minHeight: 'sizing090',
-            width: '100%',
-            typographyPreset: 'utilityBody030',
-            spaceStack: 'space020',
-            startEnhancer: {
-                iconSize: 'iconSize020',
-                spaceInline: 'space020',
-            },
-            endEnhancer: {
-                iconSize: 'iconSize020',
-                spaceInline: 'space020',
-            },
-        },
-    },
-    textInput: {
-        small: {
-            label: {
-                stylePreset: 'textInputLabel',
-                typographyPreset: 'utilityLabel030',
-                spaceStack: 'space040',
-                spaceInline: 'space010',
-            },
-            input: {
-                stylePreset: 'textInput',
-                spaceInset: 'spaceInset020',
-                minHeight: 'sizing060',
-                typographyPreset: 'utilityBody020',
-                spaceStack: 'space020',
-                leadingIcon: {
-                    iconOffset: 'space030',
-                    spaceInset: 'space070',
-                },
-                validationIcon: {
-                    iconOffset: 'space030',
-                    spaceInset: 'space070',
-                    iconSize: 'iconSize020',
-                },
-            },
-            assistiveText: {
-                stylePreset: 'textInputAssistiveText',
-                typographyPreset: 'utilityLabel020',
-                minHeight: 'sizing030',
-            },
-        },
-        medium: {
-            label: {
-                stylePreset: 'textInputLabel',
-                typographyPreset: 'utilityLabel030',
-                spaceStack: 'space040',
-                spaceInline: 'space010',
-            },
-            input: {
-                stylePreset: 'textInput',
-                spaceInset: 'spaceInset030',
-                minHeight: 'sizing080',
-                typographyPreset: 'utilityBody020',
-                spaceStack: 'space020',
-                leadingIcon: {
-                    iconOffset: 'space030',
-                    spaceInset: 'space070',
-                },
-                validationIcon: {
-                    iconOffset: 'space030',
-                    spaceInset: 'space070',
-                    iconSize: 'iconSize020',
-                },
-            },
-            assistiveText: {
-                stylePreset: 'textInputAssistiveText',
-                typographyPreset: 'utilityLabel020',
-                minHeight: 'sizing030',
-            },
-        },
-        large: {
-            label: {
-                stylePreset: 'textInputLabel',
-                typographyPreset: 'utilityLabel030',
-                spaceStack: 'space040',
-                spaceInline: 'space010',
-            },
-            input: {
-                stylePreset: 'textInput',
-                spaceInset: 'spaceInset030',
-                minHeight: 'sizing090',
-                typographyPreset: 'utilityBody030',
-                spaceStack: 'space020',
-                leadingIcon: {
-                    iconOffset: 'space030',
-                    spaceInset: 'space080',
-                },
-                validationIcon: {
-                    iconOffset: 'space030',
-                    spaceInset: 'space080',
-                    iconSize: 'iconSize030',
-                },
-            },
-            assistiveText: {
-                stylePreset: 'textInputAssistiveText',
-                typographyPreset: 'utilityLabel030',
-                minHeight: 'sizing030',
-            },
-        },
-    },
-    titleBar: {
-        stylePreset: 'titleBar',
-        spaceInset: {
-            xs: 'spaceInsetSquish030',
-            lg: 'spaceInsetSquish040',
-        },
-        heading: {
-            typographyPreset: {
-                xs: 'editorialHeadline050',
-                md: 'editorialHeadline070',
-                lg: 'editorialHeadline080',
-            },
-        },
-    },
-    toast: {
-        stylePreset: 'toastNeutral',
-        spaceInset: 'spaceInset030',
-        maxWidth: {
-            xs: '90%',
-            sm: '60%',
-            md: '45%',
-            lg: '38%',
-            xl: '31%',
-        },
-        content: {
-            message: {
-                stylePreset: 'inkInverse',
-                typographyPreset: 'utilityBody020',
-            },
-            title: {
-                stylePreset: 'inkInverse',
-                typographyPreset: 'utilityHeading010',
-                spaceStack: 'space010',
-            },
-        },
-        contentAndActions: {
-            spaceInline: 'space030',
-        },
-        divider: {
-            stylePreset: 'dividerInverse',
-        },
-        icon: {
-            spaceInline: 'space030',
-        },
-    },
-    unorderedList: {
-        spaceStack: 'space040',
-        content: {
-            stylePreset: 'inkBase',
-            typographyPreset: 'editorialParagraph010',
-        },
-        marker: {
-            stylePreset: 'inkBase',
-            spaceInline: 'space020',
-            size: 'iconSize005',
-        },
-    },
-    volumeControl: {
-        slider: {
-            track: {
-                stylePreset: 'volumeControlTrack',
-            },
-            indicator: {
-                stylePreset: 'volumeControlIndicator',
-            },
-            thumb: {
-                stylePreset: 'volumeControlThumb',
-            },
-        },
-        button: {
-            stylePreset: 'iconButtonMinimalPrimary',
-            iconSize: 'iconSize020',
-            size: 'small',
-        },
-    },
-    checkbox: {
-        small: {
-            spaceStack: 'space000',
-            input: {
-                size: 'sizing050',
-                stylePreset: 'checkboxInput',
-                spaceInline: 'space030',
-            },
-            feedback: {
-                size: 'sizing070',
-                stylePreset: 'checkboxFeedback',
-            },
-            label: {
-                stylePreset: 'controlLabel',
-                typographyPreset: 'utilityBody020',
-            },
-        },
-        medium: {
-            spaceStack: 'space000',
-            input: {
-                size: 'sizing060',
-                stylePreset: 'checkboxInput',
-                spaceInline: 'space030',
-            },
-            feedback: {
-                size: 'sizing080',
-                stylePreset: 'checkboxFeedback',
-            },
-            label: {
-                stylePreset: 'controlLabel',
-                typographyPreset: 'utilityBody020',
-            },
-        },
-        large: {
-            spaceStack: 'space000',
-            input: {
-                size: 'sizing070',
-                stylePreset: 'checkboxInput',
-                spaceInline: 'space040',
-            },
-            feedback: {
-                size: 'sizing090',
-                stylePreset: 'checkboxFeedback',
-            },
-            label: {
-                stylePreset: 'controlLabel',
-                typographyPreset: 'utilityBody030',
-            },
-        },
-    },
-};
+export var componentDefaults = {};
 //# sourceMappingURL=component-defaults.js.map