@avenirs-esr/avenirs-dsav 0.1.41 → 0.1.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/avenirs-dsav.css +1 -1
- package/dist/avenirs-dsav.es.js +813 -776
- package/dist/avenirs-dsav.umd.js +7 -7
- package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.stories.d.ts +38 -0
- package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.stub.d.ts +6 -0
- package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.test.d.ts +1 -0
- package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.vue.d.ts +35 -0
- package/dist/components/interaction/buttons/index.d.ts +1 -0
- package/dist/components/overlay/modals/AvModal/AvModal.vue.d.ts +11 -6
- package/package.json +1 -1
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { Meta, StoryFn } from '@storybook/vue3';
|
|
2
|
+
import { type AvCancelConfirmButtonsProps } from '@/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.vue';
|
|
3
|
+
/**
|
|
4
|
+
* <h2 class="n2">✨ Introduction</h2>
|
|
5
|
+
*
|
|
6
|
+
* <p>
|
|
7
|
+
* <span class="b2-regular">
|
|
8
|
+
* The <code>AvCancelConfirmButtons</code> is an interaction element with an interface enabling the user
|
|
9
|
+
* to perform a cancel and/or a confirm action.
|
|
10
|
+
* </span>
|
|
11
|
+
* </p>
|
|
12
|
+
*
|
|
13
|
+
* <h2 class="n2">🏗️ Structure</h2>
|
|
14
|
+
*
|
|
15
|
+
* <p>
|
|
16
|
+
* <span class="b2-regular">
|
|
17
|
+
* This component consists of two optional buttons:
|
|
18
|
+
* </span>
|
|
19
|
+
* </p>
|
|
20
|
+
*
|
|
21
|
+
* <ul>
|
|
22
|
+
* <li>
|
|
23
|
+
* <span class="b2-regular">
|
|
24
|
+
* A <strong>cancel button</strong>, displayed by passing the <code>cancelLabel</code> prop.
|
|
25
|
+
* </span>
|
|
26
|
+
* </li>
|
|
27
|
+
* <li>
|
|
28
|
+
* <span class="b2-regular">
|
|
29
|
+
* A <strong>confirm button</strong>, displayed by passing the <code>confirmLabel</code> prop.
|
|
30
|
+
* </span>
|
|
31
|
+
* </li>
|
|
32
|
+
* </ul>
|
|
33
|
+
*/
|
|
34
|
+
declare const meta: Meta<AvCancelConfirmButtonsProps>;
|
|
35
|
+
export default meta;
|
|
36
|
+
export declare const Default: StoryFn<AvCancelConfirmButtonsProps>;
|
|
37
|
+
export declare const CancelOnly: StoryFn<AvCancelConfirmButtonsProps>;
|
|
38
|
+
export declare const ConfirmOnly: StoryFn<AvCancelConfirmButtonsProps>;
|
package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.test.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.vue.d.ts
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* AvCancelConfirmButtons component props.
|
|
3
|
+
*/
|
|
4
|
+
export interface AvCancelConfirmButtonsProps {
|
|
5
|
+
/**
|
|
6
|
+
* Label and title (for accessibility) of the cancel button.
|
|
7
|
+
*/
|
|
8
|
+
cancelLabel?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Icon name of the cancel button.
|
|
11
|
+
* @default 'mdi:close-circle-outline'
|
|
12
|
+
*/
|
|
13
|
+
cancelIcon?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Label and title (for accessibility) of the confirm button.
|
|
16
|
+
*/
|
|
17
|
+
confirmLabel?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Icon name of the confirm button.
|
|
20
|
+
* @default 'mdi:check-circle-outline'
|
|
21
|
+
*/
|
|
22
|
+
confirmIcon?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Adds a loading state on the buttons.
|
|
25
|
+
*/
|
|
26
|
+
isLoading?: boolean;
|
|
27
|
+
}
|
|
28
|
+
declare const _default: import("vue").DefineComponent<AvCancelConfirmButtonsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
29
|
+
cancel: () => any;
|
|
30
|
+
confirm: () => any;
|
|
31
|
+
}, string, import("vue").PublicProps, Readonly<AvCancelConfirmButtonsProps> & Readonly<{
|
|
32
|
+
onCancel?: (() => any) | undefined;
|
|
33
|
+
onConfirm?: (() => any) | undefined;
|
|
34
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
35
|
+
export default _default;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export { AvButtonStub } from './AvButton/AvButton.stub';
|
|
2
2
|
export { default as AvButton, type AvButtonProps } from './AvButton/AvButton.vue';
|
|
3
|
+
export { default as AvCancelConfirmButtons } from './AvCancelConfirmButtons/AvCancelConfirmButtons.vue';
|
|
3
4
|
export { default as AvRichButton } from './AvRichButton/AvRichButton.vue';
|
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
import type { Slot } from 'vue';
|
|
2
|
-
import { type AvButtonProps } from '@/components/interaction';
|
|
3
2
|
/**
|
|
4
3
|
* AvModal component props.
|
|
5
4
|
*/
|
|
6
5
|
export interface AvModalProps {
|
|
7
|
-
/**
|
|
8
|
-
* Variant of the close button: without border (`DEFAULT`) or with border (`OUTLINED`).
|
|
9
|
-
* @default 'DEFAULT'
|
|
10
|
-
*/
|
|
11
|
-
closeButtonVariant?: AvButtonProps['variant'];
|
|
12
6
|
/**
|
|
13
7
|
* Unique identifier for the modal.
|
|
14
8
|
* @default useRandomId('modal', 'dialog')
|
|
@@ -44,6 +38,15 @@ export interface AvModalProps {
|
|
|
44
38
|
* Label and title (for accessibility) of the close button.
|
|
45
39
|
*/
|
|
46
40
|
closeButtonLabel: string;
|
|
41
|
+
/**
|
|
42
|
+
* Label and title (for accessibility) of the confirm button.
|
|
43
|
+
*/
|
|
44
|
+
confirmButtonLabel?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Icon name of the confirm button.
|
|
47
|
+
* @default 'mdi:check-circle-outline'
|
|
48
|
+
*/
|
|
49
|
+
confirmButtonIcon?: string;
|
|
47
50
|
/**
|
|
48
51
|
* Adds a loading state on the close button.
|
|
49
52
|
*/
|
|
@@ -63,8 +66,10 @@ type __VLS_Slots = {
|
|
|
63
66
|
};
|
|
64
67
|
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
65
68
|
close: () => any;
|
|
69
|
+
confirm: () => any;
|
|
66
70
|
}, string, import("vue").PublicProps, Readonly<AvModalProps> & Readonly<{
|
|
67
71
|
onClose?: (() => any) | undefined;
|
|
72
|
+
onConfirm?: (() => any) | undefined;
|
|
68
73
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
|
|
69
74
|
export default _default;
|
|
70
75
|
type __VLS_WithSlots<T, S> = T & {
|