"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = {
    getStyleDefs: () => ([{
            className: '.app-textarea',
            rnStyleSelector: 'app-textarea.root',
            studioStyleSelector: '.app-textarea',
            style: {
                'border-color': '@inputBorderColor',
                'background-color': '@inputBackgroundColor',
            },
            dtStyle: {
                'background-color': 'var(--wm-form-control-background)',
                'border-width': 'var(--wm-form-control-border-width)',
                'border-style': 'var(--wm-form-control-border-style)',
                'border-radius': 'var(--wm-text-area-border-radius)',
                'padding': 'var(--wm-text-area-padding)',
                'border-color': 'var(--wm-text-area-border-color)',
                'min-height': 'var(--wm-text-area-min-height)',
                'font-family': 'var(--wm-text-font-family)'
            }
        }, {
            className: '.app-textarea-text',
            rnStyleSelector: 'app-textarea.text',
            studioStyleSelector: '.app-textarea',
            style: {},
            dtStyle: {
                'color': 'var(--wm-form-control-color)',
                'font-family': 'var(--wm-form-control-font-family)',
                'font-size': 'var(--wm-form-control-font-size)',
                // 'font-weight':'var(--wm-form-control-font-weight)',
                'line-height': 'var(--wm-form-control-line-height)',
                'letter-spacing': 'var(--wm-form-control-letter-spacing)',
                'text-align-vertical': 'var(--wm-text-area-text-align-vertical)'
            }
        }, {
            className: '.app-textarea-invalid',
            rnStyleSelector: 'app-textarea.invalid',
            studioStyleSelector: '.app-textarea.invalid',
            style: {
                'border-bottom-color': 'red'
            },
            dtStyle: {
                'border-bottom-color': 'var(--wm-color-error)'
            }
        }, {
            className: '.app-textarea-focused',
            rnStyleSelector: 'app-textarea.focused',
            studioStyleSelector: '.app-textarea.focused',
            style: {
                'border-color': '@inputFocusBorderColor'
            },
            dtStyle: {
                'border-color': 'var(--wm-form-control-border-color)',
            }
        }, {
            className: '.app-textarea-flotaing-label',
            rnStyleSelector: 'app-textarea.floatingLabel',
            style: {}
        }, {
            className: '.app-textarea-active-flotaing-label',
            rnStyleSelector: 'app-textarea.activeFloatingLabel',
            style: {}
        }, {
            className: '.app-textarea-with-label.app-textarea-active-flotaing-label',
            style: {},
            dtStyle: {
                'color': 'var(--wm-form-control-border-color)',
            }
        }, {
            className: '.app-textarea-with-label.app-textarea-flotaing-label',
            dtStyle: {
                'top': 'var(--wm-text-floating-label-top)',
                'left': 'var(--wm-text-floating-label-left)',
                'font-size': 'var(--wm-text-floating-label-font-size)',
                'color': ' var(--wm-form-control-border-color)',
            }
        }, {
            className: '.app-textarea-with-label.app-textarea-text',
            dtStyle: {
                'padding-top': 'var(--wm-text-area-label-padding-top)'
            }
        }, {
            className: '.app-textarea-placeholder',
            rnStyleSelector: 'app-textarea.placeholderText',
            studioStyleSelector: '',
            style: {
                'color': '@inputPlaceholderColor'
            },
            dtStyle: {
                'color': 'var(--wm-text-area-text-place-holder)'
            }
        }, {
            className: '.app-textarea-help-text',
            rnStyleSelector: 'app-textarea.helpText',
            studioStyleSelector: '',
            style: {}
        }, {
            className: '.app-textarea-skeleton',
            rnStyleSelector: 'app-textarea.skeleton',
            studioStyleSelector: '.app-textarea-skeleton',
            style: {},
            dtStyle: {
                'width': 'var(--wm-text-skeleton-width)',
                'height': 'var(--wm-text-area-skeleton-height)',
                'border-radius': 'var(--wm-space-1)'
            }
        }, {
            className: '.app-textarea-disabled .app-textarea',
            dtStyle: {
                'background-color': 'var(--wm-text-disabled-background-color)',
            }
        }])
};
//# sourceMappingURL=textarea.styledef.js.map