@avenirs-esr/avenirs-dsav 0.1.50 → 0.1.52

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.
Files changed (173) hide show
  1. package/dist/App.vue.d.ts +2 -0
  2. package/dist/components/badges/AvBadge/AvBadge.stories.d.ts +36 -0
  3. package/dist/components/badges/AvBadge/AvBadge.stub.d.ts +18 -0
  4. package/dist/components/badges/AvBadge/AvBadge.test.d.ts +1 -0
  5. package/dist/components/badges/AvBadge/AvBadge.vue.d.ts +44 -0
  6. package/dist/components/badges/index.d.ts +2 -0
  7. package/dist/components/base/AvIconText/AvIconText.stories.d.ts +36 -0
  8. package/dist/components/base/AvIconText/AvIconText.test.d.ts +1 -0
  9. package/dist/components/base/AvIconText/AvIconText.vue.d.ts +40 -0
  10. package/dist/components/base/AvNotice/AvNotice.stories.d.ts +56 -0
  11. package/dist/components/base/AvNotice/AvNotice.test.d.ts +1 -0
  12. package/dist/components/base/AvNotice/AvNotice.vue.d.ts +22 -0
  13. package/dist/components/base/AvVIcon/AvVIcon.stories.d.ts +40 -0
  14. package/dist/components/base/AvVIcon/AvVIcon.stub.d.ts +5 -0
  15. package/dist/components/base/AvVIcon/AvVIcon.vue.d.ts +54 -0
  16. package/dist/components/base/index.d.ts +4 -0
  17. package/dist/components/cards/AvCard/AvCard.stories.d.ts +28 -0
  18. package/dist/components/cards/AvCard/AvCard.test.d.ts +1 -0
  19. package/dist/components/cards/AvCard/AvCard.vue.d.ts +58 -0
  20. package/dist/components/cards/index.d.ts +1 -0
  21. package/dist/components/feedback/AvAlert/AvAlert.test.d.ts +1 -0
  22. package/dist/components/feedback/AvAlert/AvAlert.vue.d.ts +77 -0
  23. package/dist/components/feedback/AvToaster/AvToaster.test.d.ts +1 -0
  24. package/dist/components/feedback/AvToaster/AvToaster.vue.d.ts +79 -0
  25. package/dist/components/feedback/index.d.ts +2 -0
  26. package/dist/components/header/AvHeader/AvHeader.test.d.ts +1 -0
  27. package/dist/components/header/AvHeader/AvHeader.vue.d.ts +132 -0
  28. package/dist/components/header/AvHeaderMenuLinks/AvHeaderMenuLinks.test.d.ts +1 -0
  29. package/dist/components/header/AvHeaderMenuLinks/AvHeaderMenuLinks.vue.d.ts +38 -0
  30. package/dist/components/header/AvLogo.vue.d.ts +2 -0
  31. package/dist/components/header/EsupLogo.test.d.ts +1 -0
  32. package/dist/components/header/EsupLogo.vue.d.ts +7 -0
  33. package/dist/components/header/index.d.ts +5 -0
  34. package/dist/components/index.d.ts +8 -0
  35. package/dist/components/interaction/accordions/AvAccordion/AvAccordion.stories.d.ts +30 -0
  36. package/dist/components/interaction/accordions/AvAccordion/AvAccordion.test.d.ts +1 -0
  37. package/dist/components/interaction/accordions/AvAccordion/AvAccordion.vue.d.ts +31 -0
  38. package/dist/components/interaction/accordions/AvAccordionsGroup/AvAccordionsGroup.stories.d.ts +41 -0
  39. package/dist/components/interaction/accordions/AvAccordionsGroup/AvAccordionsGroup.test.d.ts +1 -0
  40. package/dist/components/interaction/accordions/AvAccordionsGroup/AvAccordionsGroup.vue.d.ts +36 -0
  41. package/dist/components/interaction/accordions/index.d.ts +2 -0
  42. package/dist/components/interaction/buttons/AvButton/AvButton.stories.d.ts +66 -0
  43. package/dist/components/interaction/buttons/AvButton/AvButton.stub.d.ts +6 -0
  44. package/dist/components/interaction/buttons/AvButton/AvButton.test.d.ts +1 -0
  45. package/dist/components/interaction/buttons/AvButton/AvButton.vue.d.ts +78 -0
  46. package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.stories.d.ts +44 -0
  47. package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.stub.d.ts +6 -0
  48. package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.test.d.ts +1 -0
  49. package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.vue.d.ts +47 -0
  50. package/dist/components/interaction/buttons/AvRichButton/AvRichButton.stories.d.ts +39 -0
  51. package/dist/components/interaction/buttons/AvRichButton/AvRichButton.test.d.ts +1 -0
  52. package/dist/components/interaction/buttons/AvRichButton/AvRichButton.vue.d.ts +48 -0
  53. package/dist/components/interaction/buttons/index.d.ts +4 -0
  54. package/dist/components/interaction/files/AvFileUpload/AvFileUpload.stories.d.ts +22 -0
  55. package/dist/components/interaction/files/AvFileUpload/AvFileUpload.test.d.ts +1 -0
  56. package/dist/components/interaction/files/AvFileUpload/AvFileUpload.vue.d.ts +121 -0
  57. package/dist/components/interaction/files/AvFileUpload/AvFileUploadAlert.vue.d.ts +19 -0
  58. package/dist/components/interaction/files/index.d.ts +1 -0
  59. package/dist/components/interaction/index.d.ts +10 -0
  60. package/dist/components/interaction/inputs/AvInput/AvInput.stories.d.ts +61 -0
  61. package/dist/components/interaction/inputs/AvInput/AvInput.test.d.ts +1 -0
  62. package/dist/components/interaction/inputs/AvInput/AvInput.vue.d.ts +123 -0
  63. package/dist/components/interaction/inputs/index.d.ts +1 -0
  64. package/dist/components/interaction/lists/AvList/AvList.stories.d.ts +55 -0
  65. package/dist/components/interaction/lists/AvList/AvList.stub.d.ts +5 -0
  66. package/dist/components/interaction/lists/AvList/AvList.test.d.ts +1 -0
  67. package/dist/components/interaction/lists/AvList/AvList.vue.d.ts +74 -0
  68. package/dist/components/interaction/lists/AvListItem/AvListItem.stories.d.ts +59 -0
  69. package/dist/components/interaction/lists/AvListItem/AvListItem.stub.d.ts +6 -0
  70. package/dist/components/interaction/lists/AvListItem/AvListItem.test.d.ts +1 -0
  71. package/dist/components/interaction/lists/AvListItem/AvListItem.vue.d.ts +112 -0
  72. package/dist/components/interaction/lists/index.d.ts +4 -0
  73. package/dist/components/interaction/pickers/AvPageSizePicker/AvPageSizePicker.stories.d.ts +24 -0
  74. package/dist/components/interaction/pickers/AvPageSizePicker/AvPageSizePicker.test.d.ts +1 -0
  75. package/dist/components/interaction/pickers/AvPageSizePicker/AvPageSizePicker.vue.d.ts +23 -0
  76. package/dist/components/interaction/pickers/AvTagPicker/AvTagPicker.stories.d.ts +96 -0
  77. package/dist/components/interaction/pickers/AvTagPicker/AvTagPicker.stub.d.ts +5 -0
  78. package/dist/components/interaction/pickers/AvTagPicker/AvTagPicker.test.d.ts +1 -0
  79. package/dist/components/interaction/pickers/AvTagPicker/AvTagPicker.vue.d.ts +79 -0
  80. package/dist/components/interaction/pickers/index.d.ts +3 -0
  81. package/dist/components/interaction/radios/AvRadioButton/AvRadioButton.stories.d.ts +34 -0
  82. package/dist/components/interaction/radios/AvRadioButton/AvRadioButton.test.d.ts +1 -0
  83. package/dist/components/interaction/radios/AvRadioButton/AvRadioButton.vue.d.ts +38 -0
  84. package/dist/components/interaction/radios/AvRadioButtonSet/AvRadioButtonSet.stories.d.ts +47 -0
  85. package/dist/components/interaction/radios/AvRadioButtonSet/AvRadioButtonSet.test.d.ts +1 -0
  86. package/dist/components/interaction/radios/AvRadioButtonSet/AvRadioButtonSet.vue.d.ts +76 -0
  87. package/dist/components/interaction/radios/index.d.ts +2 -0
  88. package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.stories.d.ts +565 -0
  89. package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.stub.d.ts +6 -0
  90. package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.test.d.ts +1 -0
  91. package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.types.d.ts +101 -0
  92. package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.vue.d.ts +204 -0
  93. package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteContext.d.ts +14 -0
  94. package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteDropdown.vue.d.ts +60 -0
  95. package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteInput.vue.d.ts +585 -0
  96. package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteSelectedTags.vue.d.ts +42 -0
  97. package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.stories.d.ts +132 -0
  98. package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.test.d.ts +1 -0
  99. package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.vue.d.ts +94 -0
  100. package/dist/components/interaction/selects/AvSelect/AvSelect.stories.d.ts +96 -0
  101. package/dist/components/interaction/selects/AvSelect/AvSelect.stub.d.ts +11 -0
  102. package/dist/components/interaction/selects/AvSelect/AvSelect.test.d.ts +1 -0
  103. package/dist/components/interaction/selects/AvSelect/AvSelect.vue.d.ts +63 -0
  104. package/dist/components/interaction/selects/index.d.ts +6 -0
  105. package/dist/components/interaction/tabs/AvTab/AvTab.stories.d.ts +34 -0
  106. package/dist/components/interaction/tabs/AvTab/AvTab.test.d.ts +1 -0
  107. package/dist/components/interaction/tabs/AvTab/AvTab.vue.d.ts +31 -0
  108. package/dist/components/interaction/tabs/AvTabs/AvTabs.stories.d.ts +45 -0
  109. package/dist/components/interaction/tabs/AvTabs/AvTabs.test.d.ts +1 -0
  110. package/dist/components/interaction/tabs/AvTabs/AvTabs.vue.d.ts +46 -0
  111. package/dist/components/interaction/tabs/index.d.ts +2 -0
  112. package/dist/components/interaction/toggles/AvToggle/AvToggle.stories.d.ts +21 -0
  113. package/dist/components/interaction/toggles/AvToggle/AvToggle.test.d.ts +1 -0
  114. package/dist/components/interaction/toggles/AvToggle/AvToggle.vue.d.ts +46 -0
  115. package/dist/components/interaction/toggles/index.d.ts +1 -0
  116. package/dist/components/navigation/AvNavigation/AvNavigation.stories.d.ts +27 -0
  117. package/dist/components/navigation/AvNavigation/AvNavigation.test.d.ts +1 -0
  118. package/dist/components/navigation/AvNavigation/AvNavigation.vue.d.ts +16 -0
  119. package/dist/components/navigation/AvNavigation/index.d.ts +1 -0
  120. package/dist/components/navigation/AvPagination/AvPagination.test.d.ts +1 -0
  121. package/dist/components/navigation/AvPagination/AvPagination.vue.d.ts +57 -0
  122. package/dist/components/navigation/AvPagination/utils.d.ts +14 -0
  123. package/dist/components/navigation/AvPagination/utils.test.d.ts +1 -0
  124. package/dist/components/navigation/AvSideMenu/AvSideMenu.stories.d.ts +55 -0
  125. package/dist/components/navigation/AvSideMenu/AvSideMenu.test.d.ts +1 -0
  126. package/dist/components/navigation/AvSideMenu/AvSideMenu.vue.d.ts +61 -0
  127. package/dist/components/navigation/AvSideNavigation/AvSideNavigation.stories.d.ts +59 -0
  128. package/dist/components/navigation/AvSideNavigation/AvSideNavigation.stub.d.ts +11 -0
  129. package/dist/components/navigation/AvSideNavigation/AvSideNavigation.test.d.ts +1 -0
  130. package/dist/components/navigation/AvSideNavigation/AvSideNavigation.vue.d.ts +42 -0
  131. package/dist/components/navigation/AvStepper/AvStepper.stories.d.ts +28 -0
  132. package/dist/components/navigation/AvStepper/AvStepper.stub.d.ts +14 -0
  133. package/dist/components/navigation/AvStepper/AvStepper.test.d.ts +1 -0
  134. package/dist/components/navigation/AvStepper/AvStepper.vue.d.ts +19 -0
  135. package/dist/components/navigation/index.d.ts +8 -0
  136. package/dist/components/overlay/drawers/AvDrawer/AvDrawer.stories.d.ts +53 -0
  137. package/dist/components/overlay/drawers/AvDrawer/AvDrawer.stub.d.ts +6 -0
  138. package/dist/components/overlay/drawers/AvDrawer/AvDrawer.test.d.ts +1 -0
  139. package/dist/components/overlay/drawers/AvDrawer/AvDrawer.vue.d.ts +60 -0
  140. package/dist/components/overlay/index.d.ts +4 -0
  141. package/dist/components/overlay/modals/AvModal/AvModal.test.d.ts +1 -0
  142. package/dist/components/overlay/modals/AvModal/AvModal.vue.d.ts +92 -0
  143. package/dist/components/overlay/popovers/AvPopover/AvPopover.stories.d.ts +49 -0
  144. package/dist/components/overlay/popovers/AvPopover/AvPopover.test.d.ts +1 -0
  145. package/dist/components/overlay/popovers/AvPopover/AvPopover.vue.d.ts +48 -0
  146. package/dist/components/overlay/popovers/AvPopover/use-popover.d.ts +41 -0
  147. package/dist/components/overlay/popovers/AvPopover/use-popover.test.d.ts +1 -0
  148. package/dist/composables/index.d.ts +3 -0
  149. package/dist/composables/use-breakpoint/use-breakpoint.d.ts +54 -0
  150. package/dist/composables/use-breakpoint/use-breakpoint.test.d.ts +1 -0
  151. package/dist/composables/use-focus-trap/use-focus-trap.d.ts +25 -0
  152. package/dist/composables/use-focus-trap/use-focus-trap.test.d.ts +1 -0
  153. package/dist/composables/use-global-background-color/use-global-background-color.d.ts +19 -0
  154. package/dist/composables/use-global-background-color/use-global-background-color.test.d.ts +1 -0
  155. package/dist/config/breakpoints.d.ts +10 -0
  156. package/dist/config/index.d.ts +2 -0
  157. package/dist/config/page-sizes.d.ts +6 -0
  158. package/dist/index.d.ts +7 -0
  159. package/dist/main.d.ts +8 -0
  160. package/dist/stories/foundations/icons.stories.d.ts +6 -0
  161. package/dist/stories/foundations/typography.stories.d.ts +5 -0
  162. package/dist/tests/index.d.ts +1 -0
  163. package/dist/tests/stubs.d.ts +41 -0
  164. package/dist/tests/utils.d.ts +30 -0
  165. package/dist/tokens/icons.d.ts +92 -0
  166. package/dist/tokens/index.d.ts +1 -0
  167. package/dist/utils/array/array.d.ts +8 -0
  168. package/dist/utils/forms/form.test.d.ts +1 -0
  169. package/dist/utils/forms/forms.d.ts +6 -0
  170. package/dist/utils/index.d.ts +3 -0
  171. package/dist/utils/string/string.d.ts +27 -0
  172. package/dist/utils/string/string.test.d.ts +1 -0
  173. package/package.json +1 -1
@@ -0,0 +1,2 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
+ export default _default;
@@ -0,0 +1,36 @@
1
+ import type { Meta, StoryFn } from '@storybook/vue3';
2
+ import { type AvBadgeProps } from '@/components/badges/AvBadge/AvBadge.vue';
3
+ /**
4
+ * <h1 class="n1">Badges - <code>AvBadge</code></h1>
5
+ *
6
+ * <h2 class="n2">✨ Introduction</h2>
7
+ *
8
+ * <p>
9
+ * <span class="b2-regular">
10
+ * The <code>AvBadge</code> is ideal for displaying short, important information, such as categories, labels, or statuses.
11
+ * </span>
12
+ * </p>
13
+ *
14
+ * <h2 class="n2">🏗️ Structure</h2>
15
+ *
16
+ * <ul>
17
+ * <li>
18
+ * <span class="b2-regular">The component is a <code>p</code> element with the <code>fr-badge</code> class.</span>
19
+ * </li>
20
+ * <li>
21
+ * <span class="b2-regular">Props allow you to modify the badge appearance according to the props: color, icon presence, size, and handling of overly long text.</span>
22
+ * </li>
23
+ * <li>
24
+ * <span class="b2-regular">The <code>label</code> is displayed inside a <code>span</code>, potentially with the <code>ellipsis</code> prop and a defined or maximum size to handle truncated text.</span>
25
+ * </li>
26
+ * </ul>
27
+ */
28
+ declare const meta: Meta<AvBadgeProps>;
29
+ export default meta;
30
+ export declare const Default: StoryFn<AvBadgeProps>;
31
+ export declare const WithoutIcon: StoryFn<AvBadgeProps>;
32
+ export declare const SmallEllipsis: StoryFn<AvBadgeProps>;
33
+ export declare const StatusNotStarted: StoryFn<AvBadgeProps>;
34
+ export declare const StatusInProgress: StoryFn<AvBadgeProps>;
35
+ export declare const StatusSubmitted: StoryFn<AvBadgeProps>;
36
+ export declare const StatusCompleted: StoryFn<AvBadgeProps>;
@@ -0,0 +1,18 @@
1
+ export declare const AvBadgeStub: {
2
+ name: string;
3
+ template: string;
4
+ props: {
5
+ label: StringConstructor;
6
+ small: {
7
+ type: BooleanConstructor;
8
+ default: boolean;
9
+ };
10
+ ellipsis: {
11
+ type: BooleanConstructor;
12
+ default: boolean;
13
+ };
14
+ color: StringConstructor;
15
+ backgroundColor: StringConstructor;
16
+ iconPath: StringConstructor;
17
+ };
18
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,44 @@
1
+ export interface AvBadgeProps {
2
+ /**
3
+ * The color of the text to display in the badge.
4
+ */
5
+ color: string;
6
+ /**
7
+ * The background color of the badge.
8
+ */
9
+ backgroundColor: string;
10
+ /**
11
+ * The color of the badge border.
12
+ */
13
+ borderColor?: string;
14
+ /**
15
+ * The link to the public icon in the project (e.g., `/assets/icons/calendar-clock-outline.svg`).
16
+ */
17
+ iconPath?: string;
18
+ /**
19
+ * The text to display in the badge.
20
+ */
21
+ label: string;
22
+ /**
23
+ * Sets the badge type.
24
+ * @default 'info'
25
+ */
26
+ type?: 'success' | 'error' | 'new' | 'info' | 'warning' | undefined;
27
+ /**
28
+ * If true, the badge is displayed without an icon.
29
+ * @default false
30
+ */
31
+ noIcon?: boolean | undefined;
32
+ /**
33
+ * If true, displays a reduced-size badge.
34
+ * @default false
35
+ */
36
+ small?: boolean | undefined;
37
+ /**
38
+ * If true, the text is truncated with an ellipsis if it is too long.
39
+ * @default false
40
+ */
41
+ ellipsis?: boolean | undefined;
42
+ }
43
+ declare const _default: import("vue").DefineComponent<AvBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvBadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
44
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { AvBadgeStub } from './AvBadge/AvBadge.stub';
2
+ export { default as AvBadge } from './AvBadge/AvBadge.vue';
@@ -0,0 +1,36 @@
1
+ import type { Meta, StoryFn } from '@storybook/vue3';
2
+ import { type AvIconTextProps } from './AvIconText.vue';
3
+ /**
4
+ * <h1 class="n1">Texts with icon - <code>AvIconText</code></h1>
5
+ *
6
+ * <h2 class="n2">✨ Introduction</h2>
7
+ *
8
+ * <p>
9
+ * <span class="b2-regular">
10
+ * The <code>AvIconText</code> is a component that allows you to display text with an icon on the left
11
+ * (preferably an
12
+ * <a href="https://icon-sets.iconify.design/mdi/" target="_blank" rel="noopener noreferrer">MDI</a>
13
+ * icon). This View component is ideal for displaying text with an icon that allows you to visualize
14
+ * the type of information conveyed by the text.
15
+ * </span>
16
+ * </p>
17
+ *
18
+ * <h2 class="n2">🏗️ Structure</h2>
19
+ *
20
+ * <ul>
21
+ * <li>
22
+ * <span class="b2-regular">The component is a <code>div</code> element composed of an <code>AvVIcon</code> component and a <code>span</code>.</span>
23
+ * </li>
24
+ * <li>
25
+ * <span class="b2-regular">Props allow you to modify the appearance of the icon and text according to the props: color, icon, size, and handling of overly long text.</span>
26
+ * </li>
27
+ * <li>
28
+ * <span class="b2-regular">The <code>label</code> is displayed inside a <code>span</code>, potentially with the <code>ellipsis</code> prop to handle truncated text.</span>
29
+ * </li>
30
+ * </ul>
31
+ */
32
+ declare const meta: Meta<AvIconTextProps>;
33
+ export default meta;
34
+ export declare const Default: StoryFn<AvIconTextProps>;
35
+ export declare const InlineNoEllipsis: StoryFn<AvIconTextProps>;
36
+ export declare const CustomColors: StoryFn<AvIconTextProps>;
@@ -0,0 +1,40 @@
1
+ /**
2
+ * AvIconText component props.
3
+ */
4
+ export interface AvIconTextProps {
5
+ /**
6
+ * The text color.
7
+ * @default 'var(--text1)'
8
+ */
9
+ textColor?: string;
10
+ /**
11
+ * The icon color.
12
+ * @default 'var(--text1)'
13
+ */
14
+ iconColor?: string;
15
+ /**
16
+ * The icon name according to the naming convention of Iconify-vue.
17
+ */
18
+ icon: string;
19
+ /**
20
+ * The text to display.
21
+ */
22
+ text: string;
23
+ /**
24
+ * The typography class to use for the text.
25
+ * @default 'b2-regular'
26
+ */
27
+ typographyClass?: string;
28
+ /**
29
+ * The space between the icon and the text.
30
+ * @default '0.25rem'
31
+ */
32
+ gap?: string;
33
+ /**
34
+ * If `false`, text that is too long will be truncated.
35
+ * @default false
36
+ */
37
+ inline?: boolean;
38
+ }
39
+ declare const _default: import("vue").DefineComponent<AvIconTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvIconTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
40
+ export default _default;
@@ -0,0 +1,56 @@
1
+ import type { Meta, StoryFn } from '@storybook/vue3';
2
+ import { type AvNoticeProps } from '@/components/base/AvNotice/AvNotice.vue';
3
+ /**
4
+ * <h1 class="n1">Important information banner - <code>AvNotice</code></h1>
5
+ *
6
+ * <h2 class="n2">✨ Introduction</h2>
7
+ *
8
+ * <p>
9
+ * <span class="b2-regular">
10
+ * The <code>AvNotice</code> is an important information banner that allow
11
+ * users to view or access important and temporary information.
12
+ * </span>
13
+ * </p>
14
+ *
15
+ * <p>
16
+ * <span class="b2-regular">
17
+ * It is displayed on all pages on desktop and mobile devices. It displays important and urgent information
18
+ * (overuse may cause this banner to "disappear").
19
+ * </span>
20
+ * </p>
21
+ *
22
+ * <h2 class="n2">🏗️ Structure</h2>
23
+ *
24
+ * <p><span class="b2-regular">The notice consists of the following elements:</span></p>
25
+ *
26
+ * <ul>
27
+ * <li>
28
+ * <span class="b2-regular">A title (prop <code>title</code>, of type <code>string</code>):</span>
29
+ * <ul>
30
+ * <li><span class="b2-regular">Optional with a default value <code>''</code></span></li>
31
+ * </ul>
32
+ * </li>
33
+ * <li>
34
+ * <span class="b2-regular">A text (prop <code>text</code>, of type <code>string</code>):</span>
35
+ * <ul>
36
+ * <li><span class="b2-regular">Optional with a default value <code>''</code></span></li>
37
+ * </ul>
38
+ * </li>
39
+ * <li>
40
+ * <span class="b2-regular">A pictogram and a color determined by the prop <code>type</code>, which can be one of the following strings:</span>
41
+ * <ul>
42
+ * <li><span class="b2-regular"><code>'info'</code></span></li>
43
+ * <li><span class="b2-regular"><code>'warning'</code></span></li>
44
+ * <li><span class="b2-regular"><code>'alert'</code></span></li>
45
+ * </ul>
46
+ * </li>
47
+ * <li>
48
+ * <span class="b2-regular">An information icon</span>
49
+ * </li>
50
+ * </ul>
51
+ */
52
+ declare const meta: Meta<AvNoticeProps>;
53
+ export default meta;
54
+ export declare const Default: StoryFn<AvNoticeProps>;
55
+ export declare const InfoNotice: StoryFn<AvNoticeProps>;
56
+ export declare const AlertNotice: StoryFn<AvNoticeProps>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,22 @@
1
+ /**
2
+ * AvNotice component props.
3
+ */
4
+ export interface AvNoticeProps {
5
+ /**
6
+ * The banner title.
7
+ * @default ''
8
+ */
9
+ title?: string;
10
+ /**
11
+ * The banner text. Any text surrounded by a ** will be underlined.
12
+ * @default ''
13
+ */
14
+ text?: string;
15
+ /**
16
+ * The banner type.
17
+ * Can be 'info', 'warning', or 'alert'.
18
+ */
19
+ type: 'info' | 'warning' | 'alert';
20
+ }
21
+ declare const _default: import("vue").DefineComponent<AvNoticeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvNoticeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
22
+ export default _default;
@@ -0,0 +1,40 @@
1
+ import type { Meta, StoryFn } from '@storybook/vue3';
2
+ import { type AvVIconProps } from '@/components/base/AvVIcon/AvVIcon.vue';
3
+ /**
4
+ * <h1 class="n1">Icons - <code>AvVIcon</code></h1>
5
+ *
6
+ * <h2 class="n2">✨ Introduction</h2>
7
+ *
8
+ * <p>
9
+ * <span class="b2-regular">
10
+ * The <code>AvVIcon</code> component places a <code>VIcon</code> in a square <code>div</code> of configurable size.
11
+ * It's a Vue.js component for displaying icons with a wide range of customization options, including animations, colors, and sizes.
12
+ * It's designed to be flexible and performant, with support for various display options, flip options, and accessible titles.
13
+ * </span>
14
+ * </p>
15
+ *
16
+ * <p>
17
+ * <span class="b2-regular">
18
+ * It has exactly the same API as OhVueIcon, and uses <code>@iconify/vue</code> under the hood.
19
+ * </span>
20
+ * </p>
21
+ *
22
+ * <p>
23
+ * <span class="b2-regular">
24
+ * <strong>⚠️ Icon names must be those from </strong>
25
+ * <a href="https://icon-sets.iconify.design/" target="_blank" rel="noopener noreferrer">Iconify-vue</a>
26
+ * </span>
27
+ * </p>
28
+ *
29
+ * <h2 class="n2">🏗️ Structure</h2>
30
+ *
31
+ * <p>
32
+ * <span class="b2-regular">
33
+ * The icon is composed of a square <code>div</code> of configurable size containing the <code>VIcon</code> component.
34
+ * </span>
35
+ * </p>
36
+ */
37
+ declare const meta: Meta<AvVIconProps>;
38
+ export default meta;
39
+ export declare const Default: StoryFn<AvVIconProps>;
40
+ export declare const Animated: StoryFn<AvVIconProps>;
@@ -0,0 +1,5 @@
1
+ export declare const AvVIconStub: {
2
+ name: string;
3
+ props: string[];
4
+ template: string;
5
+ };
@@ -0,0 +1,54 @@
1
+ export interface AvVIconProps {
2
+ /**
3
+ * The size in rem of the icon container and a ratio for the icon scale.
4
+ * @default 1
5
+ */
6
+ size?: number;
7
+ /**
8
+ * The name of the icon to display.
9
+ */
10
+ name: string;
11
+ /**
12
+ * Vertical alignment of the icon relative to the baseline.
13
+ * @default '-0.2em'
14
+ */
15
+ verticalAlign?: string;
16
+ /**
17
+ * Animation type applied to the icon.
18
+ * Can be 'spin', 'wrench', 'pulse', 'spin-pulse', 'flash', or 'float'.
19
+ */
20
+ animation?: 'spin' | 'wrench' | 'pulse' | 'spin-pulse' | 'flash' | 'float';
21
+ /**
22
+ * Animation speed, if set.
23
+ * Can be 'fast' or 'slow'.
24
+ */
25
+ speed?: 'fast' | 'slow';
26
+ /**
27
+ * Flips the icon horizontally, vertically, or both.
28
+ */
29
+ flip?: 'horizontal' | 'vertical' | 'both';
30
+ /**
31
+ * ARIA label for accessibility.
32
+ */
33
+ label?: string;
34
+ /**
35
+ * Icon title (`<title>` tag), used for accessibility and tooltips.
36
+ */
37
+ title?: string;
38
+ /**
39
+ * Main color of the icon.
40
+ */
41
+ color?: string;
42
+ /**
43
+ * Applies an inverted color to the icon.
44
+ * @default false
45
+ */
46
+ inverse?: boolean;
47
+ /**
48
+ * Enables server-side rendering.
49
+ * @default true
50
+ */
51
+ ssr?: boolean;
52
+ }
53
+ declare const _default: import("vue").DefineComponent<AvVIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvVIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
54
+ export default _default;
@@ -0,0 +1,4 @@
1
+ export { default as AvIconText } from './AvIconText/AvIconText.vue';
2
+ export { default as AvNotice } from './AvNotice/AvNotice.vue';
3
+ export { AvVIconStub } from './AvVIcon/AvVIcon.stub';
4
+ export { default as AvVIcon } from './AvVIcon/AvVIcon.vue';
@@ -0,0 +1,28 @@
1
+ import type { Meta, StoryFn } from '@storybook/vue3';
2
+ import { type AvCardProps } from '@/components/cards/AvCard/AvCard.vue';
3
+ /**
4
+ * <h1 class="n1">Cards - <code>AvCard</code></h1>
5
+ *
6
+ * <h2 class="n2">✨ Introduction</h2>
7
+ *
8
+ * <p>
9
+ * <span class="b2-regular">
10
+ * The <code>AvCard</code> card is a component for creating customizable styled containers.
11
+ * </span>
12
+ * </p>
13
+ *
14
+ * <h2 class="n2">🏗️ Structure</h2>
15
+ *
16
+ * <p>
17
+ * <span class="b2-regular">
18
+ * The card is composed of a main <code>div</code> containing a div for the title (slot <code>title</code>),
19
+ * a generic slot by default, a div for the body (slot <code>body</code>) as well as a div for the footer
20
+ * (slot <code>footer</code>).
21
+ * </span>
22
+ * </p>
23
+ */
24
+ declare const meta: Meta<AvCardProps>;
25
+ export default meta;
26
+ export declare const Default: StoryFn<AvCardProps>;
27
+ export declare const WithCustomColors: StoryFn<AvCardProps>;
28
+ export declare const WithOnlyDefaultSlot: StoryFn<AvCardProps>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,58 @@
1
+ import type { Slot } from 'vue';
2
+ /**
3
+ * AvCard component props.
4
+ */
5
+ export interface AvCardProps {
6
+ /**
7
+ * The background color of the card.
8
+ * @default 'var(--card)'
9
+ */
10
+ backgroundColor?: string;
11
+ /**
12
+ * The border color of the card.
13
+ * @default 'var(--stroke)'
14
+ */
15
+ borderColor?: string;
16
+ /**
17
+ * The background color of the card title.
18
+ * @default 'var(--surface-background)'
19
+ */
20
+ titleBackground?: string;
21
+ /**
22
+ * The height of the card title.
23
+ */
24
+ titleHeight?: string;
25
+ }
26
+ /**
27
+ * Slots available in the AvCard component.
28
+ *
29
+ * @slot title - Slot for the card title.
30
+ * @slot body - Slot for the card body.
31
+ * @slot footer - Slot for card footer.
32
+ * @slot default - Default slot for global content.
33
+ */
34
+ type __VLS_Slots = {
35
+ /**
36
+ * Slot for the card title.
37
+ */
38
+ title?: Slot;
39
+ /**
40
+ * Slot for the card body.
41
+ */
42
+ body?: Slot;
43
+ /**
44
+ * Slot for the card footer.
45
+ */
46
+ footer?: Slot;
47
+ /**
48
+ * Default slot for global content.
49
+ */
50
+ default?: Slot;
51
+ };
52
+ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
53
+ export default _default;
54
+ type __VLS_WithSlots<T, S> = T & {
55
+ new (): {
56
+ $slots: S;
57
+ };
58
+ };
@@ -0,0 +1 @@
1
+ export { default as AvCard } from './AvCard/AvCard.vue';
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,77 @@
1
+ import type { Slot } from 'vue';
2
+ /**
3
+ * AvAlert component props.
4
+ */
5
+ interface AvAlertProps {
6
+ /**
7
+ * If true, the alert is displayed with the `alert` role.
8
+ * @default false
9
+ */
10
+ alert?: boolean;
11
+ /**
12
+ * Indicates whether the alert is closed (`true`) or visible (`false`).
13
+ * @default false
14
+ */
15
+ closed?: boolean;
16
+ /**
17
+ * Indicates whether the alert can be closed using a button.
18
+ * @default false
19
+ */
20
+ closeable?: boolean;
21
+ /**
22
+ * The alert unique identifier.
23
+ * @default crypto.randomUUID()
24
+ */
25
+ id?: string;
26
+ /**
27
+ * The alert title.
28
+ * @default ''
29
+ */
30
+ title?: string;
31
+ /**
32
+ * The alert description text.
33
+ */
34
+ description?: string;
35
+ /**
36
+ * Indicates whether the alert should be displayed in a small format.
37
+ * @default false
38
+ */
39
+ small?: boolean;
40
+ /**
41
+ * The HTML tag used for the alert title.
42
+ * @default 'h3'
43
+ */
44
+ titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
45
+ /**
46
+ * The alert type. Affects the color and icon.
47
+ * @default 'info'
48
+ */
49
+ type?: 'info' | 'success' | 'warning' | 'error';
50
+ /**
51
+ * The label and aria-label of the alert close button.
52
+ * @default 'Fermer'
53
+ */
54
+ closeButtonLabel?: string;
55
+ }
56
+ /**
57
+ * Slots available in the AvAlert component.
58
+ *
59
+ * @slot default - Default slot for global content.
60
+ */
61
+ type __VLS_Slots = {
62
+ /**
63
+ * Default slot for global content.
64
+ */
65
+ default?: Slot;
66
+ };
67
+ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
68
+ close: () => any;
69
+ }, string, import("vue").PublicProps, Readonly<AvAlertProps> & Readonly<{
70
+ onClose?: (() => any) | undefined;
71
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
72
+ export default _default;
73
+ type __VLS_WithSlots<T, S> = T & {
74
+ new (): {
75
+ $slots: S;
76
+ };
77
+ };
@@ -0,0 +1,79 @@
1
+ /**
2
+ * Represents a message displayed in the notification system (toaster).
3
+ */
4
+ export interface Message {
5
+ /**
6
+ * Unique identifier for the message.
7
+ * Can be used to track or delete the message.
8
+ */
9
+ id?: string;
10
+ /**
11
+ * Message title.
12
+ * Optional, displayed in the message header.
13
+ */
14
+ title?: string;
15
+ /**
16
+ * Detailed description of the message.
17
+ * This field is required and contains the main text to be displayed.
18
+ */
19
+ description: string;
20
+ /**
21
+ * Type of message to display.
22
+ * Defines the style and icon associated with the message.
23
+ *
24
+ * Possible values are:
25
+ * - 'info': General information
26
+ * - 'success': Success message
27
+ * - 'warning': Warning message
28
+ * - 'error': Error message
29
+ *
30
+ * @default 'info'
31
+ */
32
+ type?: 'info' | 'success' | 'warning' | 'error';
33
+ /**
34
+ * Indicates whether the message can be manually closed by the user.
35
+ */
36
+ closeable?: boolean;
37
+ /**
38
+ * HTML tag used for the message title.
39
+ * Can be used to adjust the semantic hierarchy of the title.
40
+ *
41
+ * Possible values are: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'.
42
+ */
43
+ titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
44
+ /**
45
+ * Time to display the message in milliseconds before automatically closing.
46
+ * If not set, the message will remain displayed until manually closed or another action.
47
+ */
48
+ timeout?: number;
49
+ }
50
+ /**
51
+ * AvToaster component props.
52
+ */
53
+ interface AvToasterProps {
54
+ /**
55
+ * List of messages to display in the toaster.
56
+ *
57
+ * Each message must follow the structure defined by the Message interface.
58
+ * - `id?: string`: Unique identifier for the message
59
+ * - `title?: string`: Message title
60
+ * - `description: string`: Detailed description of the message
61
+ * - `type?: 'info' \| 'success' \| 'warning' \| 'error'`: Type of message to display (@default 'info')
62
+ * - `closeable?: boolean`: Indicates whether the message can be manually closed by the user
63
+ * - `titleTag?: 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6'`: HTML tag used for the message title
64
+ * - `timeout?: number`: Time to display the message in milliseconds before automatically closing (if not set, the message will remain displayed until manually closed or another action)
65
+ */
66
+ messages: Message[];
67
+ /**
68
+ * Base path to get access to public icons.
69
+ * @example import.meta.env.BASE_URL
70
+ */
71
+ basePath: string;
72
+ /**
73
+ * Function called to remove a message from the toaster.
74
+ * @param id The ID of the message to remove.
75
+ */
76
+ onRemoveMessage: (id: string) => void;
77
+ }
78
+ declare const _default: import("vue").DefineComponent<AvToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvToasterProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
79
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as AvAlert } from './AvAlert/AvAlert.vue';
2
+ export { default as AvToaster, type Message } from './AvToaster/AvToaster.vue';
@@ -0,0 +1 @@
1
+ export {};