kiban-design-system 1.0.280-alpha.0 → 1.0.282-alpha.0

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

@@ -1,14 +1,14 @@
-import { ReactNode } from 'react';
-import { ThemeType } from '../ThemeProvider';
-import { IconName } from '../Icon';
-export interface ConnectorProps {
-    alt?: string;
-    icon?: IconName;
-    id: string;
-    image?: string;
-    isActive?: boolean;
-    meta?: ReactNode;
-    name?: string;
-    onClick?: (id: string) => void;
-    theme?: ThemeType;
-}
+import type { ReactNode } from "react";
+import type { ThemeType } from "../ThemeProvider";
+import type { IconName } from "../Icon";
+export interface ConnectorProps {
+    alt?: string;
+    icon?: IconName;
+    id: string;
+    image?: string;
+    isActive?: boolean;
+    meta?: ReactNode;
+    name?: string;
+    onClick?: (id: string) => void;
+    theme?: ThemeType;
+}

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

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

package/dist/components/Container/Container.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import type { ContainerProps } from './Container.props';
-import './Container.styles.scss';
-/**
- *
- * @param {ContainerProps}  ContainerProps - ContainerProps
- * @param {symbol} ContainerProps.children - Element to display in container
- * @param {boolean} ContainerProps.hasShadow - Flag for display shadow
- * @returns {symbol} - Element Container
- */
-declare const Container: ({ children, hasShadow }: ContainerProps) => JSX.Element;
-export default Container;
+import type { ContainerProps } from './Container.props';
+import './Container.styles.scss';
+/**
+ *
+ * @param {ContainerProps}  ContainerProps - ContainerProps
+ * @param {symbol} ContainerProps.children - Element to display in container
+ * @param {boolean} ContainerProps.hasShadow - Flag for display shadow
+ * @returns {symbol} - Element Container
+ */
+declare const Container: ({ children, hasShadow }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default Container;

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-export interface ContainerProps {
-    /**
-     * Content to display
-     */
-    children: React.ReactNode;
-    /**
-     * Flag for display shadow
-     * default is true
-     */
-    hasShadow?: boolean;
-}
+export interface ContainerProps {
+    /**
+     * Content to display
+     */
+    children: React.ReactNode;
+    /**
+     * Flag for display shadow
+     * default is true
+     */
+    hasShadow?: boolean;
+}

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

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

package/dist/components/Cover/Cover.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
-import type { CoverProps } from './Cover.props';
-import './Cover.styles.scss';
-/**
- *
- * @param {CoverProps}  CoverProps - CoverProps
- * @param {symbol} CoverProps.children - Element to display in Cover
- * @param {boolean} CoverProps.position - Flag for display shadow
- * @param {string} CoverProps.source - Flag for display image background
- * @returns {symbol} - Element Cover
- */
-declare const Cover: ({ children, position, source, hasShadow, }: CoverProps) => JSX.Element;
-export default Cover;
+import type { CoverProps } from './Cover.props';
+import './Cover.styles.scss';
+/**
+ *
+ * @param {CoverProps}  CoverProps - CoverProps
+ * @param {symbol} CoverProps.children - Element to display in Cover
+ * @param {boolean} CoverProps.position - Flag for display shadow
+ * @param {string} CoverProps.source - Flag for display image background
+ * @returns {symbol} - Element Cover
+ */
+declare const Cover: ({ children, position, source, hasShadow, }: CoverProps) => import("react/jsx-runtime").JSX.Element;
+export default Cover;

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

@@ -1,22 +1,21 @@
-/// <reference types="react" />
-export interface CoverProps {
-    /**
-     * ** Content to display
-     */
-    children?: React.ReactNode;
-    /**
-     * Flag for display position
-     * default is center
-     */
-    position?: 'center' | 'right' | 'left';
-    /**
-     * Flag for display image background
-     * default is a color blue light
-     */
-    source: string;
-    /**
-     * Flag for display shadow
-     * default is false
-     */
-    hasShadow?: boolean;
-}
+export interface CoverProps {
+    /**
+     * ** Content to display
+     */
+    children?: React.ReactNode;
+    /**
+     * Flag for display position
+     * default is center
+     */
+    position?: 'center' | 'right' | 'left';
+    /**
+     * Flag for display image background
+     * default is a color blue light
+     */
+    source: string;
+    /**
+     * Flag for display shadow
+     * default is false
+     */
+    hasShadow?: boolean;
+}

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

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

package/dist/components/DataTable/DataTable.d.ts

@@ -1,22 +1,21 @@
-/// <reference types="react" />
-import type { DataTableProps } from './DataTable.props';
-import './DataTable.styles.scss';
-/**
- * The Table is used to render other components like lists, registers, etc.
- *
- * @param {DataTableProps}  DataTableProps - DataTableProps
- * @param {symbol} DataTableProps.children - Element to render by Table
- * @param {string} DataTableProps.id - Id to table
- * @param {Array} DataTableProps.headings - Headings of the table
- * @param {Array} DataTableProps.headingsTypes - Determines the positioning of the text
- *  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 DataTable: {
-    ({ headings, headingsTypes, children, id, }: DataTableProps): JSX.Element;
-    Row: ({ onClick, children, id, appearance }: import(".").RowProps) => JSX.Element;
-    Cell: ({ children, cellType }: import("./components/Cell").CellProps) => JSX.Element;
-};
-export default DataTable;
+import type { DataTableProps } from './DataTable.props';
+import './DataTable.styles.scss';
+/**
+ * The Table is used to render other components like lists, registers, etc.
+ *
+ * @param {DataTableProps}  DataTableProps - DataTableProps
+ * @param {symbol} DataTableProps.children - Element to render by Table
+ * @param {string} DataTableProps.id - Id to table
+ * @param {Array} DataTableProps.headings - Headings of the table
+ * @param {Array} DataTableProps.headingsTypes - Determines the positioning of the text
+ *  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 DataTable: {
+    ({ headings, headingsTypes, children, id, }: DataTableProps): import("react/jsx-runtime").JSX.Element;
+    Row: ({ onClick, children, id, appearance }: import(".").RowProps) => import("react/jsx-runtime").JSX.Element;
+    Cell: ({ children, cellType }: import("./components/Cell").CellProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default DataTable;

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

@@ -1,20 +1,19 @@
-/// <reference types="react" />
-export declare type headingType = 'text' | 'numeric';
-export interface DataTableProps {
-    /**
-     * Element that will activator the popover
-     */
-    headings?: string[];
-    /**
-     * Element that will activator the popover
-     */
-    headingsTypes?: headingType[];
-    /**
-     * Children element only indexTable.Row
-     */
-    children?: React.ReactNode;
-    /**
-     * Id to data table
-     */
-    id?: string;
-}
+export type headingType = 'text' | 'numeric';
+export interface DataTableProps {
+    /**
+     * Element that will activator the popover
+     */
+    headings?: string[];
+    /**
+     * Element that will activator the popover
+     */
+    headingsTypes?: headingType[];
+    /**
+     * Children element only indexTable.Row
+     */
+    children?: React.ReactNode;
+    /**
+     * Id to data table
+     */
+    id?: string;
+}

package/dist/components/DataTable/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, cellType }: 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, cellType }: CellProps) => import("react/jsx-runtime").JSX.Element;
+export default Cell;

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

@@ -1,15 +1,14 @@
-/// <reference types="react" />
-export declare type cellType = 'text' | 'numeric';
-export interface CellProps {
-    /**
-     * Children element
-     */
-    children?: React.ReactNode;
-    /**
-     * Defines the alignment of the cell content, if
-     * it is numeric the content is aligned to the
-     * right and if it is text it is aligned to the left
-     * @default 'text'
-     */
-    cellType?: cellType;
-}
+export type cellType = 'text' | 'numeric';
+export interface CellProps {
+    /**
+     * Children element
+     */
+    children?: React.ReactNode;
+    /**
+     * Defines the alignment of the cell content, if
+     * it is numeric the content is aligned to the
+     * right and if it is text it is aligned to the left
+     * @default 'text'
+     */
+    cellType?: cellType;
+}

package/dist/components/DataTable/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/DataTable/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, appearance }: 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, appearance }: RowProps) => import("react/jsx-runtime").JSX.Element;
+export default Row;

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

@@ -1,17 +1,16 @@
-/// <reference types="react" />
-export declare type RowAppearanceType = 'info' | 'success' | 'warning' | 'danger' | 'majorWarning';
-export interface RowProps {
-    appearance?: RowAppearanceType;
-    /**
-     * Element that will activator the popover
-     */
-    onClick?: () => void;
-    /**
-     * Children element only indexTable.Cell
-     */
-    children?: React.ReactNode;
-    /**
-     * Id to table
-     */
-    id?: string;
-}
+export type RowAppearanceType = 'info' | 'success' | 'warning' | 'danger' | 'majorWarning';
+export interface RowProps {
+    appearance?: RowAppearanceType;
+    /**
+     * Element that will activator the popover
+     */
+    onClick?: () => void;
+    /**
+     * Children element only indexTable.Cell
+     */
+    children?: React.ReactNode;
+    /**
+     * Id to table
+     */
+    id?: string;
+}

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

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

package/dist/components/DataTable/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/DataTable/index.d.ts

@@ -1,4 +1,4 @@
-import DataTable from './DataTable';
-export type { DataTableProps } from './DataTable.props';
-export type { RowProps, RowAppearanceType } from './components/Row/Row.props';
-export { DataTable };
+import DataTable from './DataTable';
+export type { DataTableProps } from './DataTable.props';
+export type { RowProps, RowAppearanceType } from './components/Row/Row.props';
+export { DataTable };

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { DatePickerProps } from './DatePicker.props';
-import './DatePicker.styles.scss';
-declare const DatePicker: ({ allowRange, disableAfterDate, disableBeforeDate, id, month, year, onChange, selected, onMonthChange, weekStartsOn, disableDates, months, weekDays, }: DatePickerProps) => JSX.Element;
-export default DatePicker;
+import type { DatePickerProps } from './DatePicker.props';
+import './DatePicker.styles.scss';
+declare const DatePicker: ({ allowRange, disableAfterDate, disableBeforeDate, id, month, year, onChange, selected, onMonthChange, weekStartsOn, disableDates, months, weekDays, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default DatePicker;

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

@@ -1,44 +1,44 @@
-export interface DateRange {
-    start: Date;
-    end: Date;
-}
-export interface DatePickerProps {
-    /** Unique identifier for the DatePicker */
-    id?: string;
-    /** The selected date or range of dates */
-    selected?: Date | DateRange;
-    /**
-     * The mont to be showed in the calendar, the selection starts in 0 and finishes in 11
-     * it means that January is 0 and December is 11
-     */
-    month?: number;
-    /** The year to show in the calendar */
-    year?: number;
-    /**
-     * The day of the week that the week starts on, it can be 0 for Sunday, 1 for Monday, etc.
-     * @default 0
-     */
-    weekStartsOn?: number;
-    /** To let a range of dates selection */
-    allowRange?: boolean;
-    /** To disable the selection of dates before a specific date */
-    disableBeforeDate?: Date;
-    /** To disable the selection of dates after a specific date */
-    disableAfterDate?: Date;
-    /** To disable the selection of specific dates */
-    disableDates?: Date[];
-    /** Callback triggered when a date is selected */
-    onChange?: (date: DateRange) => void;
-    /** When the current is changed */
-    onMonthChange?: (month: number, year: number) => void;
-    /**
-     * Custom labels to be showed in the weekdays header
-     * By default the weekdays are showed in english
-     */
-    weekDays?: string[];
-    /**
-     * Custom labels to be showed in the selected month label
-     * By default the months are showed in english
-     */
-    months?: string[];
-}
+export interface DateRange {
+    start: Date;
+    end: Date;
+}
+export interface DatePickerProps {
+    /** Unique identifier for the DatePicker */
+    id?: string;
+    /** The selected date or range of dates */
+    selected?: Date | DateRange;
+    /**
+     * The mont to be showed in the calendar, the selection starts in 0 and finishes in 11
+     * it means that January is 0 and December is 11
+     */
+    month?: number;
+    /** The year to show in the calendar */
+    year?: number;
+    /**
+     * The day of the week that the week starts on, it can be 0 for Sunday, 1 for Monday, etc.
+     * @default 0
+     */
+    weekStartsOn?: number;
+    /** To let a range of dates selection */
+    allowRange?: boolean;
+    /** To disable the selection of dates before a specific date */
+    disableBeforeDate?: Date;
+    /** To disable the selection of dates after a specific date */
+    disableAfterDate?: Date;
+    /** To disable the selection of specific dates */
+    disableDates?: Date[];
+    /** Callback triggered when a date is selected */
+    onChange?: (date: DateRange) => void;
+    /** When the current is changed */
+    onMonthChange?: (month: number, year: number) => void;
+    /**
+     * Custom labels to be showed in the weekdays header
+     * By default the weekdays are showed in english
+     */
+    weekDays?: string[];
+    /**
+     * Custom labels to be showed in the selected month label
+     * By default the months are showed in english
+     */
+    months?: string[];
+}

package/dist/components/DatePicker/components/Day/Day.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { DayProps } from './Day.props';
-import './Day.styles.scss';
-declare const Day: import("react").NamedExoticComponent<DayProps>;
-export default Day;
+import type { DayProps } from './Day.props';
+import './Day.styles.scss';
+declare const Day: import("react").NamedExoticComponent<DayProps>;
+export default Day;

package/dist/components/DatePicker/components/Day/Day.props.d.ts

@@ -1,12 +1,12 @@
-import type { ThemeType } from '../../../ThemeProvider';
-export interface DayProps {
-    day?: Date;
-    isSelected?: boolean;
-    isDisabled?: boolean;
-    isInRange?: boolean;
-    isLastSelectedDay?: boolean;
-    isFirstSelectedDay?: boolean;
-    weekday?: string;
-    onClick?: (date: Date) => void;
-    theme?: ThemeType;
-}
+import type { ThemeType } from '../../../ThemeProvider';
+export interface DayProps {
+    day?: Date;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    isInRange?: boolean;
+    isLastSelectedDay?: boolean;
+    isFirstSelectedDay?: boolean;
+    weekday?: string;
+    onClick?: (date: Date) => void;
+    theme?: ThemeType;
+}

package/dist/components/DatePicker/components/Day/index.d.ts

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

package/dist/components/DatePicker/components/Header/Header.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { HeaderProps } from './Header.props';
-declare const Header: ({ month, year, onChange, months }: HeaderProps) => JSX.Element;
-export default Header;
+import type { HeaderProps } from './Header.props';
+declare const Header: ({ month, year, onChange, months }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Header;

package/dist/components/DatePicker/components/Header/Header.props.d.ts

@@ -1,6 +1,6 @@
-export interface HeaderProps {
-    onChange?: (month: number, year: number) => void;
-    month: number;
-    year: number;
-    months?: string[];
-}
+export interface HeaderProps {
+    onChange?: (month: number, year: number) => void;
+    month: number;
+    year: number;
+    months?: string[];
+}

package/dist/components/DatePicker/components/Header/index.d.ts

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

package/dist/components/DatePicker/components/Month/Month.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { MonthProps } from './Month.props';
-import './Month.styles.scss';
-declare const Month: ({ month, year, allowRange, disableAfterDate, disableBeforeDate, onChange, selected, weekStartsOn, disableDates, weekDays, }: MonthProps) => JSX.Element;
-export default Month;
+import type { MonthProps } from './Month.props';
+import './Month.styles.scss';
+declare const Month: ({ month, year, allowRange, disableAfterDate, disableBeforeDate, onChange, selected, weekStartsOn, disableDates, weekDays, }: MonthProps) => import("react/jsx-runtime").JSX.Element;
+export default Month;