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

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

@@ -1,47 +1,50 @@
 import { ComponentStyles } from '../../types';
 import type { ICheckboxProps } from './Checkbox';
 interface IStyleProps {
-    size: NonNullable<ICheckboxProps<unknown>['size']>;
-    alignItems: NonNullable<ICheckboxProps<unknown>['alignItems']>;
-    textMargin: ICheckboxProps<unknown>['textMargin'];
+  size: NonNullable<ICheckboxProps<unknown>['size']>;
+  alignItems: NonNullable<ICheckboxProps<unknown>['alignItems']>;
+  textMargin: ICheckboxProps<unknown>['textMargin'];
 }
 export declare const styles: {
-    root: {
-        cursor: string;
-        display: string;
-        alignItems: ({ alignItems }: IStyleProps) => string;
-    };
-    disabled: {
-        cursor: string;
-        pointerEvents: string;
-    };
-    input: {
-        display: string;
-    };
-    children: {
-        maxWidth: string;
-        display: string;
-        alignItems: string;
-    };
-    check: {
-        width: ({ size }: IStyleProps) => number;
-        height: ({ size }: IStyleProps) => number;
-        borderRadius: number;
-        flexShrink: number;
-        marginRight: ({ size, textMargin }: IStyleProps) => number;
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        boxSizing: string;
-    };
-    checked: {};
-    labelPositionLeft: {
-        flexDirection: string;
-        '& $check': {
-            marginRight: number;
-            marginLeft: ({ size, textMargin }: IStyleProps) => number;
-        };
+  root: {
+    cursor: string;
+    display: string;
+    alignItems: ({ alignItems }: IStyleProps) => string;
+  };
+  disabled: {
+    cursor: string;
+    pointerEvents: string;
+  };
+  input: {
+    display: string;
+  };
+  children: {
+    maxWidth: string;
+    display: string;
+    alignItems: string;
+  };
+  check: {
+    width: ({ size }: IStyleProps) => number;
+    height: ({ size }: IStyleProps) => number;
+    borderRadius: number;
+    flexShrink: number;
+    marginRight: ({ size, textMargin }: IStyleProps) => number;
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+    boxSizing: string;
+  };
+  checked: {};
+  labelPositionLeft: {
+    flexDirection: string;
+    '& $check': {
+      marginRight: number;
+      marginLeft: ({ size, textMargin }: IStyleProps) => number;
     };
+  };
 };
-export declare type CheckboxStyles = ComponentStyles<typeof styles, IStyleProps>;
+export declare type CheckboxStyles = ComponentStyles<
+  typeof styles,
+  IStyleProps
+>;
 export {};

package/dist/components/CloseButton/CloseButton.d.ts

@@ -2,9 +2,9 @@ import { FC } from 'react';
 import { ICommonProps } from '../../types';
 import { CloseButtonStyles } from './CloseButton.styles';
 export interface ICloseButtonProps extends ICommonProps {
-    tweakStyles?: CloseButtonStyles;
-    testId?: string;
-    onClose?: () => void;
-    iconType?: 'close' | 'close-large' | 'close-window';
+  tweakStyles?: CloseButtonStyles;
+  testId?: string;
+  onClose?: () => void;
+  iconType?: 'close' | 'close-large' | 'close-window';
 }
 export declare const CloseButton: FC<ICloseButtonProps>;

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

@@ -1,27 +1,27 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-    root: {
-        width: number;
-        height: number;
-        maxWidth: string;
-        maxHeight: string;
-        padding: number;
-        color: "#505f79";
-        border: number;
-        borderRadius: string;
-        appearance: string;
-        backgroundColor: string;
-        cursor: string;
-        transition: string;
-        '&:hover': {
-            backgroundColor: string;
-        };
-        '&:focus': {
-            backgroundColor: "#eceff5";
-        };
-        '&:active': {
-            backgroundColor: string;
-        };
+  root: {
+    width: number;
+    height: number;
+    maxWidth: string;
+    maxHeight: string;
+    padding: number;
+    color: '#505f79';
+    border: number;
+    borderRadius: string;
+    appearance: string;
+    backgroundColor: string;
+    cursor: string;
+    transition: string;
+    '&:hover': {
+      backgroundColor: string;
     };
+    '&:focus': {
+      backgroundColor: '#eceff5';
+    };
+    '&:active': {
+      backgroundColor: string;
+    };
+  };
 };
 export declare type CloseButtonStyles = ComponentStyles<typeof styles>;

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

@@ -1,32 +1,32 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-    root: {
-        display: string;
-        flexWrap: string;
-    };
-    colorCard: {
-        width: number;
-        border: string;
-        borderRadius: number;
-        color: string;
-        fontSize: number;
-        margin: number;
-    };
-    color: {
-        height: number;
-        borderTopLeftRadius: number;
-        borderTopRightRadius: number;
-    };
-    colorName: {
-        marginBottom: number;
-        padding: number;
-        overflow: string;
-    };
-    hex: {
-        marginTop: number;
-        textTransform: string;
-        fontWeight: string;
-        padding: number[];
-    };
+  root: {
+    display: string;
+    flexWrap: string;
+  };
+  colorCard: {
+    width: number;
+    border: string;
+    borderRadius: number;
+    color: string;
+    fontSize: number;
+    margin: number;
+  };
+  color: {
+    height: number;
+    borderTopLeftRadius: number;
+    borderTopRightRadius: number;
+  };
+  colorName: {
+    marginBottom: number;
+    padding: number;
+    overflow: string;
+  };
+  hex: {
+    marginTop: number;
+    textTransform: string;
+    fontWeight: string;
+    padding: number[];
+  };
 };
 export declare type ColorsStyles = ComponentStyles<typeof styles>;

package/dist/components/CssBaseline/CssBaseline.d.ts

@@ -2,6 +2,6 @@ import { FC } from 'react';
 import { ICommonProps } from '../../types';
 import { CssBaselineStyles } from './CssBaseline.styles';
 export interface ICssBaselineProps extends ICommonProps {
-    tweakStyles?: CssBaselineStyles;
+  tweakStyles?: CssBaselineStyles;
 }
 export declare const CssBaseline: FC<ICssBaselineProps>;

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

@@ -1,11 +1,11 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-    '@global html, body': {
-        fontFamily: string;
-        color: "#222a37";
-        padding: number;
-        margin: number;
-    };
-    root: {};
+  '@global html, body': {
+    fontFamily: string;
+    color: '#222a37';
+    padding: number;
+    margin: number;
+  };
+  root: {};
 };
 export declare type CssBaselineStyles = ComponentStyles<typeof styles>;

package/dist/components/DateInput/DateInput.d.ts

@@ -2,13 +2,14 @@ import { FC } from 'react';
 import { IDataAttributes } from '../../types';
 import { IInputProps } from '../Input';
 import { DateInputStyles } from './DateInput.styles';
-export interface IDateInputProps extends Omit<IInputProps, 'onChange' | 'value'> {
-    tweakStyles?: DateInputStyles;
-    isRange?: boolean;
-    date?: string;
-    startDate?: string;
-    endDate?: string;
-    data?: IDataAttributes;
-    onChange: (date: string) => void;
+export interface IDateInputProps
+  extends Omit<IInputProps, 'onChange' | 'value'> {
+  tweakStyles?: DateInputStyles;
+  isRange?: boolean;
+  date?: string;
+  startDate?: string;
+  endDate?: string;
+  data?: IDataAttributes;
+  onChange: (date: string) => void;
 }
 export declare const DateInput: FC<IDateInputProps>;

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

@@ -1,11 +1,11 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-    root: {
-        cursor: string;
-        position: string;
-        width: string;
-        height: string;
-    };
-    tweakInput: {};
+  root: {
+    cursor: string;
+    position: string;
+    width: string;
+    height: string;
+  };
+  tweakInput: {};
 };
 export declare type DateInputStyles = ComponentStyles<typeof styles>;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,34 +1,41 @@
 import React, { FC } from 'react';
-import { ReactDatePickerCustomHeaderProps, ReactDatePickerProps } from 'react-datepicker';
+import {
+  ReactDatePickerCustomHeaderProps,
+  ReactDatePickerProps,
+} from 'react-datepicker';
 import { IInputProps } from '../Input';
 import { DatePickerStyles } from './DatePicker.styles';
-export interface IDatePickerProps extends Omit<IInputProps, 'onChange' | 'value'> {
-    selectedDate: Date | null;
-    locale: Locale;
-    months: string[];
-    tweakStyles?: DatePickerStyles;
-    minDate?: Date | null;
-    maxDate?: Date | null;
-    endDate?: Date | null;
-    startDate?: Date | null;
-    size?: 's' | 'm' | 'full';
-    isRange?: boolean;
-    calendarStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    leftPosition?: number;
-    topPosition?: number;
-    isInline?: boolean;
-    isNeedClearSelectedDate?: boolean;
-    dateFormat?: string;
-    shouldGiveValueOnType?: boolean;
-    disabledKeyboardNavigation?: boolean;
-    monthsShown?: number;
-    showPreviousMonths?: boolean;
-    customHeader?: (params: ReactDatePickerCustomHeaderProps) => React.ReactNode;
-    filterDate?: (date: Date) => boolean;
-    onChangeDate?: (date: Date | null, dateVal?: string) => void;
-    onChangeRange?: (date: [Date, Date] | null, event?: React.SyntheticEvent<any>) => void;
-    shouldRenderPopperInBody?: boolean;
-    popperModifiers?: ReactDatePickerProps['popperModifiers'];
-    popperPlacement?: ReactDatePickerProps['popperPlacement'];
+export interface IDatePickerProps
+  extends Omit<IInputProps, 'onChange' | 'value'> {
+  selectedDate: Date | null;
+  locale: Locale;
+  months: string[];
+  tweakStyles?: DatePickerStyles;
+  minDate?: Date | null;
+  maxDate?: Date | null;
+  endDate?: Date | null;
+  startDate?: Date | null;
+  size?: 's' | 'm' | 'full';
+  isRange?: boolean;
+  calendarStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  leftPosition?: number;
+  topPosition?: number;
+  isInline?: boolean;
+  isNeedClearSelectedDate?: boolean;
+  dateFormat?: string;
+  shouldGiveValueOnType?: boolean;
+  disabledKeyboardNavigation?: boolean;
+  monthsShown?: number;
+  showPreviousMonths?: boolean;
+  customHeader?: (params: ReactDatePickerCustomHeaderProps) => React.ReactNode;
+  filterDate?: (date: Date) => boolean;
+  onChangeDate?: (date: Date | null, dateVal?: string) => void;
+  onChangeRange?: (
+    date: [Date, Date] | null,
+    event?: React.SyntheticEvent<any>,
+  ) => void;
+  shouldRenderPopperInBody?: boolean;
+  popperModifiers?: ReactDatePickerProps['popperModifiers'];
+  popperPlacement?: ReactDatePickerProps['popperPlacement'];
 }
 export declare const DatePicker: FC<IDatePickerProps>;

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

@@ -1,46 +1,42 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-    root: {
-        width: string;
-        height: string;
+  root: {
+    width: string;
+    height: string;
+  };
+  day: {
+    width: number;
+    height: number;
+    lineHeight: string;
+    boxSizing: string;
+    paddingTop: number;
+    fontSize: number;
+  };
+  datepicker: {
+    display: string;
+    padding: number[];
+    width: number;
+    boxSizing: string;
+  };
+  btnText: {
+    marginLeft: string;
+  };
+  popper: {
+    zIndex: number;
+    marginLeft: ({ leftPosition }: { leftPosition: number }) => number;
+    marginTop: ({ topPosition }: { topPosition: number }) => number;
+    '&[data-placement^="bottom"]': {
+      paddingTop: number;
     };
-    day: {
-        width: number;
-        height: number;
-        lineHeight: string;
-        boxSizing: string;
-        paddingTop: number;
-        fontSize: number;
+    '&[data-placement^="top"]': {
+      paddingBottom: number;
     };
-    datepicker: {
-        display: string;
-        padding: number[];
-        width: number;
-        boxSizing: string;
+    '&[data-placement^="left"]': {
+      paddingRight: number;
     };
-    btnText: {
-        marginLeft: string;
-    };
-    popper: {
-        zIndex: number;
-        marginLeft: ({ leftPosition }: {
-            leftPosition: number;
-        }) => number;
-        marginTop: ({ topPosition }: {
-            topPosition: number;
-        }) => number;
-        '&[data-placement^="bottom"]': {
-            paddingTop: number;
-        };
-        '&[data-placement^="top"]': {
-            paddingBottom: number;
-        };
-        '&[data-placement^="left"]': {
-            paddingRight: number;
-        };
-        '&[data-placement^="right"]': {
-            paddingLeft: number;
-        };
+    '&[data-placement^="right"]': {
+      paddingLeft: number;
     };
+  };
 };
 export declare type DatePickerStyles = ComponentStyles<typeof styles>;

package/dist/components/DatePicker/DatePickerHeader/DatePickerHeader.d.ts

@@ -1,14 +1,14 @@
 import { FC } from 'react';
 import { DatePickerHeaderStyles } from './DatePickerHeader.styles';
 export interface IDatePickerHeaderProps {
-    tweakStyles?: DatePickerHeaderStyles;
-    date: Date;
-    changeYear: (year: number) => void;
-    changeMonth: (month: number) => void;
-    decreaseMonth: () => void;
-    increaseMonth: () => void;
-    isPrevMonthButtonDisabled: boolean;
-    isNextMonthButtonDisabled: boolean;
-    months: string[];
+  tweakStyles?: DatePickerHeaderStyles;
+  date: Date;
+  changeYear: (year: number) => void;
+  changeMonth: (month: number) => void;
+  decreaseMonth: () => void;
+  increaseMonth: () => void;
+  isPrevMonthButtonDisabled: boolean;
+  isNextMonthButtonDisabled: boolean;
+  months: string[];
 }
 export declare const DatePickerHeader: FC<IDatePickerHeaderProps>;

package/dist/components/DatePicker/DatePickerHeader/DatePickerHeader.styles.d.ts

@@ -1,69 +1,69 @@
 import { ComponentStyles } from '../../../types';
 export declare const styles: {
-    btn: {
-        width: number;
-        height: number;
-        padding: number;
-        boxSizing: string;
-        border: string;
-        outline: string;
-        cursor: string;
-        marginLeft: number;
-    };
-    select: {
-        height: number;
+  btn: {
+    width: number;
+    height: number;
+    padding: number;
+    boxSizing: string;
+    border: string;
+    outline: string;
+    cursor: string;
+    marginLeft: number;
+  };
+  select: {
+    height: number;
+    fontSize: number;
+    position: string;
+  };
+  selectValue: {
+    fontSize: number;
+    fontWeight: string;
+    color: string;
+    pointerEvents: string;
+    paddingLeft: number;
+    paddingRight: number;
+  };
+  selectControl: {
+    position: string;
+    top: number;
+    left: number;
+    width: string;
+    height: string;
+  };
+  header: {
+    margin: number;
+    display: string;
+    alignItems: string;
+  };
+  buttons: {
+    flexShrink: number;
+    marginLeft: string;
+  };
+  tweakSelect: {
+    list: {
+      cell: {
         fontSize: number;
-        position: string;
+        minHeight: number;
+      };
     };
-    selectValue: {
+    arrow: {
+      right: number;
+      top: number;
+      width: number;
+      height: number;
+    };
+    tweakInput: {
+      inputWrapper: {
+        height: number;
+        border: string;
+      };
+      input: {
         fontSize: number;
         fontWeight: string;
-        color: string;
-        pointerEvents: string;
-        paddingLeft: number;
         paddingRight: number;
+        paddingLeft: number;
+      };
     };
-    selectControl: {
-        position: string;
-        top: number;
-        left: number;
-        width: string;
-        height: string;
-    };
-    header: {
-        margin: number;
-        display: string;
-        alignItems: string;
-    };
-    buttons: {
-        flexShrink: number;
-        marginLeft: string;
-    };
-    tweakSelect: {
-        list: {
-            cell: {
-                fontSize: number;
-                minHeight: number;
-            };
-        };
-        arrow: {
-            right: number;
-            top: number;
-            width: number;
-            height: number;
-        };
-        tweakInput: {
-            inputWrapper: {
-                height: number;
-                border: string;
-            };
-            input: {
-                fontSize: number;
-                fontWeight: string;
-                paddingRight: number;
-                paddingLeft: number;
-            };
-        };
-    };
+  };
 };
 export declare type DatePickerHeaderStyles = ComponentStyles<typeof styles>;

package/dist/components/DatePicker/DatePickerInput/DatePickerInput.d.ts

@@ -1,11 +1,13 @@
 import { ReactElement } from 'react';
 import { DatePickerInputStyles } from './DatePickerInput.styles';
 export interface IDatePickerInputProps {
-    tweakStyles?: DatePickerInputStyles;
-    onClick?: () => void;
-    children: ReactElement;
-    className?: string;
-    size?: 's' | 'm' | 'full';
-    isOpen?: boolean;
+  tweakStyles?: DatePickerInputStyles;
+  onClick?: () => void;
+  children: ReactElement;
+  className?: string;
+  size?: 's' | 'm' | 'full';
+  isOpen?: boolean;
 }
-export declare const DatePickerInput: import("react").ForwardRefExoticComponent<IDatePickerInputProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DatePickerInput: import('react').ForwardRefExoticComponent<
+  IDatePickerInputProps & import('react').RefAttributes<HTMLDivElement>
+>;

package/dist/components/DatePicker/DatePickerInput/DatePickerInput.styles.d.ts

@@ -1,20 +1,20 @@
 import { ComponentStyles } from '../../../types';
 export declare const styles: {
-    customInput: {
-        width: string;
-        height: string;
-    };
-    s: {
-        width: number;
-        height: string;
-    };
-    m: {
-        width: number;
-        height: string;
-    };
-    full: {
-        width: string;
-        height: string;
-    };
+  customInput: {
+    width: string;
+    height: string;
+  };
+  s: {
+    width: number;
+    height: string;
+  };
+  m: {
+    width: number;
+    height: string;
+  };
+  full: {
+    width: string;
+    height: string;
+  };
 };
 export declare type DatePickerInputStyles = ComponentStyles<typeof styles>;