aristid-ds 7.2.0-3aead0c → 7.2.0-c8be59c

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