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

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

@@ -1,44 +1,47 @@
-/// <reference types="react" />
-import type { IconName } from '../Icon';
-export declare type PageActionsButtonType = {
-    /** The content to display inside the button */
-    children?: React.ReactNode;
-    /** Callback when clicked */
-    onClick?: () => void;
-    /** Icon to be displayed next to the button text */
-    icon?: IconName;
-    /** Indicates wether the icon will be displayed to the left or right of the button text */
-    iconPosition?: 'left' | 'right';
-    /** indicates if button is disabled or not */
-    disabled?: boolean;
-    /**
-     * To Show state loading in button
-     *
-     * @default false
-     */
-    isLoading?: boolean;
-};
-export interface SecundaryActionButton extends PageActionsButtonType {
-    /** The type of button to display, only primary is disabled */
-    appearance?: 'secondary' | 'tertiary' | 'transparent' | 'danger';
-}
-export interface PageActionsProps {
-    /**
-     * Main button to display
-     */
-    primaryAction: PageActionsButtonType;
-    /**
-     * Flag that indicates position to display components
-     */
-    position?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
-    /**
-     * Array of secundary buttons to display
-     */
-    secondaryActions?: SecundaryActionButton[];
-    /**
-     * Extra Action
-     */
-    extraAction?: SecundaryActionButton;
-    /** Indicates if order buttons is reverse */
-    isReverse?: boolean;
-}
+import type { IconName } from '../Icon';
+export type PageActionsButtonType = {
+    /** The content to display inside the button */
+    children?: React.ReactNode;
+    /** Callback when clicked */
+    onClick?: () => void;
+    /** Icon to be displayed next to the button text */
+    icon?: IconName;
+    /** Indicates wether the icon will be displayed to the left or right of the button text */
+    iconPosition?: 'left' | 'right';
+    /** indicates if button is disabled or not */
+    disabled?: boolean;
+    /**
+     * To Show state loading in button
+     *
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
+};
+export interface SecundaryActionButton extends PageActionsButtonType {
+    /** The type of button to display, only primary is disabled */
+    appearance?: 'secondary' | 'tertiary' | 'transparent' | 'danger';
+}
+export interface PageActionsProps {
+    /**
+     * Main button to display
+     */
+    primaryAction: PageActionsButtonType;
+    /**
+     * Flag that indicates position to display components
+     */
+    position?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+    /**
+     * Array of secundary buttons to display
+     */
+    secondaryActions?: SecundaryActionButton[];
+    /**
+     * Extra Action
+     */
+    extraAction?: SecundaryActionButton;
+    /** Indicates if order buttons is reverse */
+    isReverse?: boolean;
+}

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

@@ -1,3 +1,3 @@
-import PageActions from './PageActions';
-export type { PageActionsProps, PageActionsButtonType, SecundaryActionButton, } from './PageActions.props';
-export { PageActions };
+import PageActions from './PageActions';
+export type { PageActionsProps, PageActionsButtonType, SecundaryActionButton, } from './PageActions.props';
+export { PageActions };

package/dist/components/Pagination/Pagination.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-import type { PaginationProps } from './Pagination.props';
-import './Pagination.styles.scss';
-/**
- * Pagination is a component used to add paginatión to any component that
- * needs it, you can add text, click function and disabled props to next
- * and previous button
- *
- * @param {PaginationProps} PaginationProps - PaginationProps
- * @param {string} PaginationProps.previousButtonContent - Content to disolay in previous button
- * @param {string} PaginationProps.nextButtonContent - Content to disolay in next button
- * @param {Function} PaginationProps.onPrevious - Acction to execute when click on previous button
- * @param {Function} PaginationProps.onNext - Acction to execute when click on next button
- * @param {hasPrevious} PaginationProps.hasPrevious - Flag to disable previous button
- * @param {hasNext} PaginationProps.hasNext - Flag to disable next button
- */
-declare const Pagination: ({ previousButtonContent, nextButtonContent, onPrevious, onNext, hasPrevious, hasNext, }: PaginationProps) => JSX.Element;
-export default Pagination;
+import type { PaginationProps } from './Pagination.props';
+import './Pagination.styles.scss';
+/**
+ * Pagination is a component used to add paginatión to any component that
+ * needs it, you can add text, click function and disabled props to next
+ * and previous button
+ *
+ * @param {PaginationProps} PaginationProps - PaginationProps
+ * @param {string} PaginationProps.previousButtonContent - Content to disolay in previous button
+ * @param {string} PaginationProps.nextButtonContent - Content to disolay in next button
+ * @param {Function} PaginationProps.onPrevious - Acction to execute when click on previous button
+ * @param {Function} PaginationProps.onNext - Acction to execute when click on next button
+ * @param {hasPrevious} PaginationProps.hasPrevious - Flag to disable previous button
+ * @param {hasNext} PaginationProps.hasNext - Flag to disable next button
+ * @param {string} InputTextProps.ariaLabel - Label to use in automatic tests
+ */
+declare const Pagination: ({ ariaLabel, previousButtonContent, nextButtonContent, onPrevious, onNext, hasPrevious, hasNext, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export default Pagination;

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

@@ -1,26 +1,30 @@
-export interface PaginationProps {
-    /**
-     * Text to display in previous button
-     */
-    previousButtonContent?: string;
-    /**
-     * Text to display in next button
-     */
-    nextButtonContent?: string;
-    /**
-     * Function to execute when click on previous button
-     */
-    onPrevious?: () => void;
-    /**
-     * Function to execute when click on next button
-     */
-    onNext?: () => void;
-    /**
-     * Flag to enable o disabled previus button
-     */
-    hasPrevious?: boolean;
-    /**
-     * Flag to enable o disabled next button
-     */
-    hasNext?: boolean;
-}
+export interface PaginationProps {
+    /**
+     * Text to display in previous button
+     */
+    previousButtonContent?: string;
+    /**
+     * Text to display in next button
+     */
+    nextButtonContent?: string;
+    /**
+     * Function to execute when click on previous button
+     */
+    onPrevious?: () => void;
+    /**
+     * Function to execute when click on next button
+     */
+    onNext?: () => void;
+    /**
+     * Flag to enable o disabled previus button
+     */
+    hasPrevious?: boolean;
+    /**
+     * Flag to enable o disabled next button
+     */
+    hasNext?: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
+}

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

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

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { PanelProps } from './Panel.props';
-import './Panel.styles.scss';
-declare const Panel: {
-    ({ children, position, height, isOpen, id, alt, icon, image, title, onClose, headerExtraActions, theme, positionButtons, primaryAction, secondaryActions, extraAction, }: PanelProps): JSX.Element;
-    Header: ({ alt, icon, image, title, onClose, headerExtraActions, theme, }: import("./components").PanelHeaderProps) => JSX.Element;
-    Footer: ({ positionButtons, primaryAction, secondaryActions, extraAction, }: import("./components").PanelFooterProps) => JSX.Element;
-};
-export default Panel;
+import type { PanelProps } from "./Panel.props";
+import "./Panel.styles.scss";
+declare const Panel: {
+    ({ children, position, height, isOpen, id, alt, icon, image, title, onClose, headerExtraActions, theme, positionButtons, primaryAction, secondaryActions, extraAction, }: PanelProps): import("react/jsx-runtime").JSX.Element;
+    Header: ({ alt, icon, image, title, onClose, headerExtraActions, theme, }: import("./components").PanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ positionButtons, primaryAction, secondaryActions, extraAction, }: import("./components").PanelFooterProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Panel;

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

@@ -1,25 +1,24 @@
-/// <reference types="react" />
-import type { PanelFooterProps, PanelHeaderProps } from './components';
-export declare type PanelPosition = 'top' | 'topLeft' | 'topRight' | 'center' | 'left' | 'right' | 'bottom' | 'bottomLeft' | 'bottomRight';
-export interface PanelProps extends PanelFooterProps, PanelHeaderProps {
-    /**
-     * Content to display in Panel
-     */
-    children: React.ReactNode;
-    /**
-     * Position to display Panel
-     */
-    position: PanelPosition;
-    /**
-     * Max height to Panel
-     */
-    height: number;
-    /**
-     * Flag to open or close Panel
-     */
-    isOpen: boolean;
-    /**
-     * Component ID
-     */
-    id?: string;
-}
+import type { PanelFooterProps, PanelHeaderProps } from './components';
+export type PanelPosition = 'top' | 'topLeft' | 'topRight' | 'center' | 'left' | 'right' | 'bottom' | 'bottomLeft' | 'bottomRight';
+export interface PanelProps extends PanelFooterProps, PanelHeaderProps {
+    /**
+     * Content to display in Panel
+     */
+    children: React.ReactNode;
+    /**
+     * Position to display Panel
+     */
+    position: PanelPosition;
+    /**
+     * Max height to Panel
+     */
+    height: number;
+    /**
+     * Flag to open or close Panel
+     */
+    isOpen: boolean;
+    /**
+     * Component ID
+     */
+    id?: string;
+}

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

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import type { PanelFooterProps } from './Footer.props';
-import './Footer.styles.scss';
-/**
- * PanelFooter component is used as footer in Panel component
- *
- * @param {PanelFooterProps}  PanelFooterProps - Panel props
- * @param {string} PanelFooterProps.positionButtons - Footer buttons position
- * @param {Object} PanelFooterProps.primaryAction - Object to create primary button in footer
- * @param {Object} PanelFooterProps.secondaryActions - Array of objects to create secundary buttons in footer
- * @param {Object} PanelFooterProps.extraAction - Object to create extra button in footer
- */
-declare const PanelFooter: ({ positionButtons, primaryAction, secondaryActions, extraAction, }: PanelFooterProps) => JSX.Element;
-export default PanelFooter;
+import type { PanelFooterProps } from './Footer.props';
+import './Footer.styles.scss';
+/**
+ * PanelFooter component is used as footer in Panel component
+ *
+ * @param {PanelFooterProps}  PanelFooterProps - Panel props
+ * @param {string} PanelFooterProps.positionButtons - Footer buttons position
+ * @param {Object} PanelFooterProps.primaryAction - Object to create primary button in footer
+ * @param {Object} PanelFooterProps.secondaryActions - Array of objects to create secundary buttons in footer
+ * @param {Object} PanelFooterProps.extraAction - Object to create extra button in footer
+ */
+declare const PanelFooter: ({ positionButtons, primaryAction, secondaryActions, extraAction, }: PanelFooterProps) => import("react/jsx-runtime").JSX.Element;
+export default PanelFooter;

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

@@ -1,52 +1,56 @@
-export interface PanelSecondaryActionProps {
-    /**
-     * Test to display in secundary action button
-     */
-    text: string;
-    /**
-     * Adds the appearance to secondary actions
-     * @default 'secondary'
-     * @type 'secondary' | 'tertiary'
-     */
-    appearance?: 'secondary' | 'tertiary';
-    /**
-     * Function to execute in secundary action button
-     */
-    onClick?(): void;
-    /**
-     * Flag to enable o disable secundary action button
-     * @default 'false'
-     */
-    isDisabled?: boolean;
-    /**
-     * Flag to set loading state to secundary action button
-     * @default 'false'
-     */
-    isLoading?: boolean;
-}
-export interface PanelPrimaryActionProps extends PanelSecondaryActionProps {
-    /**
-     * Flag to set danger state to primary action button
-     * @default 'false'
-     */
-    isDanger?: boolean;
-}
-export interface PanelFooterProps {
-    /**
-     * Object with props to set to primary action button
-     */
-    primaryAction?: PanelPrimaryActionProps;
-    /**
-     * Object array with props to set to secundary action buttons
-     */
-    secondaryActions?: PanelSecondaryActionProps[];
-    /**
-     * Object with props to set to primary action button
-     */
-    extraAction?: PanelPrimaryActionProps;
-    /**
-     * Flag to display buttons action align
-     * @default 'flex-end'
-     */
-    positionButtons?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
-}
+export interface PanelSecondaryActionProps {
+    /**
+     * Test to display in secundary action button
+     */
+    text: string;
+    /**
+     * Adds the appearance to secondary actions
+     * @default 'secondary'
+     * @type 'secondary' | 'tertiary'
+     */
+    appearance?: 'secondary' | 'tertiary';
+    /**
+     * Function to execute in secundary action button
+     */
+    onClick?(): void;
+    /**
+     * Flag to enable o disable secundary action button
+     * @default 'false'
+     */
+    isDisabled?: boolean;
+    /**
+     * Flag to set loading state to secundary action button
+     * @default 'false'
+     */
+    isLoading?: boolean;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
+}
+export interface PanelPrimaryActionProps extends PanelSecondaryActionProps {
+    /**
+     * Flag to set danger state to primary action button
+     * @default 'false'
+     */
+    isDanger?: boolean;
+}
+export interface PanelFooterProps {
+    /**
+     * Object with props to set to primary action button
+     */
+    primaryAction?: PanelPrimaryActionProps;
+    /**
+     * Object array with props to set to secundary action buttons
+     */
+    secondaryActions?: PanelSecondaryActionProps[];
+    /**
+     * Object with props to set to primary action button
+     */
+    extraAction?: PanelPrimaryActionProps;
+    /**
+     * Flag to display buttons action align
+     * @default 'flex-end'
+     */
+    positionButtons?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+}

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

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

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

@@ -1,17 +1,16 @@
-/// <reference types="react" />
-import type { PanelHeaderProps } from './Header.props';
-import './Header.styles.scss';
-/**
- * PanelHeader component is used as header in Panel component
- *
- * @param {PanelHeaderProps} PanelHeaderProps - Panel props
- * @param {string} PanelHeaderProps.alt - Alt to display in Connector component
- * @param {string} PanelHeaderProps.title - Title to display in panel header
- * @param {string} PanelHeaderProps.icon - Icon name to create Connector component to display in header
- * @param {string} PanelHeaderProps.image - Source of image to create Connector component to display in header
- * @param {Function} PanelHeaderProps.onClose - Function to exeute when click close icon Panel
- * @param {PanelHeaderExtraActions} PanelHeaderProps.headerExtraActions - List of extra actions to display in header panel
- * @param {ThemeType} PanelHeaderProps.theme - Theme to display in Connector component
- */
-declare const PanelHeader: ({ alt, icon, image, title, onClose, headerExtraActions, theme, }: PanelHeaderProps) => JSX.Element;
-export default PanelHeader;
+import type { PanelHeaderProps } from './Header.props';
+import './Header.styles.scss';
+/**
+ * PanelHeader component is used as header in Panel component
+ *
+ * @param {PanelHeaderProps} PanelHeaderProps - Panel props
+ * @param {string} PanelHeaderProps.alt - Alt to display in Connector component
+ * @param {string} PanelHeaderProps.title - Title to display in panel header
+ * @param {string} PanelHeaderProps.icon - Icon name to create Connector component to display in header
+ * @param {string} PanelHeaderProps.image - Source of image to create Connector component to display in header
+ * @param {Function} PanelHeaderProps.onClose - Function to exeute when click close icon Panel
+ * @param {PanelHeaderExtraActions} PanelHeaderProps.headerExtraActions - List of extra actions to display in header panel
+ * @param {ThemeType} PanelHeaderProps.theme - Theme to display in Connector component
+ */
+declare const PanelHeader: ({ alt, icon, image, title, onClose, headerExtraActions, theme, }: PanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default PanelHeader;

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

@@ -1,40 +1,43 @@
-/// <reference types="react" />
-import { IconName } from '../../../Icon';
-import { ThemeType } from '../../../ThemeProvider';
-export interface PanelHeaderExtraActions {
-    onClick: () => void;
-    iconName: IconName;
-}
-export interface PanelHeaderProps {
-    /**
-     * Text in prop alt of image tag
-     * @default ''
-     */
-    alt?: string;
-    /**
-     * Icon name to show in Connector component
-     */
-    icon?: IconName;
-    /**
-     * Source of image to show in Connector component
-     */
-    image?: string;
-    /**
-     * Component to display as a title
-     */
-    title?: React.ReactNode;
-    /**
-     * Function to execute when click in button 'X', if it is null
-     * buyon 'X' wil not be displayed
-     */
-    onClose?: () => void;
-    /**
-     * Extra actions in header
-     */
-    headerExtraActions?: PanelHeaderExtraActions[];
-    /**
-     * Theme to show in Connector component
-     * @default 'CLOUD'
-     */
-    theme?: ThemeType;
-}
+import type { IconName } from "../../../Icon";
+import type { ThemeType } from "../../../ThemeProvider";
+export interface PanelHeaderExtraActions {
+    onClick: () => void;
+    iconName: IconName;
+    /**
+     * Label to use in automatic tests
+     */
+    ariaLabel?: string;
+}
+export interface PanelHeaderProps {
+    /**
+     * Text in prop alt of image tag
+     * @default ''
+     */
+    alt?: string;
+    /**
+     * Icon name to show in Connector component
+     */
+    icon?: IconName;
+    /**
+     * Source of image to show in Connector component
+     */
+    image?: string;
+    /**
+     * Component to display as a title
+     */
+    title?: React.ReactNode;
+    /**
+     * Function to execute when click in button 'X', if it is null
+     * buyon 'X' wil not be displayed
+     */
+    onClose?: () => void;
+    /**
+     * Extra actions in header
+     */
+    headerExtraActions?: PanelHeaderExtraActions[];
+    /**
+     * Theme to show in Connector component
+     * @default 'CLOUD'
+     */
+    theme?: ThemeType;
+}

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

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

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

@@ -1,2 +1,2 @@
-export * from './Footer';
-export * from './Header';
+export * from './Footer';
+export * from './Header';

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

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

package/dist/components/Popover/Popover.d.ts

@@ -1,20 +1,19 @@
-/// <reference types="react" />
-import type { PopoverProps } from './Popover.props';
-import './Popover.styles.scss';
-/**
- * The popover is used to render other components like lists, messages, etc.
- *
- * @param {PopoverProps}  PopoverProps - PopoverProps
- * @param {symbol} PopoverProps.activator - Element that activates the popover
- * @param {symbol} PopoverProps.children - Element to render by popover
- * @param {boolean} PopoverProps.isActive - Flag for control display manual popover
- * @param {boolean} PopoverProps.isFullWidth - Flag that determines if the popover will
- * have the size of its activator or will adapt to its content.
- * @default 'true'
- * @returns {symbol} - Element Popover
- */
-declare const Popover: {
-    ({ activator, children, isActive, onClose, isFullWidth, position, isFixed, className, }: PopoverProps): JSX.Element;
-    Pane: ({ children }: import("./components").PopoverPaneProps) => JSX.Element;
-};
-export default Popover;
+import type { PopoverProps } from "./Popover.props";
+import "./Popover.styles.scss";
+/**
+ * The popover is used to render other components like lists, messages, etc.
+ *
+ * @param {PopoverProps}  PopoverProps - PopoverProps
+ * @param {symbol} PopoverProps.activator - Element that activates the popover
+ * @param {symbol} PopoverProps.children - Element to render by popover
+ * @param {boolean} PopoverProps.isActive - Flag for control display manual popover
+ * @param {boolean} PopoverProps.isFullWidth - Flag that determines if the popover will
+ * have the size of its activator or will adapt to its content.
+ * @default 'true'
+ * @returns {symbol} - Element Popover
+ */
+declare const Popover: {
+    ({ activator, children, isActive, onClose, isFullWidth, position, isFixed, className, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+    Pane: ({ children }: import("./components").PopoverPaneProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Popover;