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

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

@@ -1,247 +1,247 @@
 import { ComponentStyles } from '../../types';
 export declare const AUTOSIZE_MAX_WIDTH = 480;
 export declare const styles: {
-  root: {
-    width: string;
-    boxSizing: string;
-    position: string;
-  };
-  inputWrapper: {
-    display: string;
-    width: string;
-    height: 48;
-    boxSizing: string;
-    transition: string;
-    transitionProperty: string;
-    backgroundColor: string;
-    position: string;
-  };
-  inputContent: {
-    fontSize: number;
-    fontFamily: string;
-    padding: number[];
-  };
-  input: {
-    extend: string;
-    width: string;
-    height: string;
-    outline: string;
-    boxSizing: string;
-    outlineStyle: string;
-    transition: string;
-    transitionProperty: string;
-    border: string;
-    background: string;
-    '&::placeholder': {
-      opacity: number;
-    };
-    MozAppearance: string;
-    '&::-webkit-inner-spin-button,&::-webkit-outer-spin-button': {
-      WebkitAppearance: string;
-      margin: number;
-    };
-  };
-  autosize: {
-    display: string;
-    verticalAlign: string;
-    alignItems: string;
-    justifyContent: string;
-    '&::after, input': {
-      width: string;
-      minWidth: string;
-      gridArea: string;
-      font: string;
-      justifySelf: string;
-    };
-    '&::after': {
-      maxWidth: number;
-      content: string;
-      visibility: string;
-      whiteSpace: string;
-    };
-  };
-  focused: {
-    position: string;
-    zIndex: number;
-  };
-  unitsWrapper: {
-    extend: string;
-    position: string;
-    left: number;
-    height: string;
-    boxSizing: string;
-    display: string;
-    alignItems: string;
-    pointerEvents: string;
-  };
-  fakeValue: {
-    visibility: string;
-  };
-  units: {
-    paddingLeft: number;
-  };
-  withFloatingLabel: {
-    paddingTop: number;
-  };
-  floatingLabelWithoutPadding: {
-    paddingTop: number;
-    paddingLeft: number;
-  };
-  floating: {};
-  activeLabel: {
-    display: string;
-    '&$floating': {
-      display: string;
-      transform: string;
-    };
-  };
-  required: {
-    '&:before': {
-      content: string;
-      position: string;
-      left: number;
-      top: string;
-      transform: string;
-      width: number;
-      height: number;
-      borderRadius: string;
-    };
-  };
-  label: {
-    position: string;
-    pointerEvents: string;
-    left: number;
-    top: string;
-    transformOrigin: string;
-    transform: string;
-    transition: string;
-    transitionProperty: string;
-    fontSize: number;
-  };
-  floatingWithoutPadding: {
-    left: number;
-  };
-  requiredLabel: {
-    '&:after': {
-      content: string;
-      position: string;
-      right: number;
-      top: number;
-      transform: string;
-      width: number;
-      height: number;
-      borderRadius: string;
-    };
-  };
-  activeIcon: {
-    cursor: string;
-  };
-  'border-top': {
-    borderRadius: number;
-    borderWidth: number[];
-  };
-  'border-bottom': {
-    borderRadius: number;
-    borderWidth: number[];
-  };
-  'border-left': {
-    borderRadius: number;
-    borderWidth: number[];
-  };
-  'border-right': {
-    borderRadius: number;
-    borderWidth: number[];
-  };
-  top: {
-    borderBottomLeftRadius: number;
-    borderBottomRightRadius: number;
-  };
-  bottom: {
-    borderTopLeftRadius: number;
-    borderTopRightRadius: number;
-  };
-  'top-left': {
-    borderTopRightRadius: number;
-    borderBottomLeftRadius: number;
-    borderBottomRightRadius: number;
-  };
-  'top-right': {
-    borderTopLeftRadius: number;
-    borderBottomLeftRadius: number;
-    borderBottomRightRadius: number;
-  };
-  'bottom-left': {
-    borderTopLeftRadius: number;
-    borderTopRightRadius: number;
-    borderBottomRightRadius: number;
-  };
-  'bottom-right': {
-    borderTopLeftRadius: number;
-    borderTopRightRadius: number;
-    borderBottomLeftRadius: number;
-  };
-  left: {
-    borderTopRightRadius: number;
-    borderBottomRightRadius: number;
-  };
-  right: {
-    borderTopLeftRadius: number;
-    borderBottomLeftRadius: number;
-  };
-  middle: {
-    borderRadius: number;
-  };
-  controls: {
-    display: string;
-    gridArea: string;
-  };
-  icon: {
-    display: string;
-    alignItems: string;
-    padding: number[];
-    width: number;
-    transition: string;
-    boxSizing: string;
-    '&:last-child': {
-      paddingRight: number;
-    };
-    '& + $units': {
-      marginLeft: number;
-    };
-  };
-  clearIcon: {
-    extend: string;
-  };
-  inputIcon: {
-    extend: string;
-  };
-  withIcons: {
-    paddingRight: number;
-  };
-  withControls: {};
-  invalid: {};
-  disabled: {};
-  invalidLabel: {};
-  error: {
-    fontSize: number;
-  };
-  info: {
-    fontSize: number;
-    paddingTop: number;
-    paddingLeft: number;
-  };
-  'error-top': {
-    position: string;
-    top: number;
-    left: number;
-    padding: number[];
-    zIndex: number;
-  };
-  'error-bottom': {
-    paddingTop: number;
-    paddingLeft: number;
-  };
-  loading: {};
-  tweakPreloader: {};
+    root: {
+        width: string;
+        boxSizing: string;
+        position: string;
+    };
+    inputWrapper: {
+        display: string;
+        width: string;
+        height: 48;
+        boxSizing: string;
+        transition: string;
+        transitionProperty: string;
+        backgroundColor: string;
+        position: string;
+    };
+    inputContent: {
+        fontSize: number;
+        fontFamily: string;
+        padding: number[];
+    };
+    input: {
+        extend: string;
+        width: string;
+        height: string;
+        outline: string;
+        boxSizing: string;
+        outlineStyle: string;
+        transition: string;
+        transitionProperty: string;
+        border: string;
+        background: string;
+        '&::placeholder': {
+            opacity: number;
+        };
+        MozAppearance: string;
+        '&::-webkit-inner-spin-button,&::-webkit-outer-spin-button': {
+            WebkitAppearance: string;
+            margin: number;
+        };
+    };
+    autosize: {
+        display: string;
+        verticalAlign: string;
+        alignItems: string;
+        justifyContent: string;
+        '&::after, input': {
+            width: string;
+            minWidth: string;
+            gridArea: string;
+            font: string;
+            justifySelf: string;
+        };
+        '&::after': {
+            maxWidth: number;
+            content: string;
+            visibility: string;
+            whiteSpace: string;
+        };
+    };
+    focused: {
+        position: string;
+        zIndex: number;
+    };
+    unitsWrapper: {
+        extend: string;
+        position: string;
+        left: number;
+        height: string;
+        boxSizing: string;
+        display: string;
+        alignItems: string;
+        pointerEvents: string;
+    };
+    fakeValue: {
+        visibility: string;
+    };
+    units: {
+        paddingLeft: number;
+    };
+    withFloatingLabel: {
+        paddingTop: number;
+    };
+    floatingLabelWithoutPadding: {
+        paddingTop: number;
+        paddingLeft: number;
+    };
+    floating: {};
+    activeLabel: {
+        display: string;
+        '&$floating': {
+            display: string;
+            transform: string;
+        };
+    };
+    required: {
+        '&:before': {
+            content: string;
+            position: string;
+            left: number;
+            top: string;
+            transform: string;
+            width: number;
+            height: number;
+            borderRadius: string;
+        };
+    };
+    label: {
+        position: string;
+        pointerEvents: string;
+        left: number;
+        top: string;
+        transformOrigin: string;
+        transform: string;
+        transition: string;
+        transitionProperty: string;
+        fontSize: number;
+    };
+    floatingWithoutPadding: {
+        left: number;
+    };
+    requiredLabel: {
+        '&:after': {
+            content: string;
+            position: string;
+            right: number;
+            top: number;
+            transform: string;
+            width: number;
+            height: number;
+            borderRadius: string;
+        };
+    };
+    activeIcon: {
+        cursor: string;
+    };
+    'border-top': {
+        borderRadius: number;
+        borderWidth: number[];
+    };
+    'border-bottom': {
+        borderRadius: number;
+        borderWidth: number[];
+    };
+    'border-left': {
+        borderRadius: number;
+        borderWidth: number[];
+    };
+    'border-right': {
+        borderRadius: number;
+        borderWidth: number[];
+    };
+    top: {
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+    };
+    bottom: {
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+    };
+    'top-left': {
+        borderTopRightRadius: number;
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+    };
+    'top-right': {
+        borderTopLeftRadius: number;
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+    };
+    'bottom-left': {
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+        borderBottomRightRadius: number;
+    };
+    'bottom-right': {
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+        borderBottomLeftRadius: number;
+    };
+    left: {
+        borderTopRightRadius: number;
+        borderBottomRightRadius: number;
+    };
+    right: {
+        borderTopLeftRadius: number;
+        borderBottomLeftRadius: number;
+    };
+    middle: {
+        borderRadius: number;
+    };
+    controls: {
+        display: string;
+        gridArea: string;
+    };
+    icon: {
+        display: string;
+        alignItems: string;
+        padding: number[];
+        width: number;
+        transition: string;
+        boxSizing: string;
+        '&:last-child': {
+            paddingRight: number;
+        };
+        '& + $units': {
+            marginLeft: number;
+        };
+    };
+    clearIcon: {
+        extend: string;
+    };
+    inputIcon: {
+        extend: string;
+    };
+    withIcons: {
+        paddingRight: number;
+    };
+    withControls: {};
+    invalid: {};
+    disabled: {};
+    invalidLabel: {};
+    error: {
+        fontSize: number;
+    };
+    info: {
+        fontSize: number;
+        paddingTop: number;
+        paddingLeft: number;
+    };
+    'error-top': {
+        position: string;
+        top: number;
+        left: number;
+        padding: number[];
+        zIndex: number;
+    };
+    'error-bottom': {
+        paddingTop: number;
+        paddingLeft: number;
+    };
+    loading: {};
+    tweakPreloader: {};
 };
 export declare type InputStyles = ComponentStyles<typeof styles>;

package/dist/components/List/List.d.ts

@@ -3,19 +3,19 @@ import { ICommonProps } from '../../types';
 import { IIconType } from '../Icon';
 import { ListStyles } from './List.styles';
 export interface IListItem {
-  item: ReactNode;
-  icon?: IIconType | ReactElement;
-  disabled?: boolean;
-  shouldDrawSpacerAbove?: boolean;
-  shouldDrawSpacerBelow?: boolean;
-  withIconGap?: boolean;
-  testId?: string;
-  onClick(): void;
+    item: ReactNode;
+    icon?: IIconType | ReactElement;
+    disabled?: boolean;
+    shouldDrawSpacerAbove?: boolean;
+    shouldDrawSpacerBelow?: boolean;
+    withIconGap?: boolean;
+    testId?: string;
+    onClick(): void;
 }
 export interface IListProps extends ICommonProps {
-  tweakStyles?: ListStyles;
-  items: IListItem[];
-  testId?: string;
-  onClick?(): void;
+    tweakStyles?: ListStyles;
+    items: IListItem[];
+    testId?: string;
+    onClick?(): void;
 }
 export declare const List: FC<IListProps>;

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

@@ -1,39 +1,39 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    minWidth: number;
-    backgroundColor: '#ffffff';
-    padding: number[];
-    listStyle: string;
-    margin: number;
-  };
-  item: {
-    display: string;
-    alignItems: string;
-    boxSizing: string;
-    fontSize: number;
-    whiteSpace: string;
-    minHeight: number;
-    padding: number[];
-    transition: string;
-    cursor: string;
-  };
-  disabledItem: {
-    cursor: string;
-  };
-  spacer: {
-    height: number;
-    backgroundColor: '#dde3ed';
-  };
-  withIconGap: {
-    paddingLeft: number;
-  };
-  icon: {
-    width: number;
-    height: number;
-    marginRight: number;
-    flexShrink: number;
-  };
-  content: {};
+    root: {
+        minWidth: number;
+        backgroundColor: "#ffffff";
+        padding: number[];
+        listStyle: string;
+        margin: number;
+    };
+    item: {
+        display: string;
+        alignItems: string;
+        boxSizing: string;
+        fontSize: number;
+        whiteSpace: string;
+        minHeight: number;
+        padding: number[];
+        transition: string;
+        cursor: string;
+    };
+    disabledItem: {
+        cursor: string;
+    };
+    spacer: {
+        height: number;
+        backgroundColor: "#dde3ed";
+    };
+    withIconGap: {
+        paddingLeft: number;
+    };
+    icon: {
+        width: number;
+        height: number;
+        marginRight: number;
+        flexShrink: number;
+    };
+    content: {};
 };
 export declare type ListStyles = ComponentStyles<typeof styles>;

package/dist/components/Modal/Modal.d.ts

@@ -3,24 +3,24 @@ import { ICommonProps } from '../../types';
 import { ModalStyles } from './Modal.styles';
 export declare type IModalPosition = 'center' | 'left' | 'right' | 'static';
 export interface IModalProps extends ICommonProps {
-  tweakStyles?: ModalStyles;
-  title?: ReactNode;
-  size?: 'l' | 'm' | 's';
-  isFooterSticky?: boolean;
-  buttons?: ReactNode[];
-  buttonsAlign?: 'left' | 'center' | 'right';
-  children?: ReactNode | ReactNode[];
-  position?: IModalPosition;
-  hasCloseButton?: boolean;
-  hasOverlay?: boolean;
-  shouldCloseOnOverlayClick?: boolean;
-  shouldCloseOnEsc?: boolean;
-  shouldBlockScroll?: boolean;
-  isOpen?: boolean;
-  zIndex?: number;
-  testId?: string;
-  onEnter?(): void;
-  onClose?(): void;
-  onCompletelyHidden?(): void;
+    tweakStyles?: ModalStyles;
+    title?: ReactNode;
+    size?: 'l' | 'm' | 's';
+    isFooterSticky?: boolean;
+    buttons?: ReactNode[];
+    buttonsAlign?: 'left' | 'center' | 'right';
+    children?: ReactNode | ReactNode[];
+    position?: IModalPosition;
+    hasCloseButton?: boolean;
+    hasOverlay?: boolean;
+    shouldCloseOnOverlayClick?: boolean;
+    shouldCloseOnEsc?: boolean;
+    shouldBlockScroll?: boolean;
+    isOpen?: boolean;
+    zIndex?: number;
+    testId?: string;
+    onEnter?(): void;
+    onClose?(): void;
+    onCompletelyHidden?(): void;
 }
 export declare const Modal: FC<IModalProps>;