/**
 * TODO: Add type definitions:
 *
 * If we use the normal way to add type then the autocomplete don't show the elements name any more
 * Because we define it as string. But without types the typescript will understand the key of `elements` map
 */
export declare const layoutClassNamesConfigRecord: {
    svgIcon: {
        componentName: "svgIcon";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            svg: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
        };
    };
    button: {
        componentName: "button";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            backdrop: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
        };
    };
    iconButton: {
        componentName: "iconButton";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            backdrop: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
        };
    };
    checkbox: {
        componentName: "checkbox";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            wrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            inputWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            input: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            backdrop: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            background: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            label: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            checked: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            unchecked: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            indeterminate: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    radioGroup: {
        componentName: "radioGroup";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    radioButton: {
        componentName: "radioButton";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            wrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            inputWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            input: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            backdrop: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            background: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            label: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            checked: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            unchecked: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    formField: {
        componentName: "formField";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            wrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            inputWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            feedbackWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            required: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            focused: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            untouched: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            touched: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            pristine: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            dirty: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            valid: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            invalid: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            pending: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            error: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            withInput: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            withTextarea: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            withSelect: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            withChipList: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    label: {
        componentName: "label";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            labelTag: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            requiredMarker: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
        };
    };
    error: {
        componentName: "error";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
        };
    };
    hint: {
        componentName: "hint";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
        };
    };
    prefix: {
        componentName: "prefix";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
        };
    };
    suffix: {
        componentName: "suffix";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
        };
    };
    trailing: {
        componentName: "trailing";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            clickable: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    leading: {
        componentName: "leading";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            clickable: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    input: {
        componentName: "input";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    textarea: {
        componentName: "textarea";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            autoResize: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    select: {
        componentName: "select";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            multiple: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            opened: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            closed: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            single: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            placeholder: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            triggerWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            triggerValue: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            dropdownIconWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            optionsWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            overlay: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
        };
    };
    option: {
        componentName: "option";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            selected: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            multiple: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            single: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            multipleWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            contentWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            selectedCheckmark: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
        };
    };
    optionGroup: {
        componentName: "optionGroup";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            label: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    selectPreview: {
        componentName: "selectPreview";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
        };
    };
    chip: {
        componentName: "chip";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            removable: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            contentWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            removeIconWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
        };
    };
    chipList: {
        componentName: "chipList";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            input: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
        };
    };
    menu: {
        componentName: "menu";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            overlay: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
        };
    };
    menuItem: {
        componentName: "menuItem";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    divider: {
        componentName: "divider";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
        };
    };
    toggle: {
        componentName: "toggle";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            label: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            checked: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            unchecked: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            labelBefore: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            sliderWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            input: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            thumb: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            backdrop: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
        };
    };
    tabsOld: {
        componentName: "tabsOld";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            labelsWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            contentWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
        };
    };
    tabOld: {
        componentName: "tabOld";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            indicator: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            content: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            selected: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            unselected: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    tabLabelOld: {
        componentName: "tabLabelOld";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
        };
    };
    overlay: {
        componentName: "overlay";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            backdrop: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            contentWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
        };
    };
    avatar: {
        componentName: "avatar";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            image: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            placeholderImage: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            fallbackImage: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            label: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            loading: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            loaded: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            fallback: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            withImage: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            withLabel: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            withCustomContent: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            clickable: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    avatarGroup: {
        componentName: "avatarGroup";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            leftDirection: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            rightDirection: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    avatarLabel: {
        componentName: "avatarLabel";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            labelWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            title: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            description: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            avatarPositionLeft: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            avatarPositionRight: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            avatarPositionTop: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            avatarPositionBottom: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            labelAlignmentHorizontal: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            labelAlignmentVertical: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    accordion: {
        componentName: "accordion";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            instantAnimation: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            singleMode: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            multiMode: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    accordionHeader: {
        componentName: "accordionHeader";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            iconBtn: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            iconLeft: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            iconRight: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            triggerIcon: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            triggerHeader: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    accordionPanel: {
        componentName: "accordionPanel";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            contentWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            expanded: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            collapsed: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    tabs: {
        componentName: "tabs";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            headersWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            contentWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            alignLeft: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            alignCenter: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            alignRight: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            alignStretch: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            instantAnimation: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
    tab: {
        componentName: "tab";
        baseSelectorStructure: {
            block: string;
        };
        elements: {
            host: {
                name: string;
                selectorStructure: never[];
                description: string;
            };
            headerWrapper: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            indicator: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            content: {
                name: string;
                selectorStructure: {
                    element: string;
                }[];
                description: string;
            };
            selected: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            unselected: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
            disabled: {
                name: string;
                selectorStructure: {
                    modifier: string;
                }[];
                description: string;
            };
        };
    };
};