diff --git a/components/lib/textarea/Textarea.spec.js b/components/lib/textarea/Textarea.spec.js index c15df7aec..1b52167d5 100644 --- a/components/lib/textarea/Textarea.spec.js +++ b/components/lib/textarea/Textarea.spec.js @@ -15,7 +15,7 @@ describe('Textarea.vue', () => { }); it('should exist', () => { - expect(wrapper.find('.p-inputtextarea.p-component').exists()).toBe(true); + expect(wrapper.find('.p-textarea.p-component').exists()).toBe(true); expect(wrapper.attributes().rows).toBe('1'); expect(wrapper.attributes().cols).toBe('1'); }); @@ -23,7 +23,7 @@ describe('Textarea.vue', () => { it('should be autoresized', async () => { await wrapper.setProps({ autoResize: true }); - expect(wrapper.find('.p-inputtextarea-resizable').exists()).toBe(true); + expect(wrapper.find('.p-textarea-resizable').exists()).toBe(true); }); it('should input', async () => { diff --git a/components/lib/textarea/style/TextareaStyle.d.ts b/components/lib/textarea/style/TextareaStyle.d.ts index 03664db93..d9ac3f75d 100644 --- a/components/lib/textarea/style/TextareaStyle.d.ts +++ b/components/lib/textarea/style/TextareaStyle.d.ts @@ -10,7 +10,7 @@ import { BaseStyle } from '../../base/style'; export enum TextareaClasses { - root = 'p-inputtextarea' + root = 'p-textarea' } export interface TextareaStyle extends BaseStyle {} diff --git a/components/lib/textarea/style/TextareaStyle.js b/components/lib/textarea/style/TextareaStyle.js index 7f388fe90..851d6c0c5 100644 --- a/components/lib/textarea/style/TextareaStyle.js +++ b/components/lib/textarea/style/TextareaStyle.js @@ -1,7 +1,7 @@ import BaseStyle from 'primevue/base/style'; const theme = ({ dt }) => ` -.p-inputtextarea { +.p-textarea { font-family: inherit; font-feature-settings: inherit; font-size: 1rem; @@ -16,44 +16,44 @@ const theme = ({ dt }) => ` box-shadow: ${dt('textarea.shadow')}; } -.p-inputtextarea:enabled:hover { +.p-textarea:enabled:hover { border-color: ${dt('textarea.hover.border.color')}; } -.p-inputtextarea:enabled:focus { +.p-textarea:enabled:focus { border-color: ${dt('textarea.focus.border.color')}; box-shadow: ${dt('textarea.focus.ring.shadow')}; outline: ${dt('textarea.focus.ring.width')} ${dt('textarea.focus.ring.style')} ${dt('textarea.focus.ring.color')}; outline-offset: ${dt('textarea.focus.ring.offset')}; } -.p-inputtextarea.p-invalid { +.p-textarea.p-invalid { border-color: ${dt('textarea.invalid.border.color')}; } -.p-inputtextarea.p-variant-filled { +.p-textarea.p-variant-filled { background-color: ${dt('textarea.filled.background')}; } -.p-inputtextarea.p-variant-filled:enabled:focus { +.p-textarea.p-variant-filled:enabled:focus { background-color: ${dt('textarea.filled.focus.background')}; } -.p-inputtextarea:disabled { +.p-textarea:disabled { opacity: 1; background: ${dt('textarea.disabled.background')}; color: ${dt('textarea.disabled.color')}; } -.p-inputtextarea::placeholder { +.p-textarea::placeholder { color: ${dt('textarea.placeholder.color')}; } -.p-fluid .p-inputtextarea { +.p-fluid .p-textarea { width: 100%; } -.p-inputtextarea-resizable { +.p-textarea-resizable { overflow: hidden; resize: none; } @@ -61,10 +61,10 @@ const theme = ({ dt }) => ` const classes = { root: ({ instance, props }) => [ - 'p-inputtextarea p-component', + 'p-textarea p-component', { 'p-filled': instance.filled, - 'p-inputtextarea-resizable ': props.autoResize, + 'p-textarea-resizable ': props.autoResize, 'p-invalid': props.invalid, 'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' }