@if $include-text-field-default-ui {
    @include extjs-text-field-ui(
        $ui: 'default'
    );
}

@if $include-text-field-toolbar-ui {
     @include extjs-text-field-ui(
        $ui: 'toolbar',
        $ui-height: $form-toolbar-text-field-height,
        $ui-font-size: $form-toolbar-text-field-font-size,
        $ui-font-family: $form-toolbar-text-field-font-family,
        $ui-font-weight: $form-toolbar-text-field-font-weight,
        $ui-color: $form-toolbar-text-field-color,
        $ui-background-color: $form-toolbar-text-field-background-color,
        $ui-border-width: $form-toolbar-text-field-border-width,
        $ui-border-style: $form-toolbar-text-field-border-style,
        $ui-border-color: $form-toolbar-text-field-border-color,
        $ui-focus-border-color: $form-toolbar-text-field-focus-border-color,
        $ui-invalid-border-color: $form-toolbar-text-field-invalid-border-color,
        $ui-border-radius: $form-toolbar-text-field-border-radius,
        $ui-background-image: $form-toolbar-text-field-background-image,
        $ui-padding: $form-toolbar-text-field-padding,
        $ui-empty-color: $form-toolbar-text-field-empty-color,
        $ui-body-width: $form-toolbar-text-field-body-width,

        $ui-invalid-background-color: $form-toolbar-text-field-invalid-background-color,
        $ui-invalid-background-image: $form-toolbar-text-field-invalid-background-image,
        $ui-invalid-background-repeat: $form-toolbar-text-field-invalid-background-repeat,
        $ui-invalid-background-position: $form-toolbar-text-field-invalid-background-position,

        $ui-trigger-width: $form-toolbar-trigger-width,
        $ui-trigger-border-width: $form-toolbar-trigger-border-width,
        $ui-trigger-border-color: $form-toolbar-trigger-border-color,
        $ui-trigger-border-style: $form-toolbar-trigger-border-style,

        $ui-trigger-border-color-over: null,
        $ui-trigger-border-color-focus: null,
        $ui-trigger-border-color-pressed: null,

        $ui-trigger-background-image: $form-toolbar-trigger-background-image,
        $ui-trigger-background-color: $form-toolbar-trigger-background-color,
        $ui-trigger-glyph: $form-toolbar-trigger-glyph,
        $ui-trigger-glyph-color: $form-toolbar-trigger-glyph-color,

        $ui-textarea-line-height: $form-toolbar-textarea-line-height,
        $ui-textarea-body-height: $form-toolbar-textarea-body-height,
        $ui-file-field-color: $form-toolbar-file-field-color,

        $ui-classic-border: $form-toolbar-text-field-classic-border
    );
}

.#{$prefix}form-clear-trigger {
    @if $enable-font-icons and ($form-clear-trigger-glyph != null) {
        @include font-icon($form-clear-trigger-glyph, $line-height: null);
    } @else {
        background-image: theme-background-image('form/clear-trigger');
        @if $include-rtl {
            &.#{$prefix}rtl {
                background-image: theme-background-image('form/clear-trigger-rtl');
            }
        }
    }
}

.#{$prefix}form-search-trigger {
    @if $enable-font-icons and ($form-search-trigger-glyph != null) {
        @include font-icon($form-search-trigger-glyph, $line-height: null);
    } @else {
        background-image: theme-background-image('form/search-trigger');
        @if $include-rtl {
            &.#{$prefix}rtl {
                background-image: theme-background-image('form/search-trigger-rtl');
            }
        }
    }
}