fix(NcTextField): use outline alert icon

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>

Author: ShGKme

src/components/NcInputField/NcInputField.vue

@@ -20,7 +20,7 @@ For a list of all available props and attributes, please check the [HTMLInputEle
 import type { Slot } from 'vue'
 import type { VueClassType } from '../../utils/VueTypes.ts'
 
-import { mdiAlertCircle, mdiCheck } from '@mdi/js'
+import { mdiAlertCircleOutline, mdiCheck } from '@mdi/js'
 import { computed, useAttrs, useTemplateRef, warn } from 'vue'
 import { createElementId } from '../../utils/createElementId.ts'
 import { isLegacy } from '../../utils/legacy.ts'
@@ -285,7 +285,7 @@ function handleInput(event: Event) {
 				v-else-if="success || error"
 				class="input-field__icon input-field__icon--trailing">
 				<NcIconSvgWrapper v-if="success" :path="mdiCheck" />
-				<NcIconSvgWrapper v-else :path="mdiAlertCircle" />
+				<NcIconSvgWrapper v-else :path="mdiAlertCircleOutline" />
 			</div>
 		</div>
 		<p
@@ -300,7 +300,7 @@ function handleInput(event: Event) {
 			<NcIconSvgWrapper
 				v-else-if="error"
 				class="input-field__helper-text-message__icon"
-				:path="mdiAlertCircle"
+				:path="mdiAlertCircleOutline"
 				inline />
 			{{ helperText }}
 		</p>

src/components/NcTextArea/NcTextArea.vue

@@ -74,7 +74,7 @@ export default {
 <script setup lang="ts">
 import type { VueClassType } from '../../utils/VueTypes.ts'
 
-import { mdiAlertCircle, mdiCheck } from '@mdi/js'
+import { mdiAlertCircleOutline, mdiCheck } from '@mdi/js'
 import { computed, useAttrs, useTemplateRef, watch } from 'vue'
 import NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'
 import { createElementId } from '../../utils/createElementId.ts'
@@ -277,7 +277,7 @@ function select() {
 			<NcIconSvgWrapper
 				v-else-if="error"
 				class="textarea__helper-text-message__icon"
-				:path="mdiAlertCircle"
+				:path="mdiAlertCircleOutline"
 				inline />
 			{{ helperText }}
 		</p>