PDF Web SDK Documentation

Comprehensive Guide for Developers: UI & SDK Integration, Configuration, and API Reference

PDF Web SDK
    Preparing search index...

    Interface PaletteInterface

    interface PaletteInterface {
        DOCUMENT: {
            CHOOSE_FILE: {
                BODY: { "choose-file-text": string };
                BUTTON: {
                    "btn-choose-file-background-active": string;
                    "btn-choose-file-background-default": string;
                    "btn-choose-file-background-disabled": string;
                    "btn-choose-file-background-hover": string;
                    "btn-choose-file-icon-active": string;
                    "btn-choose-file-icon-default": string;
                    "btn-choose-file-icon-disabled": string;
                    "btn-choose-file-icon-hover": string;
                    "btn-choose-file-text-active": string;
                    "btn-choose-file-text-default": string;
                    "btn-choose-file-text-disabled": string;
                    "btn-choose-file-text-hover": string;
                };
                GRADIENT: {
                    "choose-file-gradient-from": string;
                    "choose-file-gradient-to": string;
                };
                SUBTITLE: { "choose-file-subtitle-text-default": string };
                TITLE: { "choose-file-title-text-default": string };
            };
            CORE: { "document-background-default": string };
            DOCUMENT_TAB: {
                ADD_BUTTON: {
                    "document-tab-add-btn-background-default": string;
                    "document-tab-add-btn-background-hover": string;
                    "document-tab-add-btn-text-default": string;
                    "document-tab-add-btn-text-hover": string;
                };
                CLOSE_BUTTON: {
                    "document-tab-close-btn-text-active": string;
                    "document-tab-close-btn-text-default": string;
                    "document-tab-close-btn-text-hover": string;
                };
                DIVIDER: { "document-tab-divider-background-default": string };
                ITEM: {
                    "document-tab-item-background-active": string;
                    "document-tab-item-background-hover": string;
                    "document-tab-item-text-default": string;
                    "document-tab-item-text-hover": string;
                };
            };
            FONT_FAMILY_DROPDOWN: {
                "font-family-dropdown-border": string;
                "font-family-dropdown-border-error": string;
                "font-family-dropdown-border-focus": string;
                "font-family-dropdown-outline-text-focus": string;
                "font-family-dropdown-placeholder-text": string;
            };
            HOME: {
                CARD: {
                    "home-card-background-default": string;
                    "home-card-radius": string;
                };
                CLEAR_ALL: {
                    "home-clear-all-text-default": string;
                    "home-clear-all-text-hover": string;
                };
                CLIPBOARD_ICON: {
                    "home-create-option-clipboard-icon-background-default": string;
                    "home-create-option-clipboard-icon-default": string;
                };
                CREATE_OPTION: {
                    "home-create-option-background-active": string;
                    "home-create-option-background-default": string;
                    "home-create-option-background-hover": string;
                    "home-create-option-divider-default": string;
                    "home-create-option-icon-default": string;
                    "home-create-option-text-default": string;
                };
                DROP_ZONE: {
                    "home-drop-zone-background-active": string;
                    "home-drop-zone-background-default": string;
                    "home-drop-zone-border-active": string;
                    "home-drop-zone-border-default": string;
                    "home-drop-zone-hint-text-active": string;
                    "home-drop-zone-hint-text-default": string;
                };
                EMPTY: {
                    "home-hub-empty-background-default": string;
                    "home-hub-empty-text-default": string;
                    "home-hub-empty-title-text-default": string;
                };
                MENU_BUTTON: {
                    "home-create-option-menu-button-background-hover": string;
                    "home-create-option-menu-button-icon-default": string;
                };
                MERGE_ICON: {
                    "home-create-option-merge-icon-background-default": string;
                    "home-create-option-merge-icon-default": string;
                };
                NEW_ICON: {
                    "home-create-option-new-icon-background-default": string;
                    "home-create-option-new-icon-default": string;
                };
                PAGE: { "home-page-background-default": string };
                RECENTS: {
                    "home-recents-folder-icon-default": string;
                    "home-recents-thumbnail-background-default": string;
                    "home-recents-thumbnail-border-default": string;
                    "home-recents-tile-name-text-default": string;
                };
                RECENTS_HUB: {
                    "home-hub-list-row-background-hover": string;
                    "home-hub-list-row-divider-default": string;
                    "home-hub-list-row-menu-background-hover": string;
                    "home-hub-list-row-menu-icon-default": string;
                    "home-hub-list-row-meta-text-default": string;
                    "home-hub-list-row-text-default": string;
                    "home-hub-menu-background-default": string;
                    "home-hub-menu-border-default": string;
                    "home-hub-menu-item-action-icon-default": string;
                    "home-hub-menu-item-background-default": string;
                    "home-hub-menu-item-background-hover": string;
                    "home-hub-menu-item-border-default": string;
                    "home-hub-menu-item-text-default": string;
                    "home-hub-menu-section-background-default": string;
                    "home-hub-menu-section-text-default": string;
                    "home-hub-menu-shadow-default": string;
                    "home-hub-switcher-background-active": string;
                    "home-hub-switcher-background-hover": string;
                    "home-hub-switcher-icon-default": string;
                    "home-hub-tab-background-active": string;
                    "home-hub-tab-background-hover": string;
                    "home-hub-tab-text-active": string;
                    "home-hub-tab-text-default": string;
                    "home-hub-tab-text-disabled": string;
                };
                SECTION_TITLE: { "home-section-title-text-default": string };
                URL_ICON: {
                    "home-create-option-url-icon-background-default": string;
                    "home-create-option-url-icon-default": string;
                };
            };
            ORGANIZE: {
                HEADER_BUTTON: {
                    "organize-header-button-background-active": string;
                    "organize-header-button-background-default": string;
                    "organize-header-button-background-disabled": string;
                    "organize-header-button-background-hover": string;
                    "organize-header-button-icon-active": string;
                    "organize-header-button-icon-default": string;
                    "organize-header-button-icon-disabled": string;
                    "organize-header-button-icon-hover": string;
                    "organize-header-button-text-active": string;
                    "organize-header-button-text-default": string;
                    "organize-header-button-text-disabled": string;
                    "organize-header-button-text-hover": string;
                };
                INSERT_BUTTON: {
                    "organize-insert-btn-background-default": string;
                    "organize-insert-btn-background-hover": string;
                    "organize-insert-btn-icon-default": string;
                };
                INSERT_INDICATOR: {
                    "organize-insert-indicator-background-default": string;
                };
                INSERT_LINE: { "organize-insert-line-background-default": string };
            };
            SIDE_BY_SIDE: {
                LAYOUT: { "side-by-side-main-background": string };
                TAB_LIST: {
                    "sbs-tab-list-card-background": string;
                    "sbs-tab-list-card-border": string;
                    "sbs-tab-list-item-background-active": string;
                    "sbs-tab-list-item-background-hover": string;
                    "sbs-tab-list-item-text-active": string;
                    "sbs-tab-list-item-text-hover": string;
                    "sbs-tab-list-separator-line": string;
                };
                WINDOW: {
                    ACTIVE: {
                        "side-by-side-window-active-text": string;
                        "side-by-side-window-background-active": string;
                        "side-by-side-window-text-active": string;
                    };
                    CLOSE: {
                        "documents-tab-close-btn-text-default": string;
                        "side-by-side-close-text-active": string;
                        "side-by-side-close-text-hover": string;
                    };
                    NON_ACTIVE: {
                        "side-by-side-window-background-color-non-active": string;
                        "side-by-side-window-color-non-active": string;
                    };
                    TAB_MENU_BUTTON: {
                        "side-by-side-tab-menu-button-background-active": string;
                        "side-by-side-tab-menu-button-background-default": string;
                        "side-by-side-tab-menu-button-background-disabled": string;
                        "side-by-side-tab-menu-button-background-hover": string;
                        "side-by-side-tab-menu-button-icon-active": string;
                        "side-by-side-tab-menu-button-icon-default": string;
                        "side-by-side-tab-menu-button-icon-disabled": string;
                        "side-by-side-tab-menu-button-icon-hover": string;
                    };
                };
            };
        };
        INSTRUMENTS: {
            CORE: { "instruments-background-default": string };
            HEADER_BOTTOM: {
                BUTTONS: {
                    TOOL: {
                        NOT_SELECTED: {
                            "header-bottom-tool-background-active": string;
                            "header-bottom-tool-background-default": string;
                            "header-bottom-tool-background-disabled": string;
                            "header-bottom-tool-background-hover": string;
                            "header-bottom-tool-icon-active": string;
                            "header-bottom-tool-icon-default": string;
                            "header-bottom-tool-icon-disabled": string;
                            "header-bottom-tool-icon-hover": string;
                            "header-bottom-tool-text-active": string;
                            "header-bottom-tool-text-default": string;
                            "header-bottom-tool-text-disabled": string;
                            "header-bottom-tool-text-hover": string;
                        };
                        SELECTED: {
                            "header-bottom-tool-selected-background": string;
                            "header-bottom-tool-selected-text": string;
                        };
                    };
                };
                NAVIGATION_INPUT: { "header-bottom-page-nav-input-background": string };
                STEPPER: {
                    "stepper-circle-active-background": string;
                    "stepper-circle-active-border": string;
                    "stepper-circle-active-outline": string;
                    "stepper-circle-active-text": string;
                    "stepper-circle-completed-background": string;
                    "stepper-circle-completed-border": string;
                    "stepper-circle-completed-text": string;
                    "stepper-circle-upcoming-border": string;
                    "stepper-circle-upcoming-clickable-border": string;
                    "stepper-circle-upcoming-clickable-text": string;
                    "stepper-circle-upcoming-text": string;
                    "stepper-connector-color": string;
                    "stepper-finish-btn-background-default": string;
                    "stepper-finish-btn-background-disabled": string;
                    "stepper-finish-btn-text-default": string;
                    "stepper-finish-btn-text-disabled": string;
                    "stepper-label-active-text": string;
                    "stepper-label-completed-text": string;
                    "stepper-label-upcoming-clickable-text": string;
                    "stepper-label-upcoming-text": string;
                };
            };
        };
        MAIN: {
            CORE: { "main-background-default": string };
            DOCUMENTS_TAB: {
                CLOSE_BUTTON: {
                    "documents-tab-close-btn-background-hover": string;
                    "documents-tab-close-btn-selected-background-hover": string;
                };
                DIVIDER: {
                    "documents-tab-divider-background-default": string;
                    "documents-tab-divider-background-hover": string;
                    "documents-tab-divider-selected-background-default": string;
                };
                ITEM: {
                    NOT_SELECTED: {
                        "documents-tab-item-background-active": string;
                        "documents-tab-item-background-default": string;
                        "documents-tab-item-background-hover": string;
                        "documents-tab-item-text-active": string;
                        "documents-tab-item-text-default": string;
                        "documents-tab-item-text-hover": string;
                    };
                    SELECTED: {
                        "documents-tab-item-selected-background-active": string;
                        "documents-tab-item-selected-background-default": string;
                        "documents-tab-item-selected-background-hover": string;
                        "documents-tab-item-selected-text-active": string;
                        "documents-tab-item-selected-text-default": string;
                        "documents-tab-item-selected-text-hover": string;
                    };
                };
            };
            HEADER_TOP: {
                BUTTONS: {
                    EMBEDDED: {
                        "btn-header-top-embedded-background-active": string;
                        "btn-header-top-embedded-background-default": string;
                        "btn-header-top-embedded-background-disabled": string;
                        "btn-header-top-embedded-background-hover": string;
                        "btn-header-top-embedded-icon-active": string;
                        "btn-header-top-embedded-icon-default": string;
                        "btn-header-top-embedded-icon-disabled": string;
                        "btn-header-top-embedded-icon-hover": string;
                    };
                    NOT_EMBEDDED: {
                        "btn-header-top-background-active": string;
                        "btn-header-top-background-default": string;
                        "btn-header-top-background-disabled": string;
                        "btn-header-top-background-hover": string;
                        "btn-header-top-icon-active": string;
                        "btn-header-top-icon-default": string;
                        "btn-header-top-icon-disabled": string;
                        "btn-header-top-icon-hover": string;
                    };
                };
                INPUTS: {
                    ZOOM: {
                        "header-top-input-background-active": string;
                        "header-top-input-background-default": string;
                        "header-top-input-background-disabled": string;
                        "header-top-input-background-focus": string;
                        "header-top-input-background-hover": string;
                        "header-top-input-border-active": string;
                        "header-top-input-border-default": string;
                        "header-top-input-border-disabled": string;
                        "header-top-input-border-focus": string;
                        "header-top-input-border-hover": string;
                        "header-top-input-text-active": string;
                        "header-top-input-text-default": string;
                        "header-top-input-text-disabled": string;
                        "header-top-input-text-focus": string;
                        "header-top-input-text-hover": string;
                    };
                };
                NOT_SUPORT_FULLY: {
                    INPUTS: {
                        DOCUMENT_NAME: {
                            "header-top-document-name-input-background-active": string;
                            "header-top-document-name-input-background-default": string;
                            "header-top-document-name-input-background-disabled": string;
                            "header-top-document-name-input-background-focus": string;
                            "header-top-document-name-input-background-hover": string;
                            "header-top-document-name-input-border-active": string;
                            "header-top-document-name-input-border-default": string;
                            "header-top-document-name-input-border-disabled": string;
                            "header-top-document-name-input-border-focus": string;
                            "header-top-document-name-input-border-hover": string;
                            "header-top-document-name-input-icon-default": string;
                            "header-top-document-name-input-icon-focus": string;
                            "header-top-document-name-input-selection-background": string;
                            "header-top-document-name-input-selection-text": string;
                            "header-top-document-name-input-text-active": string;
                            "header-top-document-name-input-text-default": string;
                            "header-top-document-name-input-text-disabled": string;
                            "header-top-document-name-input-text-focus": string;
                            "header-top-document-name-input-text-hover": string;
                        };
                    };
                };
                TAB: {
                    NOT_SELECTED: {
                        "header-top-tab-background-active": string;
                        "header-top-tab-background-default": string;
                        "header-top-tab-background-disabled": string;
                        "header-top-tab-background-hover": string;
                        "header-top-tab-text-active": string;
                        "header-top-tab-text-default": string;
                        "header-top-tab-text-disabled": string;
                        "header-top-tab-text-hover": string;
                    };
                    SELECTED: {
                        "header-top-tab-selected-background-active": string;
                        "header-top-tab-selected-background-default": string;
                        "header-top-tab-selected-background-disabled": string;
                        "header-top-tab-selected-background-hover": string;
                        "header-top-tab-selected-text-active": string;
                        "header-top-tab-selected-text-default": string;
                        "header-top-tab-selected-text-disabled": string;
                        "header-top-tab-selected-text-hover": string;
                    };
                };
                USER_PROFILE: {
                    INITIALS: {
                        "user-profile-initials-background-active": string;
                        "user-profile-initials-background-default": string;
                        "user-profile-initials-background-disabled": string;
                        "user-profile-initials-background-hover": string;
                        "user-profile-initials-text-active": string;
                        "user-profile-initials-text-default": string;
                        "user-profile-initials-text-disabled": string;
                        "user-profile-initials-text-hover": string;
                    };
                    MOBILE: {
                        "user-profile-mobile-background-active": string;
                        "user-profile-mobile-background-default": string;
                        "user-profile-mobile-background-disabled": string;
                        "user-profile-mobile-background-hover": string;
                        "user-profile-mobile-text-active": string;
                        "user-profile-mobile-text-default": string;
                        "user-profile-mobile-text-disabled": string;
                        "user-profile-mobile-text-hover": string;
                    };
                    PLACEHOLDER: {
                        "user-profile-placeholder-background-active": string;
                        "user-profile-placeholder-background-default": string;
                        "user-profile-placeholder-background-disabled": string;
                        "user-profile-placeholder-background-hover": string;
                        "user-profile-placeholder-border-active": string;
                        "user-profile-placeholder-border-default": string;
                        "user-profile-placeholder-border-disabled": string;
                        "user-profile-placeholder-border-hover": string;
                        "user-profile-placeholder-text-active": string;
                        "user-profile-placeholder-text-default": string;
                        "user-profile-placeholder-text-disabled": string;
                        "user-profile-placeholder-text-hover": string;
                    };
                };
            };
            SEARCH: {
                ICON: {
                    "search-icon-active": string;
                    "search-icon-default": string;
                    "search-icon-hover": string;
                    "search-settings-icon-default": string;
                };
                INPUT: {
                    "search-input-background-default": string;
                    "search-input-border-default": string;
                    "search-input-placeholder-default": string;
                    "search-input-text-default": string;
                };
                TEXT: {
                    "search-no-results-text-default": string;
                    "search-results-text-default": string;
                };
                WRAPPER: {
                    "search-wrapper-background-default": string;
                    "search-wrapper-border-default": string;
                    "search-wrapper-shadow-default": string;
                };
            };
            SIDEBAR: {
                ADD_BUTTON: { "sidebar-add-btn-background": string };
                ADVANCED_SEARCH: {
                    CHECKBOX: {
                        "advanced-search-checkbox-border-default": string;
                        "advanced-search-checkbox-checked-background-default": string;
                        "advanced-search-checkbox-checkmark-default": string;
                    };
                    INPUT: {
                        "advanced-search-input-background-default": string;
                        "advanced-search-input-border-default": string;
                        "advanced-search-input-text-default": string;
                    };
                    REPLACE: {
                        "advanced-search-replace-accent-default": string;
                        "advanced-search-replace-divider-default": string;
                    };
                    RESULT: {
                        "advanced-search-result-background-hover": string;
                        "advanced-search-result-background-selected": string;
                        "advanced-search-result-divider-default": string;
                    };
                    SETTINGS: {
                        "advanced-search-settings-icon-active": string;
                        "advanced-search-settings-icon-default": string;
                        "advanced-search-settings-icon-hover": string;
                    };
                    TEXT: {
                        "advanced-search-text-default": string;
                        "advanced-search-text-secondary-default": string;
                    };
                };
                ATTACHMENTS: {
                    CARD: {
                        "sidebar-attachments-card-background-default": string;
                        "sidebar-attachments-card-background-selected": string;
                        "sidebar-attachments-card-border-default": string;
                        "sidebar-attachments-card-text-default": string;
                    };
                    TITLE: {
                        "sidebar-attachments-card-title-text-default": string;
                        "sidebar-attachments-card-title-text-hover": string;
                    };
                };
                BOOKMARKS: {
                    CORE: { "sidebar-bookmarks-border-default": string };
                    DRAG_INDICATOR: { "sidebar-bookmarks-drag-indicator-text": string };
                    EMPTY: {
                        BODY: { "sidebar-bookmarks-empty-text-default": string };
                        TITLE: { "sidebar-bookmarks-empty-title-text-default": string };
                    };
                    INSERT_BUTTON: {
                        "sidebar-bookmarks-insert-btn-background-hover": string;
                        "sidebar-bookmarks-insert-btn-border-hover": string;
                    };
                    ITEM: {
                        "sidebar-bookmarks-item-background-default": string;
                        "sidebar-bookmarks-item-background-selected": string;
                    };
                };
                CORE: {
                    "sidebar-border": string;
                    "sidebar-item-active-bg": string;
                    "sidebar-item-hover-bg": string;
                    "sidebar-title-text": string;
                };
                EAR: {
                    BUTTON: {
                        "sidebar-ear-button-background-active": string;
                        "sidebar-ear-button-background-default": string;
                        "sidebar-ear-button-background-disabled": string;
                        "sidebar-ear-button-background-hover": string;
                        "sidebar-ear-button-icon-active": string;
                        "sidebar-ear-button-icon-default": string;
                        "sidebar-ear-button-icon-disabled": string;
                        "sidebar-ear-button-icon-hover": string;
                        "sidebar-ear-button-selected-background": string;
                        "sidebar-ear-button-selected-icon": string;
                    };
                    CORE: { "sidebar-ear-background-default": string };
                };
                LAYERS: {
                    EMPTY: {
                        BODY: { "sidebar-layers-empty-text-default": string };
                        TITLE: { "sidebar-layers-empty-title-text-default": string };
                    };
                    EYE_BUTTON: { "sidebar-layers-eye-btn-text-default": string };
                    ITEM: {
                        "sidebar-layers-item-background-hover": string;
                        "sidebar-layers-item-background-selected": string;
                    };
                };
                PAGE_NAV: {
                    CORE: {
                        "page-nav-floating-background-default": string;
                        "page-nav-floating-input-background-default": string;
                        "page-nav-floating-text-default": string;
                    };
                };
                PREVIEW: {
                    DRAG_INDICATOR: {
                        "sidebar-preview-drag-indicator-background-default": string;
                    };
                    INSERT_BUTTON: {
                        "sidebar-preview-insert-btn-background-active": string;
                        "sidebar-preview-insert-btn-background-default": string;
                        "sidebar-preview-insert-btn-background-hover": string;
                        "sidebar-preview-insert-btn-border-hover": string;
                        "sidebar-preview-insert-btn-text-active": string;
                        "sidebar-preview-insert-btn-text-default": string;
                        "sidebar-preview-insert-btn-text-hover": string;
                    };
                    INSERT_POINT: {
                        "sidebar-preview-insert-point-btn-background-default": string;
                        "sidebar-preview-insert-point-btn-background-hover": string;
                        "sidebar-preview-insert-point-btn-icon-default": string;
                        "sidebar-preview-insert-point-line-background-default": string;
                    };
                    ITEM: {
                        "sidebar-preview-item-background-default": string;
                        "sidebar-preview-item-border-active": string;
                        "sidebar-preview-item-border-default": string;
                    };
                };
                RAIL: {
                    BUTTON: {
                        NOT_SELECTED: {
                            "nav-sidebar-button-background-active": string;
                            "nav-sidebar-button-background-default": string;
                            "nav-sidebar-button-background-hover": string;
                            "nav-sidebar-button-text-active": string;
                            "nav-sidebar-button-text-default": string;
                            "nav-sidebar-button-text-hover": string;
                        };
                        SELECTED: {
                            "nav-sidebar-button-selected-background-active": string;
                            "nav-sidebar-button-selected-background-default": string;
                            "nav-sidebar-button-selected-background-hover": string;
                            "nav-sidebar-button-selected-text-active": string;
                            "nav-sidebar-button-selected-text-default": string;
                            "nav-sidebar-button-selected-text-hover": string;
                        };
                    };
                    CORE: { "nav-sidebar-text-default": string };
                };
            };
        };
        SHARED: {
            BUTTONS: {
                ACCENT: {
                    "btn-accent-background-active": string;
                    "btn-accent-background-default": string;
                    "btn-accent-background-disabled": string;
                    "btn-accent-background-hover": string;
                    "btn-accent-text-active": string;
                    "btn-accent-text-default": string;
                    "btn-accent-text-disabled": string;
                    "btn-accent-text-hover": string;
                };
                COLOR_ICON: {
                    "btn-color-icon-border-default": string;
                    "btn-color-icon-text-default": string;
                };
                OUTLINE: {
                    "btn-outline-border-active": string;
                    "btn-outline-border-default": string;
                    "btn-outline-border-disabled": string;
                    "btn-outline-border-hover": string;
                    "btn-outline-text-active": string;
                    "btn-outline-text-default": string;
                    "btn-outline-text-disabled": string;
                    "btn-outline-text-hover": string;
                };
                PICKER: {
                    "btn-picker-icon-border-active": string;
                    "btn-picker-icon-border-hover": string;
                    "btn-picker-icon-selected-border-default": string;
                    "btn-picker-icon-selected-outline-default": string;
                };
                PREVIEW_INSERT: { "btn-preview-insert-shadow-default": string };
                PRIMARY: {
                    "btn-primary-background-active": string;
                    "btn-primary-background-default": string;
                    "btn-primary-background-disabled": string;
                    "btn-primary-background-hover": string;
                    "btn-primary-icon-active": string;
                    "btn-primary-icon-default": string;
                    "btn-primary-icon-disabled": string;
                    "btn-primary-icon-hover": string;
                    "btn-primary-text-active": string;
                    "btn-primary-text-default": string;
                    "btn-primary-text-disabled": string;
                    "btn-primary-text-hover": string;
                };
                SECONDARY: {
                    "btn-secondary-background-active": string;
                    "btn-secondary-background-default": string;
                    "btn-secondary-background-disabled": string;
                    "btn-secondary-background-hover": string;
                    "btn-secondary-icon-active": string;
                    "btn-secondary-icon-default": string;
                    "btn-secondary-icon-disabled": string;
                    "btn-secondary-icon-hover": string;
                    "btn-secondary-selected-background-default": string;
                    "btn-secondary-selected-icon-default": string;
                };
                TEXT: { "btn-text-text-default": string };
            };
            COLOR_PICKER: {
                "color-picker-border-default": string;
                "color-picker-border-focus": string;
                "color-picker-current-outline-border-default": string;
                "color-picker-indicator-border-default": string;
                "color-picker-neutral-border-default": string;
                "color-picker-outline-border-focus": string;
            };
            DIALOGS: {
                PRIMARY: {
                    BODY: { "dialog-primary-text-default": string };
                    BUTTON: {
                        SECONDARY: {
                            "dialog-primary-button-secondary-background-active": string;
                            "dialog-primary-button-secondary-background-default": string;
                            "dialog-primary-button-secondary-background-hover": string;
                            "dialog-primary-button-secondary-text-active": string;
                            "dialog-primary-button-secondary-text-default": string;
                            "dialog-primary-button-secondary-text-hover": string;
                        };
                    };
                    CARD_OPTION: {
                        "dialog-primary-card-option-background-active": string;
                        "dialog-primary-card-option-background-default": string;
                        "dialog-primary-card-option-background-hover": string;
                    };
                    CORE: {
                        "dialog-primary-border-default": string;
                        "dialog-primary-panel-background-default": string;
                    };
                    ICON_OPTION: { "dialog-primary-icon-option-background-default": string };
                    INPUT: {
                        "dialog-primary-input-background-default": string;
                        "dialog-primary-input-border-active": string;
                        "dialog-primary-input-border-default": string;
                        "dialog-primary-input-border-focus": string;
                        "dialog-primary-input-border-hover": string;
                    };
                    OVERLAY: { "dialog-primary-overlay-background-default": string };
                    PAGE_NAV_INPUT: { "page-nav-input-background": string };
                    SECONDARY: {
                        "dialog-primary-border-on-secondary": string;
                        "dialog-primary-secondary-background-default": string;
                    };
                    SUBTITLE: { "dialog-primary-subtitle-text-default": string };
                };
            };
            DIVIDER: { "divider-border-default": string };
            DROPDOWN_MENU: {
                ITEM: {
                    NOT_SELECTED: {
                        "dropdown-menu-item-background-active": string;
                        "dropdown-menu-item-background-default": string;
                        "dropdown-menu-item-background-disabled": string;
                        "dropdown-menu-item-background-hover": string;
                        "dropdown-menu-item-icon-active": string;
                        "dropdown-menu-item-icon-default": string;
                        "dropdown-menu-item-icon-disabled": string;
                        "dropdown-menu-item-icon-hover": string;
                        "dropdown-menu-item-text-active": string;
                        "dropdown-menu-item-text-default": string;
                        "dropdown-menu-item-text-disabled": string;
                        "dropdown-menu-item-text-hover": string;
                    };
                    SELECTED: {
                        "dropdown-menu-item-selected-background-active": string;
                        "dropdown-menu-item-selected-background-default": string;
                        "dropdown-menu-item-selected-background-disabled": string;
                        "dropdown-menu-item-selected-background-hover": string;
                        "dropdown-menu-item-selected-icon-active": string;
                        "dropdown-menu-item-selected-icon-default": string;
                        "dropdown-menu-item-selected-icon-disabled": string;
                        "dropdown-menu-item-selected-icon-hover": string;
                        "dropdown-menu-item-selected-text-active": string;
                        "dropdown-menu-item-selected-text-default": string;
                        "dropdown-menu-item-selected-text-disabled": string;
                        "dropdown-menu-item-selected-text-hover": string;
                    };
                };
                MENU: {
                    "dropdown-menu-background-default": string;
                    "dropdown-menu-border-default": string;
                    "dropdown-menu-box-shadow": string;
                    "dropdown-menu-item-divider-background-default": string;
                };
            };
            DROPDOWN_SELECT: {
                ITEM: {
                    DEFAULT: { "dropdown-item-select-text-default": string };
                    SELECTED: {
                        "dropdown-item-select-selected-background-default": string;
                        "dropdown-item-select-selected-text-default": string;
                    };
                };
                MENU: {
                    "dropdown-menu-select-background-default": string;
                    "dropdown-menu-shadow-default": string;
                };
                UNDERLINE: {
                    "dropdown-btn-select-border-active": string;
                    "dropdown-btn-select-border-default": string;
                    "dropdown-btn-select-border-hover": string;
                };
            };
            FORMS: {
                CHECKBOX: {
                    "checkbox-background-default": string;
                    "checkbox-border-default": string;
                    "checkbox-checked-text-default": string;
                    "checkbox-checkmark-text-default": string;
                    "checkbox-text-default": string;
                };
                INPUT: {
                    "input-border-default": string;
                    "input-error-text-default": string;
                    "input-placeholder-text-default": string;
                    "input-stepper-background-active": string;
                    "input-stepper-background-hover": string;
                    "input-text-disabled": string;
                };
                TOGGLE: { "toggle-checked-text-default": string };
            };
            ILLUSTRATIONS: {
                "empty-illustration-accent-background-default": string;
                "empty-illustration-blue-background-default": string;
                "empty-illustration-dark-background-default": string;
            };
            LAYOUT: {
                "menu-background-default": string;
                "panel-background-default": string;
            };
            LOADER: {
                "infinity-loader-accent-background-default": string;
                "infinity-loader-background-default": string;
            };
            NAVIGATION_TOOL: {
                "navigation-tool-background-active": string;
                "navigation-tool-background-hover": string;
                "navigation-tool-selected-background-active": string;
                "navigation-tool-selected-background-default": string;
                "navigation-tool-text-active": string;
                "navigation-tool-text-default": string;
                "navigation-tool-text-hover": string;
            };
            POPOVER: {
                "popover-background-default": string;
                "popover-shadow-default": string;
                "popover-text-default": string;
            };
            SCROLLBAR: {
                "scrollbar-thumb-background-default": string;
                "scrollbar-thumb-background-hover": string;
                "scrollbar-thumb-outline-default": string;
                "scrollbar-track-background-default": string;
            };
            SEMANTIC: {
                "error-background-default": string;
                "error-text-default": string;
                "info-background-default": string;
                "info-text-default": string;
                "success-text-default": string;
            };
            SNACKBAR: {
                ERROR: {
                    "snackbar-error-action-background-hover": string;
                    "snackbar-error-background-default": string;
                    "snackbar-error-border-default": string;
                    "snackbar-error-text-default": string;
                };
                INFO: {
                    "snackbar-info-action-background-hover": string;
                    "snackbar-info-background-default": string;
                    "snackbar-info-border-default": string;
                    "snackbar-info-text-default": string;
                };
                SUCCESS: {
                    "snackbar-success-action-background-hover": string;
                    "snackbar-success-background-default": string;
                    "snackbar-success-border-default": string;
                    "snackbar-success-text-default": string;
                };
                WARNING: {
                    "snackbar-warning-action-background-hover": string;
                    "snackbar-warning-background-default": string;
                    "snackbar-warning-border-default": string;
                    "snackbar-warning-text-default": string;
                };
            };
            SURFACE: {
                "surface-background-hover": string;
                "surface-border-default": string;
                "surface-border-hover": string;
            };
            TYPOGRAPHY: {
                "text-inverse-default": string;
                "text-primary-default": string;
                "text-secondary-default": string;
            };
        };
        TOOLAREA: {
            BUTTONS: {
                DEFAULT: {
                    "btn-toolarea-background-active": string;
                    "btn-toolarea-background-default": string;
                    "btn-toolarea-background-disabled": string;
                    "btn-toolarea-background-hover": string;
                    "btn-toolarea-icon-active": string;
                    "btn-toolarea-icon-default": string;
                    "btn-toolarea-icon-disabled": string;
                    "btn-toolarea-icon-hover": string;
                    "btn-toolarea-text-active": string;
                    "btn-toolarea-text-default": string;
                    "btn-toolarea-text-disabled": string;
                    "btn-toolarea-text-hover": string;
                };
                SECONDARY: {
                    "btn-toolarea-secondary-icon-active": string;
                    "btn-toolarea-secondary-icon-default": string;
                    "btn-toolarea-secondary-icon-disabled": string;
                    "btn-toolarea-secondary-icon-hover": string;
                };
                SELECTED: {
                    "btn-toolarea-selected-background-default": string;
                    "btn-toolarea-selected-icon-default": string;
                    "btn-toolarea-selected-text-default": string;
                };
            };
            CORE: {
                "toolarea-background-default": string;
                "toolarea-border-default": string;
                "toolarea-shadow-text-default": string;
            };
            DIVIDER: { "toolarea-divider-background-default": string };
            GROUP: { "toolarea-group-border-default": string };
        };
    }
    Index

    Properties

    DOCUMENT: {
        CHOOSE_FILE: {
            BODY: { "choose-file-text": string };
            BUTTON: {
                "btn-choose-file-background-active": string;
                "btn-choose-file-background-default": string;
                "btn-choose-file-background-disabled": string;
                "btn-choose-file-background-hover": string;
                "btn-choose-file-icon-active": string;
                "btn-choose-file-icon-default": string;
                "btn-choose-file-icon-disabled": string;
                "btn-choose-file-icon-hover": string;
                "btn-choose-file-text-active": string;
                "btn-choose-file-text-default": string;
                "btn-choose-file-text-disabled": string;
                "btn-choose-file-text-hover": string;
            };
            GRADIENT: {
                "choose-file-gradient-from": string;
                "choose-file-gradient-to": string;
            };
            SUBTITLE: { "choose-file-subtitle-text-default": string };
            TITLE: { "choose-file-title-text-default": string };
        };
        CORE: { "document-background-default": string };
        DOCUMENT_TAB: {
            ADD_BUTTON: {
                "document-tab-add-btn-background-default": string;
                "document-tab-add-btn-background-hover": string;
                "document-tab-add-btn-text-default": string;
                "document-tab-add-btn-text-hover": string;
            };
            CLOSE_BUTTON: {
                "document-tab-close-btn-text-active": string;
                "document-tab-close-btn-text-default": string;
                "document-tab-close-btn-text-hover": string;
            };
            DIVIDER: { "document-tab-divider-background-default": string };
            ITEM: {
                "document-tab-item-background-active": string;
                "document-tab-item-background-hover": string;
                "document-tab-item-text-default": string;
                "document-tab-item-text-hover": string;
            };
        };
        FONT_FAMILY_DROPDOWN: {
            "font-family-dropdown-border": string;
            "font-family-dropdown-border-error": string;
            "font-family-dropdown-border-focus": string;
            "font-family-dropdown-outline-text-focus": string;
            "font-family-dropdown-placeholder-text": string;
        };
        HOME: {
            CARD: {
                "home-card-background-default": string;
                "home-card-radius": string;
            };
            CLEAR_ALL: {
                "home-clear-all-text-default": string;
                "home-clear-all-text-hover": string;
            };
            CLIPBOARD_ICON: {
                "home-create-option-clipboard-icon-background-default": string;
                "home-create-option-clipboard-icon-default": string;
            };
            CREATE_OPTION: {
                "home-create-option-background-active": string;
                "home-create-option-background-default": string;
                "home-create-option-background-hover": string;
                "home-create-option-divider-default": string;
                "home-create-option-icon-default": string;
                "home-create-option-text-default": string;
            };
            DROP_ZONE: {
                "home-drop-zone-background-active": string;
                "home-drop-zone-background-default": string;
                "home-drop-zone-border-active": string;
                "home-drop-zone-border-default": string;
                "home-drop-zone-hint-text-active": string;
                "home-drop-zone-hint-text-default": string;
            };
            EMPTY: {
                "home-hub-empty-background-default": string;
                "home-hub-empty-text-default": string;
                "home-hub-empty-title-text-default": string;
            };
            MENU_BUTTON: {
                "home-create-option-menu-button-background-hover": string;
                "home-create-option-menu-button-icon-default": string;
            };
            MERGE_ICON: {
                "home-create-option-merge-icon-background-default": string;
                "home-create-option-merge-icon-default": string;
            };
            NEW_ICON: {
                "home-create-option-new-icon-background-default": string;
                "home-create-option-new-icon-default": string;
            };
            PAGE: { "home-page-background-default": string };
            RECENTS: {
                "home-recents-folder-icon-default": string;
                "home-recents-thumbnail-background-default": string;
                "home-recents-thumbnail-border-default": string;
                "home-recents-tile-name-text-default": string;
            };
            RECENTS_HUB: {
                "home-hub-list-row-background-hover": string;
                "home-hub-list-row-divider-default": string;
                "home-hub-list-row-menu-background-hover": string;
                "home-hub-list-row-menu-icon-default": string;
                "home-hub-list-row-meta-text-default": string;
                "home-hub-list-row-text-default": string;
                "home-hub-menu-background-default": string;
                "home-hub-menu-border-default": string;
                "home-hub-menu-item-action-icon-default": string;
                "home-hub-menu-item-background-default": string;
                "home-hub-menu-item-background-hover": string;
                "home-hub-menu-item-border-default": string;
                "home-hub-menu-item-text-default": string;
                "home-hub-menu-section-background-default": string;
                "home-hub-menu-section-text-default": string;
                "home-hub-menu-shadow-default": string;
                "home-hub-switcher-background-active": string;
                "home-hub-switcher-background-hover": string;
                "home-hub-switcher-icon-default": string;
                "home-hub-tab-background-active": string;
                "home-hub-tab-background-hover": string;
                "home-hub-tab-text-active": string;
                "home-hub-tab-text-default": string;
                "home-hub-tab-text-disabled": string;
            };
            SECTION_TITLE: { "home-section-title-text-default": string };
            URL_ICON: {
                "home-create-option-url-icon-background-default": string;
                "home-create-option-url-icon-default": string;
            };
        };
        ORGANIZE: {
            HEADER_BUTTON: {
                "organize-header-button-background-active": string;
                "organize-header-button-background-default": string;
                "organize-header-button-background-disabled": string;
                "organize-header-button-background-hover": string;
                "organize-header-button-icon-active": string;
                "organize-header-button-icon-default": string;
                "organize-header-button-icon-disabled": string;
                "organize-header-button-icon-hover": string;
                "organize-header-button-text-active": string;
                "organize-header-button-text-default": string;
                "organize-header-button-text-disabled": string;
                "organize-header-button-text-hover": string;
            };
            INSERT_BUTTON: {
                "organize-insert-btn-background-default": string;
                "organize-insert-btn-background-hover": string;
                "organize-insert-btn-icon-default": string;
            };
            INSERT_INDICATOR: {
                "organize-insert-indicator-background-default": string;
            };
            INSERT_LINE: { "organize-insert-line-background-default": string };
        };
        SIDE_BY_SIDE: {
            LAYOUT: { "side-by-side-main-background": string };
            TAB_LIST: {
                "sbs-tab-list-card-background": string;
                "sbs-tab-list-card-border": string;
                "sbs-tab-list-item-background-active": string;
                "sbs-tab-list-item-background-hover": string;
                "sbs-tab-list-item-text-active": string;
                "sbs-tab-list-item-text-hover": string;
                "sbs-tab-list-separator-line": string;
            };
            WINDOW: {
                ACTIVE: {
                    "side-by-side-window-active-text": string;
                    "side-by-side-window-background-active": string;
                    "side-by-side-window-text-active": string;
                };
                CLOSE: {
                    "documents-tab-close-btn-text-default": string;
                    "side-by-side-close-text-active": string;
                    "side-by-side-close-text-hover": string;
                };
                NON_ACTIVE: {
                    "side-by-side-window-background-color-non-active": string;
                    "side-by-side-window-color-non-active": string;
                };
                TAB_MENU_BUTTON: {
                    "side-by-side-tab-menu-button-background-active": string;
                    "side-by-side-tab-menu-button-background-default": string;
                    "side-by-side-tab-menu-button-background-disabled": string;
                    "side-by-side-tab-menu-button-background-hover": string;
                    "side-by-side-tab-menu-button-icon-active": string;
                    "side-by-side-tab-menu-button-icon-default": string;
                    "side-by-side-tab-menu-button-icon-disabled": string;
                    "side-by-side-tab-menu-button-icon-hover": string;
                };
            };
        };
    }

    Type declaration

    • CHOOSE_FILE: {
          BODY: { "choose-file-text": string };
          BUTTON: {
              "btn-choose-file-background-active": string;
              "btn-choose-file-background-default": string;
              "btn-choose-file-background-disabled": string;
              "btn-choose-file-background-hover": string;
              "btn-choose-file-icon-active": string;
              "btn-choose-file-icon-default": string;
              "btn-choose-file-icon-disabled": string;
              "btn-choose-file-icon-hover": string;
              "btn-choose-file-text-active": string;
              "btn-choose-file-text-default": string;
              "btn-choose-file-text-disabled": string;
              "btn-choose-file-text-hover": string;
          };
          GRADIENT: {
              "choose-file-gradient-from": string;
              "choose-file-gradient-to": string;
          };
          SUBTITLE: { "choose-file-subtitle-text-default": string };
          TITLE: { "choose-file-title-text-default": string };
      }
    • CORE: { "document-background-default": string }
    • DOCUMENT_TAB: {
          ADD_BUTTON: {
              "document-tab-add-btn-background-default": string;
              "document-tab-add-btn-background-hover": string;
              "document-tab-add-btn-text-default": string;
              "document-tab-add-btn-text-hover": string;
          };
          CLOSE_BUTTON: {
              "document-tab-close-btn-text-active": string;
              "document-tab-close-btn-text-default": string;
              "document-tab-close-btn-text-hover": string;
          };
          DIVIDER: { "document-tab-divider-background-default": string };
          ITEM: {
              "document-tab-item-background-active": string;
              "document-tab-item-background-hover": string;
              "document-tab-item-text-default": string;
              "document-tab-item-text-hover": string;
          };
      }

      The classic documents tab strip of the default layout.

    • FONT_FAMILY_DROPDOWN: {
          "font-family-dropdown-border": string;
          "font-family-dropdown-border-error": string;
          "font-family-dropdown-border-focus": string;
          "font-family-dropdown-outline-text-focus": string;
          "font-family-dropdown-placeholder-text": string;
      }
    • HOME: {
          CARD: {
              "home-card-background-default": string;
              "home-card-radius": string;
          };
          CLEAR_ALL: {
              "home-clear-all-text-default": string;
              "home-clear-all-text-hover": string;
          };
          CLIPBOARD_ICON: {
              "home-create-option-clipboard-icon-background-default": string;
              "home-create-option-clipboard-icon-default": string;
          };
          CREATE_OPTION: {
              "home-create-option-background-active": string;
              "home-create-option-background-default": string;
              "home-create-option-background-hover": string;
              "home-create-option-divider-default": string;
              "home-create-option-icon-default": string;
              "home-create-option-text-default": string;
          };
          DROP_ZONE: {
              "home-drop-zone-background-active": string;
              "home-drop-zone-background-default": string;
              "home-drop-zone-border-active": string;
              "home-drop-zone-border-default": string;
              "home-drop-zone-hint-text-active": string;
              "home-drop-zone-hint-text-default": string;
          };
          EMPTY: {
              "home-hub-empty-background-default": string;
              "home-hub-empty-text-default": string;
              "home-hub-empty-title-text-default": string;
          };
          MENU_BUTTON: {
              "home-create-option-menu-button-background-hover": string;
              "home-create-option-menu-button-icon-default": string;
          };
          MERGE_ICON: {
              "home-create-option-merge-icon-background-default": string;
              "home-create-option-merge-icon-default": string;
          };
          NEW_ICON: {
              "home-create-option-new-icon-background-default": string;
              "home-create-option-new-icon-default": string;
          };
          PAGE: { "home-page-background-default": string };
          RECENTS: {
              "home-recents-folder-icon-default": string;
              "home-recents-thumbnail-background-default": string;
              "home-recents-thumbnail-border-default": string;
              "home-recents-tile-name-text-default": string;
          };
          RECENTS_HUB: {
              "home-hub-list-row-background-hover": string;
              "home-hub-list-row-divider-default": string;
              "home-hub-list-row-menu-background-hover": string;
              "home-hub-list-row-menu-icon-default": string;
              "home-hub-list-row-meta-text-default": string;
              "home-hub-list-row-text-default": string;
              "home-hub-menu-background-default": string;
              "home-hub-menu-border-default": string;
              "home-hub-menu-item-action-icon-default": string;
              "home-hub-menu-item-background-default": string;
              "home-hub-menu-item-background-hover": string;
              "home-hub-menu-item-border-default": string;
              "home-hub-menu-item-text-default": string;
              "home-hub-menu-section-background-default": string;
              "home-hub-menu-section-text-default": string;
              "home-hub-menu-shadow-default": string;
              "home-hub-switcher-background-active": string;
              "home-hub-switcher-background-hover": string;
              "home-hub-switcher-icon-default": string;
              "home-hub-tab-background-active": string;
              "home-hub-tab-background-hover": string;
              "home-hub-tab-text-active": string;
              "home-hub-tab-text-default": string;
              "home-hub-tab-text-disabled": string;
          };
          SECTION_TITLE: { "home-section-title-text-default": string };
          URL_ICON: {
              "home-create-option-url-icon-background-default": string;
              "home-create-option-url-icon-default": string;
          };
      }
      • CARD: { "home-card-background-default": string; "home-card-radius": string }
      • CLEAR_ALL: { "home-clear-all-text-default": string; "home-clear-all-text-hover": string }
      • CLIPBOARD_ICON: {
            "home-create-option-clipboard-icon-background-default": string;
            "home-create-option-clipboard-icon-default": string;
        }
      • CREATE_OPTION: {
            "home-create-option-background-active": string;
            "home-create-option-background-default": string;
            "home-create-option-background-hover": string;
            "home-create-option-divider-default": string;
            "home-create-option-icon-default": string;
            "home-create-option-text-default": string;
        }
      • DROP_ZONE: {
            "home-drop-zone-background-active": string;
            "home-drop-zone-background-default": string;
            "home-drop-zone-border-active": string;
            "home-drop-zone-border-default": string;
            "home-drop-zone-hint-text-active": string;
            "home-drop-zone-hint-text-default": string;
        }
        • home-drop-zone-background-active: string

          Highlight while a dragged file hovers the home screen.

        • home-drop-zone-background-default: string
        • home-drop-zone-border-active: string
        • home-drop-zone-border-default: string
        • home-drop-zone-hint-text-active: string
        • home-drop-zone-hint-text-default: string
      • EMPTY: {
            "home-hub-empty-background-default": string;
            "home-hub-empty-text-default": string;
            "home-hub-empty-title-text-default": string;
        }

        "No recent files" / "No cloud files" placeholder shown when the hub body is empty.

      • MENU_BUTTON: {
            "home-create-option-menu-button-background-hover": string;
            "home-create-option-menu-button-icon-default": string;
        }
      • MERGE_ICON: {
            "home-create-option-merge-icon-background-default": string;
            "home-create-option-merge-icon-default": string;
        }
      • NEW_ICON: {
            "home-create-option-new-icon-background-default": string;
            "home-create-option-new-icon-default": string;
        }
      • PAGE: { "home-page-background-default": string }
      • RECENTS: {
            "home-recents-folder-icon-default": string;
            "home-recents-thumbnail-background-default": string;
            "home-recents-thumbnail-border-default": string;
            "home-recents-tile-name-text-default": string;
        }
        • home-recents-folder-icon-default: string

          Folder glyph in a cloud-drive tile / list row.

        • home-recents-thumbnail-background-default: string
        • home-recents-thumbnail-border-default: string
        • home-recents-tile-name-text-default: string
      • RECENTS_HUB: {
            "home-hub-list-row-background-hover": string;
            "home-hub-list-row-divider-default": string;
            "home-hub-list-row-menu-background-hover": string;
            "home-hub-list-row-menu-icon-default": string;
            "home-hub-list-row-meta-text-default": string;
            "home-hub-list-row-text-default": string;
            "home-hub-menu-background-default": string;
            "home-hub-menu-border-default": string;
            "home-hub-menu-item-action-icon-default": string;
            "home-hub-menu-item-background-default": string;
            "home-hub-menu-item-background-hover": string;
            "home-hub-menu-item-border-default": string;
            "home-hub-menu-item-text-default": string;
            "home-hub-menu-section-background-default": string;
            "home-hub-menu-section-text-default": string;
            "home-hub-menu-shadow-default": string;
            "home-hub-switcher-background-active": string;
            "home-hub-switcher-background-hover": string;
            "home-hub-switcher-icon-default": string;
            "home-hub-tab-background-active": string;
            "home-hub-tab-background-hover": string;
            "home-hub-tab-text-active": string;
            "home-hub-tab-text-default": string;
            "home-hub-tab-text-disabled": string;
        }

        The unified tabbed source hub (Recents + connected cloud drives).

        • home-hub-list-row-background-hover: string
        • home-hub-list-row-divider-default: string
        • home-hub-list-row-menu-background-hover: string
        • home-hub-list-row-menu-icon-default: string
        • home-hub-list-row-meta-text-default: string
        • home-hub-list-row-text-default: string

          List-view rows.

        • home-hub-menu-background-default: string

          The +Connect provider dropdown menu.

        • home-hub-menu-border-default: string
        • home-hub-menu-item-action-icon-default: string
        • home-hub-menu-item-background-default: string
        • home-hub-menu-item-background-hover: string
        • home-hub-menu-item-border-default: string
        • home-hub-menu-item-text-default: string
        • home-hub-menu-section-background-default: string
        • home-hub-menu-section-text-default: string
        • home-hub-menu-shadow-default: string
        • home-hub-switcher-background-active: string
        • home-hub-switcher-background-hover: string
        • home-hub-switcher-icon-default: string

          List / grid view switcher.

        • home-hub-tab-background-active: string
        • home-hub-tab-background-hover: string
        • home-hub-tab-text-active: string
        • home-hub-tab-text-default: string

          Tab label and pill; the bar's Upload file / Create folder / Clear all share it.

        • home-hub-tab-text-disabled: string
      • SECTION_TITLE: { "home-section-title-text-default": string }
      • URL_ICON: {
            "home-create-option-url-icon-background-default": string;
            "home-create-option-url-icon-default": string;
        }
    • ORGANIZE: {
          HEADER_BUTTON: {
              "organize-header-button-background-active": string;
              "organize-header-button-background-default": string;
              "organize-header-button-background-disabled": string;
              "organize-header-button-background-hover": string;
              "organize-header-button-icon-active": string;
              "organize-header-button-icon-default": string;
              "organize-header-button-icon-disabled": string;
              "organize-header-button-icon-hover": string;
              "organize-header-button-text-active": string;
              "organize-header-button-text-default": string;
              "organize-header-button-text-disabled": string;
              "organize-header-button-text-hover": string;
          };
          INSERT_BUTTON: {
              "organize-insert-btn-background-default": string;
              "organize-insert-btn-background-hover": string;
              "organize-insert-btn-icon-default": string;
          };
          INSERT_INDICATOR: {
              "organize-insert-indicator-background-default": string;
          };
          INSERT_LINE: { "organize-insert-line-background-default": string };
      }
      • HEADER_BUTTON: {
            "organize-header-button-background-active": string;
            "organize-header-button-background-default": string;
            "organize-header-button-background-disabled": string;
            "organize-header-button-background-hover": string;
            "organize-header-button-icon-active": string;
            "organize-header-button-icon-default": string;
            "organize-header-button-icon-disabled": string;
            "organize-header-button-icon-hover": string;
            "organize-header-button-text-active": string;
            "organize-header-button-text-default": string;
            "organize-header-button-text-disabled": string;
            "organize-header-button-text-hover": string;
        }
      • INSERT_BUTTON: {
            "organize-insert-btn-background-default": string;
            "organize-insert-btn-background-hover": string;
            "organize-insert-btn-icon-default": string;
        }
      • INSERT_INDICATOR: { "organize-insert-indicator-background-default": string }

        Drop-position bar shown while dragging a page.

      • INSERT_LINE: { "organize-insert-line-background-default": string }

        Insert-page affordance between page cards: divider line + accent "+" button.

    • SIDE_BY_SIDE: {
          LAYOUT: { "side-by-side-main-background": string };
          TAB_LIST: {
              "sbs-tab-list-card-background": string;
              "sbs-tab-list-card-border": string;
              "sbs-tab-list-item-background-active": string;
              "sbs-tab-list-item-background-hover": string;
              "sbs-tab-list-item-text-active": string;
              "sbs-tab-list-item-text-hover": string;
              "sbs-tab-list-separator-line": string;
          };
          WINDOW: {
              ACTIVE: {
                  "side-by-side-window-active-text": string;
                  "side-by-side-window-background-active": string;
                  "side-by-side-window-text-active": string;
              };
              CLOSE: {
                  "documents-tab-close-btn-text-default": string;
                  "side-by-side-close-text-active": string;
                  "side-by-side-close-text-hover": string;
              };
              NON_ACTIVE: {
                  "side-by-side-window-background-color-non-active": string;
                  "side-by-side-window-color-non-active": string;
              };
              TAB_MENU_BUTTON: {
                  "side-by-side-tab-menu-button-background-active": string;
                  "side-by-side-tab-menu-button-background-default": string;
                  "side-by-side-tab-menu-button-background-disabled": string;
                  "side-by-side-tab-menu-button-background-hover": string;
                  "side-by-side-tab-menu-button-icon-active": string;
                  "side-by-side-tab-menu-button-icon-default": string;
                  "side-by-side-tab-menu-button-icon-disabled": string;
                  "side-by-side-tab-menu-button-icon-hover": string;
              };
          };
      }
    INSTRUMENTS: {
        CORE: { "instruments-background-default": string };
        HEADER_BOTTOM: {
            BUTTONS: {
                TOOL: {
                    NOT_SELECTED: {
                        "header-bottom-tool-background-active": string;
                        "header-bottom-tool-background-default": string;
                        "header-bottom-tool-background-disabled": string;
                        "header-bottom-tool-background-hover": string;
                        "header-bottom-tool-icon-active": string;
                        "header-bottom-tool-icon-default": string;
                        "header-bottom-tool-icon-disabled": string;
                        "header-bottom-tool-icon-hover": string;
                        "header-bottom-tool-text-active": string;
                        "header-bottom-tool-text-default": string;
                        "header-bottom-tool-text-disabled": string;
                        "header-bottom-tool-text-hover": string;
                    };
                    SELECTED: {
                        "header-bottom-tool-selected-background": string;
                        "header-bottom-tool-selected-text": string;
                    };
                };
            };
            NAVIGATION_INPUT: { "header-bottom-page-nav-input-background": string };
            STEPPER: {
                "stepper-circle-active-background": string;
                "stepper-circle-active-border": string;
                "stepper-circle-active-outline": string;
                "stepper-circle-active-text": string;
                "stepper-circle-completed-background": string;
                "stepper-circle-completed-border": string;
                "stepper-circle-completed-text": string;
                "stepper-circle-upcoming-border": string;
                "stepper-circle-upcoming-clickable-border": string;
                "stepper-circle-upcoming-clickable-text": string;
                "stepper-circle-upcoming-text": string;
                "stepper-connector-color": string;
                "stepper-finish-btn-background-default": string;
                "stepper-finish-btn-background-disabled": string;
                "stepper-finish-btn-text-default": string;
                "stepper-finish-btn-text-disabled": string;
                "stepper-label-active-text": string;
                "stepper-label-completed-text": string;
                "stepper-label-upcoming-clickable-text": string;
                "stepper-label-upcoming-text": string;
            };
        };
    }
    MAIN: {
        CORE: { "main-background-default": string };
        DOCUMENTS_TAB: {
            CLOSE_BUTTON: {
                "documents-tab-close-btn-background-hover": string;
                "documents-tab-close-btn-selected-background-hover": string;
            };
            DIVIDER: {
                "documents-tab-divider-background-default": string;
                "documents-tab-divider-background-hover": string;
                "documents-tab-divider-selected-background-default": string;
            };
            ITEM: {
                NOT_SELECTED: {
                    "documents-tab-item-background-active": string;
                    "documents-tab-item-background-default": string;
                    "documents-tab-item-background-hover": string;
                    "documents-tab-item-text-active": string;
                    "documents-tab-item-text-default": string;
                    "documents-tab-item-text-hover": string;
                };
                SELECTED: {
                    "documents-tab-item-selected-background-active": string;
                    "documents-tab-item-selected-background-default": string;
                    "documents-tab-item-selected-background-hover": string;
                    "documents-tab-item-selected-text-active": string;
                    "documents-tab-item-selected-text-default": string;
                    "documents-tab-item-selected-text-hover": string;
                };
            };
        };
        HEADER_TOP: {
            BUTTONS: {
                EMBEDDED: {
                    "btn-header-top-embedded-background-active": string;
                    "btn-header-top-embedded-background-default": string;
                    "btn-header-top-embedded-background-disabled": string;
                    "btn-header-top-embedded-background-hover": string;
                    "btn-header-top-embedded-icon-active": string;
                    "btn-header-top-embedded-icon-default": string;
                    "btn-header-top-embedded-icon-disabled": string;
                    "btn-header-top-embedded-icon-hover": string;
                };
                NOT_EMBEDDED: {
                    "btn-header-top-background-active": string;
                    "btn-header-top-background-default": string;
                    "btn-header-top-background-disabled": string;
                    "btn-header-top-background-hover": string;
                    "btn-header-top-icon-active": string;
                    "btn-header-top-icon-default": string;
                    "btn-header-top-icon-disabled": string;
                    "btn-header-top-icon-hover": string;
                };
            };
            INPUTS: {
                ZOOM: {
                    "header-top-input-background-active": string;
                    "header-top-input-background-default": string;
                    "header-top-input-background-disabled": string;
                    "header-top-input-background-focus": string;
                    "header-top-input-background-hover": string;
                    "header-top-input-border-active": string;
                    "header-top-input-border-default": string;
                    "header-top-input-border-disabled": string;
                    "header-top-input-border-focus": string;
                    "header-top-input-border-hover": string;
                    "header-top-input-text-active": string;
                    "header-top-input-text-default": string;
                    "header-top-input-text-disabled": string;
                    "header-top-input-text-focus": string;
                    "header-top-input-text-hover": string;
                };
            };
            NOT_SUPORT_FULLY: {
                INPUTS: {
                    DOCUMENT_NAME: {
                        "header-top-document-name-input-background-active": string;
                        "header-top-document-name-input-background-default": string;
                        "header-top-document-name-input-background-disabled": string;
                        "header-top-document-name-input-background-focus": string;
                        "header-top-document-name-input-background-hover": string;
                        "header-top-document-name-input-border-active": string;
                        "header-top-document-name-input-border-default": string;
                        "header-top-document-name-input-border-disabled": string;
                        "header-top-document-name-input-border-focus": string;
                        "header-top-document-name-input-border-hover": string;
                        "header-top-document-name-input-icon-default": string;
                        "header-top-document-name-input-icon-focus": string;
                        "header-top-document-name-input-selection-background": string;
                        "header-top-document-name-input-selection-text": string;
                        "header-top-document-name-input-text-active": string;
                        "header-top-document-name-input-text-default": string;
                        "header-top-document-name-input-text-disabled": string;
                        "header-top-document-name-input-text-focus": string;
                        "header-top-document-name-input-text-hover": string;
                    };
                };
            };
            TAB: {
                NOT_SELECTED: {
                    "header-top-tab-background-active": string;
                    "header-top-tab-background-default": string;
                    "header-top-tab-background-disabled": string;
                    "header-top-tab-background-hover": string;
                    "header-top-tab-text-active": string;
                    "header-top-tab-text-default": string;
                    "header-top-tab-text-disabled": string;
                    "header-top-tab-text-hover": string;
                };
                SELECTED: {
                    "header-top-tab-selected-background-active": string;
                    "header-top-tab-selected-background-default": string;
                    "header-top-tab-selected-background-disabled": string;
                    "header-top-tab-selected-background-hover": string;
                    "header-top-tab-selected-text-active": string;
                    "header-top-tab-selected-text-default": string;
                    "header-top-tab-selected-text-disabled": string;
                    "header-top-tab-selected-text-hover": string;
                };
            };
            USER_PROFILE: {
                INITIALS: {
                    "user-profile-initials-background-active": string;
                    "user-profile-initials-background-default": string;
                    "user-profile-initials-background-disabled": string;
                    "user-profile-initials-background-hover": string;
                    "user-profile-initials-text-active": string;
                    "user-profile-initials-text-default": string;
                    "user-profile-initials-text-disabled": string;
                    "user-profile-initials-text-hover": string;
                };
                MOBILE: {
                    "user-profile-mobile-background-active": string;
                    "user-profile-mobile-background-default": string;
                    "user-profile-mobile-background-disabled": string;
                    "user-profile-mobile-background-hover": string;
                    "user-profile-mobile-text-active": string;
                    "user-profile-mobile-text-default": string;
                    "user-profile-mobile-text-disabled": string;
                    "user-profile-mobile-text-hover": string;
                };
                PLACEHOLDER: {
                    "user-profile-placeholder-background-active": string;
                    "user-profile-placeholder-background-default": string;
                    "user-profile-placeholder-background-disabled": string;
                    "user-profile-placeholder-background-hover": string;
                    "user-profile-placeholder-border-active": string;
                    "user-profile-placeholder-border-default": string;
                    "user-profile-placeholder-border-disabled": string;
                    "user-profile-placeholder-border-hover": string;
                    "user-profile-placeholder-text-active": string;
                    "user-profile-placeholder-text-default": string;
                    "user-profile-placeholder-text-disabled": string;
                    "user-profile-placeholder-text-hover": string;
                };
            };
        };
        SEARCH: {
            ICON: {
                "search-icon-active": string;
                "search-icon-default": string;
                "search-icon-hover": string;
                "search-settings-icon-default": string;
            };
            INPUT: {
                "search-input-background-default": string;
                "search-input-border-default": string;
                "search-input-placeholder-default": string;
                "search-input-text-default": string;
            };
            TEXT: {
                "search-no-results-text-default": string;
                "search-results-text-default": string;
            };
            WRAPPER: {
                "search-wrapper-background-default": string;
                "search-wrapper-border-default": string;
                "search-wrapper-shadow-default": string;
            };
        };
        SIDEBAR: {
            ADD_BUTTON: { "sidebar-add-btn-background": string };
            ADVANCED_SEARCH: {
                CHECKBOX: {
                    "advanced-search-checkbox-border-default": string;
                    "advanced-search-checkbox-checked-background-default": string;
                    "advanced-search-checkbox-checkmark-default": string;
                };
                INPUT: {
                    "advanced-search-input-background-default": string;
                    "advanced-search-input-border-default": string;
                    "advanced-search-input-text-default": string;
                };
                REPLACE: {
                    "advanced-search-replace-accent-default": string;
                    "advanced-search-replace-divider-default": string;
                };
                RESULT: {
                    "advanced-search-result-background-hover": string;
                    "advanced-search-result-background-selected": string;
                    "advanced-search-result-divider-default": string;
                };
                SETTINGS: {
                    "advanced-search-settings-icon-active": string;
                    "advanced-search-settings-icon-default": string;
                    "advanced-search-settings-icon-hover": string;
                };
                TEXT: {
                    "advanced-search-text-default": string;
                    "advanced-search-text-secondary-default": string;
                };
            };
            ATTACHMENTS: {
                CARD: {
                    "sidebar-attachments-card-background-default": string;
                    "sidebar-attachments-card-background-selected": string;
                    "sidebar-attachments-card-border-default": string;
                    "sidebar-attachments-card-text-default": string;
                };
                TITLE: {
                    "sidebar-attachments-card-title-text-default": string;
                    "sidebar-attachments-card-title-text-hover": string;
                };
            };
            BOOKMARKS: {
                CORE: { "sidebar-bookmarks-border-default": string };
                DRAG_INDICATOR: { "sidebar-bookmarks-drag-indicator-text": string };
                EMPTY: {
                    BODY: { "sidebar-bookmarks-empty-text-default": string };
                    TITLE: { "sidebar-bookmarks-empty-title-text-default": string };
                };
                INSERT_BUTTON: {
                    "sidebar-bookmarks-insert-btn-background-hover": string;
                    "sidebar-bookmarks-insert-btn-border-hover": string;
                };
                ITEM: {
                    "sidebar-bookmarks-item-background-default": string;
                    "sidebar-bookmarks-item-background-selected": string;
                };
            };
            CORE: {
                "sidebar-border": string;
                "sidebar-item-active-bg": string;
                "sidebar-item-hover-bg": string;
                "sidebar-title-text": string;
            };
            EAR: {
                BUTTON: {
                    "sidebar-ear-button-background-active": string;
                    "sidebar-ear-button-background-default": string;
                    "sidebar-ear-button-background-disabled": string;
                    "sidebar-ear-button-background-hover": string;
                    "sidebar-ear-button-icon-active": string;
                    "sidebar-ear-button-icon-default": string;
                    "sidebar-ear-button-icon-disabled": string;
                    "sidebar-ear-button-icon-hover": string;
                    "sidebar-ear-button-selected-background": string;
                    "sidebar-ear-button-selected-icon": string;
                };
                CORE: { "sidebar-ear-background-default": string };
            };
            LAYERS: {
                EMPTY: {
                    BODY: { "sidebar-layers-empty-text-default": string };
                    TITLE: { "sidebar-layers-empty-title-text-default": string };
                };
                EYE_BUTTON: { "sidebar-layers-eye-btn-text-default": string };
                ITEM: {
                    "sidebar-layers-item-background-hover": string;
                    "sidebar-layers-item-background-selected": string;
                };
            };
            PAGE_NAV: {
                CORE: {
                    "page-nav-floating-background-default": string;
                    "page-nav-floating-input-background-default": string;
                    "page-nav-floating-text-default": string;
                };
            };
            PREVIEW: {
                DRAG_INDICATOR: {
                    "sidebar-preview-drag-indicator-background-default": string;
                };
                INSERT_BUTTON: {
                    "sidebar-preview-insert-btn-background-active": string;
                    "sidebar-preview-insert-btn-background-default": string;
                    "sidebar-preview-insert-btn-background-hover": string;
                    "sidebar-preview-insert-btn-border-hover": string;
                    "sidebar-preview-insert-btn-text-active": string;
                    "sidebar-preview-insert-btn-text-default": string;
                    "sidebar-preview-insert-btn-text-hover": string;
                };
                INSERT_POINT: {
                    "sidebar-preview-insert-point-btn-background-default": string;
                    "sidebar-preview-insert-point-btn-background-hover": string;
                    "sidebar-preview-insert-point-btn-icon-default": string;
                    "sidebar-preview-insert-point-line-background-default": string;
                };
                ITEM: {
                    "sidebar-preview-item-background-default": string;
                    "sidebar-preview-item-border-active": string;
                    "sidebar-preview-item-border-default": string;
                };
            };
            RAIL: {
                BUTTON: {
                    NOT_SELECTED: {
                        "nav-sidebar-button-background-active": string;
                        "nav-sidebar-button-background-default": string;
                        "nav-sidebar-button-background-hover": string;
                        "nav-sidebar-button-text-active": string;
                        "nav-sidebar-button-text-default": string;
                        "nav-sidebar-button-text-hover": string;
                    };
                    SELECTED: {
                        "nav-sidebar-button-selected-background-active": string;
                        "nav-sidebar-button-selected-background-default": string;
                        "nav-sidebar-button-selected-background-hover": string;
                        "nav-sidebar-button-selected-text-active": string;
                        "nav-sidebar-button-selected-text-default": string;
                        "nav-sidebar-button-selected-text-hover": string;
                    };
                };
                CORE: { "nav-sidebar-text-default": string };
            };
        };
    }

    Type declaration

    • CORE: { "main-background-default": string }
    • DOCUMENTS_TAB: {
          CLOSE_BUTTON: {
              "documents-tab-close-btn-background-hover": string;
              "documents-tab-close-btn-selected-background-hover": string;
          };
          DIVIDER: {
              "documents-tab-divider-background-default": string;
              "documents-tab-divider-background-hover": string;
              "documents-tab-divider-selected-background-default": string;
          };
          ITEM: {
              NOT_SELECTED: {
                  "documents-tab-item-background-active": string;
                  "documents-tab-item-background-default": string;
                  "documents-tab-item-background-hover": string;
                  "documents-tab-item-text-active": string;
                  "documents-tab-item-text-default": string;
                  "documents-tab-item-text-hover": string;
              };
              SELECTED: {
                  "documents-tab-item-selected-background-active": string;
                  "documents-tab-item-selected-background-default": string;
                  "documents-tab-item-selected-background-hover": string;
                  "documents-tab-item-selected-text-active": string;
                  "documents-tab-item-selected-text-default": string;
                  "documents-tab-item-selected-text-hover": string;
              };
          };
      }

      Document tabs rendered inside the header (navigationSidebar layout).

    • HEADER_TOP: {
          BUTTONS: {
              EMBEDDED: {
                  "btn-header-top-embedded-background-active": string;
                  "btn-header-top-embedded-background-default": string;
                  "btn-header-top-embedded-background-disabled": string;
                  "btn-header-top-embedded-background-hover": string;
                  "btn-header-top-embedded-icon-active": string;
                  "btn-header-top-embedded-icon-default": string;
                  "btn-header-top-embedded-icon-disabled": string;
                  "btn-header-top-embedded-icon-hover": string;
              };
              NOT_EMBEDDED: {
                  "btn-header-top-background-active": string;
                  "btn-header-top-background-default": string;
                  "btn-header-top-background-disabled": string;
                  "btn-header-top-background-hover": string;
                  "btn-header-top-icon-active": string;
                  "btn-header-top-icon-default": string;
                  "btn-header-top-icon-disabled": string;
                  "btn-header-top-icon-hover": string;
              };
          };
          INPUTS: {
              ZOOM: {
                  "header-top-input-background-active": string;
                  "header-top-input-background-default": string;
                  "header-top-input-background-disabled": string;
                  "header-top-input-background-focus": string;
                  "header-top-input-background-hover": string;
                  "header-top-input-border-active": string;
                  "header-top-input-border-default": string;
                  "header-top-input-border-disabled": string;
                  "header-top-input-border-focus": string;
                  "header-top-input-border-hover": string;
                  "header-top-input-text-active": string;
                  "header-top-input-text-default": string;
                  "header-top-input-text-disabled": string;
                  "header-top-input-text-focus": string;
                  "header-top-input-text-hover": string;
              };
          };
          NOT_SUPORT_FULLY: {
              INPUTS: {
                  DOCUMENT_NAME: {
                      "header-top-document-name-input-background-active": string;
                      "header-top-document-name-input-background-default": string;
                      "header-top-document-name-input-background-disabled": string;
                      "header-top-document-name-input-background-focus": string;
                      "header-top-document-name-input-background-hover": string;
                      "header-top-document-name-input-border-active": string;
                      "header-top-document-name-input-border-default": string;
                      "header-top-document-name-input-border-disabled": string;
                      "header-top-document-name-input-border-focus": string;
                      "header-top-document-name-input-border-hover": string;
                      "header-top-document-name-input-icon-default": string;
                      "header-top-document-name-input-icon-focus": string;
                      "header-top-document-name-input-selection-background": string;
                      "header-top-document-name-input-selection-text": string;
                      "header-top-document-name-input-text-active": string;
                      "header-top-document-name-input-text-default": string;
                      "header-top-document-name-input-text-disabled": string;
                      "header-top-document-name-input-text-focus": string;
                      "header-top-document-name-input-text-hover": string;
                  };
              };
          };
          TAB: {
              NOT_SELECTED: {
                  "header-top-tab-background-active": string;
                  "header-top-tab-background-default": string;
                  "header-top-tab-background-disabled": string;
                  "header-top-tab-background-hover": string;
                  "header-top-tab-text-active": string;
                  "header-top-tab-text-default": string;
                  "header-top-tab-text-disabled": string;
                  "header-top-tab-text-hover": string;
              };
              SELECTED: {
                  "header-top-tab-selected-background-active": string;
                  "header-top-tab-selected-background-default": string;
                  "header-top-tab-selected-background-disabled": string;
                  "header-top-tab-selected-background-hover": string;
                  "header-top-tab-selected-text-active": string;
                  "header-top-tab-selected-text-default": string;
                  "header-top-tab-selected-text-disabled": string;
                  "header-top-tab-selected-text-hover": string;
              };
          };
          USER_PROFILE: {
              INITIALS: {
                  "user-profile-initials-background-active": string;
                  "user-profile-initials-background-default": string;
                  "user-profile-initials-background-disabled": string;
                  "user-profile-initials-background-hover": string;
                  "user-profile-initials-text-active": string;
                  "user-profile-initials-text-default": string;
                  "user-profile-initials-text-disabled": string;
                  "user-profile-initials-text-hover": string;
              };
              MOBILE: {
                  "user-profile-mobile-background-active": string;
                  "user-profile-mobile-background-default": string;
                  "user-profile-mobile-background-disabled": string;
                  "user-profile-mobile-background-hover": string;
                  "user-profile-mobile-text-active": string;
                  "user-profile-mobile-text-default": string;
                  "user-profile-mobile-text-disabled": string;
                  "user-profile-mobile-text-hover": string;
              };
              PLACEHOLDER: {
                  "user-profile-placeholder-background-active": string;
                  "user-profile-placeholder-background-default": string;
                  "user-profile-placeholder-background-disabled": string;
                  "user-profile-placeholder-background-hover": string;
                  "user-profile-placeholder-border-active": string;
                  "user-profile-placeholder-border-default": string;
                  "user-profile-placeholder-border-disabled": string;
                  "user-profile-placeholder-border-hover": string;
                  "user-profile-placeholder-text-active": string;
                  "user-profile-placeholder-text-default": string;
                  "user-profile-placeholder-text-disabled": string;
                  "user-profile-placeholder-text-hover": string;
              };
          };
      }
    • SEARCH: {
          ICON: {
              "search-icon-active": string;
              "search-icon-default": string;
              "search-icon-hover": string;
              "search-settings-icon-default": string;
          };
          INPUT: {
              "search-input-background-default": string;
              "search-input-border-default": string;
              "search-input-placeholder-default": string;
              "search-input-text-default": string;
          };
          TEXT: {
              "search-no-results-text-default": string;
              "search-results-text-default": string;
          };
          WRAPPER: {
              "search-wrapper-background-default": string;
              "search-wrapper-border-default": string;
              "search-wrapper-shadow-default": string;
          };
      }
    • SIDEBAR: {
          ADD_BUTTON: { "sidebar-add-btn-background": string };
          ADVANCED_SEARCH: {
              CHECKBOX: {
                  "advanced-search-checkbox-border-default": string;
                  "advanced-search-checkbox-checked-background-default": string;
                  "advanced-search-checkbox-checkmark-default": string;
              };
              INPUT: {
                  "advanced-search-input-background-default": string;
                  "advanced-search-input-border-default": string;
                  "advanced-search-input-text-default": string;
              };
              REPLACE: {
                  "advanced-search-replace-accent-default": string;
                  "advanced-search-replace-divider-default": string;
              };
              RESULT: {
                  "advanced-search-result-background-hover": string;
                  "advanced-search-result-background-selected": string;
                  "advanced-search-result-divider-default": string;
              };
              SETTINGS: {
                  "advanced-search-settings-icon-active": string;
                  "advanced-search-settings-icon-default": string;
                  "advanced-search-settings-icon-hover": string;
              };
              TEXT: {
                  "advanced-search-text-default": string;
                  "advanced-search-text-secondary-default": string;
              };
          };
          ATTACHMENTS: {
              CARD: {
                  "sidebar-attachments-card-background-default": string;
                  "sidebar-attachments-card-background-selected": string;
                  "sidebar-attachments-card-border-default": string;
                  "sidebar-attachments-card-text-default": string;
              };
              TITLE: {
                  "sidebar-attachments-card-title-text-default": string;
                  "sidebar-attachments-card-title-text-hover": string;
              };
          };
          BOOKMARKS: {
              CORE: { "sidebar-bookmarks-border-default": string };
              DRAG_INDICATOR: { "sidebar-bookmarks-drag-indicator-text": string };
              EMPTY: {
                  BODY: { "sidebar-bookmarks-empty-text-default": string };
                  TITLE: { "sidebar-bookmarks-empty-title-text-default": string };
              };
              INSERT_BUTTON: {
                  "sidebar-bookmarks-insert-btn-background-hover": string;
                  "sidebar-bookmarks-insert-btn-border-hover": string;
              };
              ITEM: {
                  "sidebar-bookmarks-item-background-default": string;
                  "sidebar-bookmarks-item-background-selected": string;
              };
          };
          CORE: {
              "sidebar-border": string;
              "sidebar-item-active-bg": string;
              "sidebar-item-hover-bg": string;
              "sidebar-title-text": string;
          };
          EAR: {
              BUTTON: {
                  "sidebar-ear-button-background-active": string;
                  "sidebar-ear-button-background-default": string;
                  "sidebar-ear-button-background-disabled": string;
                  "sidebar-ear-button-background-hover": string;
                  "sidebar-ear-button-icon-active": string;
                  "sidebar-ear-button-icon-default": string;
                  "sidebar-ear-button-icon-disabled": string;
                  "sidebar-ear-button-icon-hover": string;
                  "sidebar-ear-button-selected-background": string;
                  "sidebar-ear-button-selected-icon": string;
              };
              CORE: { "sidebar-ear-background-default": string };
          };
          LAYERS: {
              EMPTY: {
                  BODY: { "sidebar-layers-empty-text-default": string };
                  TITLE: { "sidebar-layers-empty-title-text-default": string };
              };
              EYE_BUTTON: { "sidebar-layers-eye-btn-text-default": string };
              ITEM: {
                  "sidebar-layers-item-background-hover": string;
                  "sidebar-layers-item-background-selected": string;
              };
          };
          PAGE_NAV: {
              CORE: {
                  "page-nav-floating-background-default": string;
                  "page-nav-floating-input-background-default": string;
                  "page-nav-floating-text-default": string;
              };
          };
          PREVIEW: {
              DRAG_INDICATOR: {
                  "sidebar-preview-drag-indicator-background-default": string;
              };
              INSERT_BUTTON: {
                  "sidebar-preview-insert-btn-background-active": string;
                  "sidebar-preview-insert-btn-background-default": string;
                  "sidebar-preview-insert-btn-background-hover": string;
                  "sidebar-preview-insert-btn-border-hover": string;
                  "sidebar-preview-insert-btn-text-active": string;
                  "sidebar-preview-insert-btn-text-default": string;
                  "sidebar-preview-insert-btn-text-hover": string;
              };
              INSERT_POINT: {
                  "sidebar-preview-insert-point-btn-background-default": string;
                  "sidebar-preview-insert-point-btn-background-hover": string;
                  "sidebar-preview-insert-point-btn-icon-default": string;
                  "sidebar-preview-insert-point-line-background-default": string;
              };
              ITEM: {
                  "sidebar-preview-item-background-default": string;
                  "sidebar-preview-item-border-active": string;
                  "sidebar-preview-item-border-default": string;
              };
          };
          RAIL: {
              BUTTON: {
                  NOT_SELECTED: {
                      "nav-sidebar-button-background-active": string;
                      "nav-sidebar-button-background-default": string;
                      "nav-sidebar-button-background-hover": string;
                      "nav-sidebar-button-text-active": string;
                      "nav-sidebar-button-text-default": string;
                      "nav-sidebar-button-text-hover": string;
                  };
                  SELECTED: {
                      "nav-sidebar-button-selected-background-active": string;
                      "nav-sidebar-button-selected-background-default": string;
                      "nav-sidebar-button-selected-background-hover": string;
                      "nav-sidebar-button-selected-text-active": string;
                      "nav-sidebar-button-selected-text-default": string;
                      "nav-sidebar-button-selected-text-hover": string;
                  };
              };
              CORE: { "nav-sidebar-text-default": string };
          };
      }
      • ADD_BUTTON: { "sidebar-add-btn-background": string }
      • ADVANCED_SEARCH: {
            CHECKBOX: {
                "advanced-search-checkbox-border-default": string;
                "advanced-search-checkbox-checked-background-default": string;
                "advanced-search-checkbox-checkmark-default": string;
            };
            INPUT: {
                "advanced-search-input-background-default": string;
                "advanced-search-input-border-default": string;
                "advanced-search-input-text-default": string;
            };
            REPLACE: {
                "advanced-search-replace-accent-default": string;
                "advanced-search-replace-divider-default": string;
            };
            RESULT: {
                "advanced-search-result-background-hover": string;
                "advanced-search-result-background-selected": string;
                "advanced-search-result-divider-default": string;
            };
            SETTINGS: {
                "advanced-search-settings-icon-active": string;
                "advanced-search-settings-icon-default": string;
                "advanced-search-settings-icon-hover": string;
            };
            TEXT: {
                "advanced-search-text-default": string;
                "advanced-search-text-secondary-default": string;
            };
        }
      • ATTACHMENTS: {
            CARD: {
                "sidebar-attachments-card-background-default": string;
                "sidebar-attachments-card-background-selected": string;
                "sidebar-attachments-card-border-default": string;
                "sidebar-attachments-card-text-default": string;
            };
            TITLE: {
                "sidebar-attachments-card-title-text-default": string;
                "sidebar-attachments-card-title-text-hover": string;
            };
        }
      • BOOKMARKS: {
            CORE: { "sidebar-bookmarks-border-default": string };
            DRAG_INDICATOR: { "sidebar-bookmarks-drag-indicator-text": string };
            EMPTY: {
                BODY: { "sidebar-bookmarks-empty-text-default": string };
                TITLE: { "sidebar-bookmarks-empty-title-text-default": string };
            };
            INSERT_BUTTON: {
                "sidebar-bookmarks-insert-btn-background-hover": string;
                "sidebar-bookmarks-insert-btn-border-hover": string;
            };
            ITEM: {
                "sidebar-bookmarks-item-background-default": string;
                "sidebar-bookmarks-item-background-selected": string;
            };
        }
      • CORE: {
            "sidebar-border": string;
            "sidebar-item-active-bg": string;
            "sidebar-item-hover-bg": string;
            "sidebar-title-text": string;
        }
      • EAR: {
            BUTTON: {
                "sidebar-ear-button-background-active": string;
                "sidebar-ear-button-background-default": string;
                "sidebar-ear-button-background-disabled": string;
                "sidebar-ear-button-background-hover": string;
                "sidebar-ear-button-icon-active": string;
                "sidebar-ear-button-icon-default": string;
                "sidebar-ear-button-icon-disabled": string;
                "sidebar-ear-button-icon-hover": string;
                "sidebar-ear-button-selected-background": string;
                "sidebar-ear-button-selected-icon": string;
            };
            CORE: { "sidebar-ear-background-default": string };
        }
      • LAYERS: {
            EMPTY: {
                BODY: { "sidebar-layers-empty-text-default": string };
                TITLE: { "sidebar-layers-empty-title-text-default": string };
            };
            EYE_BUTTON: { "sidebar-layers-eye-btn-text-default": string };
            ITEM: {
                "sidebar-layers-item-background-hover": string;
                "sidebar-layers-item-background-selected": string;
            };
        }
      • PAGE_NAV: {
            CORE: {
                "page-nav-floating-background-default": string;
                "page-nav-floating-input-background-default": string;
                "page-nav-floating-text-default": string;
            };
        }
      • PREVIEW: {
            DRAG_INDICATOR: {
                "sidebar-preview-drag-indicator-background-default": string;
            };
            INSERT_BUTTON: {
                "sidebar-preview-insert-btn-background-active": string;
                "sidebar-preview-insert-btn-background-default": string;
                "sidebar-preview-insert-btn-background-hover": string;
                "sidebar-preview-insert-btn-border-hover": string;
                "sidebar-preview-insert-btn-text-active": string;
                "sidebar-preview-insert-btn-text-default": string;
                "sidebar-preview-insert-btn-text-hover": string;
            };
            INSERT_POINT: {
                "sidebar-preview-insert-point-btn-background-default": string;
                "sidebar-preview-insert-point-btn-background-hover": string;
                "sidebar-preview-insert-point-btn-icon-default": string;
                "sidebar-preview-insert-point-line-background-default": string;
            };
            ITEM: {
                "sidebar-preview-item-background-default": string;
                "sidebar-preview-item-border-active": string;
                "sidebar-preview-item-border-default": string;
            };
        }
        • DRAG_INDICATOR: { "sidebar-preview-drag-indicator-background-default": string }

          Drop-position bar shown while dragging a page preview.

        • INSERT_BUTTON: {
              "sidebar-preview-insert-btn-background-active": string;
              "sidebar-preview-insert-btn-background-default": string;
              "sidebar-preview-insert-btn-background-hover": string;
              "sidebar-preview-insert-btn-border-hover": string;
              "sidebar-preview-insert-btn-text-active": string;
              "sidebar-preview-insert-btn-text-default": string;
              "sidebar-preview-insert-btn-text-hover": string;
          }
        • INSERT_POINT: {
              "sidebar-preview-insert-point-btn-background-default": string;
              "sidebar-preview-insert-point-btn-background-hover": string;
              "sidebar-preview-insert-point-btn-icon-default": string;
              "sidebar-preview-insert-point-line-background-default": string;
          }

          In-gap insert affordance (line + accent "+") between page previews.

        • ITEM: {
              "sidebar-preview-item-background-default": string;
              "sidebar-preview-item-border-active": string;
              "sidebar-preview-item-border-default": string;
          }
      • RAIL: {
            BUTTON: {
                NOT_SELECTED: {
                    "nav-sidebar-button-background-active": string;
                    "nav-sidebar-button-background-default": string;
                    "nav-sidebar-button-background-hover": string;
                    "nav-sidebar-button-text-active": string;
                    "nav-sidebar-button-text-default": string;
                    "nav-sidebar-button-text-hover": string;
                };
                SELECTED: {
                    "nav-sidebar-button-selected-background-active": string;
                    "nav-sidebar-button-selected-background-default": string;
                    "nav-sidebar-button-selected-background-hover": string;
                    "nav-sidebar-button-selected-text-active": string;
                    "nav-sidebar-button-selected-text-default": string;
                    "nav-sidebar-button-selected-text-hover": string;
                };
            };
            CORE: { "nav-sidebar-text-default": string };
        }
    SHARED: {
        BUTTONS: {
            ACCENT: {
                "btn-accent-background-active": string;
                "btn-accent-background-default": string;
                "btn-accent-background-disabled": string;
                "btn-accent-background-hover": string;
                "btn-accent-text-active": string;
                "btn-accent-text-default": string;
                "btn-accent-text-disabled": string;
                "btn-accent-text-hover": string;
            };
            COLOR_ICON: {
                "btn-color-icon-border-default": string;
                "btn-color-icon-text-default": string;
            };
            OUTLINE: {
                "btn-outline-border-active": string;
                "btn-outline-border-default": string;
                "btn-outline-border-disabled": string;
                "btn-outline-border-hover": string;
                "btn-outline-text-active": string;
                "btn-outline-text-default": string;
                "btn-outline-text-disabled": string;
                "btn-outline-text-hover": string;
            };
            PICKER: {
                "btn-picker-icon-border-active": string;
                "btn-picker-icon-border-hover": string;
                "btn-picker-icon-selected-border-default": string;
                "btn-picker-icon-selected-outline-default": string;
            };
            PREVIEW_INSERT: { "btn-preview-insert-shadow-default": string };
            PRIMARY: {
                "btn-primary-background-active": string;
                "btn-primary-background-default": string;
                "btn-primary-background-disabled": string;
                "btn-primary-background-hover": string;
                "btn-primary-icon-active": string;
                "btn-primary-icon-default": string;
                "btn-primary-icon-disabled": string;
                "btn-primary-icon-hover": string;
                "btn-primary-text-active": string;
                "btn-primary-text-default": string;
                "btn-primary-text-disabled": string;
                "btn-primary-text-hover": string;
            };
            SECONDARY: {
                "btn-secondary-background-active": string;
                "btn-secondary-background-default": string;
                "btn-secondary-background-disabled": string;
                "btn-secondary-background-hover": string;
                "btn-secondary-icon-active": string;
                "btn-secondary-icon-default": string;
                "btn-secondary-icon-disabled": string;
                "btn-secondary-icon-hover": string;
                "btn-secondary-selected-background-default": string;
                "btn-secondary-selected-icon-default": string;
            };
            TEXT: { "btn-text-text-default": string };
        };
        COLOR_PICKER: {
            "color-picker-border-default": string;
            "color-picker-border-focus": string;
            "color-picker-current-outline-border-default": string;
            "color-picker-indicator-border-default": string;
            "color-picker-neutral-border-default": string;
            "color-picker-outline-border-focus": string;
        };
        DIALOGS: {
            PRIMARY: {
                BODY: { "dialog-primary-text-default": string };
                BUTTON: {
                    SECONDARY: {
                        "dialog-primary-button-secondary-background-active": string;
                        "dialog-primary-button-secondary-background-default": string;
                        "dialog-primary-button-secondary-background-hover": string;
                        "dialog-primary-button-secondary-text-active": string;
                        "dialog-primary-button-secondary-text-default": string;
                        "dialog-primary-button-secondary-text-hover": string;
                    };
                };
                CARD_OPTION: {
                    "dialog-primary-card-option-background-active": string;
                    "dialog-primary-card-option-background-default": string;
                    "dialog-primary-card-option-background-hover": string;
                };
                CORE: {
                    "dialog-primary-border-default": string;
                    "dialog-primary-panel-background-default": string;
                };
                ICON_OPTION: { "dialog-primary-icon-option-background-default": string };
                INPUT: {
                    "dialog-primary-input-background-default": string;
                    "dialog-primary-input-border-active": string;
                    "dialog-primary-input-border-default": string;
                    "dialog-primary-input-border-focus": string;
                    "dialog-primary-input-border-hover": string;
                };
                OVERLAY: { "dialog-primary-overlay-background-default": string };
                PAGE_NAV_INPUT: { "page-nav-input-background": string };
                SECONDARY: {
                    "dialog-primary-border-on-secondary": string;
                    "dialog-primary-secondary-background-default": string;
                };
                SUBTITLE: { "dialog-primary-subtitle-text-default": string };
            };
        };
        DIVIDER: { "divider-border-default": string };
        DROPDOWN_MENU: {
            ITEM: {
                NOT_SELECTED: {
                    "dropdown-menu-item-background-active": string;
                    "dropdown-menu-item-background-default": string;
                    "dropdown-menu-item-background-disabled": string;
                    "dropdown-menu-item-background-hover": string;
                    "dropdown-menu-item-icon-active": string;
                    "dropdown-menu-item-icon-default": string;
                    "dropdown-menu-item-icon-disabled": string;
                    "dropdown-menu-item-icon-hover": string;
                    "dropdown-menu-item-text-active": string;
                    "dropdown-menu-item-text-default": string;
                    "dropdown-menu-item-text-disabled": string;
                    "dropdown-menu-item-text-hover": string;
                };
                SELECTED: {
                    "dropdown-menu-item-selected-background-active": string;
                    "dropdown-menu-item-selected-background-default": string;
                    "dropdown-menu-item-selected-background-disabled": string;
                    "dropdown-menu-item-selected-background-hover": string;
                    "dropdown-menu-item-selected-icon-active": string;
                    "dropdown-menu-item-selected-icon-default": string;
                    "dropdown-menu-item-selected-icon-disabled": string;
                    "dropdown-menu-item-selected-icon-hover": string;
                    "dropdown-menu-item-selected-text-active": string;
                    "dropdown-menu-item-selected-text-default": string;
                    "dropdown-menu-item-selected-text-disabled": string;
                    "dropdown-menu-item-selected-text-hover": string;
                };
            };
            MENU: {
                "dropdown-menu-background-default": string;
                "dropdown-menu-border-default": string;
                "dropdown-menu-box-shadow": string;
                "dropdown-menu-item-divider-background-default": string;
            };
        };
        DROPDOWN_SELECT: {
            ITEM: {
                DEFAULT: { "dropdown-item-select-text-default": string };
                SELECTED: {
                    "dropdown-item-select-selected-background-default": string;
                    "dropdown-item-select-selected-text-default": string;
                };
            };
            MENU: {
                "dropdown-menu-select-background-default": string;
                "dropdown-menu-shadow-default": string;
            };
            UNDERLINE: {
                "dropdown-btn-select-border-active": string;
                "dropdown-btn-select-border-default": string;
                "dropdown-btn-select-border-hover": string;
            };
        };
        FORMS: {
            CHECKBOX: {
                "checkbox-background-default": string;
                "checkbox-border-default": string;
                "checkbox-checked-text-default": string;
                "checkbox-checkmark-text-default": string;
                "checkbox-text-default": string;
            };
            INPUT: {
                "input-border-default": string;
                "input-error-text-default": string;
                "input-placeholder-text-default": string;
                "input-stepper-background-active": string;
                "input-stepper-background-hover": string;
                "input-text-disabled": string;
            };
            TOGGLE: { "toggle-checked-text-default": string };
        };
        ILLUSTRATIONS: {
            "empty-illustration-accent-background-default": string;
            "empty-illustration-blue-background-default": string;
            "empty-illustration-dark-background-default": string;
        };
        LAYOUT: {
            "menu-background-default": string;
            "panel-background-default": string;
        };
        LOADER: {
            "infinity-loader-accent-background-default": string;
            "infinity-loader-background-default": string;
        };
        NAVIGATION_TOOL: {
            "navigation-tool-background-active": string;
            "navigation-tool-background-hover": string;
            "navigation-tool-selected-background-active": string;
            "navigation-tool-selected-background-default": string;
            "navigation-tool-text-active": string;
            "navigation-tool-text-default": string;
            "navigation-tool-text-hover": string;
        };
        POPOVER: {
            "popover-background-default": string;
            "popover-shadow-default": string;
            "popover-text-default": string;
        };
        SCROLLBAR: {
            "scrollbar-thumb-background-default": string;
            "scrollbar-thumb-background-hover": string;
            "scrollbar-thumb-outline-default": string;
            "scrollbar-track-background-default": string;
        };
        SEMANTIC: {
            "error-background-default": string;
            "error-text-default": string;
            "info-background-default": string;
            "info-text-default": string;
            "success-text-default": string;
        };
        SNACKBAR: {
            ERROR: {
                "snackbar-error-action-background-hover": string;
                "snackbar-error-background-default": string;
                "snackbar-error-border-default": string;
                "snackbar-error-text-default": string;
            };
            INFO: {
                "snackbar-info-action-background-hover": string;
                "snackbar-info-background-default": string;
                "snackbar-info-border-default": string;
                "snackbar-info-text-default": string;
            };
            SUCCESS: {
                "snackbar-success-action-background-hover": string;
                "snackbar-success-background-default": string;
                "snackbar-success-border-default": string;
                "snackbar-success-text-default": string;
            };
            WARNING: {
                "snackbar-warning-action-background-hover": string;
                "snackbar-warning-background-default": string;
                "snackbar-warning-border-default": string;
                "snackbar-warning-text-default": string;
            };
        };
        SURFACE: {
            "surface-background-hover": string;
            "surface-border-default": string;
            "surface-border-hover": string;
        };
        TYPOGRAPHY: {
            "text-inverse-default": string;
            "text-primary-default": string;
            "text-secondary-default": string;
        };
    }

    Type declaration

    • BUTTONS: {
          ACCENT: {
              "btn-accent-background-active": string;
              "btn-accent-background-default": string;
              "btn-accent-background-disabled": string;
              "btn-accent-background-hover": string;
              "btn-accent-text-active": string;
              "btn-accent-text-default": string;
              "btn-accent-text-disabled": string;
              "btn-accent-text-hover": string;
          };
          COLOR_ICON: {
              "btn-color-icon-border-default": string;
              "btn-color-icon-text-default": string;
          };
          OUTLINE: {
              "btn-outline-border-active": string;
              "btn-outline-border-default": string;
              "btn-outline-border-disabled": string;
              "btn-outline-border-hover": string;
              "btn-outline-text-active": string;
              "btn-outline-text-default": string;
              "btn-outline-text-disabled": string;
              "btn-outline-text-hover": string;
          };
          PICKER: {
              "btn-picker-icon-border-active": string;
              "btn-picker-icon-border-hover": string;
              "btn-picker-icon-selected-border-default": string;
              "btn-picker-icon-selected-outline-default": string;
          };
          PREVIEW_INSERT: { "btn-preview-insert-shadow-default": string };
          PRIMARY: {
              "btn-primary-background-active": string;
              "btn-primary-background-default": string;
              "btn-primary-background-disabled": string;
              "btn-primary-background-hover": string;
              "btn-primary-icon-active": string;
              "btn-primary-icon-default": string;
              "btn-primary-icon-disabled": string;
              "btn-primary-icon-hover": string;
              "btn-primary-text-active": string;
              "btn-primary-text-default": string;
              "btn-primary-text-disabled": string;
              "btn-primary-text-hover": string;
          };
          SECONDARY: {
              "btn-secondary-background-active": string;
              "btn-secondary-background-default": string;
              "btn-secondary-background-disabled": string;
              "btn-secondary-background-hover": string;
              "btn-secondary-icon-active": string;
              "btn-secondary-icon-default": string;
              "btn-secondary-icon-disabled": string;
              "btn-secondary-icon-hover": string;
              "btn-secondary-selected-background-default": string;
              "btn-secondary-selected-icon-default": string;
          };
          TEXT: { "btn-text-text-default": string };
      }
    • COLOR_PICKER: {
          "color-picker-border-default": string;
          "color-picker-border-focus": string;
          "color-picker-current-outline-border-default": string;
          "color-picker-indicator-border-default": string;
          "color-picker-neutral-border-default": string;
          "color-picker-outline-border-focus": string;
      }
    • DIALOGS: {
          PRIMARY: {
              BODY: { "dialog-primary-text-default": string };
              BUTTON: {
                  SECONDARY: {
                      "dialog-primary-button-secondary-background-active": string;
                      "dialog-primary-button-secondary-background-default": string;
                      "dialog-primary-button-secondary-background-hover": string;
                      "dialog-primary-button-secondary-text-active": string;
                      "dialog-primary-button-secondary-text-default": string;
                      "dialog-primary-button-secondary-text-hover": string;
                  };
              };
              CARD_OPTION: {
                  "dialog-primary-card-option-background-active": string;
                  "dialog-primary-card-option-background-default": string;
                  "dialog-primary-card-option-background-hover": string;
              };
              CORE: {
                  "dialog-primary-border-default": string;
                  "dialog-primary-panel-background-default": string;
              };
              ICON_OPTION: { "dialog-primary-icon-option-background-default": string };
              INPUT: {
                  "dialog-primary-input-background-default": string;
                  "dialog-primary-input-border-active": string;
                  "dialog-primary-input-border-default": string;
                  "dialog-primary-input-border-focus": string;
                  "dialog-primary-input-border-hover": string;
              };
              OVERLAY: { "dialog-primary-overlay-background-default": string };
              PAGE_NAV_INPUT: { "page-nav-input-background": string };
              SECONDARY: {
                  "dialog-primary-border-on-secondary": string;
                  "dialog-primary-secondary-background-default": string;
              };
              SUBTITLE: { "dialog-primary-subtitle-text-default": string };
          };
      }
    • DIVIDER: { "divider-border-default": string }
    • DROPDOWN_MENU: {
          ITEM: {
              NOT_SELECTED: {
                  "dropdown-menu-item-background-active": string;
                  "dropdown-menu-item-background-default": string;
                  "dropdown-menu-item-background-disabled": string;
                  "dropdown-menu-item-background-hover": string;
                  "dropdown-menu-item-icon-active": string;
                  "dropdown-menu-item-icon-default": string;
                  "dropdown-menu-item-icon-disabled": string;
                  "dropdown-menu-item-icon-hover": string;
                  "dropdown-menu-item-text-active": string;
                  "dropdown-menu-item-text-default": string;
                  "dropdown-menu-item-text-disabled": string;
                  "dropdown-menu-item-text-hover": string;
              };
              SELECTED: {
                  "dropdown-menu-item-selected-background-active": string;
                  "dropdown-menu-item-selected-background-default": string;
                  "dropdown-menu-item-selected-background-disabled": string;
                  "dropdown-menu-item-selected-background-hover": string;
                  "dropdown-menu-item-selected-icon-active": string;
                  "dropdown-menu-item-selected-icon-default": string;
                  "dropdown-menu-item-selected-icon-disabled": string;
                  "dropdown-menu-item-selected-icon-hover": string;
                  "dropdown-menu-item-selected-text-active": string;
                  "dropdown-menu-item-selected-text-default": string;
                  "dropdown-menu-item-selected-text-disabled": string;
                  "dropdown-menu-item-selected-text-hover": string;
              };
          };
          MENU: {
              "dropdown-menu-background-default": string;
              "dropdown-menu-border-default": string;
              "dropdown-menu-box-shadow": string;
              "dropdown-menu-item-divider-background-default": string;
          };
      }

      The single dropdown/context menu surface shared by every menu in the viewer.

    • DROPDOWN_SELECT: {
          ITEM: {
              DEFAULT: { "dropdown-item-select-text-default": string };
              SELECTED: {
                  "dropdown-item-select-selected-background-default": string;
                  "dropdown-item-select-selected-text-default": string;
              };
          };
          MENU: {
              "dropdown-menu-select-background-default": string;
              "dropdown-menu-shadow-default": string;
          };
          UNDERLINE: {
              "dropdown-btn-select-border-active": string;
              "dropdown-btn-select-border-default": string;
              "dropdown-btn-select-border-hover": string;
          };
      }
    • FORMS: {
          CHECKBOX: {
              "checkbox-background-default": string;
              "checkbox-border-default": string;
              "checkbox-checked-text-default": string;
              "checkbox-checkmark-text-default": string;
              "checkbox-text-default": string;
          };
          INPUT: {
              "input-border-default": string;
              "input-error-text-default": string;
              "input-placeholder-text-default": string;
              "input-stepper-background-active": string;
              "input-stepper-background-hover": string;
              "input-text-disabled": string;
          };
          TOGGLE: { "toggle-checked-text-default": string };
      }
    • ILLUSTRATIONS: {
          "empty-illustration-accent-background-default": string;
          "empty-illustration-blue-background-default": string;
          "empty-illustration-dark-background-default": string;
      }
    • LAYOUT: { "menu-background-default": string; "panel-background-default": string }
    • LOADER: {
          "infinity-loader-accent-background-default": string;
          "infinity-loader-background-default": string;
      }
    • NAVIGATION_TOOL: {
          "navigation-tool-background-active": string;
          "navigation-tool-background-hover": string;
          "navigation-tool-selected-background-active": string;
          "navigation-tool-selected-background-default": string;
          "navigation-tool-text-active": string;
          "navigation-tool-text-default": string;
          "navigation-tool-text-hover": string;
      }
    • POPOVER: {
          "popover-background-default": string;
          "popover-shadow-default": string;
          "popover-text-default": string;
      }
    • SCROLLBAR: {
          "scrollbar-thumb-background-default": string;
          "scrollbar-thumb-background-hover": string;
          "scrollbar-thumb-outline-default": string;
          "scrollbar-track-background-default": string;
      }
    • SEMANTIC: {
          "error-background-default": string;
          "error-text-default": string;
          "info-background-default": string;
          "info-text-default": string;
          "success-text-default": string;
      }
    • SNACKBAR: {
          ERROR: {
              "snackbar-error-action-background-hover": string;
              "snackbar-error-background-default": string;
              "snackbar-error-border-default": string;
              "snackbar-error-text-default": string;
          };
          INFO: {
              "snackbar-info-action-background-hover": string;
              "snackbar-info-background-default": string;
              "snackbar-info-border-default": string;
              "snackbar-info-text-default": string;
          };
          SUCCESS: {
              "snackbar-success-action-background-hover": string;
              "snackbar-success-background-default": string;
              "snackbar-success-border-default": string;
              "snackbar-success-text-default": string;
          };
          WARNING: {
              "snackbar-warning-action-background-hover": string;
              "snackbar-warning-background-default": string;
              "snackbar-warning-border-default": string;
              "snackbar-warning-text-default": string;
          };
      }
    • SURFACE: {
          "surface-background-hover": string;
          "surface-border-default": string;
          "surface-border-hover": string;
      }
    • TYPOGRAPHY: {
          "text-inverse-default": string;
          "text-primary-default": string;
          "text-secondary-default": string;
      }
    TOOLAREA: {
        BUTTONS: {
            DEFAULT: {
                "btn-toolarea-background-active": string;
                "btn-toolarea-background-default": string;
                "btn-toolarea-background-disabled": string;
                "btn-toolarea-background-hover": string;
                "btn-toolarea-icon-active": string;
                "btn-toolarea-icon-default": string;
                "btn-toolarea-icon-disabled": string;
                "btn-toolarea-icon-hover": string;
                "btn-toolarea-text-active": string;
                "btn-toolarea-text-default": string;
                "btn-toolarea-text-disabled": string;
                "btn-toolarea-text-hover": string;
            };
            SECONDARY: {
                "btn-toolarea-secondary-icon-active": string;
                "btn-toolarea-secondary-icon-default": string;
                "btn-toolarea-secondary-icon-disabled": string;
                "btn-toolarea-secondary-icon-hover": string;
            };
            SELECTED: {
                "btn-toolarea-selected-background-default": string;
                "btn-toolarea-selected-icon-default": string;
                "btn-toolarea-selected-text-default": string;
            };
        };
        CORE: {
            "toolarea-background-default": string;
            "toolarea-border-default": string;
            "toolarea-shadow-text-default": string;
        };
        DIVIDER: { "toolarea-divider-background-default": string };
        GROUP: { "toolarea-group-border-default": string };
    }