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

package/dist/components/Progress/Progress.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { ProgressProps } from './Progress.props';
-import './Progress.styles.scss';
-/**
- * Component for showing ProgressBar.
- *
- * @param {ProgressProps}  ProgressProps - ProgressProps
- * @param {Object[]} ProgressProps[].steps - Array of objets
- * @param {string} ProgressProps[].steps.label - Label of step
- * @param {string} ProgressProps[].steps.status - Type to status for step (active, inactive)
- * @returns {symbol} The component.
- */
-declare const Progress: ({ steps }: ProgressProps) => JSX.Element;
-export default Progress;

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

@@ -1,17 +0,0 @@
-export declare type StatusStepType = 'active' | 'inactive';
-export interface BodyStepsProps {
-    /**
-     * Label description of step
-     */
-    label: string;
-    /**
-     *  Type to status for step (active, inactive)
-     */
-    status: StatusStepType;
-}
-export interface ProgressProps {
-    /**
-     * Array of objects - optional
-     */
-    steps?: BodyStepsProps[];
-}

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

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

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

@@ -1,3 +0,0 @@
-import Progress from './Progress';
-export type { ProgressProps, BodyStepsProps, StatusStepType, } from './Progress.props';
-export { Progress };

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import type { RadioButtonProps } from './RadioButton.props';
-import './RadioButton.styles.scss';
-/**
- * The 'RadioButton' component is mainly used to select
- * some fields such as 'terms and conditions' or to
- * select one or more options from a catalog
- *
- * @param {RadioButtonProps}  RadioButtonProps - RadioButtonProps
- * @param {string} RadioButtonProps.className - Outer class to modify styles
- * @param {string} RadioButtonProps.id - RadioButton id
- * @param {boolean} RadioButtonProps.isChecked - Flag to check
- * @param {boolean} RadioButtonProps.isDisabled - Flag to disable the Radio-button
- * @param {string} RadioButtonProps.label - Text to display in the Radio-button
- * @param {string} RadioButtonProps.labelPosition - Label position depending on the Radio-button, it can be left or right, by default it is right
- * @param {string} RadioButtonProps.name - RadioButton name
- * @param {void} RadioButtonProps.onChange - Action to trigger when the Radio-button changes state, returns the value of the Radio-button
- * @param {string} RadioButtonProps.value - RadioButton value
- * @param {object} RadioButtonProps.rest - Rest of props to be passed to the Radio-button
- * @returns {symbol} - Returns the component
- */
-declare const RadioButton: ({ className, id, isChecked, isDisabled, label, onChange, value, name, isRequired, ...rest }: RadioButtonProps) => JSX.Element;
-export default RadioButton;

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

@@ -1,43 +0,0 @@
-/// <reference types="react" />
-export interface RadioButtonProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
-    /**
-     * Gives the possibility to add an external class to the component to modify its styles
-     */
-    className?: string;
-    /**
-     * Add an identifier to the component
-     */
-    id?: string;
-    /**
-     * Flag that determines if the component is selected or not
-     *
-     * @default 'false'
-     */
-    isChecked?: 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?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Component Value
-     */
-    value?: string;
-    /**
-     * Component Name
-     */
-    name?: string;
-    /**
-     * Returns a * if the field is required
-     */
-    isRequired?: boolean;
-}

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

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

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

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

package/dist/components/Select/Select.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import type { SelectProps } from './Select.props';
-import './Select.styles.scss';
-/**
- * The Select is used to render a list of options to choose from.
- *
- * @param {SelectProps}  SelectProps - SelectProps.
- * @default 'true'
- * @param {boolean} SelectProps.isMultiple - Flag that shows us if multiple
- * options can be selected or not
- * @param {string} SelectProps.placeholder - Select Placeholder
- * @param {string} SelectProps.selectLabel - Select Label
- * @param {object} InputTextProps.secondaryAction - Text for show icon inside right input.
- * @param {string[]} SelectProps.selected - Selected data to highlight in the render
- * of the list items
- * @param {Function} SelectProps.onChange - Action that is triggered by selecting
- * or deselecting one or more items in the list
- * @param {string} SelectProps.searchPlaceholder - Search placeholder
- * @param {string}  SelectProps.searchLabel  - Search label
- * @param {string}  SelectProps.helperText  - Help text to be displayed under the select
- * @param {boolean}  SelectProps.isHelperMode  - To show a different style in
- * select (style help)
- * @default 'false'
- * @param {boolean}  SelectProps.isDisabled  - Select disabled state
- * @default 'false'
- * @param {Function}  SelectProps.onSearchChange  - Action that is triggered every
- * time the search engine is typed
- * @param {boolean}  SelectProps.isReadOnly  - Disables popover operation
- * @default 'false'
- * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
- * @returns {symbol} - Element Select
- */
-declare const Select: ({ ariaLabel, items, sections, isMultiple, placeholder, label, secondaryAction, selected, onChange, searchPlaceholder, searchLabel, helperText, isHelperMode, isDisabled, tooltip, isDanger, isReadOnly, id, emptyState, onBlur, isRequired, tooltipLabel, action, showSearch, }: SelectProps) => JSX.Element;
-export default Select;

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

@@ -1,114 +0,0 @@
-import React from 'react';
-import type { OptionListItemType, OptionListSectionType } from '../OptionList';
-import type { TooltipInput } from '../InputText';
-import { ActionType } from '../../types';
-export interface TooltipSelect {
-    text?: string;
-    id?: string;
-    position?: 'topLeft' | 'topRight' | 'topCenter' | 'bottomLeft' | 'bottomRight' | 'bottomCenter' | 'right' | 'left';
-}
-export interface SelectElementSecondaryActionType {
-    text?: string;
-    onClick?: () => void;
-}
-export interface SelectProps {
-    /**
-     * Items to render
-     */
-    items?: OptionListItemType[];
-    /**
-     * Sections to render
-     */
-    sections?: OptionListSectionType[];
-    /**
-     * Flag that shows us if multiple options can be selected or not
-     */
-    isMultiple?: boolean;
-    /**
-     * Select Placeholder
-     */
-    placeholder?: string;
-    /**
-     * Select Label
-     */
-    label?: string;
-    /**
-     * Element to show a one action on right top to the input
-     */
-    secondaryAction?: SelectElementSecondaryActionType;
-    /**
-     * Selected data to highlight in the render of the list items
-     */
-    selected?: string[];
-    /**
-     * Action that is triggered by selecting or deselecting one or more items in the list
-     */
-    onChange?: (data?: string[]) => void;
-    /**
-     * Search placeholder
-     */
-    searchPlaceholder?: string;
-    /**
-     * Search label
-     */
-    searchLabel?: string;
-    /**
-     * Help text to be displayed under the select
-     */
-    helperText?: React.ReactNode;
-    /**
-     * To show a different style in select (style help)
-     *
-     * @default false
-     */
-    isHelperMode?: boolean;
-    /**
-     * Select disabled state
-     *
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Tooltip props
-     */
-    tooltip?: TooltipSelect;
-    /**
-     * Flag that shows a different style in inputTag (style error)
-     *
-     * @default false
-     */
-    isDanger?: boolean;
-    /**
-     * Disables popover operation
-     *
-     * @default false
-     */
-    isReadOnly?: boolean;
-    /**
-     * Add an id to select
-     */
-    id?: string;
-    /**
-     * Add node or string to show infrmative popover
-     */
-    emptyState?: React.ReactNode;
-    /** Callback when focus leaves button */
-    onBlur?: () => void;
-    /**
-     * Returns a * if the field is required
-     *
-     */
-    isRequired?: boolean;
-    tooltipLabel?: TooltipInput;
-    action?: ActionType;
-    /**
-     * Label to use in automatic tests
-     */
-    ariaLabel?: string;
-    /**
-     * Show feature search in select
-     *
-     * @default true
-     */
-    showSearch?: boolean;
-}

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

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

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

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

package/dist/components/SideMenu/SideMenu.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import type { SideMenuProps } from './SideMenu.props';
-import './SideMenu.styles.scss';
-/**
- * The Side Menu is used to show navigation.
- *
- * @deprecated This component is deprecated and will be removed in a future version. Please use the new SideMenu component when it becomes available.
- * @param {SideMenuProps}  SideMenuProps -SideMenuProps
- * @param {object} SideMenuProps.itemsBottom - Element to render section inside this component
- * @returns {symbol} - Element SideMenu
- */
-declare const SideMenu: {
-    ({ children, secondaryActions }: SideMenuProps): JSX.Element;
-    Section: ({ items, title, empty }: import("./components").SideMenuSectionProps) => JSX.Element;
-};
-export default SideMenu;

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

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import type { IconName } from '../Icon';
-export interface SecondaryActionsType {
-    icon?: IconName;
-    onClick?: () => void;
-    /**
-     * Label to use in automatic tests
-     */
-    ariaLabel?: string;
-}
-export interface SideMenuProps {
-    /**
-     * Component to render by the SideMenu.Section
-     */
-    children?: React.ReactNode;
-    /**
-     * elements to show in a bottom in sidemenu
-     */
-    secondaryActions?: SecondaryActionsType[];
-}

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

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

package/dist/components/SideMenu/components/Section/Section.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import type { SideMenuSectionProps } from './Section.props';
-import './Section.styles.scss';
-/**
- *  The Side Menu is used to show navigation.
- *
- * @param {SectionProps}  SectionProps - SectionProps
- * @param {object} SectionProps.items - Element to render in this section
- * @param {object} SectionProps.message - Element to show text to no containt items
- * @returns {symbol} - Element SideMenu.Section
- */
-declare const Section: ({ items, title, empty }: SideMenuSectionProps) => JSX.Element;
-export default Section;

package/dist/components/SideMenu/components/Section/Section.props.d.ts

@@ -1,28 +0,0 @@
-import type { IconName } from '../../../Icon';
-import type { ReactNode } from 'react';
-export interface SideMenuSectionItemType {
-    url?: string;
-    onClick?: () => void;
-    label?: ReactNode | string;
-    icon?: IconName;
-    isDisabled?: boolean;
-    exact?: boolean;
-}
-export interface SideMenuEmptyType {
-    icon?: IconName;
-    message?: string;
-}
-export interface SideMenuSectionProps {
-    /**
-     * Items to show in a Sidemenu.section
-     */
-    items?: SideMenuSectionItemType[];
-    /**
-     * to show title
-     */
-    title?: string;
-    /**
-     * to show message whn items not exist
-     */
-    empty?: SideMenuEmptyType;
-}

package/dist/components/SideMenu/components/Section/index.d.ts

@@ -1,3 +0,0 @@
-import Section from './Section';
-export type { SideMenuSectionItemType, SideMenuSectionProps, } from './Section.props';
-export { Section };

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

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

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

@@ -1,4 +0,0 @@
-import SideMenu from './SideMenu';
-export type { SideMenuSectionItemType, SideMenuSectionProps, } from './components';
-export type { SideMenuProps, SecondaryActionsType } from './SideMenu.props';
-export { SideMenu };

package/dist/components/SkeletonInput/SkeletonInput.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { SkeletonInputProps } from './SkeletonInput.props';
-import './SkeletonInput.styles.scss';
-/**
- * Skeleton input component
- *
- * @param {PaneProps} SkeletonInputProps - Skeleton Input props
- * @param {boolean} SkeletonInputProps.hasLabel - Show label skeleton
- */
-declare const SkeletonInput: ({ hasLabel }: SkeletonInputProps) => JSX.Element;
-export default SkeletonInput;

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

@@ -1,7 +0,0 @@
-export interface SkeletonInputProps {
-    /**
-     * Flag to validate if content has label
-     * @default 'false'
-     */
-    hasLabel?: boolean;
-}

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

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

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

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

package/dist/components/SkeletonMedia/SkeletonMedia.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { SkeletonMediaProps } from './SkeletonMedia.props';
-import './SkeletonMedia.styles.scss';
-/**
- * Media skeleton component
- *
- * @param {SkeletonMediaProps} SkeletonMediaProps - Media Skeleton props
- * @param {size} SkeletonMediaProps.size - Media Skeleton Size
- */
-declare const SkeletonMedia: ({ size }: SkeletonMediaProps) => JSX.Element;
-export default SkeletonMedia;

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

@@ -1,7 +0,0 @@
-export interface SkeletonMediaProps {
-    /**
-     * Media skeleton size
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-}

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

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

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

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

package/dist/components/SkeletonTabs/SkeletonTabs.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { SkeletonTabsProps } from './SkeletonTabs.props';
-import './SkeletonTabs.styles.scss';
-/**
- * Skeleton Tabs component
- *
- * @param {SkeletonTabsProps}  SkeletonTabsProps - Modal props
- * @param {number} SkeletonTabsProps.items - Number of tabs
- * @param {number} SkeletonTabsProps.selected - Tab selected position
- */
-declare const SkeletonTabs: ({ items, selected }: SkeletonTabsProps) => JSX.Element;
-export default SkeletonTabs;

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

@@ -1,11 +0,0 @@
-export interface SkeletonTabsProps {
-    /**
-     * Numbers of tabs
-     */
-    items?: number;
-    /**
-     * Selected tab position
-     * @default '0'
-     */
-    selected?: number;
-}

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

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

package/dist/components/SkeletonText/SkeletonText.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { SkeletonTextProps } from './SkeletonText.props';
-import './SkeletonText.styles.scss';
-/**
- * Text Skeleton component
- *
- * @param {SkeletonTextProps} SkeletonTextProps - Text skeleton props
- * @param {number} SkeletonTextProps.size -Text skeleton lines number
- */
-declare const SkeletonText: ({ lines }: SkeletonTextProps) => JSX.Element;
-export default SkeletonText;

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

@@ -1,7 +0,0 @@
-export interface SkeletonTextProps {
-    /**
-     * Panel size
-     * @default 4
-     */
-    lines?: number;
-}

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

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

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

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

package/dist/components/SkeletonTitle/SkeletonTitle.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { SkeletonTitleProps } from './SkeletonTitle.props';
-import './SkeletonTitle.styles.scss';
-/**
- * Skeleton Title component
- *
- * @param {SkeletonTitleProps} SkeletonTitleProps - Skeleton Title props
- * @param {string} SkeletonTitleProps.size - Skeleton Title Size
- */
-declare const SkeletonTitle: ({ size }: SkeletonTitleProps) => JSX.Element;
-export default SkeletonTitle;

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

@@ -1,7 +0,0 @@
-export interface SkeletonTitleProps {
-    /**
-     * Skeleton Title size
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-}

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

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

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

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

package/dist/components/SortableList/SortableList.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { SortableListProps } from './SortableList.props';
-import './SortableList.styles.scss';
-declare const SortableList: {
-    <TItemType>({ renderItem, items, onSort, hasHandle, }: SortableListProps<TItemType>): JSX.Element;
-    Item: ({ children }: import("./components").ItemProps) => JSX.Element;
-};
-export default SortableList;

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface SortableListProps<TItemType = any> {
-    items: TItemType[];
-    renderItem: (item: TItemType, index: number) => React.ReactNode;
-    onSort?: (items: TItemType[]) => void;
-    hasHandle?: boolean;
-}

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

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

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export interface ItemProps {
-    children?: React.ReactNode;
-}

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

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

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

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

package/dist/components/SortableList/contexts/SortableListContext.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface SortableListContextType {
-    hasHandle?: boolean;
-}
-declare const Context: import("react").Context<SortableListContextType>;
-export default Context;

package/dist/components/SortableList/contexts/index.d.ts

@@ -1,2 +0,0 @@
-import SortableListContext from './SortableListContext';
-export { SortableListContext };

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

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

package/dist/components/Spinner/Spinner.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { SpinnerProps } from './Spinner.props';
-import './Spinner.styles.scss';
-/**
- * Spinner component is used like 'Loading' page when user use a service
- *
- * @example
- * <Spinner isOpen={true}/>
- * @param {SpinnerProps} SpinnerProps - Spinner props.
- * @param {boolean} SpinnerProps.isOpen - Flag used to show or hide the spinner.
- * @param {string} SpinnerProps.appearance - It determinates the spinner appearance.
- * @returns {symbol} The component.
- */
-declare const Spinner: ({ isOpen, appearance, themeAppearance, }: SpinnerProps) => JSX.Element;
-export default Spinner;

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

@@ -1,11 +0,0 @@
-export interface SpinnerProps {
-    /**
-     * Flag to open or close the Spinner
-     */
-    isOpen?: boolean;
-    /**
-     * Spinner appearance
-     * */
-    appearance?: 'success' | 'default' | 'warning' | 'info' | 'danger' | 'majorWarning';
-    themeAppearance?: 'CLOUD' | 'RAINAO' | 'LINK' | 'WORKFLOO' | 'REKON';
-}

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

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

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

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

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { StackProps } from './Stack.props';
-import './Stack.styles.scss';
-/**
- *
- * @param {StackProps}  StackProps - StackProps
- * @param {symbol} StackProps.children - Element to display in Stack
- * @param {boolean} StackProps.position - Flag for position
- * @returns {symbol} - Element Cover
- */
-declare const Stack: ({ children, orientation }: StackProps) => JSX.Element;
-export default Stack;