dt-shared-front 2.2.59 → 2.2.60-alpha.1

package/dist/_variables.scss

@@ -1,7 +1,7 @@
 $minDesktop: 1024px;
-$maxTablet: 1023px;
+$maxTablet: 1023.99px;
 $minTablet: 768px;
-$maxMobile: 767px;
+$maxMobile: 767.99px;
 
 @mixin respond($breakpoint) {
   @if $breakpoint == desktop {
@@ -48,9 +48,8 @@ $maxMobile: 767px;
   }
 }
 
-
 @mixin verticalScroll {
-  scrollbar-color: #ACAEB2 transparent;
+  scrollbar-color: #acaeb2 transparent;
   scrollbar-width: thin;
   &::-webkit-scrollbar {
     width: 4px;
@@ -59,12 +58,12 @@ $maxMobile: 767px;
     background-color: transparent;
   }
   &::-webkit-scrollbar-thumb {
-    background-color: #ACAEB2;
+    background-color: #acaeb2;
 
     border-radius: 4px;
   }
   &::-webkit-scrollbar-thumb:hover {
-    background-color: #ACAEB2;
+    background-color: #acaeb2;
   }
   & > * {
     scroll-snap-align: start;
@@ -74,3 +73,20 @@ $maxMobile: 767px;
     scrollbar-width: 4px;
   }
 }
+
+@mixin verticalScrollThin($color: #acaeb2) {
+  &::-webkit-scrollbar {
+    width: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+    border-radius: 4px;
+  }
+
+  &:hover {
+    &::-webkit-scrollbar-thumb {
+      background-color: $color;
+    }
+  }
+}

package/dist/components/button/button.d.ts

@@ -8,7 +8,8 @@ export declare enum EButtonSize {
 export declare enum EButtonVariant {
     default = "default",
     secondary = "secondary",
-    outline = "outline"
+    outline = "outline",
+    tertiary = "tertiary"
 }
 export declare enum EButtonIconPosition {
     left = "left",
@@ -21,9 +22,10 @@ export interface IButtonProps {
     width?: string;
     iconPosition?: keyof typeof EButtonIconPosition;
     loading?: boolean;
+    isWbTheme?: boolean;
     disabled?: boolean;
     className?: string;
     type?: 'button' | 'submit' | 'reset';
     onClick?: (e?: MouseEvent<HTMLButtonElement>) => void;
 }
-export declare const Button: ({ variant, size, iconPosition, width, icon: Icon, loading, disabled, children, className, onClick, type, }: PropsWithChildren<IButtonProps>) => React.JSX.Element;
+export declare const Button: ({ variant, size, iconPosition, width, icon: Icon, loading, disabled, children, className, onClick, type, isWbTheme, }: PropsWithChildren<IButtonProps>) => React.JSX.Element;

package/dist/components/checkbox/checkbox.d.ts

@@ -1,11 +1,13 @@
 import React, { PropsWithChildren } from 'react';
+import { ChangeEvent } from 'react';
 export declare type ICheckboxProps = {
     disabled?: boolean;
     value?: boolean;
     error?: boolean;
-    onChange?: (val: boolean) => void;
+    onChange?: (val: boolean, event: ChangeEvent<HTMLInputElement>) => void;
     className?: string;
     small?: boolean;
     name?: string;
+    isWbTheme?: boolean;
 };
-export declare const Checkbox: ({ disabled, value, onChange, children, error, className }: PropsWithChildren<ICheckboxProps>) => React.JSX.Element;
+export declare const Checkbox: ({ disabled, value, onChange, children, error, className, isWbTheme, name, }: PropsWithChildren<ICheckboxProps>) => React.JSX.Element;

package/dist/components/counter/counter.d.ts

@@ -4,6 +4,7 @@ interface ICounterProps {
     max?: number;
     min?: number;
     onChange?: (count: number) => void;
+    isWbTheme?: boolean;
 }
 export declare const Counter: (props: ICounterProps) => React.JSX.Element;
 export {};

package/dist/components/date-picker/date-picker.d.ts

@@ -53,6 +53,7 @@ declare type IDatePickerProps = {
     format?: string;
     mask?: string;
     labelPlaceholder?: string;
+    isWbTheme?: boolean;
 } & ComponentProps<typeof AntDatePicker>;
 export declare const DatePicker: React.ForwardRefExoticComponent<IDatePickerProps & React.RefAttributes<unknown>>;
 export {};

package/dist/components/heading/heading.d.ts

@@ -38,6 +38,7 @@ interface IHeadingProps {
     className?: string;
     centerText?: boolean;
     weight?: keyof typeof EHeadingWeight;
+    isWbTheme?: boolean;
 }
-export declare const Heading: ({ children, level, mobLevel, addition, attention, warning, success, inverse, error, variant, className, centerText, weight, }: IHeadingProps) => React.JSX.Element;
+export declare const Heading: ({ children, level, mobLevel, addition, attention, warning, success, inverse, error, variant, className, centerText, weight, isWbTheme, }: IHeadingProps) => React.JSX.Element;
 export {};

package/dist/components/icon/icon.d.ts

@@ -12,9 +12,13 @@ export declare enum EIconVariant {
     attention = "attention",
     revert = "revert",
     warning = "warning",
+    error = "error",
+    neutral = "neutral",
+    success = "success",
     initial = "initial",
     light = "light",
     inherit = "inherit",
+    secondary = "secondary",
     green = "green"
 }
 interface IIconProps {

package/dist/components/info-block/index.d.ts

@@ -0,0 +1 @@
+export { InfoBlock } from './info-block';

package/dist/components/info-block/info-block.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+declare enum EInfoBlockVariant {
+    default = "default",
+    warning = "warning",
+    error = "error"
+}
+interface IInfoBlockProps {
+    title?: string;
+    description: string;
+    variant?: keyof typeof EInfoBlockVariant;
+}
+export declare const InfoBlock: ({ title, description, variant }: IInfoBlockProps) => React.JSX.Element;
+export {};

package/dist/components/input/input.d.ts

@@ -34,6 +34,9 @@ export declare type IInputProps = {
     debounceTime?: number;
     labelPlaceholder?: string | ReactNode;
     mask?: string;
+    maskObj?: any;
+    maskParams?: any;
+    isWbTheme?: boolean;
     onClear?: (val?: string) => void;
     onBeforeMask?: (val?: string) => void;
     onPointerUp?: (e: any) => void;
@@ -58,10 +61,13 @@ export declare const Input: React.ForwardRefExoticComponent<{
     debounceTime?: number;
     labelPlaceholder?: string | ReactNode;
     mask?: string;
+    maskObj?: any;
+    maskParams?: any;
+    isWbTheme?: boolean;
     onClear?: (val?: string) => void;
     onBeforeMask?: (val?: string) => void;
     onPointerUp?: (e: any) => void;
     onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
     onSearch?: ((val: string) => void) | ((val: string) => Promise<void>);
     valueTransformer?: (value: string) => string;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "variant" | "size" | "onChange"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "variant" | "size"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/loader/loader.d.ts

@@ -4,6 +4,7 @@ interface ILoaderProps {
     fixed?: boolean;
     active?: boolean;
     id?: string;
+    className?: string;
 }
 export declare const Loader: (props: ILoaderProps) => React.JSX.Element;
 export {};

package/dist/components/modal/modal.d.ts

@@ -19,6 +19,8 @@ export interface IModalRef<D = any> {
     setShowCloseIcon: (value: boolean) => void;
     setMaskClosable: (value: boolean) => void;
     setGrayBackground: (value: boolean) => void;
+    setNoPadding: (value: boolean) => void;
+    setFooterClassName: (value: string) => void;
 }
 declare type IModalProps<C extends ElementType> = {
     [key in keyof ComponentProps<C>]?: ComponentProps<C>[key];
@@ -27,6 +29,7 @@ declare type IModalProps<C extends ElementType> = {
     title?: string;
     width?: number | string;
     footer?: ReactNode;
+    footerClassName?: string;
     sidebar?: boolean;
     showClose?: boolean;
     maskClosable?: boolean;
@@ -35,6 +38,7 @@ declare type IModalProps<C extends ElementType> = {
     gallery?: boolean;
     tabletPopup?: boolean;
     grayBackground?: string;
+    noPadding?: boolean;
 };
 export declare const Modal: React.ForwardRefExoticComponent<Omit<IModalProps<any>, "ref"> & React.RefAttributes<IModalRef<any>>>;
 export {};

package/dist/components/radio/radio.d.ts

@@ -12,6 +12,7 @@ declare type IRadioProps<T> = Omit<RadioGroupProps, 'options' | 'onChange' | 'va
     position?: 'vertical' | 'horizontal';
     className?: string;
     error?: boolean;
+    isWbTheme?: boolean;
 };
-export declare function Radio<T = any>({ options, position, valueKey, labelKey, labels, className, error, ...props }: IRadioProps<T>): React.JSX.Element;
+export declare function Radio<T = any>({ options, position, valueKey, labelKey, labels, className, error, isWbTheme, ...props }: IRadioProps<T>): React.JSX.Element;
 export {};

package/dist/components/select/select.d.ts

@@ -29,6 +29,7 @@ declare type ISelectProps<T> = Omit<SelectProps, 'options' | 'onChange'> & {
     suffixIcon?: any;
     isMobileModal?: boolean;
     modalTitle?: string;
+    isWbTheme?: boolean;
 };
 export declare const Select: <T = any>(props: ISelectProps<T>, ref: Ref<HTMLInputElement>) => ReactElement;
 export {};

package/dist/components/skeleton/skeleton.d.ts

@@ -1,5 +1,12 @@
 import React from 'react';
 import { SkeletonProps } from 'react-loading-skeleton';
-declare type ISkeletonProps = SkeletonProps;
-export declare const Skeleton: (props: ISkeletonProps) => React.JSX.Element;
+declare enum ESkeletonVariant {
+    default = "default",
+    inverse = "inverse"
+}
+declare type ISkeletonProps = SkeletonProps & {
+    isWbTheme?: boolean;
+    variant?: keyof typeof ESkeletonVariant;
+};
+export declare const Skeleton: ({ isWbTheme, variant, ...props }: ISkeletonProps) => React.JSX.Element;
 export {};

package/dist/components/spoiler/spoiler.d.ts

@@ -4,6 +4,7 @@ interface ISpoilerProps {
     title: string | ReactNode;
     initialValue?: boolean;
     className?: string;
+    isWbTheme?: boolean;
 }
 export declare const Spoiler: (props: PropsWithChildren<ISpoilerProps>) => React.JSX.Element;
 export {};

package/dist/components/stacked-input/stacked-input.d.ts

@@ -17,6 +17,7 @@ declare type IStackedInputProps<T> = {
     labelPlaceholder?: string;
     mask?: IInputProps['mask'];
     value?: string;
+    isWbTheme?: boolean;
     onRenderOption?: (item: T) => ReactNode;
 } & ComponentProps<typeof Input> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'variant' | 'onChange'>;
 export declare const StackedInput: <T>(props: IStackedInputProps<T>, ref: Ref<HTMLInputElement>) => ReactElement;

package/dist/components/tag-button/tag-button.d.ts

@@ -6,6 +6,8 @@ export declare enum ETagButtonSize {
 }
 export declare enum ETagButtonVariant {
     default = "default",
+    primary = "primary",
+    tertiary = "tertiary",
     secondary = "secondary",
     tumbler = "tumbler",
     green = "green",
@@ -24,6 +26,7 @@ interface IButtonProps {
     shadow?: boolean;
     onClick: (e?: boolean) => void;
     selectedClassName?: string;
+    isWbTheme?: boolean;
 }
-export declare const TagButton: ({ variant, size, disabled, selected, children, onClick, selectedClassName, }: PropsWithChildren<IButtonProps>) => React.JSX.Element;
+export declare const TagButton: ({ variant, size, disabled, selected, children, onClick, selectedClassName, isWbTheme, }: PropsWithChildren<IButtonProps>) => React.JSX.Element;
 export {};

package/dist/components/text/text.d.ts

@@ -4,7 +4,12 @@ export declare enum ETextSize {
     small = "small",
     medium = "medium",
     large = "large",
-    inherit = "inherit"
+    inherit = "inherit",
+    action = "action",
+    paragraph = "paragraph",
+    body = "body",
+    description = "description",
+    caption = "caption"
 }
 export declare enum ETextWeight {
     bold = "bold",
@@ -21,7 +26,8 @@ export declare enum ETextVariant {
     error = "error",
     success = "success",
     warning = "warning",
-    inverse = "inverse"
+    inverse = "inverse",
+    secondary = "secondary"
 }
 interface ITextProps {
     size?: keyof typeof ETextSize;
@@ -41,6 +47,7 @@ interface ITextProps {
     through?: boolean;
     tag?: string;
     onClick?: (e: any) => void;
+    isWbTheme?: boolean;
 }
-export declare const Text: ({ children, size, mobSize, bold, weight, variant, addition, success, error, inverse, attention, warning, className, style, through, tag, onClick, }: ITextProps) => React.JSX.Element;
+export declare const Text: ({ children, size, mobSize, bold, weight, variant, addition, success, error, inverse, attention, warning, className, style, through, tag, onClick, isWbTheme, }: ITextProps) => React.JSX.Element;
 export {};

package/dist/components/text-area/text-area.d.ts

@@ -1,4 +1,4 @@
-import React, { ChangeEvent } from 'react';
+import React, { ChangeEvent, ReactNode } from 'react';
 export declare enum ETextAreaVariant {
     filled = "filled",
     outlined = "outlined"
@@ -23,7 +23,9 @@ export declare const TextArea: React.ForwardRefExoticComponent<{
     adaptive?: boolean;
     autoResize?: boolean;
     placeholder?: string;
+    labelPlaceholder?: string | ReactNode;
+    isWbTheme?: boolean;
     onClear?: () => void;
     onSearch?: (e: any) => void;
     onChange?: (value: string, event?: ChangeEvent<HTMLTextAreaElement>) => void;
-} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "variant" | "size" | "onChange"> & React.RefAttributes<HTMLTextAreaElement>>;
+} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "variant" | "size"> & React.RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1 @@
+export { showToast } from './toast';

package/dist/components/toast/toast.d.ts

@@ -0,0 +1,3 @@
+import type { ArgsProps } from 'antd/lib/notification';
+export declare type IToastParams = ArgsProps;
+export declare const showToast: (params: IToastParams) => void;

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

@@ -6,6 +6,7 @@ declare type ITootipProps = {
     onOpenChange?: (val: boolean) => void;
     placement?: keyof typeof TooltipPosition;
     trigger?: any;
+    isWbTheme?: boolean;
 };
-export declare const Tooltip: ({ placement, ...props }: PropsWithChildren<ITootipProps>) => React.JSX.Element;
+export declare const Tooltip: ({ placement, isWbTheme, ...props }: PropsWithChildren<ITootipProps>) => React.JSX.Element;
 export {};

package/dist/index.d.ts

@@ -53,3 +53,5 @@ export type { PropsWithPopover } from './components/popover';
 export type { IPopoverRef } from './components/popover/popover';
 export { adapter, BaseService } from './service';
 export type { IBaseServiceStreamOptions } from './service';
+export { showToast } from './components/toast';
+export { InfoBlock } from './components/info-block';