@cnamts/synapse 1.0.19 → 1.0.20
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/{DateFilter-CeVuSfJ9.js → DateFilter-XURUmpMl.js} +1 -1
- package/dist/{NumberFilter-C8PAu_sw.js → NumberFilter-BZc0O8wV.js} +1 -1
- package/dist/{PeriodFilter-UMUaxx3d.js → PeriodFilter-ZNdXcl3p.js} +1 -1
- package/dist/{SelectFilter-CqZl8CYt.js → SelectFilter-DshYU5OK.js} +1 -1
- package/dist/{TextFilter-D_RhhNOh.js → TextFilter-D_c5dRPl.js} +1 -1
- package/dist/components/Amelipro/AmeliproAutoCompleteField/AmeliproAutoCompleteField.d.ts +4 -4
- package/dist/components/Amelipro/AmeliproClickableTile/AmeliproClickableTile.d.ts +17 -7
- package/dist/components/Amelipro/AmeliproSelect/AmeliproSelect.d.ts +4 -4
- package/dist/components/Amelipro/AmeliproTabs/AmeliproTabs.d.ts +4 -4
- package/dist/components/Customs/Selects/SyAutocomplete/SyAutocomplete.d.ts +2416 -0
- package/dist/components/Customs/Selects/SyAutocomplete/types.d.ts +5 -0
- package/dist/components/Customs/Selects/SyAutocomplete/utils/ariaManager.d.ts +14 -0
- package/dist/components/Customs/Selects/SyAutocomplete/utils/useItemUtils.d.ts +16 -0
- package/dist/components/Customs/Selects/SyAutocomplete/utils/useKeyboardHandler.d.ts +28 -0
- package/dist/components/Customs/Selects/SyAutocomplete/utils/useSelectionLogic.d.ts +12 -0
- package/dist/components/Customs/Selects/SySelect/composables/useSySelectKeyboard.d.ts +2 -0
- package/dist/components/Customs/SyIcon/SyIcon.d.ts +2 -1
- package/dist/components/DatePicker/composables/useDateSelection.d.ts +1 -0
- package/dist/components/PaginatedTable/PaginatedTable.d.ts +1 -1
- package/dist/components/PaginatedTable/Pagination.d.ts +17 -0
- package/dist/components/Tables/SyServerTable/SyServerTable.d.ts +5 -5
- package/dist/components/Tables/SyTable/SyTable.d.ts +5 -5
- package/dist/components/index.d.ts +1 -0
- package/dist/components/types.d.ts +15 -0
- package/dist/composables/useFormFieldErrorHandling.d.ts +31 -0
- package/dist/design-system-v3.js +68 -67
- package/dist/design-system-v3.umd.cjs +320 -309
- package/dist/{main-B39UVv5p.js → main-CuI6xaPq.js} +9921 -9194
- package/dist/modules.d.ts +6 -0
- package/dist/style.css +1 -1
- package/package.json +8 -9
- package/src/assets/amelipro/icons.ts +166 -153
- package/src/components/Accordion/Accordion.mdx +4 -1
- package/src/components/Accordion/{Accessibilite/AccessibilityGuide.mdx → accessibilite/Accessibility.mdx} +2 -2
- package/src/components/Amelipro/AmeliproClickableTile/AmeliproClickableTile.stories.ts +73 -14
- package/src/components/Amelipro/AmeliproClickableTile/AmeliproClickableTile.vue +119 -27
- package/src/components/Amelipro/AmeliproClickableTile/tests/AmeliproClickableTile.a11y.spec.ts +304 -0
- package/src/components/Amelipro/AmeliproClickableTile/tests/AmeliproClickableTile.spec.ts +435 -9
- package/src/components/Amelipro/AmeliproClickableTile/tests/__snapshots__/AmeliproClickableTile.spec.ts.snap +60 -0
- package/src/components/Amelipro/AmeliproIcon/__tests__/AmeliproIcon.spec.ts +1 -1
- package/src/components/Amelipro/AmeliproIcon/iconList.ts +2 -0
- package/src/components/BackBtn/BackBtn.vue +5 -4
- package/src/components/BackBtn/accessibilite/Accessibility.mdx +15 -0
- package/src/components/BackToTopBtn/BackToTopBtn.vue +6 -3
- package/src/components/BackToTopBtn/accessibilite/Accessibility.mdx +15 -0
- package/src/components/Captcha/Captcha.vue +5 -1
- package/src/components/Captcha/CaptchaAlert.vue +9 -7
- package/src/components/Captcha/accessibilite/Accessibility.mdx +10 -0
- package/src/components/ChipList/accessibilite/Accessibility.mdx +15 -0
- package/src/components/CollapsibleList/{Accessibilite.mdx → accessibilite/Accessibility.mdx} +8 -6
- package/src/components/Common/IconSlot/IconSlot.vue +1 -1
- package/src/components/ContextualMenu/accessibilite/Accessibility.mdx +15 -0
- package/src/components/CookieBanner/accessibilite/Accessibility.mdx +15 -0
- package/src/components/CookiesSelection/CookiesInformation/CookiesInformation.vue +5 -4
- package/src/components/CopyBtn/CopyBtn.vue +6 -3
- package/src/components/CopyBtn/accessibilite/Accessibility.mdx +15 -0
- package/src/components/Customs/Selects/SelectBtnField/accessibilite/Accessibility.mdx +15 -0
- package/src/components/Customs/Selects/SelectOverview.mdx +112 -1
- package/src/components/Customs/Selects/SyAutocomplete/SyAutocomplete.mdx +52 -0
- package/src/components/Customs/Selects/SyAutocomplete/SyAutocomplete.stories.ts +979 -0
- package/src/components/Customs/Selects/SyAutocomplete/SyAutocomplete.vue +653 -0
- package/src/components/Customs/Selects/{SySelect → SyAutocomplete/accessibilite}/Accessibilite.stories.ts +7 -38
- package/src/components/Customs/Selects/{SySelect/Accessibilite.mdx → SyAutocomplete/accessibilite/Accessibility.mdx} +15 -20
- package/src/components/Customs/Selects/SyAutocomplete/tests/SyAutocomplete.a11y.spec.ts +72 -0
- package/src/components/Customs/Selects/SyAutocomplete/tests/SyAutocomplete.spec.ts +345 -0
- package/src/components/Customs/Selects/SyAutocomplete/types.ts +7 -0
- package/src/components/Customs/Selects/SyAutocomplete/utils/ariaManager.ts +180 -0
- package/src/components/Customs/Selects/SyAutocomplete/utils/useItemUtils.ts +46 -0
- package/src/components/Customs/Selects/SyAutocomplete/utils/useKeyboardHandler.ts +107 -0
- package/src/components/Customs/Selects/SyAutocomplete/utils/useSelectionLogic.ts +74 -0
- package/src/components/Customs/Selects/SyInputSelect/SyInputSelect.vue +13 -9
- package/src/components/Customs/Selects/SyInputSelect/accessibilite/Accessibility.mdx +12 -0
- package/src/components/Customs/Selects/SySelect/SySelect.stories.ts +43 -34
- package/src/components/Customs/Selects/SySelect/SySelect.vue +19 -2
- package/src/components/Customs/Selects/SySelect/accessibilite/Accessibility.mdx +274 -0
- package/src/components/Customs/Selects/SySelect/composables/useSySelectKeyboard.ts +21 -16
- package/src/components/Customs/SyCheckbox/{Accessibilite.mdx → accessibilite/Accessibility.mdx} +2 -2
- package/src/components/Customs/SyForm/accessibilite/Accessibility.mdx +10 -0
- package/src/components/Customs/SyIcon/SyIcon.mdx +4 -1
- package/src/components/Customs/SyIcon/SyIcon.vue +4 -3
- package/src/components/Customs/SyIcon/{Accessibilite.stories.ts → accessibilite/Accessibilite.stories.ts} +3 -3
- package/src/components/Customs/SyIcon/{Accessibilite.mdx → accessibilite/Accessibility.mdx} +2 -2
- package/src/components/Customs/SyPagination/SyPagination.mdx +4 -2
- package/src/components/Customs/SyPagination/accessibilite/Accessibility.mdx +10 -0
- package/src/components/Customs/SyRadioGroup/{Accessibilite.mdx → accessibilite/Accessibility.mdx} +2 -2
- package/src/components/Customs/SyTabs/SyTabs.mdx +4 -2
- package/src/components/Customs/SyTabs/{Accessibilite.mdx → accessibilite/Accessibility.mdx} +2 -2
- package/src/components/Customs/SyTextField/SyTextField.mdx +1 -2
- package/src/components/Customs/SyTextField/SyTextField.vue +13 -0
- package/src/components/Customs/SyTextField/accessibilite/Accessibility.mdx +15 -0
- package/src/components/DataList/accessibilite/Accessibility.mdx +15 -0
- package/src/components/DataListGroup/accessibilite/Accessibility.mdx +14 -0
- package/src/components/DatePicker/Accessibilite.mdx +1 -1
- package/src/components/DatePicker/Accessibilite.stories.ts +1 -1
- package/src/components/DatePicker/CalendarMode/DatePicker.stories.ts +7 -4
- package/src/components/DatePicker/CalendarMode/DatePicker.vue +14 -2
- package/src/components/DatePicker/DatePickerValidationExample/DatePickerValidation.stories.ts +297 -0
- package/src/components/DatePicker/composables/useDateSelection.ts +5 -0
- package/src/components/DatePicker/docExamples/BidirectionalComplexValidation.vue +273 -0
- package/src/components/DatePicker/docExamples/DatePickerBidirectionalValidation.vue +4 -4
- package/src/components/DatePicker/docExamples/DatePickerValidationExamples.vue +10 -0
- package/src/components/DiacriticPicker/accessibilite/Accessibility.mdx +10 -0
- package/src/components/DialogBox/accessibilite/Accessibility.mdx +15 -0
- package/src/components/DownloadBtn/DownloadBtn.vue +5 -4
- package/src/components/DownloadBtn/accessibilite/Accessibility.mdx +15 -0
- package/src/components/ErrorPage/accessibilite/Accessibility.mdx +15 -0
- package/src/components/ExternalLinks/accessibilite/Accessibility.mdx +15 -0
- package/src/components/FileList/UploadItem/UploadItem.vue +25 -20
- package/src/components/FileList/accessibilite/Accessibility.mdx +12 -0
- package/src/components/FilePreview/accessibilite/Accessibility.mdx +12 -0
- package/src/components/FileUpload/FileUploadContent.vue +5 -4
- package/src/components/FileUpload/accessibilite/Accessibility.mdx +12 -0
- package/src/components/FilterInline/FilterInline.vue +5 -4
- package/src/components/FilterInline/accessibilite/Accessibility.mdx +12 -0
- package/src/components/FilterSideBar/accessibilite/Accessibility.mdx +15 -0
- package/src/components/FooterBar/{Accessibilite.mdx → accessibilite/Accessibility.mdx} +3 -4
- package/src/components/FranceConnectBtn/FranceConnectBtn.vue +6 -5
- package/src/components/FranceConnectBtn/accessibilite/Accessibility.mdx +15 -0
- package/src/components/FranceConnectBtn/tests/__snapshots__/FranceConnectBtn.spec.ts.snap +3 -0
- package/src/components/HeaderBar/HeaderBurgerMenu/accessibilite/Accessibility.mdx +15 -0
- package/src/components/HeaderBar/accessibilite/Accessibility.mdx +15 -0
- package/src/components/HeaderBar/{Usages.mdx → usages/Usages.mdx} +2 -2
- package/src/components/HeaderLoading/{Accessibilite.mdx → accessibilite/Accessibility.mdx} +9 -5
- package/src/components/HeaderToolbar/accessibilite/Accessibility.mdx +15 -0
- package/src/components/LangBtn/LangBtn.vue +5 -4
- package/src/components/LangBtn/accessibilite/Accessibility.mdx +15 -0
- package/src/components/Logo/accessibilite/Accessibility.mdx +17 -0
- package/src/components/LogoBrandSection/accessibilite/Accessibility.mdx +12 -0
- package/src/components/LunarCalendar/accessibilite/Accessibility.mdx +10 -0
- package/src/components/MaintenancePage/accessibilite/Accessibility.mdx +15 -0
- package/src/components/NirField/accessibilite/Accessibility.mdx +15 -0
- package/src/components/NotFoundPage/accessibilite/Accessibility.mdx +15 -0
- package/src/components/NotificationBar/Notification/Notification.vue +1 -1
- package/src/components/NotificationBar/accessibilite/Accessibility.mdx +15 -0
- package/src/components/PageContainer/{AccessibilityGuide.mdx → Accessibilite/Accessibility.mdx} +7 -4
- package/src/components/PageContainer/Accessibilite/AccessibilityGuide.mdx +0 -0
- package/src/components/PaginatedTable/PaginatedTable.vue +27 -47
- package/src/components/PaginatedTable/Pagination.vue +93 -0
- package/src/components/PaginatedTable/accessibilite/Accessibility.mdx +12 -0
- package/src/components/PasswordField/PasswordField.vue +2 -1
- package/src/components/PasswordField/accessibilite/Accessibility.mdx +108 -0
- package/src/components/PeriodField/accessibilite/Accessibility.mdx +12 -0
- package/src/components/PhoneField/accessibilite/Accessibility.mdx +15 -0
- package/src/components/RangeField/accessibilite/Accessibility.mdx +15 -0
- package/src/components/RatingPicker/accessibilite/Accessibility.mdx +15 -0
- package/src/components/SearchListField/SearchListField.vue +6 -3
- package/src/components/SearchListField/accessibilite/Accessibility.mdx +15 -0
- package/src/components/SkipLink/{Accessibilite.mdx → accessibilite/Accessibility.mdx} +7 -4
- package/src/components/SocialMediaLinks/accessibilite/Accessibility.mdx +15 -0
- package/src/components/SubHeader/accessibilite/Accessibility.mdx +15 -0
- package/src/components/SyAlert/SyAlert.vue +6 -6
- package/src/components/SyAlert/accessibilite/Accessibility.mdx +12 -0
- package/src/components/SyTextArea/accessibilite/Accessibility.mdx +10 -0
- package/src/components/TableToolbar/TableToolbar.vue +6 -3
- package/src/components/TableToolbar/accessibilite/Accessibility.mdx +12 -0
- package/src/components/Tables/SyServerTable/SyServerTable.mdx +4 -1
- package/src/components/Tables/SyServerTable/accessibilite/Accessibility.mdx +10 -0
- package/src/components/Tables/SyTable/SyTable.mdx +4 -1
- package/src/components/Tables/SyTable/accessibilite/Accessibility.mdx +10 -0
- package/src/components/Tables/common/TableHeader.vue +3 -1
- package/src/components/Tables/common/organizeColumns/OrganizeColumns.vue +18 -14
- package/src/components/ToolbarContainer/ToolbarContainer.mdx +2 -1
- package/src/components/ToolbarContainer/ToolbarContainer.stories.ts +563 -420
- package/src/components/ToolbarContainer/accessibilite/Accessibility.mdx +69 -0
- package/src/components/UploadWorkflow/accessibilite/Accessibility.mdx +12 -0
- package/src/components/Usages/Usages.vue +3 -2
- package/src/components/UserMenuBtn/UserMenuBtn.vue +7 -5
- package/src/components/UserMenuBtn/accessibilite/Accessibility.mdx +12 -0
- package/src/components/index.ts +2 -0
- package/src/components/types.ts +10 -0
- package/src/composables/rules/useFieldValidation.ts +7 -0
- package/src/composables/useFormFieldErrorHandling.ts +141 -0
- package/src/modules.d.ts +6 -0
- package/src/components/BackBtn/Accessibilite.mdx +0 -14
- package/src/components/BackBtn/Accessibilite.stories.ts +0 -30
- package/src/components/BackToTopBtn/Accessibilite.mdx +0 -14
- package/src/components/BackToTopBtn/Accessibilite.stories.ts +0 -31
- package/src/components/ChipList/Accessibilite.mdx +0 -14
- package/src/components/ChipList/Accessibilite.stories.ts +0 -31
- package/src/components/CollapsibleList/Accessibilite.stories.ts +0 -29
- package/src/components/ContextualMenu/Accessibilite.mdx +0 -13
- package/src/components/ContextualMenu/Accessibilite.stories.ts +0 -29
- package/src/components/CookieBanner/Accessibilite.mdx +0 -13
- package/src/components/CookieBanner/Accessibilite.stories.ts +0 -30
- package/src/components/CopyBtn/Accessibilite.mdx +0 -13
- package/src/components/CopyBtn/Accessibilite.stories.ts +0 -29
- package/src/components/Customs/Selects/SelectBtnField/Accessibilite.mdx +0 -14
- package/src/components/Customs/Selects/SelectBtnField/Accessibilite.stories.ts +0 -29
- package/src/components/Customs/Selects/SyInputSelect/Accessibilite.mdx +0 -13
- package/src/components/Customs/Selects/SyInputSelect/Accessibilite.stories.ts +0 -25
- package/src/components/Customs/SyTextField/Accessibilite.mdx +0 -14
- package/src/components/Customs/SyTextField/Accessibilite.stories.ts +0 -34
- package/src/components/DataList/Accessibilite.mdx +0 -13
- package/src/components/DataList/Accessibilite.stories.ts +0 -29
- package/src/components/DataListGroup/Accessibilite.mdx +0 -13
- package/src/components/DataListGroup/Accessibilite.stories.ts +0 -29
- package/src/components/DialogBox/Accessibilite.mdx +0 -14
- package/src/components/DialogBox/Accessibilite.stories.ts +0 -29
- package/src/components/DownloadBtn/Accessibilite.mdx +0 -14
- package/src/components/DownloadBtn/Accessibilite.stories.ts +0 -29
- package/src/components/ErrorPage/Accessibilite.mdx +0 -13
- package/src/components/ErrorPage/Accessibilite.stories.ts +0 -36
- package/src/components/ExternalLinks/Accessibilite.mdx +0 -18
- package/src/components/ExternalLinks/Accessibilite.stories.ts +0 -62
- package/src/components/FileList/Accessibilite.mdx +0 -13
- package/src/components/FileList/Accessibilite.stories.ts +0 -26
- package/src/components/FilePreview/Accessibilite.mdx +0 -14
- package/src/components/FilePreview/Accessibilite.stories.ts +0 -26
- package/src/components/FileUpload/Accessibilite.mdx +0 -13
- package/src/components/FileUpload/Accessibilite.stories.ts +0 -26
- package/src/components/FilterInline/Accessibilite.mdx +0 -15
- package/src/components/FilterInline/Accessibilite.stories.ts +0 -26
- package/src/components/FilterSideBar/Accessibilite.mdx +0 -13
- package/src/components/FilterSideBar/Accessibilite.stories.ts +0 -30
- package/src/components/FooterBar/Accessibilite.stories.ts +0 -26
- package/src/components/FranceConnectBtn/Accessibilite.mdx +0 -13
- package/src/components/FranceConnectBtn/Accessibilite.stories.ts +0 -30
- package/src/components/HeaderBar/Accessibilite.mdx +0 -13
- package/src/components/HeaderBar/Accessibilite.stories.ts +0 -31
- package/src/components/HeaderBar/HeaderBurgerMenu/Accessibilite.mdx +0 -13
- package/src/components/HeaderBar/HeaderBurgerMenu/Accessibilite.stories.ts +0 -30
- package/src/components/HeaderLoading/Accessibilite.stories.ts +0 -31
- package/src/components/HeaderToolbar/Accessibilite.mdx +0 -13
- package/src/components/HeaderToolbar/Accessibilite.stories.ts +0 -36
- package/src/components/LangBtn/Accessibilite.mdx +0 -13
- package/src/components/LangBtn/Accessibilite.stories.ts +0 -32
- package/src/components/Logo/Accessibilite.mdx +0 -13
- package/src/components/Logo/Accessibilite.stories.ts +0 -30
- package/src/components/LogoBrandSection/Accessibilite.mdx +0 -13
- package/src/components/LogoBrandSection/Accessibilite.stories.ts +0 -26
- package/src/components/MaintenancePage/Accessibilite.mdx +0 -13
- package/src/components/MaintenancePage/Accessibilite.stories.ts +0 -36
- package/src/components/NirField/Accessibilite.mdx +0 -13
- package/src/components/NirField/Accessibilite.stories.ts +0 -31
- package/src/components/NotFoundPage/Accessibilite.mdx +0 -13
- package/src/components/NotFoundPage/Accessibilite.stories.ts +0 -36
- package/src/components/NotificationBar/Accessibilite.mdx +0 -13
- package/src/components/NotificationBar/Accessibilite.stories.ts +0 -30
- package/src/components/PageContainer/Accessibilite.mdx +0 -13
- package/src/components/PageContainer/Accessibilite.stories.ts +0 -30
- package/src/components/PaginatedTable/Accessibilite.mdx +0 -13
- package/src/components/PaginatedTable/Accessibilite.stories.ts +0 -26
- package/src/components/PasswordField/Accessibilite.mdx +0 -13
- package/src/components/PasswordField/Accessibilite.stories.ts +0 -121
- package/src/components/PeriodField/Accessibilite.mdx +0 -13
- package/src/components/PeriodField/Accessibilite.stories.ts +0 -27
- package/src/components/PhoneField/Accessibilite.mdx +0 -13
- package/src/components/PhoneField/Accessibilite.stories.ts +0 -32
- package/src/components/RangeField/Accessibilite.mdx +0 -13
- package/src/components/RangeField/Accessibilite.stories.ts +0 -32
- package/src/components/RatingPicker/Accessibilite.mdx +0 -13
- package/src/components/RatingPicker/Accessibilite.stories.ts +0 -30
- package/src/components/SearchListField/Accessibilite.mdx +0 -13
- package/src/components/SearchListField/Accessibilite.stories.ts +0 -30
- package/src/components/SkipLink/Accessibilite.stories.ts +0 -36
- package/src/components/SocialMediaLinks/Accessibilite.mdx +0 -13
- package/src/components/SocialMediaLinks/Accessibilite.stories.ts +0 -36
- package/src/components/SubHeader/Accessibilite.mdx +0 -13
- package/src/components/SubHeader/Accessibilite.stories.ts +0 -36
- package/src/components/SyAlert/Accessibilite.mdx +0 -13
- package/src/components/SyAlert/Accessibilite.stories.ts +0 -30
- package/src/components/TableToolbar/Accessibilite.mdx +0 -13
- package/src/components/TableToolbar/Accessibilite.stories.ts +0 -26
- package/src/components/UploadWorkflow/Accessibilite.mdx +0 -13
- package/src/components/UploadWorkflow/Accessibilite.stories.ts +0 -26
- package/src/components/UserMenuBtn/Accessibilite.mdx +0 -13
- package/src/components/UserMenuBtn/Accessibilite.stories.ts +0 -25
- /package/src/components/HeaderBar/{Usages.stories.ts → usages/Usages.stories.ts} +0 -0
- /package/src/components/SyBtnMenu/accessibilite/{AccessibilityGuide.mdx → Accessibility.mdx} +0 -0
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Composants/Structure/FooterBar/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const Legende: StoryObj = {
|
|
12
|
-
args: {
|
|
13
|
-
icon: checkIcon,
|
|
14
|
-
},
|
|
15
|
-
render: (args) => {
|
|
16
|
-
return {
|
|
17
|
-
components: { VIcon },
|
|
18
|
-
setup() {
|
|
19
|
-
return { args }
|
|
20
|
-
},
|
|
21
|
-
template: `
|
|
22
|
-
`,
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
tags: ['!dev'],
|
|
26
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs';
|
|
2
|
-
import * as AccessStories from './Accessibilite.stories.ts';
|
|
3
|
-
import '../../stories/styles/shared.css';
|
|
4
|
-
|
|
5
|
-
<Meta of={AccessStories} />
|
|
6
|
-
|
|
7
|
-
<div className="header">
|
|
8
|
-
<h1>Accessibilité</h1>
|
|
9
|
-
<p>Informations sur l'accessibilité du composant</p>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<Story of={AccessStories.Legende} />
|
|
13
|
-
<br />
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Composants/Boutons/FranceConnectBtn/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const Legende: StoryObj = {
|
|
12
|
-
args: {
|
|
13
|
-
icon: checkIcon,
|
|
14
|
-
},
|
|
15
|
-
render: (args) => {
|
|
16
|
-
return {
|
|
17
|
-
components: { VIcon },
|
|
18
|
-
setup() {
|
|
19
|
-
return { args }
|
|
20
|
-
},
|
|
21
|
-
template: `
|
|
22
|
-
<div class="mt-4">
|
|
23
|
-
<p>Rapport d’audit manuel : <a href="/audits/FranceConnectBtn.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
|
|
24
|
-
<p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system/issues/4005" target="_blank" style="color:#0C41BD;">issue #4005</a>)</p>
|
|
25
|
-
</div>
|
|
26
|
-
`,
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
tags: ['!dev'],
|
|
30
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs';
|
|
2
|
-
import * as AccessStories from './Accessibilite.stories.ts';
|
|
3
|
-
import '../../stories/styles/shared.css';
|
|
4
|
-
|
|
5
|
-
<Meta of={AccessStories} />
|
|
6
|
-
|
|
7
|
-
<div className="header">
|
|
8
|
-
<h1>Accessibilité</h1>
|
|
9
|
-
<p>Informations sur l'accessibilité du composant</p>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<Story of={AccessStories.Legende} />
|
|
13
|
-
<br />
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Composants/Structure/HeaderBar/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const Legende: StoryObj = {
|
|
12
|
-
args: {
|
|
13
|
-
icon: checkIcon,
|
|
14
|
-
},
|
|
15
|
-
render: (args) => {
|
|
16
|
-
return {
|
|
17
|
-
components: { VIcon },
|
|
18
|
-
setup() {
|
|
19
|
-
return { args }
|
|
20
|
-
},
|
|
21
|
-
template: `
|
|
22
|
-
|
|
23
|
-
<div class="mt-4">
|
|
24
|
-
<p>Rapport d’audit manuel : <a href="/audits/HeaderBar.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
|
|
25
|
-
<p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/643" target="_blank" style="color:#0C41BD;">issue #643</a>)</p>
|
|
26
|
-
</div>
|
|
27
|
-
`,
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
tags: ['!dev'],
|
|
31
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs';
|
|
2
|
-
import * as AccessStories from './Accessibilite.stories.ts';
|
|
3
|
-
import '../../../stories/styles/shared.css';
|
|
4
|
-
|
|
5
|
-
<Meta of={AccessStories} />
|
|
6
|
-
|
|
7
|
-
<div className="header">
|
|
8
|
-
<h1>Accessibilité</h1>
|
|
9
|
-
<p>Informations sur l'accessibilité du composant</p>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<Story of={AccessStories.Legende} />
|
|
13
|
-
<br />
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Composants/Structure/HeaderBar/HeaderBurgerMenu/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const Legende: StoryObj = {
|
|
12
|
-
args: {
|
|
13
|
-
icon: checkIcon,
|
|
14
|
-
},
|
|
15
|
-
render: (args) => {
|
|
16
|
-
return {
|
|
17
|
-
components: { VIcon },
|
|
18
|
-
setup() {
|
|
19
|
-
return { args }
|
|
20
|
-
},
|
|
21
|
-
template: `
|
|
22
|
-
<div class="mt-4">
|
|
23
|
-
<p>Rapport d’audit manuel : <a href="/audits/HeaderBurgerMenu.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
|
|
24
|
-
<p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/646" target="_blank" style="color:#0C41BD;">issue #646</a>)</p>
|
|
25
|
-
</div>
|
|
26
|
-
`,
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
tags: ['!dev'],
|
|
30
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Composants/Structure/HeaderLoading/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const Legende: StoryObj = {
|
|
12
|
-
args: {
|
|
13
|
-
icon: checkIcon,
|
|
14
|
-
},
|
|
15
|
-
render: (args) => {
|
|
16
|
-
return {
|
|
17
|
-
components: { VIcon },
|
|
18
|
-
setup() {
|
|
19
|
-
return { args }
|
|
20
|
-
},
|
|
21
|
-
template: `
|
|
22
|
-
|
|
23
|
-
<div class="mt-4 mb-6">
|
|
24
|
-
<p>Rapport d’audit manuel : <a href="/audits/HeaderLoding.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
|
|
25
|
-
<p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/orgs/assurance-maladie-digital/projects/8/views/6?pane=issue&itemId=112098733&issue=assurance-maladie-digital%7Cdesign-system-v3%7C639" target="_blank" style="color:#0C41BD;">issue #639</a>)</p>
|
|
26
|
-
</div>
|
|
27
|
-
`,
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
tags: ['!dev'],
|
|
31
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs';
|
|
2
|
-
import * as AccessStories from './Accessibilite.stories.ts';
|
|
3
|
-
import '../../stories/styles/shared.css';
|
|
4
|
-
|
|
5
|
-
<Meta of={AccessStories} />
|
|
6
|
-
|
|
7
|
-
<div className="header">
|
|
8
|
-
<h1>Accessibilité</h1>
|
|
9
|
-
<p>Informations sur l'accessibilité du composant</p>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<Story of={AccessStories.Legende} />
|
|
13
|
-
<br />
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Composants/Structure/HeaderToolbar/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const Legende: StoryObj = {
|
|
12
|
-
args: {
|
|
13
|
-
icon: checkIcon,
|
|
14
|
-
},
|
|
15
|
-
render: (args) => {
|
|
16
|
-
return {
|
|
17
|
-
components: { VIcon },
|
|
18
|
-
setup() {
|
|
19
|
-
return { args }
|
|
20
|
-
},
|
|
21
|
-
template: `
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
<div class="mt-4">
|
|
25
|
-
<p>Rapport d’audit manuel : <a href="/audits/HeaderToolbar.xlsx" style="color:#0C41BD;">Voir le
|
|
26
|
-
rapport</a></p>
|
|
27
|
-
<p style="color: grey; font-size: 14px">Correctifs associés (<a
|
|
28
|
-
href="https://github.com/assurance-maladie-digital/design-system-v3/issues/640" target="_blank"
|
|
29
|
-
style="color:#0C41BD;"
|
|
30
|
-
>issue #640</a>)</p>
|
|
31
|
-
</div>
|
|
32
|
-
`,
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
tags: ['!dev'],
|
|
36
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs';
|
|
2
|
-
import * as AccessStories from './Accessibilite.stories.ts';
|
|
3
|
-
import '../../stories/styles/shared.css';
|
|
4
|
-
|
|
5
|
-
<Meta of={AccessStories} />
|
|
6
|
-
|
|
7
|
-
<div className="header">
|
|
8
|
-
<h1>Accessibilité</h1>
|
|
9
|
-
<p>Informations sur l'accessibilité du composant</p>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<Story of={AccessStories.Legende} />
|
|
13
|
-
<br />
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Composants/Boutons/LangBtn/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const Legende: StoryObj = {
|
|
12
|
-
args: {
|
|
13
|
-
icon: checkIcon,
|
|
14
|
-
},
|
|
15
|
-
render: (args) => {
|
|
16
|
-
return {
|
|
17
|
-
components: { VIcon },
|
|
18
|
-
setup() {
|
|
19
|
-
return { args }
|
|
20
|
-
},
|
|
21
|
-
template: `
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
<div class="mt-4">
|
|
25
|
-
<p>Rapport d’audit manuel : <a href="/audits/LangBtn.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
|
|
26
|
-
<p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system/issues/4009" target="_blank" style="color:#0C41BD;">issue #4009</a>)</p>
|
|
27
|
-
</div>
|
|
28
|
-
`,
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
tags: ['!dev'],
|
|
32
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs';
|
|
2
|
-
import * as AccessStories from './Accessibilite.stories.ts';
|
|
3
|
-
import '../../stories/styles/shared.css';
|
|
4
|
-
|
|
5
|
-
<Meta of={AccessStories} />
|
|
6
|
-
|
|
7
|
-
<div className="header">
|
|
8
|
-
<h1>Accessibilité</h1>
|
|
9
|
-
<p>Informations sur l'accessibilité du composant</p>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<Story of={AccessStories.Legende} />
|
|
13
|
-
<br />
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Composants/Données/Logo/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const Legende: StoryObj = {
|
|
12
|
-
args: {
|
|
13
|
-
icon: checkIcon,
|
|
14
|
-
},
|
|
15
|
-
render: (args) => {
|
|
16
|
-
return {
|
|
17
|
-
components: { VIcon },
|
|
18
|
-
setup() {
|
|
19
|
-
return { args }
|
|
20
|
-
},
|
|
21
|
-
template: `
|
|
22
|
-
<div class="mt-4">
|
|
23
|
-
<p>Rapport d’audit manuel : <a href="/audits/Logo.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
|
|
24
|
-
<p style="color: grey; font-size: 14px">Aucune correction nécessaire.</p>
|
|
25
|
-
</div>
|
|
26
|
-
`,
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
tags: ['!dev'],
|
|
30
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs';
|
|
2
|
-
import * as AccessStories from './Accessibilite.stories.ts';
|
|
3
|
-
import '../../stories/styles/shared.css';
|
|
4
|
-
|
|
5
|
-
<Meta of={AccessStories} />
|
|
6
|
-
|
|
7
|
-
<div className="header">
|
|
8
|
-
<h1>Accessibilité</h1>
|
|
9
|
-
<p>Cette page sera bientôt disponible</p>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<Story of={AccessStories.Legende} />
|
|
13
|
-
<br />
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Composants/Données/LogoBrandSection/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const Legende: StoryObj = {
|
|
12
|
-
args: {
|
|
13
|
-
icon: checkIcon,
|
|
14
|
-
},
|
|
15
|
-
render: (args) => {
|
|
16
|
-
return {
|
|
17
|
-
components: { VIcon },
|
|
18
|
-
setup() {
|
|
19
|
-
return { args }
|
|
20
|
-
},
|
|
21
|
-
template: `
|
|
22
|
-
`,
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
tags: ['!dev'],
|
|
26
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs';
|
|
2
|
-
import * as AccessStories from './Accessibilite.stories.ts';
|
|
3
|
-
import '../../stories/styles/shared.css';
|
|
4
|
-
|
|
5
|
-
<Meta of={AccessStories} />
|
|
6
|
-
|
|
7
|
-
<div className="header">
|
|
8
|
-
<h1>Accessibilité</h1>
|
|
9
|
-
<p>Informations sur l'accessibilité du composant</p>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<Story of={AccessStories.Legende} />
|
|
13
|
-
<br />
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Templates/MaintenancePage/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const Legende: StoryObj = {
|
|
12
|
-
args: {
|
|
13
|
-
icon: checkIcon,
|
|
14
|
-
},
|
|
15
|
-
render: (args) => {
|
|
16
|
-
return {
|
|
17
|
-
components: { VIcon },
|
|
18
|
-
setup() {
|
|
19
|
-
return { args }
|
|
20
|
-
},
|
|
21
|
-
template: `
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
<div class="mt-4">
|
|
25
|
-
<p>Rapport d’audit manuel : <a href="/audits/MaintenancePage.xlsx" style="color:#0C41BD;">Voir le
|
|
26
|
-
rapport</a></p>
|
|
27
|
-
<p style="color: grey; font-size: 14px">Correctifs associés (<a
|
|
28
|
-
href="https://github.com/assurance-maladie-digital/design-system-v3/issues/653" target="_blank"
|
|
29
|
-
style="color:#0C41BD;"
|
|
30
|
-
>issue #653</a>)</p>
|
|
31
|
-
</div>
|
|
32
|
-
`,
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
tags: ['!dev'],
|
|
36
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs';
|
|
2
|
-
import * as AccessStories from './Accessibilite.stories.ts';
|
|
3
|
-
import '../../stories/styles/shared.css';
|
|
4
|
-
|
|
5
|
-
<Meta of={AccessStories} />
|
|
6
|
-
|
|
7
|
-
<div className="header">
|
|
8
|
-
<h1>Accessibilité</h1>
|
|
9
|
-
<p>Informations sur l'accessibilité du composant</p>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<Story of={AccessStories.Legende} />
|
|
13
|
-
<br />
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Composants/Formulaires/NirField/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
export const Legende: StoryObj = {
|
|
11
|
-
args: {
|
|
12
|
-
icon: checkIcon,
|
|
13
|
-
},
|
|
14
|
-
render: (args) => {
|
|
15
|
-
return {
|
|
16
|
-
components: { VIcon },
|
|
17
|
-
setup() {
|
|
18
|
-
return { args }
|
|
19
|
-
},
|
|
20
|
-
template: `
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
<div class="mt-4">
|
|
24
|
-
<p>Rapport d’audit manuel : <a href="/audits/NirField.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
|
|
25
|
-
<p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/897" target="_blank" style="color:#0C41BD;">issue #4006</a>)</p>
|
|
26
|
-
</div>
|
|
27
|
-
`,
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
tags: ['!dev'],
|
|
31
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs';
|
|
2
|
-
import * as AccessStories from './Accessibilite.stories.ts';
|
|
3
|
-
import '../../stories/styles/shared.css';
|
|
4
|
-
|
|
5
|
-
<Meta of={AccessStories} />
|
|
6
|
-
|
|
7
|
-
<div className="header">
|
|
8
|
-
<h1>Accessibilité</h1>
|
|
9
|
-
<p>Informations sur l'accessibilité du composant</p>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<Story of={AccessStories.Legende} />
|
|
13
|
-
<br />
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Templates/NotFoundPage/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const Legende: StoryObj = {
|
|
12
|
-
args: {
|
|
13
|
-
icon: checkIcon,
|
|
14
|
-
},
|
|
15
|
-
render: (args) => {
|
|
16
|
-
return {
|
|
17
|
-
components: { VIcon },
|
|
18
|
-
setup() {
|
|
19
|
-
return { args }
|
|
20
|
-
},
|
|
21
|
-
template: `
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
<div class="mt-4">
|
|
25
|
-
<p>Rapport d’audit manuel : <a href="/audits/NotFoundPage.xlsx" style="color:#0C41BD;">Voir le
|
|
26
|
-
rapport</a></p>
|
|
27
|
-
<p style="color: grey; font-size: 14px">Correctifs associés (<a
|
|
28
|
-
href="https://github.com/assurance-maladie-digital/design-system-v3/issues/654" target="_blank"
|
|
29
|
-
style="color:#0C41BD;"
|
|
30
|
-
>issue #654</a>)</p>
|
|
31
|
-
</div>
|
|
32
|
-
`,
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
tags: ['!dev'],
|
|
36
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs';
|
|
2
|
-
import * as AccessStories from './Accessibilite.stories.ts';
|
|
3
|
-
import '../../stories/styles/shared.css';
|
|
4
|
-
|
|
5
|
-
<Meta of={AccessStories} />
|
|
6
|
-
|
|
7
|
-
<div className="header">
|
|
8
|
-
<h1>Accessibilité</h1>
|
|
9
|
-
<p>Informations sur l'accessibilité du composant</p>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<Story of={AccessStories.Legende} />
|
|
13
|
-
<br />
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Composants/Feedback/NotificationBar/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const Legende: StoryObj = {
|
|
12
|
-
args: {
|
|
13
|
-
icon: checkIcon,
|
|
14
|
-
},
|
|
15
|
-
render: (args) => {
|
|
16
|
-
return {
|
|
17
|
-
components: { VIcon },
|
|
18
|
-
setup() {
|
|
19
|
-
return { args }
|
|
20
|
-
},
|
|
21
|
-
template: `
|
|
22
|
-
<div class="mt-4">
|
|
23
|
-
<p>Rapport d’audit manuel : <a href="/audits/NotificationBar.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
|
|
24
|
-
<p style="color: grey; font-size: 14px">Correctifs en cours (<a href="https://github.com/assurance-maladie-digital/design-system/issues/4029" target="_blank" style="color:#0C41BD;">issue #4029</a>)</p>
|
|
25
|
-
</div>
|
|
26
|
-
`,
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
tags: ['!dev'],
|
|
30
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs';
|
|
2
|
-
import * as AccessStories from './Accessibilite.stories.ts';
|
|
3
|
-
import '../../stories/styles/shared.css';
|
|
4
|
-
|
|
5
|
-
<Meta of={AccessStories} />
|
|
6
|
-
|
|
7
|
-
<div className="header">
|
|
8
|
-
<h1>Accessibilité</h1>
|
|
9
|
-
<p>Informations sur l'accessibilité du composant</p>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<Story of={AccessStories.Legende} />
|
|
13
|
-
<br />
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
export default {
|
|
7
|
-
title: 'Composants/Layout/PageContainer/Accessibilité',
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export const Legende: StoryObj = {
|
|
11
|
-
args: {
|
|
12
|
-
icon: checkIcon,
|
|
13
|
-
},
|
|
14
|
-
render: (args) => {
|
|
15
|
-
return {
|
|
16
|
-
components: { VIcon },
|
|
17
|
-
setup() {
|
|
18
|
-
return { args }
|
|
19
|
-
},
|
|
20
|
-
template: `
|
|
21
|
-
|
|
22
|
-
<div class="mt-4">
|
|
23
|
-
<p>Rapport d’audit manuel : <a href="/audits/PageContainer.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
|
|
24
|
-
<p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system/issues/4011" target="_blank" style="color:#0C41BD;">issue #4011</a>)</p>
|
|
25
|
-
</div>
|
|
26
|
-
`,
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
tags: ['!dev'],
|
|
30
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs';
|
|
2
|
-
import * as AccessStories from './Accessibilite.stories.ts';
|
|
3
|
-
import '../../stories/styles/shared.css';
|
|
4
|
-
|
|
5
|
-
<Meta of={AccessStories} />
|
|
6
|
-
|
|
7
|
-
<div className="header">
|
|
8
|
-
<h1>Accessibilité</h1>
|
|
9
|
-
<p>Cette page sera bientôt disponible</p>
|
|
10
|
-
</div>
|
|
11
|
-
|
|
12
|
-
<Story of={AccessStories.Legende} />
|
|
13
|
-
<br />
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { VIcon } from 'vuetify/components'
|
|
2
|
-
import type { StoryObj } from '@storybook/vue3'
|
|
3
|
-
import { mdiCheckboxMarkedCircle } from '@mdi/js'
|
|
4
|
-
|
|
5
|
-
const checkIcon = mdiCheckboxMarkedCircle
|
|
6
|
-
|
|
7
|
-
export default {
|
|
8
|
-
title: 'Composants/Tableaux/PaginatedTable/Accessibilité',
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const Legende: StoryObj = {
|
|
12
|
-
args: {
|
|
13
|
-
icon: checkIcon,
|
|
14
|
-
},
|
|
15
|
-
render: (args) => {
|
|
16
|
-
return {
|
|
17
|
-
components: { VIcon },
|
|
18
|
-
setup() {
|
|
19
|
-
return { args }
|
|
20
|
-
},
|
|
21
|
-
template: `
|
|
22
|
-
`,
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
tags: ['!dev'],
|
|
26
|
-
}
|