kiban-design-system 1.1.12-hotfix.0 → 1.1.12

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

@@ -1,24 +1,23 @@
-/// <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;
+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): import("react/jsx-runtime").JSX.Element;
+    Row: ({ onClick, children, id }: import("./components/Row").RowProps) => import("react/jsx-runtime").JSX.Element;
+    Cell: ({ children }: import("./components/Cell").CellProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Table;

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

@@ -1,28 +1,27 @@
-/// <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;
-}
+export 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/components/Cell/Cell.d.ts

@@ -1,11 +1,10 @@
-/// <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;
+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) => import("react/jsx-runtime").JSX.Element;
+export default Cell;

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

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

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

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

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

@@ -1,14 +1,13 @@
-/// <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;
+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) => import("react/jsx-runtime").JSX.Element;
+export default Row;

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

@@ -1,15 +1,14 @@
-/// <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;
-}
+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 +1,3 @@
-import Row from './Row';
-export type { RowProps } from './Row.props';
-export { Row };
+import Row from './Row';
+export type { RowProps } from './Row.props';
+export { Row };

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

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

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

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

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

@@ -1,5 +1,4 @@
-/// <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;
+import type { TabsProps } from "./Tabs.props";
+import "./Tabs.styles.scss";
+declare const Tabs: ({ onSelect, selected, tabs, children, className, areFitted, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;

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

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
-export interface TabProps {
-    ariaLabel?: string;
-    content: ReactNode;
-    onClick: () => void;
-    isSelected: boolean;
-    isFitted?: boolean;
-}
+import type { 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 +1,2 @@
-import Tab from './Tab';
-export default Tab;
+import Tab from './Tab';
+export default Tab;

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

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

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

@@ -1,13 +1,13 @@
-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;
-}
+import type { ReactNode } from 'react';
+export 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 +1,3 @@
-import TabsWrapper from './TabsWrapper';
-export * from './TabsWrapper.props';
-export { TabsWrapper };
+import TabsWrapper from './TabsWrapper';
+export * from './TabsWrapper.props';
+export { TabsWrapper };

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

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

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

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

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

@@ -1,20 +1,19 @@
-/// <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;
+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) => import("react/jsx-runtime").JSX.Element;
+export default Tag;

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

@@ -1,17 +1,17 @@
-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;
-}
+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/index.d.ts

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

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

@@ -1,8 +1,7 @@
-/// <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;
-};
+import type { ThemeProviderProps, ThemeType } from './ThemeProvider.props';
+declare const ThemeProvider: ({ children, theme }: ThemeProviderProps) => import("react/jsx-runtime").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 +1,9 @@
-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;
-}
+export 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 +1,3 @@
-/// <reference types="react" />
-import type { ThemeContextType } from '../ThemeProvider.props';
-declare const ThemeContext: import("react").Context<ThemeContextType>;
-export default ThemeContext;
+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 +1,2 @@
-import ThemeContext from './ThemeContext';
-export default ThemeContext;
+import ThemeContext from './ThemeContext';
+export default ThemeContext;

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

@@ -1,3 +1,3 @@
-import ThemeProvider, { useTheme } from './ThemeProvider';
-export type { ThemeContextType, ThemeProviderProps, ThemeType, } from './ThemeProvider.props';
-export { ThemeProvider, useTheme };
+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 +1,15 @@
-/// <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;
+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) => import("react/jsx-runtime").JSX.Element;
+export default ThreadItem;

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

@@ -1,9 +1,8 @@
-/// <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;
-}
+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/index.d.ts

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