aristid-ds 7.2.0-53299b1 → 7.2.0-9dd67b6

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 (203) hide show
  1. package/CHANGELOG.md +323 -215
  2. package/dist/Kit/App/index.js +4 -5
  3. package/dist/Kit/DataDisplay/Avatar/index.js +1 -1
  4. package/dist/Kit/DataDisplay/Badge/index.js +8 -8
  5. package/dist/Kit/DataDisplay/Card/index.js +2 -2
  6. package/dist/Kit/DataDisplay/Collapse/index.js +1 -1
  7. package/dist/Kit/DataDisplay/Collapse/types.d.ts +3 -2
  8. package/dist/Kit/DataDisplay/Empty/index.js +1 -1
  9. package/dist/Kit/DataDisplay/Error/index.js +2 -2
  10. package/dist/Kit/DataDisplay/IdCard/index.js +1 -1
  11. package/dist/Kit/DataDisplay/Image/index.js +9 -9
  12. package/dist/Kit/DataDisplay/ItemList/index.d.ts +2 -2
  13. package/dist/Kit/DataDisplay/ItemList/index.js +3 -4
  14. package/dist/Kit/DataDisplay/Table/index.js +34 -34
  15. package/dist/Kit/DataDisplay/Tabs/index.js +5 -5
  16. package/dist/Kit/DataDisplay/Tag/Tag.d.ts +2 -2
  17. package/dist/Kit/DataDisplay/Tag/index.js +1 -1
  18. package/dist/Kit/DataDisplay/Tag/types.d.ts +24 -9
  19. package/dist/Kit/DataDisplay/Tree/index.js +5 -5
  20. package/dist/Kit/DataDisplay/index.d.ts +0 -2
  21. package/dist/Kit/DataDisplay/index.js +24 -27
  22. package/dist/Kit/DataEntry/AutoComplete/index.d.ts +2 -2
  23. package/dist/Kit/DataEntry/AutoComplete/index.js +11 -11
  24. package/dist/Kit/DataEntry/Checkbox/Checkbox.d.ts +2 -2
  25. package/dist/Kit/DataEntry/Checkbox/Group.d.ts +2 -3
  26. package/dist/Kit/DataEntry/Checkbox/index.js +14 -14
  27. package/dist/Kit/DataEntry/ColorPicker/index.js +6 -6
  28. package/dist/Kit/DataEntry/DatePicker/DatePicker.d.ts +2 -2
  29. package/dist/Kit/DataEntry/DatePicker/RangePicker.d.ts +4 -4
  30. package/dist/Kit/DataEntry/DatePicker/index.js +19 -19
  31. package/dist/Kit/DataEntry/DatePicker/types.d.ts +2 -0
  32. package/dist/Kit/DataEntry/Input/Input.d.ts +2 -2
  33. package/dist/Kit/DataEntry/Input/Password.d.ts +2 -2
  34. package/dist/Kit/DataEntry/Input/TextArea.d.ts +2 -2
  35. package/dist/Kit/DataEntry/Input/index.js +29 -24
  36. package/dist/Kit/DataEntry/Input/types.d.ts +2 -0
  37. package/dist/Kit/DataEntry/InputNumber/index.d.ts +2 -2
  38. package/dist/Kit/DataEntry/InputNumber/index.js +3 -3
  39. package/dist/Kit/DataEntry/InputWrapper/index.js +1 -1
  40. package/dist/Kit/DataEntry/Radio/Group.d.ts +2 -2
  41. package/dist/Kit/DataEntry/Radio/Radio.d.ts +2 -2
  42. package/dist/Kit/DataEntry/Radio/index.js +12 -12
  43. package/dist/Kit/DataEntry/Rate/index.d.ts +2 -2
  44. package/dist/Kit/DataEntry/Rate/index.js +2 -2
  45. package/dist/Kit/DataEntry/Select/index.js +3 -4
  46. package/dist/Kit/DataEntry/Select/renders.d.ts +6 -4
  47. package/dist/Kit/DataEntry/Select/types.d.ts +5 -1
  48. package/dist/Kit/DataEntry/Slider/index.d.ts +2 -2
  49. package/dist/Kit/DataEntry/Slider/index.js +9 -9
  50. package/dist/Kit/DataEntry/Switch/index.d.ts +2 -2
  51. package/dist/Kit/DataEntry/Switch/index.js +9 -9
  52. package/dist/Kit/DataEntry/Upload/Upload.d.ts +2 -2
  53. package/dist/Kit/DataEntry/Upload/index.js +8 -8
  54. package/dist/Kit/DataEntry/index.js +2 -2
  55. package/dist/Kit/Feedback/Alert/index.js +7 -7
  56. package/dist/Kit/Feedback/Loader/index.d.ts +3 -0
  57. package/dist/Kit/Feedback/Loader/index.js +18 -0
  58. package/dist/Kit/Feedback/Loader/types.d.ts +8 -0
  59. package/dist/Kit/Feedback/Modal/index.js +9 -9
  60. package/dist/Kit/Feedback/Notification/index.js +1 -1
  61. package/dist/Kit/Feedback/Notification/notification-provider.d.ts +2 -2
  62. package/dist/Kit/Feedback/Progress/index.js +1 -1
  63. package/dist/Kit/Feedback/SnackBar/index.js +9 -9
  64. package/dist/Kit/Feedback/index.d.ts +1 -0
  65. package/dist/Kit/Feedback/index.js +10 -8
  66. package/dist/Kit/General/Button/index.js +10 -10
  67. package/dist/Kit/General/Icon/index.js +8 -8
  68. package/dist/Kit/General/Typography/Link.d.ts +2 -2
  69. package/dist/Kit/General/Typography/Paragraph.d.ts +2 -2
  70. package/dist/Kit/General/Typography/Text.d.ts +2 -2
  71. package/dist/Kit/General/Typography/Title.d.ts +2 -2
  72. package/dist/Kit/General/Typography/index.js +41 -50
  73. package/dist/Kit/Layout/Divider/index.js +9 -10
  74. package/dist/Kit/Layout/Divider/types.d.ts +0 -4
  75. package/dist/Kit/Layout/Section/index.js +8 -8
  76. package/dist/Kit/Navigation/Breadcrumb/index.js +9 -9
  77. package/dist/Kit/Navigation/Header/index.js +1 -1
  78. package/dist/Kit/Navigation/Header/types.d.ts +2 -1
  79. package/dist/Kit/Navigation/Menu/index.js +1 -1
  80. package/dist/Kit/Navigation/PageHeader/index.js +2 -2
  81. package/dist/Kit/Navigation/Pagination/index.d.ts +1 -1
  82. package/dist/Kit/Navigation/Pagination/index.js +1 -1
  83. package/dist/Kit/Navigation/SideMenu/index.js +1 -1
  84. package/dist/Kit/Navigation/Steps/index.js +6 -6
  85. package/dist/Kit/Navigation/index.js +1 -1
  86. package/dist/Kit/index.d.ts +2 -2
  87. package/dist/Kit/index.js +146 -147
  88. package/dist/assets/Avatar.css +1 -1
  89. package/dist/assets/InputWrapper.css +1 -1
  90. package/dist/assets/KitNotification.css +1 -1
  91. package/dist/assets/index.css +1 -1
  92. package/dist/assets/index10.css +1 -1
  93. package/dist/assets/index11.css +1 -1
  94. package/dist/assets/index12.css +1 -1
  95. package/dist/assets/index13.css +1 -1
  96. package/dist/assets/index14.css +1 -1
  97. package/dist/assets/index15.css +1 -1
  98. package/dist/assets/index16.css +1 -1
  99. package/dist/assets/index17.css +1 -1
  100. package/dist/assets/index18.css +1 -1
  101. package/dist/assets/index19.css +1 -1
  102. package/dist/assets/index20.css +1 -1
  103. package/dist/assets/index21.css +1 -1
  104. package/dist/assets/index22.css +1 -1
  105. package/dist/assets/index23.css +1 -1
  106. package/dist/assets/index24.css +1 -1
  107. package/dist/assets/index25.css +1 -1
  108. package/dist/assets/index26.css +1 -1
  109. package/dist/assets/index27.css +1 -1
  110. package/dist/assets/index28.css +1 -1
  111. package/dist/assets/index29.css +1 -1
  112. package/dist/assets/index3.css +1 -1
  113. package/dist/assets/index31.css +1 -1
  114. package/dist/assets/index32.css +1 -1
  115. package/dist/assets/index4.css +1 -1
  116. package/dist/assets/index5.css +1 -1
  117. package/dist/assets/index6.css +1 -1
  118. package/dist/assets/index7.css +1 -1
  119. package/dist/assets/index8.css +1 -1
  120. package/dist/assets/index9.css +1 -1
  121. package/dist/assets/styles.css +1 -1
  122. package/dist/assets/styles2.css +1 -1
  123. package/dist/chunks/Avatar.icARSD26.js +30 -0
  124. package/dist/chunks/InputWrapper.OOEt7qkE.js +26 -0
  125. package/dist/chunks/{KitNotification.eFNdYjE1.js → KitNotification.YKY0mq-u.js} +5 -5
  126. package/dist/chunks/index.ha6Z2LZ5.js +501 -0
  127. package/dist/chunks/notification-provider.EgQZHEbE.js +74 -0
  128. package/dist/chunks/styles.module.Q_QQjQdX.js +8 -0
  129. package/dist/chunks/{styles.module.x1Oajwjm.js → styles.module.XgQ5x7Pq.js} +1 -1
  130. package/dist/index.es.js +155 -156
  131. package/dist/index.umd.js +7 -7
  132. package/dist/theme/aristid/components/Layout/Divider/index.js +1 -2
  133. package/dist/theme/aristid/general/colors/index.js +101 -149
  134. package/dist/theme/aristid/general/index.js +5 -3
  135. package/dist/theme/aristid/general/utilities/index.d.ts +3 -0
  136. package/dist/theme/aristid/general/utilities/index.js +107 -0
  137. package/dist/theme/types/components/Feedback/Loader/index.d.ts +34 -0
  138. package/dist/theme/types/components/Layout/Divider/index.d.ts +0 -2
  139. package/dist/theme/types/general/colors/index.d.ts +92 -196
  140. package/dist/theme/types/index.d.ts +4 -4
  141. package/dist/theme/types/utilities/index.d.ts +249 -0
  142. package/dist/theme/utils/testTokens.d.ts +31 -150
  143. package/dist/theme/utils/tokens-mapper/DataDisplay/Badge/index.d.ts +1 -0
  144. package/dist/theme/utils/tokens-mapper/DataDisplay/Badge/index.js +8 -7
  145. package/dist/theme/utils/tokens-mapper/DataDisplay/Collapse/index.d.ts +0 -1
  146. package/dist/theme/utils/tokens-mapper/DataDisplay/Collapse/index.js +4 -5
  147. package/dist/theme/utils/tokens-mapper/DataDisplay/Table/index.d.ts +0 -1
  148. package/dist/theme/utils/tokens-mapper/DataDisplay/Table/index.js +3 -5
  149. package/dist/theme/utils/tokens-mapper/DataDisplay/Tabs/index.js +8 -8
  150. package/dist/theme/utils/tokens-mapper/DataDisplay/Tooltip/index.js +8 -8
  151. package/dist/theme/utils/tokens-mapper/DataDisplay/Tree/index.d.ts +0 -1
  152. package/dist/theme/utils/tokens-mapper/DataDisplay/Tree/index.js +6 -8
  153. package/dist/theme/utils/tokens-mapper/DataEntry/Checkbox/index.js +8 -8
  154. package/dist/theme/utils/tokens-mapper/DataEntry/ColorPicker/index.d.ts +0 -2
  155. package/dist/theme/utils/tokens-mapper/DataEntry/ColorPicker/index.js +9 -11
  156. package/dist/theme/utils/tokens-mapper/DataEntry/DatePicker/index.js +16 -16
  157. package/dist/theme/utils/tokens-mapper/DataEntry/Form/index.js +2 -2
  158. package/dist/theme/utils/tokens-mapper/DataEntry/Input/index.js +10 -10
  159. package/dist/theme/utils/tokens-mapper/DataEntry/InputNumber/index.js +12 -12
  160. package/dist/theme/utils/tokens-mapper/DataEntry/Rate/index.js +1 -1
  161. package/dist/theme/utils/tokens-mapper/DataEntry/Select/index.js +6 -6
  162. package/dist/theme/utils/tokens-mapper/DataEntry/Slider/index.js +9 -9
  163. package/dist/theme/utils/tokens-mapper/Feedback/Alert/index.js +14 -14
  164. package/dist/theme/utils/tokens-mapper/Feedback/Progress/index.js +5 -5
  165. package/dist/theme/utils/tokens-mapper/Layout/Divider/index.d.ts +0 -1
  166. package/dist/theme/utils/tokens-mapper/Layout/Divider/index.js +7 -8
  167. package/dist/theme/utils/tokens-mapper/Navigation/Pagination/index.js +13 -13
  168. package/dist/theme/utils/tokens-mapper/Navigation/Steps/index.js +11 -11
  169. package/dist/theme/utils/tokens-mapper/index.js +12 -14
  170. package/dist/translation/en-US/general/index.js +2 -1
  171. package/dist/translation/en-US/index.js +12 -12
  172. package/dist/translation/fr-FR/general/index.js +2 -1
  173. package/dist/translation/fr-FR/index.js +12 -12
  174. package/dist/translation/types/general/index.d.ts +1 -0
  175. package/dist/translation/types/index.d.ts +2 -2
  176. package/dist/utils/functions/index.d.ts +4 -1
  177. package/dist/utils/functions/index.js +50 -37
  178. package/package.json +1 -1
  179. package/dist/Kit/DataDisplay/ItemCard/ColorBar.d.ts +0 -3
  180. package/dist/Kit/DataDisplay/ItemCard/index.d.ts +0 -3
  181. package/dist/Kit/DataDisplay/ItemCard/index.js +0 -26
  182. package/dist/Kit/DataDisplay/ItemCard/types.d.ts +0 -40
  183. package/dist/Kit/DataDisplay/LegacyCard/index.d.ts +0 -3
  184. package/dist/Kit/DataDisplay/LegacyCard/index.js +0 -60
  185. package/dist/Kit/DataDisplay/LegacyCard/types.d.ts +0 -31
  186. package/dist/chunks/Avatar.VZkvLuLD.js +0 -30
  187. package/dist/chunks/InputWrapper.NQtlTzQk.js +0 -26
  188. package/dist/chunks/index.tMktkiEu.js +0 -570
  189. package/dist/chunks/notification-provider.pUKOxZw6.js +0 -74
  190. package/dist/chunks/styles.module.tkXR5gsa.js +0 -8
  191. package/dist/theme/aristid/components/DataDisplay/ItemCard/index.d.ts +0 -2
  192. package/dist/theme/aristid/components/DataDisplay/ItemCard/index.js +0 -106
  193. package/dist/theme/aristid/components/DataDisplay/LegacyCard/index.d.ts +0 -2
  194. package/dist/theme/aristid/components/DataDisplay/LegacyCard/index.js +0 -26
  195. package/dist/theme/types/components/DataDisplay/ItemCard/index.d.ts +0 -313
  196. package/dist/theme/types/components/DataDisplay/LegacyCard/index.d.ts +0 -251
  197. package/dist/theme/utils/tokens-mapper/DataEntry/Tag/index.d.ts +0 -5
  198. package/dist/theme/utils/tokens-mapper/DataEntry/Tag/index.js +0 -11
  199. package/dist/translation/en-US/components/DataDisplay/ItemCard/index.d.ts +0 -2
  200. package/dist/translation/en-US/components/DataDisplay/ItemCard/index.js +0 -8
  201. package/dist/translation/fr-FR/components/DataDisplay/ItemCard/index.d.ts +0 -2
  202. package/dist/translation/fr-FR/components/DataDisplay/ItemCard/index.js +0 -8
  203. package/dist/translation/types/components/DataDisplay/ItemCard/index.d.ts +0 -4
package/CHANGELOG.md CHANGED
@@ -1,326 +1,434 @@
1
1
  # Changelog
2
2
 
3
+ ## [X.X.X](https://www.npmjs.com/package/aristid-ds/v/X.X.X) (2024-XX-XX)
4
+
5
+ ### ✨ Features
6
+
7
+ - **⚠️ Breaking change - Tag:**
8
+
9
+ - Remove properties `color` and `secondaryColorInvert` (@philippechevieux)
10
+ - Add the following properties: (@philippechevieux)
11
+ - `type` _To manage Tag render_
12
+ - `idCardProps` _To set Tag content_
13
+ - `disabled`
14
+ - `onClick`
15
+ - Add the following properties for `KitTagGroup` (@philippechevieux)
16
+ - `othersTagType`
17
+ - `othersTagDisabled`
18
+ - > If you use Tag's, you must define its content using the `idCardProps` property.
19
+ > Also if you use `Select` with `idCard` property please use `description` instead of `title`.
20
+
21
+ - **⚠️ Breaking change - Divider:**
22
+ - Remove property `color` and update default color (@philippechevieux)
23
+ - **⚠️ Breaking change - ItemCard:**
24
+ - Remove deprecated `KitItemCard` component (@philippechevieux)
25
+ - **⚠️ Breaking change - LegacyCard:**
26
+ - Remove deprecated `KitLegacyCard` component (@philippechevieux)
27
+ - **Input**:
28
+ - adding new prop `readonly` (@fatb38)
29
+ - **InputWrapper**:
30
+ - update info icon (@fatb38)
31
+ - adding warning and error icon (@fatb38)
32
+ - adding ellipsis for too long helper label (@fatb38)
33
+ - **TextArea**:
34
+ - adding new prop `readonly` (@fatb38)
35
+ - **Select**:
36
+ - adding new prop `readonly` (@fatb38)
37
+ - **Loader**:
38
+ - add new `Loader`component (@evoiron)
39
+
40
+ ### 🐛 Bug Fixes
41
+
42
+ - **SideMenu**:
43
+ - fix gap between items (@evoiron)
44
+ - **InputWrapper**:
45
+ - fix wrong button for infoIcon (@fatb38)
46
+ - fix gap between label, infoIcon and actions (@fatb38)
47
+
48
+ ### 🎨 Theming
49
+
50
+ - **⚠️ Breaking change - Update tokens and css variables:**
51
+
52
+ - Remove the following colors: (@philippechevieux)
53
+ - `neutral.typography`
54
+ - `neutral.background`
55
+ - `neutral.black60`
56
+ - Move `secondary.mediumGrey` into `neutral.grey` (@philippechevieux)
57
+ - Remove `secondary.mediumGrey` (@philippechevieux)
58
+ - Rename `secondary.orange` as `secondary.warning` (@philippechevieux)
59
+ - Rename `secondary.red` as `secondary.error` (@philippechevieux)
60
+ - Rename `secondary.green` as `secondary.success` (@philippechevieux)
61
+ - Move `secondary.yellow` into `tertiary.yellow` (@philippechevieux)
62
+ - Move `secondary.pink` into `tertiary.pink` (@philippechevieux)
63
+ - Add new tokens and css variables in `utilities` (@philippechevieux)
64
+
65
+ > If you use tokens or css variables in your application, we strongly recommend that you update them and prefer to use utilities.
66
+
3
67
  ## [7.2.0](https://www.npmjs.com/package/aristid-ds/v/7.2.0) (2024-06-25)
68
+
4
69
  ### 🐛 Bug Fixes
5
- * **ItemList**:
6
- * fix border (@evoiron)
7
- * **Input**:
8
- * fix `required`prop not passed to input element
9
- * enabled `type`property
10
- * **Select**:
11
- * fix select not closing automatically when selecting value in simple mode
70
+
71
+ - **ItemList**:
72
+ - fix border (@evoiron)
73
+ - **Input**:
74
+ - fix `required`prop not passed to input element
75
+ - enabled `type`property
76
+ - **Select**:
77
+ - fix select not closing automatically when selecting value in simple mode
12
78
 
13
79
  ## [7.1.0](https://www.npmjs.com/package/aristid-ds/v/7.1.0) (2024-06-14)
80
+
14
81
  ### 🐛 Bug Fixes
15
- * **Table:**
16
- * fix last children rows indentaion of first data column (@evoiron)
17
- * fix last row bottom truncated when its not a filrst level row (@evoiron)
18
- * **ItemList et Card**:
19
- * add `disabled`to actions (@evoiron)
82
+
83
+ - **Table:**
84
+ - fix last children rows indentaion of first data column (@evoiron)
85
+ - fix last row bottom truncated when its not a filrst level row (@evoiron)
86
+ - **ItemList et Card**:
87
+ - add `disabled`to actions (@evoiron)
20
88
 
21
89
  ## [7.0.0](https://www.npmjs.com/package/aristid-ds/v/X7.0.0) (2024-06-12)
90
+
22
91
  ### 🐛 Bug Fixes
23
- * **SideMenu:**
24
- * fix css strange behavior (@evoiron)
25
- * expose `complement`prop to SideMenuItem (@evoiron)
92
+
93
+ - **SideMenu:**
94
+ - fix css strange behavior (@evoiron)
95
+ - expose `complement`prop to SideMenuItem (@evoiron)
96
+
26
97
  ### ✨ Features
27
- * **Table:**
28
- * Handle tree data and expandable rows (@renaudamsellem /@philippechevieux)
98
+
99
+ - **Table:**
100
+ - Handle tree data and expandable rows (@renaudamsellem /@philippechevieux)
29
101
 
30
102
  ## [6.0.0](https://www.npmjs.com/package/aristid-ds/v/6.0.0) (2024-06-05)
103
+
31
104
  ### ✨ Features
32
- * **SideMenu:**
33
- * Add `SideMenu` component (@evoiron)
105
+
106
+ - **SideMenu:**
107
+ - Add `SideMenu` component (@evoiron)
108
+
34
109
  ### 🐛 Bug Fixes
35
- * **Collapse:**
36
- * Fix border width (@evoiron)
37
- * **Avatar:**
38
- * Fix background color for transparent images, and add box shadow to avatar group (@evoiron)
39
- * **Modal:**
40
- * Fix modal width bug (@evoiron)
41
- * Allow multiline text in modal (@evoiron)
110
+
111
+ - **Collapse:**
112
+ - Fix border width (@evoiron)
113
+ - **Avatar:**
114
+ - Fix background color for transparent images, and add box shadow to avatar group (@evoiron)
115
+ - **Modal:**
116
+ - Fix modal width bug (@evoiron)
117
+ - Allow multiline text in modal (@evoiron)
42
118
 
43
119
  ## [5.1.0](https://www.npmjs.com/package/aristid-ds/v/5.1.0) (2024-05-24)
120
+
44
121
  ### 🐛 Bug Fixes
45
- * **Button, Icon, ItemMenu:**
46
- * Fix bug in useSecureClick causing onClick not called in some cases (@evoiron)
122
+
123
+ - **Button, Icon, ItemMenu:**
124
+ - Fix bug in useSecureClick causing onClick not called in some cases (@evoiron)
47
125
 
48
126
  ## [5.0.0](https://www.npmjs.com/package/aristid-ds/v/5.0.0) (2024-04-24)
127
+
49
128
  ### ✨ Features
50
- * **ItemList:**
51
- * Add `disabled`property (@Delmotte-Vincent)
52
- * Add highlight style on component `focus` (@Delmotte-Vincent)
53
- * **⚠️ Breaking change - IdCard:**
54
- * Change `avatar` property to `avatarProps`. `avatarProps` are `KitAvatar`'s props. (@Delmotte-Vincent)
55
- * Add `disabled`property (@Delmotte-Vincent)
56
- * **Avatar:**
57
- * Add `disabled` property (@Delmotte-Vincent)
58
- * **Avatar.Group:**
59
- * Add `disabled` property (@Delmotte-Vincent)
60
- * **Header.Profile:**
61
- * Add `alt` property (@philippechevieux)
62
- * **Error:**
63
- * Add a new component `KitError` to manage error page (@P0ppoff)
64
- * **Table:**
65
- * Add a new component `Table` to display a collection of structured data (@philippechevieux)
129
+
130
+ - **ItemList:**
131
+ - Add `disabled`property (@Delmotte-Vincent)
132
+ - Add highlight style on component `focus` (@Delmotte-Vincent)
133
+ - **⚠️ Breaking change - IdCard:**
134
+ - Change `avatar` property to `avatarProps`. `avatarProps` are `KitAvatar`'s props. (@Delmotte-Vincent)
135
+ - Add `disabled`property (@Delmotte-Vincent)
136
+ - **Avatar:**
137
+ - Add `disabled` property (@Delmotte-Vincent)
138
+ - **Avatar.Group:**
139
+ - Add `disabled` property (@Delmotte-Vincent)
140
+ - **Header.Profile:**
141
+ - Add `alt` property (@philippechevieux)
142
+ - **Error:**
143
+ - Add a new component `KitError` to manage error page (@P0ppoff)
144
+ - **Table:**
145
+ - Add a new component `Table` to display a collection of structured data (@philippechevieux)
66
146
 
67
147
  ### 🐛 Bug Fixes
68
- * **Select:**
69
- * Fix Select displaying option value instead of label when setting value prop (@evoiron / @renaudamsellem / @TdyP)
70
- * **Avatar:**
71
- * Fix incorrect digram when label contains accented characters (@evoiron)
72
- * **Empty:**
73
- * Removing console errors on svg attributes (kebab-case instead of camelCase) (@fatb38)
148
+
149
+ - **Select:**
150
+ - Fix Select displaying option value instead of label when setting value prop (@evoiron / @renaudamsellem / @TdyP)
151
+ - **Avatar:**
152
+ - Fix incorrect digram when label contains accented characters (@evoiron)
153
+ - **Empty:**
154
+ - Removing console errors on svg attributes (kebab-case instead of camelCase) (@fatb38)
74
155
 
75
156
  ### 📚 Documentation
76
- * Add an example for searching with a Select (@philippechevieux)
157
+
158
+ - Add an example for searching with a Select (@philippechevieux)
77
159
 
78
160
  ## [4.0.0](https://www.npmjs.com/package/aristid-ds/v/4.0.0) (2024-03-28)
161
+
79
162
  ### ✨ Features
80
- * **Select:**
81
- * Add `idCard` property to option to display a `KitIdCard` instead of the label (@philippechevieux)
82
- * **Avatar:**
83
- * Add a new property `imageFit` to change how image will fit (@philippechevieux)
163
+
164
+ - **Select:**
165
+ - Add `idCard` property to option to display a `KitIdCard` instead of the label (@philippechevieux)
166
+ - **Avatar:**
167
+ - Add a new property `imageFit` to change how image will fit (@philippechevieux)
84
168
 
85
169
  ### 🐛 Bug Fixes
86
- * **IdCard:**
87
- * Add default ellipsis to `title` and `description` (@philippechevieux)
88
- * Add missing exports for `useKitLocale`, `KitEmpty`, `KitIdCard`, `KitInputWrapper` and `KitSection` (@philippechevieux)
89
- * **DatePicker / RangePicker:**
90
- * Fix calendar icon disapearing on hover when a default value is set (@evoiron)
91
- * **⚠️ Breaking change - ItemList:**
92
- * Refactor ItemList (@P0ppoff / @Delmotte-Vincent / @renaudamsellem / @philippechevieux)
93
- * **Modal:**
94
- * Remove use of getComputedStyle which can be time consuming in tests (@evoiron)
170
+
171
+ - **IdCard:**
172
+ - Add default ellipsis to `title` and `description` (@philippechevieux)
173
+ - Add missing exports for `useKitLocale`, `KitEmpty`, `KitIdCard`, `KitInputWrapper` and `KitSection` (@philippechevieux)
174
+ - **DatePicker / RangePicker:**
175
+ - Fix calendar icon disapearing on hover when a default value is set (@evoiron)
176
+ - **⚠️ Breaking change - ItemList:**
177
+ - Refactor ItemList (@P0ppoff / @Delmotte-Vincent / @renaudamsellem / @philippechevieux)
178
+ - **Modal:**
179
+ - Remove use of getComputedStyle which can be time consuming in tests (@evoiron)
95
180
 
96
181
  ## [3.0.0](https://www.npmjs.com/package/aristid-ds/v/3.0.0) (2024-03-15)
182
+
97
183
  ### ✨ Features
98
- * **Empty:**
99
- * Add a new component `KitEmpty` (@philippechevieux)
100
- * **IdCard:**
101
- * Add a new component `KitIdCard` (@philippechevieux)
102
- * **Avatar:**
103
- * Add `label` property to retrieve avatar initials from (@philippechevieux)
104
- * Add `initialsMaxChars` property to set the number of initials (@philippechevieux)
105
- * **⚠️ Breaking change - Header:**
106
- * Existing `Header` is renamed to `PageHeader` (@TdyP)
107
- * `Header` component is now a totally new component (@TdyP, @evoiron)
184
+
185
+ - **Empty:**
186
+ - Add a new component `KitEmpty` (@philippechevieux)
187
+ - **IdCard:**
188
+ - Add a new component `KitIdCard` (@philippechevieux)
189
+ - **Avatar:**
190
+ - Add `label` property to retrieve avatar initials from (@philippechevieux)
191
+ - Add `initialsMaxChars` property to set the number of initials (@philippechevieux)
192
+ - **⚠️ Breaking change - Header:**
193
+ - Existing `Header` is renamed to `PageHeader` (@TdyP)
194
+ - `Header` component is now a totally new component (@TdyP, @evoiron)
108
195
 
109
196
  ### 🐛 Bug Fixes
110
- * **Button:**
111
- * Add missing property `form` to `KitButton` (@evoiron)
112
- * Add missing property `htmlType` to `KitButton` (@philippechevieux)
113
- * **Build:**
114
- * Build as EsModule and commonjs module (@evoiron)
197
+
198
+ - **Button:**
199
+ - Add missing property `form` to `KitButton` (@evoiron)
200
+ - Add missing property `htmlType` to `KitButton` (@philippechevieux)
201
+ - **Build:**
202
+ - Build as EsModule and commonjs module (@evoiron)
115
203
 
116
204
  ## [2.0.0](https://www.npmjs.com/package/aristid-ds/v/2.0.0) (2024-03-06)
205
+
117
206
  ### ✨ Features
118
- * **⚠️ Breaking change - Modal:** (@evoiron)
119
- * update Modal Design
120
- * update confirmModal Options:
121
- * remove `secondLine` property
122
- * rename `firstLine` to `content`
123
- * add `dangerConfirm` property to show Cta Button as danger look n' feel,
124
- * add `showCloseIcon` to display top tight button for closing
125
- * **Section:** (@Delmotte-Vincent)
126
- * Add new component Section
127
- * **Typography:**
128
- * update default typography color (@evoiron)
129
- * **InputWrapper:**
130
- * Add 4 properties: (@evoiron)
131
- * `required`: show a red asterisk right after the label
132
- * `actions`: an array of items to display at the right of the label
133
- * `onInfoClick`: When set, display a clickable info icon which triggers this event
134
- * `infoIcon`: customise the infoIcon displayed
135
- * These components now accept the 4 properties above: (@evoiron)
136
- * `AutoComplete`, `Checkbox.Group`, `Radio.Group`, `ColorPicker`, `DatePicker`, `RangePicker`, `Input`, `InputNumber`, `Select`
137
- * **ItemList**
138
- * Add `draggable` property showing an icon that indicates the item is draggable (@fatb38)
139
- * **Tabs:**
140
- * Add `hideSeparator` prop to hide separator between tabs and content (@P0ppoff)
141
- * (Style) Allow tabs center on extraContent (@P0ppoff)
142
- * (Style) Reduce space between tabs and separator (@P0ppoff)
207
+
208
+ - **⚠️ Breaking change - Modal:** (@evoiron)
209
+ - update Modal Design
210
+ - update confirmModal Options:
211
+ - remove `secondLine` property
212
+ - rename `firstLine` to `content`
213
+ - add `dangerConfirm` property to show Cta Button as danger look n' feel,
214
+ - add `showCloseIcon` to display top tight button for closing
215
+ - **Section:** (@Delmotte-Vincent)
216
+ - Add new component Section
217
+ - **Typography:**
218
+ - update default typography color (@evoiron)
219
+ - **InputWrapper:**
220
+ - Add 4 properties: (@evoiron)
221
+ - `required`: show a red asterisk right after the label
222
+ - `actions`: an array of items to display at the right of the label
223
+ - `onInfoClick`: When set, display a clickable info icon which triggers this event
224
+ - `infoIcon`: customise the infoIcon displayed
225
+ - These components now accept the 4 properties above: (@evoiron)
226
+ - `AutoComplete`, `Checkbox.Group`, `Radio.Group`, `ColorPicker`, `DatePicker`, `RangePicker`, `Input`, `InputNumber`, `Select`
227
+ - **ItemList**
228
+ - Add `draggable` property showing an icon that indicates the item is draggable (@fatb38)
229
+ - **Tabs:**
230
+ - Add `hideSeparator` prop to hide separator between tabs and content (@P0ppoff)
231
+ - (Style) Allow tabs center on extraContent (@P0ppoff)
232
+ - (Style) Reduce space between tabs and separator (@P0ppoff)
143
233
 
144
234
  ### 🐛 Bug Fixes
145
- * **Package**: include typescript definitions for each component in built package (@evoiron)
146
- * **Select:**
147
- * Fix default border color (@philippechevieux)
148
- * **Badge:**
149
- * Fix custom className bug (@evoiron)
150
- * **Input:**
151
- * Update color of content, label, placeholder and clear icon (@TdyP)
152
- * Add aria-label on clear icon to improve testability (@TdyP)
153
- * **InputNumber:**
154
- * Update color of content, label, placeholder and clear icon (@TdyP)
155
- * **ColorPicker:**
156
- * Update color of content, label and placeholder (@TdyP)
157
- * **DatePicker:**
158
- * Update color of content, label and placeholder (@TdyP)
235
+
236
+ - **Package**: include typescript definitions for each component in built package (@evoiron)
237
+ - **Select:**
238
+ - Fix default border color (@philippechevieux)
239
+ - **Badge:**
240
+ - Fix custom className bug (@evoiron)
241
+ - **Input:**
242
+ - Update color of content, label, placeholder and clear icon (@TdyP)
243
+ - Add aria-label on clear icon to improve testability (@TdyP)
244
+ - **InputNumber:**
245
+ - Update color of content, label, placeholder and clear icon (@TdyP)
246
+ - **ColorPicker:**
247
+ - Update color of content, label and placeholder (@TdyP)
248
+ - **DatePicker:**
249
+ - Update color of content, label and placeholder (@TdyP)
159
250
 
160
251
  ## [1.1.0](https://www.npmjs.com/package/aristid-ds/v/1.1.0) (2024-02-28)
161
252
 
162
253
  ### ✨ Features
163
- * **Nightly build:**
164
- * publish a nightly version of the package under `next`. (@evoiron)
254
+
255
+ - **Nightly build:**
256
+ - publish a nightly version of the package under `next`. (@evoiron)
165
257
 
166
258
  ### 🐛 Bug Fixes
167
- * **AutoComplete:**
168
- * Fix crashing release (@evoiron)
169
259
 
170
- * **AutoComplete:**
171
- * Fix dropdown border when focused or when a status is set (@philippechevieux)
260
+ - **AutoComplete:**
261
+
262
+ - Fix crashing release (@evoiron)
263
+
264
+ - **AutoComplete:**
172
265
 
173
- * **Select:**
174
- * Fix dropdown border when focused or when a status is set (@philippechevieux)
175
- * Fix dropdown border on click on arrow (@renaudamsellem)
266
+ - Fix dropdown border when focused or when a status is set (@philippechevieux)
176
267
 
177
- * **InputWrapper:**
178
- * Fix border default color (@philippechevieux)
268
+ - **Select:**
269
+
270
+ - Fix dropdown border when focused or when a status is set (@philippechevieux)
271
+ - Fix dropdown border on click on arrow (@renaudamsellem)
272
+
273
+ - **InputWrapper:**
274
+ - Fix border default color (@philippechevieux)
179
275
 
180
276
  ## [1.0.1](https://www.npmjs.com/package/aristid-ds/v/1.0.1) (2024-02-26)
277
+
181
278
  ### 🐛 Bug Fixes
182
- * **Typography:**
183
- * fix css error leading to application crash
279
+
280
+ - **Typography:**
281
+ - fix css error leading to application crash
184
282
 
185
283
  ## [1.0.0](https://www.npmjs.com/package/aristid-ds/v/1.0.0) (2024-02-02)
186
- * **⚠️ Breaking change - Button:** (@evoiron)
187
- * update color Management
188
- * remove design tokens
189
- * remove some props : `href`, `target`, `wrapperClassName`, `wrapperStyle`, `textColor`
190
- * rename props:
191
- * `segmentedColor` is now `color`
192
- * `segmentedactived` is now `active`
193
- * `segmentedChecked` is now `checked`
194
- * modify button types:
195
- * add `tertiary` type
196
- * remove `link` type
284
+
285
+ - **⚠️ Breaking change - Button:** (@evoiron)
286
+ - update color Management
287
+ - remove design tokens
288
+ - remove some props : `href`, `target`, `wrapperClassName`, `wrapperStyle`, `textColor`
289
+ - rename props:
290
+ - `segmentedColor` is now `color`
291
+ - `segmentedactived` is now `active`
292
+ - `segmentedChecked` is now `checked`
293
+ - modify button types:
294
+ - add `tertiary` type
295
+ - remove `link` type
197
296
 
198
297
  ### ✨ Features
199
- * **Typography:**
200
- * Add `color` prop to set color on each typography elements (@evoiron)
201
298
 
202
- * **Breadcrumb:**
203
- * change `breadcrumb` design (@Delmotte-Vincent)
204
- * add `icon` props in `breadcrumb` items (@Delmotte-Vincent)
299
+ - **Typography:**
300
+
301
+ - Add `color` prop to set color on each typography elements (@evoiron)
302
+
303
+ - **Breadcrumb:**
304
+ - change `breadcrumb` design (@Delmotte-Vincent)
305
+ - add `icon` props in `breadcrumb` items (@Delmotte-Vincent)
205
306
 
206
307
  ## [0.13.0](https://www.npmjs.com/package/aristid-ds/v/0.13.0) (2024-02-16)
207
308
 
208
309
  ### 🐛 Bug Fixes
209
- * remove styled-components for improved performances. All Components impacted (@evoiron)
210
- * upgrade Ant to versin 5.14.1 (@evoiron)
211
310
 
311
+ - remove styled-components for improved performances. All Components impacted (@evoiron)
312
+ - upgrade Ant to versin 5.14.1 (@evoiron)
212
313
 
213
314
  ## [0.12.0](https://www.npmjs.com/package/aristid-ds/v/0.12.0) (2024-02-02)
214
315
 
215
316
  ### ✨ Features
216
- * **Modal:**
217
- * Add `fullscreen`option (@evoiron)
218
317
 
219
- * **⚠️ Breaking change - ItemList**
220
- * Add `selected` props to display a colored border (@Delmotte-Vincent)
221
- * Rename `onSelectChange` by `onSelect` (@Delmotte-Vincent)
318
+ - **Modal:**
319
+
320
+ - Add `fullscreen`option (@evoiron)
321
+
322
+ - **⚠️ Breaking change - ItemList**
323
+ - Add `selected` props to display a colored border (@Delmotte-Vincent)
324
+ - Rename `onSelectChange` by `onSelect` (@Delmotte-Vincent)
222
325
 
223
326
  ### 🐛 Bug Fixes
224
- * A build option was removed by error
225
- * **Select**
226
- * Remove unused props `suffixIcon` and adapt the documentation (@Delmotte-Vincent)
227
- * Add focus state on select dropdown (@Delmotte-Vincent)
228
- * Fix Ellipsed tag on select (@Delmotte-Vincent)
229
- * **Storybook**
230
- * fix a visual bug on storybook caused by an addon (@evoiron)
327
+
328
+ - A build option was removed by error
329
+ - **Select**
330
+ - Remove unused props `suffixIcon` and adapt the documentation (@Delmotte-Vincent)
331
+ - Add focus state on select dropdown (@Delmotte-Vincent)
332
+ - Fix Ellipsed tag on select (@Delmotte-Vincent)
333
+ - **Storybook**
334
+ - fix a visual bug on storybook caused by an addon (@evoiron)
231
335
 
232
336
  ### 📚 Documentation
233
- * New documentation page to list available design tokens (@evoiron)
234
- * Display each design token corresponding css variable (@evoiron)
235
- * Display package version number on the top right corner of Storybook (@philippechevieux)
337
+
338
+ - New documentation page to list available design tokens (@evoiron)
339
+ - Display each design token corresponding css variable (@evoiron)
340
+ - Display package version number on the top right corner of Storybook (@philippechevieux)
236
341
 
237
342
  ## [0.11.0](https://www.npmjs.com/package/aristid-ds/v/0.11.0) (2024-01-24)
343
+
238
344
  ### ✨ Features
239
- * **Notification:**
240
- * Add `KitNotification` component usable without using `useKitNotification` hook (@evoiron)
345
+
346
+ - **Notification:**
347
+ - Add `KitNotification` component usable without using `useKitNotification` hook (@evoiron)
241
348
 
242
349
  ### 🐛 Bug Fixes
243
350
 
244
- * Fix warning at build time about potential cycling dependencies (@evoiron)
245
- * Remove deprecated package `react-uuid` (@evoiron)
246
- * Enable 3 Select options, to allow dynamic filtering of options (@evoiron)
351
+ - Fix warning at build time about potential cycling dependencies (@evoiron)
352
+ - Remove deprecated package `react-uuid` (@evoiron)
353
+ - Enable 3 Select options, to allow dynamic filtering of options (@evoiron)
247
354
 
248
355
  ## [0.10.0](https://www.npmjs.com/package/aristid-ds/v/0.10.0) (2024-01-19)
249
356
 
250
357
  ### ✨ Features
251
- * **⚠️ Breaking change - Card:**
252
- * Update visual render and properties (@Delmotte-Vincent)
253
- * This `Card` aim to replace actual `Card` and `ItemCard`
254
- * **⚠️ Breaking change - Collapse:**
255
- * Update visual render (@philippechevieux)
256
- * Update properties of `KitHeader` and `KitExtraHeader`
257
- * **Notification:**
258
- * Update visual render (@evoiron, @renaudAmsellem)
259
- * **DataEntry components:**
260
- * Update visual render of `hover` and `focus` state for all those components (@evoiron, @renaudAmsellem)
261
- * **Antd components:**
262
- * Export all components of `Ant Design`. Those components are now available in `aristid-ds`, all prefixed by `Ant` (eg `AntLayout`) (@evoiron)
263
- * **Tree shaking:**
264
- * All components are now tree shakable (@evoiron)
358
+
359
+ - **⚠️ Breaking change - Card:**
360
+ - Update visual render and properties (@Delmotte-Vincent)
361
+ - This `Card` aim to replace actual `Card` and `ItemCard`
362
+ - **⚠️ Breaking change - Collapse:**
363
+ - Update visual render (@philippechevieux)
364
+ - Update properties of `KitHeader` and `KitExtraHeader`
365
+ - **Notification:**
366
+ - Update visual render (@evoiron, @renaudAmsellem)
367
+ - **DataEntry components:**
368
+ - Update visual render of `hover` and `focus` state for all those components (@evoiron, @renaudAmsellem)
369
+ - **Antd components:**
370
+ - Export all components of `Ant Design`. Those components are now available in `aristid-ds`, all prefixed by `Ant` (eg `AntLayout`) (@evoiron)
371
+ - **Tree shaking:**
372
+ - All components are now tree shakable (@evoiron)
265
373
 
266
374
  ### 🚨 Tests
267
375
 
268
- * **Chromatic:**
269
- * Reduce number of snapshots (Group set of visual tests) (@fatb38)
376
+ - **Chromatic:**
377
+ - Reduce number of snapshots (Group set of visual tests) (@fatb38)
270
378
 
271
379
  ## [0.9.1](https://www.npmjs.com/package/aristid-ds/v/0.9.1) (2023-12-22)
272
380
 
273
381
  ### 🐛 Bug Fixes
274
382
 
275
- * Fix types issues in `IKitLocale` that was causing build to crash (@fatb38)
383
+ - Fix types issues in `IKitLocale` that was causing build to crash (@fatb38)
276
384
 
277
385
  ## [0.9.0](https://www.npmjs.com/package/aristid-ds/v/0.9.0) (2023-12-22)
278
386
 
279
387
  ### 🎨 Theming
280
388
 
281
- * Improve performance when using multiple `KitApp` component (@Delmotte-Vincent, @evoiron, @fatb38, @philippechevieux)
282
- * Replace `css-in-js` theming variables by `css variables` (@Delmotte-Vincent, @evoiron, @fatb38, @philippechevieux)
389
+ - Improve performance when using multiple `KitApp` component (@Delmotte-Vincent, @evoiron, @fatb38, @philippechevieux)
390
+ - Replace `css-in-js` theming variables by `css variables` (@Delmotte-Vincent, @evoiron, @fatb38, @philippechevieux)
283
391
 
284
392
  ### 🤖 CI
285
393
 
286
- * Add `eslint` to CI pipeline (@evoiron)
287
- * Add a build to CI pipeline (@evoiron)
394
+ - Add `eslint` to CI pipeline (@evoiron)
395
+ - Add a build to CI pipeline (@evoiron)
288
396
 
289
397
  ## [0.8.0](https://www.npmjs.com/package/aristid-ds/v/0.8.0) (2023-11-16)
290
398
 
291
399
  ### 🐛 Bug Fixes
292
400
 
293
- * **Select:**
294
- * Border rendering was not good when the DropDown changed position due to insufficient space (@philippechevieux)
295
- * In some cases, the last Dropdown item was not visible (@philippechevieux)
296
- * **Input:**
297
- * Token `colors.border.hover` was not used (@philippechevieux)
298
- * **Alert:**
299
- * Token `colors.icon.alert.info` was not set with the right value (@philippechevieux)
300
- * **Avatar, Badge, Tag, Rate, Icon:**
301
- * Add a function to check if the color property value is valid instead of type checking. If given value is not valid then component will use its default value (@philippechevieux)
401
+ - **Select:**
402
+ - Border rendering was not good when the DropDown changed position due to insufficient space (@philippechevieux)
403
+ - In some cases, the last Dropdown item was not visible (@philippechevieux)
404
+ - **Input:**
405
+ - Token `colors.border.hover` was not used (@philippechevieux)
406
+ - **Alert:**
407
+ - Token `colors.icon.alert.info` was not set with the right value (@philippechevieux)
408
+ - **Avatar, Badge, Tag, Rate, Icon:**
409
+ - Add a function to check if the color property value is valid instead of type checking. If given value is not valid then component will use its default value (@philippechevieux)
302
410
 
303
411
  ### ✨ Features
304
412
 
305
- * **Input, Password, TextArea, InputNuver, DatePicker, RangePicker, ColorPicker:**
306
- * Add a new property `wrapperClassName` to target component wrapper element (@Delmotte-Vincent)
307
- * **Rate:**
308
- * Update component render (@philippechevieux)
309
- * Remove property `disabledStarTransparency` (@philippechevieux)
310
- * Add optional props `defaultIcon`, `halfIcon` and `activeIcon` (@philippechevieux)
311
- * **🆕 Tour:**
312
- * Add this brand new component (@Delmotte-Vincent)
413
+ - **Input, Password, TextArea, InputNuver, DatePicker, RangePicker, ColorPicker:**
414
+ - Add a new property `wrapperClassName` to target component wrapper element (@Delmotte-Vincent)
415
+ - **Rate:**
416
+ - Update component render (@philippechevieux)
417
+ - Remove property `disabledStarTransparency` (@philippechevieux)
418
+ - Add optional props `defaultIcon`, `halfIcon` and `activeIcon` (@philippechevieux)
419
+ - **🆕 Tour:**
420
+ - Add this brand new component (@Delmotte-Vincent)
313
421
 
314
422
  ### 🚨 Tests
315
423
 
316
- * **Chromatic:**
317
- * Add tests for `DataDisplay` folder (@Delmotte-Vincent)
318
- * Add tests for `DataEntry` folder (@Delmotte-Vincent)
319
- * Add tests for `Layout` folder (@Delmotte-Vincent)
320
- * Add tests for `General` folder (@evoiron)
321
- * Add tests for `Feedback` folder (@evoiron)
424
+ - **Chromatic:**
425
+ - Add tests for `DataDisplay` folder (@Delmotte-Vincent)
426
+ - Add tests for `DataEntry` folder (@Delmotte-Vincent)
427
+ - Add tests for `Layout` folder (@Delmotte-Vincent)
428
+ - Add tests for `General` folder (@evoiron)
429
+ - Add tests for `Feedback` folder (@evoiron)
322
430
 
323
431
  ### 📚 Documentation
324
432
 
325
- * Update code structure in `README.md` and remove duplicate information `Introduction.stories.mdx` (@philippechevieux)
326
- * Fix multiples `console.error` caused by missing property `key` in some exemple (@philippechevieux)
433
+ - Update code structure in `README.md` and remove duplicate information `Introduction.stories.mdx` (@philippechevieux)
434
+ - Fix multiples `console.error` caused by missing property `key` in some exemple (@philippechevieux)