@fattureincloud/fic-design-system 0.3.17 → 0.3.21

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC7G,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAY,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,MAAM,EAAwB,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAa,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EACL,MAAM,EACN,MAAM,EAEN,IAAI,EAEJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,eAAe,EACf,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,YAAY,EACZ,KAAK,EACL,SAAS,EACT,eAAe,EACf,OAAO,EACP,SAAS,EACT,WAAW,EACX,MAAM,EACN,OAAO,EACP,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,KAAK,EACL,QAAQ,EACR,IAAI,EAEJ,GAAG,EACH,WAAW,EACX,aAAa,EAEb,WAAW,EACX,SAAS,EACT,UAAU,EACV,KAAK,EACL,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,GAAG,EACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/styles/defaultPalette/colors/black.js

@@ -0,0 +1,8 @@
+export var black = {
+    8: 'rgba(51, 51, 51, 0.08)',
+    16: 'rgba(51, 51, 51, 0.16)',
+    48: 'rgba(51, 51, 51, 0.48)',
+    80: 'rgba(51, 51, 51, 0.8)',
+    100: '#333333',
+};
+//# sourceMappingURL=black.js.map

package/dist/styles/defaultPalette/colors/black.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"black.js","sourceRoot":"","sources":["../../../../src/styles/defaultPalette/colors/black.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,KAAK,GAAY;IAC5B,CAAC,EAAE,wBAAwB;IAC3B,EAAE,EAAE,wBAAwB;IAC5B,EAAE,EAAE,wBAAwB;IAC5B,EAAE,EAAE,uBAAuB;IAC3B,GAAG,EAAE,SAAS;CACf,CAAA"}

package/dist/styles/defaultPalette/colors/blue.js

@@ -0,0 +1,13 @@
+export var blue = {
+    900: '#0028AD',
+    800: '#0038B9',
+    700: '#0041C0',
+    600: '#004BC7',
+    500: '#0052CC',
+    400: '#266CD4',
+    300: '#4D86DB',
+    200: '#80A9E6',
+    100: '#B3CBF0',
+    50: '#E0EAF9',
+};
+//# sourceMappingURL=blue.js.map

package/dist/styles/defaultPalette/colors/blue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blue.js","sourceRoot":"","sources":["../../../../src/styles/defaultPalette/colors/blue.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,IAAI,GAAU;IACzB,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;CACd,CAAA"}

package/dist/styles/{palette → defaultPalette/colors}/cyan.js

@@ -8,6 +8,6 @@ export var cyan = {
     300: '#7DE8D3',
     200: '#A4EFE0',
     100: '#C6F5EB',
-    50: '#E4FAF5'
+    50: '#E4FAF5',
 };
 //# sourceMappingURL=cyan.js.map

package/dist/styles/defaultPalette/colors/cyan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cyan.js","sourceRoot":"","sources":["../../../../src/styles/defaultPalette/colors/cyan.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,IAAI,GAAU;IACzB,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;CACd,CAAA"}

package/dist/styles/{palette → defaultPalette/colors}/fuchsia.js

@@ -8,6 +8,6 @@ export var fuchsia = {
     300: '#DB94EC',
     200: '#E6B6F2',
     100: '#EFD2F7',
-    50: '#F7E9FB'
+    50: '#F7E9FB',
 };
 //# sourceMappingURL=fuchsia.js.map

package/dist/styles/defaultPalette/colors/fuchsia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fuchsia.js","sourceRoot":"","sources":["../../../../src/styles/defaultPalette/colors/fuchsia.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;CACd,CAAA"}

package/dist/styles/defaultPalette/colors/green.js

@@ -0,0 +1,13 @@
+export var green = {
+    900: '#00572E',
+    800: '#006A3F',
+    700: '#007448',
+    600: '#007F52',
+    500: '#00875A',
+    400: '#269973',
+    300: '#4DAB8C',
+    200: '#80C3AD',
+    100: '#B3DBCE',
+    50: '#E0F1EB',
+};
+//# sourceMappingURL=green.js.map

package/dist/styles/defaultPalette/colors/green.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"green.js","sourceRoot":"","sources":["../../../../src/styles/defaultPalette/colors/green.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,KAAK,GAAU;IAC1B,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;CACd,CAAA"}

package/dist/styles/defaultPalette/colors/grey.js

@@ -0,0 +1,13 @@
+export var grey = {
+    900: '#091E42',
+    800: '#253858',
+    700: '#505F79',
+    600: '#5E6C84',
+    500: '#6B778C',
+    400: '#7A869A',
+    300: '#A5ADBA',
+    200: '#C1C7D0',
+    100: '#EBECF0',
+    50: '#FAFBFC',
+};
+//# sourceMappingURL=grey.js.map

package/dist/styles/defaultPalette/colors/grey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grey.js","sourceRoot":"","sources":["../../../../src/styles/defaultPalette/colors/grey.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,IAAI,GAAU;IACzB,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;CACd,CAAA"}

package/dist/styles/{palette → defaultPalette/colors}/indigo.js

@@ -8,6 +8,6 @@ export var indigo = {
     300: '#90A3EB',
     200: '#B3BFF1',
     100: '#D0D7F6',
-    50: '#E8ECFB'
+    50: '#E8ECFB',
 };
 //# sourceMappingURL=indigo.js.map

package/dist/styles/defaultPalette/colors/indigo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indigo.js","sourceRoot":"","sources":["../../../../src/styles/defaultPalette/colors/indigo.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,MAAM,GAAU;IAC3B,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;CACd,CAAA"}

package/dist/styles/{palette → defaultPalette/colors}/orange.js

@@ -8,6 +8,6 @@ export var orange = {
     300: '#FFB49B',
     200: '#FFCAB9',
     100: '#FFDED3',
-    50: '#FFEFEA'
+    50: '#FFEFEA',
 };
 //# sourceMappingURL=orange.js.map

package/dist/styles/defaultPalette/colors/orange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"orange.js","sourceRoot":"","sources":["../../../../src/styles/defaultPalette/colors/orange.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,MAAM,GAAU;IAC3B,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;CACd,CAAA"}

package/dist/styles/{palette → defaultPalette/colors}/pink.js

@@ -8,6 +8,6 @@ export var pink = {
     300: '#EC96D2',
     200: '#F2B7E0',
     100: '#F7D2EC',
-    50: '#FBEAF6'
+    50: '#FBEAF6',
 };
 //# sourceMappingURL=pink.js.map

package/dist/styles/defaultPalette/colors/pink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pink.js","sourceRoot":"","sources":["../../../../src/styles/defaultPalette/colors/pink.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,IAAI,GAAU;IACzB,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;CACd,CAAA"}

package/dist/styles/defaultPalette/colors/red.js

@@ -0,0 +1,13 @@
+export var red = {
+    900: '#C81603',
+    800: '#D12206',
+    700: '#D52808',
+    600: '#DA300A',
+    500: '#DE350B',
+    400: '#E35330',
+    300: '#E87254',
+    200: '#EF9A85',
+    100: '#F5C2B6',
+    50: '#FBE7E2',
+};
+//# sourceMappingURL=red.js.map

package/dist/styles/defaultPalette/colors/red.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"red.js","sourceRoot":"","sources":["../../../../src/styles/defaultPalette/colors/red.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,GAAG,GAAU;IACxB,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;CACd,CAAA"}

package/dist/styles/defaultPalette/colors/white.js

@@ -0,0 +1,8 @@
+export var white = {
+    8: 'rgba(255, 255, 255, 0.08)',
+    16: 'rgba(255, 255, 255, 0.16)',
+    48: 'rgba(255, 255, 255, 0.48)',
+    80: 'rgba(255, 255, 255, 0.8)',
+    100: '#FFFFFF',
+};
+//# sourceMappingURL=white.js.map

package/dist/styles/defaultPalette/colors/white.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"white.js","sourceRoot":"","sources":["../../../../src/styles/defaultPalette/colors/white.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,KAAK,GAAY;IAC5B,CAAC,EAAE,2BAA2B;IAC9B,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,0BAA0B;IAC9B,GAAG,EAAE,SAAS;CACf,CAAA"}

package/dist/styles/defaultPalette/colors/yellow.js

@@ -0,0 +1,13 @@
+export var yellow = {
+    900: '#FF6B0A',
+    800: '#FF7C12',
+    700: '#FF8617',
+    600: '#FF911B',
+    500: '#FF991F',
+    400: '#FFA841',
+    300: '#FFB862',
+    200: '#FFCC8F',
+    100: '#FFE0BC',
+    50: '#FFF3E4',
+};
+//# sourceMappingURL=yellow.js.map

package/dist/styles/defaultPalette/colors/yellow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yellow.js","sourceRoot":"","sources":["../../../../src/styles/defaultPalette/colors/yellow.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,MAAM,GAAU;IAC3B,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;CACd,CAAA"}

package/dist/styles/defaultPalette/index.js

@@ -0,0 +1,29 @@
+import { black } from './colors/black';
+import { blue } from './colors/blue';
+import { cyan } from './colors/cyan';
+import { fuchsia } from './colors/fuchsia';
+import { green } from './colors/green';
+import { grey } from './colors/grey';
+import { indigo } from './colors/indigo';
+import { orange } from './colors/orange';
+import { pink } from './colors/pink';
+import { red } from './colors/red';
+import { white } from './colors/white';
+import { yellow } from './colors/yellow';
+var defaultPalette = {
+    black: black,
+    white: white,
+    grey: grey,
+    blue: blue,
+    indigo: indigo,
+    yellow: yellow,
+    orange: orange,
+    red: red,
+    green: green,
+    fuchsia: fuchsia,
+    pink: pink,
+    cyan: cyan,
+    primary: blue,
+};
+export default defaultPalette;
+//# sourceMappingURL=index.js.map

package/dist/styles/defaultPalette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/defaultPalette/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,IAAM,cAAc,GAAY;IAC9B,KAAK,OAAA;IACL,KAAK,OAAA;IACL,IAAI,MAAA;IACJ,IAAI,MAAA;IACJ,MAAM,QAAA;IACN,MAAM,QAAA;IACN,MAAM,QAAA;IACN,GAAG,KAAA;IACH,KAAK,OAAA;IACL,OAAO,SAAA;IACP,IAAI,MAAA;IACJ,IAAI,MAAA;IACJ,OAAO,EAAE,IAAI;CACd,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/styles/elevations.js

@@ -3,6 +3,6 @@ export var elevations = {
     second: '0px 2px 4px rgba(51, 51, 51, 0.12), 0px 3px 6px rgba(51, 51, 51, 0.15)',
     third: '0px 3px 6px 0px rgba(51, 51, 51, 0.1)',
     fourth: '0px 5px 10px 0px rgba(51, 51, 51, 0.05)',
-    fifth: '0px 20px 40px 0px rgba(51, 51, 51, 0.2)'
+    fifth: '0px 20px 40px 0px rgba(51, 51, 51, 0.2)',
 };
 //# sourceMappingURL=elevations.js.map

package/dist/styles/elevations.js.map

@@ -1 +1 @@
-{"version":3,"file":"elevations.js","sourceRoot":"","sources":["../../src/styles/elevations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,KAAK,EAAE,wCAAwC;IAC/C,MAAM,EAAE,wEAAwE;IAChF,KAAK,EAAE,uCAAuC;IAC9C,MAAM,EAAE,yCAAyC;IACjD,KAAK,EAAE,yCAAyC;CACjD,CAAC"}
+{"version":3,"file":"elevations.js","sourceRoot":"","sources":["../../src/styles/elevations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,KAAK,EAAE,wCAAwC;IAC/C,MAAM,EAAE,wEAAwE;IAChF,KAAK,EAAE,uCAAuC;IAC9C,MAAM,EAAE,yCAAyC;IACjD,KAAK,EAAE,yCAAyC;CACjD,CAAA"}

package/dist/styles/spacing.js

@@ -6,6 +6,6 @@ export var spacing = {
     l: '24px',
     xl: '32px',
     xxl: '48px',
-    xxxl: '64px'
+    xxxl: '64px',
 };
 //# sourceMappingURL=spacing.js.map

package/dist/styles/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/styles/spacing.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,OAAO,GAAG;IACrB,GAAG,EAAE,KAAK;IACV,EAAE,EAAE,KAAK;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,MAAM;IACV,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,MAAM;CACb,CAAC"}
+{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/styles/spacing.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,OAAO,GAAG;IACrB,GAAG,EAAE,KAAK;IACV,EAAE,EAAE,KAAK;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,MAAM;IACV,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,MAAM;CACb,CAAA"}

package/dist/styles/theme.d.ts

@@ -3,6 +3,10 @@ import { DefaultTheme } from 'styled-components';
 import { ButtonPalette, IconButtonPalette } from '../components/buttons';
 import { CheckboxPalette } from '../components/checkbox';
 import { DropdownPalette } from '../components/dropdown';
+import { InputHelperPalette } from '../components/form/inputHelper';
+import { InputTextPalette } from '../components/form/inputText';
+import { SelectPalette } from '../components/form/select';
+import { TextAreaPalette } from '../components/form/textArea';
 import { IconBackgroundPalette, IconPalette } from '../components/icon';
 import { SidebarItemPalette } from '../components/layout/sidebarItem';
 import { MicroTagPalette } from '../components/microTag';
@@ -22,6 +26,10 @@ interface Components {
     dropdown: DropdownPalette;
     sidebarItem: SidebarItemPalette;
     stepper: StepperPalette;
+    inputText: InputTextPalette;
+    textArea: TextAreaPalette;
+    inputHelper: InputHelperPalette;
+    select: SelectPalette;
 }
 export interface Theme {
     palette: Palette;

package/dist/styles/theme.js

@@ -1,8 +1,37 @@
 import 'styled-components';
-import palette from './palette';
-var components = {};
+import { buttonPalette, iconButtonPalette } from '../components/buttons';
+import { checkboxPalette } from '../components/form/checkbox';
+import { dropdownPalette } from '../components/dropdown';
+import { inputHelperPalette } from '../components/form/inputHelper';
+import { inputTextPalette } from '../components/form/inputText';
+import { selectPalette } from '../components/form/select';
+import { textAreaPalette } from '../components/form/textArea';
+import { iconBackgroundPalette, iconPalette } from '../components/icon';
+import { sidebarItemPalette } from '../components/layout/sidebarItem';
+import { microTagPalette } from '../components/microTag';
+import { stepperPalette } from '../components/stepper';
+import { tagPalette } from '../components/tag';
+import { tooltipPalette } from '../components/tooltip';
+import defaultPalette from './defaultPalette';
+var components = {
+    tag: tagPalette,
+    tooltip: tooltipPalette,
+    button: buttonPalette,
+    iconButton: iconButtonPalette,
+    microTag: microTagPalette,
+    checkbox: checkboxPalette,
+    icon: iconPalette,
+    iconBackground: iconBackgroundPalette,
+    dropdown: dropdownPalette,
+    sidebarItem: sidebarItemPalette,
+    stepper: stepperPalette,
+    inputText: inputTextPalette,
+    textArea: textAreaPalette,
+    inputHelper: inputHelperPalette,
+    select: selectPalette,
+};
 export var defaultTheme = {
-    palette: palette,
-    components: components
+    palette: defaultPalette,
+    components: components,
 };
 //# sourceMappingURL=theme.js.map

package/dist/styles/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAE3B,OAAO,OAAoB,MAAM,WAAW,CAAC;AAK7C,IAAM,UAAU,GAAe,EAAE,CAAC;AAOlC,MAAM,CAAC,IAAM,YAAY,GAAiB;IACxC,OAAO,SAAA;IACP,UAAU,YAAA;CACX,CAAC"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAI1B,OAAO,EAAiB,aAAa,EAAqB,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAC1G,OAAO,EAAmB,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAmB,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACzE,OAAO,EAAsB,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACvF,OAAO,EAAoB,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AACjF,OAAO,EAAiB,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACxE,OAAO,EAAmB,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAyB,qBAAqB,EAAe,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC3G,OAAO,EAAsB,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AACzF,OAAO,EAAmB,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACzE,OAAO,EAAkB,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAc,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAkB,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAqB7C,IAAM,UAAU,GAAe;IAC7B,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,aAAa;IACrB,UAAU,EAAE,iBAAiB;IAC7B,QAAQ,EAAE,eAAe;IACzB,QAAQ,EAAE,eAAe;IACzB,IAAI,EAAE,WAAW;IACjB,cAAc,EAAE,qBAAqB;IACrC,QAAQ,EAAE,eAAe;IACzB,WAAW,EAAE,kBAAkB;IAC/B,OAAO,EAAE,cAAc;IACvB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE,eAAe;IACzB,WAAW,EAAE,kBAAkB;IAC/B,MAAM,EAAE,aAAa;CACtB,CAAA;AAOD,MAAM,CAAC,IAAM,YAAY,GAAiB;IACxC,OAAO,EAAE,cAAc;IACvB,UAAU,YAAA;CACX,CAAA"}

package/dist/styles/types.js

@@ -1 +1,23 @@
+var __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+var bwColorsList = ['black', 'white'];
+var colorsList = [
+    'grey',
+    'blue',
+    'indigo',
+    'yellow',
+    'orange',
+    'red',
+    'green',
+    'fuchsia',
+    'pink',
+    'cyan',
+    'primary',
+];
+export var allColorsList = __spreadArrays(bwColorsList, colorsList);
 //# sourceMappingURL=types.js.map

package/dist/styles/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/styles/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/styles/types.ts"],"names":[],"mappings":";;;;;;;AAaA,IAAM,YAAY,GAAG,CAAC,OAAO,EAAE,OAAO,CAAU,CAAA;AAMhD,IAAM,UAAU,GAAG;IACjB,MAAM;IACN,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,KAAK;IACL,OAAO;IACP,SAAS;IACT,MAAM;IACN,MAAM;IACN,SAAS;CACD,CAAA;AAMV,MAAM,CAAC,IAAM,aAAa,kBAAO,YAAY,EAAK,UAAU,CAAC,CAAA"}

package/dist/utils/globalStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"globalStyles.js","sourceRoot":"","sources":["../../src/utils/globalStyles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,CAAC,IAAM,YAAY,GAAG,iBAAiB,kPAAA,+KAW5C,IAAA,CAAC"}
+{"version":3,"file":"globalStyles.js","sourceRoot":"","sources":["../../src/utils/globalStyles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,CAAC,IAAM,YAAY,GAAG,iBAAiB,kPAAA,+KAW5C,IAAA,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fattureincloud/fic-design-system",
-  "version": "0.3.17",
+  "version": "0.3.21",
   "description": "Fatture in Cloud and Danea design system",
   "repository": "git@bitbucket.org:fattureincloud/design-system.git",
   "license": "MIT",
@@ -18,9 +18,9 @@
     "@types/react": "^16.9.2",
     "@types/react-beautiful-dnd": "^11.0.3",
     "@types/react-modal": "^3.10.4",
-    "@types/react-select": "^3.0.2",
+    "@types/react-select": "^4.0.18",
     "@types/storybook__react": "^4.0.2",
-    "@types/styled-components": "4.1.8",
+    "@types/styled-components": "~5.1.15",
     "@typescript-eslint/eslint-plugin": "^4.25.0",
     "@typescript-eslint/parser": "^4.25.0",
     "autoprefixer": "^9.6.1",
@@ -34,7 +34,7 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-simple-import-sort": "^7.0.0",
     "eslint-plugin-sort-destructure-keys": "^1.3.5",
-    "husky": "^6.0.0",
+    "husky": "^7.0.4",
     "prettier": "^2.3.0",
     "pretty-quick": "^2.0.1",
     "react-beautiful-dnd": "^11.0.5",
@@ -56,26 +56,37 @@
     "@fortawesome/react-fontawesome": "^0.1.8",
     "@popperjs/core": "^2.6.0",
     "classnames": "^2.2.6",
+    "lint-staged": "^12.1.2",
     "lodash": "^4.17.15",
     "react-modal": "^3.11.1",
     "react-popper": "^2.2.4",
-    "react-select": "^3.0.8",
+    "react-select": "^4.3.1",
     "react-sizeme": "^2.6.12",
     "react-toastify": "^6.0.8",
     "react-transition-group": "^4.4.1",
     "react-use": "^15.3.4",
-    "styled-components": "^4.3.2"
+    "styled-components": "5.3.1"
   },
   "peerDependencies": {
+    "@types/styled-components": "~5.1.15",
     "react": "^16.10.2",
     "react-beautiful-dnd": "^11.0.5",
-    "react-dom": "^16.10.2"
+    "react-dom": "^16.10.2",
+    "styled-components": "5.3.1"
   },
   "scripts": {
     "storybook": "start-storybook -s ./static -p 9001",
     "build": "rollup -c",
     "build-storybook": "build-storybook -c .storybook",
-    "precommit": "pretty-quick --staged"
+    "precommit": "pretty-quick --staged",
+    "fix": "eslint --fix src/**/*.{ts,tsx}",
+    "prepare": "husky install"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": [
+      "prettier --write",
+      "eslint --fix"
+    ]
   },
   "files": [
     "dist"

package/dist/components/avatar/AvatarImage.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { AvatarImageProps } from './typings/avatar';
-export declare const AvatarImage: import("styled-components").StyledComponent<(props: import("./typings/avatar").BaseAvatarProps) => JSX.Element, any, AvatarImageProps, never>;

package/dist/components/avatar/AvatarInitials.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { AvatarInitialsProps } from './typings/avatar';
-export declare const AvatarInitials: import("styled-components").StyledComponent<(props: import("./typings/avatar").BaseAvatarProps) => JSX.Element, any, AvatarInitialsProps, never>;

package/dist/components/avatar/AvatarPlaceholder.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { AvatarPlaceholderProps } from './typings/avatar';
-export declare const AvatarPlaceholder: import("styled-components").StyledComponent<(props: import("./typings/avatar").BaseAvatarProps) => JSX.Element, any, AvatarPlaceholderProps, never>;

package/dist/components/avatar/MyPlaceholder.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare function SvgComponent(): JSX.Element;
-export default SvgComponent;

package/dist/components/avatar/baseAvatar.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { BaseAvatarProps } from './typings/avatar';
-export declare const BaseAvatar: import("styled-components").StyledComponent<(props: BaseAvatarProps) => JSX.Element, any, {}, never>;

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

@@ -1,30 +0,0 @@
-export declare type AvatarProps = AvatarInitialsProps | AvatarPlaceholderProps | AvatarImageProps;
-export interface AvatarPlaceholderProps {
-    size: 'xs' | 's' | 'm' | 'l';
-    placeholder?: string;
-}
-export interface AvatarImageProps {
-    image?: string;
-    size: 'xs' | 's' | 'm' | 'l';
-}
-export interface AvatarInitialsProps extends AvatarImageProps {
-    color?: 'blue' | 'red' | 'green' | 'yellow';
-    initials: string;
-}
-export interface BaseAvatarProps {
-    className?: string;
-    initials?: string;
-    size: 'xs' | 's' | 'm' | 'l';
-}
-export declare const avatarSizes: {
-    xs: number;
-    s: number;
-    m: number;
-    l: number;
-};
-export declare const textSizes: {
-    xs: number;
-    s: number;
-    m: number;
-    l: number;
-};

package/dist/components/badge/components/styledBadgeWrapper.d.ts

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

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

@@ -1,3 +0,0 @@
-import { Badge } from './Badge';
-import { BadgeProps } from './types';
-export { Badge, BadgeProps };

package/dist/components/buttons/Button.js

@@ -1,14 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-export var Button = function (props) { return React.createElement("div", __assign({}, props), "Ciao"); };
-//# sourceMappingURL=Button.js.map

package/dist/components/buttons/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/buttons/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,KAAY,IAAkB,OAAA,wCAAS,KAAK,UAAY,EAA1B,CAA0B,CAAC"}

package/dist/components/buttons/baseButton.d.ts

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

package/dist/components/buttons/button.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from './typings/buttons';
-export declare const Button: import("styled-components").StyledComponent<(props: import("./typings/baseButton").BaseButtonProps) => JSX.Element, any, ButtonProps, never>;

package/dist/components/buttons/iconButton.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { IconButtonProps } from './typings/iconButton';
-export declare const IconButtonWrapper: import("styled-components").StyledComponent<({ onClick, target, className, href, style, children }: IconButtonProps) => JSX.Element, any, IconButtonProps, never>;

package/dist/components/buttons/navbarButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ButtonProps } from './typings/buttons';
-export declare const NavbarButton: React.FunctionComponent<ButtonProps>;

package/dist/components/buttons/palette/buttonPalette.d.ts

@@ -1,16 +0,0 @@
-import { paletteColor } from '../../../styles/types';
-export declare type buttonTypes = 'primary' | 'secondary';
-export declare type buttonColors = 'blue' | 'red' | 'green' | 'white' | 'yellow';
-export declare type buttonParts = 'normal' | 'hover' | 'active' | 'disabled' | 'text' | 'textHover';
-declare type ButtonParts = {
-    [k in buttonParts]: paletteColor;
-};
-declare type ButtonPalette = {
-    [k in buttonTypes]: {
-        [key in buttonColors]: ButtonParts;
-    };
-};
-export declare const defaultButtonType: buttonTypes;
-export declare const defaultButtonColor: buttonColors;
-declare const buttonPalette: ButtonPalette;
-export default buttonPalette;

package/dist/components/buttons/palette/iconButtonPalette.d.ts

@@ -1,14 +0,0 @@
-import { paletteColor } from '../../../styles/types';
-declare type buttonTypes = 'primary' | 'secondary';
-declare type buttonColors = 'blue' | 'red' | 'green' | 'yellow';
-interface ButtonParts {
-    icon: paletteColor;
-    iconHover: paletteColor;
-}
-declare type IconButtonPalette = {
-    [k in buttonTypes]: {
-        [key in buttonColors]: ButtonParts;
-    };
-};
-declare const iconButtonPalette: IconButtonPalette;
-export default iconButtonPalette;

package/dist/components/buttons/typings/baseButton.d.ts

@@ -1,15 +0,0 @@
-import { CSSProperties } from 'react';
-import { IconProps } from '../../icon/Icon';
-export interface BaseButtonProps {
-    text: string | JSX.Element;
-    iconLeft?: IconProps;
-    iconRight?: IconProps;
-    contentMaxWidth?: string;
-    className?: string;
-    href?: string;
-    target?: string;
-    onClick?: (e: React.MouseEvent) => void;
-    style?: CSSProperties;
-    isDisabled?: boolean;
-    isLoading?: boolean;
-}

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

@@ -1,9 +0,0 @@
-import { BaseButtonProps } from './baseButton';
-export interface ButtonProps extends BaseButtonProps {
-    color?: 'blue' | 'red' | 'green' | 'white' | 'yellow';
-    useSecondaryColor?: boolean;
-    size?: 'medium' | 'large';
-    reactRouterLink?: boolean;
-    fullWidth?: boolean;
-    inNavbar?: boolean;
-}