@avenirs-esr/avenirs-dsav 0.1.19 → 0.1.21
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/README.md +4 -6
- package/dist/avenirs-dsav.css +1 -1
- package/dist/avenirs-dsav.es.js +1197 -1188
- package/dist/avenirs-dsav.umd.js +8 -8
- package/dist/components/badges/AvBadge/AvBadge.stories.d.ts +3 -11
- package/dist/components/base/AvIconText/AvIconText.stories.d.ts +2 -2
- package/dist/components/base/AvIconText/AvIconText.vue.d.ts +1 -1
- package/dist/components/base/AvNotice/AvNotice.stories.d.ts +4 -11
- package/dist/components/base/AvVIcon/AvVIcon.stories.d.ts +2 -9
- package/dist/components/cards/AvCard/AvCard.stories.d.ts +2 -2
- package/dist/components/interaction/accordions/AvAccordion/AvAccordion.stories.d.ts +1 -1
- package/dist/components/interaction/accordions/AvAccordionsGroup/AvAccordionsGroup.stories.d.ts +4 -11
- package/dist/components/interaction/buttons/AvButton/AvButton.stories.d.ts +5 -14
- package/dist/components/interaction/buttons/AvRichButton/AvRichButton.stories.d.ts +2 -2
- package/dist/components/interaction/files/AvFileUpload/AvFileUpload.stories.d.ts +2 -10
- package/dist/components/interaction/inputs/AvInput/AvInput.stories.d.ts +16 -27
- package/dist/components/interaction/lists/AvList/AvList.stories.d.ts +2 -2
- package/dist/components/interaction/lists/AvListItem/AvListItem.stories.d.ts +2 -2
- package/dist/components/interaction/lists/AvListItem/AvListItem.vue.d.ts +1 -1
- package/dist/components/interaction/pickers/AvPageSizePicker/AvPageSizePicker.stories.d.ts +2 -2
- package/dist/components/interaction/pickers/AvTagPicker/AvTagPicker.stories.d.ts +4 -4
- package/dist/components/interaction/radios/AvRadioButton/AvRadioButton.stories.d.ts +2 -2
- package/dist/components/interaction/radios/AvRadioButtonSet/AvRadioButtonSet.stories.d.ts +5 -12
- package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.stories.d.ts +7 -2
- package/dist/components/interaction/selects/AvSelect/AvSelect.stories.d.ts +3 -10
- package/dist/components/interaction/tabs/AvTab/AvTab.stories.d.ts +2 -2
- package/dist/components/interaction/tabs/AvTabs/AvTabs.stories.d.ts +3 -10
- package/dist/components/interaction/toggles/AvToggle/AvToggle.stories.d.ts +2 -2
- package/dist/components/navigation/AvNavigation/AvNavigation.stories.d.ts +4 -11
- package/dist/components/navigation/AvSideMenu/AvSideMenu.stories.d.ts +2 -2
- package/dist/components/navigation/AvSideNavigation/AvSideNavigation.stories.d.ts +2 -2
- package/dist/components/navigation/AvSideNavigation/AvSideNavigation.vue.d.ts +4 -0
- package/dist/components/navigation/AvStepper/AvStepper.stories.d.ts +2 -2
- package/dist/components/overlay/drawers/AvDrawer/AvDrawer.stories.d.ts +2 -2
- package/dist/components/overlay/popovers/AvPopover/AvPopover.stories.d.ts +2 -2
- package/dist/tokens/icons.d.ts +5 -0
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Meta, StoryFn } from '@storybook/vue3';
|
|
2
2
|
import { type AvToggleProps } from '@/components/interaction/toggles/AvToggle/AvToggle.vue';
|
|
3
3
|
/**
|
|
4
|
-
* <h2 class="n2"
|
|
4
|
+
* <h2 class="n2">✨ Introduction</h2>
|
|
5
5
|
*
|
|
6
6
|
* <p>
|
|
7
7
|
* <span class="b2-regular">
|
|
@@ -10,7 +10,7 @@ import { type AvToggleProps } from '@/components/interaction/toggles/AvToggle/Av
|
|
|
10
10
|
* </span>
|
|
11
11
|
* </p>
|
|
12
12
|
*
|
|
13
|
-
* <h2 class="n2"
|
|
13
|
+
* <h2 class="n2">🏗️ Structure</h2>
|
|
14
14
|
*
|
|
15
15
|
* <p><span class="b2-regular">None.</span></p>
|
|
16
16
|
*/
|
|
@@ -3,23 +3,16 @@ import { type AvNavigationProps } from '@/components/navigation/AvNavigation/AvN
|
|
|
3
3
|
/**
|
|
4
4
|
* <h1 class="n1">Navigation - <code>AvNavigation</code></h1>
|
|
5
5
|
*
|
|
6
|
-
* <h2 class="n2"
|
|
6
|
+
* <h2 class="n2">✨ Introduction</h2>
|
|
7
7
|
*
|
|
8
8
|
* <p>
|
|
9
9
|
* <span class="b2-regular">
|
|
10
|
-
* The <code>AvNavigation</code> is
|
|
11
|
-
*
|
|
10
|
+
* The <code>AvNavigation</code> is the main navigation therefore the central navigation system within a site.
|
|
11
|
+
* It guides the user through the site main and secondary sections.
|
|
12
12
|
* </span>
|
|
13
13
|
* </p>
|
|
14
14
|
*
|
|
15
|
-
* <
|
|
16
|
-
* <span class="b2-regular">
|
|
17
|
-
* 🏅 Documentation on main navigation can be found on
|
|
18
|
-
* <a href="https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/navigation-principale" target="_blank" rel="noopener noreferrer">DSFR</a>
|
|
19
|
-
* </span>
|
|
20
|
-
* </p>
|
|
21
|
-
*
|
|
22
|
-
* <h2 class="n2">📐 Structure</h2>
|
|
15
|
+
* <h2 class="n2">🏗️ Structure</h2>
|
|
23
16
|
*
|
|
24
17
|
* <p><span class="b2-regular">The navigation component can be used to create a navigation bar with different types of navigation items:</span></p>
|
|
25
18
|
*
|
|
@@ -3,7 +3,7 @@ import { type AvSideMenuProps } from '@/components/navigation/AvSideMenu/AvSideM
|
|
|
3
3
|
/**
|
|
4
4
|
* <h1 class="n1">Navigation - <code>AvSideMenu</code></h1>
|
|
5
5
|
*
|
|
6
|
-
* <h2 class="n2"
|
|
6
|
+
* <h2 class="n2">✨ Introduction</h2>
|
|
7
7
|
*
|
|
8
8
|
* <p>
|
|
9
9
|
* <span class="b2-regular">
|
|
@@ -27,7 +27,7 @@ import { type AvSideMenuProps } from '@/components/navigation/AvSideMenu/AvSideM
|
|
|
27
27
|
* </span>
|
|
28
28
|
* </p>
|
|
29
29
|
*
|
|
30
|
-
* <h2 class="n2"
|
|
30
|
+
* <h2 class="n2">🏗️ Structure</h2>
|
|
31
31
|
*
|
|
32
32
|
* <p><span class="b2-regular">The side-menu component consists of the following elements:</span></p>
|
|
33
33
|
*
|
|
@@ -3,7 +3,7 @@ import AvSideNavigation from './AvSideNavigation.vue';
|
|
|
3
3
|
/**
|
|
4
4
|
* <h1 class="n1">Navigation - <code>AvSideNavigation</code></h1>
|
|
5
5
|
*
|
|
6
|
-
* <h2 class="n2"
|
|
6
|
+
* <h2 class="n2">✨ Introduction</h2>
|
|
7
7
|
*
|
|
8
8
|
* <p>
|
|
9
9
|
* <span class="b2-regular">
|
|
@@ -29,7 +29,7 @@ import AvSideNavigation from './AvSideNavigation.vue';
|
|
|
29
29
|
* </span>
|
|
30
30
|
* </p>
|
|
31
31
|
*
|
|
32
|
-
* <h2 class="n2"
|
|
32
|
+
* <h2 class="n2">🏗️ Structure</h2>
|
|
33
33
|
*
|
|
34
34
|
* <p><span class="b2-regular">The side navigation component consists of the following elements:</span></p>
|
|
35
35
|
*
|
|
@@ -20,6 +20,10 @@ export interface AvSideNavigationProps {
|
|
|
20
20
|
* Width of the side menu when collapsed.
|
|
21
21
|
*/
|
|
22
22
|
collapsedWidth?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Color of selected item background and icon.
|
|
25
|
+
*/
|
|
26
|
+
selectedItemColor?: string;
|
|
23
27
|
}
|
|
24
28
|
type __VLS_Props = AvSideNavigationProps;
|
|
25
29
|
type __VLS_PublicProps = __VLS_Props & {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Meta, StoryFn } from '@storybook/vue3';
|
|
2
2
|
import AvStepper, { type AvStepperProps } from './AvStepper.vue';
|
|
3
3
|
/**
|
|
4
|
-
* <h2 class="n2"
|
|
4
|
+
* <h2 class="n2">✨ Introduction</h2>
|
|
5
5
|
*
|
|
6
6
|
* <p>
|
|
7
7
|
* <span class="b2-regular">
|
|
@@ -9,7 +9,7 @@ import AvStepper, { type AvStepperProps } from './AvStepper.vue';
|
|
|
9
9
|
* </span>
|
|
10
10
|
* </p>
|
|
11
11
|
*
|
|
12
|
-
* <h2 class="n2"
|
|
12
|
+
* <h2 class="n2">🏗️ Structure</h2>
|
|
13
13
|
*
|
|
14
14
|
* <p><span class="b2-regular">The stepper displays:</span></p>
|
|
15
15
|
* <ul>
|
|
@@ -3,7 +3,7 @@ import { type AvDrawerProps } from '@/components/overlay/drawers/AvDrawer/AvDraw
|
|
|
3
3
|
/**
|
|
4
4
|
* <h1 class="n1">Drawers - <code>AvDrawer</code></h1>
|
|
5
5
|
*
|
|
6
|
-
* <h2 class="n2"
|
|
6
|
+
* <h2 class="n2">✨ Introduction</h2>
|
|
7
7
|
*
|
|
8
8
|
* <p>
|
|
9
9
|
* <span class="b2-regular">
|
|
@@ -25,7 +25,7 @@ import { type AvDrawerProps } from '@/components/overlay/drawers/AvDrawer/AvDraw
|
|
|
25
25
|
* </span>
|
|
26
26
|
* </p>
|
|
27
27
|
*
|
|
28
|
-
* <h2 class="n2"
|
|
28
|
+
* <h2 class="n2">🏗️ Structure</h2>
|
|
29
29
|
*
|
|
30
30
|
* <p><span class="b2-regular">The drawer consists of the following elements:</span></p>
|
|
31
31
|
*
|
|
@@ -3,7 +3,7 @@ import { type AvPopoverProps } from '@/components/overlay/popovers/AvPopover/AvP
|
|
|
3
3
|
/**
|
|
4
4
|
* <h1 class="n1">Popovers - <code>AvPopover</code></h1>
|
|
5
5
|
*
|
|
6
|
-
* <h2 class="n2"
|
|
6
|
+
* <h2 class="n2">✨ Introduction</h2>
|
|
7
7
|
*
|
|
8
8
|
* <p>
|
|
9
9
|
* <span class="b2-regular">
|
|
@@ -28,7 +28,7 @@ import { type AvPopoverProps } from '@/components/overlay/popovers/AvPopover/AvP
|
|
|
28
28
|
* </span>
|
|
29
29
|
* </p>
|
|
30
30
|
*
|
|
31
|
-
* <h2 class="n2"
|
|
31
|
+
* <h2 class="n2">🏗️ Structure</h2>
|
|
32
32
|
*
|
|
33
33
|
* <p><span class="b2-regular">The popover consists of the following elements:</span></p>
|
|
34
34
|
*
|
package/dist/tokens/icons.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ export declare const MDI_ICONS: {
|
|
|
2
2
|
ACCOUNT_CIRCLE_OUTLINE: string;
|
|
3
3
|
ACCOUNT_STUDENT_OUTLINE: string;
|
|
4
4
|
ALERT_CIRCLE_OUTLINE: string;
|
|
5
|
+
ALERT_OUTLINE: string;
|
|
5
6
|
ARROW_DECISION: string;
|
|
6
7
|
ARROW_LEFT_THIN: string;
|
|
7
8
|
ARROW_RIGHT: string;
|
|
@@ -13,6 +14,7 @@ export declare const MDI_ICONS: {
|
|
|
13
14
|
BOOK_LOCATION_OUTLINE: string;
|
|
14
15
|
BRIEFCASE_VARIANT_OUTLINE: string;
|
|
15
16
|
CALENDAR_MONTH_OUTLINE: string;
|
|
17
|
+
CHART_TIMELINE_VARIANT_SHIMMER: string;
|
|
16
18
|
CHAT_BUBBLE_OUTLINE: string;
|
|
17
19
|
CHECK: string;
|
|
18
20
|
CHECK_CIRCLE: string;
|
|
@@ -28,6 +30,7 @@ export declare const MDI_ICONS: {
|
|
|
28
30
|
FILE_DOCUMENT_BOX_MULTIPLE_OUTLINE: string;
|
|
29
31
|
FILE_DOCUMENT_EDIT_OUTLINE: string;
|
|
30
32
|
FILE_DOCUMENT_MULTIPLE_OUTLINE: string;
|
|
33
|
+
FILE_TREE_OUTLINE: string;
|
|
31
34
|
FLAG_VARIANT: string;
|
|
32
35
|
FORMAT_LIST_BULLETED: string;
|
|
33
36
|
HOME_VARIANT_OUTLINE: string;
|
|
@@ -35,10 +38,12 @@ export declare const MDI_ICONS: {
|
|
|
35
38
|
IMAGE_FILTER_CENTER_FOCUS_WEAK: string;
|
|
36
39
|
IMAGE_OUTLINE: string;
|
|
37
40
|
INFORMATION_OUTLINE: string;
|
|
41
|
+
LINK: string;
|
|
38
42
|
LOADING_OUTLINE: string;
|
|
39
43
|
LOGOUT: string;
|
|
40
44
|
NAVIGATE_BEFORE: string;
|
|
41
45
|
NAVIGATE_NEXT: string;
|
|
46
|
+
NOTEBOOK_CHECK: string;
|
|
42
47
|
NOTIFICATIONS_NONE: string;
|
|
43
48
|
PAGE_FIRST: string;
|
|
44
49
|
PAGE_LAST: string;
|