kwant-ui 3.23.2 → 3.24.0

package/dist/components/Toast/Toast.types.d.ts

@@ -1,49 +1,49 @@
-import { ReactNode } from 'react';
-export type GeneralToastType = 'success' | 'error' | 'warning' | 'info';
-export type ToastType = GeneralToastType | 'promise';
-export type XAlign = 'left' | 'center' | 'right';
-export type YAlign = 'top' | 'bottom';
-export type ToastPosition = `${YAlign}-${XAlign}`;
-export type IToastProviderConfig = {
-    timeout?: number;
-    position?: ToastPosition;
-    children: React.ReactNode;
-    offsetX?: number;
-    offsetY?: number;
-};
-export interface IToast {
-    id: string;
-    message: string | ReactNode;
-    type: ToastType;
-    config?: {
-        timeout?: number;
-        showActionBtn?: boolean;
-        actionBtnLabel?: string;
-        onActionBtnClick?: () => void;
-    };
-}
-export type PromiseFnOptions = {
-    successMessage?: string;
-    errorMessage?: string;
-    pendingMessage: string;
-    onSuccess?: (response: unknown) => void;
-    onError?: (error: any) => void;
-    onFinally?: () => void;
-};
-export type GeneralToastFn = (message: IToast['message'], config?: IToast['config']) => string;
-export type PromiseToastFn = (promise: Promise<unknown>, options: PromiseFnOptions) => string;
-export interface IToastContext {
-    toast: {
-        success: GeneralToastFn;
-        error: GeneralToastFn;
-        warning: GeneralToastFn;
-        info: GeneralToastFn;
-        promise: PromiseToastFn;
-    };
-    removeToast: (id: string) => void;
-    setConfig: (config: Omit<IToastProviderConfig, 'children'>) => void;
-}
-export type ColorFamily = {
-    class: string;
-    member: string;
-};
+import { ReactNode } from 'react';
+export type GeneralToastType = 'success' | 'error' | 'warning' | 'info';
+export type ToastType = GeneralToastType | 'promise';
+export type XAlign = 'left' | 'center' | 'right';
+export type YAlign = 'top' | 'bottom';
+export type ToastPosition = `${YAlign}-${XAlign}`;
+export type IToastProviderConfig = {
+    timeout?: number;
+    position?: ToastPosition;
+    children: React.ReactNode;
+    offsetX?: number;
+    offsetY?: number;
+};
+export interface IToast {
+    id: string;
+    message: string | ReactNode;
+    type: ToastType;
+    config?: {
+        timeout?: number;
+        showActionBtn?: boolean;
+        actionBtnLabel?: string;
+        onActionBtnClick?: () => void;
+    };
+}
+export type PromiseFnOptions = {
+    successMessage?: string;
+    errorMessage?: string;
+    pendingMessage: string;
+    onSuccess?: (response: unknown) => void;
+    onError?: (error: any) => void;
+    onFinally?: () => void;
+};
+export type GeneralToastFn = (message: IToast['message'], config?: IToast['config']) => string;
+export type PromiseToastFn = (promise: Promise<unknown>, options: PromiseFnOptions) => string;
+export interface IToastContext {
+    toast: {
+        success: GeneralToastFn;
+        error: GeneralToastFn;
+        warning: GeneralToastFn;
+        info: GeneralToastFn;
+        promise: PromiseToastFn;
+    };
+    removeToast: (id: string) => void;
+    setConfig: (config: Omit<IToastProviderConfig, 'children'>) => void;
+}
+export type ColorFamily = {
+    class: string;
+    member: string;
+};

package/dist/components/Toast/Toast.utils.d.ts

@@ -1,8 +1,8 @@
-import { ToastPosition } from './Toast.types';
-export declare const PositionCoordinates: Record<ToastPosition, {
-    top?: string | number;
-    left?: string | number;
-    transform?: string;
-    bottom?: string | number;
-    right?: string | number;
-}>;
+import { ToastPosition } from './Toast.types';
+export declare const PositionCoordinates: Record<ToastPosition, {
+    top?: string | number;
+    left?: string | number;
+    transform?: string;
+    bottom?: string | number;
+    right?: string | number;
+}>;

package/dist/components/Toast/ToastContext.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IToastContext } from './Toast.types';
-declare const ToastContext: import("react").Context<IToastContext>;
-export { ToastContext };
+/// <reference types="react" />
+import { IToastContext } from './Toast.types';
+declare const ToastContext: import("react").Context<IToastContext>;
+export { ToastContext };

package/dist/components/Toast/ToastProvider.d.ts

@@ -1,3 +1,3 @@
-import { IToastProviderConfig } from './Toast.types';
-declare const ToastProvider: ({ children, position, timeout, offsetX, offsetY }: IToastProviderConfig) => import("react/jsx-runtime").JSX.Element;
-export { ToastProvider };
+import { IToastProviderConfig } from './Toast.types';
+declare const ToastProvider: ({ children, position, timeout, offsetX, offsetY }: IToastProviderConfig) => import("react/jsx-runtime").JSX.Element;
+export { ToastProvider };

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

@@ -1,2 +1,2 @@
-import Toast from "./Toast";
-export default Toast;
+import Toast from "./Toast";
+export default Toast;

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

@@ -1,3 +1,3 @@
-import { TooltipComponent } from './types';
-declare const Tooltip: (props: TooltipComponent.Props) => import("react/jsx-runtime").JSX.Element;
-export { Tooltip };
+import { TooltipComponent } from './types';
+declare const Tooltip: (props: TooltipComponent.Props) => import("react/jsx-runtime").JSX.Element;
+export { Tooltip };

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

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

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

@@ -1,2 +1,2 @@
-export declare const TooltipContentContainer: any;
-export declare const TooltipTextContainer: any;
+export declare const TooltipContentContainer: any;
+export declare const TooltipTextContainer: any;

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

@@ -1,34 +1,34 @@
-/// <reference types="react" />
-export declare namespace TooltipComponent {
-    type Props = TooltipTypes & {
-        children?: React.ReactElement;
-    };
-    type Position = 'top-center' | 'bottom-center' | 'left-center' | 'right-center' | 'bottom-left' | 'top-left' | 'top-right' | 'bottom-right';
-    type ToolType = 'text' | 'content';
-    type TooltipTypes = {
-        enabled?: boolean;
-        position?: Position;
-        backgroundColor?: string;
-        tooltipType?: ToolType;
-        textColor?: string;
-        tooltipContent?: any;
-        top?: string;
-        left?: string;
-        tooltipWidth?: string;
-        tooltipHeight?: string;
-        showTooltip?: boolean;
-        borderRadius?: string;
-        noTextWrap?: boolean;
-        transform?: string;
-        offset?: string;
-        arrowPosition?: {
-            top?: string;
-            left?: string;
-            transform?: string;
-            marginLeft?: string;
-        };
-    };
-    type ITooltipContentContainer = Props & {
-        tooltipType?: ToolType;
-    };
-}
+/// <reference types="react" />
+export declare namespace TooltipComponent {
+    type Props = TooltipTypes & {
+        children?: React.ReactElement;
+    };
+    type Position = 'top-center' | 'bottom-center' | 'left-center' | 'right-center' | 'bottom-left' | 'top-left' | 'top-right' | 'bottom-right';
+    type ToolType = 'text' | 'content';
+    type TooltipTypes = {
+        enabled?: boolean;
+        position?: Position;
+        backgroundColor?: string;
+        tooltipType?: ToolType;
+        textColor?: string;
+        tooltipContent?: any;
+        top?: string;
+        left?: string;
+        tooltipWidth?: string;
+        tooltipHeight?: string;
+        showTooltip?: boolean;
+        borderRadius?: string;
+        noTextWrap?: boolean;
+        transform?: string;
+        offset?: string;
+        arrowPosition?: {
+            top?: string;
+            left?: string;
+            transform?: string;
+            marginLeft?: string;
+        };
+    };
+    type ITooltipContentContainer = Props & {
+        tooltipType?: ToolType;
+    };
+}

package/dist/components/TrendPercentage/TrendPercentage.d.ts

@@ -0,0 +1,10 @@
+import { TextComponent } from '../Text/types';
+type TrendPercentageProps = {
+    data: number;
+    category?: TextComponent.Category;
+    weight?: TextComponent.Weight;
+    iconWidth?: number;
+    iconHeight?: number;
+};
+declare const TrendPercentage: (props: TrendPercentageProps) => import("react/jsx-runtime").JSX.Element;
+export default TrendPercentage;

package/dist/components/TrendPercentage/TrendPercentageStyled.d.ts

@@ -0,0 +1,4 @@
+declare const TrendPercentageContainer: import("styled-components").StyledComponent<"div", any, {
+    danger?: boolean;
+}, never>;
+export { TrendPercentageContainer };

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

@@ -0,0 +1,2 @@
+import TrendPercentage from './TrendPercentage';
+export default TrendPercentage;

package/dist/components/UploadAvatar/UploadAvatar.d.ts

@@ -1,3 +1,3 @@
-import { UATypes } from './types';
-declare function UploadAvatar(props: UATypes): import("react/jsx-runtime").JSX.Element;
-export { UploadAvatar };
+import { UATypes } from './types';
+declare function UploadAvatar(props: UATypes): import("react/jsx-runtime").JSX.Element;
+export { UploadAvatar };

package/dist/components/UploadAvatar/UploadAvatarStyled.d.ts

@@ -1 +1 @@
-export declare const UploadAvatarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const UploadAvatarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/UploadAvatar/types.d.ts

@@ -1,9 +1,9 @@
-import { AvatarDeclarations } from '../Avatar/Avatar.types';
-export type UATypes = AvatarDeclarations.Props & {
-    mode?: 'upload' | 'edit';
-    src?: string;
-    onUpload?: any;
-    onCapture?: any;
-    collapseOnClick?: boolean;
-    hideButton?: boolean;
-};
+import { AvatarDeclarations } from '../Avatar/Avatar.types';
+export type UATypes = AvatarDeclarations.Props & {
+    mode?: 'upload' | 'edit';
+    src?: string;
+    onUpload?: any;
+    onCapture?: any;
+    collapseOnClick?: boolean;
+    hideButton?: boolean;
+};

package/dist/components/stepper/StepperStyled.d.ts

@@ -1,26 +1,26 @@
-export type StepperWrapper = {
-    direction: 'row' | 'column';
-    hasBottom: boolean;
-    width?: string;
-    padding?: string;
-    showLeftBorder?: boolean;
-};
-export declare const StepperWrapper: import("styled-components").StyledComponent<"div", any, StepperWrapper & import("styled-components").ThemeProps<HTMLDivElement>, never>;
-export declare const Options: import("styled-components").StyledComponent<"div", any, {
-    direction: 'row' | 'column';
-}, never>;
-export declare const BaseOption: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Option: import("styled-components").StyledComponent<"div", any, {
-    isActive?: boolean;
-    activeColor?: string;
-    activeBgColor?: string;
-    hoverBgColor?: string;
-}, never>;
-export declare const StepperAlertStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StepperBottom: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StepperBottomOption: import("styled-components").StyledComponent<"div", any, {
-    isActive?: boolean;
-    activeColor?: string;
-    activeBgColor?: string;
-    hoverBgColor?: string;
-}, never>;
+export type StepperWrapper = {
+    direction: 'row' | 'column';
+    hasBottom: boolean;
+    width?: string;
+    padding?: string;
+    showLeftBorder?: boolean;
+};
+export declare const StepperWrapper: import("styled-components").StyledComponent<"div", any, StepperWrapper & import("styled-components").ThemeProps<HTMLDivElement>, never>;
+export declare const Options: import("styled-components").StyledComponent<"div", any, {
+    direction: 'row' | 'column';
+}, never>;
+export declare const BaseOption: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Option: import("styled-components").StyledComponent<"div", any, {
+    isActive?: boolean;
+    activeColor?: string;
+    activeBgColor?: string;
+    hoverBgColor?: string;
+}, never>;
+export declare const StepperAlertStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StepperBottom: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StepperBottomOption: import("styled-components").StyledComponent<"div", any, {
+    isActive?: boolean;
+    activeColor?: string;
+    activeBgColor?: string;
+    hoverBgColor?: string;
+}, never>;

package/dist/components/stepper/StepperTypes.d.ts

@@ -1,28 +1,28 @@
-import { ReactNode } from 'react';
-import { TooltipComponent } from '../Tooltip/types';
-export declare namespace IStepper {
-    type Option = {
-        id: number;
-        icon: ReactNode;
-        title: string;
-        hasAlert?: boolean;
-        tooltipText?: string;
-    };
-    type Props = {
-        width?: string;
-        options?: Option[];
-        activeStep?: number;
-        onStepChange?: (step: number) => void;
-        direction?: 'row' | 'column';
-        hasBottom?: boolean;
-        bottomOptions?: Option[];
-        activeColor?: string;
-        activeBgColor?: string;
-        hoverBgColor?: string;
-        padding?: string;
-        showLeftBorder?: boolean;
-        showTooltip?: boolean;
-        tooltipPosition?: TooltipComponent.Position;
-        tooltipOffset?: string;
-    };
-}
+import { ReactNode } from 'react';
+import { TooltipComponent } from '../Tooltip/types';
+export declare namespace IStepper {
+    type Option = {
+        id: number;
+        icon: ReactNode;
+        title: string;
+        hasAlert?: boolean;
+        tooltipText?: string;
+    };
+    type Props = {
+        width?: string;
+        options?: Option[];
+        activeStep?: number;
+        onStepChange?: (step: number) => void;
+        direction?: 'row' | 'column';
+        hasBottom?: boolean;
+        bottomOptions?: Option[];
+        activeColor?: string;
+        activeBgColor?: string;
+        hoverBgColor?: string;
+        padding?: string;
+        showLeftBorder?: boolean;
+        showTooltip?: boolean;
+        tooltipPosition?: TooltipComponent.Position;
+        tooltipOffset?: string;
+    };
+}

package/dist/components/stepper/StepperUtils.d.ts

@@ -1,10 +1,10 @@
-import { TooltipComponent } from '../Tooltip/types';
-export declare const getTooltipWrapper: (options: {
-    showTooltip?: boolean;
-    position: TooltipComponent.Position;
-    offset: string;
-}) => ({ children, tooltipContent, }: {
-    children: React.ReactElement;
-    tooltipContent: () => any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const StepperAlert: () => import("react/jsx-runtime").JSX.Element;
+import { TooltipComponent } from '../Tooltip/types';
+export declare const getTooltipWrapper: (options: {
+    showTooltip?: boolean;
+    position: TooltipComponent.Position;
+    offset: string;
+}) => ({ children, tooltipContent, }: {
+    children: React.ReactElement;
+    tooltipContent: () => any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const StepperAlert: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,3 @@
-import { IStepper } from './StepperTypes';
-declare function Stepper(props: IStepper.Props): import("react/jsx-runtime").JSX.Element;
-export { Stepper };
+import { IStepper } from './StepperTypes';
+declare function Stepper(props: IStepper.Props): import("react/jsx-runtime").JSX.Element;
+export { Stepper };

package/dist/globals.d.ts

@@ -1,7 +1,7 @@
-declare module "*.woff";
-declare module "*.woff2";
-declare module "*.ttf";
-declare module "*.svg" {
-  const content: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-  export default content;
-}
+declare module "*.woff";
+declare module "*.woff2";
+declare module "*.ttf";
+declare module "*.svg" {
+  const content: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+  export default content;
+}

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export * from './useToast';
-export * from './useOutsideClick';
-export * from './useDebouncedValue';
-export * from './useToggle';
+export * from './useToast';
+export * from './useOutsideClick';
+export * from './useDebouncedValue';
+export * from './useToggle';

package/dist/hooks/useDebouncedValue.d.ts

@@ -1,2 +1,2 @@
-declare function useDebouncedValue<T>(value: T, delay?: number): T;
-export { useDebouncedValue };
+declare function useDebouncedValue<T>(value: T, delay?: number): T;
+export { useDebouncedValue };

package/dist/hooks/useDynamicImport.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-export interface UseDynamicSVGImportOptions {
-    onComplete?: (name: string, SvgIcon: React.FC<React.SVGProps<SVGSVGElement>> | undefined) => void;
-    onError?: (err: Error) => void;
-}
-export declare function useDynamicSVGImport(name: string, options?: UseDynamicSVGImportOptions): {
-    SvgIcon: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
-};
+/// <reference types="react" />
+export interface UseDynamicSVGImportOptions {
+    onComplete?: (name: string, SvgIcon: React.FC<React.SVGProps<SVGSVGElement>> | undefined) => void;
+    onError?: (err: Error) => void;
+}
+export declare function useDynamicSVGImport(name: string, options?: UseDynamicSVGImportOptions): {
+    SvgIcon: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
+};

package/dist/hooks/useOutsideClick.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-declare const useOutsideClick: (callback: () => void, options?: {
-    ignore?: string[];
-    event?: string;
-}) => React.MutableRefObject<HTMLDivElement>;
-export { useOutsideClick };
+import React from 'react';
+declare const useOutsideClick: (callback: () => void, options?: {
+    ignore?: string[];
+    event?: string;
+}) => React.MutableRefObject<HTMLDivElement>;
+export { useOutsideClick };

package/dist/hooks/useToast.d.ts

@@ -1,10 +1,10 @@
-import { IToastProviderConfig } from '../components/Toast/Toast.types';
-declare const useToast: (hookConfig?: Omit<IToastProviderConfig, 'children'>) => {
-    removeToast: (id: string) => void;
-    success: import("../components/Toast/Toast.types").GeneralToastFn;
-    error: import("../components/Toast/Toast.types").GeneralToastFn;
-    warning: import("../components/Toast/Toast.types").GeneralToastFn;
-    info: import("../components/Toast/Toast.types").GeneralToastFn;
-    promise: import("../components/Toast/Toast.types").PromiseToastFn;
-};
-export { useToast };
+import { IToastProviderConfig } from '../components/Toast/Toast.types';
+declare const useToast: (hookConfig?: Omit<IToastProviderConfig, 'children'>) => {
+    removeToast: (id: string) => void;
+    success: import("../components/Toast/Toast.types").GeneralToastFn;
+    error: import("../components/Toast/Toast.types").GeneralToastFn;
+    warning: import("../components/Toast/Toast.types").GeneralToastFn;
+    info: import("../components/Toast/Toast.types").GeneralToastFn;
+    promise: import("../components/Toast/Toast.types").PromiseToastFn;
+};
+export { useToast };

package/dist/hooks/useToggle.d.ts

@@ -1,8 +1,8 @@
-declare const useToggle: (defaultIsActive?: boolean) => {
-    isActive: boolean;
-    toggle: () => void;
-    close: () => void;
-    open: () => void;
-    set: (value: boolean) => void;
-};
-export { useToggle };
+declare const useToggle: (defaultIsActive?: boolean) => {
+    isActive: boolean;
+    toggle: () => void;
+    close: () => void;
+    open: () => void;
+    set: (value: boolean) => void;
+};
+export { useToggle };