@cnamts/synapse 0.0.7-alpha → 0.0.8-alpha
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/design-system-v3.d.ts +325 -368
- package/dist/design-system-v3.js +2791 -2637
- package/dist/design-system-v3.umd.cjs +1 -10
- package/dist/style.css +1 -1
- package/package.json +10 -2
- package/src/assets/settings.scss +2 -2
- package/src/assets/tokens.scss +107 -112
- package/src/components/BackBtn/BackBtn.vue +4 -4
- package/src/components/BackToTopBtn/BackToTopBtn.vue +1 -0
- package/src/components/CollapsibleList/CollapsibleList.mdx +1 -1
- package/src/components/CollapsibleList/CollapsibleList.vue +43 -44
- package/src/components/ContextualMenu/ContextualMenu.mdx +118 -0
- package/src/components/ContextualMenu/ContextualMenu.stories.ts +430 -0
- package/src/components/ContextualMenu/ContextualMenu.vue +101 -0
- package/src/components/ContextualMenu/tests/ContextualMenu.spec.ts +115 -0
- package/src/components/ContextualMenu/tests/__snapshots__/ContextualMenu.spec.ts.snap +10 -0
- package/src/components/ContextualMenu/types.ts +5 -0
- package/src/components/CookieBanner/CookieBanner.stories.ts +1 -2
- package/src/components/CookieBanner/CookieBanner.vue +13 -10
- package/src/components/CookieBanner/tests/__snapshots__/CookieBanner.spec.ts.snap +17 -15
- package/src/components/CookiesSelection/CookiesInformation/CookiesInformation.vue +6 -1
- package/src/components/CookiesSelection/CookiesInformation/locales.ts +1 -0
- package/src/components/CookiesSelection/CookiesTable/CookiesTable.vue +1 -0
- package/src/components/CookiesSelection/tests/__snapshots__/CookiesSelection.spec.ts.snap +17 -15
- package/src/components/CopyBtn/CopyBtn.vue +7 -7
- package/src/components/Customs/SyBtnSelect/SyBtnSelect.vue +26 -26
- package/src/components/Customs/SyInputSelect/SyInputSelect.vue +24 -24
- package/src/components/Customs/SySelect/SySelect.vue +27 -26
- package/src/components/DataList/DataList.stories.ts +3 -2
- package/src/components/DataList/DataList.vue +1 -1
- package/src/components/DataListGroup/DataListGroup.stories.ts +3 -2
- package/src/components/DataListItem/DataListItem.vue +12 -12
- package/src/components/DialogBox/DialogBox.mdx +28 -2
- package/src/components/DialogBox/DialogBox.stories.ts +1 -1
- package/src/components/DialogBox/DialogBox.vue +3 -2
- package/src/components/DownloadBtn/DownloadBtn.vue +2 -1
- package/src/components/ExternalLinks/ExternalLinks.mdx +86 -0
- package/src/components/ExternalLinks/ExternalLinks.stories.ts +553 -0
- package/src/components/ExternalLinks/ExternalLinks.vue +200 -0
- package/src/components/ExternalLinks/config.ts +34 -0
- package/src/components/ExternalLinks/locales.ts +4 -0
- package/src/components/ExternalLinks/tests/ExternalLinks.spec.ts +154 -0
- package/src/components/ExternalLinks/tests/__snapshots__/ExternalLinks.spec.ts.snap +159 -0
- package/src/components/FooterBar/FooterBar.vue +105 -80
- package/src/components/FranceConnectBtn/FranceConnectBtn.vue +14 -13
- package/src/components/HeaderBar/HeaderBar.vue +3 -3
- package/src/components/HeaderBar/HeaderBurgerMenu/HeaderBurgerMenu.vue +11 -7
- package/src/components/HeaderBar/HeaderBurgerMenu/HeaderMenuItem/HeaderMenuItem.vue +5 -5
- package/src/components/HeaderBar/HeaderBurgerMenu/HeaderMenuSection/HeaderMenuSection.vue +2 -2
- package/src/components/HeaderBar/HeaderBurgerMenu/HeaderSubMenu/HeaderSubMenu.vue +10 -8
- package/src/components/HeaderBar/HeaderLogo/HeaderLogo.vue +2 -2
- package/src/components/HeaderBar/HeaderLogo/logos/Logo-mobile.vue +2 -1
- package/src/components/HeaderBar/HeaderLogo/logos/Logo.vue +2 -1
- package/src/components/HeaderBar/HeaderMenuBtn/HeaderMenuBtn.vue +10 -10
- package/src/components/HeaderBar/consts.scss +1 -1
- package/src/components/HeaderLoading/HeaderLoading.vue +12 -11
- package/src/components/HeaderNavigationBar/HeaderNavigationBar.vue +2 -1
- package/src/components/HeaderNavigationBar/HorizontalNavbar/HorizontalNavbar.vue +9 -9
- package/src/components/HeaderToolbar/HeaderToolbar.vue +215 -202
- package/src/components/LangBtn/LangBtn.vue +8 -6
- package/src/components/LogoBrandSection/LogoBrandSection.stories.ts +2 -2
- package/src/components/NirField/NirField.stories.ts +7 -7
- package/src/components/NirField/NirField.vue +44 -47
- package/src/components/NotFoundPage/NotFoundPage.stories.ts +33 -2
- package/src/components/NotFoundPage/NotFoundPage.vue +17 -0
- package/src/components/NotificationBar/NotificationBar.mdx +5 -5
- package/src/components/NotificationBar/NotificationBar.stories.ts +410 -314
- package/src/components/NotificationBar/NotificationBar.vue +43 -41
- package/src/components/PageContainer/PageContainer.vue +4 -4
- package/src/components/PasswordField/PasswordField.mdx +70 -0
- package/src/components/PasswordField/PasswordField.stories.ts +213 -0
- package/src/components/PasswordField/PasswordField.vue +189 -0
- package/src/components/PasswordField/config.ts +11 -0
- package/src/components/PasswordField/locales.ts +4 -0
- package/src/components/PasswordField/tests/PasswordField.spec.ts +96 -0
- package/src/components/PhoneField/PhoneField.mdx +0 -2
- package/src/components/PhoneField/PhoneField.stories.ts +10 -50
- package/src/components/PhoneField/PhoneField.vue +34 -34
- package/src/components/SkipLink/SkipLink.vue +10 -10
- package/src/components/SocialMediaLinks/SocialMediaLinks.vue +28 -26
- package/src/components/SubHeader/SubHeader.vue +32 -31
- package/src/components/SyAlert/SyAlert.vue +12 -12
- package/src/components/UserMenuBtn/UserMenuBtn.vue +1 -1
- package/src/components/UserMenuBtn/config.ts +1 -1
- package/src/components/index.ts +10 -7
- package/src/designTokens/index.ts +6 -4
- package/src/designTokens/{bootstrapColors.md → paColors.md} +1 -1
- package/src/designTokens/tokens/cnam/cnamLightTheme.ts +2 -0
- package/src/designTokens/tokens/pa/paColors.ts +171 -0
- package/src/designTokens/tokens/pa/paContextual.ts +58 -0
- package/src/designTokens/tokens/pa/paDarkTheme.ts +5 -0
- package/src/designTokens/tokens/pa/paLightTheme.ts +123 -0
- package/src/designTokens/tokens/pa/paSemantic.ts +87 -0
- package/src/stories/GuideDuDev/CreerUneIssue.mdx +64 -0
- package/src/stories/GuideDuDev/{CommentUtiliserLesRules.mdx → UtiliserLesRules.mdx} +2 -2
- package/src/stories/GuideDuDev/components.stories.ts +9 -7
- package/src/stories/Guidelines/Vuetify/Vuetify.stories.ts +163 -88
- package/src/stories/Guidelines/Vuetify/VuetifyItems.ts +250 -23
- package/src/temp/TestDTComponent.vue +5 -6
- package/src/designTokens/tokens/bootstrap/bootstrapColors.ts +0 -158
- package/src/designTokens/tokens/bootstrap/bootstrapLightTheme.ts +0 -22
- package/src/stories/GuideDuDev/CommentContribuer.mdx +0 -22
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
export const bootstrapColorsTokens = {
|
|
2
|
-
amBlue: {
|
|
3
|
-
darken80: '#020d1f',
|
|
4
|
-
darken60: '#052C64',
|
|
5
|
-
darken40: '#084298',
|
|
6
|
-
darken20: '#0B58CA',
|
|
7
|
-
base: '#0d6efd',
|
|
8
|
-
lighten20: '#0C6DFD',
|
|
9
|
-
lighten40: '#3D8BFD',
|
|
10
|
-
lighten60: '#6EA7FD',
|
|
11
|
-
lighten80: '#9EC5FE',
|
|
12
|
-
lighten90: '#CFE1FE',
|
|
13
|
-
lighten97: '#f8f9fc',
|
|
14
|
-
},
|
|
15
|
-
cyan: {
|
|
16
|
-
darken80: '#032830',
|
|
17
|
-
darken60: '#055160',
|
|
18
|
-
darken40: '#06798F',
|
|
19
|
-
darken20: '#07A2C0',
|
|
20
|
-
base: '#0dcaf0',
|
|
21
|
-
lighten20: '#10CAF0',
|
|
22
|
-
lighten40: '#37BFDB',
|
|
23
|
-
lighten60: '#6DDEF6',
|
|
24
|
-
lighten80: '#9EEAF9',
|
|
25
|
-
lighten90: '#CEF4FC',
|
|
26
|
-
lighten97: '#f7fcfe',
|
|
27
|
-
},
|
|
28
|
-
frostedBlue: {
|
|
29
|
-
darken80: '#142327',
|
|
30
|
-
darken60: '#28464d',
|
|
31
|
-
darken40: '#3d6874',
|
|
32
|
-
darken20: '#518b9a',
|
|
33
|
-
base: '#65aec1',
|
|
34
|
-
lighten20: '#84becd',
|
|
35
|
-
lighten40: '#a3ceda',
|
|
36
|
-
lighten60: '#c1dfe6',
|
|
37
|
-
lighten80: '#e0eff3',
|
|
38
|
-
lighten90: '#f0f7f9',
|
|
39
|
-
lighten97: '#fafdfd',
|
|
40
|
-
},
|
|
41
|
-
parme: {
|
|
42
|
-
darken80: '#150330',
|
|
43
|
-
darken60: '#290661',
|
|
44
|
-
darken40: '#3D0A91',
|
|
45
|
-
darken20: '#520DC1',
|
|
46
|
-
base: '#6610f2',
|
|
47
|
-
lighten20: '#661de3',
|
|
48
|
-
lighten40: '#8540F5',
|
|
49
|
-
lighten60: '#A270F7',
|
|
50
|
-
lighten80: '#C19EFA',
|
|
51
|
-
lighten90: '#E0CFFC',
|
|
52
|
-
lighten97: '#fbfcfd',
|
|
53
|
-
},
|
|
54
|
-
mauve: {
|
|
55
|
-
darken80: '#170D26',
|
|
56
|
-
darken60: '#2B1A4D',
|
|
57
|
-
darken40: '#3D0A91',
|
|
58
|
-
darken20: '#59359A',
|
|
59
|
-
base: '#6f42c1',
|
|
60
|
-
lighten20: '#6F42C1',
|
|
61
|
-
lighten40: '#8B67CD',
|
|
62
|
-
lighten60: '#A98EDA',
|
|
63
|
-
lighten80: '#C5B3E5',
|
|
64
|
-
lighten90: '#E1D9F3',
|
|
65
|
-
lighten97: '#fcfafd',
|
|
66
|
-
},
|
|
67
|
-
pink: {
|
|
68
|
-
darken80: '#2B0A1B',
|
|
69
|
-
darken60: '#561435',
|
|
70
|
-
darken40: '#801F4F',
|
|
71
|
-
darken20: '#AA2869',
|
|
72
|
-
base: '#d63384',
|
|
73
|
-
lighten20: '#D63384',
|
|
74
|
-
lighten40: '#DD5C9D',
|
|
75
|
-
lighten60: '#E685B5',
|
|
76
|
-
lighten80: '#EFADCD',
|
|
77
|
-
lighten90: '#F7D6E6',
|
|
78
|
-
lighten97: '#fef8fb',
|
|
79
|
-
},
|
|
80
|
-
brick: {
|
|
81
|
-
darken80: '#2C0B0F',
|
|
82
|
-
darken60: '#58151C',
|
|
83
|
-
darken40: '#831F29',
|
|
84
|
-
darken20: '#B02A37',
|
|
85
|
-
base: '#dc3545',
|
|
86
|
-
lighten20: '#dc3d4d',
|
|
87
|
-
lighten40: '#E35C6A',
|
|
88
|
-
lighten60: '#E9868F',
|
|
89
|
-
lighten80: '#F1AEB5',
|
|
90
|
-
lighten90: '#F8D7D9',
|
|
91
|
-
lighten97: '#fdfafa',
|
|
92
|
-
},
|
|
93
|
-
orange: {
|
|
94
|
-
darken80: '#321904',
|
|
95
|
-
darken60: '#643208',
|
|
96
|
-
darken40: '#984C0B',
|
|
97
|
-
darken20: '#CA6410',
|
|
98
|
-
base: '#fd7e14',
|
|
99
|
-
lighten20: '#fb8325',
|
|
100
|
-
lighten40: '#FD9843',
|
|
101
|
-
lighten60: '#FEB272',
|
|
102
|
-
lighten80: '#FECBA1',
|
|
103
|
-
lighten90: '#FFE5D0',
|
|
104
|
-
lighten97: '#fefaf9',
|
|
105
|
-
},
|
|
106
|
-
yellow: {
|
|
107
|
-
darken80: '#332602',
|
|
108
|
-
darken60: '#664D04',
|
|
109
|
-
darken40: '#997305',
|
|
110
|
-
darken20: '#CB9A07',
|
|
111
|
-
base: '#ffc107',
|
|
112
|
-
lighten20: '#fdc312',
|
|
113
|
-
lighten40: '#FFCD38',
|
|
114
|
-
lighten60: '#FFD969',
|
|
115
|
-
lighten80: '#FFE69C',
|
|
116
|
-
lighten90: '#FFF2CD',
|
|
117
|
-
lighten97: '#fffdf8',
|
|
118
|
-
},
|
|
119
|
-
green: {
|
|
120
|
-
darken80: '#051C12',
|
|
121
|
-
darken60: '#0B3622',
|
|
122
|
-
darken40: '#0F5132',
|
|
123
|
-
darken20: '#136B42',
|
|
124
|
-
base: '#198754',
|
|
125
|
-
lighten20: '#1e8a57',
|
|
126
|
-
lighten40: '#479F76',
|
|
127
|
-
lighten60: '#75B798',
|
|
128
|
-
lighten80: '#A3CFBB',
|
|
129
|
-
lighten90: '#D1E6DD',
|
|
130
|
-
lighten97: '#fafdfb',
|
|
131
|
-
},
|
|
132
|
-
turquoise: {
|
|
133
|
-
darken80: '#051C12',
|
|
134
|
-
darken60: '#0B3622',
|
|
135
|
-
darken40: '#0F5132',
|
|
136
|
-
darken20: '#1AA179',
|
|
137
|
-
base: '#20c997',
|
|
138
|
-
lighten20: '#28cf9e',
|
|
139
|
-
lighten40: '#4DD4AC',
|
|
140
|
-
lighten60: '#78DFC0',
|
|
141
|
-
lighten80: '#A5E9D5',
|
|
142
|
-
lighten90: '#D2F4E9',
|
|
143
|
-
lighten97: '#f7fcfc',
|
|
144
|
-
},
|
|
145
|
-
grey: {
|
|
146
|
-
darken80: '#212529',
|
|
147
|
-
darken60: '#343A3F',
|
|
148
|
-
darken40: '#485056',
|
|
149
|
-
darken20: '#6C757D',
|
|
150
|
-
base: '#adb5bd',
|
|
151
|
-
lighten20: '#b5bcc3',
|
|
152
|
-
lighten40: '#CED4D9',
|
|
153
|
-
lighten60: '#DEE2E6',
|
|
154
|
-
lighten80: '#E9ECEF',
|
|
155
|
-
lighten90: '#F8F9FA',
|
|
156
|
-
lighten97: '#fafafa',
|
|
157
|
-
},
|
|
158
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { bootstrapColorsTokens } from './bootstrapColors'
|
|
2
|
-
import { cnamColorsTokens } from '../cnam/cnamColors'
|
|
3
|
-
|
|
4
|
-
// Pour l'utiilser cf : dev/main.ts -> a ajouter a la place des cnamColorsTokens
|
|
5
|
-
export const bootstrapLightTheme = {
|
|
6
|
-
primary: bootstrapColorsTokens.amBlue.darken40,
|
|
7
|
-
secondary: bootstrapColorsTokens.pink.darken40,
|
|
8
|
-
accent: bootstrapColorsTokens.cyan.base,
|
|
9
|
-
error: bootstrapColorsTokens.brick.darken20,
|
|
10
|
-
info: bootstrapColorsTokens.amBlue.darken60,
|
|
11
|
-
success: bootstrapColorsTokens.green.lighten40,
|
|
12
|
-
warning: bootstrapColorsTokens.yellow.lighten90,
|
|
13
|
-
risquePro: cnamColorsTokens.brick.base,
|
|
14
|
-
light: cnamColorsTokens.grey.lighten60,
|
|
15
|
-
dark: cnamColorsTokens.grey.darken80,
|
|
16
|
-
brand: '#4a3f59',
|
|
17
|
-
brandSecondary: '#ac1c81',
|
|
18
|
-
brandMuted: '#b7cbd6',
|
|
19
|
-
brandMutedLite: '#E7F3F9',
|
|
20
|
-
hilitePrimary: '#0062ac',
|
|
21
|
-
hiliteSecondary: '#e6bebf',
|
|
22
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from '@storybook/addon-docs/blocks';
|
|
2
|
-
import * as ComponentStories from './components.stories.ts';
|
|
3
|
-
|
|
4
|
-
<Meta of={ComponentStories} />
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
Rapport de bug
|
|
8
|
-
--------------
|
|
9
|
-
|
|
10
|
-
##### Lorsque vous constatez un bug dans l'un des packages du Design System, vous pouvez créer un rapport de bug pour notifier l'équipe de celui-ci.
|
|
11
|
-
|
|
12
|
-
##### Avant d'ouvrir un nouveau rapport de bug, vérifiez:
|
|
13
|
-
|
|
14
|
-
- Qu'un rapport similaire n'ait pas déjà été ouvert en cherchant dans les [rapports existants](https://github.com/assurance-maladie-digital/design-system-v3/issues)
|
|
15
|
-
- Que le bug est toujours présent dans la dernière version du package concerné
|
|
16
|
-
|
|
17
|
-
<br></br>
|
|
18
|
-
### Créer un rapport de bug
|
|
19
|
-
|
|
20
|
-
<Story of={ComponentStories.Info} />
|
|
21
|
-
|
|
22
|
-
Une fois ces vérifications effectuées, vous pouvez [créer un rapport de bug](https://github.com/assurance-maladie-digital/design-system-v3/issues/new?template=bug_report.md). Lors de l'écriture de votre rapport de bug, essayez de donner le plus de détails possible.
|