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

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, 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,32 +1,38 @@
-import type { ErrorType } from '../../types';
-import type { ThemeType } from '../ThemeProvider';
-export declare type TimeSelectorValueType = {
-    days: number;
-    hours: number;
-    minutes: number;
-    seconds: number;
-};
-export declare type TimeSelectorValueLabelsType = {
-    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;
-    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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +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;
+    loading?: boolean;
+}

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

@@ -0,0 +1,3 @@
+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 };

package/dist/components/Avatar/Avatar.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
-import type { AvatarProps } from './Avatar.props';
-import './Avatar.styles.scss';
-/**
- * Avatar is a graphic representation that is associated with a user for identification.
- *
- * @example
- * <Avatar size='large' initial='C'/>
- * @param {AvatarProps} AvatarProps - Avatar props.
- * @param {IconName} AvatarProps.icon - Icon to show in Avatar.
- * @param {string} AvatarProps.initials - Initilal to show in Avatar
- * @param {boolean} AvatarProps.isRounded - Flag for show Avatar rounded
- * @param {string} AvatarProps.size - Size of Avatar
- * @param {string} AvatarProps.source - Route of image to show in Avatar
- * @param {string} AvatarProps.appareance - Route of image to show in Avatar
- * @returns {symbol} The component.
- */
-declare const Avatar: ({ icon, initials, isRounded, size, source, appearance, }: AvatarProps) => JSX.Element;
-export default Avatar;
+import type { AvatarProps } from './Avatar.props';
+import './Avatar.styles.scss';
+/**
+ * Avatar is a graphic representation that is associated with a user for identification.
+ *
+ * @example
+ * <Avatar size='large' initial='C'/>
+ * @param {AvatarProps} AvatarProps - Avatar props.
+ * @param {IconName} AvatarProps.icon - Icon to show in Avatar.
+ * @param {string} AvatarProps.initials - Initilal to show in Avatar
+ * @param {boolean} AvatarProps.isRounded - Flag for show Avatar rounded
+ * @param {string} AvatarProps.size - Size of Avatar
+ * @param {string} AvatarProps.source - Route of image to show in Avatar
+ * @param {string} AvatarProps.appareance - Route of image to show in Avatar
+ * @returns {symbol} The component.
+ */
+declare const Avatar: ({ icon, initials, isRounded, size, source, appearance, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default Avatar;

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

@@ -1,14 +1,14 @@
-import type { IconName } from '../Icon';
-export interface AvatarProps {
-    icon?: IconName;
-    initials?: string;
-    isRounded?: boolean;
-    size?: 'tiny' | 'small' | 'medium' | 'large' | 'extra-large' | 'huge';
-    source?: string;
-    /**
-     * The appearance of avatar to display
-     *
-     * @default 'default'
-     */
-    appearance?: 'primary' | 'secondary' | 'tertiary' | 'default';
-}
+import type { IconName } from '../Icon';
+export interface AvatarProps {
+    icon?: IconName;
+    initials?: string;
+    isRounded?: boolean;
+    size?: 'tiny' | 'small' | 'medium' | 'large' | 'extra-large' | 'huge';
+    source?: string;
+    /**
+     * The appearance of avatar to display
+     *
+     * @default 'default'
+     */
+    appearance?: 'primary' | 'secondary' | 'tertiary' | 'default';
+}

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

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

package/dist/components/Badge/Badge.d.ts

@@ -1,15 +1,14 @@
-/// <reference types="react" />
-import type { BadgeProps } from './Badge.props';
-import './Badge.styles.scss';
-/**
- * Badge are used primarily to show a little container whit status and little text
- *
- * @example
- * <Badge status='success'> Children </Badge>
- * @param {BadgeProps}  BadgeProps - BadgeProps
- * @param {string} BadgeProps.children - children to show inside badge
- * @param {string} BannerProps.status - status color to show badge
- * @returns {symbol} - Returns the component
- */
-declare const Badge: ({ children, status }: BadgeProps) => JSX.Element;
-export default Badge;
+import type { BadgeProps } from './Badge.props';
+import './Badge.styles.scss';
+/**
+ * Badge are used primarily to show a little container whit status and little text
+ *
+ * @example
+ * <Badge status='success'> Children </Badge>
+ * @param {BadgeProps}  BadgeProps - BadgeProps
+ * @param {string} BadgeProps.children - children to show inside badge
+ * @param {string} BannerProps.status - status color to show badge
+ * @returns {symbol} - Returns the component
+ */
+declare const Badge: ({ children, status }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

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

@@ -1,12 +1,12 @@
-export interface BadgeProps {
-    /**
-     * PropType to children to show in element
-     */
-    children: string;
-    /**
-     * PropType to style color badge
-     *
-     * @default default
-     */
-    status?: 'success' | 'warning' | 'danger' | 'default';
-}
+export interface BadgeProps {
+    /**
+     * PropType to children to show in element
+     */
+    children: string;
+    /**
+     * PropType to style color badge
+     *
+     * @default default
+     */
+    status?: 'success' | 'warning' | 'danger' | 'default';
+}