@fattureincloud/fic-design-system 0.4.2 → 0.4.6-expenses.1

package/dist/styles/fic-palette/indigo.d.ts

@@ -0,0 +1,12 @@
+export declare const indigo: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/fic-palette/orange.d.ts

@@ -0,0 +1,12 @@
+export declare const orange: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/fic-palette/pink.d.ts

@@ -0,0 +1,12 @@
+export declare const pink: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/fic-palette/red.d.ts

@@ -0,0 +1,12 @@
+export declare const red: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/fic-palette/yellow.d.ts

@@ -0,0 +1,12 @@
+export declare const yellow: {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+    50: string;
+};

package/dist/styles/palette.d.ts

@@ -0,0 +1,298 @@
+export declare const 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;
+    };
+    /**
+     * Defaults
+     */
+    defaultButton: string;
+};
+export declare type TypePalette = typeof palette;

package/dist/styles/shadows.d.ts

@@ -0,0 +1,3 @@
+export declare const Elevations: {
+    second: string;
+};

package/dist/styles/theme.d.ts

@@ -3,6 +3,7 @@ import { DefaultTheme } from 'styled-components';
 import { ButtonPalette, IconButtonPalette } from '../components/buttons';
 import { DropdownPalette } from '../components/dropdown';
 import { CheckboxPalette } from '../components/form/checkbox';
+import { FileUploaderPalette } from '../components/form/fileUploader';
 import { InputHelperPalette } from '../components/form/inputHelper';
 import { InputTextPalette } from '../components/form/inputText';
 import { SelectPalette } from '../components/form/select';
@@ -30,6 +31,7 @@ interface Components {
     textArea: TextAreaPalette;
     inputHelper: InputHelperPalette;
     select: SelectPalette;
+    fileUploader: FileUploaderPalette;
 }
 export interface Theme {
     palette: Palette;

package/dist/utils/FICNumbers.d.ts

@@ -0,0 +1,11 @@
+export declare class FICNumbers {
+    qtyPrecision: number;
+    parse: (string: string, strict?: boolean) => number;
+    randomBetween: (min: number, max: number) => number;
+    nSign: (num: number) => 0 | 1 | -1;
+    roundToDigit: (num: number, digits: number) => number;
+    roundToTwo: (num: number) => number;
+    roundSignificative: (n: number, digits?: number) => number;
+    dotsToCommas: (txt: string) => string;
+    commasToDots: (txt: string) => string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fattureincloud/fic-design-system",
-  "version": "0.4.2",
+  "version": "0.4.6-expenses.1",
   "description": "Fatture in Cloud and Danea design system",
   "repository": "git@bitbucket.org:fattureincloud/design-system.git",
   "license": "MIT",
@@ -21,9 +21,9 @@
     "@storybook/react": "^6.4.9",
     "@storybook/theming": "^6.4.9",
     "@types/lodash": "^4.14.138",
-    "@types/react-beautiful-dnd": "^11.0.3",
     "@types/react-modal": "^3.10.4",
     "@types/react-select": "^4.0.18",
+    "@types/react-table": "^7.7.9",
     "@types/react-transition-group": "^4.4.4",
     "@types/styled-components": "~5.1.15",
     "@typescript-eslint/eslint-plugin": "^4.25.0",
@@ -40,7 +40,6 @@
     "prettier": "^2.3.0",
     "pretty-quick": "^2.0.1",
     "react": "^17.0.2",
-    "react-beautiful-dnd": "^11.0.5",
     "react-dom": "^17.0.2",
     "rollup": "^2.60.0",
     "rollup-plugin-filesize": "^9.1.1",
@@ -50,24 +49,26 @@
     "typescript": "~4.4.0"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.36",
-    "@fortawesome/free-brands-svg-icons": "~5.15.4",
-    "@fortawesome/free-regular-svg-icons": "~5.15.4",
-    "@fortawesome/free-solid-svg-icons": "~5.15.4",
-    "@fortawesome/pro-duotone-svg-icons": "~5.15.4",
-    "@fortawesome/pro-light-svg-icons": "~5.15.4",
-    "@fortawesome/pro-regular-svg-icons": "~5.15.4",
-    "@fortawesome/pro-solid-svg-icons": "~5.15.4",
-    "@fortawesome/react-fontawesome": "^0.1.8",
+    "@fortawesome/fontawesome-svg-core": "^1.3.0",
+    "@fortawesome/free-brands-svg-icons": "^6.0.0",
+    "@fortawesome/free-regular-svg-icons": "^6.0.0",
+    "@fortawesome/free-solid-svg-icons": "^6.0.0",
+    "@fortawesome/pro-duotone-svg-icons": "^6.0.0",
+    "@fortawesome/pro-light-svg-icons": "^6.0.0",
+    "@fortawesome/pro-regular-svg-icons": "^6.0.0",
+    "@fortawesome/pro-solid-svg-icons": "^6.0.0",
+    "@fortawesome/react-fontawesome": "^0.1.17",
     "@popperjs/core": "^2.6.0",
     "@types/react": "^17.0.37",
     "@types/react-select": "^4.0.18",
     "lodash": "^4.17.21",
     "react-device-detect": "^2.1.2",
+    "react-dropzone": "^12.0.2",
     "react-is": "^17.0.2",
     "react-modal": "^3.11.1",
     "react-popper": "^2.2.4",
     "react-select": "^4.3.1",
+    "react-table": "^7.7.0",
     "react-toastify": "^6.0.8",
     "react-transition-group": "^4.4.2",
     "react-use": "^17.3.1",
@@ -76,7 +77,6 @@
   "peerDependencies": {
     "@types/styled-components": "~5.1.15",
     "react": "^17.0.2",
-    "react-beautiful-dnd": "^11.0.5",
     "react-dom": "^17.0.2",
     "styled-components": "5.3.1"
   },
@@ -95,4 +95,4 @@
     ]
   },
   "packageManager": "yarn@3.1.1"
-}
+}