@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.
Files changed (102) hide show
  1. package/dist/design-system-v3.d.ts +325 -368
  2. package/dist/design-system-v3.js +2791 -2637
  3. package/dist/design-system-v3.umd.cjs +1 -10
  4. package/dist/style.css +1 -1
  5. package/package.json +10 -2
  6. package/src/assets/settings.scss +2 -2
  7. package/src/assets/tokens.scss +107 -112
  8. package/src/components/BackBtn/BackBtn.vue +4 -4
  9. package/src/components/BackToTopBtn/BackToTopBtn.vue +1 -0
  10. package/src/components/CollapsibleList/CollapsibleList.mdx +1 -1
  11. package/src/components/CollapsibleList/CollapsibleList.vue +43 -44
  12. package/src/components/ContextualMenu/ContextualMenu.mdx +118 -0
  13. package/src/components/ContextualMenu/ContextualMenu.stories.ts +430 -0
  14. package/src/components/ContextualMenu/ContextualMenu.vue +101 -0
  15. package/src/components/ContextualMenu/tests/ContextualMenu.spec.ts +115 -0
  16. package/src/components/ContextualMenu/tests/__snapshots__/ContextualMenu.spec.ts.snap +10 -0
  17. package/src/components/ContextualMenu/types.ts +5 -0
  18. package/src/components/CookieBanner/CookieBanner.stories.ts +1 -2
  19. package/src/components/CookieBanner/CookieBanner.vue +13 -10
  20. package/src/components/CookieBanner/tests/__snapshots__/CookieBanner.spec.ts.snap +17 -15
  21. package/src/components/CookiesSelection/CookiesInformation/CookiesInformation.vue +6 -1
  22. package/src/components/CookiesSelection/CookiesInformation/locales.ts +1 -0
  23. package/src/components/CookiesSelection/CookiesTable/CookiesTable.vue +1 -0
  24. package/src/components/CookiesSelection/tests/__snapshots__/CookiesSelection.spec.ts.snap +17 -15
  25. package/src/components/CopyBtn/CopyBtn.vue +7 -7
  26. package/src/components/Customs/SyBtnSelect/SyBtnSelect.vue +26 -26
  27. package/src/components/Customs/SyInputSelect/SyInputSelect.vue +24 -24
  28. package/src/components/Customs/SySelect/SySelect.vue +27 -26
  29. package/src/components/DataList/DataList.stories.ts +3 -2
  30. package/src/components/DataList/DataList.vue +1 -1
  31. package/src/components/DataListGroup/DataListGroup.stories.ts +3 -2
  32. package/src/components/DataListItem/DataListItem.vue +12 -12
  33. package/src/components/DialogBox/DialogBox.mdx +28 -2
  34. package/src/components/DialogBox/DialogBox.stories.ts +1 -1
  35. package/src/components/DialogBox/DialogBox.vue +3 -2
  36. package/src/components/DownloadBtn/DownloadBtn.vue +2 -1
  37. package/src/components/ExternalLinks/ExternalLinks.mdx +86 -0
  38. package/src/components/ExternalLinks/ExternalLinks.stories.ts +553 -0
  39. package/src/components/ExternalLinks/ExternalLinks.vue +200 -0
  40. package/src/components/ExternalLinks/config.ts +34 -0
  41. package/src/components/ExternalLinks/locales.ts +4 -0
  42. package/src/components/ExternalLinks/tests/ExternalLinks.spec.ts +154 -0
  43. package/src/components/ExternalLinks/tests/__snapshots__/ExternalLinks.spec.ts.snap +159 -0
  44. package/src/components/FooterBar/FooterBar.vue +105 -80
  45. package/src/components/FranceConnectBtn/FranceConnectBtn.vue +14 -13
  46. package/src/components/HeaderBar/HeaderBar.vue +3 -3
  47. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderBurgerMenu.vue +11 -7
  48. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderMenuItem/HeaderMenuItem.vue +5 -5
  49. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderMenuSection/HeaderMenuSection.vue +2 -2
  50. package/src/components/HeaderBar/HeaderBurgerMenu/HeaderSubMenu/HeaderSubMenu.vue +10 -8
  51. package/src/components/HeaderBar/HeaderLogo/HeaderLogo.vue +2 -2
  52. package/src/components/HeaderBar/HeaderLogo/logos/Logo-mobile.vue +2 -1
  53. package/src/components/HeaderBar/HeaderLogo/logos/Logo.vue +2 -1
  54. package/src/components/HeaderBar/HeaderMenuBtn/HeaderMenuBtn.vue +10 -10
  55. package/src/components/HeaderBar/consts.scss +1 -1
  56. package/src/components/HeaderLoading/HeaderLoading.vue +12 -11
  57. package/src/components/HeaderNavigationBar/HeaderNavigationBar.vue +2 -1
  58. package/src/components/HeaderNavigationBar/HorizontalNavbar/HorizontalNavbar.vue +9 -9
  59. package/src/components/HeaderToolbar/HeaderToolbar.vue +215 -202
  60. package/src/components/LangBtn/LangBtn.vue +8 -6
  61. package/src/components/LogoBrandSection/LogoBrandSection.stories.ts +2 -2
  62. package/src/components/NirField/NirField.stories.ts +7 -7
  63. package/src/components/NirField/NirField.vue +44 -47
  64. package/src/components/NotFoundPage/NotFoundPage.stories.ts +33 -2
  65. package/src/components/NotFoundPage/NotFoundPage.vue +17 -0
  66. package/src/components/NotificationBar/NotificationBar.mdx +5 -5
  67. package/src/components/NotificationBar/NotificationBar.stories.ts +410 -314
  68. package/src/components/NotificationBar/NotificationBar.vue +43 -41
  69. package/src/components/PageContainer/PageContainer.vue +4 -4
  70. package/src/components/PasswordField/PasswordField.mdx +70 -0
  71. package/src/components/PasswordField/PasswordField.stories.ts +213 -0
  72. package/src/components/PasswordField/PasswordField.vue +189 -0
  73. package/src/components/PasswordField/config.ts +11 -0
  74. package/src/components/PasswordField/locales.ts +4 -0
  75. package/src/components/PasswordField/tests/PasswordField.spec.ts +96 -0
  76. package/src/components/PhoneField/PhoneField.mdx +0 -2
  77. package/src/components/PhoneField/PhoneField.stories.ts +10 -50
  78. package/src/components/PhoneField/PhoneField.vue +34 -34
  79. package/src/components/SkipLink/SkipLink.vue +10 -10
  80. package/src/components/SocialMediaLinks/SocialMediaLinks.vue +28 -26
  81. package/src/components/SubHeader/SubHeader.vue +32 -31
  82. package/src/components/SyAlert/SyAlert.vue +12 -12
  83. package/src/components/UserMenuBtn/UserMenuBtn.vue +1 -1
  84. package/src/components/UserMenuBtn/config.ts +1 -1
  85. package/src/components/index.ts +10 -7
  86. package/src/designTokens/index.ts +6 -4
  87. package/src/designTokens/{bootstrapColors.md → paColors.md} +1 -1
  88. package/src/designTokens/tokens/cnam/cnamLightTheme.ts +2 -0
  89. package/src/designTokens/tokens/pa/paColors.ts +171 -0
  90. package/src/designTokens/tokens/pa/paContextual.ts +58 -0
  91. package/src/designTokens/tokens/pa/paDarkTheme.ts +5 -0
  92. package/src/designTokens/tokens/pa/paLightTheme.ts +123 -0
  93. package/src/designTokens/tokens/pa/paSemantic.ts +87 -0
  94. package/src/stories/GuideDuDev/CreerUneIssue.mdx +64 -0
  95. package/src/stories/GuideDuDev/{CommentUtiliserLesRules.mdx → UtiliserLesRules.mdx} +2 -2
  96. package/src/stories/GuideDuDev/components.stories.ts +9 -7
  97. package/src/stories/Guidelines/Vuetify/Vuetify.stories.ts +163 -88
  98. package/src/stories/Guidelines/Vuetify/VuetifyItems.ts +250 -23
  99. package/src/temp/TestDTComponent.vue +5 -6
  100. package/src/designTokens/tokens/bootstrap/bootstrapColors.ts +0 -158
  101. package/src/designTokens/tokens/bootstrap/bootstrapLightTheme.ts +0 -22
  102. 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.