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

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

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

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

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

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

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

@@ -1,5 +1,4 @@
-/// <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;
+import type { TileProps } from './Tile.props';
+import './Tile.styles.scss';
+declare const Tile: ({ isSelected, media, onClick, title, value, subtitle, mediaSize, rightMedia, tags, }: TileProps) => import("react/jsx-runtime").JSX.Element;
+export default Tile;

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

@@ -1,13 +1,12 @@
-/// <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[];
-}
+import type { 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/index.d.ts

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

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

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

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

@@ -1,28 +1,27 @@
-/// <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;
-}
+export type HeadingTagNameType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+export type TitleSizeType = 'small' | 'medium' | 'large';
+export 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/index.d.ts

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

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

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

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

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

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

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

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

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

@@ -1,33 +1,32 @@
-/// <reference types="react" />
-export declare type Positions = 'topLeft' | 'topRight' | 'topCenter' | 'bottomLeft' | 'bottomRight' | 'bottomCenter' | 'right' | 'left';
-export declare type ToggleType = 'primary' | 'error' | 'default';
-export interface TooltipProps {
-    /**
-     * Element wraps tooltip
-     */
-    children: React.ReactNode;
-    /**
-     * Id element
-     */
-    id: string;
-    /**
-     * Flag for control manual display tooltip
-     */
-    isActive?: boolean;
-    /**
-     * Position to show tooltip
-     *
-     * @default 'right'
-     */
-    position?: Positions;
-    /**
-     * Text to show tooltip
-     */
-    text: string;
-    /**
-     * background to show in a tooltip
-     *
-     * @default 'default'
-     */
-    toggleType?: ToggleType;
-}
+export type Positions = 'topLeft' | 'topRight' | 'topCenter' | 'bottomLeft' | 'bottomRight' | 'bottomCenter' | 'right' | 'left';
+export type ToggleType = 'primary' | 'error' | 'default';
+export interface TooltipProps {
+    /**
+     * Element wraps tooltip
+     */
+    children: React.ReactNode;
+    /**
+     * Id element
+     */
+    id: string;
+    /**
+     * Flag for control manual display tooltip
+     */
+    isActive?: boolean;
+    /**
+     * Position to show tooltip
+     *
+     * @default 'right'
+     */
+    position?: Positions;
+    /**
+     * Text to show tooltip
+     */
+    text: string;
+    /**
+     * background to show in a tooltip
+     *
+     * @default 'default'
+     */
+    toggleType?: ToggleType;
+}

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

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