aristid-ds 0.6.8 → 0.7.0

package/README.md

@@ -1,80 +1,39 @@
-<div className="git-intro">
-    <div style="text-align: center">
-        <img src="public/images/logo-aristid.png" alt="Logo" height="100px">
-        <p style="text-align: center">
-            ARiSTiD design system documentation.
-            <a href="https://storybook.aristid.com/?path=/docs/introduction-wip--docs">View Demo</a>
-            ·
-            <a href="https://gitlab.aristid.com/dev/design-system/-/issues">Report Bug</a>
-            ·
-            <a href="https://gitlab.aristid.com/dev/design-system/-/issues">Request Feature</a>
-        </p>
-    </div>
-    <br/>
-    <hr>
-    <details open className="toc-block">
-        <summary>Table of Contents</summary>
-        <ol>
-            <li>
-                <a href="#getting-started">Getting Started</a>
-                <ul>
-                    <li>
-                        <a href="#prerequisites">Prerequisites</a>
-                    </li>
-                    <li>
-                        <a href="#installation">Installation</a>
-                    </li>
-                    <li>
-                        <a href="#usage-in-a-project">Usage in a project</a>
-                    </li>
-                </ul>
-            </li>
-            <li>
-                <a href="#development">Development</a>
-                <ul>
-                    <li>
-                        <a href="#code-structure">Code structure</a>
-                    </li>
-                    <li>
-                        <a href="#creating-a-component">Creating a component</a>
-                        <ul>
-                            <li>
-                                <a href="#component-code">Component code</a>
-                            </li>
-                            <li>
-                                <a href="#component-documentation">Component documentation</a>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
-            </li>
-            <li>
-                <a href="#contributing">Contributing</a>
-                <ul>
-                    <li>
-                        <a href="#commit">Commit</a>
-                    </li>
-                    <li>
-                        <a href="#gitflow">Gitflow</a>
-                        <ul>
-                            <li>
-                                <a href="#feature">Feature</a>
-                            </li>
-                            <li>
-                                <a href="#release">Release</a>
-                            </li>
-                            <li>
-                                <a href="#hotfix">Hotfix</a>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
-            </li>
-        </ol>
-    </details>
-    <hr>
+<div align="center" className="header-block">
+
+![Aristid logo](public/images/logo.png)
+
+ARiSTiD design system documentation.
+
+[View Demo](https://storybook.aristid.com/?path=/docs/introduction-wip--docs)
+·
+[Report Bug](https://gitlab.aristid.com/dev/design-system/-/issuess)
+·
+[Request Feature](https://gitlab.aristid.com/dev/design-system/-/issues)
 </div>
 
+<hr>
+
+<details open className="toc-block">
+    <summary>Table of Contents</summary>
+
+1. [Getting started](#getting-started)
+    - [Prerequisites](#prerequisites)
+    - [Installation](#installation)
+    - [Usage in a project](#usage-in-a-project)
+2. [Development](#development)
+    - [Code structure](#code-structure)
+    - [Creating a component](#creating-a-component)
+        - [Component code](#component-code)
+        - [Component documentation](#component-documentation)
+2. [Contributing](#contributing)
+    - [Commit](#commit)
+    - [Gitflow](#gitflow)
+        - [Feature](#feature)
+        - [Release](#release)
+        - [Hotfix](#hotfix)
+</details>
+<hr>
+
 ## Getting Started
 ### Prerequisites
 
@@ -123,11 +82,42 @@ yarn storybook
 
 ### Usage in a project
 
-    ⚠️ TODO :
-    - How to import
-    - How to use
-    - How to use KitApp ?
-    - Internationalization / themes (?)
+1. How To Import
+
+```sh dark
+yarn add aristid-ds
+
+or npm install aristid-ds
+```
+
+2. How to use KitApp
+
+The **KitApp** is an essential context for the proper functioning of the **design system** components.
+
+The kitApp is mainly used to supply the various components with **style** overloads. For the moment, the KitApp provide a default **Aristid Theme**. In the futur, it will be possible to customize every component with theme tokens.
+
+> If you don't use KitApp, you'll get **missing styles** and **errors** when using components.
+
+```jsx dark
+import {KitApp} from "aristid-ds";
+
+<KitApp>
+    <App />
+</KitApp>
+```
+
+3. Usage
+
+All components are exported directly from 'aristid-ds' package.
+
+```jsx dark
+import {KitButton, Kitcheckbox} from "aristid-ds";
+```
+
+
+4. Internationalization / themes (?)
+
+> Work in progress
 
 <br/>
 
@@ -185,9 +175,9 @@ touch types.d.ts
 ```tsx dark
 import React from 'react';
 import {Tooltip as AntdTooltip} from 'antd';
-import {KitTooltipProps} from './types';
+import {IKitTooltip} from './types';
 
-export const KitTooltip: React.FunctionComponent<KitTooltipProps> = tooltipProps => {
+export const KitTooltip: React.FunctionComponent<IKitTooltip> = tooltipProps => {
     return <AntdTooltip {...tooltipProps} />;
 };
 
@@ -202,7 +192,7 @@ import {HTMLAttributes} from 'react';
 
 type AntdTooltipTypesToOmit = 'color' | 'overlayClassName' | 'overlayStyle' | 'overlayInnerStyle';
 
-export interface KitTooltipProps extends Omit<TooltipProps, AntdTooltipTypesToOmit>, HTMLAttributes<HTMLDivElement> {}
+export interface IKitTooltip extends Omit<TooltipProps, AntdTooltipTypesToOmit>, HTMLAttributes<HTMLDivElement> {}
 ```
 
 5. Export your component in `/Kit/05-DataDisplay/index.tsx`

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

@@ -1,5 +1,8 @@
-import React from 'react';
-import { KitCustomTheme } from '../../theme/types';
-export declare const KitApp: React.FunctionComponent<React.PropsWithChildren<{
-    customTheme?: KitCustomTheme;
-}>>;
+import { FunctionComponent, ReactNode } from 'react';
+import { IKitCustomTheme } from '../../theme/types';
+import { IKitLocale } from '../../translation/types';
+export declare const KitApp: FunctionComponent<{
+    customTheme?: IKitCustomTheme;
+    locale?: IKitLocale;
+    children?: ReactNode;
+}>;

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { KitAvatarProps } from './types';
-declare const KitAvatar: React.FunctionComponent<KitAvatarProps>;
+import { FunctionComponent } from 'react';
+import { IKitAvatar } from './types';
+declare const KitAvatar: FunctionComponent<IKitAvatar>;
 export default KitAvatar;

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { KitAvatarGroupProps } from './types';
-declare const KitAvatarGroup: React.FunctionComponent<KitAvatarGroupProps>;
+import { FunctionComponent } from 'react';
+import { IKitAvatarGroup } from './types';
+declare const KitAvatarGroup: FunctionComponent<IKitAvatarGroup>;
 export default KitAvatarGroup;

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

@@ -1,7 +1,2 @@
-/// <reference types="react" />
-import { KitAvatarGroupProps, KitAvatarProps } from './types';
-type CompoundedComponent = React.FunctionComponent<KitAvatarProps> & {
-    Group: React.FunctionComponent<KitAvatarGroupProps>;
-};
-export declare const KitAvatar: CompoundedComponent;
-export {};
+import { KitAvatarCompoundedComponent } from './types';
+export declare const KitAvatar: KitAvatarCompoundedComponent;

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

@@ -1,16 +1,27 @@
 import {AvatarProps} from 'antd';
 import {GroupProps} from 'antd/lib/avatar';
 import {KitHTMLAttributes} from '../../../types';
+import {IKitAvatarTheme} from '@theme/types/components/DataDisplay/Avatar';
+import {FunctionComponent} from 'react';
 
 type AntdAvatarTypesToOmit = '';
 type AntdAvatarGroupTypesToOmit = 'maxStyle';
 
-export type KitAvatarColorType = 'default' | 'blueInvert';
+export type KitAvatarColorType = 'default' | 'blueInvert' | string;
 
-export interface KitAvatarProps extends Omit<AvatarProps, AntdAvatarTypesToOmit>, KitHTMLAttributes<HTMLSpanElement> {
+export interface IKitAvatar extends Omit<AvatarProps, AntdAvatarTypesToOmit>, KitHTMLAttributes<HTMLSpanElement> {
     color?: KitAvatarColorType;
 }
 
-export interface KitAvatarGroupProps
+export interface IStyledKitAvatar {
+    $theme: IKitAvatarTheme;
+    $color: KitAvatarColorType;
+}
+
+export interface IKitAvatarGroup
     extends Omit<GroupProps, AntdAvatarGroupTypesToOmit>,
         KitHTMLAttributes<HTMLDivElement> {}
+
+export type KitAvatarCompoundedComponent = FunctionComponent<IKitAvatar> & {
+    Group: FunctionComponent<IKitAvatarGroup>;
+};

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

@@ -1,3 +1,3 @@
-import React from 'react';
-import { KitBadgeProps } from './types';
-export declare const KitBadge: React.FunctionComponent<KitBadgeProps>;
+import { FunctionComponent } from 'react';
+import { IKitBadge } from './types';
+export declare const KitBadge: FunctionComponent<IKitBadge>;

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

@@ -1,10 +1,18 @@
 import {BadgeProps} from 'antd';
 import {KitHTMLAttributes} from '../../../types';
+import {IKitBadgeTheme} from '@theme/types/components/DataDisplay/Badge';
+import {IKitTypography} from '@theme/types/general/typography';
 
 type AntdBadgeTypesToOmit = 'color' | 'size' | 'offset' | 'text';
 
 export type KitBadgeCountColor = 'default' | 'green' | 'blue' | 'blueInvert' | 'gray';
 
-export interface KitBadgeProps extends Omit<BadgeProps, AntdBadgeTypesToOmit>, KitHTMLAttributes<HTMLDivElement> {
+export interface IKitBadge extends Omit<BadgeProps, AntdBadgeTypesToOmit>, KitHTMLAttributes<HTMLDivElement> {
     countColor?: KitBadgeCountColor;
 }
+
+export interface IStyledKitBadge {
+    $theme: IKitBadgeTheme;
+    $typographyTheme: IKitTypography;
+    $countColor: KitBadgeCountColor;
+}

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

@@ -1,3 +1,3 @@
-import React from 'react';
-import KitCardProps from './types';
-export declare const KitCard: React.FunctionComponent<KitCardProps>;
+import { FunctionComponent } from 'react';
+import IKitCard from './types';
+export declare const KitCard: FunctionComponent<IKitCard>;

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

@@ -1,30 +1,35 @@
-import {KitHTMLAttributes} from '../../../types';
-import {KitTagProps} from '../../DataEntry/Tag/types';
-import {ReactNode} from 'react';
-import {CheckboxChangeEvent} from 'antd/lib/checkbox';
+import {IKitCardTheme} from '@theme/types/components/DataDisplay/Card';
+import {CardProps} from 'antd';
 
-export type cardColor = {
-    label: string;
-    color: string;
-};
+type AntdCardTypesToOmit =
+    | 'size'
+    | 'type'
+    | 'bordered'
+    | 'bodyStyle'
+    | 'hoverable'
+    | 'tabProps'
+    | 'tabList'
+    | 'defaultActiveTabKey'
+    | 'tabBarExtraContent'
+    | 'onTabChange';
 
-export interface KitColorbarProps {
-    colors?: cardColor[] | null;
-    vertical?: boolean;
-    className?: string;
+export default interface IKitCard extends Omit<CardProps, AntdCardTypesToOmit> {
+    disabled?: boolean;
+    contentTitle?: string;
+    contentDescription?: string;
+    sideSpacing?: boolean;
+    separator?: boolean;
+    onContentTitleClick?: () => void;
 }
 
-//TODO change title wording and delete omit<title>
-export default interface KitCardProps extends Omit<KitHTMLAttributes<HTMLDivElement>, 'title'> {
-    vertical?: boolean;
-    disabled?: boolean;
-    colors?: cardColor[] | null;
-    picture?: ReactNode;
-    title?: ReactNode;
-    description?: ReactNode;
-    extrainfo?: ReactNode;
-    tags?: KitTagProps[] | string[];
-    actions?: ReactNode[];
-    onSelectChange?: (e: CheckboxChangeEvent) => void;
-    onEdit?: () => void;
+export interface IStyledKitCard {
+    $theme: IKitCardTheme;
+    $disabled: boolean;
+    $sideSpacing: boolean;
+    $separator: boolean;
+}
+
+export interface IStyledKitCardContentTitleContainer {
+    $isContentTitleClick: boolean;
+    $disabled: boolean;
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { KitCollapseProps } from './types';
-export declare const KitCollapse: React.FunctionComponent<KitCollapseProps>;
+import { FunctionComponent } from 'react';
+import { IKitCollapse } from './types';
+export declare const KitCollapse: FunctionComponent<IKitCollapse>;
 export default KitCollapse;

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { KitHeaderProps } from './types';
-export declare const KitHeader: React.FunctionComponent<KitHeaderProps>;
+import { FunctionComponent } from 'react';
+import { IKitHeader } from './types';
+export declare const KitHeader: FunctionComponent<IKitHeader>;
 export default KitHeader;

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { KitHeaderExtraProps } from './types';
-export declare const KitHeaderExtra: React.FunctionComponent<KitHeaderExtraProps>;
+import { FunctionComponent } from 'react';
+import { IKitHeaderExtra } from './types';
+export declare const KitHeaderExtra: FunctionComponent<IKitHeaderExtra>;
 export default KitHeaderExtra;

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

@@ -1,8 +1,2 @@
-/// <reference types="react" />
-import { KitHeaderProps, KitCollapseProps, KitHeaderExtraProps } from './types';
-type CompoundedComponent = React.FunctionComponent<KitCollapseProps> & {
-    Header: React.FunctionComponent<KitHeaderProps>;
-    HeaderExtra: React.FunctionComponent<KitHeaderExtraProps>;
-};
-export declare const KitCollapse: CompoundedComponent;
-export {};
+import { KitCollapseCompoundedComponent } from './types';
+export declare const KitCollapse: KitCollapseCompoundedComponent;

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

@@ -1,16 +1,14 @@
 import {CollapseProps} from 'antd';
-import {MouseEventHandler, ReactNode} from 'react';
+import {ReactNode, MouseEvent, ReactInstance, KeyboardEvent, FunctionComponent} from 'react';
 import {KitHTMLAttributes} from '../../../types';
 import {CheckboxChangeEvent} from 'antd/lib/checkbox';
-import {MenuInfo} from '../../';
+import {IKitCollapseTheme} from '@theme/types/components/DataDisplay/Collapse';
 
 type AntdCollapseTypesToOmit = 'bordered' | 'expandIconPosition' | 'ghost';
 
-export interface KitCollapseProps
-    extends Omit<CollapseProps, AntdCollapseTypesToOmit>,
-        KitHTMLAttributes<HTMLDivElement> {}
+export interface IKitCollapse extends Omit<CollapseProps, AntdCollapseTypesToOmit>, KitHTMLAttributes<HTMLDivElement> {}
 
-export interface KitHeaderProps {
+export interface IKitHeader {
     icon?: ReactNode;
     imageSrc?: string;
     title?: string;
@@ -18,15 +16,32 @@ export interface KitHeaderProps {
     tagContent?: ReactNode;
 }
 
-interface KitHeaderExtraAction {
+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 IKitHeaderExtraAction {
     icon: ReactNode;
     label: string;
-    onClick?: (e: MouseEvent<HTMLElement, MouseEvent> | MenuInfo) => void;
+    onClick?: (e: MouseEvent<HTMLElement> | IKitMenuInfo) => void;
 }
 
-export interface KitHeaderExtraActions extends Array<KitHeaderExtraAction> {}
+export interface IKitHeaderExtraActions extends Array<IKitHeaderExtraAction> {}
 
-export interface KitHeaderExtraProps {
+export interface IKitHeaderExtra {
     onSelectChange?: (e: CheckboxChangeEvent) => void;
-    actions?: KitHeaderExtraActions;
+    actions?: IKitHeaderExtraActions;
 }
+
+export interface IStyledKitCollapse {
+    $theme: IKitCollapseTheme;
+}
+
+export type KitCollapseCompoundedComponent = FunctionComponent<IKitCollapse> & {
+    Header: FunctionComponent<IKitHeader>;
+    HeaderExtra: FunctionComponent<IKitHeaderExtra>;
+};

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

@@ -1,8 +1,2 @@
-import React from 'react';
-import { Image as AntdImage } from 'antd';
-import { KitImageProps } from './types';
-type CompoundedComponent = React.FunctionComponent<KitImageProps> & {
-    PreviewGroup: typeof AntdImage.PreviewGroup;
-};
-export declare const KitImage: CompoundedComponent;
-export {};
+import { KitImageCompoundedComponent } from './types';
+export declare const KitImage: KitImageCompoundedComponent;

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IKitColorbar } from './types';
+declare const KitColorbar: (props: IKitColorbar) => React.JSX.Element;
+export default KitColorbar;

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

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import IKitItemCard from './types';
+export declare const KitItemCard: FunctionComponent<IKitItemCard>;

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

@@ -0,0 +1,43 @@
+import {KitHTMLAttributes} from '../../../types';
+import {IKitTag} from '../../DataEntry/Tag/types';
+import {ReactNode, MouseEvent} from 'react';
+import {CheckboxChangeEvent} from 'antd/lib/checkbox';
+import {IKitItemCardTheme} from '@theme/types/components/DataDisplay/ItemCard';
+
+export type CardColor = {
+    label: string;
+    color: string;
+};
+
+export interface IKitColorbar {
+    colors?: CardColor[] | null;
+    vertical?: boolean;
+    className?: string;
+}
+
+export interface IStyledKitColorbar {
+    $theme: IKitItemCardTheme;
+    $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 {
+    $theme: IKitItemCardTheme;
+    $disabled: boolean;
+    $vertical?: boolean;
+}

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

@@ -1,3 +1,3 @@
-import React from 'react';
-import { KitItemListProps } from './types';
-export declare const KitItemList: React.FunctionComponent<KitItemListProps>;
+import { FunctionComponent } from 'react';
+import { IKitItemList } from './types';
+export declare const KitItemList: FunctionComponent<IKitItemList>;

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

@@ -1,14 +1,20 @@
 import {KitHTMLAttributes} from '../../../types';
 import {ReactNode} from 'react';
 import {CheckboxChangeEvent} from 'antd/lib/checkbox';
+import {IKitItemListTheme} from '@theme/types/components/DataDisplay/ItemList';
 
-export interface KitItemListProps extends KitHTMLAttributes<HTMLDivElement> {
+export interface IKitItemList extends KitHTMLAttributes<HTMLDivElement> {
     title?: string;
     description?: string;
     picture?: ReactNode;
     onSelectChange?: (e: CheckboxChangeEvent) => void;
     tagNumber?: number;
     onRafterClick?: Function;
-    isDisabled?: boolean;
+    disabled?: boolean;
     onClick?: Function;
 }
+
+export interface IStyledKitItemList {
+    $theme: IKitItemListTheme;
+    $gridTemplateColumns: string;
+}

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { KitTabsProps } from './types';
-declare const KitTabs: React.FunctionComponent<KitTabsProps>;
+import { FunctionComponent } from 'react';
+import { IKitTabs } from './types';
+declare const KitTabs: FunctionComponent<IKitTabs>;
 export { KitTabs };

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IStyledKitTabsDropDown } from './types';
+export declare const TabsDropDownStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & IStyledKitTabsDropDown>;

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

@@ -1,4 +1,13 @@
 import type {TabsProps} from 'antd';
 import {KitHTMLAttributes} from '../../../types';
+import {IKitTabsTheme} from '@theme/types/components/DataDisplay/Tabs';
 
-export interface KitTabsProps extends TabsProps, KitHTMLAttributes<HTMLDivElement> {}
+export interface IKitTabs extends TabsProps, KitHTMLAttributes<HTMLDivElement> {}
+
+export interface IStyledKitTabs {
+    $theme: IKitTabsTheme;
+}
+
+export interface IStyledKitTabsDropDown {
+    $theme: IKitTabsTheme['DropDown'];
+}

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

@@ -1,3 +1,3 @@
-import React from 'react';
-import { KitTooltipProps } from './types';
-export declare const KitTooltip: React.FunctionComponent<KitTooltipProps>;
+import { FunctionComponent } from 'react';
+import { IKitTooltip } from './types';
+export declare const KitTooltip: FunctionComponent<IKitTooltip>;

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

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

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

@@ -1,3 +1,3 @@
-import React from 'react';
-import { KitTreeProps } from './types';
-export declare const KitTree: React.FunctionComponent<KitTreeProps>;
+import { FunctionComponent } from 'react';
+import { IKitTree } from './types';
+export declare const KitTree: FunctionComponent<IKitTree>;