@function ic-components-tokens() {
    @return (
        page: (
            background: var(--kbq-background-bg),
            color: var(--kbq-foreground-contrast)
        ),
        section: (
            background: var(--kbq-background-bg),
            border-color: var(--kbq-line-contrast-less)
        ),
        form: (
            title: (
                color: var(--kbq-foreground-contrast)
            ),
            section: (
                background: var(--kbq-background-bg),
                border-color: transparent,
                title: (
                    color: var(--kbq-foreground-contrast)
                )
            ),
            footer: (
                background: var(--kbq-background-bg),
                border-color: var(--kbq-line-contrast-less)
            )
        ),
        grid: (
            footer: (
                background: var(--kbq-background-bg),
                border-color: var(--kbq-line-contrast-less)
            )
        ),
        skeleton: (
            default: (
                background: var(--kbq-background-bg-secondary)
            ),
            header: (
                background: var(--kbq-background-contrast-fade)
            ),
            shine: (
                background:
                    linear-gradient(
                        44deg,
                        rgb(255 255 255 / 0%) 20%,
                        rgb(255 255 255 / 90%) 50%,
                        rgb(255 255 255 / 0%) 80%
                    )
            )
        ),
        status-badge: (
            error: (
                color: var(--kbq-foreground-error),
                background: var(--kbq-background-error-fade)
            ),
            success: (
                color: var(--kbq-foreground-success),
                background: var(--kbq-background-success-fade)
            ),
            info: (
                color: var(--kbq-foreground-theme),
                background: var(--kbq-background-theme-fade)
            ),
            unavailable: (
                color: var(--kbq-foreground-contrast),
                background: var(--kbq-background-bg-secondary)
            ),
            warning: (
                color: var(--kbq-foreground-warning),
                background: var(--kbq-background-warning-fade)
            )
        ),
        // TODO странно, что есть токены, но они в infosec нигде не используются,
        // если компонент останется при переходе на Koobiq надо его перенести в infosec из mp10
        tags-filter-bar:
            (
                item: (
                    default: (
                        color: var(--kbq-theme-default),
                        icon: (
                            color: var(--kbq-icon-theme),
                            opacity: 0.5
                        )
                    ),
                    active: (
                        icon: (
                            opacity: 1
                        )
                    )
                )
            ),
        collapse: (
            toggle: (
                color: var(--kbq-icon-contrast-fade)
            ),
            header: (
                color: var(--kbq-foreground-contrast),
                background: unset,
                border-bottom-color: unset
            ),
            content: (
                background: unset,
                border-bottom-color: unset
            )
        ),
        file-upload: (
            fullscreen-drop-zone: (
                color: var(--kbq-foreground-white),
                border-color: var(--kbq-foreground-white)
            )
        ),
        grid-groups: (
            collapse: (
                header: (
                    background: var(--kbq-background-bg),
                    border-bottom-color: var(--kbq-line-contrast-less)
                ),
                content: (
                    background: var(--kbq-background-bg),
                    border-bottom-color: var(--kbq-line-contrast-less)
                )
            )
        ),
        status-icon: (
            success: (
                color: var(--kbq-icon-success)
            ),
            warning: (
                color: var(--kbq-icon-warning)
            ),
            error: (
                color: var(--kbq-icon-error)
            ),
            info: (
                color: var(--kbq-icon-theme)
            ),
            unavailable: (
                color: var(--kbq-icon-contrast-fade)
            )
        ),
        session-expiration-modal: (
            text: (
                color: var(--kbq-foreground-contrast)
            )
        ),
        health-monitoring: (
            empty-message: (
                color: var(--kbq-foreground-contrast)
            ),
            error: (
                color: var(--kbq-foreground-contrast)
            ),
            group: (
                header: (
                    color: var(--kbq-foreground-contrast),
                    background: var(--kbq-popover-container-background),
                    border-color: var(--kbq-line-contrast-less)
                )
            ),
            header: (
                title: (
                    color: var(--kbq-foreground-contrast)
                ),
                border: (
                    color: var(--kbq-line-contrast-less)
                )
            ),
            notification: (
                background: var(--kbq-popover-container-background),
                border-color: var(--kbq-line-contrast-less),
                error: (
                    icon-color: var(--kbq-icon-error)
                ),
                info: (
                    icon-color: var(--kbq-icon-contrast)
                ),
                warning: (
                    icon-color: var(--kbq-icon-warning)
                ),
                title: (
                    color: var(--kbq-foreground-contrast)
                ),
                message: (
                    color: var(--kbq-foreground-contrast-secondary)
                ),
                time: (
                    color: var(--kbq-foreground-contrast-secondary)
                )
            ),
            trigger: (
                indicator: (
                    default: (
                        background: var(--kbq-icon-success)
                    ),
                    error: (
                        background: var(--kbq-icon-error)
                    ),
                    warning: (
                        background: var(--kbq-icon-warning)
                    ),
                    unavailable: (
                        background: var(--kbq-icon-contrast-fade)
                    )
                )
            )
        ),
        refresher: (
            interval: (
                color: var(--kbq-foreground-theme)
            )
        ),
        sites-tree-hamburger: (
            trigger: (
                icon: (
                    color: var(--kbq-navbar-item-default-content-icon-left)
                )
            ),
            other: (
                color: var(--kbq-foreground-contrast)
            ),
            main-name: (
                color: var(--kbq-foreground-contrast-secondary)
            ),
            item-with-child: (
                color: var(--kbq-foreground-contrast-secondary)
            ),
            main-description: (
                color: var(--kbq-foreground-contrast-secondary)
            ),
            item-description: (
                color: var(--kbq-foreground-contrast-secondary)
            ),
            link: (
                color: var(--kbq-foreground-contrast)
            )
        ),
        server-errors: (
            message: (
                default: (
                    color: var(--kbq-foreground-contrast)
                ),
                context: (
                    color: var(--kbq-foreground-error)
                )
            ),
            client: (
                counter: (
                    color: var(--kbq-foreground-contrast)
                )
            ),
            details: (
                divider: (
                    color: var(--kbq-line-contrast-less)
                ),
                arrow: (
                    color: var(--kbq-states-icon-disabled)
                )
            )
        ),
        notification-center: (
            notification: (
                background: (
                    default: var(--kbq-popover-container-background),
                    new: var(--kbq-background-theme-less)
                ),
                border-color: var(--kbq-line-contrast-less),
                focused: (
                    outline-color: var(--kbq-line-theme),
                    background: var(--kbq-states-background-transparent-hover)
                ),
                success: (
                    icon-color: var(--kbq-icon-success)
                ),
                error: (
                    icon-color: var(--kbq-icon-error)
                ),
                info: (
                    icon-color: var(--kbq-icon-contrast)
                ),
                warning: (
                    icon-color: var(--kbq-icon-warning)
                ),
                title: (
                    color: var(--kbq-foreground-contrast)
                ),
                message: (
                    color: var(--kbq-foreground-contrast-secondary)
                ),
                time: (
                    color: var(--kbq-foreground-contrast-secondary)
                )
            ),
            header: (
                title-text: (
                    color: var(--kbq-foreground-contrast)
                ),
                border: (
                    color: var(--kbq-line-contrast-less)
                )
            ),
            options: (
                color: var(--kbq-foreground-contrast),
                background: var(--kbq-background-bg-secondary)
            ),
            empty-message: (
                color: var(--kbq-foreground-contrast)
            ),
            group: (
                header: (
                    color: var(--kbq-foreground-contrast),
                    background: var(--kbq-popover-container-background),
                    border-color: var(--kbq-line-contrast-less)
                )
            ),
            error: (
                slim: (
                    background: var(--kbq-background-contrast-fade)
                ),
                color: var(--kbq-foreground-contrast)
            )
        ),
        pdql-editor: (
            highlight: (
                default: (
                    color: var(--kbq-foreground-contrast)
                ),
                error: (
                    color: var(--kbq-foreground-error)
                ),
                success: (
                    color: var(--kbq-foreground-success)
                )
            ),
            spinner: (
                color: var(--kbq-foreground-contrast-secondary)
            ),
            hotkey: (
                color: var(--kbq-foreground-contrast-secondary)
            ),
            success: (
                color: var(--kbq-foreground-contrast-secondary),
                icon: (
                    color: var(--kbq-icon-success)
                )
            ),
            failed: (
                color: var(--kbq-foreground-contrast-secondary),
                icon: (
                    color: var(--kbq-icon-error)
                )
            )
        ),
        breadcrumbs: (
            divider: (
                color: var(--kbq-foreground-contrast-secondary)
            ),
            appendix: (
                color: var(--kbq-foreground-contrast)
            )
        ),
        recipient-select: (
            recipient: (
                email: (
                    color: var(--kbq-foreground-contrast-secondary)
                )
            )
        ),
        username: (
            primary: (
                color: var(--kbq-foreground-contrast)
            ),
            secondary: (
                color: var(--kbq-foreground-contrast-secondary)
            )
        )
    );
}