@true-engineering/true-react-common-ui-kit 1.0.2 → 1.1.0

package/dist/components/AccountInfo/AccountInfo.d.ts

@@ -3,9 +3,9 @@ import { ICommonProps } from '../../types';
 import { IListProps } from '../List';
 import { AccountInfoStyles } from './AccountInfo.styles';
 export interface IAccountInfoProps extends ICommonProps {
-  tweakStyles?: AccountInfoStyles;
-  avatar?: ReactNode;
-  accountName: ReactNode;
-  options: IListProps['items'];
+    tweakStyles?: AccountInfoStyles;
+    avatar?: ReactNode;
+    accountName: ReactNode;
+    options: IListProps['items'];
 }
 export declare const AccountInfo: FC<IAccountInfoProps>;

package/dist/components/AccountInfo/AccountInfo.styles.d.ts

@@ -1,60 +1,64 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  tweakList: {};
-  'slide-up-enter': {
-    opacity: number;
-    transform: string;
-  };
-  'slide-up-enter-active': {
-    opacity: number;
-    transform: string;
-    transition: ({ timeout }: { timeout: number }) => string;
-    transitionProperty: string;
-  };
-  'slide-up-exit-active': {
-    opacity: number;
-    transform: string;
-  };
-  'slide-up-exit': {
-    opacity: number;
-    transform: string;
-    transition: ({ timeout }: { timeout: number }) => string;
-    transitionProperty: string;
-  };
-  root: {
-    display: string;
-  };
-  account: {
-    display: string;
-    position: string;
-    alignItems: string;
-    cursor: string;
-  };
-  accountName: {
-    margin: number[];
-    fontSize: number;
-    transition: string;
-  };
-  accountNameOpened: {};
-  accountChevron: {
-    width: number;
-    height: number;
-    transition: string;
-    transitionProperty: string;
-  };
-  accountChevronOpened: {
-    transform: string;
-  };
-  accountMenu: {
-    position: string;
-    zIndex: number;
-    top: string;
-    right: number;
-    marginTop: number;
-  };
-  avatarIcon: {
-    width: number;
-    height: number;
-  };
+    tweakList: {};
+    'slide-up-enter': {
+        opacity: number;
+        transform: string;
+    };
+    'slide-up-enter-active': {
+        opacity: number;
+        transform: string;
+        transition: ({ timeout }: {
+            timeout: number;
+        }) => string;
+        transitionProperty: string;
+    };
+    'slide-up-exit-active': {
+        opacity: number;
+        transform: string;
+    };
+    'slide-up-exit': {
+        opacity: number;
+        transform: string;
+        transition: ({ timeout }: {
+            timeout: number;
+        }) => string;
+        transitionProperty: string;
+    };
+    root: {
+        display: string;
+    };
+    account: {
+        display: string;
+        position: string;
+        alignItems: string;
+        cursor: string;
+    };
+    accountName: {
+        margin: number[];
+        fontSize: number;
+        transition: string;
+    };
+    accountNameOpened: {};
+    accountChevron: {
+        width: number;
+        height: number;
+        transition: string;
+        transitionProperty: string;
+    };
+    accountChevronOpened: {
+        transform: string;
+    };
+    accountMenu: {
+        position: string;
+        zIndex: number;
+        top: string;
+        right: number;
+        marginTop: number;
+    };
+    avatarIcon: {
+        width: number;
+        height: number;
+    };
 };
 export declare type AccountInfoStyles = ComponentStyles<typeof styles>;

package/dist/components/AddButton/AddButton.d.ts

@@ -2,11 +2,11 @@ import { FC } from 'react';
 import { ICommonProps } from '../../types';
 import { AddButtonStyles } from './AddButton.styles';
 export interface IAddButtonProps extends ICommonProps {
-  tweakStyles?: AddButtonStyles;
-  text: string;
-  type?: 'submit' | 'button';
-  isDisabled?: boolean;
-  isFullWidth?: boolean;
-  onClick?(): void | Promise<void>;
+    tweakStyles?: AddButtonStyles;
+    text: string;
+    type?: 'submit' | 'button';
+    isDisabled?: boolean;
+    isFullWidth?: boolean;
+    onClick?(): void | Promise<void>;
 }
 export declare const AddButton: FC<IAddButtonProps>;

package/dist/components/AddButton/AddButton.styles.d.ts

@@ -1,28 +1,28 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    display: string;
-    alignItems: string;
-    padding: string;
-    height: number;
-    cursor: string;
-    outline: string;
-    transition: string;
-    fontSize: number;
-    '&:hover': {
-      transition: string;
+    root: {
+        display: string;
+        alignItems: string;
+        padding: string;
+        height: number;
+        cursor: string;
+        outline: string;
+        transition: string;
+        fontSize: number;
+        '&:hover': {
+            transition: string;
+        };
+    };
+    disabled: {
+        cursor: string;
+    };
+    icon: {
+        width: number;
+        display: string;
+        marginRight: number;
+    };
+    fullWidth: {
+        width: string;
     };
-  };
-  disabled: {
-    cursor: string;
-  };
-  icon: {
-    width: number;
-    display: string;
-    marginRight: number;
-  };
-  fullWidth: {
-    width: string;
-  };
 };
 export declare type AddButtonStyles = ComponentStyles<typeof styles>;

package/dist/components/Button/Button.d.ts

@@ -1,42 +1,28 @@
-import {
-  FC,
-  ReactElement,
-  ReactNode,
-  ButtonHTMLAttributes,
-  MouseEvent,
-} from 'react';
+import { FC, ReactElement, ReactNode, ButtonHTMLAttributes, MouseEvent } from 'react';
 import { ICommonProps } from '../../types';
 import { IThemedPreloaderProps } from '../ThemedPreloader';
 import { IIconType } from '../Icon';
 import { ButtonStyles } from './Button.styles';
 export declare type IButtonSize = 's' | 'm' | 'l' | 'xl';
-export declare const BUTTON_VIEWS: readonly [
-  'primary',
-  'secondary',
-  'outline',
-  'warning',
-  'destructive',
-  'text',
-  'custom',
-];
+export declare const BUTTON_VIEWS: readonly ["primary", "secondary", "outline", "warning", "destructive", "text", "custom"];
 export declare type IButtonView = (typeof BUTTON_VIEWS)[number];
 export interface IButtonProps extends ICommonProps {
-  tweakStyles?: ButtonStyles;
-  children?: ReactNode;
-  type?: ButtonHTMLAttributes<unknown>['type'];
-  size?: IButtonSize;
-  view?: IButtonView;
-  shouldSkipTabNavigation?: boolean;
-  isDisabled?: boolean;
-  isFullWidth?: boolean;
-  isInline?: boolean;
-  isLoading?: boolean;
-  isActive?: boolean;
-  icon?: IIconType | ReactElement;
-  iconPosition?: 'left' | 'right';
-  preloaderType?: IThemedPreloaderProps['type'];
-  testId?: string;
-  onClick?(event: MouseEvent<HTMLButtonElement>): void | Promise<void>;
-  onMouseDown?(event: MouseEvent<HTMLButtonElement>): void | Promise<void>;
+    tweakStyles?: ButtonStyles;
+    children?: ReactNode;
+    type?: ButtonHTMLAttributes<unknown>['type'];
+    size?: IButtonSize;
+    view?: IButtonView;
+    shouldSkipTabNavigation?: boolean;
+    isDisabled?: boolean;
+    isFullWidth?: boolean;
+    isInline?: boolean;
+    isLoading?: boolean;
+    isActive?: boolean;
+    icon?: IIconType | ReactElement;
+    iconPosition?: 'left' | 'right';
+    preloaderType?: IThemedPreloaderProps['type'];
+    testId?: string;
+    onClick?(event: MouseEvent<HTMLButtonElement>): void | Promise<void>;
+    onMouseDown?(event: MouseEvent<HTMLButtonElement>): void | Promise<void>;
 }
 export declare const Button: FC<IButtonProps>;

package/dist/components/Button/Button.styles.d.ts

@@ -1,150 +1,150 @@
 import { ComponentStyles } from '../../types';
 import { ThemedPreloaderStyles } from '../ThemedPreloader';
 export declare const styles: {
-  root: {
-    display: string;
-    justifyContent: string;
-    alignItems: string;
-    cursor: string;
-    outline: string;
-    boxSizing: string;
-    transition: string;
-    transitionProperty: string;
-    maxWidth: string;
-    border: (string | number)[];
-    position: string;
-    boxShadow: string;
-    '&[disabled]': {
-      cursor: string;
-      pointerEvents: string;
-    };
-  };
-  primary: {};
-  secondary: {};
-  outline: {};
-  warning: {};
-  destructive: {};
-  text: {};
-  custom: {};
-  children: {};
-  icon: {
-    width: number;
-    height: number;
-    flexShrink: number;
-    transition: string;
-  };
-  iconFromLeft: {
-    flexDirection: string;
-    gap: number;
-    '& $icon': {
-      marginLeft: number;
-    };
-  };
-  iconFromRight: {
-    flexDirection: string;
-    gap: number;
-    '& $icon': {
-      marginRight: number;
-    };
-  };
-  onlyIcon: {};
-  withIcon: {};
-  s: {
-    padding: number[];
-    height: number;
-    fontSize: number;
-    letterSpacing: number;
-    '&$onlyIcon': {
-      padding: number;
-      width: number;
-    };
-    '& $icon': {
-      width: number;
-      height: number;
-    };
-    '& $iconFromLeft': {
-      gap: number;
-    };
-    '& $iconFromRight': {
-      gap: number;
-    };
-  };
-  m: {
-    padding: number[];
-    height: number;
-    fontSize: number;
-    '& $iconFromLeft': {
-      gap: number;
-    };
-    '& $iconFromRight': {
-      gap: number;
-    };
-    '&$onlyIcon': {
-      padding: number;
-      width: number;
-    };
-  };
-  l: {
-    padding: number[];
-    height: number;
-    fontSize: number;
-    '& $iconFromLeft': {
-      gap: number;
-    };
-    '& $iconFromRight': {
-      gap: number;
-    };
-    '&$onlyIcon': {
-      padding: number;
-      width: number;
-    };
-  };
-  xl: {
-    padding: number[];
-    height: number;
-    fontSize: number;
-    '&$onlyIcon': {
-      padding: number;
-      width: number;
-    };
-    '& $iconFromLeft': {
-      gap: number;
-    };
-    '& $iconFromRight': {
-      gap: number;
-    };
-  };
-  fullWidth: {
-    minWidth: string;
-    width: string;
-  };
-  inline: {
-    borderTopLeftRadius: number;
-    borderBottomLeftRadius: number;
-  };
-  active: {};
-  content: {
-    display: string;
-    alignItems: string;
-    height: string;
-  };
-  loader: {
-    display: string;
-    position: string;
-    left: string;
-    top: string;
-    transform: string;
-  };
-  loading: {
-    '& $content': {
-      visibility: string;
-    };
-    '& $loader': {
-      display: string;
-    };
-  };
-  disabled: {};
-  tweakPreloader: {};
+    root: {
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        cursor: string;
+        outline: string;
+        boxSizing: string;
+        transition: string;
+        transitionProperty: string;
+        maxWidth: string;
+        border: (string | number)[];
+        position: string;
+        boxShadow: string;
+        '&[disabled]': {
+            cursor: string;
+            pointerEvents: string;
+        };
+    };
+    primary: {};
+    secondary: {};
+    outline: {};
+    warning: {};
+    destructive: {};
+    text: {};
+    custom: {};
+    children: {};
+    icon: {
+        width: number;
+        height: number;
+        flexShrink: number;
+        transition: string;
+    };
+    iconFromLeft: {
+        flexDirection: string;
+        gap: number;
+        '& $icon': {
+            marginLeft: number;
+        };
+    };
+    iconFromRight: {
+        flexDirection: string;
+        gap: number;
+        '& $icon': {
+            marginRight: number;
+        };
+    };
+    onlyIcon: {};
+    withIcon: {};
+    s: {
+        padding: number[];
+        height: number;
+        fontSize: number;
+        letterSpacing: number;
+        '&$onlyIcon': {
+            padding: number;
+            width: number;
+        };
+        '& $icon': {
+            width: number;
+            height: number;
+        };
+        '& $iconFromLeft': {
+            gap: number;
+        };
+        '& $iconFromRight': {
+            gap: number;
+        };
+    };
+    m: {
+        padding: number[];
+        height: number;
+        fontSize: number;
+        '& $iconFromLeft': {
+            gap: number;
+        };
+        '& $iconFromRight': {
+            gap: number;
+        };
+        '&$onlyIcon': {
+            padding: number;
+            width: number;
+        };
+    };
+    l: {
+        padding: number[];
+        height: number;
+        fontSize: number;
+        '& $iconFromLeft': {
+            gap: number;
+        };
+        '& $iconFromRight': {
+            gap: number;
+        };
+        '&$onlyIcon': {
+            padding: number;
+            width: number;
+        };
+    };
+    xl: {
+        padding: number[];
+        height: number;
+        fontSize: number;
+        '&$onlyIcon': {
+            padding: number;
+            width: number;
+        };
+        '& $iconFromLeft': {
+            gap: number;
+        };
+        '& $iconFromRight': {
+            gap: number;
+        };
+    };
+    fullWidth: {
+        minWidth: string;
+        width: string;
+    };
+    inline: {
+        borderTopLeftRadius: number;
+        borderBottomLeftRadius: number;
+    };
+    active: {};
+    content: {
+        display: string;
+        alignItems: string;
+        height: string;
+    };
+    loader: {
+        display: string;
+        position: string;
+        left: string;
+        top: string;
+        transform: string;
+    };
+    loading: {
+        '& $content': {
+            visibility: string;
+        };
+        '& $loader': {
+            display: string;
+        };
+    };
+    disabled: {};
+    tweakPreloader: {};
 };
 export declare const dotsPreloaderStyles: ThemedPreloaderStyles;
 export declare type ButtonStyles = ComponentStyles<typeof styles>;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -2,31 +2,20 @@ import { PropsWithChildren } from 'react';
 import { ICommonProps } from '../../types';
 import { CheckboxStyles } from './Checkbox.styles';
 export interface ICheckboxProps<V> extends ICommonProps {
-  tweakStyles?: CheckboxStyles;
-  isChecked?: boolean;
-  isSemiChecked?: boolean;
-  isDisabled?: boolean;
-  isInvalid?: boolean;
-  value: V;
-  size?: number;
-  alignItems?: 'top' | 'center';
-  textMargin?: number;
-  labelPosition?: 'right' | 'left';
-  testId?: string;
-  onSelect(value: { value: V; isSelected: boolean }): void;
+    tweakStyles?: CheckboxStyles;
+    isChecked?: boolean;
+    isSemiChecked?: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    value: V;
+    size?: number;
+    alignItems?: 'top' | 'center';
+    textMargin?: number;
+    labelPosition?: 'right' | 'left';
+    testId?: string;
+    onSelect(value: {
+        value: V;
+        isSelected: boolean;
+    }): void;
 }
-export declare function Checkbox<V>({
-  children,
-  isDisabled,
-  isChecked,
-  value,
-  size,
-  alignItems,
-  textMargin,
-  data,
-  testId,
-  isSemiChecked,
-  labelPosition,
-  tweakStyles,
-  onSelect,
-}: PropsWithChildren<ICheckboxProps<V>>): JSX.Element;
+export declare function Checkbox<V>({ children, isDisabled, isChecked, value, size, alignItems, textMargin, data, testId, isSemiChecked, labelPosition, tweakStyles, onSelect, }: PropsWithChildren<ICheckboxProps<V>>): JSX.Element;