Design System Utilities @ 0.1.1-alpha.0
    Preparing search index...

    Interface Data_RecursivePartial<T_ColourName, T_ExtraColourLevels, T_ThemeKeyword_Universal, T_ThemeKeyword_Text, T_ThemeKeyword_Background, __T_ColourOption>

    0.1.0-alpha

    interface Data_RecursivePartial<
        T_ColourName extends string = Default_ColourName,
        T_ExtraColourLevels extends Optional = Default_ExtraColourLevels,
        T_ThemeKeyword_Universal extends string = never,
        T_ThemeKeyword_Text extends string = never,
        T_ThemeKeyword_Background extends string = never,
        __T_ColourOption extends
            ThemeColourOption<T_ColourName, T_ExtraColourLevels> = ThemeColourOption<
            T_ColourName,
            T_ExtraColourLevels,
        >,
    > {
        background?: { $?: __T_ColourOption } & { alt?: __T_ColourOption } & {
            [K in string]?: __T_ColourOption
        } & { [K in string]?: __T_ColourOption };
        button?: {
            disabled?: Data_Button<
                T_ColourName,
                T_ExtraColourLevels,
                __T_ColourOption,
            >;
            primary?: Data_Button<T_ColourName, T_ExtraColourLevels, __T_ColourOption>;
            secondary?: Data_Button<
                T_ColourName,
                T_ExtraColourLevels,
                __T_ColourOption,
            >;
        } & {
            [K in string]?: Data_Button<
                T_ColourName,
                T_ExtraColourLevels,
                __T_ColourOption,
            >
        };
        heading?: {
            "1"?: __T_ColourOption;
            "10"?: __T_ColourOption;
            "2"?: __T_ColourOption;
            "3"?: __T_ColourOption;
            "4"?: __T_ColourOption;
            "5"?: __T_ColourOption;
            "6"?: __T_ColourOption;
            "7"?: __T_ColourOption;
            "8"?: __T_ColourOption;
            "9"?: __T_ColourOption;
        };
        input?: {
            $?: {
                accent?: {
                    $?: __T_ColourOption;
                    active?: __T_ColourOption;
                    hover?: __T_ColourOption;
                };
                bg?: {
                    $?: __T_ColourOption;
                    active?: __T_ColourOption;
                    hover?: __T_ColourOption;
                };
                border?: {
                    $?: __T_ColourOption;
                    active?: __T_ColourOption;
                    hover?: __T_ColourOption;
                };
                text?: {
                    $?: __T_ColourOption;
                    active?: __T_ColourOption;
                    hover?: __T_ColourOption;
                };
            };
            disabled?: {
                accent?: {
                    $?: __T_ColourOption;
                    active?: __T_ColourOption;
                    hover?: __T_ColourOption;
                };
                bg?: {
                    $?: __T_ColourOption;
                    active?: __T_ColourOption;
                    hover?: __T_ColourOption;
                };
                border?: {
                    $?: __T_ColourOption;
                    active?: __T_ColourOption;
                    hover?: __T_ColourOption;
                };
                text?: {
                    $?: __T_ColourOption;
                    active?: __T_ColourOption;
                    hover?: __T_ColourOption;
                };
            };
            readonly?: {
                accent?: {
                    $?: __T_ColourOption;
                    active?: __T_ColourOption;
                    hover?: __T_ColourOption;
                };
                bg?: {
                    $?: __T_ColourOption;
                    active?: __T_ColourOption;
                    hover?: __T_ColourOption;
                };
                border?: {
                    $?: __T_ColourOption;
                    active?: __T_ColourOption;
                    hover?: __T_ColourOption;
                };
                text?: {
                    $?: __T_ColourOption;
                    active?: __T_ColourOption;
                    hover?: __T_ColourOption;
                };
            };
        };
        link?: {
            $: | { $?: __T_ColourOption; visited?: __T_ColourOption } & {
                active?: __T_ColourOption;
                disabled?: __T_ColourOption;
                hover?: __T_ColourOption;
            }
            | undefined;
            decoration?: { $?: __T_ColourOption; visited?: __T_ColourOption } & {
                active?: __T_ColourOption;
                disabled?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
            icon?: { $?: __T_ColourOption; visited?: __T_ColourOption } & {
                active?: __T_ColourOption;
                disabled?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
            outline?: {
                active?: __T_ColourOption;
                disabled?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
        };
        selection?: { bg: __T_ColourOption; text: __T_ColourOption };
        system?: {
            accent?: { bg?: __T_ColourOption; text?: __T_ColourOption };
            mark?: { bg?: __T_ColourOption; text?: __T_ColourOption };
            selected?: { bg?: __T_ColourOption; text?: __T_ColourOption };
        };
        text?: { $?: __T_ColourOption } & {
            primary?: __T_ColourOption;
            secondary?: __T_ColourOption;
        } & {
            active?: __T_ColourOption;
            disabled?: __T_ColourOption;
            grey?: __T_ColourOption;
        } & { [K in string]?: __T_ColourOption } & {
            [K in string]?: __T_ColourOption
        };
        ui?: { $?: __T_ColourOption } & {
            primary?: __T_ColourOption;
            secondary?: __T_ColourOption;
        } & {
            active?: __T_ColourOption;
            disabled?: __T_ColourOption;
            grey?: __T_ColourOption;
        } & { [K in string]?: __T_ColourOption } & {
            [K in string]?: __T_ColourOption
        };
    }

    Type Parameters

    Hierarchy (View Summary)

    Index

    Properties

    background?: { $?: __T_ColourOption } & { alt?: __T_ColourOption } & {
        [K in string]?: __T_ColourOption
    } & { [K in string]?: __T_ColourOption }
    button?: {
        disabled?: Data_Button<
            T_ColourName,
            T_ExtraColourLevels,
            __T_ColourOption,
        >;
        primary?: Data_Button<T_ColourName, T_ExtraColourLevels, __T_ColourOption>;
        secondary?: Data_Button<
            T_ColourName,
            T_ExtraColourLevels,
            __T_ColourOption,
        >;
    } & {
        [K in string]?: Data_Button<
            T_ColourName,
            T_ExtraColourLevels,
            __T_ColourOption,
        >
    }
    heading?: {
        "1"?: __T_ColourOption;
        "10"?: __T_ColourOption;
        "2"?: __T_ColourOption;
        "3"?: __T_ColourOption;
        "4"?: __T_ColourOption;
        "5"?: __T_ColourOption;
        "6"?: __T_ColourOption;
        "7"?: __T_ColourOption;
        "8"?: __T_ColourOption;
        "9"?: __T_ColourOption;
    }
    input?: {
        $?: {
            accent?: {
                $?: __T_ColourOption;
                active?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
            bg?: {
                $?: __T_ColourOption;
                active?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
            border?: {
                $?: __T_ColourOption;
                active?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
            text?: {
                $?: __T_ColourOption;
                active?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
        };
        disabled?: {
            accent?: {
                $?: __T_ColourOption;
                active?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
            bg?: {
                $?: __T_ColourOption;
                active?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
            border?: {
                $?: __T_ColourOption;
                active?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
            text?: {
                $?: __T_ColourOption;
                active?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
        };
        readonly?: {
            accent?: {
                $?: __T_ColourOption;
                active?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
            bg?: {
                $?: __T_ColourOption;
                active?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
            border?: {
                $?: __T_ColourOption;
                active?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
            text?: {
                $?: __T_ColourOption;
                active?: __T_ColourOption;
                hover?: __T_ColourOption;
            };
        };
    }
    link?: {
        $:
            | { $?: __T_ColourOption; visited?: __T_ColourOption } & {
                active?: __T_ColourOption;
                disabled?: __T_ColourOption;
                hover?: __T_ColourOption;
            }
            | undefined;
        decoration?: { $?: __T_ColourOption; visited?: __T_ColourOption } & {
            active?: __T_ColourOption;
            disabled?: __T_ColourOption;
            hover?: __T_ColourOption;
        };
        icon?: { $?: __T_ColourOption; visited?: __T_ColourOption } & {
            active?: __T_ColourOption;
            disabled?: __T_ColourOption;
            hover?: __T_ColourOption;
        };
        outline?: {
            active?: __T_ColourOption;
            disabled?: __T_ColourOption;
            hover?: __T_ColourOption;
        };
    }

    Type Declaration

    selection?: { bg: __T_ColourOption; text: __T_ColourOption }
    system?: {
        accent?: { bg?: __T_ColourOption; text?: __T_ColourOption };
        mark?: { bg?: __T_ColourOption; text?: __T_ColourOption };
        selected?: { bg?: __T_ColourOption; text?: __T_ColourOption };
    }
    text?: { $?: __T_ColourOption } & {
        primary?: __T_ColourOption;
        secondary?: __T_ColourOption;
    } & {
        active?: __T_ColourOption;
        disabled?: __T_ColourOption;
        grey?: __T_ColourOption;
    } & { [K in string]?: __T_ColourOption } & {
        [K in string]?: __T_ColourOption
    }
    ui?: { $?: __T_ColourOption } & {
        primary?: __T_ColourOption;
        secondary?: __T_ColourOption;
    } & {
        active?: __T_ColourOption;
        disabled?: __T_ColourOption;
        grey?: __T_ColourOption;
    } & { [K in string]?: __T_ColourOption } & {
        [K in string]?: __T_ColourOption
    }