aristid-ds 1.1.0 → 2.0.0

package/CHANGELOG.md

@@ -1,6 +1,51 @@
 # Changelog
 
+## [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)
+
+### 🐛 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)
@@ -19,8 +64,6 @@
 * **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:**

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.KGowspef.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.0RmfE2Nm.js";
+import { K as y } from "../../../chunks/index.F6xtnegv.js";
 import "../../DataEntry/Switch/index.js";
 import "../../DataEntry/DatePicker/index.js";
 import "../../DataEntry/AutoComplete/index.js";
@@ -22,7 +22,7 @@ import "../../Navigation/DropDown/index.js";
 import "../../Navigation/Steps/index.js";
 import "antd";
 import "../../../chunks/useKitTheme.KSAU-Pdv.js";
-import "../../../chunks/styles.module.x1Oajwjm.js";
+import "../../../chunks/styles.module.h70MuyQF.js";
 export {
   y as KitCard
 };

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.0RmfE2Nm.js";
+import { b as e } from "../../../chunks/index.F6xtnegv.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.0RmfE2Nm.js";
+import { a as q } from "../../../chunks/index.F6xtnegv.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.0RmfE2Nm.js";
+import { c as u } from "../../../chunks/index.F6xtnegv.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/index.js

@@ -1,13 +1,16 @@
 import "../../../assets/index2.css";
-import a, { cloneElement as d } from "react";
+import a, { cloneElement as p } from "react";
 import { Card as E } from "antd";
 import h from "classnames";
 import "../../General/Button/index.js";
-import { KitTypography as p } from "../../General/Typography/index.js";
+import { KitTypography as d } from "../../General/Typography/index.js";
 import { KitIcon as x } from "../../General/Icon/index.js";
 import "../../Layout/Divider/index.js";
 import "../../Layout/Grid/index.js";
 import { KitSpace as _ } from "../../Layout/Space/index.js";
+import "color-convert";
+import "color-string";
+import "../../../chunks/styles.module.cDfGpFWX.js";
 import { u as N } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
 import { FontAwesomeIcon as k } from "@fortawesome/react-fontawesome";
 import { faLink as K } from "@fortawesome/free-solid-svg-icons";
@@ -18,13 +21,13 @@ const A = {
   let e = null;
   if (o) {
     const r = o;
-    e = d(r, {
+    e = p(r, {
       className: `kit-card-cover ${(t = r.props.className) !== null && t !== void 0 ? t : ""}`
     });
   }
   return e;
 }, I = (o, t) => o && t ? t == null ? void 0 : t.reduce((e, r) => {
-  const l = d(r, {
+  const l = p(r, {
     onClick: void 0
   });
   return e.push(l), e;
@@ -33,7 +36,7 @@ const A = {
   let r = null;
   if (t) {
     const c = t;
-    r = d(c, {
+    r = p(c, {
       className: `kit-card-extra ${(e = c.props.className) !== null && e !== void 0 ? e : ""}`,
       href: o ? null : c.props.href
     });
@@ -57,9 +60,9 @@ const A = {
         "div",
         { className: `content-title-container ${i ? "content-title-click" : ""}`, onClick: m ? void 0 : i },
         i && a.createElement(x, { className: "kit-card-content-title-icon", icon: a.createElement(k, { icon: K }) }),
-        r && a.createElement(p.Text, { className: "card-content-title" }, r)
+        r && a.createElement(d.Text, { className: "card-content-title" }, r)
       ),
-      c && a.createElement(p.Text, { className: "card-content-description" }, c)
+      c && a.createElement(d.Text, { className: "card-content-description" }, c)
     )
   );
 };

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.0RmfE2Nm.js";
+import { d as r } from "../../../chunks/index.F6xtnegv.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> {}