aristid-ds 1.0.1 → 1.1.0-685d2b8

package/CHANGELOG.md

@@ -1,6 +1,60 @@
 # Changelog
 
+## [X.X.X](https://www.npmjs.com/package/aristid-ds/v/X.X.Xx) (2024-XX-XX)
 
+### ✨ Features
+* **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)
+
+## [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)
+
+### 🐛 Bug Fixes
+* **AutoComplete:**
+  * Fix crashing release (@evoiron)
+
+* **AutoComplete:**
+  * Fix dropdown border when focused or when a status is set (@philippechevieux)
+
+* **Select:**
+  * 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)
 
 ## [1.0.1](https://www.npmjs.com/package/aristid-ds/v/1.0.1) (2024-02-26)
 ### 🐛 Bug Fixes

package/README.md

@@ -21,6 +21,7 @@ ARiSTiD Design System Readme.
     - [Component code](#component-code)
   - [Component theming](#component-theming)
     - [Component documentation](#component-documentation)
+- [Nightly build](#nightly-build)
 - [Important](#important)
 - [Contributing](#contributing)
   - [Commit](#commit)
@@ -451,9 +452,16 @@ Every components **style** of the design system can be **override** by tokens.
     After the script run, section `Design Tokens` documentation is up to date with all design tokens.
 
 
+## Nightly build
+A nightly version of the package is published on daily basis on branch develop (assuming new commits have been pushed on develop branch). To use it just install the more recent next version :
+
+```sh
+    yarn add aristid-ds@next
+```
+**Note:** Though it is useful to test upcoming feature, this version should **NEVER** be used in production
 
 ## Important
-Every import of antd library should pass by `antd` or `/lib/antd`. `es` import will lead to issues in the build process.
+Every import of antd library should pass by `antd` or `ant/es`. `lib` import will lead to issues in the build process.
 
 ## Contributing
 

package/dist/Kit/App/index.js

@@ -1,74 +1,74 @@
 import "../../assets/index19.css";
-import r, { useState as p, useLayoutEffect as g, useRef as v, useEffect as K } from "react";
+import r, { useState as p, useLayoutEffect as K, useRef as g, useEffect as v } from "react";
 import { ConfigProvider as E } from "antd";
-import { I as L } from "../../chunks/SnackBarProvider.v49b6mkx.js";
+import { K as L } from "../../chunks/SnackBarProvider.i0xeV0xG.js";
 import { createGlobalStyle as P } from "styled-components";
 import { toCssVariables as d, uuid as S } from "../../utils/functions/index.js";
-import l from "lodash/merge";
+import s from "lodash/merge";
 import { Style as C } from "react-style-tag";
 import { K as b } from "../../chunks/useKitTheme.KSAU-Pdv.js";
-import { KitAristidThemeGeneral as s } from "../../theme/aristid/general/index.js";
+import { KitAristidThemeGeneral as l } from "../../theme/aristid/general/index.js";
 import { antdThemeConfig as h } from "../../theme/utils/tokens-mapper/index.js";
 import { frFR as m } from "../../translation/fr-FR/index.js";
-import { enUS as I } from "../../translation/en-US/index.js";
-import { K as F, u as R } from "../../chunks/useKitLocale.96CdK3og.js";
-import { mapKitLocaleToAntdLocale as T } from "../../translation/utils/index.js";
-import { d as $ } from "../../chunks/notification-provider.kV-P-2Jh.js";
-const k = P`
+import { enUS as F } from "../../translation/en-US/index.js";
+import { K as R, u as T } from "../../chunks/useKitLocale.96CdK3og.js";
+import { mapKitLocaleToAntdLocale as $ } from "../../translation/utils/index.js";
+import { d as k } from "../../chunks/notification-provider.KGowspef.js";
+const y = P`
   .${(t) => t.id} {
     ${(t) => d(t.customTheme)};
   }
-`, y = "aristid-ds-global", A = ({ children: t, customTheme: e, id: o }) => {
-  const [n, i] = p(null), { theme: f, appId: c, spacing: u } = x(o, e);
-  return g(() => {
-    const a = d(s, "--general");
-    i(a);
-  }, []), r.createElement(b.Provider, { value: { theme: f, appId: c, spacing: u } }, n !== null && r.createElement(
+`, A = "aristid-ds-global", I = ({ children: t, customTheme: e, id: o }) => {
+  const [i, n] = p(null), { theme: f, appId: c, spacing: u } = x(o, e);
+  return K(() => {
+    const a = d(l, "--general");
+    n(a);
+  }, []), r.createElement(b.Provider, { value: { theme: f, appId: c, spacing: u } }, i !== null && r.createElement(
     r.Fragment,
     null,
-    r.createElement(C, { id: y, hasSourceMap: !1 }, `
+    r.createElement(C, { id: A, hasSourceMap: !1 }, `
                             :root{
-                                ${Object.keys(n).map((a) => `${a}: ${n[a]}`).join(";")}
+                                ${Object.keys(i).map((a) => `${a}: ${i[a]}`).join(";")}
                             }
                         `),
-    e && r.createElement(k, { id: c, customTheme: e }),
+    e && r.createElement(y, { id: c, customTheme: e }),
     t
   ));
 }, x = (t, e) => {
   var o;
-  const n = v(t || "ds-" + S().substring(0, 8)), i = l(s.spacing, (o = e == null ? void 0 : e.general) === null || o === void 0 ? void 0 : o.spacing);
-  return { theme: s, appId: n.current, spacing: i };
+  const i = g(t || "ds-" + S().substring(0, 8)), n = s(l.spacing, (o = e == null ? void 0 : e.general) === null || o === void 0 ? void 0 : o.spacing);
+  return { theme: l, appId: i.current, spacing: n };
 }, j = ({ children: t }) => {
   const e = G();
-  return r.createElement(F.Provider, { value: e }, t);
+  return r.createElement(R.Provider, { value: e }, t);
 }, G = () => {
   const [t, e] = p(m);
-  return { locale: t, setKitLocale: (n) => {
-    if (n.locale === "frFR") {
-      const i = l(m, n);
-      e(i);
+  return { locale: t, setKitLocale: (i) => {
+    if (i.locale === "frFR") {
+      const n = s(m, i);
+      e(n);
     } else {
-      const i = l(I, n);
-      e(i);
+      const n = s(F, i);
+      e(n);
     }
   } };
-}, Z = ({ children: t, locale: e, customTheme: o, id: n }) => r.createElement(
-  A,
-  { customTheme: o, id: n },
+}, Z = ({ children: t, locale: e, customTheme: o, id: i }) => r.createElement(
+  I,
+  { customTheme: o, id: i },
   r.createElement(
     j,
     null,
     r.createElement(U, { locale: e }, t)
   )
 ), U = ({ children: t, locale: e }) => {
-  const { setKitLocale: o } = R();
-  return K(() => {
+  const { setKitLocale: o } = T();
+  return v(() => {
     e !== void 0 && o(e);
   }, [e, o]), r.createElement(
     E,
-    { theme: h, locale: T(e) },
+    { theme: h, locale: $(e) },
     r.createElement(
-      $,
+      k,
       null,
       r.createElement(L, null),
       t

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

@@ -0,0 +1,6 @@
+import {KitHTMLAttributes} from '../../types';
+import {ReactNode} from 'react';
+
+export interface KitAppProps extends KitHTMLAttributes {
+    children?: ReactNode;
+}

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

@@ -0,0 +1,21 @@
+import {AvatarProps} from 'antd';
+import {GroupProps} from 'antd/es/avatar';
+import {KitHTMLAttributes} from '../../../types';
+import {FunctionComponent} from 'react';
+import {KitColorProp} from '../../../utils/functions/types';
+
+type AntdAvatarTypesToOmit = '';
+type AntdAvatarGroupTypesToOmit = 'maxStyle';
+
+export interface IKitAvatar extends Omit<AvatarProps, AntdAvatarTypesToOmit>, KitHTMLAttributes<HTMLSpanElement> {
+    color?: KitColorProp;
+    secondaryColorInvert?: boolean;
+}
+
+export interface IKitAvatarGroup
+    extends Omit<GroupProps, AntdAvatarGroupTypesToOmit>,
+        KitHTMLAttributes<HTMLDivElement> {}
+
+export type KitAvatarCompoundedComponent = FunctionComponent<IKitAvatar> & {
+    Group: FunctionComponent<IKitAvatarGroup>;
+};

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

@@ -1,18 +1,18 @@
 import "../../../assets/index.css";
-import l, { useMemo as p } from "react";
-import { Badge as g } from "antd";
-import { u } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import { isValidColor as c, getColor as d, getLighterColor as f } from "../../../utils/functions/index.js";
-import { kitBadgeCssTokens as m } from "../../../theme/aristid/components/DataDisplay/Badge/index.js";
-import n from "classnames";
-const k = {
+import g, { useMemo as l } from "react";
+import { Badge as u } from "antd";
+import { u as d } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import { isValidColor as f, getColor as n, getLighterColor as c } from "../../../utils/functions/index.js";
+import { kitBadgeCssTokens as s } from "../../../theme/aristid/components/DataDisplay/Badge/index.js";
+import k from "classnames";
+const b = {
   "kit-badge": "_kit-badge_16zpm_2"
-}, B = (t, e) => !t || !c(t) ? null : {
-  [m.colors.background.default]: d(t, e),
-  [m.colors.typography.default]: f(t, e)
-}, C = ({ color: t, style: e, secondaryColorInvert: o = !1, ...s }) => {
-  const { appId: a } = u(), i = p(() => ({ ...e, ...B(t, o) }), [t, o, e]), r = n(a, k["kit-badge"], s.className);
-  return l.createElement(g, { style: i, className: r, ...s });
+}, B = (t, e) => !t || !f(t) ? null : {
+  [s.colors.background.default]: n(t, e),
+  [s.colors.typography.default]: c(t, e)
+}, C = ({ color: t, style: e, secondaryColorInvert: o = !1, className: m, ...r }) => {
+  const { appId: a } = d(), i = l(() => ({ ...e, ...B(t, o) }), [t, o, e]), p = k(a, b["kit-badge"], m);
+  return g.createElement(u, { style: i, ...r, className: p });
 };
 C.displayName = "KitBadge";
 export {

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

@@ -0,0 +1,10 @@
+import {BadgeProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+import {KitColorProp} from '../../../utils/functions/types';
+
+type AntdBadgeTypesToOmit = 'color' | 'size' | 'offset' | 'text';
+
+export interface IKitBadge extends KitHTMLAttributes<HTMLDivElement>, Omit<BadgeProps, AntdBadgeTypesToOmit> {
+    color?: KitColorProp;
+    secondaryColorInvert?: boolean;
+}

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

@@ -8,7 +8,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { K as y } from "../../../chunks/index.kVWdzwin.js";
+import { K as y } from "../../../chunks/index.3dShBEOX.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

@@ -0,0 +1,32 @@
+import {CSSProperties, ReactNode} from 'react';
+import {IKitTagConfig} from '../../DataDisplay/Tag/types';
+import {CheckboxChangeEvent} from 'antd/es/checkbox';
+import {SwitchChangeEventHandler} from 'antd/es/switch';
+
+export interface IKitCard {
+    title: string;
+    actions?: IKitCardAction[];
+    activated?: boolean;
+    brandingBar?: boolean;
+    className?: string;
+    description?: string;
+    extra?: string;
+    style?: CSSProperties;
+    disabled?: boolean;
+    previewSrc?: string;
+    onActivate?: SwitchChangeEventHandler;
+    onSelect?: (e: CheckboxChangeEvent) => void;
+    selected?: boolean;
+    tags?: IKitTagConfig[];
+}
+
+export interface IKitCardAction {
+    key: string;
+    label: string;
+    icon: ReactNode;
+    onClick: (e: unknown) => void;
+}
+
+export interface IStyledKitCard {
+    $brandingBar: boolean;
+}

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

@@ -1,4 +1,4 @@
-import { b as e } from "../../../chunks/index.kVWdzwin.js";
+import { b as e } from "../../../chunks/index.3dShBEOX.js";
 export {
   e as KitCollapse
 };

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

@@ -0,0 +1,68 @@
+import {CollapseProps} from 'antd';
+import {ReactNode, MouseEvent, ReactInstance, KeyboardEvent, FunctionComponent} from 'react';
+import {KitHTMLAttributes} from '../../../types';
+import {SwitchChangeEventHandler} from 'antd/es/switch';
+
+type AntdCollapseTypesToOmit = 'bordered' | 'expandIconPosition' | 'ghost';
+
+export interface IKitCollapse extends Omit<CollapseProps, AntdCollapseTypesToOmit>, KitHTMLAttributes<HTMLDivElement> {}
+
+export interface IKitHeader {
+    imageSrc?: string;
+    title?: string;
+    description?: string;
+    tagContent?: ReactNode;
+    onSwitchChange?: SwitchChangeEventHandler;
+    disabled?: boolean;
+}
+
+export interface IKitHeaderSwitch {
+    onSwitchChange: NonNullable<IKitHeader['onSwitchChange']>;
+    disabled: NonNullable<IKitHeader['disabled']>;
+}
+
+export interface IKitHeaderImage {
+    imageSrc: NonNullable<IKitHeader['imageSrc']>;
+}
+
+export interface IKitHeaderContent {
+    title: IKitHeader['title'];
+    description: IKitHeader['description'];
+    tagContent: IKitHeader['tagContent'];
+    disabled: IKitHeader['disabled'];
+}
+
+export interface IKitMenuInfo {
+    key: string;
+    keyPath: string[];
+    /** @deprecated This will not support in future. You should avoid to use this */
+    item: ReactInstance;
+    domEvent: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>;
+}
+
+interface IAction {
+    icon: ReactNode;
+    label: string;
+    onClick?: (e: MouseEvent<HTMLElement> | IKitMenuInfo) => void;
+}
+
+interface IActions extends Array<IAction> {}
+
+export interface IKitHeaderExtra {
+    actions?: IActions;
+    disabled?: boolean;
+}
+
+export interface IKitHeaderExtraActions {
+    actions: NonNullable<IKitHeaderExtra['actions']>;
+    disabled: NonNullable<IKitHeaderExtra['disabled']>;
+}
+
+export interface IKitHeaderExtraMoreActions {
+    actions: NonNullable<IKitHeaderExtra['actions']>;
+}
+
+export type KitCollapseCompoundedComponent = FunctionComponent<IKitCollapse> & {
+    Header: FunctionComponent<IKitHeader>;
+    HeaderExtra: FunctionComponent<IKitHeaderExtra>;
+};

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

@@ -0,0 +1,19 @@
+import type {ImageProps} from 'antd';
+import {FunctionComponent, ReactElement} from 'react';
+import {KitHTMLAttributes} from '../../../types';
+import {Image as AntdImage} from 'antd';
+
+export interface IKitImage extends ImageProps, KitHTMLAttributes<HTMLDivElement> {
+    rounded?: boolean;
+    bordered?: boolean;
+    PreviewGroup?: ReactElement;
+}
+
+export interface IStyledKitImage {
+    $rounded?: boolean;
+    $bordered?: boolean;
+}
+
+export type KitImageCompoundedComponent = FunctionComponent<IKitImage> & {
+    PreviewGroup: typeof AntdImage.PreviewGroup;
+};

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

@@ -1,6 +1,6 @@
 import "react";
 import "classnames";
-import { a as q } from "../../../chunks/index.kVWdzwin.js";
+import { a as q } from "../../../chunks/index.3dShBEOX.js";
 import "../../General/Button/index.js";
 import "../../General/Typography/index.js";
 import "../../General/Icon/index.js";

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

@@ -0,0 +1,40 @@
+import {KitHTMLAttributes} from '../../../types';
+import {IKitTag} from '../Tag/types';
+import {ReactNode, MouseEvent} from 'react';
+import {CheckboxChangeEvent} from 'antd/es/checkbox';
+
+export type CardColor = {
+    label: string;
+    color: string;
+};
+
+export interface IKitColorbar {
+    colors?: CardColor[] | null;
+    vertical?: boolean;
+    className?: string;
+}
+
+export interface IStyledKitColorbar {
+    $column: boolean;
+}
+
+//TODO change title wording and delete omit<title>
+export default interface IKitItemCard extends Omit<KitHTMLAttributes<HTMLDivElement>, 'title'> {
+    vertical?: boolean;
+    disabled?: boolean;
+    colors?: CardColor[] | null;
+    fullWidthAvatar?: boolean;
+    picture?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    extrainfo?: ReactNode;
+    tags?: IKitTag[] | string[];
+    actions?: ReactNode[];
+    onSelectChange?: (e: CheckboxChangeEvent) => void;
+    onEdit?: (e: MouseEvent<HTMLElement>) => void;
+}
+
+export interface IStyledKitItemCard {
+    $disabled: boolean;
+    $vertical?: boolean;
+}

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

@@ -4,7 +4,7 @@ import "../../DataEntry/Input/index.js";
 import "../../DataEntry/InputNumber/index.js";
 import "../../DataEntry/Radio/index.js";
 import "../../DataEntry/Rate/index.js";
-import { c as u } from "../../../chunks/index.kVWdzwin.js";
+import { c as u } from "../../../chunks/index.3dShBEOX.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";

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

@@ -0,0 +1,21 @@
+import {KitHTMLAttributes} from '../../../types';
+import {ReactNode} from 'react';
+import {CheckboxChangeEvent} from 'antd/es/checkbox';
+
+export interface IKitItemList extends KitHTMLAttributes<HTMLDivElement> {
+    title?: string;
+    description?: string;
+    picture?: ReactNode;
+    onSelect?: (e: CheckboxChangeEvent) => void;
+    tagNumber?: number;
+    onRafterClick?: () => void;
+    disabled?: boolean;
+    onClick?: () => void;
+    selected?: boolean;
+    disableSecureClick?: boolean;
+    draggable?: boolean;
+}
+
+export interface IStyledKitItemList {
+    $gridTemplateColumns: string;
+}

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

@@ -0,0 +1,31 @@
+import {CardProps} from 'antd';
+
+type AntdCardTypesToOmit =
+    | 'size'
+    | 'type'
+    | 'bordered'
+    | 'bodyStyle'
+    | 'hoverable'
+    | 'tabProps'
+    | 'tabList'
+    | 'defaultActiveTabKey'
+    | 'tabBarExtraContent'
+    | 'onTabChange';
+
+export default interface IKitLegacyCard extends Omit<CardProps, AntdCardTypesToOmit> {
+    disabled?: boolean;
+    contentTitle?: string;
+    contentDescription?: string;
+    separator?: boolean;
+    onContentTitleClick?: () => void;
+}
+
+export interface IStyledKitLegacyCard {
+    $disabled: boolean;
+    $separator: boolean;
+}
+
+export interface IStyledKitLegacyCardContentTitleContainer {
+    $isContentTitleClick: boolean;
+    $disabled: boolean;
+}

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

@@ -1,13 +1,13 @@
 import "../../../assets/index5.css";
 import i from "react";
-import { Tabs as e } from "antd";
-import { u as m } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import c from "classnames";
+import { Tabs as c } from "antd";
+import { u as l } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
+import s from "classnames";
 const n = {
-  "kit-tabs": "_kit-tabs_1cr1a_2"
-}, b = ({ className: o, popupClassName: t, ...r }) => {
-  const { appId: s } = m(), a = c(s, n["kit-tabs"], o);
-  return i.createElement(e, { className: a, popupClassName: `${s} ${t ?? ""}`, ...r });
+  "kit-tabs": "_kit-tabs_sc95q_2"
+}, b = ({ className: a, popupClassName: o, hideSeparator: e = !1, ...p }) => {
+  const { appId: t } = l(), r = s(t, n["kit-tabs"], a, { "hide-separator": e }), m = s(t, o);
+  return i.createElement(c, { className: r, popupClassName: m, ...p });
 };
 b.displayName = "KitTabs";
 export {

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

@@ -0,0 +1,6 @@
+import type {TabsProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+
+export interface IKitTabs extends TabsProps, KitHTMLAttributes<HTMLDivElement> {
+    hideSeparator?: boolean;
+}

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

@@ -1,4 +1,4 @@
-import { d as r } from "../../../chunks/index.kVWdzwin.js";
+import { d as r } from "../../../chunks/index.3dShBEOX.js";
 export {
   r as KitTag
 };

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

@@ -0,0 +1,29 @@
+import {TagProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+import {CSSProperties, ReactNode} from 'react';
+import {KitColorProp} from '../../../utils/functions/types';
+
+export type AntdTagPropsToOmit = 'color' | 'checkableTag' | 'icon' | 'closable';
+
+export interface IKitTag extends Omit<TagProps, AntdTagPropsToOmit>, KitHTMLAttributes<HTMLSpanElement> {
+    color?: KitColorProp;
+    secondaryColorInvert?: boolean;
+    children?: ReactNode[] | ReactNode;
+    onClose?: TagProps['onClose'];
+}
+
+export interface IKitTagConfig {
+    wording: string;
+    color?: KitColorProp;
+}
+
+export interface IKitTagGroup {
+    tags: IKitTagConfig[];
+    className?: string;
+    style?: CSSProperties;
+}
+
+export interface IUseTagGroup {
+    visibleTags: number;
+    remainingTags: number;
+}

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

@@ -0,0 +1,9 @@
+import {TooltipProps} from 'antd';
+import {KitHTMLAttributes} from '../../../types';
+
+type AntdTooltipTypesToOmit = 'color' | 'overlayClassName' | 'overlayStyle' | 'overlayInnerStyle';
+
+//TODO change title wording and delete Omit<title>
+export interface IKitTooltip
+    extends Omit<TooltipProps, AntdTooltipTypesToOmit>,
+        Omit<KitHTMLAttributes<HTMLDivElement>, 'title'> {}

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

@@ -0,0 +1,5 @@
+import {TourProps} from 'antd';
+
+type AntdTourTypesToOmit = '';
+
+export interface IKitTour extends Omit<TourProps, AntdTourTypesToOmit> {}

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

@@ -0,0 +1,19 @@
+import type {BasicDataNode} from 'rc-tree';
+import {TreeProps} from 'antd';
+import {DataNode} from 'antd/es/tree';
+import {KitHTMLAttributes} from '../../../types';
+
+type AntdTreeTypesToOmit =
+    | 'blockNode'
+    | 'draggable'
+    | 'onDragEnd'
+    | 'onDragEnter'
+    | 'onDragLeave'
+    | 'onDragOver'
+    | 'onDragStart'
+    | 'onDrop'
+    | 'filterTreeNode';
+
+export interface IKitTree
+    extends Omit<TreeProps<BasicDataNode | DataNode>, AntdTreeTypesToOmit>,
+        KitHTMLAttributes<HTMLDivElement> {}

package/dist/Kit/DataDisplay/index.js

@@ -1,7 +1,7 @@
 import { KitAvatar as o } from "./Avatar/index.js";
 import { KitBadge as e } from "./Badge/index.js";
 import { KitLegacyCard as K } from "./LegacyCard/index.js";
-import { K as p, b as f, a as x, c as s, d } from "../../chunks/index.kVWdzwin.js";
+import { K as p, b as f, a as x, c as s, d } from "../../chunks/index.3dShBEOX.js";
 import { KitImage as g } from "./Image/index.js";
 import { KitTooltip as l } from "./Tooltip/index.js";
 import { KitTree as b } from "./Tree/index.js";