@use '../components/badge/badge-theme' as *;
@use '../components/banner/banner-theme' as *;
@use '../components/bottom-nav/bottom-nav-theme' as *;
@use '../components/button/button-theme' as *;
@use '../components/button-group/button-group-theme' as *;
@use '../components/calendar/calendar-theme' as *;
@use '../components/card/card-theme' as *;
@use '../components/checkbox/checkbox-theme' as *;
@use '../components/chip/chip-theme' as *;
@use '../components/column-actions/column-actions-theme' as *;
@use '../components/date-range-picker/date-range-picker-theme' as *;
@use '../components/dialog/dialog-theme' as *;
@use '../components/dock-manager/dock-manager-theme' as *;
@use '../components/drop-down/drop-down-theme' as *;
@use '../components/expansion-panel/expansion-panel-theme' as *;
@use '../components/grid/excel-filtering-theme' as *;
@use '../components/icon-button/icon-button-theme' as *;
@use '../components/input/input-group-theme' as *;
@use '../components/list/list-theme' as *;
@use '../components/navbar/navbar-theme' as *;
@use '../components/navdrawer/navdrawer-theme' as *;
@use '../components/progress/linear/linear-theme' as *;
@use '../components/radio/radio-theme' as *;
@use '../components/slider/slider-theme' as *;
@use '../components/snackbar/snackbar-theme' as *;
@use '../components/switch/switch-theme' as *;
@use '../components/stepper/stepper-theme' as *;
@use '../components/tabs/tabs-theme' as *;
@use '../components/time-picker/time-picker-theme' as *;
@use '../components/toast/toast-theme' as *;
@use '../components/tooltip/tooltip-theme' as *;
@use '../components/tree/tree-theme' as *;
@use '../components/label/label-theme' as *;
@use '../components/query-builder/query-builder-theme' as *;
@use '../components/input/file-input-theme' as *;

@mixin typography() {
    @include badge-typography($theme: 'fluent');
    @include banner-typography($categories: (
        message: 'caption'
    ));
    @include bottom-nav-typography();
    @include button-typography();
    @include button-group-typography();
    @include calendar-typography($categories: (
        header-year: 'overline',
        header-date: 'h4',
        weekday-label: 'body-1',
        picker-date: 'subtitle-2',
        content: 'body-1',
    ));
    @include card-typography($categories: (
        title: 'subtitle-1',
        title-small: 'subtitle-2',
        subtitle: 'body-2',
        content: 'body-2'
    ));
    @include checkbox-typography($categories: (
        label: 'body-2'
    ));
    @include chip-typography($categories: (
        text: 'subtitle-2'
    ));
    @include column-actions-typography();
    @include date-range-typography();
    @include dialog-typography($categories: (
        title: 'h6',
        content: 'body-2'
    ));
    @include dock-manager-typography();
    @include drop-down-typography($categories: (
        header: 'subtitle-2',
        item: 'body-2',
        select-item: 'body-2'
    ));
    @include expansion-panel-typography($categories: (
        title: 'subtitle-1',
        description: 'body-2',
        body: 'caption'
    ));
    @include excel-filtering-typography();
    @include icon-button-typography();
    @include input-group-typography($categories: (
        helper-text: 'caption',
        input-text: 'body-2'
    ));
    @include file-input-typography($categories: (
        file-text: 'body-2'
    ));
    @include linear-bar-typography();
    @include list-typography($categories: (
        header: 'overline',
        item: 'caption',
        title: 'caption',
        subtitle: 'caption'
    ));
    @include navbar-typography($categories: (
        title: 'subtitle-2'
    ));
    @include navdrawer-typography($categories: (
        item: 'body-2',
        header: 'subtitle-1'
    ));
    @include radio-typography($categories: (
        label: 'body-2'
    ));

    @include slider-typography();
    @include snackbar-typography($categories: (
        text: 'caption'
    ));
    @include switch-typography($categories: (
        label: 'body-2'
    ));
    @include tabs-typography($categories: (
        label: 'body-2'
    ));
    @include time-picker-typography();
    @include stepper-typography();
    @include toast-typography($categories: (
        text: 'caption'
    ));
    @include tooltip-typography();
    @include tree-typography();
    @include label-typography($categories: (
        label: 'subtitle-2'
    ));
	@include query-builder-typography();
}