@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($type-scale) {
    @include badge-typography($theme: 'indigo');
    @include banner-typography();
    @include bottom-nav-typography();
    @include button-typography();
    @include button-group-typography($categories: (
        text: 'body-2',
    ));
    @include calendar-typography($categories: (
        header-year: 'body-2',
        header-date: 'h5',
        weekday-label: 'body-2',
        picker-date: 'subtitle-2',
    ));
    @include card-typography($categories: (
        title: 'h6',
        title-small: 'body-2',
        subtitle: 'body-2',
        content: 'body-2'
    ));
    @include checkbox-typography($categories: (
        label: 'body-2',
    ));
    @include chip-typography();
    @include column-actions-typography();
    @include date-range-typography();
    @include dialog-typography($categories: (
        title: 'h5',
        content: 'body-1',
    ));
    @include dock-manager-typography();
    @include drop-down-typography();
    @include expansion-panel-typography($categories: (
        title: 'body-2',
        body: 'body-2',
        description: 'body-2',
    ));
    @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: 'body-2',
        title: 'body-2',
        subtitle: 'body-2'
    ));
    @include navbar-typography($categories: (
        title: 'h5',
    ));
    @include navdrawer-typography($categories: (
        item: 'subtitle-2',
        header: 'overline'
    ));
    @include radio-typography($categories: (
        label: 'body-2'
    ));
    @include slider-typography($categories: (
        ticks-label: 'body-2',
        thumb-label: 'subtitle-2',
    ));
    @include snackbar-typography();
    @include switch-typography($categories: (
        label: 'body-2'
    ));
    @include tabs-typography($categories: (
        label: 'subtitle-2',
    )) {
        --ig-subtitle-2-text-transform: uppercase;
    };
    @include time-picker-typography($categories: (
        header-hour: 'h5',
        selected-time: 'h6'
    ));
    @include stepper-typography($categories: (
        title: 'body-2',
        subtitle: 'caption',
        indicator: 'button',
        body-content: 'body-2'
    ));
    @include toast-typography();
    @include tooltip-typography($categories: (
        tooltip-text: 'subtitle-2'
    ));
    @include tree-typography();
    @include label-typography($categories: (
        label: 'caption'
    ));
	@include query-builder-typography($categories: (
		title: 'h5'
	));
}