kiban-design-system 1.1.15-hotfix.0 → 3.0.0

package/dist/components/Stack/Stack.props.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export interface StackProps {
-    /**
-     * ** Content to display
-     */
-    children?: React.ReactNode;
-    /**
-     * Flag for display position
-     * default is center
-     */
-    orientation?: 'vertical' | 'horizontal';
-}

package/dist/components/Stack/Stack.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Stack/components/Item/Item.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import type { ItemProps } from './Item.props';
-/**
- *
- * @param {ItemProps} ItemProps - ItemProps
- * @param {ReactNode} ItemProps.children - Children object item or Array items
- * @returns {symbol} - Element Stack Item
- */
-declare const Item: ({ children }: ItemProps) => JSX.Element;
-export default Item;

package/dist/components/Stack/components/Item/Item.props.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export interface ItemProps {
-    /** The content to display inside the layout. */
-    children?: React.ReactNode;
-}

package/dist/components/Stack/components/Item/index.d.ts

@@ -1,3 +0,0 @@
-import Item from './Item';
-export type { ItemProps } from './Item.props';
-export { Item };

package/dist/components/Stack/components/index.d.ts

@@ -1 +0,0 @@
-export * from './Item';

package/dist/components/Stack/index.d.ts

@@ -1,3 +0,0 @@
-import Stack from './Stack';
-export type { StackProps } from './Stack.props';
-export { Stack };

package/dist/components/Table/Table.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import type { TableProps } from './Table.props';
-import './Table.styles.scss';
-/**
- * The Table is used to render other components like lists, registers, etc.
- *
- * @param {TableProps}  TableProps - TableProps
- * @param {symbol} TableProps.children - Element to render by Table
- * @param {string} TableProps.id - Id to table
- * @param {Array} TableProps.headings - Headings of the table
- * @param {Array} TableProps.headingsTypes - Determines the positioning of the text
- * @param {function} TableProps.onSelectAllRows - Function to select all rows
- * @param {Boolean} TableProps.areAllRowsSelected - Determines if all rows are selected
- *  in the columns, respects the order of the array, It only
- * accepts text or numeric, if it is numeric the text is aligned
- * to the right, if not it is aligned to the left
- * @returns {symbol} - Element Table
- */
-declare const Table: {
-    ({ headings, headingsTypes, children, id, onSelectAllRows, areAllRowsSelected, }: TableProps): JSX.Element;
-    Row: ({ onClick, children, id }: import("./components/Row").RowProps) => JSX.Element;
-    Cell: ({ children }: import("./components/Cell").CellProps) => JSX.Element;
-};
-export default Table;

package/dist/components/Table/Table.props.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-export declare type headingType = 'text' | 'numeric';
-export interface TableProps {
-    /**
-     * Element that will activator the popover
-     */
-    headings?: string[] | React.ReactNode[];
-    /**
-     * Element that will activator the popover
-     */
-    headingsTypes?: headingType[];
-    /**
-     * Children element only indexTable.Row
-     */
-    children?: React.ReactNode;
-    /**
-     * Id to table
-     */
-    id?: string;
-    /**
-     * Function onSelectAll rows
-     */
-    onSelectAllRows?: (isChecked: boolean) => void;
-    /**
-     * are all rows selected?
-     */
-    areAllRowsSelected?: boolean;
-}

package/dist/components/Table/Table.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Table/components/Cell/Cell.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { CellProps } from './Cell.props';
-/**
- * The Cell is used to render other components like lists, registers, etc.
- *
- * @param {CellProps}  CellProps - CellProps
- * @param {symbol} CellProps.children - Element to render by Cell
- * @returns {symbol} - Element Cell
- */
-declare const Cell: ({ children }: CellProps) => JSX.Element;
-export default Cell;

package/dist/components/Table/components/Cell/Cell.props.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface CellProps {
-    /**
-     * Children element
-     */
-    children?: React.ReactNode;
-}

package/dist/components/Table/components/Cell/index.d.ts

@@ -1,3 +0,0 @@
-import Cell from './Cell';
-export type { CellProps } from './Cell.props';
-export { Cell };

package/dist/components/Table/components/Row/Row.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { RowProps } from './Row.props';
-/**
- * The Row is used to render other components like lists, registers, etc.
- *
- * @param {RowProps}  RowProps - RowProps
- * @param {symbol} RowProps.children - Element to render by Row
- * @param {string} RowProps.id - Id to Row
- * @param {symbol} RowProps.onChange - Action that is triggered
- * when they click on the row
- * @returns {symbol} - Element Row
- */
-declare const Row: ({ onClick, children, id }: RowProps) => JSX.Element;
-export default Row;

package/dist/components/Table/components/Row/Row.props.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export interface RowProps {
-    /**
-     * Element that will activator the popover
-     */
-    onClick?: () => void;
-    /**
-     * Children element only indexTable.Cell
-     */
-    children?: React.ReactNode;
-    /**
-     * Id to table
-     */
-    id?: string;
-}

package/dist/components/Table/components/Row/index.d.ts

@@ -1,3 +0,0 @@
-import Row from './Row';
-export type { RowProps } from './Row.props';
-export { Row };

package/dist/components/Table/components/index.d.ts

@@ -1,3 +0,0 @@
-import { Row } from './Row';
-import { Cell } from './Cell';
-export { Row, Cell };

package/dist/components/Table/index.d.ts

@@ -1,3 +0,0 @@
-import Table from './Table';
-export type { TableProps } from './Table.props';
-export { Table };

package/dist/components/Tabs/Tabs.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { TabsProps } from './Tabs.props';
-import './Tabs.styles.scss';
-declare const Tabs: ({ onSelect, selected, tabs, children, className, areFitted, }: TabsProps) => JSX.Element;
-export default Tabs;

package/dist/components/Tabs/Tabs.props.d.ts

@@ -1,6 +0,0 @@
-import type { ReactNode } from 'react';
-import type { TabsWrapperProps } from './components';
-export interface TabsProps extends TabsWrapperProps {
-    children?: ReactNode;
-    className?: string;
-}

package/dist/components/Tabs/Tabs.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Tabs/components/Panel/Panel.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { PanelProps } from './Panel.props';
-declare const Panel: ({ id, children, isHidden }: PanelProps) => JSX.Element;
-export default Panel;

package/dist/components/Tabs/components/Panel/Panel.props.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export interface PanelProps {
-    isHidden?: boolean;
-    id: string;
-    children?: ReactNode;
-}

package/dist/components/Tabs/components/Panel/index.d.ts

@@ -1,3 +0,0 @@
-import Panel from './Panel';
-export * from './Panel.props';
-export { Panel };

package/dist/components/Tabs/components/Tab/Tab.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { TabProps } from './Tab.props';
-declare const Tab: ({ ariaLabel, content, isSelected, onClick, isFitted, }: TabProps) => JSX.Element;
-export default Tab;

package/dist/components/Tabs/components/Tab/Tab.props.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-export interface TabProps {
-    ariaLabel?: string;
-    content: ReactNode;
-    onClick: () => void;
-    isSelected: boolean;
-    isFitted?: boolean;
-}

package/dist/components/Tabs/components/Tab/index.d.ts

@@ -1,2 +0,0 @@
-import Tab from './Tab';
-export default Tab;

package/dist/components/Tabs/components/TabsWrapper/TabsWrapper.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { TabsWrapperProps } from './TabsWrapper.props';
-declare const TabsWrapper: ({ onSelect, selected, tabs, areFitted, }: TabsWrapperProps) => JSX.Element;
-export default TabsWrapper;

package/dist/components/Tabs/components/TabsWrapper/TabsWrapper.props.d.ts

@@ -1,13 +0,0 @@
-import type { ReactNode } from 'react';
-export declare type TabDescriptorType = {
-    id: string;
-    content: ReactNode;
-    panelID: string;
-    ariaLabel?: string;
-};
-export interface TabsWrapperProps {
-    selected: number;
-    tabs: TabDescriptorType[];
-    onSelect: (selectedTabIndex: number) => void;
-    areFitted?: boolean;
-}

package/dist/components/Tabs/components/TabsWrapper/index.d.ts

@@ -1,3 +0,0 @@
-import TabsWrapper from './TabsWrapper';
-export * from './TabsWrapper.props';
-export { TabsWrapper };

package/dist/components/Tabs/components/index.d.ts

@@ -1,4 +0,0 @@
-import Tab from './Tab';
-export * from './TabsWrapper';
-export * from './Panel';
-export { Tab };

package/dist/components/Tabs/index.d.ts

@@ -1,4 +0,0 @@
-import Tabs from './Tabs';
-export * from './Tabs.props';
-export type { TabDescriptorType } from './components';
-export { Tabs };

package/dist/components/Tag/Tag.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import type { TagProps } from './Tag.props';
-import './Tag.styles.scss';
-/**
- * Tag represents a set of interactive, supplied keywords that help label,
- * organize and categorize content. Tags can be added or removed from an object by users.
- * Can be used by autocompletes, filters, and other interfaces.
- *
- * @example
- * <Tag onRemove={() => alert('Tag removed')}>Colombia</Tag>
- * @param {TagProps} TagProps - Tag props.
- * @param {ReactNode} ButtonProps.children - Content to display in the tag
- * @param {boolean} ButtonProps.disabled - Disables the tag
- * @param {Function} ButtonProps.onClick - Callback when tag is clicked. Renders without remove button.
- * @param {Function} ButtonProps.onRemove - Callback when remove button is clicked.
- * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
- * @returns {symbol} The component.
- */
-declare const Tag: ({ ariaLabel, children, isDisabled, onClick, onRemove, isDanger, }: TagProps) => JSX.Element;
-export default Tag;

package/dist/components/Tag/Tag.props.d.ts

@@ -1,17 +0,0 @@
-import type { MouseEvent } from 'react';
-export interface TagProps {
-    /** Content to display in the tag */
-    children?: React.ReactNode;
-    /** Disables the tag */
-    isDisabled?: boolean;
-    /** danger the tag */
-    isDanger?: boolean;
-    /** Callback when tag is clicked. Renders without remove button. */
-    onClick?: () => void;
-    /** Callback when remove button is clicked */
-    onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Label to use in automatic tests
-     */
-    ariaLabel?: string;
-}

package/dist/components/Tag/Tag.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Tag/index.d.ts

@@ -1,3 +0,0 @@
-import Tag from './Tag';
-export type { TagProps } from './Tag.props';
-export { Tag };

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { ThemeProviderProps, ThemeType } from './ThemeProvider.props';
-declare const ThemeProvider: ({ children, theme }: ThemeProviderProps) => JSX.Element;
-export default ThemeProvider;
-export declare const useTheme: () => {
-    theme: ThemeType;
-    setTheme: (value: ThemeType) => void;
-};

package/dist/components/ThemeProvider/ThemeProvider.props.d.ts

@@ -1,10 +0,0 @@
-import type React from 'react';
-export declare type ThemeType = 'CLOUD' | 'KLIN' | 'LINK' | 'RAINAO' | 'WORKFLOO' | 'REKON';
-export interface ThemeProviderProps {
-    children: React.ReactNode;
-    theme?: ThemeType;
-}
-export interface ThemeContextType {
-    theme: ThemeType;
-    setTheme: (value: ThemeType) => void;
-}

package/dist/components/ThemeProvider/context/ThemeContext.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { ThemeContextType } from '../ThemeProvider.props';
-declare const ThemeContext: import("react").Context<ThemeContextType>;
-export default ThemeContext;

package/dist/components/ThemeProvider/context/index.d.ts

@@ -1,2 +0,0 @@
-import ThemeContext from './ThemeContext';
-export default ThemeContext;

package/dist/components/ThemeProvider/index.d.ts

@@ -1,3 +0,0 @@
-import ThemeProvider, { useTheme } from './ThemeProvider';
-export type { ThemeContextType, ThemeProviderProps, ThemeType, } from './ThemeProvider.props';
-export { ThemeProvider, useTheme };

package/dist/components/ThreadItem/ThreadItem.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import type { ThreadItemProps } from './ThreadItem.props';
-import './ThreadItem.styles.scss';
-/**
- * ThreadItem component
- *
- * @param {ThreadItemProps} ThreadItemProps - ThreadItem Input props
- * @param {string} ThreadItemProps.mediaIcon - Icon to show in media
- * @param {string} ThreadItemProps.mediaAppearance - Appearance to show in media
- * @param {string} ThreadItemProps.title - Title component
- * @param {string} ThreadItemProps.metaData - MetaData component
- * @param {symbol} ThreadItemProps.children -Children to show inside component
- * @returns {React.ReactNode} The component.
- */
-declare const ThreadItem: ({ mediaAppearance, mediaIcon, title, metaData, children, }: ThreadItemProps) => JSX.Element;
-export default ThreadItem;

package/dist/components/ThreadItem/ThreadItem.props.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { IconName } from '../Icon';
-export interface ThreadItemProps {
-    mediaAppearance: 'default' | 'success' | 'warning' | 'info' | 'danger' | 'majorWarning';
-    mediaIcon: IconName;
-    title: string;
-    metaData: string;
-    children: React.ReactNode;
-}

package/dist/components/ThreadItem/ThreadItem.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/ThreadItem/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ThreadItem.props';
-import ThreadItem from './ThreadItem';
-export { ThreadItem };

package/dist/components/Thumbnail/Thumbnail.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { ThumbnailProps } from './Thumbnail.props';
-import './Thumbnail.styles.scss';
-/** Thumbnail is used to provides a miniaturized version of image
- *
- * @param {ThumbnailProps} ThumbnailProps - ThumbnailProps
- * @param {string} alt -  Attr of tag img
- * @param {string} fit - Value of attr object-fit for img
- * @default contain
- * @param {boolean} hasShadow - Flag for show shadow
- * @default true
- * @param {boolean} isTransparent - Flag for show border and background transparent
- * @default false
- * @param {string} size - Size of thumbnail
- * @default tiny
- * @param {string} source - Route of img to show
- */
-declare const Thumbnail: ({ alt, fit, hasShadow, isTransparent, size, source, icon, }: ThumbnailProps) => JSX.Element;
-export default Thumbnail;

package/dist/components/Thumbnail/Thumbnail.props.d.ts

@@ -1,17 +0,0 @@
-import { IconName } from '../Icon';
-export interface ThumbnailProps {
-    /** Attr of tag img */
-    alt: string;
-    /** Value of attr object-fit for img */
-    fit?: 'contain' | 'cover';
-    /** Flag for show shadow */
-    hasShadow?: boolean;
-    /** Flag for show border and background transparent */
-    isTransparent?: boolean;
-    /** Size of thumbnail */
-    size?: 'tiny' | 'huge';
-    /** Route of img to show */
-    source?: string;
-    /** Icon to show */
-    icon?: IconName;
-}

package/dist/components/Thumbnail/Thumbnail.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Thumbnail/index.d.ts

@@ -1,3 +0,0 @@
-import Thumbnail from './Thumbnail';
-export * from './Thumbnail.props';
-export { Thumbnail };

package/dist/components/Tile/Tile.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { TileProps } from './Tile.props';
-import './Tile.styles.scss';
-declare const Tile: ({ isSelected, media, onClick, title, value, subtitle, mediaSize, rightMedia, tags, }: TileProps) => JSX.Element;
-export default Tile;

package/dist/components/Tile/Tile.props.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { IconName } from '../Icon';
-export interface TileProps {
-    isSelected?: boolean;
-    media: IconName;
-    rightMedia?: React.ReactNode;
-    mediaSize?: 'small' | 'medium' | 'large';
-    title: React.ReactNode;
-    subtitle?: React.ReactNode;
-    value?: string;
-    onClick?: (value: string) => void;
-    tags?: string[];
-}

package/dist/components/Tile/Tile.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Tile/index.d.ts

@@ -1,3 +0,0 @@
-import Tile from './Tile';
-export * from './Tile.props';
-export { Tile };

package/dist/components/Title/Title.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { TitleProps } from './Title.props';
-/**
- * @param {TitleProps}  TitleProps - TitleProps
- * @param {React.ReactNode}  TitleProps.children - children to show inside element
- * @param {string} TitleProps.element - Type element html to return
- * @param {string} TitleProps.appearence - Type to apperance element (heading,subheading)
- * @param {string} TitleProps.size - Type to size for element (small,medium, large)
- * @returns {React.ReactNode} - Element Title
- */
-declare const Title: ({ children, element: Element, appearence, size, }: TitleProps) => JSX.Element;
-export default Title;

package/dist/components/Title/Title.props.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-export declare type HeadingTagNameType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
-export declare type TitleSizeType = 'small' | 'medium' | 'large';
-export declare type TitleAppearanceType = 'heading' | 'subheading';
-export interface TitleProps {
-    /**
-     * Name of element to use text
-     *
-     * @default p
-     */
-    element?: HeadingTagNameType;
-    /**
-     * Size fot text
-     *
-     * @default large
-     */
-    size?: TitleSizeType;
-    /**
-     * Appearance of title
-     *
-     * @default heading
-     */
-    appearence?: TitleAppearanceType;
-    /**
-     * Content to display
-     */
-    children: React.ReactNode;
-}

package/dist/components/Title/Title.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/components/Title/index.d.ts

@@ -1,3 +0,0 @@
-import Title from './Title';
-export type { TitleProps, HeadingTagNameType, TitleSizeType, TitleAppearanceType, } from './Title.props';
-export { Title };

package/dist/components/Toggle/Toggle.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import type { ToggleProps } from './Toggle.props';
-import './Toggle.styles.scss';
-/**
- * The 'Toggle' component is mainly used to select
- * some fields such as 'terms and conditions' or to
- * select one or more options from a catalog
- *
- * @param {ToggleProps}  ToggleProps - ToggleProps
- * @param {boolean} ToggleProps.isChecked - Flag to check
- * @param {boolean} ToggleProps.isDisabled - Flag to disable the Toggle
- * @param {string} ToggleProps.label - Text to display in the Toggle
- * @param {void} ToggleProps.onChange - Action to trigger when the Toggle changes state, returns the value of the Toggle
- * @param {string} ToggleProps.value - Toggle value
- * @param {object} ToggleProps.rest - Rest of props to be passed to the Toggle
- * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
- * @returns {symbol} - Returns the component
- */
-declare const Toggle: ({ ariaLabel, isActive, isDisabled, label, onChange, color, id, value, name, }: ToggleProps) => JSX.Element;
-export default Toggle;

package/dist/components/Toggle/Toggle.props.d.ts

@@ -1,43 +0,0 @@
-/// <reference types="react" />
-export interface ToggleProps {
-    /**
-     * Flag that determines if the component is selected or not
-     *
-     * @default 'false'
-     */
-    isActive?: boolean;
-    /**
-     * Flag that determines if the component is disabled or not
-     *
-     * @default 'false'
-     */
-    isDisabled?: boolean;
-    /**
-     * Text displayed next to the component
-     */
-    label?: React.ReactNode;
-    /**
-     * Function that is triggered when the component changes state, returns the value of the component
-     */
-    onChange?: (checked: boolean, id: string) => void;
-    /**
-     * Component style
-     */
-    color?: 'primary' | 'orange' | 'mixed';
-    /**
-     * Add an identifier to the component
-     */
-    id?: string;
-    /**
-     * Component Value
-     */
-    value?: string;
-    /**
-     * Component Name
-     */
-    name?: string;
-    /**
-     * Label to use in automatic tests
-     */
-    ariaLabel?: string;
-}

package/dist/components/Toggle/Toggle.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Toggle/index.d.ts

@@ -1,3 +0,0 @@
-import Toggle from './Toggle';
-export * from './Toggle.props';
-export { Toggle };

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import type { TooltipProps } from './Tooltip.props';
-import './Tooltip.styles.scss';
-/**
- * Tooltips are used primarily for help to user with extra information.
- * Tooltip can be showed in the top, bottom, left or right.
- *
- * @deprecated This component will be removed in the next major version, for now the component
- * will exists to reduce the impact where is in use and working properly.
- * @example
- * <Tooltip id='id-tooltip' position='top' text='I'll help to you'}>Show tooltip</Tooltip>
- * @param {TooltipProps}  TooltipProps - TooltipProps
- * @param {symbol} TooltipProps.children - Element wraps tooltip
- * @param {string} TooltipProps.id - Id of portal tooltip
- * @param {boolean} TooltipProps.isActive - Flag for control display manual tooltip
- * @param {string} TooltipProps.position - Position to show tooltip
- * @default 'right'
- * @param {string} TooltipProps.toggleType -  Indicate color to toggle
- * @param {string} TooltipProps.text - Text to show in tooltip (Can be with emoji)
- * @returns {symbol} - Element Tooltip
- */
-declare const Tooltip: ({ children, id, isActive, position, text, toggleType, }: TooltipProps) => JSX.Element;
-export default Tooltip;