@avenirs-esr/avenirs-dsav 0.1.41 → 0.1.43
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 +1425 -1377
- package/dist/avenirs-dsav.umd.js +7 -7
- package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.stories.d.ts +44 -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 +47 -0
- package/dist/components/interaction/buttons/index.d.ts +1 -0
- package/dist/components/overlay/modals/AvModal/AvModal.vue.d.ts +24 -6
- package/package.json +1 -1
|
@@ -0,0 +1,44 @@
|
|
|
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>;
|
|
39
|
+
export declare const CancelDisabled: StoryFn<AvCancelConfirmButtonsProps>;
|
|
40
|
+
export declare const ConfirmDisabled: StoryFn<AvCancelConfirmButtonsProps>;
|
|
41
|
+
export declare const BothDisabled: StoryFn<AvCancelConfirmButtonsProps>;
|
|
42
|
+
export declare const CancelLoading: StoryFn<AvCancelConfirmButtonsProps>;
|
|
43
|
+
export declare const ConfirmLoading: StoryFn<AvCancelConfirmButtonsProps>;
|
|
44
|
+
export declare const BothLoading: 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,47 @@
|
|
|
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
|
+
* Adds a disabled state on the cancel button.
|
|
16
|
+
*/
|
|
17
|
+
cancelDisabled?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Adds a loading state on the cancel button.
|
|
20
|
+
*/
|
|
21
|
+
cancelIsLoading?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Label and title (for accessibility) of the confirm button.
|
|
24
|
+
*/
|
|
25
|
+
confirmLabel?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Icon name of the confirm button.
|
|
28
|
+
* @default 'mdi:check-circle-outline'
|
|
29
|
+
*/
|
|
30
|
+
confirmIcon?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Adds a disabled state on the confirm button.
|
|
33
|
+
*/
|
|
34
|
+
confirmDisabled?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Adds a loading state on the confirm button.
|
|
37
|
+
*/
|
|
38
|
+
confirmIsLoading?: boolean;
|
|
39
|
+
}
|
|
40
|
+
declare const _default: import("vue").DefineComponent<AvCancelConfirmButtonsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
41
|
+
cancel: () => any;
|
|
42
|
+
confirm: () => any;
|
|
43
|
+
}, string, import("vue").PublicProps, Readonly<AvCancelConfirmButtonsProps> & Readonly<{
|
|
44
|
+
onCancel?: (() => any) | undefined;
|
|
45
|
+
onConfirm?: (() => any) | undefined;
|
|
46
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
47
|
+
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,28 @@ export interface AvModalProps {
|
|
|
44
38
|
* Label and title (for accessibility) of the close button.
|
|
45
39
|
*/
|
|
46
40
|
closeButtonLabel: string;
|
|
41
|
+
/**
|
|
42
|
+
* Icon name of the confirm button.
|
|
43
|
+
* @default 'mdi:close-circle-outline'
|
|
44
|
+
*/
|
|
45
|
+
closeButtonIcon?: string;
|
|
46
|
+
/**
|
|
47
|
+
* Adds a disabled state on the close button.
|
|
48
|
+
*/
|
|
49
|
+
closeButtonDisabled?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Label and title (for accessibility) of the confirm button.
|
|
52
|
+
*/
|
|
53
|
+
confirmButtonLabel?: string;
|
|
54
|
+
/**
|
|
55
|
+
* Icon name of the confirm button.
|
|
56
|
+
* @default 'mdi:check-circle-outline'
|
|
57
|
+
*/
|
|
58
|
+
confirmButtonIcon?: string;
|
|
59
|
+
/**
|
|
60
|
+
* Adds a disabled state on the confirm button.
|
|
61
|
+
*/
|
|
62
|
+
confirmButtonDisabled?: boolean;
|
|
47
63
|
/**
|
|
48
64
|
* Adds a loading state on the close button.
|
|
49
65
|
*/
|
|
@@ -63,8 +79,10 @@ type __VLS_Slots = {
|
|
|
63
79
|
};
|
|
64
80
|
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
65
81
|
close: () => any;
|
|
82
|
+
confirm: () => any;
|
|
66
83
|
}, string, import("vue").PublicProps, Readonly<AvModalProps> & Readonly<{
|
|
67
84
|
onClose?: (() => any) | undefined;
|
|
85
|
+
onConfirm?: (() => any) | undefined;
|
|
68
86
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
|
|
69
87
|
export default _default;
|
|
70
88
|
type __VLS_WithSlots<T, S> = T & {
|