@avenirs-esr/avenirs-dsav 0.1.79 → 0.1.81
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/components/base/AvIcon/AvIcon.stories.d.ts +11 -33
- package/dist/components/base/AvIcon/AvIcon.vue.d.ts +1 -13
- package/dist/components/interaction/buttons/AvButton/AvButton.stub.d.ts +2 -2
- package/dist/components/interaction/buttons/AvButton/AvButton.vue.d.ts +1 -0
- package/dist/components/interaction/buttons/AvRichButton/AvRichButton.vue.d.ts +1 -0
- package/dist/components/interaction/checkboxes/AvCheckbox/AvChecbox.stories.d.ts +1 -0
- package/dist/components/interaction/checkboxes/AvCheckbox/AvCheckbox.vue.d.ts +21 -3
- package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.stories.d.ts +16 -11
- package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.vue.d.ts +5 -5
- package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteDropdown.vue.d.ts +1 -1
- package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteInput.vue.d.ts +1 -1
- package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteSelectedTags.vue.d.ts +1 -1
- package/dist/index.cjs.js +5 -5
- package/dist/index.es.js +2888 -4060
- package/dist/test-utils.cjs.js +4 -4
- package/dist/test-utils.es.js +7 -7
- package/dist/tokens/icons.d.ts +19 -1
- package/dist/utils/storybook.d.ts +4 -0
- package/package.json +4 -2
- package/src/styles/components/_icons.scss +100 -0
- package/src/styles/main.scss +1 -0
|
@@ -1,45 +1,23 @@
|
|
|
1
1
|
import type { Meta, StoryFn } from '@storybook/vue3';
|
|
2
2
|
import { type AvIconProps } from '@/components/base/AvIcon/AvIcon.vue';
|
|
3
3
|
/**
|
|
4
|
-
* <
|
|
5
|
-
*
|
|
6
|
-
* <p>
|
|
7
|
-
* <span class="b2-regular">
|
|
8
|
-
* The <code>AvIcon</code> component places an <code>Icon</code>
|
|
9
|
-
* (see <a href="https://iconify.design/docs/icon-components/vue/" target="_blank">Icon component from Iconify</a>)
|
|
10
|
-
* in a square <code>div</code> of configurable size.
|
|
11
|
-
* It is a Vue.js component for displaying icons with a wide range of customization options,
|
|
12
|
-
* including animations, colors, and sizes.
|
|
13
|
-
* </span>
|
|
14
|
-
* </p>
|
|
15
|
-
*
|
|
16
|
-
* <p>
|
|
17
|
-
* <span class="b2-regular">
|
|
18
|
-
* It's designed to be flexible and performant, with support for various display options,
|
|
19
|
-
* flip options, and accessible titles.
|
|
20
|
-
* </span>
|
|
21
|
-
* </p>
|
|
4
|
+
* <h1 class="n1">Messages - <code>AvMessage</code></h1>
|
|
22
5
|
*
|
|
23
|
-
* <
|
|
24
|
-
* <span class="b2-regular">
|
|
25
|
-
* It has exactly the same API as <code>OhVueIcon</code>, and uses <code>@iconify/vue</code> under the hood.
|
|
26
|
-
* </span>
|
|
27
|
-
* </p>
|
|
6
|
+
* <h2 class="n2">✨ Introduction</h2>
|
|
28
7
|
*
|
|
29
|
-
* <p>
|
|
30
|
-
* <
|
|
31
|
-
*
|
|
32
|
-
*
|
|
33
|
-
* </span>
|
|
8
|
+
* <p class="b2-regular">
|
|
9
|
+
* The <code>AvMessage</code> component allows you to display short texts accompanied by an icon on the left,
|
|
10
|
+
* depending on the type of information. This component is useful for displaying contextual feedback messages,
|
|
11
|
+
* such as errors or successes, to the user.
|
|
34
12
|
* </p>
|
|
35
13
|
*
|
|
36
14
|
* <h2 class="n2">🏗️ Structure</h2>
|
|
37
15
|
*
|
|
38
|
-
* <
|
|
39
|
-
* <
|
|
40
|
-
*
|
|
41
|
-
* </
|
|
42
|
-
* </
|
|
16
|
+
* <ul>
|
|
17
|
+
* <li>The component is based on an <code>AvIconText</code> element.</li>
|
|
18
|
+
* <li>The icon and color are automatically adjusted according to the <code>type</code> prop.</li>
|
|
19
|
+
* <li>Common types include <code>error</code> and <code>success</code>.</li>
|
|
20
|
+
* </ul>
|
|
43
21
|
*/
|
|
44
22
|
declare const meta: Meta<AvIconProps>;
|
|
45
23
|
export default meta;
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* AvIcon component props.
|
|
3
|
-
*/
|
|
4
1
|
export interface AvIconProps {
|
|
5
2
|
/**
|
|
6
3
|
* The size in rem of the icon.
|
|
@@ -26,11 +23,7 @@ export interface AvIconProps {
|
|
|
26
23
|
*/
|
|
27
24
|
flip?: 'horizontal' | 'vertical' | 'both';
|
|
28
25
|
/**
|
|
29
|
-
*
|
|
30
|
-
*/
|
|
31
|
-
label?: string;
|
|
32
|
-
/**
|
|
33
|
-
* Icon title (`<title>` tag), used for accessibility and tooltips.
|
|
26
|
+
* Icon title used for accessibility and tooltips.
|
|
34
27
|
*/
|
|
35
28
|
title?: string;
|
|
36
29
|
/**
|
|
@@ -38,11 +31,6 @@ export interface AvIconProps {
|
|
|
38
31
|
* @default 'inherit'
|
|
39
32
|
*/
|
|
40
33
|
color?: string;
|
|
41
|
-
/**
|
|
42
|
-
* Enables server-side rendering.
|
|
43
|
-
* @default true
|
|
44
|
-
*/
|
|
45
|
-
ssr?: boolean;
|
|
46
34
|
}
|
|
47
35
|
declare const _default: import("vue").DefineComponent<AvIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
48
36
|
export default _default;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export declare const AvButtonStub: import("vue").DefineComponent<{
|
|
2
2
|
label?: any;
|
|
3
|
-
|
|
3
|
+
small?: any;
|
|
4
4
|
type?: any;
|
|
5
5
|
variant?: any;
|
|
6
6
|
isLoading?: any;
|
|
7
7
|
disabled?: any;
|
|
8
8
|
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<{
|
|
9
9
|
label?: any;
|
|
10
|
-
|
|
10
|
+
small?: any;
|
|
11
11
|
type?: any;
|
|
12
12
|
variant?: any;
|
|
13
13
|
isLoading?: any;
|
|
@@ -38,3 +38,4 @@ export declare const Hint: StoryFn<AvCheckboxProps>;
|
|
|
38
38
|
export declare const Small: StoryFn<AvCheckboxProps>;
|
|
39
39
|
export declare const SmallWithIcon: StoryFn<AvCheckboxProps>;
|
|
40
40
|
export declare const SmallRequired: StoryFn<AvCheckboxProps>;
|
|
41
|
+
export declare const LabelSlot: StoryFn<AvCheckboxProps>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { Slot } from 'vue';
|
|
1
2
|
/**
|
|
2
3
|
* AvCheckbox component props
|
|
3
4
|
*/
|
|
@@ -41,8 +42,9 @@ export interface AvCheckboxProps {
|
|
|
41
42
|
disabled?: boolean;
|
|
42
43
|
/**
|
|
43
44
|
* Label to be displayed next to the checkbox
|
|
45
|
+
* This prop is optional if you use the `label` slot.
|
|
44
46
|
*/
|
|
45
|
-
label
|
|
47
|
+
label?: string;
|
|
46
48
|
/**
|
|
47
49
|
* Error message to be displayed under the checkbox
|
|
48
50
|
* @default ''
|
|
@@ -60,12 +62,28 @@ export interface AvCheckboxProps {
|
|
|
60
62
|
hint?: string;
|
|
61
63
|
}
|
|
62
64
|
type __VLS_Props = AvCheckboxProps;
|
|
65
|
+
/**
|
|
66
|
+
* Slots available in the AvCheckbox component.
|
|
67
|
+
*
|
|
68
|
+
* @slot label - Slot for the checkbox label.
|
|
69
|
+
*/
|
|
70
|
+
type __VLS_Slots = {
|
|
71
|
+
/**
|
|
72
|
+
* Slot for the checkbox label
|
|
73
|
+
*/
|
|
74
|
+
label?: Slot;
|
|
75
|
+
};
|
|
63
76
|
type __VLS_PublicProps = __VLS_Props & {
|
|
64
77
|
modelValue: (string | number | boolean | undefined)[];
|
|
65
78
|
};
|
|
66
|
-
declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
79
|
+
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
67
80
|
"update:modelValue": (value: (string | number | boolean | undefined)[]) => any;
|
|
68
81
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
69
82
|
"onUpdate:modelValue"?: ((value: (string | number | boolean | undefined)[]) => any) | undefined;
|
|
70
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
83
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
|
|
71
84
|
export default _default;
|
|
85
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
86
|
+
new (): {
|
|
87
|
+
$slots: S;
|
|
88
|
+
};
|
|
89
|
+
};
|
|
@@ -60,11 +60,6 @@ declare const meta: {
|
|
|
60
60
|
serverSideFiltering?: boolean | undefined;
|
|
61
61
|
modelValue?: T[] | undefined;
|
|
62
62
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
|
|
63
|
-
emit: {
|
|
64
|
-
(e: "search", query: string): void;
|
|
65
|
-
(e: "loadMore"): void;
|
|
66
|
-
(e: "clear"): void;
|
|
67
|
-
} & ((evt: "update:modelValue", value: T[]) => void);
|
|
68
63
|
attrs: any;
|
|
69
64
|
slots: {
|
|
70
65
|
requiredTip?: (() => import("vue").Slot) | undefined;
|
|
@@ -79,6 +74,11 @@ declare const meta: {
|
|
|
79
74
|
}> | undefined;
|
|
80
75
|
empty?: import("vue").Slot | undefined;
|
|
81
76
|
};
|
|
77
|
+
emit: {
|
|
78
|
+
(e: "search", query: string): void;
|
|
79
|
+
(e: "loadMore"): void;
|
|
80
|
+
(e: "clear"): void;
|
|
81
|
+
} & ((evt: "update:modelValue", value: T[]) => void);
|
|
82
82
|
} | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
|
|
83
83
|
props: {
|
|
84
84
|
readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
|
|
@@ -345,11 +345,6 @@ export declare const WithCustomItemSlotExample: {
|
|
|
345
345
|
serverSideFiltering?: boolean | undefined;
|
|
346
346
|
modelValue?: T[] | undefined;
|
|
347
347
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
|
|
348
|
-
emit: {
|
|
349
|
-
(e: "search", query: string): void;
|
|
350
|
-
(e: "loadMore"): void;
|
|
351
|
-
(e: "clear"): void;
|
|
352
|
-
} & ((evt: "update:modelValue", value: T[]) => void);
|
|
353
348
|
attrs: any;
|
|
354
349
|
slots: {
|
|
355
350
|
requiredTip?: (() => import("vue").Slot) | undefined;
|
|
@@ -364,6 +359,11 @@ export declare const WithCustomItemSlotExample: {
|
|
|
364
359
|
}> | undefined;
|
|
365
360
|
empty?: import("vue").Slot | undefined;
|
|
366
361
|
};
|
|
362
|
+
emit: {
|
|
363
|
+
(e: "search", query: string): void;
|
|
364
|
+
(e: "loadMore"): void;
|
|
365
|
+
(e: "clear"): void;
|
|
366
|
+
} & ((evt: "update:modelValue", value: T[]) => void);
|
|
367
367
|
} | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
|
|
368
368
|
props: {
|
|
369
369
|
readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
|
|
@@ -503,6 +503,7 @@ export declare const WithCustomItemSlotExample: {
|
|
|
503
503
|
BOOK_LOCATION_OUTLINE: string;
|
|
504
504
|
BRIEFCASE_VARIANT_OUTLINE: string;
|
|
505
505
|
CALENDAR_MONTH_OUTLINE: string;
|
|
506
|
+
CALENDAR_OUTLINE: string;
|
|
506
507
|
CHART_TIMELINE_VARIANT_SHIMMER: string;
|
|
507
508
|
CHAT_ALERT: string;
|
|
508
509
|
CHAT_BUBBLE_OUTLINE: string;
|
|
@@ -520,6 +521,7 @@ export declare const WithCustomItemSlotExample: {
|
|
|
520
521
|
DIAMOND_STONE: string;
|
|
521
522
|
DOTS_VERTICAL: string;
|
|
522
523
|
ELECTRON_FRAMEWORK: string;
|
|
524
|
+
EMAIL_OUTLINE: string;
|
|
523
525
|
FAMILY: string;
|
|
524
526
|
FILE: string;
|
|
525
527
|
FILE_ACCOUNT_OUTLINE: string;
|
|
@@ -539,9 +541,11 @@ export declare const WithCustomItemSlotExample: {
|
|
|
539
541
|
INFORMATION_BOX_OUTLINE: string;
|
|
540
542
|
INFORMATION_OUTLINE: string;
|
|
541
543
|
LINK: string;
|
|
542
|
-
|
|
544
|
+
LOADING: string;
|
|
545
|
+
LOCK_OUTLINE: string;
|
|
543
546
|
LOGOUT: string;
|
|
544
547
|
MAGNIFY: string;
|
|
548
|
+
MAP_MARKER_OUTLINE: string;
|
|
545
549
|
NAVIGATE_BEFORE: string;
|
|
546
550
|
NAVIGATE_NEXT: string;
|
|
547
551
|
NOTEBOOK_CHECK: string;
|
|
@@ -550,6 +554,7 @@ export declare const WithCustomItemSlotExample: {
|
|
|
550
554
|
PAGE_LAST: string;
|
|
551
555
|
PENCIL_OUTLINE: string;
|
|
552
556
|
PEOPLE_GROUP_OUTLINE: string;
|
|
557
|
+
PHONE_OUTLINE: string;
|
|
553
558
|
PLUS_CIRCLE_OUTLINE: string;
|
|
554
559
|
POST_IT_NOTES_OUTLINE: string;
|
|
555
560
|
RECORD_CIRCLE_OUTLINE: string;
|
|
@@ -27,11 +27,6 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
|
|
|
27
27
|
serverSideFiltering?: boolean | undefined;
|
|
28
28
|
modelValue?: T[] | undefined;
|
|
29
29
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
|
|
30
|
-
emit: {
|
|
31
|
-
(e: 'search', query: string): void;
|
|
32
|
-
(e: 'loadMore'): void;
|
|
33
|
-
(e: 'clear'): void;
|
|
34
|
-
} & ((evt: "update:modelValue", value: T[]) => void);
|
|
35
30
|
attrs: any;
|
|
36
31
|
slots: {
|
|
37
32
|
/**
|
|
@@ -63,6 +58,11 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
|
|
|
63
58
|
*/
|
|
64
59
|
empty?: Slot | undefined;
|
|
65
60
|
};
|
|
61
|
+
emit: {
|
|
62
|
+
(e: 'search', query: string): void;
|
|
63
|
+
(e: 'loadMore'): void;
|
|
64
|
+
(e: 'clear'): void;
|
|
65
|
+
} & ((evt: "update:modelValue", value: T[]) => void);
|
|
66
66
|
} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
|
|
67
67
|
props: {
|
|
68
68
|
readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
|
|
@@ -3,7 +3,6 @@ import { type AvAutocompleteOption } from '@/components/interaction/selects/AvAu
|
|
|
3
3
|
declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(__VLS_props: {
|
|
4
4
|
readonly onLoadMore?: (() => any) | undefined;
|
|
5
5
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
|
|
6
|
-
emit: (evt: "loadMore") => void;
|
|
7
6
|
attrs: any;
|
|
8
7
|
slots: {
|
|
9
8
|
item?: Slot<{
|
|
@@ -13,6 +12,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
|
|
|
13
12
|
}> | undefined;
|
|
14
13
|
empty?: Slot | undefined;
|
|
15
14
|
};
|
|
15
|
+
emit: (evt: "loadMore") => void;
|
|
16
16
|
} | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
|
|
17
17
|
dropdownRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
|
18
18
|
}>) => void) | undefined, __VLS_setup?: Promise<{
|
|
@@ -4,11 +4,11 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
|
|
|
4
4
|
readonly onSearch?: ((query: string) => any) | undefined;
|
|
5
5
|
readonly onClear?: (() => any) | undefined;
|
|
6
6
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
|
|
7
|
-
emit: ((evt: "search", query: string) => void) & ((evt: "clear") => void);
|
|
8
7
|
attrs: any;
|
|
9
8
|
slots: {
|
|
10
9
|
requiredTip?: Slot | undefined;
|
|
11
10
|
};
|
|
11
|
+
emit: ((evt: "search", query: string) => void) & ((evt: "clear") => void);
|
|
12
12
|
} | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{
|
|
13
13
|
inputRef: import("vue").Ref<({
|
|
14
14
|
$: import("vue").ComponentInternalInstance;
|
package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteSelectedTags.vue.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import type { Slot } from 'vue';
|
|
2
2
|
import type { AvAutocompleteOption } from '@/components/interaction/selects/AvAutocomplete/AvAutocomplete.types';
|
|
3
3
|
declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(__VLS_props: {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
|
|
4
|
-
emit: {};
|
|
5
4
|
attrs: any;
|
|
6
5
|
slots: {
|
|
7
6
|
selectedItem?: Slot<{
|
|
@@ -9,6 +8,7 @@ declare const _default: <T extends AvAutocompleteOption = AvAutocompleteOption>(
|
|
|
9
8
|
remove: () => void;
|
|
10
9
|
}> | undefined;
|
|
11
10
|
};
|
|
11
|
+
emit: {};
|
|
12
12
|
} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
|
|
13
13
|
props: {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
14
14
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|