aristid-ds 11.0.0 → 12.0.0

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # Changelog
 
+## [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)
+
+### 🐛 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)
+
 ## [11.0.0](https://www.npmjs.com/package/aristid-ds/v/11.0.0) (2024-11-27)
 
 ### ✨ Features
@@ -13,6 +59,8 @@
 -   **⚠️ 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)
@@ -21,8 +69,6 @@
     -   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)
--   **⚠️ Breaking change - Button:**
-    -   Change available colors on segmented button (same as `Tag` compoent) (@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)

package/README.md

@@ -244,8 +244,8 @@ Every components **style** of the design system can be **override** by tokens.
     mkdir DESIGN-SYSTEM/src/theme/type/components/DataDisplay/tooltip
     ```
 
-     <br/> 
-     In this file, you have all the tokens type definition. The tokens follow some rules you can find here [TODO]
+      <br/>
+      In this file, you have all the tokens type definition. The tokens follow some rules you can find here [TODO]
 
 2. **Create a token file**
    The token file is the definition of all tokens with their value. It exports a function that create the theme for the cmponent. You define this file in the `aristid` that is the default theme of the design system.
@@ -263,8 +263,8 @@ Every components **style** of the design system can be **override** by tokens.
 5. **Component Antd mapper**
    As we use both `antd` and `design system` tokens, we normalize all token to follow a same model. If your component uses antd tokens, you have to add a mapper in the `src/theme/utils/tokens-mapper` folder. This folder as the same folder structure as the rest of the application.
 
-     <br/>
-     Example of component mapper :
+      <br/>
+      Example of component mapper :
 
     ```tsx
     // utils/tokens-mapper/DataDisplay/Tag
@@ -288,7 +288,7 @@ Every components **style** of the design system can be **override** by tokens.
 7. **Theme consumption**
    You can use the theme in your styled component by calling the hook `useKitTheme`. You can get the component theme by calling `theme.components.Tooltip`.
 
-     </br>
+      </br>
 
     ```tsx
     const {theme} = useKitTheme();
@@ -570,17 +570,18 @@ git flow release finish '0.1.0'
 
 <img src="http://storybook.aristid.com/public/images/gitflow-hotfix.png" alt="Logo" height="250px">
 
-Creating a release
+Creating a hotfix
 
 ```sh
 git flow hotfix start fixTooltip
 ```
 
-Finishing a release
+Finishing a hotfix
 
 ```sh
 git flow hotfix finish fixTooltip
 ```
+
 ## Documentation
 
-All architectural decisions are recorded inside [docs/ folder](./docs/ADR.md)
+All architectural decisions are recorded inside [docs/ folder](./docs/ADR.md)

package/dist/Kit/App/index.js

@@ -1,8 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "antd";
-import "../../chunks/SnackBarProvider.xMKXdZ88.js";
-import { K as g } from "../../chunks/index.2xXr1nME.js";
+import { K as d } from "../../chunks/index.Lkobh8cF.js";
 import "../../theme/utils/tokens-mapper/index.js";
 import "../../translation/utils/index.js";
 import "../../chunks/index.S1tc6cnV.js";
@@ -14,5 +13,5 @@ import "../DataDisplay/Tooltip/index.js";
 import "../../chunks/useKitTheme.KSAU-Pdv.js";
 import "classnames";
 export {
-  g as KitApp
+  d as KitApp
 };

package/dist/Kit/DataDisplay/Collapse/index.js

@@ -1,4 +1,4 @@
-import { b as e } from "../../../chunks/index.2xXr1nME.js";
+import { b as e } from "../../../chunks/index.Lkobh8cF.js";
 export {
   e as KitCollapse
 };

package/dist/Kit/DataDisplay/Error/index.js

@@ -3,7 +3,7 @@ import "react";
 import "antd";
 import "../../../chunks/index.S1tc6cnV.js";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { c as k } from "../../../chunks/index.2xXr1nME.js";
+import { c as k } from "../../../chunks/index.Lkobh8cF.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
 import "../../Layout/Divider/index.js";

package/dist/Kit/DataDisplay/IdCard/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "classnames";
-import { d as e } from "../../../chunks/index.2xXr1nME.js";
+import { d as e } from "../../../chunks/index.Lkobh8cF.js";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";

package/dist/Kit/DataDisplay/ItemCard/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "classnames";
-import { a as h } from "../../../chunks/index.2xXr1nME.js";
+import { a as h } from "../../../chunks/index.Lkobh8cF.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
 import "../../DataEntry/Rate/index.js";

package/dist/Kit/DataDisplay/ItemList/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { e as u } from "../../../chunks/index.2xXr1nME.js";
+import { e as u } from "../../../chunks/index.Lkobh8cF.js";
 import "../../DataEntry/Rate/index.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/Slider/index.js";

package/dist/Kit/DataDisplay/RedirectCard/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "classnames";
-import { f as b } from "../../../chunks/index.2xXr1nME.js";
+import { f as b } from "../../../chunks/index.Lkobh8cF.js";
 import "react";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "@fortawesome/react-fontawesome";

package/dist/Kit/DataDisplay/Table/index.js

@@ -1,4 +1,4 @@
-import { g as o } from "../../../chunks/index.2xXr1nME.js";
+import { g as o } from "../../../chunks/index.Lkobh8cF.js";
 export {
   o as KitTable
 };

package/dist/Kit/DataDisplay/Tabs/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "classnames";
-import { h as g } from "../../../chunks/index.2xXr1nME.js";
+import { h as g } from "../../../chunks/index.Lkobh8cF.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";
 import "../../../chunks/index.bf78FwPu.js";

package/dist/Kit/DataDisplay/Tabs/types.d.ts

@@ -4,6 +4,7 @@ type IKitTabs = {
     items: IKitTabItem[];
     addTab?: () => void;
     centered?: boolean;
+    className?: string;
     defaultKey?: string;
     onChange?: (tabKey: string) => void;
     size?: 'small' | 'medium';

package/dist/Kit/DataDisplay/Tag/index.js

@@ -1,4 +1,4 @@
-import { i as o } from "../../../chunks/index.2xXr1nME.js";
+import { i as o } from "../../../chunks/index.Lkobh8cF.js";
 export {
   o as KitTag
 };

package/dist/Kit/DataDisplay/Tag/types.d.ts

@@ -36,6 +36,7 @@ export interface IKitTagGroup {
     style?: CSSProperties;
     othersTagType?: KitTagType;
     othersTagDisabled?: boolean;
+    handleCloseTag?: (index: number) => void;
 }
 
 export interface IUseTagGroup {

package/dist/Kit/DataDisplay/Tag/useTagGroup.d.ts

@@ -1,4 +1,14 @@
 import { RefObject } from 'react';
-import { IKitTagConfig, IUseTagGroup } from './types';
-declare const useTagGroup: (tags: IKitTagConfig[], containerRef: RefObject<HTMLDivElement>, otherRef: RefObject<HTMLElement>) => IUseTagGroup;
-export default useTagGroup;
+import { IKitTagConfig } from './types';
+type TagGroupProps = {
+    tags: IKitTagConfig[];
+    containerRef: RefObject<HTMLDivElement>;
+    measureRef: RefObject<HTMLDivElement>;
+    handleCloseTag?: (index: number) => void;
+};
+export declare const useTagGroup: ({ tags, containerRef, measureRef, handleCloseTag }: TagGroupProps) => {
+    measureTags: import("react/jsx-runtime").JSX.Element;
+    visibleTags: IKitTagConfig[];
+    hiddenCount: number;
+};
+export {};

package/dist/Kit/DataDisplay/index.js

@@ -1,6 +1,6 @@
 import { K as a } from "../../chunks/index.bf78FwPu.js";
 import { KitBadge as i } from "./Badge/index.js";
-import { b as K, c as s, d as m, a as p, e as f, f as x, g as d, h as T, i as g } from "../../chunks/index.2xXr1nME.js";
+import { b as K, c as s, d as m, a as p, e as f, f as x, g as d, h as T, i as g } from "../../chunks/index.Lkobh8cF.js";
 import { KitEmpty as C } from "./Empty/index.js";
 import { K as b } from "../../chunks/index.S1tc6cnV.js";
 import { KitTree as E } from "./Tree/index.js";

package/dist/Kit/DataDisplay/types.d.ts

@@ -1,10 +1,11 @@
 import {ReactNode} from 'react';
 
 export interface IKitActionButton {
-    key: string;
+    key: string | number;
     label: string;
-    icon: ReactNode;
     onClick: (e: unknown) => void;
+    icon?: ReactNode;
     disabled?: boolean;
     title?: string;
+    className?: string;
 }

package/dist/Kit/DataEntry/AutoComplete/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "antd";
-import { r as f } from "../../../chunks/index.2xXr1nME.js";
+import { r as f } from "../../../chunks/index.Lkobh8cF.js";
 import "@fortawesome/react-fontawesome";
 import "@fortawesome/free-solid-svg-icons";
 import "classnames";

package/dist/Kit/DataEntry/AutoComplete/types.d.ts

@@ -1,16 +1,13 @@
 import {AutoCompleteProps} from 'antd';
 import {KitHTMLAttributes} from '../../../types';
-import {ReactNode, ReactElement, MouseEvent} from 'react';
+import {IKitInputWrapperBase} from '../InputWrapper/types';
 
-export interface IKitAutoComplete extends AutoCompleteProps<T, E>, KitHTMLAttributes<HTMLInputElement> {
-    label?: string;
-    helper?: string;
-    htmlFor?: string;
+export interface IKitAutoComplete
+    extends AutoCompleteProps<T, E>,
+        KitHTMLAttributes<HTMLInputElement>,
+        IKitInputWrapperBase {
     allowClear?: boolean;
     placeholder?: string;
     wrapperClassName?: string;
     required?: boolean;
-    infoIcon?: ReactNode;
-    actions?: ReactElement[];
-    onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
 }

package/dist/Kit/DataEntry/Checkbox/index.js

@@ -1,4 +1,4 @@
-import { j as r } from "../../../chunks/index.2xXr1nME.js";
+import { j as r } from "../../../chunks/index.Lkobh8cF.js";
 export {
   r as KitCheckbox
 };

package/dist/Kit/DataEntry/Checkbox/types.d.ts

@@ -1,7 +1,8 @@
-import {ReactNode, CSSProperties, ReactElement, MouseEvent} from 'react';
+import {ReactNode, CSSProperties} from 'react';
 import {CheckboxProps} from 'antd';
 import {KitHTMLAttributes} from '../../../types';
 import type {CheckboxChangeEvent} from 'antd/es/checkbox/Checkbox';
+import {IKitInputWrapperBase} from '../InputWrapper/types';
 
 export interface IKitCheckbox extends CheckboxProps, KitHTMLAttributes<HTMLLabelElement> {
     danger?: boolean;
@@ -28,11 +29,9 @@ interface AbstractCheckboxGroup {
     style?: CSSProperties;
 }
 
-export interface ICheckboxGroup extends AbstractCheckboxGroup {
+export interface ICheckboxGroup extends AbstractCheckboxGroup, Omit<IKitInputWrapperBase, 'htmlFor'> {
     name?: string;
     defaultValue?: Array<CheckboxValueType>;
-    label?: string;
-    helper?: string;
     status?: '' | 'warning' | 'error';
     bordered?: boolean;
     wrapperClassName?: string;
@@ -40,9 +39,6 @@ export interface ICheckboxGroup extends AbstractCheckboxGroup {
     onChange?: (checkedValue: Array<CheckboxValueType>) => void;
     children?: ReactNode;
     required?: boolean;
-    infoIcon?: ReactNode;
-    actions?: ReactElement[];
-    onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
 }
 
 export interface ICheckboxGroupContext {

package/dist/Kit/DataEntry/ColorPicker/index.js

@@ -1,6 +1,6 @@
 import "react";
 import "react/jsx-runtime";
-import { t as a } from "../../../chunks/index.2xXr1nME.js";
+import { t as a } from "../../../chunks/index.Lkobh8cF.js";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "antd";
 import "classnames";

package/dist/Kit/DataEntry/ColorPicker/types.d.ts

@@ -1,19 +1,16 @@
 import {ColorPickerProps} from 'antd';
 import {KitHTMLAttributes} from '../../../types';
 import type {Color} from 'antd/es/color-picker';
-import {ReactNode, ReactElement, MouseEvent} from 'react';
+import {IKitInputWrapperBase} from '../InputWrapper/types';
 
 type AntdColorPickerTypesToOmit = 'size';
 
 export interface KitColorPickerProps
     extends Omit<ColorPickerProps, AntdColorPickerTypesToOmit>,
-        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement> {
-    label?: string;
-    helper?: string;
+        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement>,
+        IKitInputWrapperBase {
     required?: boolean;
-    infoIcon?: ReactNode;
-    actions?: ReactElement[];
-    onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
+    placeholder?: string;
 }
 
 export type KitColor = Color;
@@ -22,6 +19,8 @@ export type KitColorPickerInternalTextProps = {
     color: KitColor;
     format: Exclude<KitColorPickerProps['format'], undefined>;
     showText: KitColorPickerProps['showText'];
+    placeholder: KitColorPickerProps['placeholder'];
+    isColorPickerValueEmpty: boolean;
     allowClear: KitColorPickerProps['allowClear'];
     onClear: () => void;
 };

package/dist/Kit/DataEntry/DatePicker/DatePicker.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
 import { IKitDatePicker } from './types';
-declare const KitDatePicker: import("react").ForwardRefExoticComponent<Omit<IKitDatePicker, "ref"> & import("react").RefAttributes<any>>;
+import { PickerRef } from 'rc-picker';
+declare const KitDatePicker: import("react").ForwardRefExoticComponent<Omit<IKitDatePicker, "ref"> & import("react").RefAttributes<PickerRef>>;
 export default KitDatePicker;

package/dist/Kit/DataEntry/DatePicker/RangePicker.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { PickerRef } from 'rc-picker';
 declare const KitRangePicker: import("react").ForwardRefExoticComponent<Omit<import("rc-picker").RangePickerProps<import("dayjs").Dayjs>, "locale" | "generateConfig" | "hideHeader"> & {
     locale?: import("antd/es/date-picker/generatePicker").PickerLocale | undefined;
     size?: import("antd/es/button").ButtonSize;
@@ -10,5 +11,5 @@ declare const KitRangePicker: import("react").ForwardRefExoticComponent<Omit<imp
     popupClassName?: string | undefined;
     rootClassName?: string | undefined;
     popupStyle?: import("react").CSSProperties | undefined;
-} & import("./types").IInternalRangerPicker & import("react").RefAttributes<any>>;
+} & import("./types").IInternalRangerPicker & import("../InputWrapper/types").IKitInputWrapperBase & import("react").RefAttributes<PickerRef>>;
 export default KitRangePicker;

package/dist/Kit/DataEntry/DatePicker/index.js

@@ -1,4 +1,4 @@
-import { q as t } from "../../../chunks/index.2xXr1nME.js";
+import { q as t } from "../../../chunks/index.Lkobh8cF.js";
 export {
   t as KitDatePicker
 };

package/dist/Kit/DataEntry/DatePicker/types.d.ts

@@ -1,21 +1,15 @@
 import {DatePickerProps, RangePickerProps} from 'antd/es/date-picker';
-import {ReactNode, ReactElement, MouseEvent} from 'react';
+import {IKitInputWrapperBase} from '../InputWrapper/types';
 
 // Use "never" instead of Omit properties to avoid issues with Antd type/interface declarations
 interface IInternalDatePicker {
     size?: never;
     bordered?: never;
-    label?: string;
-    helper?: string;
-    htmlFor?: string;
     allowClear?: boolean;
     cellRender?: DatePickerProps['cellrender'];
     wrapperClassName?: string;
     disabledTime?: unknow;
     required?: boolean;
-    infoIcon?: ReactNode;
-    actions?: ReactElement[];
-    onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
     readonly?: boolean;
 }
 
@@ -24,21 +18,15 @@ interface IDatePickerProps extends Omit<DatePickerProps, 'picker'> {
     showTime?: boolean | object;
 }
 
-export type IKitDatePicker = IDatePickerProps & IInternalDatePicker;
+export type IKitDatePicker = IDatePickerProps & IInternalDatePicker & IKitInputWrapperBase;
 
 // Use "never" instead of Omit properties to avoid issues with Antd type/interface declarations
 interface IInternalRangerPicker {
     size?: never;
     bordered?: never;
-    label?: string;
-    helper?: string;
-    htmlFor?: string;
     allowClear?: boolean;
     required?: boolean;
-    infoIcon?: ReactNode;
-    actions?: ReactElement[];
-    onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
     readonly?: boolean;
 }
 
-export type IKitRangePicker = RangePickerProps & IInternalRangerPicker;
+export type IKitRangePicker = RangePickerProps & IInternalRangerPicker & IKitInputWrapperBase;

package/dist/Kit/DataEntry/Filter/index.js

@@ -6,7 +6,7 @@ import "@fortawesome/react-fontawesome";
 import "@fortawesome/free-solid-svg-icons";
 import "../../../chunks/index.bf78FwPu.js";
 import "../../DataDisplay/Badge/index.js";
-import { u as h } from "../../../chunks/index.2xXr1nME.js";
+import { u as h } from "../../../chunks/index.Lkobh8cF.js";
 import "../../DataDisplay/Empty/index.js";
 import "../../../chunks/index.S1tc6cnV.js";
 import "../../DataDisplay/Tree/index.js";

package/dist/Kit/DataEntry/Input/index.js

@@ -1,4 +1,4 @@
-import { l as p } from "../../../chunks/index.2xXr1nME.js";
+import { l as p } from "../../../chunks/index.Lkobh8cF.js";
 export {
   p as KitInput
 };

package/dist/Kit/DataEntry/Input/types.d.ts

@@ -1,50 +1,35 @@
 import {InputProps} from 'antd';
 import {PasswordProps, TextAreaProps} from 'antd/es/input';
 import {KitHTMLAttributes} from '../../../types';
-import {ReactNode, ReactElement, MouseEvent} from 'react';
+import {IKitInputWrapperBase} from '../InputWrapper/types';
 
 type AntdInputTypesToOmit = 'styles' | 'bordered' | 'size' | 'addonBefore' | 'addonAfter';
 
 export interface IKitInput
     extends Omit<InputProps, AntdInputTypesToOmit>,
-        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement> {
-    label?: string;
-    helper?: string;
-    htmlFor?: string;
+        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement>,
+        IKitInputWrapperBase {
     allowClear?: boolean;
     wrapperClassName?: string;
     required?: boolean;
-    infoIcon?: ReactNode;
-    actions?: ReactElement[];
-    onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
     readonly?: boolean;
 }
 
 export interface IKitTextArea
     extends Omit<TextAreaProps, AntdInputTypesToOmit>,
-        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement> {
-    label?: string;
-    helper?: string;
-    htmlFor?: string;
+        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement>,
+        IKitInputWrapperBase {
     allowClear?: boolean;
     wrapperClassName?: string;
     required?: boolean;
-    infoIcon?: ReactNode;
-    actions?: ReactElement[];
-    onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
     readonly?: boolean;
 }
 
 export interface IKitPassword
     extends Omit<PasswordProps, AntdInputTypesToOmit>,
-        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement> {
-    label?: string;
-    helper?: string;
-    htmlFor?: string;
+        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement>,
+        IKitInputWrapperBase {
     allowClear?: boolean;
     wrapperClassName?: string;
     required?: boolean;
-    infoIcon?: ReactNode;
-    actions?: ReactElement[];
-    onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
 }

package/dist/Kit/DataEntry/InputNumber/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "antd";
-import { m as u } from "../../../chunks/index.2xXr1nME.js";
+import { m as u } from "../../../chunks/index.Lkobh8cF.js";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import "classnames";
 export {

package/dist/Kit/DataEntry/InputNumber/types.d.ts

@@ -1,18 +1,13 @@
 import {InputNumberProps} from 'antd';
 import {KitHTMLAttributes} from '../../../types';
-import {ReactNode, ReactElement, MouseEvent} from 'react';
+import {IKitInputWrapperBase} from '../InputWrapper/types';
 
 type AntdInputNumberTypesToOmit = 'size' | 'addonBefore' | 'addonAfter' | 'borderless' | 'suffix';
 
 export interface KitInputNumberProps
     extends Omit<InputNumberProps, AntdInputNumberTypesToOmit>,
-        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement> {
-    label?: string;
-    helper?: string;
-    htmlFor?: string;
+        KitHTMLAttributes<HTMLSpanElement | HTMLInputElement>,
+        IKitInputWrapperBase {
     wrapperClassName?: string;
     required?: boolean;
-    infoIcon?: ReactNode;
-    actions?: ReactElement[];
-    onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
 }

package/dist/Kit/DataEntry/InputWrapper/index.js

@@ -1,4 +1,4 @@
-import { k as t } from "../../../chunks/index.2xXr1nME.js";
+import { k as t } from "../../../chunks/index.Lkobh8cF.js";
 export {
   t as KitInputWrapper
 };

package/dist/Kit/DataEntry/InputWrapper/types.d.ts

@@ -1,19 +1,24 @@
 import {KitHTMLAttributes} from '../../../types';
-import {ReactNode, ReactElement, MouseEvent} from 'react';
+import {ReactNode} from 'react';
 
-export interface IKitInputWrapper extends KitHTMLAttributes<HTMLDivElement> {
+export interface IKitInputWrapperBase {
     label?: string;
-    htmlFor?: string;
     helper?: string;
+    htmlFor?: string;
+    /**
+     * @deprecated Will be removed in a future version. Please use `extra` instead
+     */
+    actions?: ReactNode;
+    extra?: ReactNode;
+}
+
+export interface IKitInputWrapper extends IKitInputWrapperBase, KitHTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
     status?: '' | 'warning' | 'error';
     className?: string;
     bordered?: boolean;
     hoverable?: boolean;
     required?: boolean;
-    infoIcon?: ReactNode;
-    actions?: ReactElement[];
-    onInfoClick?: (e: MouseEvent<HTMLElement, MouseEvent>) => void;
     onFocus?: (e: FocusEvent<HTMLDivElement>) => void;
     onBlur?: (e: FocusEvent<HTMLDivElement>) => void;
 }

package/dist/Kit/DataEntry/Radio/index.js

@@ -1,4 +1,4 @@
-import { n as i } from "../../../chunks/index.2xXr1nME.js";
+import { n as i } from "../../../chunks/index.Lkobh8cF.js";
 export {
   i as KitRadio
 };