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

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

@@ -1,35 +1,35 @@
-export declare type HighIntensityType = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
-export declare type LowIntensityType = '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90';
-export declare type OnDarkType = {
-    color: 'white';
-    intensity: '0';
-};
-export declare type BlackType = {
-    color: 'black';
-    intensity: '0';
-};
-export declare type LightGrayType = {
-    color: 'light-grey';
-    intensity: LowIntensityType;
-};
-export declare type DarkGrayType = {
-    color: 'dark-grey';
-    intensity: HighIntensityType;
-};
-export declare type PinkType = {
-    color: 'pink';
-    intensity: '50' | HighIntensityType | '1000';
-};
-export declare type SameIntensityColorType = {
-    color: 'red' | 'yellow' | 'orange' | 'mint' | 'purple';
-    intensity: '50' | HighIntensityType;
-};
-export declare type SecondarySameIntensityColorType = {
-    color: 'green' | 'blue';
-    intensity: '50' | HighIntensityType | '950';
-};
-export declare type LabelColorType = OnDarkType | BlackType | LightGrayType | DarkGrayType | PinkType | SameIntensityColorType | SecondarySameIntensityColorType;
-export interface AlphaTagProps {
-    color?: LabelColorType;
-    children: string;
-}
+export type HighIntensityType = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export type LowIntensityType = '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90';
+export type OnDarkType = {
+    color: 'white';
+    intensity: '0';
+};
+export type BlackType = {
+    color: 'black';
+    intensity: '0';
+};
+export type LightGrayType = {
+    color: 'light-grey';
+    intensity: LowIntensityType;
+};
+export type DarkGrayType = {
+    color: 'dark-grey';
+    intensity: HighIntensityType;
+};
+export type PinkType = {
+    color: 'pink';
+    intensity: '50' | HighIntensityType | '1000';
+};
+export type SameIntensityColorType = {
+    color: 'red' | 'yellow' | 'orange' | 'mint' | 'purple';
+    intensity: '50' | HighIntensityType;
+};
+export type SecondarySameIntensityColorType = {
+    color: 'green' | 'blue';
+    intensity: '50' | HighIntensityType | '950';
+};
+export type LabelColorType = OnDarkType | BlackType | LightGrayType | DarkGrayType | PinkType | SameIntensityColorType | SecondarySameIntensityColorType;
+export interface AlphaTagProps {
+    color?: LabelColorType;
+    children: string;
+}

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

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

package/dist/components/AlphaTile/AlphaTile.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { AlphaTileProps } from './AlphaTile.props';
-import './AlphaTile.styles.scss';
-declare const AlphaTile: ({ isSelected, icon, status, theme: themeProp, title, onClick, }: AlphaTileProps) => JSX.Element;
-export default AlphaTile;
+import type { AlphaTileProps } from "./AlphaTile.props";
+import "./AlphaTile.styles.scss";
+declare const AlphaTile: ({ isSelected, icon, status, theme: themeProp, title, onClick, }: AlphaTileProps) => import("react/jsx-runtime").JSX.Element;
+export default AlphaTile;

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

@@ -1,10 +1,10 @@
-import type { IconProp, ThemeType } from '../../types';
-export declare type StatusType = 'Success' | 'Pending' | 'Error' | 'Warning';
-export interface AlphaTileProps {
-    isSelected?: boolean;
-    icon?: IconProp;
-    status?: StatusType;
-    title?: string;
-    onClick?: () => void;
-    theme?: ThemeType;
-}
+import type { IconProp, ThemeType } from '../../types';
+export type StatusType = 'Success' | 'Pending' | 'Error' | 'Warning';
+export interface AlphaTileProps {
+    isSelected?: boolean;
+    icon?: IconProp;
+    status?: StatusType;
+    title?: string;
+    onClick?: () => void;
+    theme?: ThemeType;
+}

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

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

package/dist/components/AlphaTile/utils/statusIcon.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-declare const StatusIcon: {
-    Success: () => JSX.Element;
-    Error: () => JSX.Element;
-    Pending: () => JSX.Element;
-    Warning: () => JSX.Element;
-};
-export default StatusIcon;
+declare const StatusIcon: {
+    Success: () => import("react/jsx-runtime").JSX.Element;
+    Error: () => import("react/jsx-runtime").JSX.Element;
+    Pending: () => import("react/jsx-runtime").JSX.Element;
+    Warning: () => import("react/jsx-runtime").JSX.Element;
+};
+export default StatusIcon;

package/dist/components/AlphaTimeSelector/TimeSelector.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { TimeSelectorProps } from './TimeSelector.props';
-import './TimeSelector.styles.scss';
-declare const TimeSelector: ({ plurals, singulars, value, disabled, error, helpText, label, onChange, readOnly, placeholderValues, minMaxYears, minMaxMonths, minMaxDays, minMaxHours, minMaxMinutes, minMaxSeconds, theme: themeProp, isRequired, }: TimeSelectorProps) => JSX.Element | null;
-export default TimeSelector;
+import type { TimeSelectorProps } from "./TimeSelector.props";
+import "./TimeSelector.styles.scss";
+declare const TimeSelector: ({ plurals, singulars, value, disabled, error, helpText, label, onChange, readOnly, placeholderValues, minMaxYears, minMaxMonths, minMaxDays, minMaxHours, minMaxMinutes, minMaxSeconds, theme: themeProp, isRequired, }: TimeSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
+export default TimeSelector;

package/dist/components/AlphaTimeSelector/TimeSelector.props.d.ts

@@ -1,38 +1,38 @@
-import type { ErrorType } from '../../types';
-import type { ThemeType } from '../ThemeProvider';
-export declare type TimeSelectorValueType = {
-    years?: number;
-    months?: number;
-    days?: number;
-    hours?: number;
-    minutes?: number;
-    seconds?: number;
-};
-export declare type TimeSelectorValueLabelsType = {
-    years?: string;
-    months?: string;
-    days?: string;
-    hours?: string;
-    minutes?: string;
-    seconds?: string;
-};
-export interface TimeSelectorProps {
-    value?: TimeSelectorValueType;
-    disabled?: boolean;
-    readOnly?: boolean;
-    label?: string;
-    singulars: TimeSelectorValueLabelsType;
-    plurals: TimeSelectorValueLabelsType;
-    helpText?: string;
-    error?: ErrorType;
-    onChange?: (value: TimeSelectorValueType) => void;
-    placeholderValues?: TimeSelectorValueType;
-    minMaxYears?: [number, number];
-    minMaxMonths?: [number, number];
-    minMaxDays?: [number, number];
-    minMaxHours?: [number, number];
-    minMaxMinutes?: [number, number];
-    minMaxSeconds?: [number, number];
-    theme?: ThemeType;
-    isRequired?: boolean;
-}
+import type { ErrorType } from '../../types';
+import type { ThemeType } from '../ThemeProvider';
+export type TimeSelectorValueType = {
+    years?: number;
+    months?: number;
+    days?: number;
+    hours?: number;
+    minutes?: number;
+    seconds?: number;
+};
+export type TimeSelectorValueLabelsType = {
+    years?: string;
+    months?: string;
+    days?: string;
+    hours?: string;
+    minutes?: string;
+    seconds?: string;
+};
+export interface TimeSelectorProps {
+    value?: TimeSelectorValueType;
+    disabled?: boolean;
+    readOnly?: boolean;
+    label?: string;
+    singulars: TimeSelectorValueLabelsType;
+    plurals: TimeSelectorValueLabelsType;
+    helpText?: string;
+    error?: ErrorType;
+    onChange?: (value: TimeSelectorValueType) => void;
+    placeholderValues?: TimeSelectorValueType;
+    minMaxYears?: [number, number];
+    minMaxMonths?: [number, number];
+    minMaxDays?: [number, number];
+    minMaxHours?: [number, number];
+    minMaxMinutes?: [number, number];
+    minMaxSeconds?: [number, number];
+    theme?: ThemeType;
+    isRequired?: boolean;
+}

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

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

package/dist/components/AlphaTooltip/AlphaTooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { AlphaTooltipProps } from './AlphaTooltip.props';
-declare const AlphaTooltip: ({ content, children, activatorWrapper, isActive: isActiveProp, onClose, onOpen, position, width, parentTooltip, zIndexOverride, appearance, persistence, theme, }: AlphaTooltipProps) => JSX.Element;
-export default AlphaTooltip;
+import type { AlphaTooltipProps } from './AlphaTooltip.props';
+declare const AlphaTooltip: ({ content, children, activatorWrapper, isActive: isActiveProp, onClose, onOpen, position, width, parentTooltip, zIndexOverride, appearance, persistence, theme, }: AlphaTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export default AlphaTooltip;

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

@@ -1,42 +1,41 @@
-/// <reference types="react" />
-import type { ThemeType } from '../../types';
-import type { TooltipOverlayPositionType } from './components';
-export declare type ParentTooltipProps = {
-    top: number;
-    left: number;
-    width: number;
-};
-export interface AlphaTooltipProps {
-    /** The element that will activate the tooltip */
-    children?: React.ReactNode;
-    /** The content to display inside the tooltip */
-    content: React.ReactNode;
-    /** Toggle the tooltip if it is visible or not */
-    isActive?: boolean;
-    /** The position of the tooltip relative to the activator */
-    position?: TooltipOverlayPositionType;
-    /** The element type to wrapt the activator in
-     * @default 'span'
-     */
-    activatorWrapper?: string;
-    /** Width of content
-     * @default 'default'
-     */
-    width?: 'default' | 'wide';
-    /**
-     * Props to render tooltip with reference parent container
-     */
-    parentTooltip?: ParentTooltipProps;
-    /** Override the default z-index of the tooltip */
-    zIndexOverride?: number;
-    /** Callback when the tooltip is opened */
-    onOpen?: () => void;
-    /** Callback when the tooltip is closed */
-    onClose?: () => void;
-    /** Sets the color appearance for the overlay*/
-    appearance?: 'default' | 'help' | 'error';
-    /** The hover interactions is disabled and the tooltip will work only with isActive prop */
-    persistence?: boolean;
-    /** Add styles of kiban tools */
-    theme?: ThemeType;
-}
+import type { ThemeType } from '../../types';
+import type { TooltipOverlayPositionType } from './components';
+export type ParentTooltipProps = {
+    top: number;
+    left: number;
+    width: number;
+};
+export interface AlphaTooltipProps {
+    /** The element that will activate the tooltip */
+    children?: React.ReactNode;
+    /** The content to display inside the tooltip */
+    content: React.ReactNode;
+    /** Toggle the tooltip if it is visible or not */
+    isActive?: boolean;
+    /** The position of the tooltip relative to the activator */
+    position?: TooltipOverlayPositionType;
+    /** The element type to wrapt the activator in
+     * @default 'span'
+     */
+    activatorWrapper?: string;
+    /** Width of content
+     * @default 'default'
+     */
+    width?: 'default' | 'wide';
+    /**
+     * Props to render tooltip with reference parent container
+     */
+    parentTooltip?: ParentTooltipProps;
+    /** Override the default z-index of the tooltip */
+    zIndexOverride?: number;
+    /** Callback when the tooltip is opened */
+    onOpen?: () => void;
+    /** Callback when the tooltip is closed */
+    onClose?: () => void;
+    /** Sets the color appearance for the overlay*/
+    appearance?: 'default' | 'help' | 'error';
+    /** The hover interactions is disabled and the tooltip will work only with isActive prop */
+    persistence?: boolean;
+    /** Add styles of kiban tools */
+    theme?: ThemeType;
+}

package/dist/components/AlphaTooltip/components/Overlay/Overlay.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { OverlayProps } from './Overlay.props';
-import './Overlay.styles.scss';
-declare const Overlay: ({ children, activator, active, zIndexOverride, position, appearance, width, parentTooltip, theme, onClick, }: OverlayProps) => JSX.Element | null;
-export default Overlay;
+import type { OverlayProps } from './Overlay.props';
+import './Overlay.styles.scss';
+declare const Overlay: ({ children, activator, active, zIndexOverride, position, appearance, width, parentTooltip, theme, onClick, }: OverlayProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Overlay;

package/dist/components/AlphaTooltip/components/Overlay/Overlay.props.d.ts

@@ -1,20 +1,20 @@
-import type { MouseEvent } from 'react';
-import type { ThemeType } from '../../../../types';
-import type { ParentTooltipProps } from '../../AlphaTooltip.props';
-export declare type TooltipOverlayPositionType = 'top' | 'bottom' | 'left' | 'right';
-export interface OverlayProps {
-    children?: React.ReactNode;
-    active?: boolean;
-    activator: HTMLElement;
-    zIndexOverride?: number;
-    position?: TooltipOverlayPositionType;
-    appearance?: 'default' | 'help' | 'error';
-    width?: 'default' | 'wide';
-    /**
-     * Props to render overlay with reference parent container
-     */
-    parentTooltip?: ParentTooltipProps;
-    /** Add styles of kiban tools */
-    theme?: ThemeType;
-    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
-}
+import type { MouseEvent } from 'react';
+import type { ThemeType } from '../../../../types';
+import type { ParentTooltipProps } from '../../AlphaTooltip.props';
+export type TooltipOverlayPositionType = 'top' | 'bottom' | 'left' | 'right';
+export interface OverlayProps {
+    children?: React.ReactNode;
+    active?: boolean;
+    activator: HTMLElement;
+    zIndexOverride?: number;
+    position?: TooltipOverlayPositionType;
+    appearance?: 'default' | 'help' | 'error';
+    width?: 'default' | 'wide';
+    /**
+     * Props to render overlay with reference parent container
+     */
+    parentTooltip?: ParentTooltipProps;
+    /** Add styles of kiban tools */
+    theme?: ThemeType;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+}

package/dist/components/AlphaTooltip/components/Overlay/index.d.ts

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

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

@@ -1 +1 @@
-export * from './Overlay';
+export * from './Overlay';

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

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

package/dist/components/AlphaTooltip/utils/getPosition.d.ts

@@ -1,6 +1,6 @@
-import type { TooltipOverlayPositionType } from '../components';
-declare const getPosition: (activator: HTMLElement, tooltip: HTMLElement, alignment: TooltipOverlayPositionType) => {
-    top: number;
-    left: number;
-};
-export default getPosition;
+import type { TooltipOverlayPositionType } from '../components';
+declare const getPosition: (activator: HTMLElement, tooltip: HTMLElement, alignment: TooltipOverlayPositionType) => {
+    top: number;
+    left: number;
+};
+export default getPosition;

package/dist/components/AlphaTooltip/utils/index.d.ts

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

package/dist/components/AlphaTotalizer/Totalizer.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { TotalizerProps } from './Totalizer.props';
-import './Totalizer.styles.scss';
-declare const Totalizer: ({ action, direction, icon, isDisabled, isFocused, label, placeholderValue, value, theme: themeProp, }: TotalizerProps) => JSX.Element;
-export default Totalizer;
+import type { TotalizerProps } from "./Totalizer.props";
+import "./Totalizer.styles.scss";
+declare const Totalizer: ({ action, direction, icon, isDisabled, isFocused, label, placeholderValue, value, theme: themeProp, }: TotalizerProps) => import("react/jsx-runtime").JSX.Element;
+export default Totalizer;

package/dist/components/AlphaTotalizer/Totalizer.props.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import { ActionType, IconProp } from '../../types';
-import { ThemeType } from '../ThemeProvider';
-export interface TotalizerProps {
-    label?: string;
-    value?: React.ReactNode;
-    icon?: IconProp;
-    action?: ActionType;
-    direction?: 'left' | 'right';
-    isFocused?: boolean;
-    isDisabled?: boolean;
-    placeholderValue?: string;
-    theme?: ThemeType;
-}
+import type { ActionType, IconProp } from "../../types";
+import type { ThemeType } from "../ThemeProvider";
+export interface TotalizerProps {
+    label?: string;
+    value?: React.ReactNode;
+    icon?: IconProp;
+    action?: ActionType;
+    direction?: "left" | "right";
+    isFocused?: boolean;
+    isDisabled?: boolean;
+    placeholderValue?: string;
+    theme?: ThemeType;
+}

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

@@ -1,4 +1,4 @@
-import AlphaTotalizer from './Totalizer';
-import { TotalizerProps as AlphaTotalizerProps } from './Totalizer.props';
-export { AlphaTotalizer };
-export type { AlphaTotalizerProps };
+import AlphaTotalizer from "./Totalizer";
+import type { TotalizerProps as AlphaTotalizerProps } from "./Totalizer.props";
+export { AlphaTotalizer };
+export type { AlphaTotalizerProps };

package/dist/components/AlphaZipCodeInput/AlphaZipCodeInput.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { AlphaZipCodeInputProps } from './AlphaZipCodeInput.props';
-import './AlphaZipCodeInput.styles.scss';
-declare const AlphaZipCodeInput: ({ label, isRequired, items, onBlur, onFocus, onChange, value, labelEmpty, }: AlphaZipCodeInputProps) => JSX.Element;
-export default AlphaZipCodeInput;
+import type { AlphaZipCodeInputProps } from './AlphaZipCodeInput.props';
+import './AlphaZipCodeInput.styles.scss';
+declare const AlphaZipCodeInput: ({ label, isRequired, items, onBlur, onFocus, onChange, value, labelEmpty, loading, placeholder, }: AlphaZipCodeInputProps) => import("react/jsx-runtime").JSX.Element;
+export default AlphaZipCodeInput;

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

@@ -1,18 +1,19 @@
-export interface ItemsZipCodeInput {
-    id: string;
-    cp: string;
-    municipality: string;
-    city: string;
-    state: string;
-}
-export interface AlphaZipCodeInputProps {
-    isRequired?: boolean;
-    items: ItemsZipCodeInput[];
-    label?: string;
-    onBlur?: () => void;
-    onChange?: (value?: string) => void;
-    onFocus?: () => void;
-    placeholder?: string;
-    value?: string;
-    labelEmpty?: string;
-}
+export interface ItemsZipCodeInput {
+    id: string;
+    cp: string;
+    municipality: string;
+    city: string;
+    state: string;
+}
+export interface AlphaZipCodeInputProps {
+    isRequired?: boolean;
+    items?: ItemsZipCodeInput[];
+    label?: string;
+    onBlur?: () => void;
+    onChange?: (value?: string) => void;
+    onFocus?: () => void;
+    placeholder?: string;
+    value?: string;
+    labelEmpty?: string;
+    loading?: boolean;
+}

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

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

package/dist/components/AnnotatedSection/AnnotatedSection.d.ts

@@ -1,20 +1,19 @@
-/// <reference types="react" />
-import type { AnnotatedSectionProps } from './AnnotatedSection.props';
-import './AnnotatedSection.styles.scss';
-/**
- * AnnotatedSection
- *
- * @example
- * <AnnotatedSection
- *  title={logo}
- *  description='Servicios standalone'>
- *  {children}
- * </AnnotatedSection>
- * @param {AnnotatedSectionProps} AnnotatedSectionProps - AnnotatedSectionProps.
- * @param {React.ReactNode} title - Title the component
- * @param {React.ReactNode} description - Description the component
- * @param {React.ReactNode} children - Array the component
- * @returns {React.ReactNode} The component.
- */
-declare const AnnotatedSection: ({ title, description, children, }: AnnotatedSectionProps) => JSX.Element;
-export default AnnotatedSection;
+import type { AnnotatedSectionProps } from './AnnotatedSection.props';
+import './AnnotatedSection.styles.scss';
+/**
+ * AnnotatedSection
+ *
+ * @example
+ * <AnnotatedSection
+ *  title={logo}
+ *  description='Servicios standalone'>
+ *  {children}
+ * </AnnotatedSection>
+ * @param {AnnotatedSectionProps} AnnotatedSectionProps - AnnotatedSectionProps.
+ * @param {React.ReactNode} title - Title the component
+ * @param {React.ReactNode} description - Description the component
+ * @param {React.ReactNode} children - Array the component
+ * @returns {React.ReactNode} The component.
+ */
+declare const AnnotatedSection: ({ title, description, children, }: AnnotatedSectionProps) => import("react/jsx-runtime").JSX.Element;
+export default AnnotatedSection;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-export interface AnnotatedSectionProps {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    children: React.ReactNode;
-}
+export interface AnnotatedSectionProps {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    children: React.ReactNode;
+}

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

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