@fattureincloud/fic-design-system 0.4.6 → 0.4.9-expenses.1.1

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

@@ -0,0 +1,295 @@
+export declare const colorSetter: (type: "standard" | "error" | "info" | "warning" | "success" | undefined, palette: {
+    colors: {
+        base: {
+            transparent: string;
+            gradientBlue: string;
+        };
+        black: {
+            8: string;
+            16: string;
+            48: string;
+            80: string;
+            100: string;
+        };
+        white: {
+            8: string;
+            16: string;
+            48: string;
+            80: string;
+            100: string;
+        };
+        grey: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        blue: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        indigo: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        yellow: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        orange: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        red: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        green: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        fucsia: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        pink: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        cyan: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+        primary: {
+            900: string;
+            800: string;
+            700: string;
+            600: string;
+            500: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+            50: string;
+        };
+    };
+    form: {
+        field: {
+            label: string;
+            validationMessage: string;
+            description: string;
+        };
+    };
+    button: {
+        primary: {
+            blue: {
+                normal: string;
+                hover: string;
+                active: string;
+                disabled: string;
+                text: string;
+                textHover: string;
+            };
+            red: {
+                normal: string;
+                hover: string;
+                active: string;
+                disabled: string;
+                text: string;
+                textHover: string;
+            };
+            green: {
+                normal: string;
+                hover: string;
+                active: string;
+                disabled: string;
+                text: string;
+                textHover: string;
+            };
+            white: {
+                normal: string;
+                hover: string;
+                active: string;
+                disabled: string;
+                text: string;
+                textHover: string;
+            };
+            yellow: {
+                normal: string;
+                hover: string;
+                active: string;
+                disabled: string;
+                text: string;
+                textHover: string;
+            };
+        };
+        secondary: {
+            blue: {
+                normal: string;
+                hover: string;
+                active: string;
+                disabled: string;
+                text: string;
+                textHover: string;
+            };
+            red: {
+                normal: string;
+                hover: string;
+                active: string;
+                disabled: string;
+                text: string;
+                textHover: string;
+            };
+            green: {
+                normal: string;
+                hover: string;
+                active: string;
+                disabled: string;
+                text: string;
+                textHover: string;
+            };
+            yellow: {
+                normal: string;
+                hover: string;
+                active: string;
+                disabled: string;
+                text: string;
+                textHover: string;
+            };
+            white: {
+                normal: string;
+                hover: string;
+                active: string;
+                disabled: string;
+                text: string;
+                textHover: string;
+            };
+        };
+    };
+    iconButton: {
+        primary: {
+            blue: {
+                icon: string;
+                iconHover: string;
+            };
+            red: {
+                icon: string;
+                iconHover: string;
+            };
+            green: {
+                icon: string;
+                iconHover: string;
+            };
+            yellow: {
+                icon: string;
+                iconHover: string;
+            };
+        };
+        secondary: {
+            blue: {
+                icon: string;
+                iconHover: string;
+            };
+            red: {
+                icon: string;
+                iconHover: string;
+            };
+            green: {
+                icon: string;
+                iconHover: string;
+            };
+            yellow: {
+                icon: string;
+                iconHover: string;
+            };
+        };
+    };
+    text: {
+        gray: string;
+    };
+    link: {
+        normal: string;
+        hover: string;
+        gray: string;
+    };
+    defaultButton: string;
+}) => import("styled-components").FlattenSimpleInterpolation;
+export declare const spacingSetter: (size?: "medium" | "large" | undefined) => import("styled-components").FlattenSimpleInterpolation;

package/dist/components/inputText/components/icons.d.ts

@@ -0,0 +1,8 @@
+import { EInputSize } from '../typings/enums';
+interface IconProps {
+    size?: EInputSize;
+    hasAction: boolean;
+}
+export declare const IconLeft: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
+export declare const IconRight: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
+export {};

package/dist/components/inputText/components/inputContainer.d.ts

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

package/dist/components/inputText/components/messages.d.ts

@@ -0,0 +1,2 @@
+export declare const ErrorMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const DescriptionMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/inputText/components/wrapperTextArea.d.ts

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

package/dist/components/inputText/icons.d.ts

@@ -0,0 +1,9 @@
+import { IconProps } from '../icon';
+export declare const LefIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
+    isDisabled?: boolean | undefined;
+}, "primary" | "secondary">;
+export declare const RightIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
+    isDisabled?: boolean | undefined;
+} & {
+    isValid?: boolean | undefined;
+}, "primary" | "secondary">;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { InputTextPropsInterface } from './typings/inputText';
+export declare const InputText: (props: InputTextPropsInterface) => JSX.Element;

package/dist/components/inputText/inputText.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/inputText/inputTextStyledWrapper.d.ts

@@ -0,0 +1,2 @@
+import { InputTextStylingPropsInterface } from './typings/inputText';
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InputTextStylingPropsInterface, never>;

package/dist/components/inputText/sideText.d.ts

@@ -0,0 +1,6 @@
+export declare const LeftText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    size?: "small" | "large" | "medium" | undefined;
+}, never>;
+export declare const RightText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    size?: "small" | "large" | "medium" | undefined;
+}, never>;

package/dist/components/inputText/typings/enums.d.ts

@@ -0,0 +1,17 @@
+export declare enum EInputSize {
+    medium = "medium",
+    large = "large"
+}
+export declare enum EInputTags {
+    textarea = "textarea",
+    input = "input"
+}
+export declare enum EInputTypes {
+    password = "password",
+    text = "text",
+    number = "number"
+}
+export declare enum EInputErrorTypes {
+    generic = "generic",
+    wordcount = "wordcount"
+}

package/dist/components/inputText/typings/inputText.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { IconProps } from '../../icon';
+import { EInputErrorTypes, EInputSize, EInputTags, EInputTypes } from './enums';
+export declare type MergedInputElements = HTMLInputElement | HTMLTextAreaElement;
+export interface InputTextStateInterface {
+}
+export interface InputTextStylingPropsInterface {
+    size?: EInputSize;
+    isDisabled?: boolean;
+    inputWidth?: string;
+    error?: {
+        id: EInputErrorTypes;
+        message: string;
+    };
+    rightInputIcon?: IconProps;
+    leftInputIcon?: IconProps;
+}
+export interface InputTextPropsInterface extends InputTextStylingPropsInterface {
+    tag?: EInputTags;
+    inputType?: EInputTypes;
+    value?: number | string;
+    inputPlaceholder?: string;
+    autoFocus?: boolean;
+    label?: string;
+    textAreaWordCount?: {
+        max: number;
+        current: number;
+    };
+    name?: string;
+    rows?: number;
+    className?: string;
+    description?: {
+        message: string;
+    };
+    onChange?: (e: React.ChangeEvent<MergedInputElements>) => void;
+    onFocus?: (e: React.FocusEvent<MergedInputElements>) => void;
+    onBlur?: (e: React.FocusEvent<MergedInputElements>) => void;
+    onKeyPress?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    rightIconOnClick?: () => void;
+    leftIconOnClick?: () => void;
+}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { MergedInputElements } from './typings/inputText';
+/**
+ *
+ * @param textInput
+ * It checks if the type of input is HTMLTextAreaElement or not
+ */
+export declare function isTextArea(textInput: React.RefObject<MergedInputElements>): textInput is React.RefObject<HTMLTextAreaElement>;

package/dist/components/microTag/microtag.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { MicroTagProps } from './MicroTag';
 export declare const Normal: () => JSX.Element;

package/dist/components/modals/components/HeaderSearch.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type PropTypes = {
+    handleChange: (event: React.FormEvent<HTMLInputElement>) => void;
+    value: string;
+    placeholder: string;
+};
+export declare const HeaderSearch: (props: PropTypes) => JSX.Element;
+export {};

package/dist/components/modals/confirmationModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     title: string;
     type: 'success' | 'error' | 'warning' | 'info';

package/dist/components/modals/modalStyledWrapper.d.ts

@@ -0,0 +1,2 @@
+import { ModalPropsInterface } from './types';
+export declare const ModalStyledWrapper: import("styled-components").StyledComponent<"div", any, ModalPropsInterface, never>;

package/dist/components/modals/modals.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { ModalPropsInterface } from './types';
 export declare const OpenModal: () => JSX.Element;

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

@@ -0,0 +1,2 @@
+import NavigationDropdown from './navigationDropdown';
+export { NavigationDropdown };

package/dist/components/navigationDropdown/navigationDropdown.d.ts

@@ -0,0 +1,9 @@
+import React, { Component } from 'react';
+declare type Props = {
+    title: string | number;
+    children: React.ReactNode;
+};
+declare class NavigationDropdown extends Component<Props, {}> {
+    render(): JSX.Element;
+}
+export default NavigationDropdown;

package/dist/components/pageEmptySet/pageEmptySet.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '../icon';
 interface Props {
     icon?: IconProps;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { PaginationProps } from './types';
 export declare const Pagination: (props: PaginationProps) => JSX.Element;

package/dist/components/pagination/pagination.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { PaginationProps } from './types';
 export declare const Normal: () => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     color?: 'blue' | 'green' | 'red' | 'yellow' | 'grey';
     percentage: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { RadioButtonInterface } from './typings/radioButton';
 export declare const WithKnobs: () => JSX.Element;

package/dist/components/radioButton/typings/radioButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface RadioInterface {
     isDisabled?: boolean;
     isChecked: boolean;

package/dist/components/select/custom-select-style.d.ts

@@ -0,0 +1,2 @@
+import { Styles } from 'react-select/src/styles';
+export declare const customStyles: (size: "medium" | "large" | undefined, themeContext: any) => Partial<Styles>;