Add undo trailing icon

Signed-off-by: Christopher Ng <chrng8@gmail.com>

Author: Pytal

src/components/NcTextField/NcTextField.vue

@@ -131,6 +131,7 @@ export default {
 		<template v-if="type !== 'search'" #trailing-button-icon>
 			<Close v-if="trailingButtonIcon === 'close'" :size="20" />
 			<ArrowRight v-else-if="trailingButtonIcon === 'arrowRight'" :size="20" />
+			<Undo v-else-if="trailingButtonIcon === 'undo'" :size="20" />
 		</template>
 	</NcInputField>
 </template>
@@ -141,6 +142,7 @@ import NcInputField from '../NcInputField/NcInputField.vue'
 
 import Close from 'vue-material-design-icons/Close.vue'
 import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
+import Undo from 'vue-material-design-icons/UndoVariant.vue'
 
 import { t } from '../../l10n.js'
 
@@ -151,6 +153,7 @@ export default {
 		NcInputField,
 		Close,
 		ArrowRight,
+		Undo,
 	},
 
 	props: {
@@ -230,14 +233,15 @@ export default {
 
 		/**
 		 * Specifies which material design icon should be used for the trailing
-		 * button. Values can be `close` anbd `arrowRight`.
+		 * button. Value can be `close`, `arrowRight`, or `undo`.
 		 */
 		trailingButtonIcon: {
 			type: String,
 			default: 'close',
 			validator: (value) => [
 				'close',
 				'arrowRight',
+				'undo',
 			].includes(value),
 		},