aristid-ds 15.3.1 → 16.0.0

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 (448) hide show
  1. package/CHANGELOG.md +867 -804
  2. package/README.md +4 -4
  3. package/dist/Kit/Ant/index.js +2 -71
  4. package/dist/Kit/App/index.d.ts +7 -3
  5. package/dist/Kit/App/index.js +2 -60
  6. package/dist/Kit/DataDisplay/Avatar/index.js +2 -24
  7. package/dist/Kit/DataDisplay/Avatar/types.d.ts +1 -2
  8. package/dist/Kit/DataDisplay/Badge/index.js +2 -53
  9. package/dist/Kit/DataDisplay/Collapse/index.js +2 -81
  10. package/dist/Kit/DataDisplay/Collapse/types.d.ts +1 -1
  11. package/dist/Kit/DataDisplay/Comment/index.js +2 -5
  12. package/dist/Kit/DataDisplay/Comment/types.d.ts +1 -1
  13. package/dist/Kit/DataDisplay/Empty/index.js +2 -32
  14. package/dist/Kit/DataDisplay/Error/index.js +2 -41
  15. package/dist/Kit/DataDisplay/IdCard/index.js +2 -78
  16. package/dist/Kit/DataDisplay/Image/index.js +2 -23
  17. package/dist/Kit/DataDisplay/ItemCard/index.js +2 -47
  18. package/dist/Kit/DataDisplay/ItemList/index.js +2 -56
  19. package/dist/Kit/DataDisplay/RedirectCard/index.js +2 -46
  20. package/dist/Kit/DataDisplay/Table/index.js +2 -108
  21. package/dist/Kit/DataDisplay/Table/types.d.ts +1 -2
  22. package/dist/Kit/DataDisplay/Tabs/index.js +2 -118
  23. package/dist/Kit/DataDisplay/Tag/index.js +2 -83
  24. package/dist/Kit/DataDisplay/Tooltip/index.js +10 -6
  25. package/dist/Kit/DataDisplay/Tooltip/types.d.ts +1 -2
  26. package/dist/Kit/DataDisplay/Tour/index.js +13 -10
  27. package/dist/Kit/DataDisplay/Tour/types.d.ts +1 -1
  28. package/dist/Kit/DataDisplay/Tree/index.js +2 -20
  29. package/dist/Kit/DataDisplay/Tree/types.d.ts +1 -2
  30. package/dist/Kit/DataEntry/AutoComplete/index.js +2 -28
  31. package/dist/Kit/DataEntry/AutoComplete/types.d.ts +1 -3
  32. package/dist/Kit/DataEntry/CheckableTile/CheckIndicator.d.ts +7 -0
  33. package/dist/Kit/DataEntry/CheckableTile/CheckableTile.d.ts +3 -0
  34. package/dist/Kit/DataEntry/CheckableTile/TileContent.d.ts +5 -0
  35. package/dist/Kit/DataEntry/CheckableTile/index.d.ts +2 -0
  36. package/dist/Kit/DataEntry/CheckableTile/index.js +2 -0
  37. package/dist/Kit/DataEntry/CheckableTile/types.d.ts +13 -0
  38. package/dist/Kit/DataEntry/Checkbox/index.js +2 -68
  39. package/dist/Kit/DataEntry/Checkbox/types.d.ts +4 -0
  40. package/dist/Kit/DataEntry/ColorPicker/index.js +2 -90
  41. package/dist/Kit/DataEntry/ColorPicker/types.d.ts +1 -3
  42. package/dist/Kit/DataEntry/DatePicker/index.js +2 -56
  43. package/dist/Kit/DataEntry/DatePicker/preset/PresetLabel.d.ts +7 -0
  44. package/dist/Kit/DataEntry/DatePicker/preset/constants.d.ts +1 -0
  45. package/dist/Kit/DataEntry/DatePicker/preset/presetUtils.d.ts +21 -0
  46. package/dist/Kit/DataEntry/DatePicker/preset/useActiveDatePickerPreset.d.ts +17 -0
  47. package/dist/Kit/DataEntry/DatePicker/preset/useActiveRangePickerPreset.d.ts +17 -0
  48. package/dist/Kit/DataEntry/Filter/index.js +2 -46
  49. package/dist/Kit/DataEntry/Input/index.js +2 -38
  50. package/dist/Kit/DataEntry/Input/types.d.ts +10 -4
  51. package/dist/Kit/DataEntry/InputNumber/index.js +2 -24
  52. package/dist/Kit/DataEntry/InputNumber/types.d.ts +2 -1
  53. package/dist/Kit/DataEntry/InputWrapper/index.js +2 -4
  54. package/dist/Kit/DataEntry/InputWrapper/types.d.ts +1 -0
  55. package/dist/Kit/DataEntry/Radio/index.js +2 -54
  56. package/dist/Kit/DataEntry/Radio/types.d.ts +8 -1
  57. package/dist/Kit/DataEntry/Rate/index.js +2 -20
  58. package/dist/Kit/DataEntry/RichText/EditorContentCharacterCount/index.js +2 -15
  59. package/dist/Kit/DataEntry/RichText/MenuBar/ButtonTooltip/index.js +11 -6
  60. package/dist/Kit/DataEntry/RichText/MenuBar/FontSizeSelect/index.js +2 -65
  61. package/dist/Kit/DataEntry/RichText/MenuBar/FontStylesButtons/index.js +46 -19
  62. package/dist/Kit/DataEntry/RichText/MenuBar/IndentListButtons/index.js +31 -16
  63. package/dist/Kit/DataEntry/RichText/MenuBar/LinkButton/index.js +2 -74
  64. package/dist/Kit/DataEntry/RichText/MenuBar/ListButtons/index.js +32 -17
  65. package/dist/Kit/DataEntry/RichText/MenuBar/MenuActionList/index.js +21 -11
  66. package/dist/Kit/DataEntry/RichText/MenuBar/TextAlignButtons/index.js +57 -21
  67. package/dist/Kit/DataEntry/RichText/MenuBar/UndoRedoButtons/index.js +31 -16
  68. package/dist/Kit/DataEntry/RichText/MenuBar/index.js +2 -26
  69. package/dist/Kit/DataEntry/RichText/index.js +2 -141
  70. package/dist/Kit/DataEntry/SearchInput/index.d.ts +2 -1
  71. package/dist/Kit/DataEntry/SearchInput/index.js +2 -17
  72. package/dist/Kit/DataEntry/Select/index.js +2 -147
  73. package/dist/Kit/DataEntry/Select/types.d.ts +1 -3
  74. package/dist/Kit/DataEntry/Slider/index.js +2 -18
  75. package/dist/Kit/DataEntry/Switch/index.js +2 -15
  76. package/dist/Kit/DataEntry/TreeSelect/index.js +2 -86
  77. package/dist/Kit/DataEntry/TreeSelect/types.d.ts +2 -1
  78. package/dist/Kit/DataEntry/Upload/defaultItemRender.d.ts +5 -0
  79. package/dist/Kit/DataEntry/Upload/index.js +2 -83
  80. package/dist/Kit/DataEntry/Upload/types.d.ts +9 -7
  81. package/dist/Kit/Feedback/Alert/index.js +2 -60
  82. package/dist/Kit/Feedback/Alert/types.d.ts +1 -2
  83. package/dist/Kit/Feedback/Loader/index.js +2 -17
  84. package/dist/Kit/Feedback/Modal/index.js +2 -173
  85. package/dist/Kit/Feedback/Modal/types.d.ts +1 -2
  86. package/dist/Kit/Feedback/Notification/index.js +2 -84
  87. package/dist/Kit/Feedback/Progress/index.js +2 -46
  88. package/dist/Kit/Feedback/Skeleton/index.js +2 -46
  89. package/dist/Kit/Feedback/SnackBar/index.js +2 -38
  90. package/dist/Kit/General/Button/index.js +2 -86
  91. package/dist/Kit/General/Button/types.d.ts +1 -0
  92. package/dist/Kit/General/DynamicActions/index.js +2 -34
  93. package/dist/Kit/General/Icon/index.js +2 -25
  94. package/dist/Kit/General/Typography/index.js +2 -162
  95. package/dist/Kit/General/Typography/types.d.ts +4 -5
  96. package/dist/Kit/Layout/Divider/index.js +2 -16
  97. package/dist/Kit/Layout/Grid/index.js +2 -9
  98. package/dist/Kit/Layout/Grid/types.d.ts +2 -2
  99. package/dist/Kit/Layout/PageLayout/index.js +2 -18
  100. package/dist/Kit/Layout/Section/index.js +2 -21
  101. package/dist/Kit/Layout/Section/types.d.ts +3 -6
  102. package/dist/Kit/Layout/Space/index.js +19 -18
  103. package/dist/Kit/Navigation/Breadcrumb/index.js +2 -24
  104. package/dist/Kit/Navigation/Breadcrumb/types.d.ts +1 -1
  105. package/dist/Kit/Navigation/DropDown/index.js +66 -48
  106. package/dist/Kit/Navigation/DropDown/types.d.ts +1 -1
  107. package/dist/Kit/Navigation/Header/index.js +2 -61
  108. package/dist/Kit/Navigation/PageHeader/index.js +2 -38
  109. package/dist/Kit/Navigation/Pagination/index.js +2 -13
  110. package/dist/Kit/Navigation/Pagination/types.d.ts +1 -2
  111. package/dist/Kit/Navigation/SideMenu/index.js +2 -65
  112. package/dist/Kit/Navigation/SideMenu/types.d.ts +1 -0
  113. package/dist/Kit/Navigation/SidePanel/index.js +2 -90
  114. package/dist/Kit/Navigation/Steps/index.js +2 -26
  115. package/dist/Kit/Navigation/Steps/types.d.ts +1 -1
  116. package/dist/Kit/index.d.ts +1 -0
  117. package/dist/Kit/index.js +61 -193
  118. package/dist/assets/Alert.css +1 -0
  119. package/dist/assets/App.css +1 -0
  120. package/dist/assets/{index10.css → AutoComplete.css} +1 -1
  121. package/dist/assets/Avatar.css +1 -1
  122. package/dist/assets/Badge.css +1 -0
  123. package/dist/assets/Breadcrumb.css +1 -0
  124. package/dist/assets/Button.css +1 -0
  125. package/dist/assets/CheckableTile.css +1 -0
  126. package/dist/assets/Checkbox.css +1 -0
  127. package/dist/assets/Collapse.css +1 -0
  128. package/dist/assets/ColorPicker.css +1 -0
  129. package/dist/assets/Comment.css +1 -0
  130. package/dist/assets/DatePicker.css +1 -0
  131. package/dist/assets/Divider.css +1 -0
  132. package/dist/assets/EditorContentCharacterCount.css +1 -0
  133. package/dist/assets/Empty.css +1 -0
  134. package/dist/assets/Error.css +1 -0
  135. package/dist/assets/Filter.css +1 -0
  136. package/dist/assets/FontSizeSelect.css +1 -0
  137. package/dist/assets/Header.css +1 -0
  138. package/dist/assets/Icon.css +1 -0
  139. package/dist/assets/IdCard.css +1 -0
  140. package/dist/assets/Image.css +1 -0
  141. package/dist/assets/Input.css +1 -0
  142. package/dist/assets/InputNumber.css +1 -0
  143. package/dist/assets/InputWrapper.css +1 -1
  144. package/dist/assets/ItemCard.css +1 -0
  145. package/dist/assets/ItemList.css +1 -0
  146. package/dist/assets/{index35.css → LinkButton.css} +1 -1
  147. package/dist/assets/Loader.css +1 -0
  148. package/dist/assets/MenuBar.css +1 -0
  149. package/dist/assets/Modal.css +1 -0
  150. package/dist/assets/Notification.css +1 -0
  151. package/dist/assets/PageHeader.css +1 -0
  152. package/dist/assets/PageLayout.css +1 -0
  153. package/dist/assets/Pagination.css +1 -0
  154. package/dist/assets/Progress.css +1 -0
  155. package/dist/assets/Radio.css +1 -0
  156. package/dist/assets/Rate.css +1 -0
  157. package/dist/assets/RedirectCard.css +1 -0
  158. package/dist/assets/RichText.css +1 -0
  159. package/dist/assets/SearchInput.css +1 -0
  160. package/dist/assets/Section.css +1 -0
  161. package/dist/assets/SideMenu.css +1 -0
  162. package/dist/assets/Skeleton.css +1 -0
  163. package/dist/assets/Slider.css +1 -0
  164. package/dist/assets/SnackBar.css +1 -0
  165. package/dist/assets/Steps.css +1 -0
  166. package/dist/assets/Switch.css +1 -0
  167. package/dist/assets/Table.css +1 -0
  168. package/dist/assets/Tabs.css +1 -0
  169. package/dist/assets/Tag.css +1 -0
  170. package/dist/assets/Tree.css +1 -0
  171. package/dist/assets/Upload.css +1 -0
  172. package/dist/assets/styles.css +1 -1
  173. package/dist/assets/useEllipsisTooltip.css +1 -1
  174. package/dist/assets/useGetPopupContainer.css +1 -1
  175. package/dist/chunks/Alert.DdAyIAa1.js +131 -0
  176. package/dist/chunks/App.DzGS_aWl.js +100 -0
  177. package/dist/chunks/AutoComplete.CgbJII9H.js +55 -0
  178. package/dist/chunks/Avatar.BkWsGZQz.js +26 -0
  179. package/dist/chunks/Avatar.C7Y05jlE.js +52 -0
  180. package/dist/chunks/Badge.BmH3YSz4.js +57 -0
  181. package/dist/chunks/Breadcrumb.DIt0b2vn.js +28 -0
  182. package/dist/chunks/Button.BS7a-ecw.js +142 -0
  183. package/dist/chunks/CheckableTile.G1mWLqE7.js +72 -0
  184. package/dist/chunks/Checkbox.BfsIaOHf.js +135 -0
  185. package/dist/chunks/Collapse.B71spb8n.js +183 -0
  186. package/dist/chunks/ColorPicker.uKC6b1is.js +119 -0
  187. package/dist/chunks/Comment.Bf90W9Uf.js +47 -0
  188. package/dist/chunks/DatePicker.M4IqQYZK.js +236 -0
  189. package/dist/chunks/Divider.BmAL40z9.js +15 -0
  190. package/dist/chunks/DynamicActions.BGsGQgHx.js +48 -0
  191. package/dist/chunks/EditorContentCharacterCount.UlQyKE4A.js +20 -0
  192. package/dist/chunks/Empty.BAcELu_a.js +1700 -0
  193. package/dist/chunks/Error.OInisOGv.js +166 -0
  194. package/dist/chunks/Filter.CFJKzHO4.js +90 -0
  195. package/dist/chunks/FontSizeSelect.DWsqaVsD.js +78 -0
  196. package/dist/chunks/Grid.C52krwRd.js +10 -0
  197. package/dist/chunks/Header.Pepz-wLh.js +226 -0
  198. package/dist/chunks/Icon.sjej1yCA.js +32 -0
  199. package/dist/chunks/IdCard.b_dKAB1B.js +106 -0
  200. package/dist/chunks/Image.kjyHNj64.js +31 -0
  201. package/dist/chunks/Input.jVuPPvRM.js +431 -0
  202. package/dist/chunks/InputNumber.BMGgA7hL.js +42 -0
  203. package/dist/chunks/InputWrapper.C5vdNcDG.js +73 -0
  204. package/dist/chunks/ItemCard.D_ys8GWk.js +160 -0
  205. package/dist/chunks/ItemList.BjOSmXt6.js +112 -0
  206. package/dist/chunks/LinkButton.BnE25e4E.js +128 -0
  207. package/dist/chunks/Loader.C-wRwi_O.js +16 -0
  208. package/dist/chunks/MenuBar.CFDpOJD5.js +57 -0
  209. package/dist/chunks/Modal.BZ9Diwqu.js +269 -0
  210. package/dist/chunks/Notification.v7rfCaPq.js +140 -0
  211. package/dist/chunks/PageHeader.1v_ec3fs.js +54 -0
  212. package/dist/chunks/PageLayout.8gjr4ZWy.js +31 -0
  213. package/dist/chunks/Pagination.D4RHg4eu.js +16 -0
  214. package/dist/chunks/Progress.CXCHiJ2M.js +90 -0
  215. package/dist/chunks/Radio.CNu5txoD.js +117 -0
  216. package/dist/chunks/Rate.Dmfwlgev.js +27 -0
  217. package/dist/chunks/RedirectCard.TauzP2u-.js +127 -0
  218. package/dist/chunks/RichText.zxBTll6O.js +181 -0
  219. package/dist/chunks/SearchInput.B25zPXic.js +48 -0
  220. package/dist/chunks/Section.DX_VJj4c.js +10 -0
  221. package/dist/chunks/Select.CZhljUEY.js +223 -0
  222. package/dist/chunks/SideMenu.DdQdA8XD.js +135 -0
  223. package/dist/chunks/SidePanel.BA3T5qdy.js +135 -0
  224. package/dist/chunks/Skeleton.w4TjsphH.js +57 -0
  225. package/dist/chunks/Slider.DqG7lOzt.js +41 -0
  226. package/dist/chunks/SnackBar.DmvytBAC.js +78 -0
  227. package/dist/chunks/SnackBarProvider.Uz7S9Dwk.js +31 -0
  228. package/dist/chunks/Steps.CF_4sPDw.js +39 -0
  229. package/dist/chunks/Switch.6L3-gRH2.js +20 -0
  230. package/dist/chunks/Table.DJ3kS6-i.js +173 -0
  231. package/dist/chunks/Tabs.Bp5YSOYE.js +177 -0
  232. package/dist/chunks/Tag.HfxYXyOw.js +158 -0
  233. package/dist/chunks/Tree.DI2X_dWa.js +38 -0
  234. package/dist/chunks/TreeSelect.BcQsQcWA.js +161 -0
  235. package/dist/chunks/Typography.C3jMwd1-.js +257 -0
  236. package/dist/chunks/Upload.CRx7geGR.js +148 -0
  237. package/dist/chunks/constants.CdyH-Cnj.js +5 -0
  238. package/dist/chunks/css-tokens-generator.sn_lhdr4.js +9 -0
  239. package/dist/chunks/functions.BxvU3RXB.js +124 -0
  240. package/dist/chunks/getButtonActiveClass.DpCDqtoW.js +4 -0
  241. package/dist/chunks/styles.module.C0REJD9g.js +4 -0
  242. package/dist/chunks/useEllipsisTooltip.CKmINXTI.js +20 -0
  243. package/dist/chunks/useGetPopupContainer.C6KjVnVk.js +11 -0
  244. package/dist/chunks/useKitLocale.45Rjhfd0.js +9 -0
  245. package/dist/chunks/useKitSpellCheckConfig.C5xhCJ-X.js +9 -0
  246. package/dist/chunks/useKitTheme.Bcv-etUA.js +9 -0
  247. package/dist/chunks/utils.BCUGiErz.js +39 -0
  248. package/dist/hooks/useSecureClick/index.js +10 -10
  249. package/dist/index.d.ts +2 -0
  250. package/dist/index.es.js +65 -197
  251. package/dist/index.umd.js +7 -7
  252. package/dist/spellCheck/components/SpellCheckCorrectionHighlight.d.ts +9 -0
  253. package/dist/spellCheck/components/SpellCheckOverlay.d.ts +12 -0
  254. package/dist/spellCheck/components/SpellCheckWrapper.d.ts +7 -0
  255. package/dist/spellCheck/spell-check-context.d.ts +8 -0
  256. package/dist/spellCheck/types/index.d.ts +23 -0
  257. package/dist/spellCheck/useKitSpellCheckConfig.d.ts +9 -0
  258. package/dist/spellCheck/useSpellChecking.d.ts +14 -0
  259. package/dist/spellCheck/utils/computeHighlights.d.ts +6 -0
  260. package/dist/spellCheck/utils/getScrollableAncestor.d.ts +5 -0
  261. package/dist/spellCheck/utils/isClippedByAncestor.d.ts +6 -0
  262. package/dist/spellCheck/utils/setNativeInputValue.d.ts +6 -0
  263. package/dist/spellCheck/utils/useDisableNativeSpellCheck.d.ts +11 -0
  264. package/dist/spellCheck/utils/useHighlightRects.d.ts +23 -0
  265. package/dist/theme/aristid/components/DataDisplay/Avatar/index.js +11 -24
  266. package/dist/theme/aristid/components/DataDisplay/Badge/index.js +16 -20
  267. package/dist/theme/aristid/components/DataDisplay/Collapse/index.js +18 -11
  268. package/dist/theme/aristid/components/DataDisplay/Image/index.js +13 -7
  269. package/dist/theme/aristid/components/DataDisplay/ItemList/index.js +49 -55
  270. package/dist/theme/aristid/components/DataDisplay/Tabs/index.js +74 -96
  271. package/dist/theme/aristid/components/DataDisplay/Tag/index.js +15 -8
  272. package/dist/theme/aristid/components/DataDisplay/Tooltip/index.js +14 -20
  273. package/dist/theme/aristid/components/DataDisplay/Tree/index.js +49 -59
  274. package/dist/theme/aristid/components/DataEntry/Checkbox/index.js +41 -45
  275. package/dist/theme/aristid/components/DataEntry/ColorPicker/index.js +49 -75
  276. package/dist/theme/aristid/components/DataEntry/DatePicker/index.js +143 -151
  277. package/dist/theme/aristid/components/DataEntry/Filter/index.js +11 -15
  278. package/dist/theme/aristid/components/DataEntry/Input/index.js +202 -131
  279. package/dist/theme/aristid/components/DataEntry/InputNumber/index.js +52 -58
  280. package/dist/theme/aristid/components/DataEntry/InputWrapper/index.js +24 -26
  281. package/dist/theme/aristid/components/DataEntry/Radio/index.js +48 -19
  282. package/dist/theme/aristid/components/DataEntry/Rate/index.js +8 -7
  283. package/dist/theme/aristid/components/DataEntry/Select/index.js +90 -98
  284. package/dist/theme/aristid/components/DataEntry/Slider/index.js +39 -55
  285. package/dist/theme/aristid/components/DataEntry/Switch/index.js +29 -31
  286. package/dist/theme/aristid/components/Feedback/Alert/index.js +38 -48
  287. package/dist/theme/aristid/components/Feedback/Modal/index.js +35 -47
  288. package/dist/theme/aristid/components/Feedback/Notification/index.js +38 -40
  289. package/dist/theme/aristid/components/Feedback/SnackBar/index.js +32 -36
  290. package/dist/theme/aristid/components/General/Button/index.js +21 -23
  291. package/dist/theme/aristid/components/General/Icon/index.js +19 -21
  292. package/dist/theme/aristid/components/General/Typography/index.js +53 -69
  293. package/dist/theme/aristid/components/Layout/Divider/index.js +15 -19
  294. package/dist/theme/aristid/components/Navigation/Breadcrumb/index.js +8 -12
  295. package/dist/theme/aristid/components/Navigation/DropDown/index.js +65 -99
  296. package/dist/theme/aristid/components/Navigation/Header/index.js +8 -16
  297. package/dist/theme/aristid/components/Navigation/Pagination/index.js +42 -66
  298. package/dist/theme/aristid/components/Navigation/Steps/index.js +23 -27
  299. package/dist/theme/aristid/general/border/index.js +29 -30
  300. package/dist/theme/aristid/general/colors/index.js +169 -170
  301. package/dist/theme/aristid/general/height/index.js +11 -12
  302. package/dist/theme/aristid/general/index.js +17 -17
  303. package/dist/theme/aristid/general/spacing/index.js +25 -26
  304. package/dist/theme/aristid/general/typography/index.js +45 -46
  305. package/dist/theme/aristid/general/utilities/index.js +117 -113
  306. package/dist/theme/types/general/colors/index.d.ts +1 -1
  307. package/dist/theme/types/index.d.ts +1 -1
  308. package/dist/theme/types/utilities/index.d.ts +4 -0
  309. package/dist/theme/utils/tokens-mapper/DataDisplay/Badge/index.js +13 -13
  310. package/dist/theme/utils/tokens-mapper/DataDisplay/Collapse/index.js +6 -8
  311. package/dist/theme/utils/tokens-mapper/DataDisplay/Table/index.js +7 -7
  312. package/dist/theme/utils/tokens-mapper/DataDisplay/Tabs/index.js +15 -15
  313. package/dist/theme/utils/tokens-mapper/DataDisplay/Tooltip/index.js +13 -13
  314. package/dist/theme/utils/tokens-mapper/DataDisplay/Tree/index.js +14 -14
  315. package/dist/theme/utils/tokens-mapper/DataDisplay/index.js +7 -14
  316. package/dist/theme/utils/tokens-mapper/DataEntry/Checkbox/index.js +11 -11
  317. package/dist/theme/utils/tokens-mapper/DataEntry/ColorPicker/index.js +12 -12
  318. package/dist/theme/utils/tokens-mapper/DataEntry/DatePicker/index.js +20 -20
  319. package/dist/theme/utils/tokens-mapper/DataEntry/Form/index.js +5 -7
  320. package/dist/theme/utils/tokens-mapper/DataEntry/Input/index.js +14 -14
  321. package/dist/theme/utils/tokens-mapper/DataEntry/InputNumber/index.js +15 -15
  322. package/dist/theme/utils/tokens-mapper/DataEntry/Radio/index.js +9 -9
  323. package/dist/theme/utils/tokens-mapper/DataEntry/Rate/index.js +6 -8
  324. package/dist/theme/utils/tokens-mapper/DataEntry/Select/index.js +13 -13
  325. package/dist/theme/utils/tokens-mapper/DataEntry/Slider/index.js +14 -14
  326. package/dist/theme/utils/tokens-mapper/Feedback/Alert/index.js +17 -17
  327. package/dist/theme/utils/tokens-mapper/Feedback/index.js +2 -4
  328. package/dist/theme/utils/tokens-mapper/Layout/Divider/index.js +10 -10
  329. package/dist/theme/utils/tokens-mapper/Layout/index.js +2 -4
  330. package/dist/theme/utils/tokens-mapper/Navigation/Pagination/index.js +20 -20
  331. package/dist/theme/utils/tokens-mapper/Navigation/Steps/index.js +16 -16
  332. package/dist/theme/utils/tokens-mapper/Navigation/index.js +3 -6
  333. package/dist/theme/utils/tokens-mapper/index.js +44 -46
  334. package/dist/translation/en-US/components/DataDisplay/Collapse/index.js +5 -7
  335. package/dist/translation/en-US/components/DataDisplay/Empty/index.js +4 -6
  336. package/dist/translation/en-US/components/DataDisplay/Error/index.js +4 -6
  337. package/dist/translation/en-US/components/DataDisplay/Image/index.js +4 -6
  338. package/dist/translation/en-US/components/DataDisplay/ItemList/index.js +6 -6
  339. package/dist/translation/en-US/components/DataDisplay/Tabs/index.js +4 -6
  340. package/dist/translation/en-US/components/DataEntry/ColorPicker/index.js +4 -6
  341. package/dist/translation/en-US/components/DataEntry/RichText/index.js +30 -30
  342. package/dist/translation/en-US/components/DataEntry/SearchInput/index.d.ts +2 -0
  343. package/dist/translation/en-US/components/DataEntry/SearchInput/index.js +4 -0
  344. package/dist/translation/en-US/components/DataEntry/Upload/index.js +10 -10
  345. package/dist/translation/en-US/components/Feedback/Alert/index.js +4 -6
  346. package/dist/translation/en-US/components/General/Button/index.js +5 -7
  347. package/dist/translation/en-US/general/index.js +13 -12
  348. package/dist/translation/en-US/index.js +28 -26
  349. package/dist/translation/fr-FR/components/DataDisplay/Collapse/index.js +5 -7
  350. package/dist/translation/fr-FR/components/DataDisplay/Empty/index.js +4 -6
  351. package/dist/translation/fr-FR/components/DataDisplay/Error/index.js +4 -6
  352. package/dist/translation/fr-FR/components/DataDisplay/Image/index.js +4 -6
  353. package/dist/translation/fr-FR/components/DataDisplay/ItemList/index.js +6 -6
  354. package/dist/translation/fr-FR/components/DataDisplay/Tabs/index.js +4 -6
  355. package/dist/translation/fr-FR/components/DataEntry/ColorPicker/index.js +4 -6
  356. package/dist/translation/fr-FR/components/DataEntry/RichText/index.js +30 -30
  357. package/dist/translation/fr-FR/components/DataEntry/SearchInput/index.d.ts +2 -0
  358. package/dist/translation/fr-FR/components/DataEntry/SearchInput/index.js +4 -0
  359. package/dist/translation/fr-FR/components/DataEntry/Upload/index.js +10 -10
  360. package/dist/translation/fr-FR/components/Feedback/Alert/index.js +4 -6
  361. package/dist/translation/fr-FR/components/General/Button/index.js +5 -7
  362. package/dist/translation/fr-FR/general/index.js +13 -12
  363. package/dist/translation/fr-FR/index.js +29 -27
  364. package/dist/translation/pt-PT/components/DataDisplay/Collapse/index.js +5 -7
  365. package/dist/translation/pt-PT/components/DataDisplay/Empty/index.js +4 -6
  366. package/dist/translation/pt-PT/components/DataDisplay/Error/index.js +4 -6
  367. package/dist/translation/pt-PT/components/DataDisplay/Image/index.js +4 -6
  368. package/dist/translation/pt-PT/components/DataDisplay/ItemList/index.js +6 -6
  369. package/dist/translation/pt-PT/components/DataDisplay/Tabs/index.js +4 -6
  370. package/dist/translation/pt-PT/components/DataEntry/ColorPicker/index.js +4 -6
  371. package/dist/translation/pt-PT/components/DataEntry/RichText/index.js +30 -30
  372. package/dist/translation/pt-PT/components/DataEntry/SearchInput/index.d.ts +2 -0
  373. package/dist/translation/pt-PT/components/DataEntry/SearchInput/index.js +4 -0
  374. package/dist/translation/pt-PT/components/DataEntry/Upload/index.js +10 -10
  375. package/dist/translation/pt-PT/components/Feedback/Alert/index.js +4 -6
  376. package/dist/translation/pt-PT/components/General/Button/index.js +5 -7
  377. package/dist/translation/pt-PT/general/index.js +13 -12
  378. package/dist/translation/pt-PT/index.js +27 -25
  379. package/dist/translation/types/components/DataEntry/SearchInput/index.d.ts +3 -0
  380. package/dist/translation/types/general/index.d.ts +1 -0
  381. package/dist/translation/types/index.d.ts +2 -0
  382. package/dist/translation/utils/index.js +2 -4
  383. package/dist/utils/constants.d.ts +3 -0
  384. package/dist/utils/functions/index.js +2 -117
  385. package/package.json +54 -60
  386. package/dist/Kit/DataEntry/Select/useIcons.d.ts +0 -9
  387. package/dist/assets/Thread.css +0 -1
  388. package/dist/assets/index.css +0 -1
  389. package/dist/assets/index11.css +0 -1
  390. package/dist/assets/index12.css +0 -1
  391. package/dist/assets/index13.css +0 -1
  392. package/dist/assets/index14.css +0 -1
  393. package/dist/assets/index15.css +0 -1
  394. package/dist/assets/index16.css +0 -1
  395. package/dist/assets/index17.css +0 -1
  396. package/dist/assets/index18.css +0 -1
  397. package/dist/assets/index19.css +0 -1
  398. package/dist/assets/index2.css +0 -1
  399. package/dist/assets/index20.css +0 -1
  400. package/dist/assets/index21.css +0 -1
  401. package/dist/assets/index22.css +0 -1
  402. package/dist/assets/index23.css +0 -1
  403. package/dist/assets/index24.css +0 -1
  404. package/dist/assets/index25.css +0 -1
  405. package/dist/assets/index26.css +0 -1
  406. package/dist/assets/index27.css +0 -1
  407. package/dist/assets/index28.css +0 -1
  408. package/dist/assets/index29.css +0 -1
  409. package/dist/assets/index3.css +0 -1
  410. package/dist/assets/index30.css +0 -1
  411. package/dist/assets/index31.css +0 -1
  412. package/dist/assets/index32.css +0 -1
  413. package/dist/assets/index33.css +0 -1
  414. package/dist/assets/index34.css +0 -1
  415. package/dist/assets/index36.css +0 -1
  416. package/dist/assets/index37.css +0 -1
  417. package/dist/assets/index38.css +0 -1
  418. package/dist/assets/index39.css +0 -1
  419. package/dist/assets/index4.css +0 -1
  420. package/dist/assets/index40.css +0 -1
  421. package/dist/assets/index41.css +0 -1
  422. package/dist/assets/index42.css +0 -1
  423. package/dist/assets/index43.css +0 -1
  424. package/dist/assets/index44.css +0 -1
  425. package/dist/assets/index45.css +0 -1
  426. package/dist/assets/index46.css +0 -1
  427. package/dist/assets/index47.css +0 -1
  428. package/dist/assets/index48.css +0 -1
  429. package/dist/assets/index49.css +0 -1
  430. package/dist/assets/index5.css +0 -1
  431. package/dist/assets/index50.css +0 -1
  432. package/dist/assets/index6.css +0 -1
  433. package/dist/assets/index7.css +0 -1
  434. package/dist/assets/index8.css +0 -1
  435. package/dist/assets/index9.css +0 -1
  436. package/dist/chunks/Avatar.B2Q0k3WU.js +0 -46
  437. package/dist/chunks/InputWrapper.D7QArlvo.js +0 -25
  438. package/dist/chunks/SnackBarProvider.D44OffUd.js +0 -23
  439. package/dist/chunks/Thread.BzM6JOAq.js +0 -25
  440. package/dist/chunks/constants.CctH0M4n.js +0 -6
  441. package/dist/chunks/css-tokens-generator.BlwCHwrh.js +0 -9
  442. package/dist/chunks/getButtonActiveClass.CdKy9gg4.js +0 -4
  443. package/dist/chunks/index.CKC2Gl0d.js +0 -23
  444. package/dist/chunks/styles.module.uCPgpiKf.js +0 -6
  445. package/dist/chunks/useEllipsisTooltip.B54ayHK8.js +0 -17
  446. package/dist/chunks/useGetPopupContainer.bCZKSUsz.js +0 -17
  447. package/dist/chunks/useKitLocale.DD7mnAZn.js +0 -11
  448. package/dist/chunks/useKitTheme.BdeSOGoj.js +0 -11
package/CHANGELOG.md CHANGED
@@ -1,322 +1,394 @@
1
1
  # Changelog
2
2
 
3
+ ## [16.0.0](https://www.npmjs.com/package/aristid-ds/v/16.0.0) (2026-05-28)
4
+
5
+ ### ✨ Features
6
+
7
+ - **⚠️ Breaking change - Section**
8
+ - Redefine `Section` component (only 3 types) (@evoiron)
9
+ - **TreeSelect**
10
+ - Add ellipsis to `KitTreeSelect` items labels (@evoiron)
11
+ - Update design of `KitTreeSelect` (@evoiron)
12
+ - **DatePicker:**
13
+ - Add active preset indicator to `KitDatePicker` and `KitRangePicker` (@philippechevieux)
14
+ - **KitApp:**
15
+ - Add `spellCheck` prop to `KitApp` to configure a custom spell-check provider (`checkText`, optional `signal` for request cancellation, optional `debounceDelay` and `checkTextOnError`) (@philippechevieux)
16
+ - **Input:**
17
+ - Add `enableSpellCheck` prop to `KitInput` to display inline correction highlights with suggestion dropdown (@philippechevieux)
18
+ - **TextArea:**
19
+ - Add `enableSpellCheck` prop to `KitTextArea` to display inline correction highlights with suggestion dropdown (@philippechevieux)
20
+ - **Upload:**
21
+ - Add `itemRender` and `horizontal` props, and export `KitUpload.UploadedFileItem` to allow customisation of file list items (@evoiron)
22
+ - **Checkbox:**
23
+ - Add `tile` props to `KitCheckbox` and `KitCheckbox.Group` to display as `CheckableTile` (@evoiron)
24
+ - **Radio:**
25
+ - Add `tile` props to `KitRadio` and `KitRadio.Group` to display as `CheckableTile` (@evoiron)
26
+ - **SideMenu:**
27
+ - Add `activeItemKey` prop to `KitSideMenu` to control the active item programmatically (@philippechevieux)
28
+ - Make menu items focusable (@evoiron)
29
+ - **SearchInput:**
30
+ - Add tooltip and pointer cursor when hovering collapsed state (@7Remy)
31
+ - **Select**
32
+ - Update design of `KitSelect` (@evoiron)
33
+ - **Button:**
34
+ - Add tooltip text property, visible when button has no label (@7Remy)
35
+
36
+ ### 🐛 Bug Fixes
37
+
38
+ - **SidePanel**
39
+ - Add aria labels on close and previous icons (@renaudamsellem)
40
+ - **ItemCard**
41
+ - Fix title and description ellipsis bug (@evoiron)
42
+ - Fix spacing elements placement (@evoiron)
43
+ - **Typography**
44
+ - Fix multiline ellipsis not working (@evoiron)
45
+ - **TreeSelect:**
46
+ - Fix `KitTreeSelect` dropdown closing conditions (on click, outside, out of dropdown, or on node execpt when expanding it) (@evoiron)
47
+ - **Tag:**
48
+ - ellipsis `Tag` content when a fixed width/max-width is specified (@evoiron)
49
+ - **Select:**
50
+ - Add ellipsis to long labels and placeholder (@evoiron)
51
+ - Fix tags overflowing under trigger and clear icon in multiline mode (@evoiron)
52
+ - **RichText:**
53
+ - Fix mentions dropdown position in `Richtext` due to dropdown previous changes (@alechapelain)
54
+ - **Empty:**
55
+ - Fix spacing between illustration and text (@evoiron)
56
+ - **DatePicker/RangePicker:**
57
+ - Fix double chevron icons in dropdown (@evoiron)
58
+ - Fix display full months names in dropdown (@evoiron)
59
+ - **Modal:**
60
+ - Prevent outline clipping caused by overflow property on modal content (@philippechevieux)
61
+ - Set z-index lower than alerts and notifications z-index when in fullscreen (@evoiron)
62
+
63
+ ### 📝 Documentation
64
+
65
+ ### ✨ Features
66
+
67
+ - **DataEntry:**
68
+ - Add new `CheckableTile` component (@yanisbenslimane)
69
+
70
+ - **Design Tokens:**
71
+ - Fix a bug causing the storybook `Design tokens` page to crash (@evoiron)
72
+
3
73
  ## [15.3.1](https://www.npmjs.com/package/aristid-ds/v/15.3.1) (2026-04-08)
4
74
 
5
75
  ### ✨ Features
6
76
 
7
- - **Datepicker**
8
- - Set inner inputs width on `KitRangePicker` picker to match their content (@alechapelain)
77
+ - **Datepicker**
78
+ - Set inner inputs width on `KitRangePicker` picker to match their content (@alechapelain)
9
79
 
10
80
  ### 🐛 Bug Fixes
11
81
 
12
- - **Badge:**
13
- - Fix dot badge position when using `status` prop (@philippechevieux)
82
+ - **Badge:**
83
+ - Fix dot badge position when using `status` prop (@philippechevieux)
14
84
 
15
85
  ## [15.3.0](https://www.npmjs.com/package/aristid-ds/v/15.3.0) (2026-04-03)
16
86
 
17
87
  ### ✨ Features
18
88
 
19
- - **Tokens:**
20
- - Add `IA/purple` color palette (@evoiron)
21
- - **Modal:**
22
- - Add `useChildrenOnly` property to display the modal panel as a container for other components or not. Also export two new components `KitModalHeader` and `KitModalContent` for layout purpose (@renaudamsellem)
23
- - Add `shouldCloseOnOverlayClick` property close the modal on click outside. (@renaudamsellem)
24
- - Add `showFooterButtons` prop to display / hide the footer buttons in confirm modal (@renaudamsellem)
25
- - **⚠️ Breaking change - SideMenu:**
26
- - Rename `autoCompleteOptions` prop to `searchOptions` and update its type to `IKitInput` as `AutoComplete` component has been replaced by `SearchInput` component (@philippechevieux)
27
- - Add `tooltip` prop to SideMenuItem component (@philippechevieux)
28
- - Add `group` type to SideMenuItem component (@philippechevieux)
29
- - Add padding bottom to group items (@philippechevieux)
30
- - **⚠️ Breaking change - Typography:**
31
- - Remove `withTooltip` prop from `Text`, `Link`, `Paragraph` and `Title` components. The tooltip is now automatically shown when the text is truncated and `ellipsis` is set (@philippechevieux)
32
- - **⚠️ Breaking change - IdCard:**
33
- - Remove `disableTooltip` prop from IdCard component. The tooltip is now automatically shown when the text is truncated and `ellipsis` is set (@philippechevieux)
34
- - **⚠️ Breaking change - Tag:**
35
- - Remove `disableTooltip` prop from Tag component. The tooltip is now automatically shown when the text is truncated and `ellipsis` is set (@philippechevieux)
36
- - **Table:**
37
- - Export `KitTableExpandButton` component (@baloche)
38
- - **Badge:**
39
- - Update dot and count badge sizes (@philippechevieux)
40
- - Auto-adjust indicator position on rounded corners — the badge now reads the wrapped element's `border-radius` at render time and shifts itself onto the corner arc (@philippechevieux)
41
- - **Filter:**
42
- - Apply active style when dropdown is open (@philippechevieux)
89
+ - **InputWrapper:**
90
+ - Fix ``KitInputWrapper ` warning status text style (@evoiron)
91
+ - **Tokens:**
92
+ - Add `IA/purple` color palette (@evoiron)
93
+ - **Modal:**
94
+ - Add `useChildrenOnly` property to display the modal panel as a container for other components or not. Also export two new components `KitModalHeader` and `KitModalContent` for layout purpose (@renaudamsellem)
95
+ - Add `shouldCloseOnOverlayClick` property close the modal on click outside. (@renaudamsellem)
96
+ - Add `showFooterButtons` prop to display / hide the footer buttons in confirm modal (@renaudamsellem)
97
+ - **⚠️ Breaking change - SideMenu:**
98
+ - Rename `autoCompleteOptions` prop to `searchOptions` and update its type to `IKitInput` as `AutoComplete` component has been replaced by `SearchInput` component (@philippechevieux)
99
+ - Add `tooltip` prop to SideMenuItem component (@philippechevieux)
100
+ - Add `group` type to SideMenuItem component (@philippechevieux)
101
+ - Add padding bottom to group items (@philippechevieux)
102
+ - **⚠️ Breaking change - Typography:**
103
+ - Remove `withTooltip` prop from `Text`, `Link`, `Paragraph` and `Title` components. The tooltip is now automatically shown when the text is truncated and `ellipsis` is set (@philippechevieux)
104
+ - **⚠️ Breaking change - IdCard:**
105
+ - Remove `disableTooltip` prop from IdCard component. The tooltip is now automatically shown when the text is truncated and `ellipsis` is set (@philippechevieux)
106
+ - **⚠️ Breaking change - Tag:**
107
+ - Remove `disableTooltip` prop from Tag component. The tooltip is now automatically shown when the text is truncated and `ellipsis` is set (@philippechevieux)
108
+ - **Table:**
109
+ - Export `KitTableExpandButton` component (@baloche)
110
+ - **Badge:**
111
+ - Update dot and count badge sizes (@philippechevieux)
112
+ - Auto-adjust indicator position on rounded corners — the badge now reads the wrapped element's `border-radius` at render time and shifts itself onto the corner arc (@philippechevieux)
113
+ - **Filter:**
114
+ - Apply active style when dropdown is open (@philippechevieux)
43
115
 
44
116
  ### 🐛 Bug Fixes
45
117
 
46
- - **IdCard:**
47
- - Fix avatar color from `avatarProps` being overwritten when `color` prop is not set on IdCard (@philippechevieux)
48
- - **SideMenu:**
49
- - Fix scrolling so that only the menu items list scrolls while keeping the header fixed (@philippechevieux)
50
- - **DropDown:**
51
- - Fix double-click needed to reopen dropdown after closing via outside click (@philippechevieux)
52
- - **Select:**
53
- - Fix search feature (@evoiron)
54
- - Fix wrong height for select/TreeSelect with multiple attribute (@alechapelain)
55
- - Fix wrong tag size not matching select size (@alechapelain)
118
+ - **IdCard:**
119
+ - Fix avatar color from `avatarProps` being overwritten when `color` prop is not set on IdCard (@philippechevieux)
120
+ - **SideMenu:**
121
+ - Fix scrolling so that only the menu items list scrolls while keeping the header fixed (@philippechevieux)
122
+ - **DropDown:**
123
+ - Fix double-click needed to reopen dropdown after closing via outside click (@philippechevieux)
124
+ - **Select:**
125
+ - Fix search feature (@evoiron)
126
+ - Fix wrong height for select/TreeSelect with multiple attribute (@alechapelain)
127
+ - Fix wrong tag size not matching select size (@alechapelain)
56
128
 
57
129
  ### 📝 Documentation
58
130
 
59
- - **Repository:**
60
- - Rewrite `README.md` to be light and consumer-focused (install, KitApp, theme, i18n, dev quickstart, troubleshooting) (@philippechevieux)
61
- - Add `CONTRIBUTING.md` with full contributor guide: code structure, component creation (code + theming + Storybook docs + Chromatic tests), locale addition, PR process with branch naming, changelog conventions, commit conventions (@philippechevieux)
62
- - Add `AGENTS.md` as AI assistant context file (architecture, key patterns, common tasks, do/don't, CI/CD) (@philippechevieux)
131
+ - **Repository:**
132
+ - Rewrite `README.md` to be light and consumer-focused (install, KitApp, theme, i18n, dev quickstart, troubleshooting) (@philippechevieux)
133
+ - Add `CONTRIBUTING.md` with full contributor guide: code structure, component creation (code + theming + Storybook docs + Chromatic tests), locale addition, PR process with branch naming, changelog conventions, commit conventions (@philippechevieux)
134
+ - Add `AGENTS.md` as AI assistant context file (architecture, key patterns, common tasks, do/don't, CI/CD) (@philippechevieux)
63
135
 
64
136
  ## [15.2.0](https://www.npmjs.com/package/aristid-ds/v/15.2.0) (2026-0226)
65
137
 
66
138
  ### ✨ Features
67
139
 
68
- - **Locales:**
69
- - Add `portuguese` locale (@evoiron)
70
- - Update locale context to simplify the process of adding a locale (@evoiron)
140
+ - **Locales:**
141
+ - Add `portuguese` locale (@evoiron)
142
+ - Update locale context to simplify the process of adding a locale (@evoiron)
71
143
 
72
144
  ### 🐛 Bug Fixes
73
145
 
74
- - **Tabs:**
75
- - Fix alignment issue causing Pill Tabs not to be centered within their parent element (@YanDevDz)
146
+ - **Tabs:**
147
+ - Fix alignment issue causing Pill Tabs not to be centered within their parent element (@YanDevDz)
76
148
 
77
149
  ## [15.1.0](https://www.npmjs.com/package/aristid-ds/v/15.1.0) (2026-02-24)
78
150
 
79
151
  ### ✨ Features
80
152
 
81
- - **⚠️ Breaking change - Table**:
82
- - Keep table generic by removing `getRowClassName` function (@baloche)
83
- - **Modal:**
84
- - Add `extraRight` prop to display extra right content (@philippechevieux)
85
- - **SearchInput:**
86
- - Set minimum width to the SearchInput component (@alechapelain)
87
- - Adapt icon color based on state and input content (@alechapelain)
153
+ - **⚠️ Breaking change - Table**:
154
+ - Keep table generic by removing `getRowClassName` function (@baloche)
155
+ - **Modal:**
156
+ - Add `extraRight` prop to display extra right content (@philippechevieux)
157
+ - **SearchInput:**
158
+ - Set minimum width to the SearchInput component (@alechapelain)
159
+ - Adapt icon color based on state and input content (@alechapelain)
88
160
 
89
161
  ### 🐛 Bug Fixes
90
162
 
91
- - **Tag:**
92
- - Fix tooltip color of tags using `IdCard` component in TagGroup (@philippechevieux)
93
- - **Badge:**
94
- - Remove default `title` tooltip on Badge component (if needed we can use a `KitTooltip` component) (@philippechevieux)
95
- - Fix warning when Badge component is used inside a Tooltip component (@alechapelain)
96
- - **Table:**
97
- - Fix pagination position (@cedeymard9)
98
- - Fix background color issue when header is sticky (@cedeymard9)
99
- - **Select:**
100
- - Use `<KitIdCard/>` component as children instead of `idCardProps` deprecated property (@cedeymard9)
101
- - **TreeSelect:**
102
- - Use `<KitIdCard/>` component as children instead of `idCardProps` deprecated property (@cedeymard9)
103
- - Fix scrolling issue (@cedeymard9)
163
+ - **Tag:**
164
+ - Fix tooltip color of tags using `IdCard` component in TagGroup (@philippechevieux)
165
+ - **Badge:**
166
+ - Remove default `title` tooltip on Badge component (if needed we can use a `KitTooltip` component) (@philippechevieux)
167
+ - Fix warning when Badge component is used inside a Tooltip component (@alechapelain)
168
+ - **Table:**
169
+ - Fix pagination position (@cedeymard9)
170
+ - Fix background color issue when header is sticky (@cedeymard9)
171
+ - **Select:**
172
+ - Use `<KitIdCard/>` component as children instead of `idCardProps` deprecated property (@cedeymard9)
173
+ - **TreeSelect:**
174
+ - Use `<KitIdCard/>` component as children instead of `idCardProps` deprecated property (@cedeymard9)
175
+ - Fix scrolling issue (@cedeymard9)
104
176
 
105
177
  ### 📚 Documentation
106
178
 
107
- - **Changelog:**
108
- - Add `Changelog` page to storybook (@evoiron)
109
- - **Collapse:**
110
- - Remove link that no longer exists (@cedeymard9)
179
+ - **Changelog:**
180
+ - Add `Changelog` page to storybook (@evoiron)
181
+ - **Collapse:**
182
+ - Remove link that no longer exists (@cedeymard9)
111
183
 
112
184
  ## [15.0.0](https://www.npmjs.com/package/aristid-ds/v/15.0.0) (2026-01-23)
113
185
 
114
186
  ### ✨ Features
115
187
 
116
- - **⚠️ Breaking change - Notification**:
117
- - Update `Notification` component. We have moved from the Antd notification component to a home-made component using `react-hot-toast`. Please refer to the documentation for use. (@philippechevieux)
118
- - **⚠️ Breaking change - Button**:
119
- - Remove `checked` prop from segmented button (@evoiron)
120
- - **⚠️ Breaking change - IdCard**:
121
- - Replacing `size` options (@fatb38)
122
- - removing `medium` and `large`
123
- - adding `xxs-medium`, `xs-medium`, `xs-bold`, `s`, `m`, `l`, `xl`
124
- - **⚠️ Breaking change - Input (Input,TextArea,Password)**:
125
- - Rename `readonly` property to `readonlyLight` (@philippechevieux)
126
- - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
127
- - **⚠️ Breaking change - DatePicker/RangePicker**:
128
- - Rename `readonly` property to `readonlyLight` (@philippechevieux)
129
- - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
130
- - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
131
- - **⚠️ Breaking change - RichText**:
132
- - Rename `readonly` property to `readonlyLight` (@philippechevieux)
133
- - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
134
- - Remove `mini` prop (@alechapelain)
135
- - Adapt component to use style attribute on component to override default width and height (@alechapelain)
136
- - **⚠️ Breaking change - Select**:
137
- - Rename `readonly` property to `readonlyLight` (@philippechevieux)
138
- - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
139
- - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
140
- - **⚠️ Breaking change - Avatar**:
141
- - Replace `size` option by : `xs`, `s`, `m`, `l`, `xl` (@fatb38)
142
- - **⚠️ Breaking change - Header**:
143
- - Rename `profile` property to `extraRight` to display extra right content (@philippechevieux)
144
- - Add `brandLogo` property to display brand logo (@evoiron)
145
- - Change 'height' to 48px instead of 64px
146
- - **Comment**:
147
- - Add components Commment and Thread (@baloche)
148
- - **SideMenu**:
149
- - Change 'width' to 48px instead of 64px
150
- - **AutoComplete**:
151
- - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
152
- - **ColorPicker**:
153
- - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
154
- - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
155
- - **InputNumber**:
156
- - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
157
- - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
158
- - **SearchInput**:
159
- - Add component SearchInput (@baloche)
160
- - **SidePanel**:
161
- - Add opening and closing animations (@philippechevieux)
162
- - Add `l` size (@7Remy)
163
- - Add `useChildrenOnly` property to display the side panel as a container for other components or not. Also export two new components `KitSidePanelHeader` and `KitSidePanelContent` for layout purpose (@philippechevieux)
164
- - Add `headerExtraButtons` property to display buttons or any components on the right side of the header next to the close button (@philippechevieux)
165
- - Add `showSeparator` property to display a separator between header and content (@philippechevieux)
166
- - Add `onCloseAfterAnimation` callback that triggers after the closing animation completes instead of immediately on close (@philippechevieux)
167
- - Allow user to use `size` property when using `idCardProps` (@philippechevieux)
168
- - Reduce internal paddings to save space (@philippechevieux)
169
- - Improve alignments of `KitSidePanelHeader` (@philippechevieux)
170
- - **IdCard:**
171
- - Add support for ReactNode in `title` and `descriptions` props to allow custom rendering (@philippechevieux)
172
- - Add support for prop `avatar` as a ReactNode as an alternative for `avatarProps` (@baloche)
173
- - Add `color` for left border color (@sberthier)
174
- - **Tabs:**
175
- - Add `xsmall` size (@florianSimonAristid)
176
- - Add `badgeOverflowCount` prop to display a badge with an overflow count (@philippechevieux)
177
- - Make component responsive by displaying a dropdown with overflowed tabs (@renaudamsellem)
178
- - **Tag:**
179
- - Add `small` size (@florianSimonAristid)
180
- - Add close icon tooltip with `closeText` prop to customize the text (@philippechevieux)
181
- - **Table:**
182
- - Add `expandable` props to config custom expandable content (@florianSimonAristid)
183
- - Add `header` props with `wrapper`, `row` and `cell` variable in `KitTableComponents` type, same props as AntDesign (@florianSimonAristid)
184
- - Add `getRowClassName` function to manage indentation in Table (@florianSimonAristid)
185
- - Add `headerLineSize` property (@baloche)
186
- - **All components with a DropDown:**
187
- - All components using a dropdown inside a `SidePanel` component, will render the dropdown inside the `SidePanel`, to avoid issues with the `closeOnOutsideClick` property of `SidePanel` (@evoiron)
188
- - **Snackbar**
189
- - Allow multiple snackbar areas (@evoiron)
190
- - **Button**
191
- - Add size `m`and `s` to segmented button (@evoiron)
192
- - **InputWrapper**:
193
- - Add forwardRef support to enable ref forwarding to the wrapper element (@philippechevieux)
194
- - **KitPagination:**
195
- - Reduce size (@florianSimonAristid)
196
- - **KitTreeSelect:**
197
- - New TreeSelect component (@evoiron)
198
- - **Filter:**
199
- - Add `showSingleValue` to show value, if there is only 1 value selected (@florianSimonAristid)
200
- - Add `readonly` prop to activate readonly state (@renaudamsellem)
201
- - **Button:**
202
- - Reduce padding of link button (@philippechevieux)
203
- - Extend active state to `primary`, `secondary`, `tertiary` in addition to `segmented` type (@philippechevieux)
204
- - **SidePanel:**
205
- - Display a border left to the side panel when it is not floating (@philippechevieux)
206
- - Display a shadow when the side panel is floating (@philippechevieux)
207
- - **Breadcrumb:**
208
- - Fix line height to 1 (@philippechevieux)
209
- - **Modal:**
210
- - Change default size of buttons to `m` (@philippechevieux)
211
- - Add tooltip hover on close button (@philippechevieux)
212
- - Add border bottom to modal header in fullscreen mode (@philippechevieux)
213
- - **RichText**:
214
- - Add Mentions support (@baloche)
215
- - Add showMenubar prop option to choose the menubar visibility, either on `focus` or `always` (@alechapelain)
216
- - Improve menu display behaviour on resize (@baloche)
217
- - **Empty**:
218
- - Add `no comment` image to the options (@alechapelain)
219
- - **Collapse, ItemCard, RedirectCard**:
220
- - Change hover border width to 2px and focus 3px (@Earnox)
221
- - **Input / Select / DatePicker**:
222
- - Update paddings, gaps and icon sizes for `small`, `middle` and `large` sizes to match new design specs. (@earnox)
188
+ - **⚠️ Breaking change - Notification**:
189
+ - Update `Notification` component. We have moved from the Antd notification component to a home-made component using `react-hot-toast`. Please refer to the documentation for use. (@philippechevieux)
190
+ - **⚠️ Breaking change - Button**:
191
+ - Remove `checked` prop from segmented button (@evoiron)
192
+ - **⚠️ Breaking change - IdCard**:
193
+ - Replacing `size` options (@fatb38)
194
+ - removing `medium` and `large`
195
+ - adding `xxs-medium`, `xs-medium`, `xs-bold`, `s`, `m`, `l`, `xl`
196
+ - **⚠️ Breaking change - Input (Input,TextArea,Password)**:
197
+ - Rename `readonly` property to `readonlyLight` (@philippechevieux)
198
+ - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
199
+ - **⚠️ Breaking change - DatePicker/RangePicker**:
200
+ - Rename `readonly` property to `readonlyLight` (@philippechevieux)
201
+ - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
202
+ - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
203
+ - **⚠️ Breaking change - RichText**:
204
+ - Rename `readonly` property to `readonlyLight` (@philippechevieux)
205
+ - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
206
+ - Remove `mini` prop (@alechapelain)
207
+ - Adapt component to use style attribute on component to override default width and height (@alechapelain)
208
+ - **⚠️ Breaking change - Select**:
209
+ - Rename `readonly` property to `readonlyLight` (@philippechevieux)
210
+ - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
211
+ - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
212
+ - **⚠️ Breaking change - Avatar**:
213
+ - Replace `size` option by : `xs`, `s`, `m`, `l`, `xl` (@fatb38)
214
+ - **⚠️ Breaking change - Header**:
215
+ - Rename `profile` property to `extraRight` to display extra right content (@philippechevieux)
216
+ - Add `brandLogo` property to display brand logo (@evoiron)
217
+ - Change 'height' to 48px instead of 64px
218
+ - **Comment**:
219
+ - Add components Commment and Thread (@baloche)
220
+ - **SideMenu**:
221
+ - Change 'width' to 48px instead of 64px
222
+ - **AutoComplete**:
223
+ - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
224
+ - **ColorPicker**:
225
+ - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
226
+ - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
227
+ - **InputNumber**:
228
+ - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
229
+ - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
230
+ - **SearchInput**:
231
+ - Add component SearchInput (@baloche)
232
+ - **SidePanel**:
233
+ - Add opening and closing animations (@philippechevieux)
234
+ - Add `l` size (@7Remy)
235
+ - Add `useChildrenOnly` property to display the side panel as a container for other components or not. Also export two new components `KitSidePanelHeader` and `KitSidePanelContent` for layout purpose (@philippechevieux)
236
+ - Add `headerExtraButtons` property to display buttons or any components on the right side of the header next to the close button (@philippechevieux)
237
+ - Add `showSeparator` property to display a separator between header and content (@philippechevieux)
238
+ - Add `onCloseAfterAnimation` callback that triggers after the closing animation completes instead of immediately on close (@philippechevieux)
239
+ - Allow user to use `size` property when using `idCardProps` (@philippechevieux)
240
+ - Reduce internal paddings to save space (@philippechevieux)
241
+ - Improve alignments of `KitSidePanelHeader` (@philippechevieux)
242
+ - **IdCard:**
243
+ - Add support for ReactNode in `title` and `descriptions` props to allow custom rendering (@philippechevieux)
244
+ - Add support for prop `avatar` as a ReactNode as an alternative for `avatarProps` (@baloche)
245
+ - Add `color` for left border color (@sberthier)
246
+ - **Tabs:**
247
+ - Add `xsmall` size (@florianSimonAristid)
248
+ - Add `badgeOverflowCount` prop to display a badge with an overflow count (@philippechevieux)
249
+ - Make component responsive by displaying a dropdown with overflowed tabs (@renaudamsellem)
250
+ - **Tag:**
251
+ - Add `small` size (@florianSimonAristid)
252
+ - Add close icon tooltip with `closeText` prop to customize the text (@philippechevieux)
253
+ - **Table:**
254
+ - Add `expandable` props to config custom expandable content (@florianSimonAristid)
255
+ - Add `header` props with `wrapper`, `row` and `cell` variable in `KitTableComponents` type, same props as AntDesign (@florianSimonAristid)
256
+ - Add `getRowClassName` function to manage indentation in Table (@florianSimonAristid)
257
+ - Add `headerLineSize` property (@baloche)
258
+ - **All components with a DropDown:**
259
+ - All components using a dropdown inside a `SidePanel` component, will render the dropdown inside the `SidePanel`, to avoid issues with the `closeOnOutsideClick` property of `SidePanel` (@evoiron)
260
+ - **Snackbar**
261
+ - Allow multiple snackbar areas (@evoiron)
262
+ - **Button**
263
+ - Add size `m`and `s` to segmented button (@evoiron)
264
+ - **InputWrapper**:
265
+ - Add forwardRef support to enable ref forwarding to the wrapper element (@philippechevieux)
266
+ - **KitPagination:**
267
+ - Reduce size (@florianSimonAristid)
268
+ - **KitTreeSelect:**
269
+ - New TreeSelect component (@evoiron)
270
+ - **Filter:**
271
+ - Add `showSingleValue` to show value, if there is only 1 value selected (@florianSimonAristid)
272
+ - Add `readonly` prop to activate readonly state (@renaudamsellem)
273
+ - **Button:**
274
+ - Reduce padding of link button (@philippechevieux)
275
+ - Extend active state to `primary`, `secondary`, `tertiary` in addition to `segmented` type (@philippechevieux)
276
+ - **SidePanel:**
277
+ - Display a border left to the side panel when it is not floating (@philippechevieux)
278
+ - Display a shadow when the side panel is floating (@philippechevieux)
279
+ - **Breadcrumb:**
280
+ - Fix line height to 1 (@philippechevieux)
281
+ - **Modal:**
282
+ - Change default size of buttons to `m` (@philippechevieux)
283
+ - Add tooltip hover on close button (@philippechevieux)
284
+ - Add border bottom to modal header in fullscreen mode (@philippechevieux)
285
+ - **RichText**:
286
+ - Add Mentions support (@baloche)
287
+ - Add showMenubar prop option to choose the menubar visibility, either on `focus` or `always` (@alechapelain)
288
+ - Improve menu display behaviour on resize (@baloche)
289
+ - **Empty**:
290
+ - Add `no comment` image to the options (@alechapelain)
291
+ - **Collapse, ItemCard, RedirectCard**:
292
+ - Change hover border width to 2px and focus 3px (@Earnox)
293
+ - **Input / Select / DatePicker**:
294
+ - Update paddings, gaps and icon sizes for `small`, `middle` and `large` sizes to match new design specs. (@earnox)
223
295
 
224
296
  ### 🐛 Bug Fixes
225
297
 
226
- - **Progress:**
227
- - Fix height of progress line trail to auto (@philippechevieux)
228
- - **Modal:**
229
- - Fix double execution of close function when clicking the close button due to duplicate onClick handlers on button and icon (@philippechevieux)
230
- - Fix event propagation on close Modal (@evoiron)
231
- - Fix title display. If `title` props is a ReactNode, it's now not encapsulated in a `KitTypography` Element (@evoiron)
232
- - Fix padding of modal header, content and footer (@philippechevieux)
233
- - Fix horizontal scroll issue when content is too wide (@philippechevieux)
234
- - **DropDown:**
235
- - Clicking outside the `DropDown` now closes it even when inside an iframe (@philippechevieux)
236
- - Keep the `DropDown` open when selecting items (@philippechevieux)
237
- - Fix double toggle issue when clicking the trigger after closing via blur (@philippechevieux)
238
- - **Upload:**
239
- - Fix upload dragger height unexpectedly growing in some cases (@evoiron)
240
- - **SidePanel**:
241
- - Export `KitSidePanelHeader` and `KitSidePanelContent` components from the main package entry point (@philippechevieux)
242
- - Fix CSS structure by extracting nested header and content styles into separate classes for proper component isolation (@philippechevieux)
243
- - **TagGroup:**
244
- - Fix event Propagation on click to sidplay hidden tags (@evoiron)
245
- - **ColorPicker:**
246
- - Fix clear button displaying when component is disabled or readonly (@philippechevieux)
247
- - **Breadcrumb:**
248
- - Fix `KitBreadcrumb` css is broken when displayed a `KitTypography` (@evoiron)
249
- - Fix `KitBreadcrumb` css is broken when displayed a `KitModal` header (@evoiron)
250
- - **Table**:
251
- - Fix header and row borders issue when using `KitTable` with only one column (@philippechevieux)
252
- - Update title example (@earnox)
253
- - **Tabs:**
254
- - Fix badge count issue when using `xsmall` size (@philippechevieux)
255
- - **Filter:**
256
- - Cursor should be `not-allowed` if filter has props disabled and expandable (@renaudamsellem)
257
- - Added key to avoid wrong dropdown positioning due to possible content shifting when the dropdown is open (@alechapelain)
258
- - **Radio:**
259
- - Fix `danger` state styles (@alechapelain)
260
- - **Checkbox:**
261
- - Fix `danger` state styles (@alechapelain)
262
- - **Tree:**
263
- - Sets the tree node pseudo-element height to zero to remove unintended vertical spacing. (@philippechevieux)
298
+ - **Progress:**
299
+ - Fix height of progress line trail to auto (@philippechevieux)
300
+ - **Modal:**
301
+ - Fix double execution of close function when clicking the close button due to duplicate onClick handlers on button and icon (@philippechevieux)
302
+ - Fix event propagation on close Modal (@evoiron)
303
+ - Fix title display. If `title` props is a ReactNode, it's now not encapsulated in a `KitTypography` Element (@evoiron)
304
+ - Fix padding of modal header, content and footer (@philippechevieux)
305
+ - Fix horizontal scroll issue when content is too wide (@philippechevieux)
306
+ - **DropDown:**
307
+ - Clicking outside the `DropDown` now closes it even when inside an iframe (@philippechevieux)
308
+ - Keep the `DropDown` open when selecting items (@philippechevieux)
309
+ - Fix double toggle issue when clicking the trigger after closing via blur (@philippechevieux)
310
+ - **Upload:**
311
+ - Fix upload dragger height unexpectedly growing in some cases (@evoiron)
312
+ - **SidePanel**:
313
+ - Export `KitSidePanelHeader` and `KitSidePanelContent` components from the main package entry point (@philippechevieux)
314
+ - Fix CSS structure by extracting nested header and content styles into separate classes for proper component isolation (@philippechevieux)
315
+ - **TagGroup:**
316
+ - Fix event Propagation on click to sidplay hidden tags (@evoiron)
317
+ - **ColorPicker:**
318
+ - Fix clear button displaying when component is disabled or readonly (@philippechevieux)
319
+ - **Breadcrumb:**
320
+ - Fix `KitBreadcrumb` css is broken when displayed a `KitTypography` (@evoiron)
321
+ - Fix `KitBreadcrumb` css is broken when displayed a `KitModal` header (@evoiron)
322
+ - **Table**:
323
+ - Fix header and row borders issue when using `KitTable` with only one column (@philippechevieux)
324
+ - Update title example (@earnox)
325
+ - **Tabs:**
326
+ - Fix badge count issue when using `xsmall` size (@philippechevieux)
327
+ - **Filter:**
328
+ - Cursor should be `not-allowed` if filter has props disabled and expandable (@renaudamsellem)
329
+ - Added key to avoid wrong dropdown positioning due to possible content shifting when the dropdown is open (@alechapelain)
330
+ - **Radio:**
331
+ - Fix `danger` state styles (@alechapelain)
332
+ - **Checkbox:**
333
+ - Fix `danger` state styles (@alechapelain)
334
+ - **Tree:**
335
+ - Sets the tree node pseudo-element height to zero to remove unintended vertical spacing. (@philippechevieux)
264
336
 
265
337
  ### 📚 Documentation
266
338
 
267
- - **Table**:
268
- - Add `onRow` usage (@philippechevieux)
269
- - **Filter**:
270
- - Update `With custom Action` exemple implementation (@philippechevieux)
339
+ - **Table**:
340
+ - Add `onRow` usage (@philippechevieux)
341
+ - **Filter**:
342
+ - Update `With custom Action` exemple implementation (@philippechevieux)
271
343
 
272
344
  ## [14.0.0](https://www.npmjs.com/package/aristid-ds/v/14.0.0) (2025-05-20)
273
345
 
274
346
  ### ✨ Features
275
347
 
276
- - **Typography**:
277
- - Original `Text`, `Link`, `Title` and `Paragraph` have been renamed to `AdvancedText`, `AdvancedLink`, `AdvancedTitle` and `AdvancedParagraph`. (@evoiron)
278
- - `Text`, `Link`, `Title` and `Paragraph` components are now lightweight versions of original ones providing only basic features. (@evoiron)
279
- - Added `withTooltip` prop for non Advanced versions to add a tooltip which is now not displayed by deefault when content is ellipsed. (@evoiron)
280
- - **IdCard**:
281
- - Remove use of `Typography.Text` component (@evoiron)
282
- - Add `disableTooltip` property to disable tooltip on title and description (@evoiron)
283
- - **⚠️ Breaking change - Upload**:
284
- - Remove the following properties: (@philippechevieux)
285
- - `listType`
286
- - `itemRender`
287
- - `openFileDialogOnClick`
288
- - `loading`
289
- - `isImageUrl`
290
- - `imageUrl`
291
- - `progress`
292
- - `previewFile`
293
- - `showUploadList`
294
- - Update component render (@philippechevieux)
295
- - **RichText**:
296
- - Add `mini` property to display a minified version of the component (@renaudamsellem)
297
- - **SidePanel**:
298
- - Add opening and closing animations (@philippechevieux)
348
+ - **Typography**:
349
+ - Original `Text`, `Link`, `Title` and `Paragraph` have been renamed to `AdvancedText`, `AdvancedLink`, `AdvancedTitle` and `AdvancedParagraph`. (@evoiron)
350
+ - `Text`, `Link`, `Title` and `Paragraph` components are now lightweight versions of original ones providing only basic features. (@evoiron)
351
+ - Added `withTooltip` prop for non Advanced versions to add a tooltip which is now not displayed by deefault when content is ellipsed. (@evoiron)
352
+ - **IdCard**:
353
+ - Remove use of `Typography.Text` component (@evoiron)
354
+ - Add `disableTooltip` property to disable tooltip on title and description (@evoiron)
355
+ - **⚠️ Breaking change - Upload**:
356
+ - Remove the following properties: (@philippechevieux)
357
+ - `listType`
358
+ - `itemRender`
359
+ - `openFileDialogOnClick`
360
+ - `loading`
361
+ - `isImageUrl`
362
+ - `imageUrl`
363
+ - `progress`
364
+ - `previewFile`
365
+ - `showUploadList`
366
+ - Update component render (@philippechevieux)
367
+ - **RichText**:
368
+ - Add `mini` property to display a minified version of the component (@renaudamsellem)
369
+ - **SidePanel**:
370
+ - Add opening and closing animations (@philippechevieux)
299
371
 
300
372
  ### 🐛 Bug Fixes
301
373
 
302
- - **Modal:**
303
- - KitModal.setAppElement was defined in typescript but not implemented (@evoiron)
304
- - **Tag:**
305
- - Hide `closeIcon` for tags in a group if handleCloseTag is not provided (@philippechevieux)
306
- - Remove tooltip for other tags in TagGroup (@NicoSourimant)
307
- - **DatePicker/RangePicker**
308
- - Fix color of prefix icon when component is `disabled`, in `warning` or `error` status (@philippechevieux)
374
+ - **Modal:**
375
+ - KitModal.setAppElement was defined in typescript but not implemented (@evoiron)
376
+ - **Tag:**
377
+ - Hide `closeIcon` for tags in a group if handleCloseTag is not provided (@philippechevieux)
378
+ - Remove tooltip for other tags in TagGroup (@NicoSourimant)
379
+ - **DatePicker/RangePicker**
380
+ - Fix color of prefix icon when component is `disabled`, in `warning` or `error` status (@philippechevieux)
309
381
 
310
382
  ### 📚 Documentation
311
383
 
312
- - **Tree**:
313
- - Add exemple of a long title with ellipsis (@philippechevieux)
384
+ - **Tree**:
385
+ - Add exemple of a long title with ellipsis (@philippechevieux)
314
386
 
315
387
  ## [13.0.0](https://www.npmjs.com/package/aristid-ds/v/13.0.0) (2025-02-17)
316
388
 
317
389
  ### ✨ CI
318
390
 
319
- - Add a pre-commit hook. Now, `eslint` and `tscheck` are run before each commit (@evoiron)
391
+ - Add a pre-commit hook. Now, `eslint` and `tscheck` are run before each commit (@evoiron)
320
392
 
321
393
  ### 📦 Upgrade
322
394
 
@@ -324,405 +396,401 @@
324
396
 
325
397
  The following points are the impact of this version upgrade:
326
398
 
327
- - **Avatar**:
328
- - Add `max` prop to set maximum display related configurations. The following props are now deprecated: (@philippechevieux)
329
- - `maxCount`
330
- - `maxStyle`
331
- - `maxPopoverPlacement`
332
- - `maxPopoverTrigger`
333
- - **Table**:
334
- - Add `onScroll` prop that will be triggered when table body is scrolled (@philippechevieux)
335
- - Add `showSorterTooltip` prop to manage sorting tooltip (@philippechevieux)
336
- - Add `minWidth` prop to set column min width (@philippechevieux)
337
- - **Tree**:
338
- - Add `switcherLoadingIcon` prop to customize loading icons for tree nodes (@philippechevieux)
339
- - **Pagination**:
340
- - Add `showSizeChanger` prop to show or not the pages selector (@7Remy)
341
- - Disallow `simple` and `align` props (@7Remy)
342
- - **Progress**:
343
- - Add `percentPosition` prop to decide where the percentage is (@7Remy)
344
- - **Typography**:
345
- - `expandable` prop has new possible value `collapsible`, in addition to exisiting booleans (@7Remy)
346
- - **Input**:
347
- - Add `onClear` prop that will be triggered when the clear button is clicked (@evoiron)
348
- - **InputNumber**:
349
- - `focus` method on ref now accepts a `cursor` parameter that controls the cursor behavior on focus. See doc for details (@evoiron)
350
- - `nativeElement` is now exposed by ref to get access to the dom Element (@evoiron)
351
- - **Slider**:
352
- - Add `editable` prop on the `range` props of `KitSlider` (@evoiron)
353
- - Add `minCount` prop on the `range` props of `KitSlider` (@evoiron)
354
- - Add `maxCount` prop on the `range` props of `KitSlider` (@evoiron)
355
- - **Upload**:
356
- - Add `extra` option to `showUploadList` prop (@evoiron)
357
- - Options `showPreview`, `showRemoveIcon` and `showDownloadIcon` of `showUploadList` prop now accept a function (@evoiron)
358
- - **Checkbox**:
359
- - Add focus event listeners `onFocus` and `onBlur` props with documentation (@P0ppoff)
360
- - Update documentation to avoid conflict in API section between `<Checkbox />` and `<Checkbox.Group />` (@P0ppoff)
361
- - **ColorPicker**
362
- - Disallow `mode` prop from upgrade (@P0ppoff)
363
- - Add `disabledFormat` prop (@P0ppoff)
364
- - Add method to convert CSS to string: `toCssString` (@P0ppoff)
365
- - **DatePicker**
366
- - Rework `prefix`/`suffixIcon` icon props + new example (Christmas theme) (@P0ppoff)
367
- - **Select**
368
- - Fix alignment for multiple values (@P0ppoff)
369
- - Fix `oneLineTags` message (@P0ppoff)
370
- - Allow to customize `prefix` and `suffixIcon` icons (@P0ppoff)
371
- - Add `filterSort` prop to replace sort on array of selectable values (@P0ppoff)
399
+ - **Avatar**:
400
+ - Add `max` prop to set maximum display related configurations. The following props are now deprecated: (@philippechevieux)
401
+ - `maxCount`
402
+ - `maxStyle`
403
+ - `maxPopoverPlacement`
404
+ - `maxPopoverTrigger`
405
+ - **Table**:
406
+ - Add `onScroll` prop that will be triggered when table body is scrolled (@philippechevieux)
407
+ - Add `showSorterTooltip` prop to manage sorting tooltip (@philippechevieux)
408
+ - Add `minWidth` prop to set column min width (@philippechevieux)
409
+ - **Tree**:
410
+ - Add `switcherLoadingIcon` prop to customize loading icons for tree nodes (@philippechevieux)
411
+ - **Pagination**:
412
+ - Add `showSizeChanger` prop to show or not the pages selector (@7Remy)
413
+ - Disallow `simple` and `align` props (@7Remy)
414
+ - **Progress**:
415
+ - Add `percentPosition` prop to decide where the percentage is (@7Remy)
416
+ - **Typography**:
417
+ - `expandable` prop has new possible value `collapsible`, in addition to exisiting booleans (@7Remy)
418
+ - **Input**:
419
+ - Add `onClear` prop that will be triggered when the clear button is clicked (@evoiron)
420
+ - **InputNumber**:
421
+ - `focus` method on ref now accepts a `cursor` parameter that controls the cursor behavior on focus. See doc for details (@evoiron)
422
+ - `nativeElement` is now exposed by ref to get access to the dom Element (@evoiron)
423
+ - **Slider**:
424
+ - Add `editable` prop on the `range` props of `KitSlider` (@evoiron)
425
+ - Add `minCount` prop on the `range` props of `KitSlider` (@evoiron)
426
+ - Add `maxCount` prop on the `range` props of `KitSlider` (@evoiron)
427
+ - **Upload**:
428
+ - Add `extra` option to `showUploadList` prop (@evoiron)
429
+ - Options `showPreview`, `showRemoveIcon` and `showDownloadIcon` of `showUploadList` prop now accept a function (@evoiron)
430
+ - **Checkbox**:
431
+ - Add focus event listeners `onFocus` and `onBlur` props with documentation (@P0ppoff)
432
+ - Update documentation to avoid conflict in API section between `<Checkbox />` and `<Checkbox.Group />` (@P0ppoff)
433
+ - **ColorPicker**
434
+ - Disallow `mode` prop from upgrade (@P0ppoff)
435
+ - Add `disabledFormat` prop (@P0ppoff)
436
+ - Add method to convert CSS to string: `toCssString` (@P0ppoff)
437
+ - **DatePicker**
438
+ - Rework `prefix`/`suffixIcon` icon props + new example (Christmas theme) (@P0ppoff)
439
+ - **Select**
440
+ - Fix alignment for multiple values (@P0ppoff)
441
+ - Fix `oneLineTags` message (@P0ppoff)
442
+ - Allow to customize `prefix` and `suffixIcon` icons (@P0ppoff)
443
+ - Add `filterSort` prop to replace sort on array of selectable values (@P0ppoff)
372
444
 
373
445
  ### ✨ Features
374
446
 
375
- - **⚠️ Breaking change - Tree**:
376
- - Remove `showLine` and `switcherIcon` properties (@philippechevieux)
377
- - Update component render (@philippechevieux)
378
- - Wrap switcher icon to add `aria-label` to improve accessibility (@philippechevieux)
379
- - **⚠️ Breaking change - Progress**:
380
- - Complete rewriting of the `Progress` component without Ant (@philippechevieux)
381
- - Remove all Ant props (@philippechevieux)
382
- - `circle` and `dashboard` type are no longer available (@philippechevieux)
383
- - **Snackbar**:
384
- - Add `snackbarId` property to allow to update a snackbar (@evoiron)
385
- - **Button**:
386
- - Add `action` type button (@evoiron)
387
- - **Tabs**:
388
- - Add controlled state to handle navigation within tabs (@renaudamsellem)
389
- - **SidePanel**:
390
- - Add `headerExtra` prop to display extra content above header title (@philippechevieux)
447
+ - **⚠️ Breaking change - Tree**:
448
+ - Remove `showLine` and `switcherIcon` properties (@philippechevieux)
449
+ - Update component render (@philippechevieux)
450
+ - Wrap switcher icon to add `aria-label` to improve accessibility (@philippechevieux)
451
+ - **⚠️ Breaking change - Progress**:
452
+ - Complete rewriting of the `Progress` component without Ant (@philippechevieux)
453
+ - Remove all Ant props (@philippechevieux)
454
+ - `circle` and `dashboard` type are no longer available (@philippechevieux)
455
+ - **Snackbar**:
456
+ - Add `snackbarId` property to allow to update a snackbar (@evoiron)
457
+ - **Button**:
458
+ - Add `action` type button (@evoiron)
459
+ - **Tabs**:
460
+ - Add controlled state to handle navigation within tabs (@renaudamsellem)
461
+ - **SidePanel**:
462
+ - Add `headerExtra` prop to display extra content above header title (@philippechevieux)
391
463
 
392
464
  ### 🐛 Bug Fixes
393
465
 
394
- - **SidePanel**
395
- - Fix `closeOnOutsideClick` behavior to listen to `click` event instead on `mousedeown` (@evoiron)
396
- - **ColorPicker**
397
- - Fix `onFormatChange` behavior (@philippechevieux)
398
- - **Modal**
399
- - Allow to pass className as props just like other components (@renaudamsellem)
400
- - **Button**
401
- - Fix hover and focus state color when redirect button is inside a typography text (@renaudamsellem)
466
+ - **SidePanel**
467
+ - Fix `closeOnOutsideClick` behavior to listen to `click` event instead on `mousedeown` (@evoiron)
468
+ - **ColorPicker**
469
+ - Fix `onFormatChange` behavior (@philippechevieux)
470
+ - **Modal**
471
+ - Allow to pass className as props just like other components (@renaudamsellem)
472
+ - **Button**
473
+ - Fix hover and focus state color when redirect button is inside a typography text (@renaudamsellem)
402
474
 
403
475
  ## [12.0.0](https://www.npmjs.com/package/aristid-ds/v/12.0.0) (2024-01-09)
404
476
 
405
477
  ### ✨ Features
406
478
 
407
- - **Tag Group**:
408
- - Display hidden tags (@Delmotte-Vincent)
409
- - **SidePanel**:
410
- - Close side panel on escape key press (@Delmotte-Vincent)
411
- - Close side panel on click outside (@Delmotte-Vincent)
412
- - **⚠️ Breaking change - InputWrapper**:
413
- - Removed `actions` prop and replace it by `extra` prop (@philippechevieux)
414
- - Remove `infoIcon` and `onInfoClick` props. Please use `extra` prop instead (@philippechevieux)
415
- - **⚠️ Breaking change - SnackBar**:
416
- - Deprecated `ctaText` and `ctaOnClick` props and replace it by `actions` prop (@evoiron)
417
- - `message` prop now accepts a `ReactNode` (@evoiron)
418
- - Add `onClose` prop to allow some action when closing the snackbar (@evoiron)
419
- - Add `actionsInDropDown` prop to force display all actions in a dropdown. By default it can handle 3 actions before showing a dropdown (@evoiron)
420
- - **DatePicker**:
421
- - Design update (@fatb38)
422
- - **ColorPicker**:
423
- - Displays a placeholder when no color is selected (@philippechevieux)
424
- - Add `placeholder` prop to customize the default placeholder (@philippechevieux)
425
- - Delete button to remove color from DropDown (@philippechevieux)
426
- - Add a default `min-width` to prevent from changing width when selecting a color (@philippechevieux)
427
- - **Select**:
428
- - Add `onDeselect` prop called when an option is deselected. Only called for `multiple` or `tags` (@philippechevieux)
429
- - Add `onTagClose` prop to `IKitOption` called when a tag is closed (@philippechevieux)
430
- - **RichText**:
431
- - Add suport for HTML `autoFocus` prop (@philippechevieux)
479
+ - **Tag Group**:
480
+ - Display hidden tags (@Delmotte-Vincent)
481
+ - **SidePanel**:
482
+ - Close side panel on escape key press (@Delmotte-Vincent)
483
+ - Close side panel on click outside (@Delmotte-Vincent)
484
+ - **⚠️ Breaking change - InputWrapper**:
485
+ - Removed `actions` prop and replace it by `extra` prop (@philippechevieux)
486
+ - Remove `infoIcon` and `onInfoClick` props. Please use `extra` prop instead (@philippechevieux)
487
+ - **⚠️ Breaking change - SnackBar**:
488
+ - Deprecated `ctaText` and `ctaOnClick` props and replace it by `actions` prop (@evoiron)
489
+ - `message` prop now accepts a `ReactNode` (@evoiron)
490
+ - Add `onClose` prop to allow some action when closing the snackbar (@evoiron)
491
+ - Add `actionsInDropDown` prop to force display all actions in a dropdown. By default it can handle 3 actions before showing a dropdown (@evoiron)
492
+ - **DatePicker**:
493
+ - Design update (@fatb38)
494
+ - **ColorPicker**:
495
+ - Displays a placeholder when no color is selected (@philippechevieux)
496
+ - Add `placeholder` prop to customize the default placeholder (@philippechevieux)
497
+ - Delete button to remove color from DropDown (@philippechevieux)
498
+ - Add a default `min-width` to prevent from changing width when selecting a color (@philippechevieux)
499
+ - **Select**:
500
+ - Add `onDeselect` prop called when an option is deselected. Only called for `multiple` or `tags` (@philippechevieux)
501
+ - Add `onTagClose` prop to `IKitOption` called when a tag is closed (@philippechevieux)
502
+ - **RichText**:
503
+ - Add suport for HTML `autoFocus` prop (@philippechevieux)
432
504
 
433
505
  ### 🐛 Bug Fixes
434
506
 
435
- - **ColorPicker**:
436
- - Fix an issue related to `defaultValue` prop (@philippechevieux)
437
- - Fix an issue where the DropDown remained open even if the `open` prop was set to `false` (@philippechevieux)
438
- - Fix an issue where it was no longer possible to change the color type (`rgb`, `hex`, `hsb`) from the DropDown (@philippechevieux)
439
- - Fix an issue where opacity was no longer displayed as a percentage for a hex color (@philippechevieux)
440
- - Fix clear icon position when using `showText` prop (@philippechevieux)
441
- - **InputNumber**:
442
- - Fix text default color (@philippechevieux)
443
- - **Error:**
444
- - Fix svg responsiveness (@philippechevieux)
445
- - **RedirectCard**:
446
- - Fix arrow position (@nicolasnssm)
447
- - **Tabs**:
448
- - Fix full-width instead of fit-content for pill tabs (@fatb38)
507
+ - **ColorPicker**:
508
+ - Fix an issue related to `defaultValue` prop (@philippechevieux)
509
+ - Fix an issue where the DropDown remained open even if the `open` prop was set to `false` (@philippechevieux)
510
+ - Fix an issue where it was no longer possible to change the color type (`rgb`, `hex`, `hsb`) from the DropDown (@philippechevieux)
511
+ - Fix an issue where opacity was no longer displayed as a percentage for a hex color (@philippechevieux)
512
+ - Fix clear icon position when using `showText` prop (@philippechevieux)
513
+ - **InputNumber**:
514
+ - Fix text default color (@philippechevieux)
515
+ - **Error:**
516
+ - Fix svg responsiveness (@philippechevieux)
517
+ - **RedirectCard**:
518
+ - Fix arrow position (@nicolasnssm)
519
+ - **Tabs**:
520
+ - Fix full-width instead of fit-content for pill tabs (@fatb38)
449
521
 
450
522
  ## [11.0.0](https://www.npmjs.com/package/aristid-ds/v/11.0.0) (2024-11-27)
451
523
 
452
524
  ### ✨ Features
453
525
 
454
- - **⚠️ Breaking change - Menu:**
455
- - Deprecated `Menu` component has been removed (@evoiron)
456
- - **⚠️ Breaking change - Tabs:**
457
- - New custom-made component without Ant (@fatb38)
458
- - Remove all Ant props (@fatb38)
459
- - Remove `hideSeparator` prop (@fatb38)
460
- - **⚠️ Breaking change - Pagination:**
461
- - `bordered` prop doesn't exist anymore (@7Remy)
462
- - New design (@7Remy)
463
- - **⚠️ Breaking change - Button:**
464
- - Change available colors on segmented button (same as `Tag` component) (@evoiron)
465
- - **Table**:
466
- - Handle two different line heights (m/l) (@7Remy)
467
- - Reduce sort icons size (@7Remy)
468
- - Fix table header height (@7Remy)
469
- - Make rows sortable (added `showDragHandle` and `DragHandleelement` props) (@evoiron)
470
- - Make table and rows background customisable with `cellsBackgroundColor` and `backgroundColor`props (@evoiron)
471
- - Add `showHeader`prop to show or hide table header (@evoiron)
472
- - Add `borderedRows` prop to add a border to table rows (@evoiron)
473
- - **Button**
474
- - Add role `link` when type prop is set to `link` or `redirect` (@philippechevieux)
475
- - Add `size` props, usable when type is `primary`, `secondary` or `tertiary` (@evoiron)
476
- - Add split button. Just fill the `items` props to enable it. (@evoiron)
477
- - **ColorPicker**
478
- - Add `ref` support to retrieve the `value`, `focus` or `blur` the `ColorPicker` (@philippechevieux)
479
- - Add a clear icon inside `ColorPicker` input when `allowClear` prop is set (@philippechevieux)
480
- - **Empty**:
481
- - Add 5 svgs, and replace existing ones to uniformize size (@7Remy)
482
- - **ItemCard**:
483
- - Update image container (@7Remy)
484
- - Update elements order/spacing (@7Remy)
485
- - Improve responsive (@7Remy)
486
- - **ItemList**:
487
- - Display 2 actions and ellipsis with remaining actions when there are more than 3 actions (@renaudamsellem)
488
- - Add the possibility to display all actions in a dropdown by passing the new `actionsInDropdown` prop (@renaudamsellem)
489
- - **RedirectCard**:
490
- - Allow to display more than 3 actions (@renaudamsellem)
491
- - Add the possibility to display all actions in a dropdown by passing the new `actionsInDropdown` prop (@renaudamsellem)
492
- - **Collapse**:
493
- - Update `clear` icon render (@philippechevieux)
494
- - **Input**:
495
- - Update `clear` icon render (@philippechevieux)
496
- - **Password**:
497
- - Update `clear` icon render (@philippechevieux)
498
- - **TextArea**:
499
- - Update `clear` icon render (@philippechevieux)
500
- - **Select**:
501
- - Update `clear` icon render (@philippechevieux)
502
- - **Notification**:
503
- - Update `clear` icon render (@philippechevieux)
504
- - **Filter**:
505
- - Add the new Filter component (@evoiron)
526
+ - **⚠️ Breaking change - Menu:**
527
+ - Deprecated `Menu` component has been removed (@evoiron)
528
+ - **⚠️ Breaking change - Tabs:**
529
+ - New custom-made component without Ant (@fatb38)
530
+ - Remove all Ant props (@fatb38)
531
+ - Remove `hideSeparator` prop (@fatb38)
532
+ - **⚠️ Breaking change - Pagination:**
533
+ - `bordered` prop doesn't exist anymore (@7Remy)
534
+ - New design (@7Remy)
535
+ - **⚠️ Breaking change - Button:**
536
+ - Change available colors on segmented button (same as `Tag` component) (@evoiron)
537
+ - **Table**:
538
+ - Handle two different line heights (m/l) (@7Remy)
539
+ - Reduce sort icons size (@7Remy)
540
+ - Fix table header height (@7Remy)
541
+ - Make rows sortable (added `showDragHandle` and `DragHandleelement` props) (@evoiron)
542
+ - Make table and rows background customisable with `cellsBackgroundColor` and `backgroundColor`props (@evoiron)
543
+ - Add `showHeader`prop to show or hide table header (@evoiron)
544
+ - Add `borderedRows` prop to add a border to table rows (@evoiron)
545
+ - **Button**
546
+ - Add role `link` when type prop is set to `link` or `redirect` (@philippechevieux)
547
+ - Add `size` props, usable when type is `primary`, `secondary` or `tertiary` (@evoiron)
548
+ - Add split button. Just fill the `items` props to enable it. (@evoiron)
549
+ - **ColorPicker**
550
+ - Add `ref` support to retrieve the `value`, `focus` or `blur` the `ColorPicker` (@philippechevieux)
551
+ - Add a clear icon inside `ColorPicker` input when `allowClear` prop is set (@philippechevieux)
552
+ - **Empty**:
553
+ - Add 5 svgs, and replace existing ones to uniformize size (@7Remy)
554
+ - **ItemCard**:
555
+ - Update image container (@7Remy)
556
+ - Update elements order/spacing (@7Remy)
557
+ - Improve responsive (@7Remy)
558
+ - **ItemList**:
559
+ - Display 2 actions and ellipsis with remaining actions when there are more than 3 actions (@renaudamsellem)
560
+ - Add the possibility to display all actions in a dropdown by passing the new `actionsInDropdown` prop (@renaudamsellem)
561
+ - **RedirectCard**:
562
+ - Allow to display more than 3 actions (@renaudamsellem)
563
+ - Add the possibility to display all actions in a dropdown by passing the new `actionsInDropdown` prop (@renaudamsellem)
564
+ - **Collapse**:
565
+ - Update `clear` icon render (@philippechevieux)
566
+ - **Input**:
567
+ - Update `clear` icon render (@philippechevieux)
568
+ - **Password**:
569
+ - Update `clear` icon render (@philippechevieux)
570
+ - **TextArea**:
571
+ - Update `clear` icon render (@philippechevieux)
572
+ - **Select**:
573
+ - Update `clear` icon render (@philippechevieux)
574
+ - **Notification**:
575
+ - Update `clear` icon render (@philippechevieux)
576
+ - **Filter**:
577
+ - Add the new Filter component (@evoiron)
506
578
 
507
579
  ### 🐛 Bug Fixes
508
580
 
509
- - **InputWrapper**:
510
- - Fix an issue where a child `InputWrapper` was displaying a border if a parent `InputWrapper` had the `bordered` property set to `true`. (@philippechevieux)
511
- - Fix `onInfoClick` button render (@philippechevieux)
512
- - Fix `actions` alignment (@philippechevieux)
513
- - **AutoComplete**:
514
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
515
- - **DatePicker**:
516
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
517
- - **RangePicker**:
518
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
519
- - **Password**:
520
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
521
- - **TextArea**:
522
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
523
- - **InputNumber**:
524
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
525
- - **Select**:
526
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
527
- - Fix avatar space when no icon on tag mode (@renaudamsellem)
528
- - **RichText**:
529
- - Enforce css for bullet list display. Avoid external css from breaking it. (@evoiron)
581
+ - **InputWrapper**:
582
+ - Fix an issue where a child `InputWrapper` was displaying a border if a parent `InputWrapper` had the `bordered` property set to `true`. (@philippechevieux)
583
+ - Fix `onInfoClick` button render (@philippechevieux)
584
+ - Fix `actions` alignment (@philippechevieux)
585
+ - **AutoComplete**:
586
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
587
+ - **DatePicker**:
588
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
589
+ - **RangePicker**:
590
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
591
+ - **Password**:
592
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
593
+ - **TextArea**:
594
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
595
+ - **InputNumber**:
596
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
597
+ - **Select**:
598
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
599
+ - Fix avatar space when no icon on tag mode (@renaudamsellem)
600
+ - **RichText**:
601
+ - Enforce css for bullet list display. Avoid external css from breaking it. (@evoiron)
530
602
 
531
603
  ### 📚 Documentation
532
604
 
533
- - upgrade Storybook to v8.3.6 (@evoiron)
534
- - Unify storybook headings (@evoiron)
535
- - Rewrite Accessibility Panel for better performances (@evoiron)
605
+ - upgrade Storybook to v8.3.6 (@evoiron)
606
+ - Unify storybook headings (@evoiron)
607
+ - Rewrite Accessibility Panel for better performances (@evoiron)
536
608
 
537
609
  ## [10.1.0](https://www.npmjs.com/package/aristid-ds/v/10.1.0) (2024-10-15)
538
610
 
539
611
  ### ✨ Features
540
612
 
541
- - **ItemList**:
542
- - Add a third right action (@fatb38)
543
- - Add new state `onError` (@fatb38)
544
- - Add the possibility to hide actions and display it on hover with `showActionOnHover` prop (@fatb38)
545
- - Box shadow is now only present on hover (@fatb38)
546
- - **RichText:**
547
- - Add `onFocus` and `onBlur` properties (@philippechevieux)
613
+ - **ItemList**:
614
+ - Add a third right action (@fatb38)
615
+ - Add new state `onError` (@fatb38)
616
+ - Add the possibility to hide actions and display it on hover with `showActionOnHover` prop (@fatb38)
617
+ - Box shadow is now only present on hover (@fatb38)
618
+ - **RichText:**
619
+ - Add `onFocus` and `onBlur` properties (@philippechevieux)
548
620
 
549
621
  ### 🐛 Bug Fixes
550
622
 
551
- - **Select:**
552
- - Correctly display custom values in tags mode (@evoiron)
553
- - **RichText**:
554
- - Fix component and menu bar width. (@philippechevieux)
555
- - **Alert**:
556
- - Set default type to warning when none is specified. (@evoiron)
557
- - Fix wrong max width when displaying toasted alert. (@evoiron)
623
+ - **Select:**
624
+ - Correctly display custom values in tags mode (@evoiron)
625
+ - **RichText**:
626
+ - Fix component and menu bar width. (@philippechevieux)
627
+ - **Alert**:
628
+ - Set default type to warning when none is specified. (@evoiron)
629
+ - Fix wrong max width when displaying toasted alert. (@evoiron)
558
630
 
559
631
  ### 📚 Documentation
560
632
 
561
- - Remove `maxLength` control for `richText` (@philippechevieux)
633
+ - Remove `maxLength` control for `richText` (@philippechevieux)
562
634
 
563
635
  ## [10.0.0](https://www.npmjs.com/package/aristid-ds/v/10.0.0) (2024-10-03)
564
636
 
565
637
  ### ✨ Features
566
638
 
567
- - **⚠️ Breaking change - Alert:**
568
- - Update Alert component to make it toastable. Does not rely on Ant anymore. Props remains the same except `afterClose` and `banner` which are removed. (@evoiron)
569
- - **⚠️ Breaking change - Grid:**
570
- - Update KitRow and KitCol to use antd API (@Delmotte-Vincent)
571
- - **New - PageLayout:**
572
- - Add PageLayout component (@Delmotte-Vincent)
573
- - **New - RichText:**
574
- - Add RichText component based on `Tiptap` editor (@philippechevieux)
575
- - **SideMenu:**
576
- - Add `customContent` property to display a custom component depending on `open` side menu state (@philippechevieux)
577
- - **ItemList:**
578
- - Make `idCardProps` property optional (@philippechevieux)
579
- - Add `idCardSubstitute` to display a custom component (@philippechevieux)
580
- - Add `checkboxAriaLabel` property because the `aria-label` of the checkbox was only based on `idCardProps` (@philippechevieux)
581
- - Add `title` attribute to action buttons (@Delmotte-Vincent)
582
- - **InputWrapper:**
583
- - Add `hoverable` to change border color when `bordered` is set to `true` (@philippechevieux)
584
- - Add `onFocus` to trigger a given function when content is focused. Also if `bordered` is set to `true` it will change the border render (@philippechevieux)
585
- - Add `htmlFor` property to link the label to the wrapped content. This property is also available for: (@philippechevieux)
586
- - `AutoComplete`
587
- - `DatePicker` and `RangePicker`
588
- - `Input`, `Password` and `TextArea`
589
- - `InputNumber`
590
- - `Select`
591
- - **Error**
592
- - Add `httpErrorCode` property to choose which error to display (@fatb38 / @renaudamsellem)
593
- - **Modal:**
594
- - Handle `maxHeight` in modal with a scrollbar if there is too much content. (@renaudamsellem)
639
+ - **⚠️ Breaking change - Alert:**
640
+ - Update Alert component to make it toastable. Does not rely on Ant anymore. Props remains the same except `afterClose` and `banner` which are removed. (@evoiron)
641
+ - **⚠️ Breaking change - Grid:**
642
+ - Update KitRow and KitCol to use antd API (@Delmotte-Vincent)
643
+ - **New - PageLayout:**
644
+ - Add PageLayout component (@Delmotte-Vincent)
645
+ - **New - RichText:**
646
+ - Add RichText component based on `Tiptap` editor (@philippechevieux)
647
+ - **SideMenu:**
648
+ - Add `customContent` property to display a custom component depending on `open` side menu state (@philippechevieux)
649
+ - **ItemList:**
650
+ - Make `idCardProps` property optional (@philippechevieux)
651
+ - Add `idCardSubstitute` to display a custom component (@philippechevieux)
652
+ - Add `checkboxAriaLabel` property because the `aria-label` of the checkbox was only based on `idCardProps` (@philippechevieux)
653
+ - Add `title` attribute to action buttons (@Delmotte-Vincent)
654
+ - **InputWrapper:**
655
+ - Add `hoverable` to change border color when `bordered` is set to `true` (@philippechevieux)
656
+ - Add `onFocus` to trigger a given function when content is focused. Also if `bordered` is set to `true` it will change the border render (@philippechevieux)
657
+ - Add `htmlFor` property to link the label to the wrapped content. This property is also available for: (@philippechevieux)
658
+ - `AutoComplete`
659
+ - `DatePicker` and `RangePicker`
660
+ - `Input`, `Password` and `TextArea`
661
+ - `InputNumber`
662
+ - `Select`
663
+ - **Error**
664
+ - Add `httpErrorCode` property to choose which error to display (@fatb38 / @renaudamsellem)
665
+ - **Modal:**
666
+ - Handle `maxHeight` in modal with a scrollbar if there is too much content. (@renaudamsellem)
595
667
 
596
668
  ### 🐛 Bug Fixes
597
669
 
598
- - **Table**:
599
- - Fix checkbox hidden when ellipsis is true (@renaudamsellem)
600
- - **Input Number**:
601
- - Fix make onBlur and onFocus method overridable (@renaudamsellem)
670
+ - **Table**:
671
+ - Fix checkbox hidden when ellipsis is true (@renaudamsellem)
672
+ - **Input Number**:
673
+ - Fix make onBlur and onFocus method overridable (@renaudamsellem)
602
674
 
603
675
  ### 📚 Documentation
604
676
 
605
- - Fix design tokens page that crashed every time it was consulted (@philippechevieux)
677
+ - Fix design tokens page that crashed every time it was consulted (@philippechevieux)
606
678
 
607
679
  ## [9.0.0](https://www.npmjs.com/package/aristid-ds/v/9.0.0) (2024-08-28)
608
680
 
609
681
  ### 🎨 Theming
610
682
 
611
- - **⚠️ Breaking change - Update tokens and CSS variables:**
612
-
613
- - Rename last part of color tokens. The color name does not appear anymore. Exemple:
614
- `primary.blue100` is now `primary.100`. This applies to all colors. (@evoiron)
615
- - Rename utilities colors tokens: (@evoiron)
616
- - Same as color tokens. Exemple: `main.mainLight` is now `main.light`(@evoiron)
617
- - Rename `main.mainColor` as `main.default` (@evoiron)
618
- - Rename `error.errorColor` as `error.default` (@evoiron)
619
- - Rename `success.successColor` as `success.default` (@evoiron)
620
- - Rename `warning.warningColor` as `warning.default` (@evoiron)
621
- - Rename `shadow.shadowLight` as `shadow.light`, `shadow.shadowMedium` as `shadow.medium`,
622
- `shadow.shadowBlue` as `shadow.blue` (@evoiron)
683
+ - **⚠️ Breaking change - Update tokens and CSS variables:**
684
+ - Rename last part of color tokens. The color name does not appear anymore. Exemple:
685
+ `primary.blue100` is now `primary.100`. This applies to all colors. (@evoiron)
686
+ - Rename utilities colors tokens: (@evoiron)
687
+ - Same as color tokens. Exemple: `main.mainLight` is now `main.light`(@evoiron)
688
+ - Rename `main.mainColor` as `main.default` (@evoiron)
689
+ - Rename `error.errorColor` as `error.default` (@evoiron)
690
+ - Rename `success.successColor` as `success.default` (@evoiron)
691
+ - Rename `warning.warningColor` as `warning.default` (@evoiron)
692
+ - Rename `shadow.shadowLight` as `shadow.light`, `shadow.shadowMedium` as `shadow.medium`,
693
+ `shadow.shadowBlue` as `shadow.blue` (@evoiron)
623
694
 
624
695
  > If you use tokens or css variables in your application, we strongly recommend that you update them and prefer to use utilities.
625
696
 
626
697
  ### ✨ Features
627
698
 
628
- - **⚠️ Breaking change - Header Component:**
629
- - Rename `menuCard` prop of `Header.Profile` to `profileCardProps` and change its type from `ReactNode` to `IKitIdCard` (@evoiron)
630
- - Add `profileMenuCardProps` in `Header.Profile` as `IKitIdCard` (@evoiron)
631
- - Add `complement` in `Header.Profile` as `ReactNode` (@evoiron)
632
- - **⚠️ Breaking change - Typography:**
633
- - Change expected value of `size` prop. `small`, `medium` and `large` are replaced by fontSize from `fontSize1` to `fontSize7` (@philippechevieux)
634
- - Remove `type` prop because it is not used anymore and has been replaced by `color` (@philippechevieux)
635
- - **⚠️ Breaking change - RedirectCard:**
636
-
637
- - Rename `imageSrc` as `coverSrc` and `imageAlt` as `coverAlt` (@philippechevieux)
638
- - Add `actions` prop to display between 1 and 3 buttons (@philippechevieux)
639
- - Fix cover divider render on hover (@philippechevieux)
640
-
641
- - **⚠️ Breaking change - Grid Component:**
642
-
643
- - Update `Grid` internal code. We have moved from the Antd Grid component to a home-made component. Please refer to the documentation for use.
644
-
645
- - **Dropdown:**
646
- - Update border, active & selected styles (@renaudAmsellem)
647
- - Add new example with custom items (@renaudAmsellem)
648
- - **DatePicker:**
649
- - Update font used for icons (@philippechevieux)
650
- - Update icons used as separator (@philippechevieux)
651
- - **Steps:**
652
- - Update overall styles (@renaudAmsellem)
653
- - **Menu (Deprecated):**
654
- - Deprecate Menu component
655
- - Move Menu documentation to deprecated folder
656
- - **Button**
657
- - Add `link` and `redirect` Button types (@evoiron)
658
- - Deprecate `text' Button type (@evoiron)
659
- - **Skeleton:**
660
- - Add a new component `KitSkeleton` (@Delmotte-Vincent)
699
+ - **⚠️ Breaking change - Header Component:**
700
+ - Rename `menuCard` prop of `Header.Profile` to `profileCardProps` and change its type from `ReactNode` to `IKitIdCard` (@evoiron)
701
+ - Add `profileMenuCardProps` in `Header.Profile` as `IKitIdCard` (@evoiron)
702
+ - Add `complement` in `Header.Profile` as `ReactNode` (@evoiron)
703
+ - **⚠️ Breaking change - Typography:**
704
+ - Change expected value of `size` prop. `small`, `medium` and `large` are replaced by fontSize from `fontSize1` to `fontSize7` (@philippechevieux)
705
+ - Remove `type` prop because it is not used anymore and has been replaced by `color` (@philippechevieux)
706
+ - **⚠️ Breaking change - RedirectCard:**
707
+ - Rename `imageSrc` as `coverSrc` and `imageAlt` as `coverAlt` (@philippechevieux)
708
+ - Add `actions` prop to display between 1 and 3 buttons (@philippechevieux)
709
+ - Fix cover divider render on hover (@philippechevieux)
710
+
711
+ - **⚠️ Breaking change - Grid Component:**
712
+ - Update `Grid` internal code. We have moved from the Antd Grid component to a home-made component. Please refer to the documentation for use.
713
+
714
+ - **Dropdown:**
715
+ - Update border, active & selected styles (@renaudAmsellem)
716
+ - Add new example with custom items (@renaudAmsellem)
717
+ - **DatePicker:**
718
+ - Update font used for icons (@philippechevieux)
719
+ - Update icons used as separator (@philippechevieux)
720
+ - **Steps:**
721
+ - Update overall styles (@renaudAmsellem)
722
+ - **Menu (Deprecated):**
723
+ - Deprecate Menu component
724
+ - Move Menu documentation to deprecated folder
725
+ - **Button**
726
+ - Add `link` and `redirect` Button types (@evoiron)
727
+ - Deprecate `text' Button type (@evoiron)
728
+ - **Skeleton:**
729
+ - Add a new component `KitSkeleton` (@Delmotte-Vincent)
661
730
 
662
731
  ## [8.0.0](https://www.npmjs.com/package/aristid-ds/v/8.0.0) (2024-07-25)
663
732
 
664
733
  ### ✨ Features
665
734
 
666
- - **⚠️ Breaking change - Tag:**
667
- - Remove properties `color` and `secondaryColorInvert` (@philippechevieux)
668
- - Add the following properties: (@philippechevieux)
669
- - `type` _To manage Tag render_
670
- - `idCardProps` _To set Tag content_
671
- - `disabled`
672
- - `onClick`
673
- - Add the following properties for `KitTagGroup` (@philippechevieux)
674
- - `othersTagType`
675
- - `othersTagDisabled`
676
- - > If you use Tag's, you must define its content using the `idCardProps` property.
677
- > Also if you use `Select` with `idCard` property please use `description` instead of `title`.
678
- - **⚠️ Breaking change - Divider:**
679
- - Remove property `color` and update default color (@philippechevieux)
680
- - **⚠️ Breaking change - ItemCard:**
681
- - Remove deprecated `KitItemCard` component (@philippechevieux)
682
- - **⚠️ Breaking change - LegacyCard:**
683
- - Remove deprecated `KitLegacyCard` component (@philippechevieux)
684
- - **⚠️ Breaking change - Card becomes ItemCard:**
685
- - Rename `Card` to `ItemCard` and update its render (@philippechevieux)
686
- - > If you use `Card`, you now must import `ItemCard` and update the given properties
687
- - **RedirectCard:**
688
- - Add new component `KitRedirectCard` (@philippechevieux)
689
- - **Input**:
690
- - Adding new prop `readonly` (@fatb38)
691
- - **InputWrapper**:
692
- - Update info icon (@fatb38)
693
- - Adding warning and error icon (@fatb38)
694
- - Adding ellipsis for too long helper label (@fatb38)
695
- - **TextArea**:
696
- - Adding new prop `readonly` (@fatb38)
697
- - **Select**:
698
- - Adding new prop `readonly` (@fatb38)
699
- - **Loader**:
700
- - Add new `Loader`component (@evoiron)
735
+ - **⚠️ Breaking change - Tag:**
736
+ - Remove properties `color` and `secondaryColorInvert` (@philippechevieux)
737
+ - Add the following properties: (@philippechevieux)
738
+ - `type` _To manage Tag render_
739
+ - `idCardProps` _To set Tag content_
740
+ - `disabled`
741
+ - `onClick`
742
+ - Add the following properties for `KitTagGroup` (@philippechevieux)
743
+ - `othersTagType`
744
+ - `othersTagDisabled`
745
+ - > If you use Tag's, you must define its content using the `idCardProps` property.
746
+ > Also if you use `Select` with `idCard` property please use `description` instead of `title`.
747
+ - **⚠️ Breaking change - Divider:**
748
+ - Remove property `color` and update default color (@philippechevieux)
749
+ - **⚠️ Breaking change - ItemCard:**
750
+ - Remove deprecated `KitItemCard` component (@philippechevieux)
751
+ - **⚠️ Breaking change - LegacyCard:**
752
+ - Remove deprecated `KitLegacyCard` component (@philippechevieux)
753
+ - **⚠️ Breaking change - Card becomes ItemCard:**
754
+ - Rename `Card` to `ItemCard` and update its render (@philippechevieux)
755
+ - > If you use `Card`, you now must import `ItemCard` and update the given properties
756
+ - **RedirectCard:**
757
+ - Add new component `KitRedirectCard` (@philippechevieux)
758
+ - **Input**:
759
+ - Adding new prop `readonly` (@fatb38)
760
+ - **InputWrapper**:
761
+ - Update info icon (@fatb38)
762
+ - Adding warning and error icon (@fatb38)
763
+ - Adding ellipsis for too long helper label (@fatb38)
764
+ - **TextArea**:
765
+ - Adding new prop `readonly` (@fatb38)
766
+ - **Select**:
767
+ - Adding new prop `readonly` (@fatb38)
768
+ - **Loader**:
769
+ - Add new `Loader`component (@evoiron)
701
770
 
702
771
  ### 🐛 Bug Fixes
703
772
 
704
- - **SideMenu**:
705
- - Fix gap between items (@evoiron)
706
- - **InputWrapper**:
707
- - Fix wrong button for infoIcon (@fatb38)
708
- - Fix gap between label, infoIcon and actions (@fatb38)
773
+ - **SideMenu**:
774
+ - Fix gap between items (@evoiron)
775
+ - **InputWrapper**:
776
+ - Fix wrong button for infoIcon (@fatb38)
777
+ - Fix gap between label, infoIcon and actions (@fatb38)
709
778
 
710
779
  ### 🎨 Theming
711
780
 
712
- - **⚠️ Breaking change - Update tokens and css variables:**
713
-
714
- - Remove the following colors: (@philippechevieux)
715
- - `neutral.typography`
716
- - `neutral.background`
717
- - `neutral.black60`
718
- - Move `secondary.mediumGrey` into `neutral.grey` (@philippechevieux)
719
- - Remove `secondary.mediumGrey` (@philippechevieux)
720
- - Rename `secondary.orange` as `secondary.warning` (@philippechevieux)
721
- - Rename `secondary.red` as `secondary.error` (@philippechevieux)
722
- - Rename `secondary.green` as `secondary.success` (@philippechevieux)
723
- - Move `secondary.yellow` into `tertiary.yellow` (@philippechevieux)
724
- - Move `secondary.pink` into `tertiary.pink` (@philippechevieux)
725
- - Add new tokens and css variables in `utilities` (@philippechevieux)
781
+ - **⚠️ Breaking change - Update tokens and css variables:**
782
+ - Remove the following colors: (@philippechevieux)
783
+ - `neutral.typography`
784
+ - `neutral.background`
785
+ - `neutral.black60`
786
+ - Move `secondary.mediumGrey` into `neutral.grey` (@philippechevieux)
787
+ - Remove `secondary.mediumGrey` (@philippechevieux)
788
+ - Rename `secondary.orange` as `secondary.warning` (@philippechevieux)
789
+ - Rename `secondary.red` as `secondary.error` (@philippechevieux)
790
+ - Rename `secondary.green` as `secondary.success` (@philippechevieux)
791
+ - Move `secondary.yellow` into `tertiary.yellow` (@philippechevieux)
792
+ - Move `secondary.pink` into `tertiary.pink` (@philippechevieux)
793
+ - Add new tokens and css variables in `utilities` (@philippechevieux)
726
794
 
727
795
  > If you use tokens or css variables in your application, we strongly recommend that you update them and prefer to use utilities.
728
796
 
@@ -730,367 +798,362 @@ The following points are the impact of this version upgrade:
730
798
 
731
799
  ### 🐛 Bug Fixes
732
800
 
733
- - **ItemList**:
734
- - Fix border (@evoiron)
735
- - **Input**:
736
- - Fix `required`prop not passed to input element
737
- - Enabled `type`property
738
- - **Select**:
739
- - Fix select not closing automatically when selecting value in simple mode
801
+ - **ItemList**:
802
+ - Fix border (@evoiron)
803
+ - **Input**:
804
+ - Fix `required`prop not passed to input element
805
+ - Enabled `type`property
806
+ - **Select**:
807
+ - Fix select not closing automatically when selecting value in simple mode
740
808
 
741
809
  ## [7.1.0](https://www.npmjs.com/package/aristid-ds/v/7.1.0) (2024-06-14)
742
810
 
743
811
  ### 🐛 Bug Fixes
744
812
 
745
- - **Table:**
746
- - Fix last children rows indentaion of first data column (@evoiron)
747
- - Fix last row bottom truncated when its not a filrst level row (@evoiron)
748
- - **ItemList et Card**:
749
- - Add `disabled`to actions (@evoiron)
813
+ - **Table:**
814
+ - Fix last children rows indentaion of first data column (@evoiron)
815
+ - Fix last row bottom truncated when its not a filrst level row (@evoiron)
816
+ - **ItemList et Card**:
817
+ - Add `disabled`to actions (@evoiron)
750
818
 
751
819
  ## [7.0.0](https://www.npmjs.com/package/aristid-ds/v/X7.0.0) (2024-06-12)
752
820
 
753
821
  ### 🐛 Bug Fixes
754
822
 
755
- - **SideMenu:**
756
- - Fix css strange behavior (@evoiron)
757
- - Expose `complement`prop to SideMenuItem (@evoiron)
823
+ - **SideMenu:**
824
+ - Fix css strange behavior (@evoiron)
825
+ - Expose `complement`prop to SideMenuItem (@evoiron)
758
826
 
759
827
  ### ✨ Features
760
828
 
761
- - **Table:**
762
- - Handle tree data and expandable rows (@renaudamsellem /@philippechevieux)
829
+ - **Table:**
830
+ - Handle tree data and expandable rows (@renaudamsellem /@philippechevieux)
763
831
 
764
832
  ## [6.0.0](https://www.npmjs.com/package/aristid-ds/v/6.0.0) (2024-06-05)
765
833
 
766
834
  ### ✨ Features
767
835
 
768
- - **SideMenu:**
769
- - Add `SideMenu` component (@evoiron)
836
+ - **SideMenu:**
837
+ - Add `SideMenu` component (@evoiron)
770
838
 
771
839
  ### 🐛 Bug Fixes
772
840
 
773
- - **Collapse:**
774
- - Fix border width (@evoiron)
775
- - **Avatar:**
776
- - Fix background color for transparent images, and add box shadow to avatar group (@evoiron)
777
- - **Modal:**
778
- - Fix modal width bug (@evoiron)
779
- - Allow multiline text in modal (@evoiron)
841
+ - **Collapse:**
842
+ - Fix border width (@evoiron)
843
+ - **Avatar:**
844
+ - Fix background color for transparent images, and add box shadow to avatar group (@evoiron)
845
+ - **Modal:**
846
+ - Fix modal width bug (@evoiron)
847
+ - Allow multiline text in modal (@evoiron)
780
848
 
781
849
  ## [5.1.0](https://www.npmjs.com/package/aristid-ds/v/5.1.0) (2024-05-24)
782
850
 
783
851
  ### 🐛 Bug Fixes
784
852
 
785
- - **Button, Icon, ItemMenu:**
786
- - Fix bug in useSecureClick causing onClick not called in some cases (@evoiron)
853
+ - **Button, Icon, ItemMenu:**
854
+ - Fix bug in useSecureClick causing onClick not called in some cases (@evoiron)
787
855
 
788
856
  ## [5.0.0](https://www.npmjs.com/package/aristid-ds/v/5.0.0) (2024-04-24)
789
857
 
790
858
  ### ✨ Features
791
859
 
792
- - **ItemList:**
793
- - Add `disabled`property (@Delmotte-Vincent)
794
- - Add highlight style on component `focus` (@Delmotte-Vincent)
795
- - **⚠️ Breaking change - IdCard:**
796
- - Change `avatar` property to `avatarProps`. `avatarProps` are `KitAvatar`'s props. (@Delmotte-Vincent)
797
- - Add `disabled`property (@Delmotte-Vincent)
798
- - **Avatar:**
799
- - Add `disabled` property (@Delmotte-Vincent)
800
- - **Avatar.Group:**
801
- - Add `disabled` property (@Delmotte-Vincent)
802
- - **Header.Profile:**
803
- - Add `alt` property (@philippechevieux)
804
- - **Error:**
805
- - Add a new component `KitError` to manage error page (@P0ppoff)
806
- - **Table:**
807
- - Add a new component `Table` to display a collection of structured data (@philippechevieux)
860
+ - **ItemList:**
861
+ - Add `disabled`property (@Delmotte-Vincent)
862
+ - Add highlight style on component `focus` (@Delmotte-Vincent)
863
+ - **⚠️ Breaking change - IdCard:**
864
+ - Change `avatar` property to `avatarProps`. `avatarProps` are `KitAvatar`'s props. (@Delmotte-Vincent)
865
+ - Add `disabled`property (@Delmotte-Vincent)
866
+ - **Avatar:**
867
+ - Add `disabled` property (@Delmotte-Vincent)
868
+ - **Avatar.Group:**
869
+ - Add `disabled` property (@Delmotte-Vincent)
870
+ - **Header.Profile:**
871
+ - Add `alt` property (@philippechevieux)
872
+ - **Error:**
873
+ - Add a new component `KitError` to manage error page (@P0ppoff)
874
+ - **Table:**
875
+ - Add a new component `Table` to display a collection of structured data (@philippechevieux)
808
876
 
809
877
  ### 🐛 Bug Fixes
810
878
 
811
- - **Select:**
812
- - Fix Select displaying option value instead of label when setting value prop (@evoiron / @renaudamsellem / @TdyP)
813
- - **Avatar:**
814
- - Fix incorrect digram when label contains accented characters (@evoiron)
815
- - **Empty:**
816
- - Removing console errors on svg attributes (kebab-case instead of camelCase) (@fatb38)
879
+ - **Select:**
880
+ - Fix Select displaying option value instead of label when setting value prop (@evoiron / @renaudamsellem / @TdyP)
881
+ - **Avatar:**
882
+ - Fix incorrect digram when label contains accented characters (@evoiron)
883
+ - **Empty:**
884
+ - Removing console errors on svg attributes (kebab-case instead of camelCase) (@fatb38)
817
885
 
818
886
  ### 📚 Documentation
819
887
 
820
- - Add an example for searching with a Select (@philippechevieux)
888
+ - Add an example for searching with a Select (@philippechevieux)
821
889
 
822
890
  ## [4.0.0](https://www.npmjs.com/package/aristid-ds/v/4.0.0) (2024-03-28)
823
891
 
824
892
  ### ✨ Features
825
893
 
826
- - **Select:**
827
- - Add `idCard` property to option to display a `KitIdCard` instead of the label (@philippechevieux)
828
- - **Avatar:**
829
- - Add a new property `imageFit` to change how image will fit (@philippechevieux)
894
+ - **Select:**
895
+ - Add `idCard` property to option to display a `KitIdCard` instead of the label (@philippechevieux)
896
+ - **Avatar:**
897
+ - Add a new property `imageFit` to change how image will fit (@philippechevieux)
830
898
 
831
899
  ### 🐛 Bug Fixes
832
900
 
833
- - **IdCard:**
834
- - Add default ellipsis to `title` and `description` (@philippechevieux)
835
- - Add missing exports for `useKitLocale`, `KitEmpty`, `KitIdCard`, `KitInputWrapper` and `KitSection` (@philippechevieux)
836
- - **DatePicker / RangePicker:**
837
- - Fix calendar icon disapearing on hover when a default value is set (@evoiron)
838
- - **⚠️ Breaking change - ItemList:**
839
- - Refactor ItemList (@P0ppoff / @Delmotte-Vincent / @renaudamsellem / @philippechevieux)
840
- - **Modal:**
841
- - Remove use of getComputedStyle which can be time consuming in tests (@evoiron)
901
+ - **IdCard:**
902
+ - Add default ellipsis to `title` and `description` (@philippechevieux)
903
+ - Add missing exports for `useKitLocale`, `KitEmpty`, `KitIdCard`, `KitInputWrapper` and `KitSection` (@philippechevieux)
904
+ - **DatePicker / RangePicker:**
905
+ - Fix calendar icon disapearing on hover when a default value is set (@evoiron)
906
+ - **⚠️ Breaking change - ItemList:**
907
+ - Refactor ItemList (@P0ppoff / @Delmotte-Vincent / @renaudamsellem / @philippechevieux)
908
+ - **Modal:**
909
+ - Remove use of getComputedStyle which can be time consuming in tests (@evoiron)
842
910
 
843
911
  ## [3.0.0](https://www.npmjs.com/package/aristid-ds/v/3.0.0) (2024-03-15)
844
912
 
845
913
  ### ✨ Features
846
914
 
847
- - **Empty:**
848
- - Add a new component `KitEmpty` (@philippechevieux)
849
- - **IdCard:**
850
- - Add a new component `KitIdCard` (@philippechevieux)
851
- - **Avatar:**
852
- - Add `label` property to retrieve avatar initials from (@philippechevieux)
853
- - Add `initialsMaxChars` property to set the number of initials (@philippechevieux)
854
- - **⚠️ Breaking change - Header:**
855
- - Existing `Header` is renamed to `PageHeader` (@TdyP)
856
- - `Header` component is now a totally new component (@TdyP, @evoiron)
915
+ - **Empty:**
916
+ - Add a new component `KitEmpty` (@philippechevieux)
917
+ - **IdCard:**
918
+ - Add a new component `KitIdCard` (@philippechevieux)
919
+ - **Avatar:**
920
+ - Add `label` property to retrieve avatar initials from (@philippechevieux)
921
+ - Add `initialsMaxChars` property to set the number of initials (@philippechevieux)
922
+ - **⚠️ Breaking change - Header:**
923
+ - Existing `Header` is renamed to `PageHeader` (@TdyP)
924
+ - `Header` component is now a totally new component (@TdyP, @evoiron)
857
925
 
858
926
  ### 🐛 Bug Fixes
859
927
 
860
- - **Button:**
861
- - Add missing property `form` to `KitButton` (@evoiron)
862
- - Add missing property `htmlType` to `KitButton` (@philippechevieux)
863
- - **Build:**
864
- - Build as EsModule and commonjs module (@evoiron)
928
+ - **Button:**
929
+ - Add missing property `form` to `KitButton` (@evoiron)
930
+ - Add missing property `htmlType` to `KitButton` (@philippechevieux)
931
+ - **Build:**
932
+ - Build as EsModule and commonjs module (@evoiron)
865
933
 
866
934
  ## [2.0.0](https://www.npmjs.com/package/aristid-ds/v/2.0.0) (2024-03-06)
867
935
 
868
936
  ### ✨ Features
869
937
 
870
- - **⚠️ Breaking change - Modal:** (@evoiron)
871
- - update Modal Design
872
- - update confirmModal Options:
873
- - remove `secondLine` property
874
- - rename `firstLine` to `content`
875
- - add `dangerConfirm` property to show Cta Button as danger look n' feel,
876
- - add `showCloseIcon` to display top tight button for closing
877
- - **Section:** (@Delmotte-Vincent)
878
- - Add new component Section
879
- - **Typography:**
880
- - update default typography color (@evoiron)
881
- - **InputWrapper:**
882
- - Add 4 properties: (@evoiron)
883
- - `required`: show a red asterisk right after the label
884
- - `actions`: an array of items to display at the right of the label
885
- - `onInfoClick`: When set, display a clickable info icon which triggers this event
886
- - `infoIcon`: customise the infoIcon displayed
887
- - These components now accept the 4 properties above: (@evoiron)
888
- - `AutoComplete`, `Checkbox.Group`, `Radio.Group`, `ColorPicker`, `DatePicker`, `RangePicker`, `Input`, `InputNumber`, `Select`
889
- - **ItemList**
890
- - Add `draggable` property showing an icon that indicates the item is draggable (@fatb38)
891
- - **Tabs:**
892
- - Add `hideSeparator` prop to hide separator between tabs and content (@P0ppoff)
893
- - (Style) Allow tabs center on extraContent (@P0ppoff)
894
- - (Style) Reduce space between tabs and separator (@P0ppoff)
938
+ - **⚠️ Breaking change - Modal:** (@evoiron)
939
+ - update Modal Design
940
+ - update confirmModal Options:
941
+ - remove `secondLine` property
942
+ - rename `firstLine` to `content`
943
+ - add `dangerConfirm` property to show Cta Button as danger look n' feel,
944
+ - add `showCloseIcon` to display top tight button for closing
945
+ - **Section:** (@Delmotte-Vincent)
946
+ - Add new component Section
947
+ - **Typography:**
948
+ - update default typography color (@evoiron)
949
+ - **InputWrapper:**
950
+ - Add 4 properties: (@evoiron)
951
+ - `required`: show a red asterisk right after the label
952
+ - `actions`: an array of items to display at the right of the label
953
+ - `onInfoClick`: When set, display a clickable info icon which triggers this event
954
+ - `infoIcon`: customise the infoIcon displayed
955
+ - These components now accept the 4 properties above: (@evoiron)
956
+ - `AutoComplete`, `Checkbox.Group`, `Radio.Group`, `ColorPicker`, `DatePicker`, `RangePicker`, `Input`, `InputNumber`, `Select`
957
+ - **ItemList**
958
+ - Add `draggable` property showing an icon that indicates the item is draggable (@fatb38)
959
+ - **Tabs:**
960
+ - Add `hideSeparator` prop to hide separator between tabs and content (@P0ppoff)
961
+ - (Style) Allow tabs center on extraContent (@P0ppoff)
962
+ - (Style) Reduce space between tabs and separator (@P0ppoff)
895
963
 
896
964
  ### 🐛 Bug Fixes
897
965
 
898
- - **Package**: include typescript definitions for each component in built package (@evoiron)
899
- - **Select:**
900
- - Fix default border color (@philippechevieux)
901
- - **Badge:**
902
- - Fix custom className bug (@evoiron)
903
- - **Input:**
904
- - Update color of content, label, placeholder and clear icon (@TdyP)
905
- - Add aria-label on clear icon to improve testability (@TdyP)
906
- - **InputNumber:**
907
- - Update color of content, label, placeholder and clear icon (@TdyP)
908
- - **ColorPicker:**
909
- - Update color of content, label and placeholder (@TdyP)
910
- - **DatePicker:**
911
- - Update color of content, label and placeholder (@TdyP)
966
+ - **Package**: include typescript definitions for each component in built package (@evoiron)
967
+ - **Select:**
968
+ - Fix default border color (@philippechevieux)
969
+ - **Badge:**
970
+ - Fix custom className bug (@evoiron)
971
+ - **Input:**
972
+ - Update color of content, label, placeholder and clear icon (@TdyP)
973
+ - Add aria-label on clear icon to improve testability (@TdyP)
974
+ - **InputNumber:**
975
+ - Update color of content, label, placeholder and clear icon (@TdyP)
976
+ - **ColorPicker:**
977
+ - Update color of content, label and placeholder (@TdyP)
978
+ - **DatePicker:**
979
+ - Update color of content, label and placeholder (@TdyP)
912
980
 
913
981
  ## [1.1.0](https://www.npmjs.com/package/aristid-ds/v/1.1.0) (2024-02-28)
914
982
 
915
983
  ### ✨ Features
916
984
 
917
- - **Nightly build:**
918
- - publish a nightly version of the package under `next`. (@evoiron)
985
+ - **Nightly build:**
986
+ - publish a nightly version of the package under `next`. (@evoiron)
919
987
 
920
988
  ### 🐛 Bug Fixes
921
989
 
922
- - **AutoComplete:**
923
-
924
- - Fix crashing release (@evoiron)
990
+ - **AutoComplete:**
991
+ - Fix crashing release (@evoiron)
925
992
 
926
- - **AutoComplete:**
993
+ - **AutoComplete:**
994
+ - Fix dropdown border when focused or when a status is set (@philippechevieux)
927
995
 
928
- - Fix dropdown border when focused or when a status is set (@philippechevieux)
996
+ - **Select:**
997
+ - Fix dropdown border when focused or when a status is set (@philippechevieux)
998
+ - Fix dropdown border on click on arrow (@renaudamsellem)
929
999
 
930
- - **Select:**
931
-
932
- - Fix dropdown border when focused or when a status is set (@philippechevieux)
933
- - Fix dropdown border on click on arrow (@renaudamsellem)
934
-
935
- - **InputWrapper:**
936
- - Fix border default color (@philippechevieux)
1000
+ - **InputWrapper:**
1001
+ - Fix border default color (@philippechevieux)
937
1002
 
938
1003
  ## [1.0.1](https://www.npmjs.com/package/aristid-ds/v/1.0.1) (2024-02-26)
939
1004
 
940
1005
  ### 🐛 Bug Fixes
941
1006
 
942
- - **Typography:**
943
- - fix css error leading to application crash
1007
+ - **Typography:**
1008
+ - fix css error leading to application crash
944
1009
 
945
1010
  ## [1.0.0](https://www.npmjs.com/package/aristid-ds/v/1.0.0) (2024-02-02)
946
1011
 
947
- - **⚠️ Breaking change - Button:** (@evoiron)
948
- - update color Management
949
- - remove design tokens
950
- - remove some props : `href`, `target`, `wrapperClassName`, `wrapperStyle`, `textColor`
951
- - rename props:
952
- - `segmentedColor` is now `color`
953
- - `segmentedactived` is now `active`
954
- - `segmentedChecked` is now `checked`
955
- - modify button types:
956
- - add `tertiary` type
957
- - remove `link` type
1012
+ - **⚠️ Breaking change - Button:** (@evoiron)
1013
+ - update color Management
1014
+ - remove design tokens
1015
+ - remove some props : `href`, `target`, `wrapperClassName`, `wrapperStyle`, `textColor`
1016
+ - rename props:
1017
+ - `segmentedColor` is now `color`
1018
+ - `segmentedactived` is now `active`
1019
+ - `segmentedChecked` is now `checked`
1020
+ - modify button types:
1021
+ - add `tertiary` type
1022
+ - remove `link` type
958
1023
 
959
1024
  ### ✨ Features
960
1025
 
961
- - **Typography:**
1026
+ - **Typography:**
1027
+ - Add `color` prop to set color on each typography elements (@evoiron)
962
1028
 
963
- - Add `color` prop to set color on each typography elements (@evoiron)
964
-
965
- - **Breadcrumb:**
966
- - change `breadcrumb` design (@Delmotte-Vincent)
967
- - add `icon` props in `breadcrumb` items (@Delmotte-Vincent)
1029
+ - **Breadcrumb:**
1030
+ - change `breadcrumb` design (@Delmotte-Vincent)
1031
+ - add `icon` props in `breadcrumb` items (@Delmotte-Vincent)
968
1032
 
969
1033
  ## [0.13.0](https://www.npmjs.com/package/aristid-ds/v/0.13.0) (2024-02-16)
970
1034
 
971
1035
  ### 🐛 Bug Fixes
972
1036
 
973
- - remove styled-components for improved performances. All Components impacted (@evoiron)
974
- - upgrade Ant to versin 5.14.1 (@evoiron)
1037
+ - remove styled-components for improved performances. All Components impacted (@evoiron)
1038
+ - upgrade Ant to versin 5.14.1 (@evoiron)
975
1039
 
976
1040
  ## [0.12.0](https://www.npmjs.com/package/aristid-ds/v/0.12.0) (2024-02-02)
977
1041
 
978
1042
  ### ✨ Features
979
1043
 
980
- - **Modal:**
981
-
982
- - Add `fullscreen`option (@evoiron)
1044
+ - **Modal:**
1045
+ - Add `fullscreen`option (@evoiron)
983
1046
 
984
- - **⚠️ Breaking change - ItemList**
985
- - Add `selected` props to display a colored border (@Delmotte-Vincent)
986
- - Rename `onSelectChange` by `onSelect` (@Delmotte-Vincent)
1047
+ - **⚠️ Breaking change - ItemList**
1048
+ - Add `selected` props to display a colored border (@Delmotte-Vincent)
1049
+ - Rename `onSelectChange` by `onSelect` (@Delmotte-Vincent)
987
1050
 
988
1051
  ### 🐛 Bug Fixes
989
1052
 
990
- - A build option was removed by error
991
- - **Select**
992
- - Remove unused props `suffixIcon` and adapt the documentation (@Delmotte-Vincent)
993
- - Add focus state on select dropdown (@Delmotte-Vincent)
994
- - Fix Ellipsed tag on select (@Delmotte-Vincent)
995
- - **Storybook**
996
- - fix a visual bug on storybook caused by an addon (@evoiron)
1053
+ - A build option was removed by error
1054
+ - **Select**
1055
+ - Remove unused props `suffixIcon` and adapt the documentation (@Delmotte-Vincent)
1056
+ - Add focus state on select dropdown (@Delmotte-Vincent)
1057
+ - Fix Ellipsed tag on select (@Delmotte-Vincent)
1058
+ - **Storybook**
1059
+ - fix a visual bug on storybook caused by an addon (@evoiron)
997
1060
 
998
1061
  ### 📚 Documentation
999
1062
 
1000
- - New documentation page to list available design tokens (@evoiron)
1001
- - Display each design token corresponding css variable (@evoiron)
1002
- - Display package version number on the top right corner of Storybook (@philippechevieux)
1063
+ - New documentation page to list available design tokens (@evoiron)
1064
+ - Display each design token corresponding css variable (@evoiron)
1065
+ - Display package version number on the top right corner of Storybook (@philippechevieux)
1003
1066
 
1004
1067
  ## [0.11.0](https://www.npmjs.com/package/aristid-ds/v/0.11.0) (2024-01-24)
1005
1068
 
1006
1069
  ### ✨ Features
1007
1070
 
1008
- - **Notification:**
1009
- - Add `KitNotification` component usable without using `useKitNotification` hook (@evoiron)
1071
+ - **Notification:**
1072
+ - Add `KitNotification` component usable without using `useKitNotification` hook (@evoiron)
1010
1073
 
1011
1074
  ### 🐛 Bug Fixes
1012
1075
 
1013
- - Fix warning at build time about potential cycling dependencies (@evoiron)
1014
- - Remove deprecated package `react-uuid` (@evoiron)
1015
- - Enable 3 Select options, to allow dynamic filtering of options (@evoiron)
1076
+ - Fix warning at build time about potential cycling dependencies (@evoiron)
1077
+ - Remove deprecated package `react-uuid` (@evoiron)
1078
+ - Enable 3 Select options, to allow dynamic filtering of options (@evoiron)
1016
1079
 
1017
1080
  ## [0.10.0](https://www.npmjs.com/package/aristid-ds/v/0.10.0) (2024-01-19)
1018
1081
 
1019
1082
  ### ✨ Features
1020
1083
 
1021
- - **⚠️ Breaking change - Card:**
1022
- - Update visual render and properties (@Delmotte-Vincent)
1023
- - This `Card` aim to replace actual `Card` and `ItemCard`
1024
- - **⚠️ Breaking change - Collapse:**
1025
- - Update visual render (@philippechevieux)
1026
- - Update properties of `KitHeader` and `KitExtraHeader`
1027
- - **Notification:**
1028
- - Update visual render (@evoiron, @renaudAmsellem)
1029
- - **DataEntry components:**
1030
- - Update visual render of `hover` and `focus` state for all those components (@evoiron, @renaudAmsellem)
1031
- - **Antd components:**
1032
- - Export all components of `Ant Design`. Those components are now available in `aristid-ds`, all prefixed by `Ant` (eg `AntLayout`) (@evoiron)
1033
- - **Tree shaking:**
1034
- - All components are now tree shakable (@evoiron)
1084
+ - **⚠️ Breaking change - Card:**
1085
+ - Update visual render and properties (@Delmotte-Vincent)
1086
+ - This `Card` aim to replace actual `Card` and `ItemCard`
1087
+ - **⚠️ Breaking change - Collapse:**
1088
+ - Update visual render (@philippechevieux)
1089
+ - Update properties of `KitHeader` and `KitExtraHeader`
1090
+ - **Notification:**
1091
+ - Update visual render (@evoiron, @renaudAmsellem)
1092
+ - **DataEntry components:**
1093
+ - Update visual render of `hover` and `focus` state for all those components (@evoiron, @renaudAmsellem)
1094
+ - **Antd components:**
1095
+ - Export all components of `Ant Design`. Those components are now available in `aristid-ds`, all prefixed by `Ant` (eg `AntLayout`) (@evoiron)
1096
+ - **Tree shaking:**
1097
+ - All components are now tree shakable (@evoiron)
1035
1098
 
1036
1099
  ### 🚨 Tests
1037
1100
 
1038
- - **Chromatic:**
1039
- - Reduce number of snapshots (Group set of visual tests) (@fatb38)
1101
+ - **Chromatic:**
1102
+ - Reduce number of snapshots (Group set of visual tests) (@fatb38)
1040
1103
 
1041
1104
  ## [0.9.1](https://www.npmjs.com/package/aristid-ds/v/0.9.1) (2023-12-22)
1042
1105
 
1043
1106
  ### 🐛 Bug Fixes
1044
1107
 
1045
- - Fix types issues in `IKitLocale` that was causing build to crash (@fatb38)
1108
+ - Fix types issues in `IKitLocale` that was causing build to crash (@fatb38)
1046
1109
 
1047
1110
  ## [0.9.0](https://www.npmjs.com/package/aristid-ds/v/0.9.0) (2023-12-22)
1048
1111
 
1049
1112
  ### 🎨 Theming
1050
1113
 
1051
- - Improve performance when using multiple `KitApp` component (@Delmotte-Vincent, @evoiron, @fatb38, @philippechevieux)
1052
- - Replace `css-in-js` theming variables by `css variables` (@Delmotte-Vincent, @evoiron, @fatb38, @philippechevieux)
1114
+ - Improve performance when using multiple `KitApp` component (@Delmotte-Vincent, @evoiron, @fatb38, @philippechevieux)
1115
+ - Replace `css-in-js` theming variables by `css variables` (@Delmotte-Vincent, @evoiron, @fatb38, @philippechevieux)
1053
1116
 
1054
1117
  ### 🤖 CI
1055
1118
 
1056
- - Add `eslint` to CI pipeline (@evoiron)
1057
- - Add a build to CI pipeline (@evoiron)
1119
+ - Add `eslint` to CI pipeline (@evoiron)
1120
+ - Add a build to CI pipeline (@evoiron)
1058
1121
 
1059
1122
  ## [0.8.0](https://www.npmjs.com/package/aristid-ds/v/0.8.0) (2023-11-16)
1060
1123
 
1061
1124
  ### 🐛 Bug Fixes
1062
1125
 
1063
- - **Select:**
1064
- - Border rendering was not good when the DropDown changed position due to insufficient space (@philippechevieux)
1065
- - In some cases, the last Dropdown item was not visible (@philippechevieux)
1066
- - **Input:**
1067
- - Token `colors.border.hover` was not used (@philippechevieux)
1068
- - **Alert:**
1069
- - Token `colors.icon.alert.info` was not set with the right value (@philippechevieux)
1070
- - **Avatar, Badge, Tag, Rate, Icon:**
1071
- - 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)
1126
+ - **Select:**
1127
+ - Border rendering was not good when the DropDown changed position due to insufficient space (@philippechevieux)
1128
+ - In some cases, the last Dropdown item was not visible (@philippechevieux)
1129
+ - **Input:**
1130
+ - Token `colors.border.hover` was not used (@philippechevieux)
1131
+ - **Alert:**
1132
+ - Token `colors.icon.alert.info` was not set with the right value (@philippechevieux)
1133
+ - **Avatar, Badge, Tag, Rate, Icon:**
1134
+ - 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)
1072
1135
 
1073
1136
  ### ✨ Features
1074
1137
 
1075
- - **Input, Password, TextArea, InputNuver, DatePicker, RangePicker, ColorPicker:**
1076
- - Add a new property `wrapperClassName` to target component wrapper element (@Delmotte-Vincent)
1077
- - **Rate:**
1078
- - Update component render (@philippechevieux)
1079
- - Remove property `disabledStarTransparency` (@philippechevieux)
1080
- - Add optional props `defaultIcon`, `halfIcon` and `activeIcon` (@philippechevieux)
1081
- - **🆕 Tour:**
1082
- - Add this brand new component (@Delmotte-Vincent)
1138
+ - **Input, Password, TextArea, InputNuver, DatePicker, RangePicker, ColorPicker:**
1139
+ - Add a new property `wrapperClassName` to target component wrapper element (@Delmotte-Vincent)
1140
+ - **Rate:**
1141
+ - Update component render (@philippechevieux)
1142
+ - Remove property `disabledStarTransparency` (@philippechevieux)
1143
+ - Add optional props `defaultIcon`, `halfIcon` and `activeIcon` (@philippechevieux)
1144
+ - **🆕 Tour:**
1145
+ - Add this brand new component (@Delmotte-Vincent)
1083
1146
 
1084
1147
  ### 🚨 Tests
1085
1148
 
1086
- - **Chromatic:**
1087
- - Add tests for `DataDisplay` folder (@Delmotte-Vincent)
1088
- - Add tests for `DataEntry` folder (@Delmotte-Vincent)
1089
- - Add tests for `Layout` folder (@Delmotte-Vincent)
1090
- - Add tests for `General` folder (@evoiron)
1091
- - Add tests for `Feedback` folder (@evoiron)
1149
+ - **Chromatic:**
1150
+ - Add tests for `DataDisplay` folder (@Delmotte-Vincent)
1151
+ - Add tests for `DataEntry` folder (@Delmotte-Vincent)
1152
+ - Add tests for `Layout` folder (@Delmotte-Vincent)
1153
+ - Add tests for `General` folder (@evoiron)
1154
+ - Add tests for `Feedback` folder (@evoiron)
1092
1155
 
1093
1156
  ### 📚 Documentation
1094
1157
 
1095
- - Update code structure in `README.md` and remove duplicate information `Introduction.stories.mdx` (@philippechevieux)
1096
- - Fix multiples `console.error` caused by missing property `key` in some exemple (@philippechevieux)
1158
+ - Update code structure in `README.md` and remove duplicate information `Introduction.stories.mdx` (@philippechevieux)
1159
+ - Fix multiples `console.error` caused by missing property `key` in some exemple (@philippechevieux)