feat(NcDialogButton): Provide variant as a alternative for the type prop

To align with `NcButton`.

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

Author: susnux

src/components/NcDialogButton/NcDialogButton.vue

@@ -10,8 +10,9 @@ Dialog button component used by NcDialog in the actions slot to display the butt
 <template>
 	<NcButton :aria-label="label"
 		:disabled="disabled"
-		:native-type="nativeType"
 		:type="type"
+		:native-type="nativeType"
+		:variant="variant"
 		@click="handleClick">
 		{{ label }}
 		<template #icon>
@@ -66,8 +67,10 @@ const props = defineProps({
 	},
 
 	/**
-	 * The button type, see NcButton
-	 * @type {'primary'|'secondary'|'error'|'warning'|'success'}
+	 * The button type, see NcButton.
+	 *
+	 * @deprecated The usage for setting the color variant is deprecated and will be removed with v9.
+	 * @type {'button'|'submit'|'reset'|'primary'|'secondary'|'error'|'warning'|'success'}
 	 */
 	type: {
 		type: String as PropType<ButtonType>,
@@ -100,6 +103,19 @@ const props = defineProps({
 		type: Boolean,
 		default: false,
 	},
+
+	/**
+	 * The button variant, see NcButton.
+	 *
+	 * @type {'primary'|'secondary'|'tertiary'|'error'|'warning'|'success'}
+	 * @since 8.23.0
+	 */
+	variant: {
+		type: String,
+		required: false,
+		default: 'secondary',
+		validator: (type) => typeof type === 'string' && ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(type),
+	},
 })
 
 const emit = defineEmits<{