aristid-ds 15.3.1 → 16.0.0-22d2c4c

package/CHANGELOG.md

@@ -1,322 +1,407 @@
 # Changelog
 
+## [X.X.X](https://www.npmjs.com/package/aristid-ds/v/X.X.X) (2026-XX-XX)
+
+### ✨ Features
+
+- **Button:**
+    - update hover state of Redirect and action buttons (@evoiron)
+- **DropDown/DatePicker:**
+    - update hover state dropdown items and date picker presets (@evoiron)
+
+### 🐛 Bug Fixes
+
+### 📝 Documentation
+
+## [16.0.0](https://www.npmjs.com/package/aristid-ds/v/16.0.0) (2026-05-28)
+
+### ✨ Features
+
+- **⚠️ Breaking change - Section**
+    - Redefine `Section` component (only 3 types) (@evoiron)
+- **TreeSelect**
+    - Add ellipsis to `KitTreeSelect` items labels (@evoiron)
+    - Update design of `KitTreeSelect` (@evoiron)
+- **DatePicker:**
+    - Add active preset indicator to `KitDatePicker` and `KitRangePicker` (@philippechevieux)
+- **KitApp:**
+    - Add `spellCheck` prop to `KitApp` to configure a custom spell-check provider (`checkText`, optional `signal` for request cancellation, optional `debounceDelay` and `checkTextOnError`) (@philippechevieux)
+- **Input:**
+    - Add `enableSpellCheck` prop to `KitInput` to display inline correction highlights with suggestion dropdown (@philippechevieux)
+- **TextArea:**
+    - Add `enableSpellCheck` prop to `KitTextArea` to display inline correction highlights with suggestion dropdown (@philippechevieux)
+- **Upload:**
+    - Add `itemRender` and `horizontal` props, and export `KitUpload.UploadedFileItem` to allow customisation of file list items (@evoiron)
+- **Checkbox:**
+    - Add `tile` props to `KitCheckbox` and `KitCheckbox.Group` to display as `CheckableTile` (@evoiron)
+- **Radio:**
+    - Add `tile` props to `KitRadio` and `KitRadio.Group` to display as `CheckableTile` (@evoiron)
+- **SideMenu:**
+    - Add `activeItemKey` prop to `KitSideMenu` to control the active item programmatically (@philippechevieux)
+    - Make menu items focusable (@evoiron)
+- **SearchInput:**
+    - Add tooltip and pointer cursor when hovering collapsed state (@7Remy)
+- **Select**
+    - Update design of `KitSelect` (@evoiron)
+- **Button:**
+    - Add tooltip text property, visible when button has no label (@7Remy)
+
+### 🐛 Bug Fixes
+
+- **SidePanel**
+    - Add aria labels on close and previous icons (@renaudamsellem)
+- **ItemCard**
+    - Fix title and description ellipsis bug (@evoiron)
+    - Fix spacing elements placement (@evoiron)
+- **Typography**
+    - Fix multiline ellipsis not working (@evoiron)
+- **TreeSelect:**
+    - Fix `KitTreeSelect` dropdown closing conditions (on click, outside, out of dropdown, or on node execpt when expanding it) (@evoiron)
+- **Tag:**
+    - ellipsis `Tag` content when a fixed width/max-width is specified (@evoiron)
+- **Select:**
+    - Add ellipsis to long labels and placeholder (@evoiron)
+    - Fix tags overflowing under trigger and clear icon in multiline mode (@evoiron)
+- **RichText:**
+    - Fix mentions dropdown position in `Richtext` due to dropdown previous changes (@alechapelain)
+- **Empty:**
+    - Fix spacing between illustration and text (@evoiron)
+- **DatePicker/RangePicker:**
+    - Fix double chevron icons in dropdown (@evoiron)
+    - Fix display full months names in dropdown (@evoiron)
+- **Modal:**
+    - Prevent outline clipping caused by overflow property on modal content (@philippechevieux)
+    - Set z-index lower than alerts and notifications z-index when in fullscreen (@evoiron)
+
+### 📝 Documentation
+
+### ✨ Features
+
+- **DataEntry:**
+    - Add new `CheckableTile` component (@yanisbenslimane)
+
+- **Design Tokens:**
+    - Fix a bug causing the storybook `Design tokens` page to crash (@evoiron)
+
 ## [15.3.1](https://www.npmjs.com/package/aristid-ds/v/15.3.1) (2026-04-08)
 
 ### ✨ Features
 
--   **Datepicker**
-    -   Set inner inputs width on `KitRangePicker` picker to match their content (@alechapelain)
+- **Datepicker**
+    - Set inner inputs width on `KitRangePicker` picker to match their content (@alechapelain)
 
 ### 🐛 Bug Fixes
 
--   **Badge:**
-    -   Fix dot badge position when using `status` prop (@philippechevieux)
+- **Badge:**
+    - Fix dot badge position when using `status` prop (@philippechevieux)
 
 ## [15.3.0](https://www.npmjs.com/package/aristid-ds/v/15.3.0) (2026-04-03)
 
 ### ✨ Features
 
--   **Tokens:**
-    -   Add `IA/purple` color palette (@evoiron)
--   **Modal:**
-    -   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)
-    -   Add `shouldCloseOnOverlayClick` property close the modal on click outside. (@renaudamsellem)
-    -   Add `showFooterButtons` prop to display / hide the footer buttons in confirm modal (@renaudamsellem)
--   **⚠️ Breaking change - SideMenu:**
-    -   Rename `autoCompleteOptions` prop to `searchOptions` and update its type to `IKitInput` as `AutoComplete` component has been replaced by `SearchInput` component (@philippechevieux)
-    -   Add `tooltip` prop to SideMenuItem component (@philippechevieux)
-    -   Add `group` type to SideMenuItem component (@philippechevieux)
-    -   Add padding bottom to group items (@philippechevieux)
--   **⚠️ Breaking change - Typography:**
-    -   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)
--   **⚠️ Breaking change - IdCard:**
-    -   Remove `disableTooltip` prop from IdCard component. The tooltip is now automatically shown when the text is truncated and `ellipsis` is set (@philippechevieux)
--   **⚠️ Breaking change - Tag:**
-    -   Remove `disableTooltip` prop from Tag component. The tooltip is now automatically shown when the text is truncated and `ellipsis` is set (@philippechevieux)
--   **Table:**
-    -   Export `KitTableExpandButton` component (@baloche)
--   **Badge:**
-    -   Update dot and count badge sizes (@philippechevieux)
-    -   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)
--   **Filter:**
-    -   Apply active style when dropdown is open (@philippechevieux)
+- **InputWrapper:**
+    - Fix ``KitInputWrapper ` warning status text style (@evoiron)
+- **Tokens:**
+    - Add `IA/purple` color palette (@evoiron)
+- **Modal:**
+    - 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)
+    - Add `shouldCloseOnOverlayClick` property close the modal on click outside. (@renaudamsellem)
+    - Add `showFooterButtons` prop to display / hide the footer buttons in confirm modal (@renaudamsellem)
+- **⚠️ Breaking change - SideMenu:**
+    - Rename `autoCompleteOptions` prop to `searchOptions` and update its type to `IKitInput` as `AutoComplete` component has been replaced by `SearchInput` component (@philippechevieux)
+    - Add `tooltip` prop to SideMenuItem component (@philippechevieux)
+    - Add `group` type to SideMenuItem component (@philippechevieux)
+    - Add padding bottom to group items (@philippechevieux)
+- **⚠️ Breaking change - Typography:**
+    - 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)
+- **⚠️ Breaking change - IdCard:**
+    - Remove `disableTooltip` prop from IdCard component. The tooltip is now automatically shown when the text is truncated and `ellipsis` is set (@philippechevieux)
+- **⚠️ Breaking change - Tag:**
+    - Remove `disableTooltip` prop from Tag component. The tooltip is now automatically shown when the text is truncated and `ellipsis` is set (@philippechevieux)
+- **Table:**
+    - Export `KitTableExpandButton` component (@baloche)
+- **Badge:**
+    - Update dot and count badge sizes (@philippechevieux)
+    - 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)
+- **Filter:**
+    - Apply active style when dropdown is open (@philippechevieux)
 
 ### 🐛 Bug Fixes
 
--   **IdCard:**
-    -   Fix avatar color from `avatarProps` being overwritten when `color` prop is not set on IdCard (@philippechevieux)
--   **SideMenu:**
-    -   Fix scrolling so that only the menu items list scrolls while keeping the header fixed (@philippechevieux)
--   **DropDown:**
-    -   Fix double-click needed to reopen dropdown after closing via outside click (@philippechevieux)
--   **Select:**
-    -   Fix search feature (@evoiron)
-    -   Fix wrong height for select/TreeSelect with multiple attribute (@alechapelain)
-    -   Fix wrong tag size not matching select size (@alechapelain)
+- **IdCard:**
+    - Fix avatar color from `avatarProps` being overwritten when `color` prop is not set on IdCard (@philippechevieux)
+- **SideMenu:**
+    - Fix scrolling so that only the menu items list scrolls while keeping the header fixed (@philippechevieux)
+- **DropDown:**
+    - Fix double-click needed to reopen dropdown after closing via outside click (@philippechevieux)
+- **Select:**
+    - Fix search feature (@evoiron)
+    - Fix wrong height for select/TreeSelect with multiple attribute (@alechapelain)
+    - Fix wrong tag size not matching select size (@alechapelain)
 
 ### 📝 Documentation
 
--   **Repository:**
-    -   Rewrite `README.md` to be light and consumer-focused (install, KitApp, theme, i18n, dev quickstart, troubleshooting) (@philippechevieux)
-    -   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)
-    -   Add `AGENTS.md` as AI assistant context file (architecture, key patterns, common tasks, do/don't, CI/CD) (@philippechevieux)
+- **Repository:**
+    - Rewrite `README.md` to be light and consumer-focused (install, KitApp, theme, i18n, dev quickstart, troubleshooting) (@philippechevieux)
+    - 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)
+    - Add `AGENTS.md` as AI assistant context file (architecture, key patterns, common tasks, do/don't, CI/CD) (@philippechevieux)
 
 ## [15.2.0](https://www.npmjs.com/package/aristid-ds/v/15.2.0) (2026-0226)
 
 ### ✨ Features
 
--   **Locales:**
-    -   Add `portuguese` locale (@evoiron)
-    -   Update locale context to simplify the process of adding a locale (@evoiron)
+- **Locales:**
+    - Add `portuguese` locale (@evoiron)
+    - Update locale context to simplify the process of adding a locale (@evoiron)
 
 ### 🐛 Bug Fixes
 
--   **Tabs:**
-    -   Fix alignment issue causing Pill Tabs not to be centered within their parent element (@YanDevDz)
+- **Tabs:**
+    - Fix alignment issue causing Pill Tabs not to be centered within their parent element (@YanDevDz)
 
 ## [15.1.0](https://www.npmjs.com/package/aristid-ds/v/15.1.0) (2026-02-24)
 
 ### ✨ Features
 
--   **⚠️ Breaking change - Table**:
-    -   Keep table generic by removing `getRowClassName` function (@baloche)
--   **Modal:**
-    -   Add `extraRight` prop to display extra right content (@philippechevieux)
--   **SearchInput:**
-    -   Set minimum width to the SearchInput component (@alechapelain)
-    -   Adapt icon color based on state and input content (@alechapelain)
+- **⚠️ Breaking change - Table**:
+    - Keep table generic by removing `getRowClassName` function (@baloche)
+- **Modal:**
+    - Add `extraRight` prop to display extra right content (@philippechevieux)
+- **SearchInput:**
+    - Set minimum width to the SearchInput component (@alechapelain)
+    - Adapt icon color based on state and input content (@alechapelain)
 
 ### 🐛 Bug Fixes
 
--   **Tag:**
-    -   Fix tooltip color of tags using `IdCard` component in TagGroup (@philippechevieux)
--   **Badge:**
-    -   Remove default `title` tooltip on Badge component (if needed we can use a `KitTooltip` component) (@philippechevieux)
-    -   Fix warning when Badge component is used inside a Tooltip component (@alechapelain)
--   **Table:**
-    -   Fix pagination position (@cedeymard9)
-    -   Fix background color issue when header is sticky (@cedeymard9)
--   **Select:**
-    -   Use `<KitIdCard/>` component as children instead of `idCardProps` deprecated property (@cedeymard9)
--   **TreeSelect:**
-    -   Use `<KitIdCard/>` component as children instead of `idCardProps` deprecated property (@cedeymard9)
-    -   Fix scrolling issue (@cedeymard9)
+- **Tag:**
+    - Fix tooltip color of tags using `IdCard` component in TagGroup (@philippechevieux)
+- **Badge:**
+    - Remove default `title` tooltip on Badge component (if needed we can use a `KitTooltip` component) (@philippechevieux)
+    - Fix warning when Badge component is used inside a Tooltip component (@alechapelain)
+- **Table:**
+    - Fix pagination position (@cedeymard9)
+    - Fix background color issue when header is sticky (@cedeymard9)
+- **Select:**
+    - Use `<KitIdCard/>` component as children instead of `idCardProps` deprecated property (@cedeymard9)
+- **TreeSelect:**
+    - Use `<KitIdCard/>` component as children instead of `idCardProps` deprecated property (@cedeymard9)
+    - Fix scrolling issue (@cedeymard9)
 
 ### 📚 Documentation
 
--   **Changelog:**
-    -   Add `Changelog` page to storybook (@evoiron)
--   **Collapse:**
-    -   Remove link that no longer exists (@cedeymard9)
+- **Changelog:**
+    - Add `Changelog` page to storybook (@evoiron)
+- **Collapse:**
+    - Remove link that no longer exists (@cedeymard9)
 
 ## [15.0.0](https://www.npmjs.com/package/aristid-ds/v/15.0.0) (2026-01-23)
 
 ### ✨ Features
 
--   **⚠️ Breaking change - Notification**:
-    -   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)
--   **⚠️ Breaking change - Button**:
-    -   Remove `checked` prop from segmented button (@evoiron)
--   **⚠️ Breaking change - IdCard**:
-    -   Replacing `size` options (@fatb38)
-        -   removing `medium` and `large`
-        -   adding `xxs-medium`, `xs-medium`, `xs-bold`, `s`, `m`, `l`, `xl`
--   **⚠️ Breaking change - Input (Input,TextArea,Password)**:
-    -   Rename `readonly` property to `readonlyLight` (@philippechevieux)
-    -   Add `readonly` property whith a render similar to disabled state (@philippechevieux)
--   **⚠️ Breaking change - DatePicker/RangePicker**:
-    -   Rename `readonly` property to `readonlyLight` (@philippechevieux)
-    -   Add `readonly` property whith a render similar to disabled state (@philippechevieux)
-    -   Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
--   **⚠️ Breaking change - RichText**:
-    -   Rename `readonly` property to `readonlyLight` (@philippechevieux)
-    -   Add `readonly` property whith a render similar to disabled state (@philippechevieux)
-    -   Remove `mini` prop (@alechapelain)
-    -   Adapt component to use style attribute on component to override default width and height (@alechapelain)
--   **⚠️ Breaking change - Select**:
-    -   Rename `readonly` property to `readonlyLight` (@philippechevieux)
-    -   Add `readonly` property whith a render similar to disabled state (@philippechevieux)
-    -   Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
--   **⚠️ Breaking change - Avatar**:
-    -   Replace `size` option by : `xs`, `s`, `m`, `l`, `xl` (@fatb38)
--   **⚠️ Breaking change - Header**:
-    -   Rename `profile` property to `extraRight` to display extra right content (@philippechevieux)
-    -   Add `brandLogo` property to display brand logo (@evoiron)
-    -   Change 'height' to 48px instead of 64px
--   **Comment**:
-    -   Add components Commment and Thread (@baloche)
--   **SideMenu**:
-    -   Change 'width' to 48px instead of 64px
--   **AutoComplete**:
-    -   Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
--   **ColorPicker**:
-    -   Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
-    -   Add `readonly` property whith a render similar to disabled state (@philippechevieux)
--   **InputNumber**:
-    -   Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
-    -   Add `readonly` property whith a render similar to disabled state (@philippechevieux)
--   **SearchInput**:
-    -   Add component SearchInput (@baloche)
--   **SidePanel**:
-    -   Add opening and closing animations (@philippechevieux)
-    -   Add `l` size (@7Remy)
-    -   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)
-    -   Add `headerExtraButtons` property to display buttons or any components on the right side of the header next to the close button (@philippechevieux)
-    -   Add `showSeparator` property to display a separator between header and content (@philippechevieux)
-    -   Add `onCloseAfterAnimation` callback that triggers after the closing animation completes instead of immediately on close (@philippechevieux)
-    -   Allow user to use `size` property when using `idCardProps` (@philippechevieux)
-    -   Reduce internal paddings to save space (@philippechevieux)
-    -   Improve alignments of `KitSidePanelHeader` (@philippechevieux)
--   **IdCard:**
-    -   Add support for ReactNode in `title` and `descriptions` props to allow custom rendering (@philippechevieux)
-    -   Add support for prop `avatar` as a ReactNode as an alternative for `avatarProps` (@baloche)
-    -   Add `color` for left border color (@sberthier)
--   **Tabs:**
-    -   Add `xsmall` size (@florianSimonAristid)
-    -   Add `badgeOverflowCount` prop to display a badge with an overflow count (@philippechevieux)
-    -   Make component responsive by displaying a dropdown with overflowed tabs (@renaudamsellem)
--   **Tag:**
-    -   Add `small` size (@florianSimonAristid)
-    -   Add close icon tooltip with `closeText` prop to customize the text (@philippechevieux)
--   **Table:**
-    -   Add `expandable` props to config custom expandable content (@florianSimonAristid)
-    -   Add `header` props with `wrapper`, `row` and `cell` variable in `KitTableComponents` type, same props as AntDesign (@florianSimonAristid)
-    -   Add `getRowClassName` function to manage indentation in Table (@florianSimonAristid)
-    -   Add `headerLineSize` property (@baloche)
--   **All components with a DropDown:**
-    -   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)
--   **Snackbar**
-    -   Allow multiple snackbar areas (@evoiron)
--   **Button**
-    -   Add size `m`and `s` to segmented button (@evoiron)
--   **InputWrapper**:
-    -   Add forwardRef support to enable ref forwarding to the wrapper element (@philippechevieux)
--   **KitPagination:**
-    -   Reduce size (@florianSimonAristid)
--   **KitTreeSelect:**
-    -   New TreeSelect component (@evoiron)
--   **Filter:**
-    -   Add `showSingleValue` to show value, if there is only 1 value selected (@florianSimonAristid)
-    -   Add `readonly` prop to activate readonly state (@renaudamsellem)
--   **Button:**
-    -   Reduce padding of link button (@philippechevieux)
-    -   Extend active state to `primary`, `secondary`, `tertiary` in addition to `segmented` type (@philippechevieux)
--   **SidePanel:**
-    -   Display a border left to the side panel when it is not floating (@philippechevieux)
-    -   Display a shadow when the side panel is floating (@philippechevieux)
--   **Breadcrumb:**
-    -   Fix line height to 1 (@philippechevieux)
--   **Modal:**
-    -   Change default size of buttons to `m` (@philippechevieux)
-    -   Add tooltip hover on close button (@philippechevieux)
-    -   Add border bottom to modal header in fullscreen mode (@philippechevieux)
--   **RichText**:
-    -   Add Mentions support (@baloche)
-    -   Add showMenubar prop option to choose the menubar visibility, either on `focus` or `always` (@alechapelain)
-    -   Improve menu display behaviour on resize (@baloche)
--   **Empty**:
-    -   Add `no comment` image to the options (@alechapelain)
--   **Collapse, ItemCard, RedirectCard**:
-    -   Change hover border width to 2px and focus 3px (@Earnox)
--   **Input / Select / DatePicker**:
-    -   Update paddings, gaps and icon sizes for `small`, `middle` and `large` sizes to match new design specs. (@earnox)
+- **⚠️ Breaking change - Notification**:
+    - 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)
+- **⚠️ Breaking change - Button**:
+    - Remove `checked` prop from segmented button (@evoiron)
+- **⚠️ Breaking change - IdCard**:
+    - Replacing `size` options (@fatb38)
+        - removing `medium` and `large`
+        - adding `xxs-medium`, `xs-medium`, `xs-bold`, `s`, `m`, `l`, `xl`
+- **⚠️ Breaking change - Input (Input,TextArea,Password)**:
+    - Rename `readonly` property to `readonlyLight` (@philippechevieux)
+    - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
+- **⚠️ Breaking change - DatePicker/RangePicker**:
+    - Rename `readonly` property to `readonlyLight` (@philippechevieux)
+    - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
+    - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
+- **⚠️ Breaking change - RichText**:
+    - Rename `readonly` property to `readonlyLight` (@philippechevieux)
+    - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
+    - Remove `mini` prop (@alechapelain)
+    - Adapt component to use style attribute on component to override default width and height (@alechapelain)
+- **⚠️ Breaking change - Select**:
+    - Rename `readonly` property to `readonlyLight` (@philippechevieux)
+    - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
+    - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
+- **⚠️ Breaking change - Avatar**:
+    - Replace `size` option by : `xs`, `s`, `m`, `l`, `xl` (@fatb38)
+- **⚠️ Breaking change - Header**:
+    - Rename `profile` property to `extraRight` to display extra right content (@philippechevieux)
+    - Add `brandLogo` property to display brand logo (@evoiron)
+    - Change 'height' to 48px instead of 64px
+- **Comment**:
+    - Add components Commment and Thread (@baloche)
+- **SideMenu**:
+    - Change 'width' to 48px instead of 64px
+- **AutoComplete**:
+    - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
+- **ColorPicker**:
+    - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
+    - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
+- **InputNumber**:
+    - Add `size` property to enable `small`, `middle` and `large` sizes (@fatb38)
+    - Add `readonly` property whith a render similar to disabled state (@philippechevieux)
+- **SearchInput**:
+    - Add component SearchInput (@baloche)
+- **SidePanel**:
+    - Add opening and closing animations (@philippechevieux)
+    - Add `l` size (@7Remy)
+    - 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)
+    - Add `headerExtraButtons` property to display buttons or any components on the right side of the header next to the close button (@philippechevieux)
+    - Add `showSeparator` property to display a separator between header and content (@philippechevieux)
+    - Add `onCloseAfterAnimation` callback that triggers after the closing animation completes instead of immediately on close (@philippechevieux)
+    - Allow user to use `size` property when using `idCardProps` (@philippechevieux)
+    - Reduce internal paddings to save space (@philippechevieux)
+    - Improve alignments of `KitSidePanelHeader` (@philippechevieux)
+- **IdCard:**
+    - Add support for ReactNode in `title` and `descriptions` props to allow custom rendering (@philippechevieux)
+    - Add support for prop `avatar` as a ReactNode as an alternative for `avatarProps` (@baloche)
+    - Add `color` for left border color (@sberthier)
+- **Tabs:**
+    - Add `xsmall` size (@florianSimonAristid)
+    - Add `badgeOverflowCount` prop to display a badge with an overflow count (@philippechevieux)
+    - Make component responsive by displaying a dropdown with overflowed tabs (@renaudamsellem)
+- **Tag:**
+    - Add `small` size (@florianSimonAristid)
+    - Add close icon tooltip with `closeText` prop to customize the text (@philippechevieux)
+- **Table:**
+    - Add `expandable` props to config custom expandable content (@florianSimonAristid)
+    - Add `header` props with `wrapper`, `row` and `cell` variable in `KitTableComponents` type, same props as AntDesign (@florianSimonAristid)
+    - Add `getRowClassName` function to manage indentation in Table (@florianSimonAristid)
+    - Add `headerLineSize` property (@baloche)
+- **All components with a DropDown:**
+    - 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)
+- **Snackbar**
+    - Allow multiple snackbar areas (@evoiron)
+- **Button**
+    - Add size `m`and `s` to segmented button (@evoiron)
+- **InputWrapper**:
+    - Add forwardRef support to enable ref forwarding to the wrapper element (@philippechevieux)
+- **KitPagination:**
+    - Reduce size (@florianSimonAristid)
+- **KitTreeSelect:**
+    - New TreeSelect component (@evoiron)
+- **Filter:**
+    - Add `showSingleValue` to show value, if there is only 1 value selected (@florianSimonAristid)
+    - Add `readonly` prop to activate readonly state (@renaudamsellem)
+- **Button:**
+    - Reduce padding of link button (@philippechevieux)
+    - Extend active state to `primary`, `secondary`, `tertiary` in addition to `segmented` type (@philippechevieux)
+- **SidePanel:**
+    - Display a border left to the side panel when it is not floating (@philippechevieux)
+    - Display a shadow when the side panel is floating (@philippechevieux)
+- **Breadcrumb:**
+    - Fix line height to 1 (@philippechevieux)
+- **Modal:**
+    - Change default size of buttons to `m` (@philippechevieux)
+    - Add tooltip hover on close button (@philippechevieux)
+    - Add border bottom to modal header in fullscreen mode (@philippechevieux)
+- **RichText**:
+    - Add Mentions support (@baloche)
+    - Add showMenubar prop option to choose the menubar visibility, either on `focus` or `always` (@alechapelain)
+    - Improve menu display behaviour on resize (@baloche)
+- **Empty**:
+    - Add `no comment` image to the options (@alechapelain)
+- **Collapse, ItemCard, RedirectCard**:
+    - Change hover border width to 2px and focus 3px (@Earnox)
+- **Input / Select / DatePicker**:
+    - Update paddings, gaps and icon sizes for `small`, `middle` and `large` sizes to match new design specs. (@earnox)
 
 ### 🐛 Bug Fixes
 
--   **Progress:**
-    -   Fix height of progress line trail to auto (@philippechevieux)
--   **Modal:**
-    -   Fix double execution of close function when clicking the close button due to duplicate onClick handlers on button and icon (@philippechevieux)
-    -   Fix event propagation on close Modal (@evoiron)
-    -   Fix title display. If `title` props is a ReactNode, it's now not encapsulated in a `KitTypography` Element (@evoiron)
-    -   Fix padding of modal header, content and footer (@philippechevieux)
-    -   Fix horizontal scroll issue when content is too wide (@philippechevieux)
--   **DropDown:**
-    -   Clicking outside the `DropDown` now closes it even when inside an iframe (@philippechevieux)
-    -   Keep the `DropDown` open when selecting items (@philippechevieux)
-    -   Fix double toggle issue when clicking the trigger after closing via blur (@philippechevieux)
--   **Upload:**
-    -   Fix upload dragger height unexpectedly growing in some cases (@evoiron)
--   **SidePanel**:
-    -   Export `KitSidePanelHeader` and `KitSidePanelContent` components from the main package entry point (@philippechevieux)
-    -   Fix CSS structure by extracting nested header and content styles into separate classes for proper component isolation (@philippechevieux)
--   **TagGroup:**
-    -   Fix event Propagation on click to sidplay hidden tags (@evoiron)
--   **ColorPicker:**
-    -   Fix clear button displaying when component is disabled or readonly (@philippechevieux)
--   **Breadcrumb:**
-    -   Fix `KitBreadcrumb` css is broken when displayed a `KitTypography` (@evoiron)
-    -   Fix `KitBreadcrumb` css is broken when displayed a `KitModal` header (@evoiron)
--   **Table**:
-    -   Fix header and row borders issue when using `KitTable` with only one column (@philippechevieux)
-    -   Update title example (@earnox)
--   **Tabs:**
-    -   Fix badge count issue when using `xsmall` size (@philippechevieux)
--   **Filter:**
-    -   Cursor should be `not-allowed` if filter has props disabled and expandable (@renaudamsellem)
-    -   Added key to avoid wrong dropdown positioning due to possible content shifting when the dropdown is open (@alechapelain)
--   **Radio:**
-    -   Fix `danger` state styles (@alechapelain)
--   **Checkbox:**
-    -   Fix `danger` state styles (@alechapelain)
--   **Tree:**
-    -   Sets the tree node pseudo-element height to zero to remove unintended vertical spacing. (@philippechevieux)
+- **Progress:**
+    - Fix height of progress line trail to auto (@philippechevieux)
+- **Modal:**
+    - Fix double execution of close function when clicking the close button due to duplicate onClick handlers on button and icon (@philippechevieux)
+    - Fix event propagation on close Modal (@evoiron)
+    - Fix title display. If `title` props is a ReactNode, it's now not encapsulated in a `KitTypography` Element (@evoiron)
+    - Fix padding of modal header, content and footer (@philippechevieux)
+    - Fix horizontal scroll issue when content is too wide (@philippechevieux)
+- **DropDown:**
+    - Clicking outside the `DropDown` now closes it even when inside an iframe (@philippechevieux)
+    - Keep the `DropDown` open when selecting items (@philippechevieux)
+    - Fix double toggle issue when clicking the trigger after closing via blur (@philippechevieux)
+- **Upload:**
+    - Fix upload dragger height unexpectedly growing in some cases (@evoiron)
+- **SidePanel**:
+    - Export `KitSidePanelHeader` and `KitSidePanelContent` components from the main package entry point (@philippechevieux)
+    - Fix CSS structure by extracting nested header and content styles into separate classes for proper component isolation (@philippechevieux)
+- **TagGroup:**
+    - Fix event Propagation on click to sidplay hidden tags (@evoiron)
+- **ColorPicker:**
+    - Fix clear button displaying when component is disabled or readonly (@philippechevieux)
+- **Breadcrumb:**
+    - Fix `KitBreadcrumb` css is broken when displayed a `KitTypography` (@evoiron)
+    - Fix `KitBreadcrumb` css is broken when displayed a `KitModal` header (@evoiron)
+- **Table**:
+    - Fix header and row borders issue when using `KitTable` with only one column (@philippechevieux)
+    - Update title example (@earnox)
+- **Tabs:**
+    - Fix badge count issue when using `xsmall` size (@philippechevieux)
+- **Filter:**
+    - Cursor should be `not-allowed` if filter has props disabled and expandable (@renaudamsellem)
+    - Added key to avoid wrong dropdown positioning due to possible content shifting when the dropdown is open (@alechapelain)
+- **Radio:**
+    - Fix `danger` state styles (@alechapelain)
+- **Checkbox:**
+    - Fix `danger` state styles (@alechapelain)
+- **Tree:**
+    - Sets the tree node pseudo-element height to zero to remove unintended vertical spacing. (@philippechevieux)
 
 ### 📚 Documentation
 
--   **Table**:
-    -   Add `onRow` usage (@philippechevieux)
--   **Filter**:
-    -   Update `With custom Action` exemple implementation (@philippechevieux)
+- **Table**:
+    - Add `onRow` usage (@philippechevieux)
+- **Filter**:
+    - Update `With custom Action` exemple implementation (@philippechevieux)
 
 ## [14.0.0](https://www.npmjs.com/package/aristid-ds/v/14.0.0) (2025-05-20)
 
 ### ✨ Features
 
--   **Typography**:
-    -   Original `Text`, `Link`, `Title` and `Paragraph` have been renamed to `AdvancedText`, `AdvancedLink`, `AdvancedTitle` and `AdvancedParagraph`. (@evoiron)
-    -   `Text`, `Link`, `Title` and `Paragraph` components are now lightweight versions of original ones providing only basic features. (@evoiron)
-    -   Added `withTooltip` prop for non Advanced versions to add a tooltip which is now not displayed by deefault when content is ellipsed. (@evoiron)
--   **IdCard**:
-    -   Remove use of `Typography.Text` component (@evoiron)
-    -   Add `disableTooltip` property to disable tooltip on title and description (@evoiron)
--   **⚠️ Breaking change - Upload**:
-    -   Remove the following properties: (@philippechevieux)
-        -   `listType`
-        -   `itemRender`
-        -   `openFileDialogOnClick`
-        -   `loading`
-        -   `isImageUrl`
-        -   `imageUrl`
-        -   `progress`
-        -   `previewFile`
-        -   `showUploadList`
-    -   Update component render (@philippechevieux)
--   **RichText**:
-    -   Add `mini` property to display a minified version of the component (@renaudamsellem)
--   **SidePanel**:
-    -   Add opening and closing animations (@philippechevieux)
+- **Typography**:
+    - Original `Text`, `Link`, `Title` and `Paragraph` have been renamed to `AdvancedText`, `AdvancedLink`, `AdvancedTitle` and `AdvancedParagraph`. (@evoiron)
+    - `Text`, `Link`, `Title` and `Paragraph` components are now lightweight versions of original ones providing only basic features. (@evoiron)
+    - Added `withTooltip` prop for non Advanced versions to add a tooltip which is now not displayed by deefault when content is ellipsed. (@evoiron)
+- **IdCard**:
+    - Remove use of `Typography.Text` component (@evoiron)
+    - Add `disableTooltip` property to disable tooltip on title and description (@evoiron)
+- **⚠️ Breaking change - Upload**:
+    - Remove the following properties: (@philippechevieux)
+        - `listType`
+        - `itemRender`
+        - `openFileDialogOnClick`
+        - `loading`
+        - `isImageUrl`
+        - `imageUrl`
+        - `progress`
+        - `previewFile`
+        - `showUploadList`
+    - Update component render (@philippechevieux)
+- **RichText**:
+    - Add `mini` property to display a minified version of the component (@renaudamsellem)
+- **SidePanel**:
+    - Add opening and closing animations (@philippechevieux)
 
 ### 🐛 Bug Fixes
 
--   **Modal:**
-    -   KitModal.setAppElement was defined in typescript but not implemented (@evoiron)
--   **Tag:**
-    -   Hide `closeIcon` for tags in a group if handleCloseTag is not provided (@philippechevieux)
-    -   Remove tooltip for other tags in TagGroup (@NicoSourimant)
--   **DatePicker/RangePicker**
-    -   Fix color of prefix icon when component is `disabled`, in `warning` or `error` status (@philippechevieux)
+- **Modal:**
+    - KitModal.setAppElement was defined in typescript but not implemented (@evoiron)
+- **Tag:**
+    - Hide `closeIcon` for tags in a group if handleCloseTag is not provided (@philippechevieux)
+    - Remove tooltip for other tags in TagGroup (@NicoSourimant)
+- **DatePicker/RangePicker**
+    - Fix color of prefix icon when component is `disabled`, in `warning` or `error` status (@philippechevieux)
 
 ### 📚 Documentation
 
--   **Tree**:
-    -   Add exemple of a long title with ellipsis (@philippechevieux)
+- **Tree**:
+    - Add exemple of a long title with ellipsis (@philippechevieux)
 
 ## [13.0.0](https://www.npmjs.com/package/aristid-ds/v/13.0.0) (2025-02-17)
 
 ### ✨ CI
 
--   Add a pre-commit hook. Now, `eslint` and `tscheck` are run before each commit (@evoiron)
+- Add a pre-commit hook. Now, `eslint` and `tscheck` are run before each commit (@evoiron)
 
 ### 📦 Upgrade
 
@@ -324,405 +409,401 @@
 
 The following points are the impact of this version upgrade:
 
--   **Avatar**:
-    -   Add `max` prop to set maximum display related configurations. The following props are now deprecated: (@philippechevieux)
-        -   `maxCount`
-        -   `maxStyle`
-        -   `maxPopoverPlacement`
-        -   `maxPopoverTrigger`
--   **Table**:
-    -   Add `onScroll` prop that will be triggered when table body is scrolled (@philippechevieux)
-    -   Add `showSorterTooltip` prop to manage sorting tooltip (@philippechevieux)
-    -   Add `minWidth` prop to set column min width (@philippechevieux)
--   **Tree**:
-    -   Add `switcherLoadingIcon` prop to customize loading icons for tree nodes (@philippechevieux)
--   **Pagination**:
-    -   Add `showSizeChanger` prop to show or not the pages selector (@7Remy)
-    -   Disallow `simple` and `align` props (@7Remy)
--   **Progress**:
-    -   Add `percentPosition` prop to decide where the percentage is (@7Remy)
--   **Typography**:
-    -   `expandable` prop has new possible value `collapsible`, in addition to exisiting booleans (@7Remy)
--   **Input**:
-    -   Add `onClear` prop that will be triggered when the clear button is clicked (@evoiron)
--   **InputNumber**:
-    -   `focus` method on ref now accepts a `cursor` parameter that controls the cursor behavior on focus. See doc for details (@evoiron)
-    -   `nativeElement` is now exposed by ref to get access to the dom Element (@evoiron)
--   **Slider**:
-    -   Add `editable` prop on the `range` props of `KitSlider` (@evoiron)
-    -   Add `minCount` prop on the `range` props of `KitSlider` (@evoiron)
-    -   Add `maxCount` prop on the `range` props of `KitSlider` (@evoiron)
--   **Upload**:
-    -   Add `extra` option to `showUploadList` prop (@evoiron)
-    -   Options `showPreview`, `showRemoveIcon` and `showDownloadIcon` of `showUploadList` prop now accept a function (@evoiron)
--   **Checkbox**:
-    -   Add focus event listeners `onFocus` and `onBlur` props with documentation (@P0ppoff)
-    -   Update documentation to avoid conflict in API section between `<Checkbox />` and `<Checkbox.Group />` (@P0ppoff)
--   **ColorPicker**
-    -   Disallow `mode` prop from upgrade (@P0ppoff)
-    -   Add `disabledFormat` prop (@P0ppoff)
-    -   Add method to convert CSS to string: `toCssString` (@P0ppoff)
--   **DatePicker**
-    -   Rework `prefix`/`suffixIcon` icon props + new example (Christmas theme) (@P0ppoff)
--   **Select**
-    -   Fix alignment for multiple values (@P0ppoff)
-    -   Fix `oneLineTags` message (@P0ppoff)
-    -   Allow to customize `prefix` and `suffixIcon` icons (@P0ppoff)
-    -   Add `filterSort` prop to replace sort on array of selectable values (@P0ppoff)
+- **Avatar**:
+    - Add `max` prop to set maximum display related configurations. The following props are now deprecated: (@philippechevieux)
+        - `maxCount`
+        - `maxStyle`
+        - `maxPopoverPlacement`
+        - `maxPopoverTrigger`
+- **Table**:
+    - Add `onScroll` prop that will be triggered when table body is scrolled (@philippechevieux)
+    - Add `showSorterTooltip` prop to manage sorting tooltip (@philippechevieux)
+    - Add `minWidth` prop to set column min width (@philippechevieux)
+- **Tree**:
+    - Add `switcherLoadingIcon` prop to customize loading icons for tree nodes (@philippechevieux)
+- **Pagination**:
+    - Add `showSizeChanger` prop to show or not the pages selector (@7Remy)
+    - Disallow `simple` and `align` props (@7Remy)
+- **Progress**:
+    - Add `percentPosition` prop to decide where the percentage is (@7Remy)
+- **Typography**:
+    - `expandable` prop has new possible value `collapsible`, in addition to exisiting booleans (@7Remy)
+- **Input**:
+    - Add `onClear` prop that will be triggered when the clear button is clicked (@evoiron)
+- **InputNumber**:
+    - `focus` method on ref now accepts a `cursor` parameter that controls the cursor behavior on focus. See doc for details (@evoiron)
+    - `nativeElement` is now exposed by ref to get access to the dom Element (@evoiron)
+- **Slider**:
+    - Add `editable` prop on the `range` props of `KitSlider` (@evoiron)
+    - Add `minCount` prop on the `range` props of `KitSlider` (@evoiron)
+    - Add `maxCount` prop on the `range` props of `KitSlider` (@evoiron)
+- **Upload**:
+    - Add `extra` option to `showUploadList` prop (@evoiron)
+    - Options `showPreview`, `showRemoveIcon` and `showDownloadIcon` of `showUploadList` prop now accept a function (@evoiron)
+- **Checkbox**:
+    - Add focus event listeners `onFocus` and `onBlur` props with documentation (@P0ppoff)
+    - Update documentation to avoid conflict in API section between `<Checkbox />` and `<Checkbox.Group />` (@P0ppoff)
+- **ColorPicker**
+    - Disallow `mode` prop from upgrade (@P0ppoff)
+    - Add `disabledFormat` prop (@P0ppoff)
+    - Add method to convert CSS to string: `toCssString` (@P0ppoff)
+- **DatePicker**
+    - Rework `prefix`/`suffixIcon` icon props + new example (Christmas theme) (@P0ppoff)
+- **Select**
+    - Fix alignment for multiple values (@P0ppoff)
+    - Fix `oneLineTags` message (@P0ppoff)
+    - Allow to customize `prefix` and `suffixIcon` icons (@P0ppoff)
+    - Add `filterSort` prop to replace sort on array of selectable values (@P0ppoff)
 
 ### ✨ Features
 
--   **⚠️ Breaking change - Tree**:
-    -   Remove `showLine` and `switcherIcon` properties (@philippechevieux)
-    -   Update component render (@philippechevieux)
-    -   Wrap switcher icon to add `aria-label` to improve accessibility (@philippechevieux)
--   **⚠️ Breaking change - Progress**:
-    -   Complete rewriting of the `Progress` component without Ant (@philippechevieux)
-    -   Remove all Ant props (@philippechevieux)
-    -   `circle` and `dashboard` type are no longer available (@philippechevieux)
--   **Snackbar**:
-    -   Add `snackbarId` property to allow to update a snackbar (@evoiron)
--   **Button**:
-    -   Add `action` type button (@evoiron)
--   **Tabs**:
-    -   Add controlled state to handle navigation within tabs (@renaudamsellem)
--   **SidePanel**:
-    -   Add `headerExtra` prop to display extra content above header title (@philippechevieux)
+- **⚠️ Breaking change - Tree**:
+    - Remove `showLine` and `switcherIcon` properties (@philippechevieux)
+    - Update component render (@philippechevieux)
+    - Wrap switcher icon to add `aria-label` to improve accessibility (@philippechevieux)
+- **⚠️ Breaking change - Progress**:
+    - Complete rewriting of the `Progress` component without Ant (@philippechevieux)
+    - Remove all Ant props (@philippechevieux)
+    - `circle` and `dashboard` type are no longer available (@philippechevieux)
+- **Snackbar**:
+    - Add `snackbarId` property to allow to update a snackbar (@evoiron)
+- **Button**:
+    - Add `action` type button (@evoiron)
+- **Tabs**:
+    - Add controlled state to handle navigation within tabs (@renaudamsellem)
+- **SidePanel**:
+    - Add `headerExtra` prop to display extra content above header title (@philippechevieux)
 
 ### 🐛 Bug Fixes
 
--   **SidePanel**
-    -   Fix `closeOnOutsideClick` behavior to listen to `click` event instead on `mousedeown` (@evoiron)
--   **ColorPicker**
-    -   Fix `onFormatChange` behavior (@philippechevieux)
--   **Modal**
-    -   Allow to pass className as props just like other components (@renaudamsellem)
--   **Button**
-    -   Fix hover and focus state color when redirect button is inside a typography text (@renaudamsellem)
+- **SidePanel**
+    - Fix `closeOnOutsideClick` behavior to listen to `click` event instead on `mousedeown` (@evoiron)
+- **ColorPicker**
+    - Fix `onFormatChange` behavior (@philippechevieux)
+- **Modal**
+    - Allow to pass className as props just like other components (@renaudamsellem)
+- **Button**
+    - Fix hover and focus state color when redirect button is inside a typography text (@renaudamsellem)
 
 ## [12.0.0](https://www.npmjs.com/package/aristid-ds/v/12.0.0) (2024-01-09)
 
 ### ✨ Features
 
--   **Tag Group**:
-    -   Display hidden tags (@Delmotte-Vincent)
--   **SidePanel**:
-    -   Close side panel on escape key press (@Delmotte-Vincent)
-    -   Close side panel on click outside (@Delmotte-Vincent)
--   **⚠️ Breaking change - InputWrapper**:
-    -   Removed `actions` prop and replace it by `extra` prop (@philippechevieux)
-    -   Remove `infoIcon` and `onInfoClick` props. Please use `extra` prop instead (@philippechevieux)
--   **⚠️ Breaking change - SnackBar**:
-    -   Deprecated `ctaText` and `ctaOnClick` props and replace it by `actions` prop (@evoiron)
-    -   `message` prop now accepts a `ReactNode` (@evoiron)
-    -   Add `onClose` prop to allow some action when closing the snackbar (@evoiron)
-    -   Add `actionsInDropDown` prop to force display all actions in a dropdown. By default it can handle 3 actions before showing a dropdown (@evoiron)
--   **DatePicker**:
-    -   Design update (@fatb38)
--   **ColorPicker**:
-    -   Displays a placeholder when no color is selected (@philippechevieux)
-    -   Add `placeholder` prop to customize the default placeholder (@philippechevieux)
-    -   Delete button to remove color from DropDown (@philippechevieux)
-    -   Add a default `min-width` to prevent from changing width when selecting a color (@philippechevieux)
--   **Select**:
-    -   Add `onDeselect` prop called when an option is deselected. Only called for `multiple` or `tags` (@philippechevieux)
-    -   Add `onTagClose` prop to `IKitOption` called when a tag is closed (@philippechevieux)
--   **RichText**:
-    -   Add suport for HTML `autoFocus` prop (@philippechevieux)
+- **Tag Group**:
+    - Display hidden tags (@Delmotte-Vincent)
+- **SidePanel**:
+    - Close side panel on escape key press (@Delmotte-Vincent)
+    - Close side panel on click outside (@Delmotte-Vincent)
+- **⚠️ Breaking change - InputWrapper**:
+    - Removed `actions` prop and replace it by `extra` prop (@philippechevieux)
+    - Remove `infoIcon` and `onInfoClick` props. Please use `extra` prop instead (@philippechevieux)
+- **⚠️ Breaking change - SnackBar**:
+    - Deprecated `ctaText` and `ctaOnClick` props and replace it by `actions` prop (@evoiron)
+    - `message` prop now accepts a `ReactNode` (@evoiron)
+    - Add `onClose` prop to allow some action when closing the snackbar (@evoiron)
+    - Add `actionsInDropDown` prop to force display all actions in a dropdown. By default it can handle 3 actions before showing a dropdown (@evoiron)
+- **DatePicker**:
+    - Design update (@fatb38)
+- **ColorPicker**:
+    - Displays a placeholder when no color is selected (@philippechevieux)
+    - Add `placeholder` prop to customize the default placeholder (@philippechevieux)
+    - Delete button to remove color from DropDown (@philippechevieux)
+    - Add a default `min-width` to prevent from changing width when selecting a color (@philippechevieux)
+- **Select**:
+    - Add `onDeselect` prop called when an option is deselected. Only called for `multiple` or `tags` (@philippechevieux)
+    - Add `onTagClose` prop to `IKitOption` called when a tag is closed (@philippechevieux)
+- **RichText**:
+    - Add suport for HTML `autoFocus` prop (@philippechevieux)
 
 ### 🐛 Bug Fixes
 
--   **ColorPicker**:
-    -   Fix an issue related to `defaultValue` prop (@philippechevieux)
-    -   Fix an issue where the DropDown remained open even if the `open` prop was set to `false` (@philippechevieux)
-    -   Fix an issue where it was no longer possible to change the color type (`rgb`, `hex`, `hsb`) from the DropDown (@philippechevieux)
-    -   Fix an issue where opacity was no longer displayed as a percentage for a hex color (@philippechevieux)
-    -   Fix clear icon position when using `showText` prop (@philippechevieux)
--   **InputNumber**:
-    -   Fix text default color (@philippechevieux)
--   **Error:**
-    -   Fix svg responsiveness (@philippechevieux)
--   **RedirectCard**:
-    -   Fix arrow position (@nicolasnssm)
--   **Tabs**:
-    -   Fix full-width instead of fit-content for pill tabs (@fatb38)
+- **ColorPicker**:
+    - Fix an issue related to `defaultValue` prop (@philippechevieux)
+    - Fix an issue where the DropDown remained open even if the `open` prop was set to `false` (@philippechevieux)
+    - Fix an issue where it was no longer possible to change the color type (`rgb`, `hex`, `hsb`) from the DropDown (@philippechevieux)
+    - Fix an issue where opacity was no longer displayed as a percentage for a hex color (@philippechevieux)
+    - Fix clear icon position when using `showText` prop (@philippechevieux)
+- **InputNumber**:
+    - Fix text default color (@philippechevieux)
+- **Error:**
+    - Fix svg responsiveness (@philippechevieux)
+- **RedirectCard**:
+    - Fix arrow position (@nicolasnssm)
+- **Tabs**:
+    - Fix full-width instead of fit-content for pill tabs (@fatb38)
 
 ## [11.0.0](https://www.npmjs.com/package/aristid-ds/v/11.0.0) (2024-11-27)
 
 ### ✨ Features
 
--   **⚠️ Breaking change - Menu:**
-    -   Deprecated `Menu` component has been removed (@evoiron)
--   **⚠️ Breaking change - Tabs:**
-    -   New custom-made component without Ant (@fatb38)
-    -   Remove all Ant props (@fatb38)
-    -   Remove `hideSeparator` prop (@fatb38)
--   **⚠️ Breaking change - Pagination:**
-    -   `bordered` prop doesn't exist anymore (@7Remy)
-    -   New design (@7Remy)
--   **⚠️ Breaking change - Button:**
-    -   Change available colors on segmented button (same as `Tag` component) (@evoiron)
--   **Table**:
-    -   Handle two different line heights (m/l) (@7Remy)
-    -   Reduce sort icons size (@7Remy)
-    -   Fix table header height (@7Remy)
-    -   Make rows sortable (added `showDragHandle` and `DragHandleelement` props) (@evoiron)
-    -   Make table and rows background customisable with `cellsBackgroundColor` and `backgroundColor`props (@evoiron)
-    -   Add `showHeader`prop to show or hide table header (@evoiron)
-    -   Add `borderedRows` prop to add a border to table rows (@evoiron)
--   **Button**
-    -   Add role `link` when type prop is set to `link` or `redirect` (@philippechevieux)
-    -   Add `size` props, usable when type is `primary`, `secondary` or `tertiary` (@evoiron)
-    -   Add split button. Just fill the `items` props to enable it. (@evoiron)
--   **ColorPicker**
-    -   Add `ref` support to retrieve the `value`, `focus` or `blur` the `ColorPicker` (@philippechevieux)
-    -   Add a clear icon inside `ColorPicker` input when `allowClear` prop is set (@philippechevieux)
--   **Empty**:
-    -   Add 5 svgs, and replace existing ones to uniformize size (@7Remy)
--   **ItemCard**:
-    -   Update image container (@7Remy)
-    -   Update elements order/spacing (@7Remy)
-    -   Improve responsive (@7Remy)
--   **ItemList**:
-    -   Display 2 actions and ellipsis with remaining actions when there are more than 3 actions (@renaudamsellem)
-    -   Add the possibility to display all actions in a dropdown by passing the new `actionsInDropdown` prop (@renaudamsellem)
--   **RedirectCard**:
-    -   Allow to display more than 3 actions (@renaudamsellem)
-    -   Add the possibility to display all actions in a dropdown by passing the new `actionsInDropdown` prop (@renaudamsellem)
--   **Collapse**:
-    -   Update `clear` icon render (@philippechevieux)
--   **Input**:
-    -   Update `clear` icon render (@philippechevieux)
--   **Password**:
-    -   Update `clear` icon render (@philippechevieux)
--   **TextArea**:
-    -   Update `clear` icon render (@philippechevieux)
--   **Select**:
-    -   Update `clear` icon render (@philippechevieux)
--   **Notification**:
-    -   Update `clear` icon render (@philippechevieux)
--   **Filter**:
-    -   Add the new Filter component (@evoiron)
+- **⚠️ Breaking change - Menu:**
+    - Deprecated `Menu` component has been removed (@evoiron)
+- **⚠️ Breaking change - Tabs:**
+    - New custom-made component without Ant (@fatb38)
+    - Remove all Ant props (@fatb38)
+    - Remove `hideSeparator` prop (@fatb38)
+- **⚠️ Breaking change - Pagination:**
+    - `bordered` prop doesn't exist anymore (@7Remy)
+    - New design (@7Remy)
+- **⚠️ Breaking change - Button:**
+    - Change available colors on segmented button (same as `Tag` component) (@evoiron)
+- **Table**:
+    - Handle two different line heights (m/l) (@7Remy)
+    - Reduce sort icons size (@7Remy)
+    - Fix table header height (@7Remy)
+    - Make rows sortable (added `showDragHandle` and `DragHandleelement` props) (@evoiron)
+    - Make table and rows background customisable with `cellsBackgroundColor` and `backgroundColor`props (@evoiron)
+    - Add `showHeader`prop to show or hide table header (@evoiron)
+    - Add `borderedRows` prop to add a border to table rows (@evoiron)
+- **Button**
+    - Add role `link` when type prop is set to `link` or `redirect` (@philippechevieux)
+    - Add `size` props, usable when type is `primary`, `secondary` or `tertiary` (@evoiron)
+    - Add split button. Just fill the `items` props to enable it. (@evoiron)
+- **ColorPicker**
+    - Add `ref` support to retrieve the `value`, `focus` or `blur` the `ColorPicker` (@philippechevieux)
+    - Add a clear icon inside `ColorPicker` input when `allowClear` prop is set (@philippechevieux)
+- **Empty**:
+    - Add 5 svgs, and replace existing ones to uniformize size (@7Remy)
+- **ItemCard**:
+    - Update image container (@7Remy)
+    - Update elements order/spacing (@7Remy)
+    - Improve responsive (@7Remy)
+- **ItemList**:
+    - Display 2 actions and ellipsis with remaining actions when there are more than 3 actions (@renaudamsellem)
+    - Add the possibility to display all actions in a dropdown by passing the new `actionsInDropdown` prop (@renaudamsellem)
+- **RedirectCard**:
+    - Allow to display more than 3 actions (@renaudamsellem)
+    - Add the possibility to display all actions in a dropdown by passing the new `actionsInDropdown` prop (@renaudamsellem)
+- **Collapse**:
+    - Update `clear` icon render (@philippechevieux)
+- **Input**:
+    - Update `clear` icon render (@philippechevieux)
+- **Password**:
+    - Update `clear` icon render (@philippechevieux)
+- **TextArea**:
+    - Update `clear` icon render (@philippechevieux)
+- **Select**:
+    - Update `clear` icon render (@philippechevieux)
+- **Notification**:
+    - Update `clear` icon render (@philippechevieux)
+- **Filter**:
+    - Add the new Filter component (@evoiron)
 
 ### 🐛 Bug Fixes
 
--   **InputWrapper**:
-    -   Fix an issue where a child `InputWrapper` was displaying a border if a parent `InputWrapper` had the `bordered` property set to `true`. (@philippechevieux)
-    -   Fix `onInfoClick` button render (@philippechevieux)
-    -   Fix `actions` alignment (@philippechevieux)
--   **AutoComplete**:
-    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
--   **DatePicker**:
-    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
--   **RangePicker**:
-    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
--   **Password**:
-    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
--   **TextArea**:
-    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
--   **InputNumber**:
-    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
--   **Select**:
-    -   Pass `required` attribute to the DOM (@Delmotte-Vincent)
-    -   Fix avatar space when no icon on tag mode (@renaudamsellem)
--   **RichText**:
-    -   Enforce css for bullet list display. Avoid external css from breaking it. (@evoiron)
+- **InputWrapper**:
+    - Fix an issue where a child `InputWrapper` was displaying a border if a parent `InputWrapper` had the `bordered` property set to `true`. (@philippechevieux)
+    - Fix `onInfoClick` button render (@philippechevieux)
+    - Fix `actions` alignment (@philippechevieux)
+- **AutoComplete**:
+    - Pass `required` attribute to the DOM (@Delmotte-Vincent)
+- **DatePicker**:
+    - Pass `required` attribute to the DOM (@Delmotte-Vincent)
+- **RangePicker**:
+    - Pass `required` attribute to the DOM (@Delmotte-Vincent)
+- **Password**:
+    - Pass `required` attribute to the DOM (@Delmotte-Vincent)
+- **TextArea**:
+    - Pass `required` attribute to the DOM (@Delmotte-Vincent)
+- **InputNumber**:
+    - Pass `required` attribute to the DOM (@Delmotte-Vincent)
+- **Select**:
+    - Pass `required` attribute to the DOM (@Delmotte-Vincent)
+    - Fix avatar space when no icon on tag mode (@renaudamsellem)
+- **RichText**:
+    - Enforce css for bullet list display. Avoid external css from breaking it. (@evoiron)
 
 ### 📚 Documentation
 
--   upgrade Storybook to v8.3.6 (@evoiron)
--   Unify storybook headings (@evoiron)
--   Rewrite Accessibility Panel for better performances (@evoiron)
+- upgrade Storybook to v8.3.6 (@evoiron)
+- Unify storybook headings (@evoiron)
+- Rewrite Accessibility Panel for better performances (@evoiron)
 
 ## [10.1.0](https://www.npmjs.com/package/aristid-ds/v/10.1.0) (2024-10-15)
 
 ### ✨ Features
 
--   **ItemList**:
-    -   Add a third right action (@fatb38)
-    -   Add new state `onError` (@fatb38)
-    -   Add the possibility to hide actions and display it on hover with `showActionOnHover` prop (@fatb38)
-    -   Box shadow is now only present on hover (@fatb38)
--   **RichText:**
-    -   Add `onFocus` and `onBlur` properties (@philippechevieux)
+- **ItemList**:
+    - Add a third right action (@fatb38)
+    - Add new state `onError` (@fatb38)
+    - Add the possibility to hide actions and display it on hover with `showActionOnHover` prop (@fatb38)
+    - Box shadow is now only present on hover (@fatb38)
+- **RichText:**
+    - Add `onFocus` and `onBlur` properties (@philippechevieux)
 
 ### 🐛 Bug Fixes
 
--   **Select:**
-    -   Correctly display custom values in tags mode (@evoiron)
--   **RichText**:
-    -   Fix component and menu bar width. (@philippechevieux)
--   **Alert**:
-    -   Set default type to warning when none is specified. (@evoiron)
-    -   Fix wrong max width when displaying toasted alert. (@evoiron)
+- **Select:**
+    - Correctly display custom values in tags mode (@evoiron)
+- **RichText**:
+    - Fix component and menu bar width. (@philippechevieux)
+- **Alert**:
+    - Set default type to warning when none is specified. (@evoiron)
+    - Fix wrong max width when displaying toasted alert. (@evoiron)
 
 ### 📚 Documentation
 
--   Remove `maxLength` control for `richText` (@philippechevieux)
+- Remove `maxLength` control for `richText` (@philippechevieux)
 
 ## [10.0.0](https://www.npmjs.com/package/aristid-ds/v/10.0.0) (2024-10-03)
 
 ### ✨ Features
 
--   **⚠️ Breaking change - Alert:**
-    -   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)
--   **⚠️ Breaking change - Grid:**
-    -   Update KitRow and KitCol to use antd API (@Delmotte-Vincent)
--   **New - PageLayout:**
-    -   Add PageLayout component (@Delmotte-Vincent)
--   **New - RichText:**
-    -   Add RichText component based on `Tiptap` editor (@philippechevieux)
--   **SideMenu:**
-    -   Add `customContent` property to display a custom component depending on `open` side menu state (@philippechevieux)
--   **ItemList:**
-    -   Make `idCardProps` property optional (@philippechevieux)
-    -   Add `idCardSubstitute` to display a custom component (@philippechevieux)
-    -   Add `checkboxAriaLabel` property because the `aria-label` of the checkbox was only based on `idCardProps` (@philippechevieux)
-    -   Add `title` attribute to action buttons (@Delmotte-Vincent)
--   **InputWrapper:**
-    -   Add `hoverable` to change border color when `bordered` is set to `true` (@philippechevieux)
-    -   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)
-    -   Add `htmlFor` property to link the label to the wrapped content. This property is also available for: (@philippechevieux)
-        -   `AutoComplete`
-        -   `DatePicker` and `RangePicker`
-        -   `Input`, `Password` and `TextArea`
-        -   `InputNumber`
-        -   `Select`
--   **Error**
-    -   Add `httpErrorCode` property to choose which error to display (@fatb38 / @renaudamsellem)
--   **Modal:**
-    -   Handle `maxHeight` in modal with a scrollbar if there is too much content. (@renaudamsellem)
+- **⚠️ Breaking change - Alert:**
+    - 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)
+- **⚠️ Breaking change - Grid:**
+    - Update KitRow and KitCol to use antd API (@Delmotte-Vincent)
+- **New - PageLayout:**
+    - Add PageLayout component (@Delmotte-Vincent)
+- **New - RichText:**
+    - Add RichText component based on `Tiptap` editor (@philippechevieux)
+- **SideMenu:**
+    - Add `customContent` property to display a custom component depending on `open` side menu state (@philippechevieux)
+- **ItemList:**
+    - Make `idCardProps` property optional (@philippechevieux)
+    - Add `idCardSubstitute` to display a custom component (@philippechevieux)
+    - Add `checkboxAriaLabel` property because the `aria-label` of the checkbox was only based on `idCardProps` (@philippechevieux)
+    - Add `title` attribute to action buttons (@Delmotte-Vincent)
+- **InputWrapper:**
+    - Add `hoverable` to change border color when `bordered` is set to `true` (@philippechevieux)
+    - 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)
+    - Add `htmlFor` property to link the label to the wrapped content. This property is also available for: (@philippechevieux)
+        - `AutoComplete`
+        - `DatePicker` and `RangePicker`
+        - `Input`, `Password` and `TextArea`
+        - `InputNumber`
+        - `Select`
+- **Error**
+    - Add `httpErrorCode` property to choose which error to display (@fatb38 / @renaudamsellem)
+- **Modal:**
+    - Handle `maxHeight` in modal with a scrollbar if there is too much content. (@renaudamsellem)
 
 ### 🐛 Bug Fixes
 
--   **Table**:
-    -   Fix checkbox hidden when ellipsis is true (@renaudamsellem)
--   **Input Number**:
-    -   Fix make onBlur and onFocus method overridable (@renaudamsellem)
+- **Table**:
+    - Fix checkbox hidden when ellipsis is true (@renaudamsellem)
+- **Input Number**:
+    - Fix make onBlur and onFocus method overridable (@renaudamsellem)
 
 ### 📚 Documentation
 
--   Fix design tokens page that crashed every time it was consulted (@philippechevieux)
+- Fix design tokens page that crashed every time it was consulted (@philippechevieux)
 
 ## [9.0.0](https://www.npmjs.com/package/aristid-ds/v/9.0.0) (2024-08-28)
 
 ### 🎨 Theming
 
--   **⚠️ Breaking change - Update tokens and CSS variables:**
-
-    -   Rename last part of color tokens. The color name does not appear anymore. Exemple:
-        `primary.blue100` is now `primary.100`. This applies to all colors. (@evoiron)
-    -   Rename utilities colors tokens: (@evoiron)
-        -   Same as color tokens. Exemple: `main.mainLight` is now `main.light`(@evoiron)
-        -   Rename `main.mainColor` as `main.default` (@evoiron)
-        -   Rename `error.errorColor` as `error.default` (@evoiron)
-        -   Rename `success.successColor` as `success.default` (@evoiron)
-        -   Rename `warning.warningColor` as `warning.default` (@evoiron)
-        -   Rename `shadow.shadowLight` as `shadow.light`, `shadow.shadowMedium` as `shadow.medium`,
-            `shadow.shadowBlue` as `shadow.blue` (@evoiron)
+- **⚠️ Breaking change - Update tokens and CSS variables:**
+    - Rename last part of color tokens. The color name does not appear anymore. Exemple:
+      `primary.blue100` is now `primary.100`. This applies to all colors. (@evoiron)
+    - Rename utilities colors tokens: (@evoiron)
+        - Same as color tokens. Exemple: `main.mainLight` is now `main.light`(@evoiron)
+        - Rename `main.mainColor` as `main.default` (@evoiron)
+        - Rename `error.errorColor` as `error.default` (@evoiron)
+        - Rename `success.successColor` as `success.default` (@evoiron)
+        - Rename `warning.warningColor` as `warning.default` (@evoiron)
+        - Rename `shadow.shadowLight` as `shadow.light`, `shadow.shadowMedium` as `shadow.medium`,
+          `shadow.shadowBlue` as `shadow.blue` (@evoiron)
 
     > If you use tokens or css variables in your application, we strongly recommend that you update them and prefer to use utilities.
 
 ### ✨ Features
 
--   **⚠️ Breaking change - Header Component:**
-    -   Rename `menuCard` prop of `Header.Profile` to `profileCardProps` and change its type from `ReactNode` to `IKitIdCard` (@evoiron)
-    -   Add `profileMenuCardProps` in `Header.Profile` as `IKitIdCard` (@evoiron)
-    -   Add `complement` in `Header.Profile` as `ReactNode` (@evoiron)
--   **⚠️ Breaking change - Typography:**
-    -   Change expected value of `size` prop. `small`, `medium` and `large` are replaced by fontSize from `fontSize1` to `fontSize7` (@philippechevieux)
-    -   Remove `type` prop because it is not used anymore and has been replaced by `color` (@philippechevieux)
--   **⚠️ Breaking change - RedirectCard:**
-
-    -   Rename `imageSrc` as `coverSrc` and `imageAlt` as `coverAlt` (@philippechevieux)
-    -   Add `actions` prop to display between 1 and 3 buttons (@philippechevieux)
-    -   Fix cover divider render on hover (@philippechevieux)
-
--   **⚠️ Breaking change - Grid Component:**
-
-    -   Update `Grid` internal code. We have moved from the Antd Grid component to a home-made component. Please refer to the documentation for use.
-
--   **Dropdown:**
-    -   Update border, active & selected styles (@renaudAmsellem)
-    -   Add new example with custom items (@renaudAmsellem)
--   **DatePicker:**
-    -   Update font used for icons (@philippechevieux)
-    -   Update icons used as separator (@philippechevieux)
--   **Steps:**
-    -   Update overall styles (@renaudAmsellem)
--   **Menu (Deprecated):**
-    -   Deprecate Menu component
-    -   Move Menu documentation to deprecated folder
--   **Button**
-    -   Add `link` and `redirect` Button types (@evoiron)
-    -   Deprecate `text' Button type (@evoiron)
--   **Skeleton:**
-    -   Add a new component `KitSkeleton` (@Delmotte-Vincent)
+- **⚠️ Breaking change - Header Component:**
+    - Rename `menuCard` prop of `Header.Profile` to `profileCardProps` and change its type from `ReactNode` to `IKitIdCard` (@evoiron)
+    - Add `profileMenuCardProps` in `Header.Profile` as `IKitIdCard` (@evoiron)
+    - Add `complement` in `Header.Profile` as `ReactNode` (@evoiron)
+- **⚠️ Breaking change - Typography:**
+    - Change expected value of `size` prop. `small`, `medium` and `large` are replaced by fontSize from `fontSize1` to `fontSize7` (@philippechevieux)
+    - Remove `type` prop because it is not used anymore and has been replaced by `color` (@philippechevieux)
+- **⚠️ Breaking change - RedirectCard:**
+    - Rename `imageSrc` as `coverSrc` and `imageAlt` as `coverAlt` (@philippechevieux)
+    - Add `actions` prop to display between 1 and 3 buttons (@philippechevieux)
+    - Fix cover divider render on hover (@philippechevieux)
+
+- **⚠️ Breaking change - Grid Component:**
+    - Update `Grid` internal code. We have moved from the Antd Grid component to a home-made component. Please refer to the documentation for use.
+
+- **Dropdown:**
+    - Update border, active & selected styles (@renaudAmsellem)
+    - Add new example with custom items (@renaudAmsellem)
+- **DatePicker:**
+    - Update font used for icons (@philippechevieux)
+    - Update icons used as separator (@philippechevieux)
+- **Steps:**
+    - Update overall styles (@renaudAmsellem)
+- **Menu (Deprecated):**
+    - Deprecate Menu component
+    - Move Menu documentation to deprecated folder
+- **Button**
+    - Add `link` and `redirect` Button types (@evoiron)
+    - Deprecate `text' Button type (@evoiron)
+- **Skeleton:**
+    - Add a new component `KitSkeleton` (@Delmotte-Vincent)
 
 ## [8.0.0](https://www.npmjs.com/package/aristid-ds/v/8.0.0) (2024-07-25)
 
 ### ✨ Features
 
--   **⚠️ Breaking change - Tag:**
-    -   Remove properties `color` and `secondaryColorInvert` (@philippechevieux)
-    -   Add the following properties: (@philippechevieux)
-        -   `type` _To manage Tag render_
-        -   `idCardProps` _To set Tag content_
-        -   `disabled`
-        -   `onClick`
-    -   Add the following properties for `KitTagGroup` (@philippechevieux)
-        -   `othersTagType`
-        -   `othersTagDisabled`
-    -   > If you use Tag's, you must define its content using the `idCardProps` property.
-        > Also if you use `Select` with `idCard` property please use `description` instead of `title`.
--   **⚠️ Breaking change - Divider:**
-    -   Remove property `color` and update default color (@philippechevieux)
--   **⚠️ Breaking change - ItemCard:**
-    -   Remove deprecated `KitItemCard` component (@philippechevieux)
--   **⚠️ Breaking change - LegacyCard:**
-    -   Remove deprecated `KitLegacyCard` component (@philippechevieux)
--   **⚠️ Breaking change - Card becomes ItemCard:**
-    -   Rename `Card` to `ItemCard` and update its render (@philippechevieux)
-    -   > If you use `Card`, you now must import `ItemCard` and update the given properties
--   **RedirectCard:**
-    -   Add new component `KitRedirectCard` (@philippechevieux)
--   **Input**:
-    -   Adding new prop `readonly` (@fatb38)
--   **InputWrapper**:
-    -   Update info icon (@fatb38)
-    -   Adding warning and error icon (@fatb38)
-    -   Adding ellipsis for too long helper label (@fatb38)
--   **TextArea**:
-    -   Adding new prop `readonly` (@fatb38)
--   **Select**:
-    -   Adding new prop `readonly` (@fatb38)
--   **Loader**:
-    -   Add new `Loader`component (@evoiron)
+- **⚠️ Breaking change - Tag:**
+    - Remove properties `color` and `secondaryColorInvert` (@philippechevieux)
+    - Add the following properties: (@philippechevieux)
+        - `type` _To manage Tag render_
+        - `idCardProps` _To set Tag content_
+        - `disabled`
+        - `onClick`
+    - Add the following properties for `KitTagGroup` (@philippechevieux)
+        - `othersTagType`
+        - `othersTagDisabled`
+    - > If you use Tag's, you must define its content using the `idCardProps` property.
+      > Also if you use `Select` with `idCard` property please use `description` instead of `title`.
+- **⚠️ Breaking change - Divider:**
+    - Remove property `color` and update default color (@philippechevieux)
+- **⚠️ Breaking change - ItemCard:**
+    - Remove deprecated `KitItemCard` component (@philippechevieux)
+- **⚠️ Breaking change - LegacyCard:**
+    - Remove deprecated `KitLegacyCard` component (@philippechevieux)
+- **⚠️ Breaking change - Card becomes ItemCard:**
+    - Rename `Card` to `ItemCard` and update its render (@philippechevieux)
+    - > If you use `Card`, you now must import `ItemCard` and update the given properties
+- **RedirectCard:**
+    - Add new component `KitRedirectCard` (@philippechevieux)
+- **Input**:
+    - Adding new prop `readonly` (@fatb38)
+- **InputWrapper**:
+    - Update info icon (@fatb38)
+    - Adding warning and error icon (@fatb38)
+    - Adding ellipsis for too long helper label (@fatb38)
+- **TextArea**:
+    - Adding new prop `readonly` (@fatb38)
+- **Select**:
+    - Adding new prop `readonly` (@fatb38)
+- **Loader**:
+    - Add new `Loader`component (@evoiron)
 
 ### 🐛 Bug Fixes
 
--   **SideMenu**:
-    -   Fix gap between items (@evoiron)
--   **InputWrapper**:
-    -   Fix wrong button for infoIcon (@fatb38)
-    -   Fix gap between label, infoIcon and actions (@fatb38)
+- **SideMenu**:
+    - Fix gap between items (@evoiron)
+- **InputWrapper**:
+    - Fix wrong button for infoIcon (@fatb38)
+    - Fix gap between label, infoIcon and actions (@fatb38)
 
 ### 🎨 Theming
 
--   **⚠️ Breaking change - Update tokens and css variables:**
-
-    -   Remove the following colors: (@philippechevieux)
-        -   `neutral.typography`
-        -   `neutral.background`
-        -   `neutral.black60`
-    -   Move `secondary.mediumGrey` into `neutral.grey` (@philippechevieux)
-    -   Remove `secondary.mediumGrey` (@philippechevieux)
-    -   Rename `secondary.orange` as `secondary.warning` (@philippechevieux)
-    -   Rename `secondary.red` as `secondary.error` (@philippechevieux)
-    -   Rename `secondary.green` as `secondary.success` (@philippechevieux)
-    -   Move `secondary.yellow` into `tertiary.yellow` (@philippechevieux)
-    -   Move `secondary.pink` into `tertiary.pink` (@philippechevieux)
-    -   Add new tokens and css variables in `utilities` (@philippechevieux)
+- **⚠️ Breaking change - Update tokens and css variables:**
+    - Remove the following colors: (@philippechevieux)
+        - `neutral.typography`
+        - `neutral.background`
+        - `neutral.black60`
+    - Move `secondary.mediumGrey` into `neutral.grey` (@philippechevieux)
+    - Remove `secondary.mediumGrey` (@philippechevieux)
+    - Rename `secondary.orange` as `secondary.warning` (@philippechevieux)
+    - Rename `secondary.red` as `secondary.error` (@philippechevieux)
+    - Rename `secondary.green` as `secondary.success` (@philippechevieux)
+    - Move `secondary.yellow` into `tertiary.yellow` (@philippechevieux)
+    - Move `secondary.pink` into `tertiary.pink` (@philippechevieux)
+    - Add new tokens and css variables in `utilities` (@philippechevieux)
 
     > If you use tokens or css variables in your application, we strongly recommend that you update them and prefer to use utilities.
 
@@ -730,367 +811,362 @@ The following points are the impact of this version upgrade:
 
 ### 🐛 Bug Fixes
 
--   **ItemList**:
-    -   Fix border (@evoiron)
--   **Input**:
-    -   Fix `required`prop not passed to input element
-    -   Enabled `type`property
--   **Select**:
-    -   Fix select not closing automatically when selecting value in simple mode
+- **ItemList**:
+    - Fix border (@evoiron)
+- **Input**:
+    - Fix `required`prop not passed to input element
+    - Enabled `type`property
+- **Select**:
+    - Fix select not closing automatically when selecting value in simple mode
 
 ## [7.1.0](https://www.npmjs.com/package/aristid-ds/v/7.1.0) (2024-06-14)
 
 ### 🐛 Bug Fixes
 
--   **Table:**
-    -   Fix last children rows indentaion of first data column (@evoiron)
-    -   Fix last row bottom truncated when its not a filrst level row (@evoiron)
--   **ItemList et Card**:
-    -   Add `disabled`to actions (@evoiron)
+- **Table:**
+    - Fix last children rows indentaion of first data column (@evoiron)
+    - Fix last row bottom truncated when its not a filrst level row (@evoiron)
+- **ItemList et Card**:
+    - Add `disabled`to actions (@evoiron)
 
 ## [7.0.0](https://www.npmjs.com/package/aristid-ds/v/X7.0.0) (2024-06-12)
 
 ### 🐛 Bug Fixes
 
--   **SideMenu:**
-    -   Fix css strange behavior (@evoiron)
-    -   Expose `complement`prop to SideMenuItem (@evoiron)
+- **SideMenu:**
+    - Fix css strange behavior (@evoiron)
+    - Expose `complement`prop to SideMenuItem (@evoiron)
 
 ### ✨ Features
 
--   **Table:**
-    -   Handle tree data and expandable rows (@renaudamsellem /@philippechevieux)
+- **Table:**
+    - Handle tree data and expandable rows (@renaudamsellem /@philippechevieux)
 
 ## [6.0.0](https://www.npmjs.com/package/aristid-ds/v/6.0.0) (2024-06-05)
 
 ### ✨ Features
 
--   **SideMenu:**
-    -   Add `SideMenu` component (@evoiron)
+- **SideMenu:**
+    - Add `SideMenu` component (@evoiron)
 
 ### 🐛 Bug Fixes
 
--   **Collapse:**
-    -   Fix border width (@evoiron)
--   **Avatar:**
-    -   Fix background color for transparent images, and add box shadow to avatar group (@evoiron)
--   **Modal:**
-    -   Fix modal width bug (@evoiron)
-    -   Allow multiline text in modal (@evoiron)
+- **Collapse:**
+    - Fix border width (@evoiron)
+- **Avatar:**
+    - Fix background color for transparent images, and add box shadow to avatar group (@evoiron)
+- **Modal:**
+    - Fix modal width bug (@evoiron)
+    - Allow multiline text in modal (@evoiron)
 
 ## [5.1.0](https://www.npmjs.com/package/aristid-ds/v/5.1.0) (2024-05-24)
 
 ### 🐛 Bug Fixes
 
--   **Button, Icon, ItemMenu:**
-    -   Fix bug in useSecureClick causing onClick not called in some cases (@evoiron)
+- **Button, Icon, ItemMenu:**
+    - Fix bug in useSecureClick causing onClick not called in some cases (@evoiron)
 
 ## [5.0.0](https://www.npmjs.com/package/aristid-ds/v/5.0.0) (2024-04-24)
 
 ### ✨ Features
 
--   **ItemList:**
-    -   Add `disabled`property (@Delmotte-Vincent)
-    -   Add highlight style on component `focus` (@Delmotte-Vincent)
--   **⚠️ Breaking change - IdCard:**
-    -   Change `avatar` property to `avatarProps`. `avatarProps` are `KitAvatar`'s props. (@Delmotte-Vincent)
-    -   Add `disabled`property (@Delmotte-Vincent)
--   **Avatar:**
-    -   Add `disabled` property (@Delmotte-Vincent)
--   **Avatar.Group:**
-    -   Add `disabled` property (@Delmotte-Vincent)
--   **Header.Profile:**
-    -   Add `alt` property (@philippechevieux)
--   **Error:**
-    -   Add a new component `KitError` to manage error page (@P0ppoff)
--   **Table:**
-    -   Add a new component `Table` to display a collection of structured data (@philippechevieux)
+- **ItemList:**
+    - Add `disabled`property (@Delmotte-Vincent)
+    - Add highlight style on component `focus` (@Delmotte-Vincent)
+- **⚠️ Breaking change - IdCard:**
+    - Change `avatar` property to `avatarProps`. `avatarProps` are `KitAvatar`'s props. (@Delmotte-Vincent)
+    - Add `disabled`property (@Delmotte-Vincent)
+- **Avatar:**
+    - Add `disabled` property (@Delmotte-Vincent)
+- **Avatar.Group:**
+    - Add `disabled` property (@Delmotte-Vincent)
+- **Header.Profile:**
+    - Add `alt` property (@philippechevieux)
+- **Error:**
+    - Add a new component `KitError` to manage error page (@P0ppoff)
+- **Table:**
+    - Add a new component `Table` to display a collection of structured data (@philippechevieux)
 
 ### 🐛 Bug Fixes
 
--   **Select:**
-    -   Fix Select displaying option value instead of label when setting value prop (@evoiron / @renaudamsellem / @TdyP)
--   **Avatar:**
-    -   Fix incorrect digram when label contains accented characters (@evoiron)
--   **Empty:**
-    -   Removing console errors on svg attributes (kebab-case instead of camelCase) (@fatb38)
+- **Select:**
+    - Fix Select displaying option value instead of label when setting value prop (@evoiron / @renaudamsellem / @TdyP)
+- **Avatar:**
+    - Fix incorrect digram when label contains accented characters (@evoiron)
+- **Empty:**
+    - Removing console errors on svg attributes (kebab-case instead of camelCase) (@fatb38)
 
 ### 📚 Documentation
 
--   Add an example for searching with a Select (@philippechevieux)
+- Add an example for searching with a Select (@philippechevieux)
 
 ## [4.0.0](https://www.npmjs.com/package/aristid-ds/v/4.0.0) (2024-03-28)
 
 ### ✨ Features
 
--   **Select:**
-    -   Add `idCard` property to option to display a `KitIdCard` instead of the label (@philippechevieux)
--   **Avatar:**
-    -   Add a new property `imageFit` to change how image will fit (@philippechevieux)
+- **Select:**
+    - Add `idCard` property to option to display a `KitIdCard` instead of the label (@philippechevieux)
+- **Avatar:**
+    - Add a new property `imageFit` to change how image will fit (@philippechevieux)
 
 ### 🐛 Bug Fixes
 
--   **IdCard:**
-    -   Add default ellipsis to `title` and `description` (@philippechevieux)
--   Add missing exports for `useKitLocale`, `KitEmpty`, `KitIdCard`, `KitInputWrapper` and `KitSection` (@philippechevieux)
--   **DatePicker / RangePicker:**
-    -   Fix calendar icon disapearing on hover when a default value is set (@evoiron)
--   **⚠️ Breaking change - ItemList:**
-    -   Refactor ItemList (@P0ppoff / @Delmotte-Vincent / @renaudamsellem / @philippechevieux)
--   **Modal:**
-    -   Remove use of getComputedStyle which can be time consuming in tests (@evoiron)
+- **IdCard:**
+    - Add default ellipsis to `title` and `description` (@philippechevieux)
+- Add missing exports for `useKitLocale`, `KitEmpty`, `KitIdCard`, `KitInputWrapper` and `KitSection` (@philippechevieux)
+- **DatePicker / RangePicker:**
+    - Fix calendar icon disapearing on hover when a default value is set (@evoiron)
+- **⚠️ Breaking change - ItemList:**
+    - Refactor ItemList (@P0ppoff / @Delmotte-Vincent / @renaudamsellem / @philippechevieux)
+- **Modal:**
+    - Remove use of getComputedStyle which can be time consuming in tests (@evoiron)
 
 ## [3.0.0](https://www.npmjs.com/package/aristid-ds/v/3.0.0) (2024-03-15)
 
 ### ✨ Features
 
--   **Empty:**
-    -   Add a new component `KitEmpty` (@philippechevieux)
--   **IdCard:**
-    -   Add a new component `KitIdCard` (@philippechevieux)
--   **Avatar:**
-    -   Add `label` property to retrieve avatar initials from (@philippechevieux)
-    -   Add `initialsMaxChars` property to set the number of initials (@philippechevieux)
--   **⚠️ Breaking change - Header:**
-    -   Existing `Header` is renamed to `PageHeader` (@TdyP)
-    -   `Header` component is now a totally new component (@TdyP, @evoiron)
+- **Empty:**
+    - Add a new component `KitEmpty` (@philippechevieux)
+- **IdCard:**
+    - Add a new component `KitIdCard` (@philippechevieux)
+- **Avatar:**
+    - Add `label` property to retrieve avatar initials from (@philippechevieux)
+    - Add `initialsMaxChars` property to set the number of initials (@philippechevieux)
+- **⚠️ Breaking change - Header:**
+    - Existing `Header` is renamed to `PageHeader` (@TdyP)
+    - `Header` component is now a totally new component (@TdyP, @evoiron)
 
 ### 🐛 Bug Fixes
 
--   **Button:**
-    -   Add missing property `form` to `KitButton` (@evoiron)
-    -   Add missing property `htmlType` to `KitButton` (@philippechevieux)
--   **Build:**
-    -   Build as EsModule and commonjs module (@evoiron)
+- **Button:**
+    - Add missing property `form` to `KitButton` (@evoiron)
+    - Add missing property `htmlType` to `KitButton` (@philippechevieux)
+- **Build:**
+    - Build as EsModule and commonjs module (@evoiron)
 
 ## [2.0.0](https://www.npmjs.com/package/aristid-ds/v/2.0.0) (2024-03-06)
 
 ### ✨ Features
 
--   **⚠️ Breaking change - Modal:** (@evoiron)
-    -   update Modal Design
-    -   update confirmModal Options:
-        -   remove `secondLine` property
-        -   rename `firstLine` to `content`
-        -   add `dangerConfirm` property to show Cta Button as danger look n' feel,
-        -   add `showCloseIcon` to display top tight button for closing
--   **Section:** (@Delmotte-Vincent)
-    -   Add new component Section
--   **Typography:**
-    -   update default typography color (@evoiron)
--   **InputWrapper:**
-    -   Add 4 properties: (@evoiron)
-        -   `required`: show a red asterisk right after the label
-        -   `actions`: an array of items to display at the right of the label
-        -   `onInfoClick`: When set, display a clickable info icon which triggers this event
-        -   `infoIcon`: customise the infoIcon displayed
-    -   These components now accept the 4 properties above: (@evoiron)
-        -   `AutoComplete`, `Checkbox.Group`, `Radio.Group`, `ColorPicker`, `DatePicker`, `RangePicker`, `Input`, `InputNumber`, `Select`
--   **ItemList**
-    -   Add `draggable` property showing an icon that indicates the item is draggable (@fatb38)
--   **Tabs:**
-    -   Add `hideSeparator` prop to hide separator between tabs and content (@P0ppoff)
-    -   (Style) Allow tabs center on extraContent (@P0ppoff)
-    -   (Style) Reduce space between tabs and separator (@P0ppoff)
+- **⚠️ Breaking change - Modal:** (@evoiron)
+    - update Modal Design
+    - update confirmModal Options:
+        - remove `secondLine` property
+        - rename `firstLine` to `content`
+        - add `dangerConfirm` property to show Cta Button as danger look n' feel,
+        - add `showCloseIcon` to display top tight button for closing
+- **Section:** (@Delmotte-Vincent)
+    - Add new component Section
+- **Typography:**
+    - update default typography color (@evoiron)
+- **InputWrapper:**
+    - Add 4 properties: (@evoiron)
+        - `required`: show a red asterisk right after the label
+        - `actions`: an array of items to display at the right of the label
+        - `onInfoClick`: When set, display a clickable info icon which triggers this event
+        - `infoIcon`: customise the infoIcon displayed
+    - These components now accept the 4 properties above: (@evoiron)
+        - `AutoComplete`, `Checkbox.Group`, `Radio.Group`, `ColorPicker`, `DatePicker`, `RangePicker`, `Input`, `InputNumber`, `Select`
+- **ItemList**
+    - Add `draggable` property showing an icon that indicates the item is draggable (@fatb38)
+- **Tabs:**
+    - Add `hideSeparator` prop to hide separator between tabs and content (@P0ppoff)
+    - (Style) Allow tabs center on extraContent (@P0ppoff)
+    - (Style) Reduce space between tabs and separator (@P0ppoff)
 
 ### 🐛 Bug Fixes
 
--   **Package**: include typescript definitions for each component in built package (@evoiron)
--   **Select:**
-    -   Fix default border color (@philippechevieux)
--   **Badge:**
-    -   Fix custom className bug (@evoiron)
--   **Input:**
-    -   Update color of content, label, placeholder and clear icon (@TdyP)
-    -   Add aria-label on clear icon to improve testability (@TdyP)
--   **InputNumber:**
-    -   Update color of content, label, placeholder and clear icon (@TdyP)
--   **ColorPicker:**
-    -   Update color of content, label and placeholder (@TdyP)
--   **DatePicker:**
-    -   Update color of content, label and placeholder (@TdyP)
+- **Package**: include typescript definitions for each component in built package (@evoiron)
+- **Select:**
+    - Fix default border color (@philippechevieux)
+- **Badge:**
+    - Fix custom className bug (@evoiron)
+- **Input:**
+    - Update color of content, label, placeholder and clear icon (@TdyP)
+    - Add aria-label on clear icon to improve testability (@TdyP)
+- **InputNumber:**
+    - Update color of content, label, placeholder and clear icon (@TdyP)
+- **ColorPicker:**
+    - Update color of content, label and placeholder (@TdyP)
+- **DatePicker:**
+    - Update color of content, label and placeholder (@TdyP)
 
 ## [1.1.0](https://www.npmjs.com/package/aristid-ds/v/1.1.0) (2024-02-28)
 
 ### ✨ Features
 
--   **Nightly build:**
-    -   publish a nightly version of the package under `next`. (@evoiron)
+- **Nightly build:**
+    - publish a nightly version of the package under `next`. (@evoiron)
 
 ### 🐛 Bug Fixes
 
--   **AutoComplete:**
-
-    -   Fix crashing release (@evoiron)
-
--   **AutoComplete:**
+- **AutoComplete:**
+    - Fix crashing release (@evoiron)
 
-    -   Fix dropdown border when focused or when a status is set (@philippechevieux)
+- **AutoComplete:**
+    - Fix dropdown border when focused or when a status is set (@philippechevieux)
 
--   **Select:**
+- **Select:**
+    - Fix dropdown border when focused or when a status is set (@philippechevieux)
+    - Fix dropdown border on click on arrow (@renaudamsellem)
 
-    -   Fix dropdown border when focused or when a status is set (@philippechevieux)
-    -   Fix dropdown border on click on arrow (@renaudamsellem)
-
--   **InputWrapper:**
-    -   Fix border default color (@philippechevieux)
+- **InputWrapper:**
+    - Fix border default color (@philippechevieux)
 
 ## [1.0.1](https://www.npmjs.com/package/aristid-ds/v/1.0.1) (2024-02-26)
 
 ### 🐛 Bug Fixes
 
--   **Typography:**
-    -   fix css error leading to application crash
+- **Typography:**
+    - fix css error leading to application crash
 
 ## [1.0.0](https://www.npmjs.com/package/aristid-ds/v/1.0.0) (2024-02-02)
 
--   **⚠️ Breaking change - Button:** (@evoiron)
-    -   update color Management
-    -   remove design tokens
-    -   remove some props : `href`, `target`, `wrapperClassName`, `wrapperStyle`, `textColor`
-    -   rename props:
-        -   `segmentedColor` is now `color`
-        -   `segmentedactived` is now `active`
-        -   `segmentedChecked` is now `checked`
-    -   modify button types:
-        -   add `tertiary` type
-        -   remove `link` type
+- **⚠️ Breaking change - Button:** (@evoiron)
+    - update color Management
+    - remove design tokens
+    - remove some props : `href`, `target`, `wrapperClassName`, `wrapperStyle`, `textColor`
+    - rename props:
+        - `segmentedColor` is now `color`
+        - `segmentedactived` is now `active`
+        - `segmentedChecked` is now `checked`
+    - modify button types:
+        - add `tertiary` type
+        - remove `link` type
 
 ### ✨ Features
 
--   **Typography:**
-
-    -   Add `color` prop to set color on each typography elements (@evoiron)
+- **Typography:**
+    - Add `color` prop to set color on each typography elements (@evoiron)
 
--   **Breadcrumb:**
-    -   change `breadcrumb` design (@Delmotte-Vincent)
-    -   add `icon` props in `breadcrumb` items (@Delmotte-Vincent)
+- **Breadcrumb:**
+    - change `breadcrumb` design (@Delmotte-Vincent)
+    - add `icon` props in `breadcrumb` items (@Delmotte-Vincent)
 
 ## [0.13.0](https://www.npmjs.com/package/aristid-ds/v/0.13.0) (2024-02-16)
 
 ### 🐛 Bug Fixes
 
--   remove styled-components for improved performances. All Components impacted (@evoiron)
--   upgrade Ant to versin 5.14.1 (@evoiron)
+- remove styled-components for improved performances. All Components impacted (@evoiron)
+- upgrade Ant to versin 5.14.1 (@evoiron)
 
 ## [0.12.0](https://www.npmjs.com/package/aristid-ds/v/0.12.0) (2024-02-02)
 
 ### ✨ Features
 
--   **Modal:**
-
-    -   Add `fullscreen`option (@evoiron)
+- **Modal:**
+    - Add `fullscreen`option (@evoiron)
 
--   **⚠️ Breaking change - ItemList**
-    -   Add `selected` props to display a colored border (@Delmotte-Vincent)
-    -   Rename `onSelectChange` by `onSelect` (@Delmotte-Vincent)
+- **⚠️ Breaking change - ItemList**
+    - Add `selected` props to display a colored border (@Delmotte-Vincent)
+    - Rename `onSelectChange` by `onSelect` (@Delmotte-Vincent)
 
 ### 🐛 Bug Fixes
 
--   A build option was removed by error
--   **Select**
-    -   Remove unused props `suffixIcon` and adapt the documentation (@Delmotte-Vincent)
-    -   Add focus state on select dropdown (@Delmotte-Vincent)
-    -   Fix Ellipsed tag on select (@Delmotte-Vincent)
--   **Storybook**
-    -   fix a visual bug on storybook caused by an addon (@evoiron)
+- A build option was removed by error
+- **Select**
+    - Remove unused props `suffixIcon` and adapt the documentation (@Delmotte-Vincent)
+    - Add focus state on select dropdown (@Delmotte-Vincent)
+    - Fix Ellipsed tag on select (@Delmotte-Vincent)
+- **Storybook**
+    - fix a visual bug on storybook caused by an addon (@evoiron)
 
 ### 📚 Documentation
 
--   New documentation page to list available design tokens (@evoiron)
--   Display each design token corresponding css variable (@evoiron)
--   Display package version number on the top right corner of Storybook (@philippechevieux)
+- New documentation page to list available design tokens (@evoiron)
+- Display each design token corresponding css variable (@evoiron)
+- Display package version number on the top right corner of Storybook (@philippechevieux)
 
 ## [0.11.0](https://www.npmjs.com/package/aristid-ds/v/0.11.0) (2024-01-24)
 
 ### ✨ Features
 
--   **Notification:**
-    -   Add `KitNotification` component usable without using `useKitNotification` hook (@evoiron)
+- **Notification:**
+    - Add `KitNotification` component usable without using `useKitNotification` hook (@evoiron)
 
 ### 🐛 Bug Fixes
 
--   Fix warning at build time about potential cycling dependencies (@evoiron)
--   Remove deprecated package `react-uuid` (@evoiron)
--   Enable 3 Select options, to allow dynamic filtering of options (@evoiron)
+- Fix warning at build time about potential cycling dependencies (@evoiron)
+- Remove deprecated package `react-uuid` (@evoiron)
+- Enable 3 Select options, to allow dynamic filtering of options (@evoiron)
 
 ## [0.10.0](https://www.npmjs.com/package/aristid-ds/v/0.10.0) (2024-01-19)
 
 ### ✨ Features
 
--   **⚠️ Breaking change - Card:**
-    -   Update visual render and properties (@Delmotte-Vincent)
-    -   This `Card` aim to replace actual `Card` and `ItemCard`
--   **⚠️ Breaking change - Collapse:**
-    -   Update visual render (@philippechevieux)
-    -   Update properties of `KitHeader` and `KitExtraHeader`
--   **Notification:**
-    -   Update visual render (@evoiron, @renaudAmsellem)
--   **DataEntry components:**
-    -   Update visual render of `hover` and `focus` state for all those components (@evoiron, @renaudAmsellem)
--   **Antd components:**
-    -   Export all components of `Ant Design`. Those components are now available in `aristid-ds`, all prefixed by `Ant` (eg `AntLayout`) (@evoiron)
--   **Tree shaking:**
-    -   All components are now tree shakable (@evoiron)
+- **⚠️ Breaking change - Card:**
+    - Update visual render and properties (@Delmotte-Vincent)
+    - This `Card` aim to replace actual `Card` and `ItemCard`
+- **⚠️ Breaking change - Collapse:**
+    - Update visual render (@philippechevieux)
+    - Update properties of `KitHeader` and `KitExtraHeader`
+- **Notification:**
+    - Update visual render (@evoiron, @renaudAmsellem)
+- **DataEntry components:**
+    - Update visual render of `hover` and `focus` state for all those components (@evoiron, @renaudAmsellem)
+- **Antd components:**
+    - Export all components of `Ant Design`. Those components are now available in `aristid-ds`, all prefixed by `Ant` (eg `AntLayout`) (@evoiron)
+- **Tree shaking:**
+    - All components are now tree shakable (@evoiron)
 
 ### 🚨 Tests
 
--   **Chromatic:**
-    -   Reduce number of snapshots (Group set of visual tests) (@fatb38)
+- **Chromatic:**
+    - Reduce number of snapshots (Group set of visual tests) (@fatb38)
 
 ## [0.9.1](https://www.npmjs.com/package/aristid-ds/v/0.9.1) (2023-12-22)
 
 ### 🐛 Bug Fixes
 
--   Fix types issues in `IKitLocale` that was causing build to crash (@fatb38)
+- Fix types issues in `IKitLocale` that was causing build to crash (@fatb38)
 
 ## [0.9.0](https://www.npmjs.com/package/aristid-ds/v/0.9.0) (2023-12-22)
 
 ### 🎨 Theming
 
--   Improve performance when using multiple `KitApp` component (@Delmotte-Vincent, @evoiron, @fatb38, @philippechevieux)
--   Replace `css-in-js` theming variables by `css variables` (@Delmotte-Vincent, @evoiron, @fatb38, @philippechevieux)
+- Improve performance when using multiple `KitApp` component (@Delmotte-Vincent, @evoiron, @fatb38, @philippechevieux)
+- Replace `css-in-js` theming variables by `css variables` (@Delmotte-Vincent, @evoiron, @fatb38, @philippechevieux)
 
 ### 🤖 CI
 
--   Add `eslint` to CI pipeline (@evoiron)
--   Add a build to CI pipeline (@evoiron)
+- Add `eslint` to CI pipeline (@evoiron)
+- Add a build to CI pipeline (@evoiron)
 
 ## [0.8.0](https://www.npmjs.com/package/aristid-ds/v/0.8.0) (2023-11-16)
 
 ### 🐛 Bug Fixes
 
--   **Select:**
-    -   Border rendering was not good when the DropDown changed position due to insufficient space (@philippechevieux)
-    -   In some cases, the last Dropdown item was not visible (@philippechevieux)
--   **Input:**
-    -   Token `colors.border.hover` was not used (@philippechevieux)
--   **Alert:**
-    -   Token `colors.icon.alert.info` was not set with the right value (@philippechevieux)
--   **Avatar, Badge, Tag, Rate, Icon:**
-    -   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)
+- **Select:**
+    - Border rendering was not good when the DropDown changed position due to insufficient space (@philippechevieux)
+    - In some cases, the last Dropdown item was not visible (@philippechevieux)
+- **Input:**
+    - Token `colors.border.hover` was not used (@philippechevieux)
+- **Alert:**
+    - Token `colors.icon.alert.info` was not set with the right value (@philippechevieux)
+- **Avatar, Badge, Tag, Rate, Icon:**
+    - 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)
 
 ### ✨ Features
 
--   **Input, Password, TextArea, InputNuver, DatePicker, RangePicker, ColorPicker:**
-    -   Add a new property `wrapperClassName` to target component wrapper element (@Delmotte-Vincent)
--   **Rate:**
-    -   Update component render (@philippechevieux)
-    -   Remove property `disabledStarTransparency` (@philippechevieux)
-    -   Add optional props `defaultIcon`, `halfIcon` and `activeIcon` (@philippechevieux)
--   **🆕 Tour:**
-    -   Add this brand new component (@Delmotte-Vincent)
+- **Input, Password, TextArea, InputNuver, DatePicker, RangePicker, ColorPicker:**
+    - Add a new property `wrapperClassName` to target component wrapper element (@Delmotte-Vincent)
+- **Rate:**
+    - Update component render (@philippechevieux)
+    - Remove property `disabledStarTransparency` (@philippechevieux)
+    - Add optional props `defaultIcon`, `halfIcon` and `activeIcon` (@philippechevieux)
+- **🆕 Tour:**
+    - Add this brand new component (@Delmotte-Vincent)
 
 ### 🚨 Tests
 
--   **Chromatic:**
-    -   Add tests for `DataDisplay` folder (@Delmotte-Vincent)
-    -   Add tests for `DataEntry` folder (@Delmotte-Vincent)
-    -   Add tests for `Layout` folder (@Delmotte-Vincent)
-    -   Add tests for `General` folder (@evoiron)
-    -   Add tests for `Feedback` folder (@evoiron)
+- **Chromatic:**
+    - Add tests for `DataDisplay` folder (@Delmotte-Vincent)
+    - Add tests for `DataEntry` folder (@Delmotte-Vincent)
+    - Add tests for `Layout` folder (@Delmotte-Vincent)
+    - Add tests for `General` folder (@evoiron)
+    - Add tests for `Feedback` folder (@evoiron)
 
 ### 📚 Documentation
 
--   Update code structure in `README.md` and remove duplicate information `Introduction.stories.mdx` (@philippechevieux)
--   Fix multiples `console.error` caused by missing property `key` in some exemple (@philippechevieux)
+- Update code structure in `README.md` and remove duplicate information `Introduction.stories.mdx` (@philippechevieux)
+- Fix multiples `console.error` caused by missing property `key` in some exemple (@philippechevieux)