aristid-ds 7.2.0-3aead0c → 7.2.0-59f031b

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