@fattureincloud/fic-design-system 0.3.18 → 0.3.22

package/dist/components/modals/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/modals/types.ts"],"names":[],"mappings":""}

package/dist/components/pageEmptySet/index.js

@@ -0,0 +1,3 @@
+import { PageEmptySet } from './pageEmptySet';
+export { PageEmptySet };
+//# sourceMappingURL=index.js.map

package/dist/components/pageEmptySet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/pageEmptySet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/pageEmptySet/pageEmptySet.js

@@ -0,0 +1,46 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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, { useMemo } from 'react';
+import styled from 'styled-components';
+import { Button } from '../buttons';
+import { Icon } from '../icon';
+var StyledWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 90vw;\n  margin: 0 auto;\n  text-align: center;\n  @media screen and (min-width: 768px) {\n    width: 376px;\n  }\n  .icon {\n    background-color: ", ";\n    width: 176px;\n    height: 176px;\n    border-radius: 50%;\n    color: ", ";\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 76px;\n  }\n  h5 {\n    margin-top: 2rem;\n    margin-bottom: 0;\n    font-weight: 500;\n    font-size: 20px;\n    line-height: 30px;\n    color: ", ";\n  }\n  p {\n    margin-top: 0.5rem;\n    margin-bottom: 1.5rem;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 21px;\n    color: ", ";\n  }\n"], ["\n  width: 90vw;\n  margin: 0 auto;\n  text-align: center;\n  @media screen and (min-width: 768px) {\n    width: 376px;\n  }\n  .icon {\n    background-color: ", ";\n    width: 176px;\n    height: 176px;\n    border-radius: 50%;\n    color: ", ";\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 76px;\n  }\n  h5 {\n    margin-top: 2rem;\n    margin-bottom: 0;\n    font-weight: 500;\n    font-size: 20px;\n    line-height: 30px;\n    color: ", ";\n  }\n  p {\n    margin-top: 0.5rem;\n    margin-bottom: 1.5rem;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 21px;\n    color: ", ";\n  }\n"])), function (_a) {
+    var palette = _a.theme.palette;
+    return palette.red[50];
+}, function (_a) {
+    var palette = _a.theme.palette;
+    return palette.red[500];
+}, function (_a) {
+    var palette = _a.theme.palette;
+    return palette.black[100];
+}, function (_a) {
+    var palette = _a.theme.palette;
+    return palette.black[80];
+});
+export var PageEmptySet = function (_a) {
+    var action = _a.action, icon = _a.icon, text = _a.text, title = _a.title;
+    var button = useMemo(function () {
+        return action ? (React.createElement(Button, { onClick: function () { return action.action(); }, iconLeft: action.icon ? action.icon : undefined, text: action.text, color: 'green' })) : null;
+    }, [action]);
+    return (React.createElement(StyledWrapper, null,
+        icon && (React.createElement("div", { className: 'icon' },
+            React.createElement(Icon, __assign({}, icon)))),
+        title && React.createElement("h5", null, title),
+        text && React.createElement("p", null, text),
+        button));
+};
+var templateObject_1;
+//# sourceMappingURL=pageEmptySet.js.map

package/dist/components/pageEmptySet/pageEmptySet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageEmptySet.js","sourceRoot":"","sources":["../../../src/components/pageEmptySet/pageEmptySet.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AAazC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,muBAAA,iKAQR,EAA2C,gFAItD,EAA4C,uQAa5C,EAA8C,sJAQ9C,EAA6C,UAEzD,KA3BuB,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;AAAf,CAAe,EAItD,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;AAAhB,CAAgB,EAa5C,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAAlB,CAAkB,EAQ9C,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAAjB,CAAiB,CAEzD,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAoC;QAAlC,kBAAM,EAAE,cAAI,EAAE,cAAI,EAAE,gBAAK;IACtD,IAAM,MAAM,GAAG,OAAO,CACpB;QACE,OAAA,MAAM,CAAC,CAAC,CAAC,CACP,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,MAAM,EAAE,EAAf,CAAe,EAC9B,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC/C,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,KAAK,EAAE,OAAO,GACd,CACH,CAAC,CAAC,CAAC,IAAI;IAPR,CAOQ,EACV,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,oBAAC,aAAa;QACX,IAAI,IAAI,CACP,6BAAK,SAAS,EAAC,MAAM;YACnB,oBAAC,IAAI,eAAK,IAAI,EAAI,CACd,CACP;QACA,KAAK,IAAI,gCAAK,KAAK,CAAM;QACzB,IAAI,IAAI,+BAAI,IAAI,CAAK;QACrB,MAAM,CACO,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/pageEmptySet/pageEmptySet.stories.js

@@ -0,0 +1,20 @@
+import { faAirbnb } from '@fortawesome/free-brands-svg-icons';
+import React from 'react';
+import { PageEmptySet } from './index';
+var airBnbIcon = {
+    icon: faAirbnb,
+};
+var action = {
+    action: function () {
+        console.log('click');
+    },
+    text: 'Crea persona',
+    icon: airBnbIcon,
+};
+export var Normal = function () { return (React.createElement(PageEmptySet, { icon: airBnbIcon, title: 'Crea la tua prima persona', text: 'Inserendo le persone relative ai condomini, Domustudio potrà iniziare subito ad aiutarti nel tuo lavoro di amministratore di condominio', action: action })); };
+var PageEmptySetStories = {
+    title: 'Old Components/PageEmptySet',
+    component: PageEmptySet,
+};
+export default PageEmptySetStories;
+//# sourceMappingURL=pageEmptySet.stories.js.map

package/dist/components/pageEmptySet/pageEmptySet.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageEmptySet.stories.js","sourceRoot":"","sources":["../../../src/components/pageEmptySet/pageEmptySet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAA;AAE7D,OAAO,KAAyB,MAAM,OAAO,CAAA;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,IAAM,UAAU,GAAc;IAC5B,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,IAAM,MAAM,GAAG;IACb,MAAM,EAAE;QACN,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,CAAC;IACD,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,UAAU;CACjB,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,cAAM,OAAA,CAC1B,oBAAC,YAAY,IACX,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,2BAA2B,EAClC,IAAI,EACF,yIAAyI,EAE3I,MAAM,EAAE,MAAM,GACd,CACH,EAT2B,CAS3B,CAAA;AAED,IAAM,mBAAmB,GAA8C;IACrE,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,YAAY;CACxB,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/pagination/index.js

@@ -0,0 +1,50 @@
+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 range from 'lodash/range';
+import React from 'react';
+import { StyledWrapper } from './paginationStyledWrapper';
+var PaginationComponent = function (props) {
+    var numberOfPages = Math.ceil(props.listSize / props.pageSize);
+    var managedCurrentPage = Math.min(props.currentPage, numberOfPages);
+    var pageRange = range(managedCurrentPage - 3, managedCurrentPage + 4).filter(function (page) { return page > 0 && page <= numberOfPages; });
+    var backActive = false;
+    if (props.currentPage > 1 && Boolean(props.prevPageAction) && props.listSize) {
+        backActive = true;
+    }
+    return (React.createElement("div", { className: 'pagination' },
+        React.createElement("div", { onClick: function () {
+                if (props.prevPageAction && backActive) {
+                    props.prevPageAction();
+                }
+            }, className: 'pagination__element' + " " + (backActive ? '' : 'deactivated') }, props.prevText),
+        !pageRange.includes(1) ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { onClick: function () {
+                    props.changePageAction(1);
+                }, className: "pagination__element " + (props.currentPage === 1 ? 'selected' : '') }, "1"),
+            pageRange[0] - 1 !== 1 ? React.createElement("div", { className: 'pagination__element' }, "...") : null)) : null,
+        pageRange.map(function (o, i) { return (React.createElement("div", { key: i, onClick: function () {
+                props.changePageAction(o);
+            }, className: "pagination__element " + (o === managedCurrentPage ? 'selected' : '') }, o)); }),
+        !pageRange.includes(numberOfPages) ? (React.createElement(React.Fragment, null,
+            numberOfPages - pageRange[pageRange.length - 1] !== 1 ? (React.createElement("div", { className: 'pagination__element' }, "...")) : null,
+            React.createElement("div", { onClick: function () {
+                    props.changePageAction(numberOfPages);
+                }, className: "pagination__element " + (props.currentPage === numberOfPages ? 'selected' : '') }, numberOfPages))) : null,
+        React.createElement("div", { onClick: function () {
+                if (props.nextPageAction && props.currentPage < numberOfPages) {
+                    props.nextPageAction();
+                }
+            }, className: 'pagination__element' + " " + (props.nextPageAction && props.currentPage >= numberOfPages ? 'deactivated' : '') }, props.nextText)));
+};
+export var Pagination = function (props) { return (React.createElement(StyledWrapper, null,
+    React.createElement(PaginationComponent, __assign({}, props)))); };
+//# sourceMappingURL=index.js.map

package/dist/components/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/pagination/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/pagination/pagination.stories.js

@@ -0,0 +1,21 @@
+import { number } from '@storybook/addon-knobs';
+import React from 'react';
+import { Pagination } from '.';
+export var Normal = function () {
+    var listSize = number('listSize', 100);
+    var pageSize = number('pageSize', 8);
+    var currentPage = number('currentPage', 1);
+    return (React.createElement(Pagination, { listSize: listSize, pageSize: pageSize, changePageAction: function (pageNumber) {
+            console.log(pageNumber);
+        }, nextPageAction: function () {
+            console.log('next');
+        }, prevPageAction: function () {
+            console.log('prev');
+        }, currentPage: currentPage, prevText: 'Indietro', nextText: 'Avanti' }));
+};
+var PaginationStories = {
+    title: 'Old Components/Pagination',
+    component: Pagination,
+};
+export default PaginationStories;
+//# sourceMappingURL=pagination.stories.js.map

package/dist/components/pagination/pagination.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.stories.js","sourceRoot":"","sources":["../../../src/components/pagination/pagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAA;AAG9B,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,IAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;IACxC,IAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAA;IACtC,IAAM,WAAW,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAA;IAE5C,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,UAAA,UAAU;YAC1B,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;QACzB,CAAC,EACD,cAAc,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACrB,CAAC,EACD,cAAc,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACrB,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAC,QAAQ,GACjB,CACH,CAAA;AACH,CAAC,CAAA;AAED,IAAM,iBAAiB,GAA0B;IAC/C,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,UAAU;CACtB,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/components/pagination/paginationStyledWrapper.js

@@ -0,0 +1,12 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+export var StyledWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var palette = _a.theme.palette;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    .pagination {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: 2rem;\n    }\n\n    .pagination__element {\n      padding: 0.5rem;\n      font-size: 14px;\n      line-height: 24px;\n      color: ", ";\n      cursor: pointer;\n      box-sizing: content-box;\n\n      &.deactivated {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: ", ";\n        background-color: ", ";\n        font-weight: 500;\n        border-radius: 4px;\n        height: 24px;\n        width: 24px;\n        text-align: center;\n      }\n    }\n  "], ["\n    .pagination {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: 2rem;\n    }\n\n    .pagination__element {\n      padding: 0.5rem;\n      font-size: 14px;\n      line-height: 24px;\n      color: ", ";\n      cursor: pointer;\n      box-sizing: content-box;\n\n      &.deactivated {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: ", ";\n        background-color: ", ";\n        font-weight: 500;\n        border-radius: 4px;\n        height: 24px;\n        width: 24px;\n        text-align: center;\n      }\n    }\n  "])), palette.grey[700], palette.white[100], palette.grey[700]);
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=paginationStyledWrapper.js.map

package/dist/components/pagination/paginationStyledWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationStyledWrapper.js","sourceRoot":"","sources":["../../../src/components/pagination/paginationStyledWrapper.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,+EAAA,MACnC;IA+BD,IACF,KAhCG,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,GAAG,grBAAA,sPAYpB,EAAiB,yLAUf,EAAkB,+BACP,EAAiB,yJAQ1C,KAnBY,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAUf,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EACP,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAvBb,CA+B7B,CACF,CAAA"}

package/dist/components/pagination/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/pagination/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/pagination/types.ts"],"names":[],"mappings":""}

package/dist/components/progressbar/components/styledProgressbarWrapper.js

@@ -0,0 +1,13 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import { spacing } from '../../../styles/spacing';
+export var StyledProgressbarWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var color = _a.color, percentage = _a.percentage, palette = _a.theme.palette;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    .progression__container {\n      height: ", ";\n      background-color: ", ";\n      position: relative;\n      border-radius: 100px;\n    }\n    .progression__bar {\n      position: absolute;\n      height: 100%;\n      z-index: 1;\n      border-radius: 100px;\n      transition: width 0.35s ease-in-out;\n\n      background-color: ", ";\n      width: ", "%;\n    }\n  "], ["\n    .progression__container {\n      height: ", ";\n      background-color: ", ";\n      position: relative;\n      border-radius: 100px;\n    }\n    .progression__bar {\n      position: absolute;\n      height: 100%;\n      z-index: 1;\n      border-radius: 100px;\n      transition: width 0.35s ease-in-out;\n\n      background-color: ", ";\n      width: ", "%;\n    }\n  "])), spacing.s, palette.grey[100], palette[color ? color : 'blue'][500], percentage);
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styledProgressbarWrapper.js.map

package/dist/components/progressbar/components/styledProgressbarWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledProgressbarWrapper.js","sourceRoot":"","sources":["../../../../src/components/progressbar/components/styledProgressbarWrapper.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAGjD,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,+EAAmC,MACjF;IAiBD,IACF,KAlBG,UAAC,EAAyC;QAAvC,gBAAK,EAAE,0BAAU,EAAW,0BAAO;IAAS,OAAA,GAAG,6bAAA,iDAEtC,EAAS,6BACC,EAAiB,mQAWjB,EAAoC,kBAC/C,EAAU,eAEtB,KAfa,OAAO,CAAC,CAAC,EACC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAWjB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAC/C,UAAU;AAf0B,CAiBhD,CACF,CAAA"}

package/dist/components/progressbar/index.js

@@ -0,0 +1,3 @@
+import Progressbar from './progressbar';
+export { Progressbar };
+//# sourceMappingURL=index.js.map

package/dist/components/progressbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/progressbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/progressbar/progressbar.js

@@ -0,0 +1,44 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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, { Component } from 'react';
+import { StyledProgressbarWrapper } from './components/styledProgressbarWrapper';
+var UnstyledProgressbar = /** @class */ (function (_super) {
+    __extends(UnstyledProgressbar, _super);
+    function UnstyledProgressbar(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {};
+        return _this;
+    }
+    UnstyledProgressbar.prototype.render = function () {
+        return (React.createElement("div", { className: 'progression__container' },
+            React.createElement("div", { className: 'progression__bar' })));
+    };
+    return UnstyledProgressbar;
+}(Component));
+export { UnstyledProgressbar };
+var Progressbar = function (props) { return (React.createElement(StyledProgressbarWrapper, __assign({}, props),
+    React.createElement(UnstyledProgressbar, __assign({}, props)))); };
+export default Progressbar;
+//# sourceMappingURL=progressbar.js.map

package/dist/components/progressbar/progressbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressbar.js","sourceRoot":"","sources":["../../../src/components/progressbar/progressbar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAA;AAGhF;IAAyC,uCAGxC;IACC,6BAAY,KAAwC;QAApD,YACE,kBAAM,KAAK,CAAC,SAGb;QADC,KAAI,CAAC,KAAK,GAAG,EAAE,CAAA;;IACjB,CAAC;IAED,oCAAM,GAAN;QACE,OAAO,CACL,6BAAK,SAAS,EAAC,wBAAwB;YACrC,6BAAK,SAAS,EAAC,kBAAkB,GAAO,CACpC,CACP,CAAA;IACH,CAAC;IACH,0BAAC;AAAD,CAAC,AAjBD,CAAyC,SAAS,GAiBjD;;AAED,IAAM,WAAW,GAAiB,UAAA,KAAK,IAAI,OAAA,CACzC,oBAAC,wBAAwB,eAAK,KAAK;IACjC,oBAAC,mBAAmB,eAAK,KAAK,EAAI,CACT,CAC5B,EAJ0C,CAI1C,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/progressbar/progressbar.stories.js

@@ -0,0 +1,70 @@
+import { number } from '@storybook/addon-knobs';
+import React, { useEffect, useState } from 'react';
+import { Progressbar } from '.';
+export var Editable = function () {
+    var percentage = number('percentage', 20);
+    return (React.createElement("div", { style: { width: '300px' } },
+        React.createElement(Progressbar, { percentage: percentage, color: 'green' })));
+};
+var ProgressbarWithState = function () {
+    var _a = useState(0), percentage = _a[0], setPercentage = _a[1];
+    useEffect(function () {
+        if (percentage < 100) {
+            setTimeout(function () {
+                setPercentage(function (percentage) { return percentage + 20; });
+            }, 1000);
+        }
+    }, [percentage]);
+    return React.createElement(Progressbar, { percentage: percentage, color: 'green' });
+};
+export var Autocomplete = function () { return (React.createElement("div", { style: { width: '300px' } },
+    React.createElement(ProgressbarWithState, null))); };
+export var AllColors = function () { return (React.createElement(React.Fragment, null,
+    React.createElement("div", { style: { width: '300px' } },
+        React.createElement(Progressbar, { percentage: 20, color: 'green' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 40, color: 'blue' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 60, color: 'red' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 80, color: 'yellow' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 100, color: 'grey' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 100, color: 'green' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 80, color: 'blue' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 60, color: 'red' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 40, color: 'yellow' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 20, color: 'grey' })),
+    React.createElement("br", null),
+    React.createElement("br", null),
+    React.createElement("div", { style: { width: '100%' } },
+        React.createElement(Progressbar, { percentage: 20, color: 'green' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 40, color: 'blue' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 60, color: 'red' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 80, color: 'yellow' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 100, color: 'grey' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 100, color: 'green' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 80, color: 'blue' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 60, color: 'red' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 40, color: 'yellow' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 20, color: 'grey' })))); };
+var ProgressbarStories = {
+    title: 'Old Components/Progressbar',
+    component: Progressbar,
+};
+export default ProgressbarStories;
+//# sourceMappingURL=progressbar.stories.js.map

package/dist/components/progressbar/progressbar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressbar.stories.js","sourceRoot":"","sources":["../../../src/components/progressbar/progressbar.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/progressbar/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/progressbar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/progressbar/types.ts"],"names":[],"mappings":""}

package/dist/components/radioButton/components/label.js

@@ -0,0 +1,12 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+export var Label = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-block;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  text-align: left;\n  margin-left: 8px;\n  vertical-align: top;\n  cursor: pointer;\n  ", "\n"], ["\n  display: inline-block;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  text-align: left;\n  margin-left: 8px;\n  vertical-align: top;\n  cursor: pointer;\n  ",
+    "\n"])), function (_a) {
+    var isDisabled = _a.isDisabled, palette = _a.theme.palette;
+    return isDisabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color: ", ";\n      cursor: not-allowed;\n    "], ["\n      color: ", ";\n      cursor: not-allowed;\n    "])), palette.grey[500]);
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=label.js.map

package/dist/components/radioButton/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../src/components/radioButton/components/label.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAI/C,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,8PAAgB,qLAS5C;IAKC,IACJ,KANG,UAAC,EAAkC;QAAhC,0BAAU,EAAW,0BAAO;IAC/B,OAAA,UAAU,IACV,GAAG,2HAAA,iBACQ,EAAiB,qCAE3B,KAFU,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAE3B;AAJD,CAIC,CACJ,CAAA"}

package/dist/components/radioButton/components/radio.js

@@ -0,0 +1,21 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+export var Radio = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: inline-block;\n  border-radius: 8px;\n  width: 16px;\n  height: 16px;\n  box-sizing: border-box;\n  cursor: pointer;\n  ", "\n  ", "\n  ", "\n"], ["\n  display: inline-block;\n  border-radius: 8px;\n  width: 16px;\n  height: 16px;\n  box-sizing: border-box;\n  cursor: pointer;\n  ",
+    "\n  ",
+    "\n  ",
+    "\n"])), function (_a) {
+    var theme = _a.theme;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      border: 1px solid ", ";\n    "], ["\n      background-color: ", ";\n      border: 1px solid ", ";\n    "])), theme.palette.white[100], theme.palette.grey[500]);
+}, function (_a) {
+    var isChecked = _a.isChecked, theme = _a.theme;
+    return isChecked && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      border: 5px solid ", ";\n    "], ["\n      border: 5px solid ", ";\n    "])), theme.palette.blue[500]);
+}, function (_a) {
+    var isChecked = _a.isChecked, isDisabled = _a.isDisabled, theme = _a.theme;
+    return isDisabled && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background-color: ", ";\n      border-color: ", ";\n      cursor: not-allowed;\n      ", "\n    "], ["\n      background-color: ", ";\n      border-color: ", ";\n      cursor: not-allowed;\n      ",
+        "\n    "])), theme.palette.grey[100], theme.palette.grey[100], isChecked && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        background-color: ", ";\n        border-color: ", ";\n      "], ["\n        background-color: ", ";\n        border-color: ", ";\n      "])), theme.palette.white[100], theme.palette.grey['50']));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=radio.js.map

package/dist/components/radioButton/components/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../../src/components/radioButton/components/radio.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAI/C,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,gOAAgB,uIAO5C;IAIC,MACD;IAIC,MACD;IAWC,IACJ,KAtBG,UAAC,EAAS;QAAP,gBAAK;IACR,OAAA,GAAG,yIAAA,4BACmB,EAAwB,6BACxB,EAAuB,SAC5C,KAFqB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EACxB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAF7C,CAGC,EACD,UAAC,EAAoB;QAAlB,wBAAS,EAAE,gBAAK;IACnB,OAAA,SAAS,IACT,GAAG,0GAAA,4BACmB,EAAuB,SAC5C,KADqB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAC5C;AAHD,CAGC,EACD,UAAC,EAAgC;QAA9B,wBAAS,EAAE,0BAAU,EAAE,gBAAK;IAC/B,OAAA,UAAU,IACV,GAAG,6KAAA,4BACmB,EAAuB,yBAC3B,EAAuB,uCAErC;QAID,QACF,KARqB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3B,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAErC,SAAS,IACX,GAAG,2IAAA,8BACmB,EAAwB,2BAC5B,EAAwB,WACzC,KAFqB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAC5B,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CACzC,CACF;AAVD,CAUC,CACJ,CAAA"}

package/dist/components/radioButton/index.js

@@ -0,0 +1,34 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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';
+import styled, { css } from 'styled-components';
+import { Label } from './components/label';
+import { Radio } from './components/radio';
+var WrapperRadioButton = function (props) {
+    var isChecked = props.isChecked, isDisabled = props.isDisabled, label = props.label;
+    return (React.createElement("div", { className: props.className, onClick: function () { return (!props.isDisabled ? props.onClick() : undefined); } }, props.renderOption ? (props.renderOption({ isDisabled: isDisabled, isChecked: isChecked, label: label })) : (React.createElement(React.Fragment, null,
+        React.createElement(Radio, { isChecked: props.isChecked, isDisabled: props.isDisabled }),
+        React.createElement(Label, { isDisabled: props.isDisabled }, props.label)))));
+};
+var Wrapper = styled(WrapperRadioButton)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  & + & {\n    margin-top: ", "px;\n  }\n  ", "\n"], ["\n  & + & {\n    margin-top: ", "px;\n  }\n  ",
+    "\n"])), function (props) { return (props.optionsSpacing ? props.optionsSpacing : 0); }, function (props) {
+    return props.inline && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: inline-block;\n      vertical-align: top;\n      &:not(:first-child) {\n        margin-left: 25px;\n      }\n    "], ["\n      display: inline-block;\n      vertical-align: top;\n      &:not(:first-child) {\n        margin-left: 25px;\n      }\n    "])));
+});
+export var RadioButton = function (props) {
+    return React.createElement(Wrapper, __assign({}, props));
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

package/dist/components/radioButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/radioButton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAG1C,IAAM,kBAAkB,GAAG,UAAC,KAA2B;IAC7C,IAAA,2BAAS,EAAE,6BAAU,EAAE,mBAAK,CAAU;IAC9C,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,cAAM,OAAA,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EAAjD,CAAiD,IAC9F,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,KAAK,CAAC,YAAY,CAAC,EAAE,UAAU,YAAA,EAAE,SAAS,WAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CACrD,CAAC,CAAC,CAAC,CACF;QACE,oBAAC,KAAK,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI;QACnE,oBAAC,KAAK,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAG,KAAK,CAAC,KAAK,CAAS,CACzD,CACJ,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,kBAAkB,CAAC,wHAAsB,+BAE9C,EAA0D,cAExE;IAQC,IACJ,KAXiB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,EAAjD,CAAiD,EAExE,UAAA,KAAK;IACL,OAAA,KAAK,CAAC,MAAM,IACZ,GAAG,uMAAA,oIAMF,IAAA;AAPD,CAOC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAiB,UAAA,KAAK;IAC5C,OAAO,oBAAC,OAAO,eAAK,KAAK,EAAI,CAAA;AAC/B,CAAC,CAAA"}

package/dist/components/radioButton/radio.stories.js

@@ -0,0 +1,15 @@
+import { action } from '@storybook/addon-actions';
+import { boolean, text } from '@storybook/addon-knobs';
+import React from 'react';
+import { RadioButton } from '.';
+export var WithKnobs = function () {
+    var isChecked = boolean('isChecked', false);
+    var label = text('label', 'Radio button');
+    return React.createElement(RadioButton, { label: label, isChecked: isChecked, onClick: action('Hai cliccato il radio') });
+};
+var RadioButtonStories = {
+    title: 'Old Components/RadioButton',
+    component: RadioButton,
+};
+export default RadioButtonStories;
+//# sourceMappingURL=radio.stories.js.map

package/dist/components/radioButton/radio.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.stories.js","sourceRoot":"","sources":["../../../src/components/radioButton/radio.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAG/B,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,IAAM,SAAS,GAAG,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;IAC7C,IAAM,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,cAAc,CAAC,CAAA;IAE3C,OAAO,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,uBAAuB,CAAC,GAAI,CAAA;AACtG,CAAC,CAAA;AAED,IAAM,kBAAkB,GAA+B;IACrD,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,WAAW;CACvB,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/radioButton/typings/radioButton.js

@@ -0,0 +1 @@
+//# sourceMappingURL=radioButton.js.map

package/dist/components/radioButton/typings/radioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioButton.js","sourceRoot":"","sources":["../../../../src/components/radioButton/typings/radioButton.ts"],"names":[],"mappings":""}

package/dist/components/stepper/Stepper.js

@@ -0,0 +1,37 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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;
+};
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+import StepItem from './components/StepItem';
+import StepperDivider from './components/StepperDivider';
+import { getItemStatus } from './utils';
+var Stepper = function (_a) {
+    var steps = _a.steps, currentStep = _a.currentStep;
+    var mappedSteps = useMemo(function () {
+        return steps.reduce(function (r, step, i) {
+            if (i === 0) {
+                return [React.createElement(StepItem, { key: i, number: i, status: getItemStatus(i, currentStep), text: step })];
+            }
+            else {
+                return __spreadArrays(r, [
+                    React.createElement(StepperDivider, { key: "divider_" + i }),
+                    React.createElement(StepItem, { key: i, number: i, status: getItemStatus(i, currentStep), text: step }),
+                ]);
+            }
+        }, []);
+    }, [steps, currentStep]);
+    return React.createElement(Wrapper, null, mappedSteps);
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  gap: 0.6em;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  gap: 0.6em;\n"])));
+export default Stepper;
+var templateObject_1;
+//# sourceMappingURL=Stepper.js.map

package/dist/components/stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../src/components/stepper/Stepper.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,cAAc,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAOvC,IAAM,OAAO,GAAG,UAAC,EAAoC;QAAlC,gBAAK,EAAE,4BAAW;IACnC,IAAM,WAAW,GAAG,OAAO,CACzB;QACE,OAAA,KAAK,CAAC,MAAM,CAAgB,UAAC,CAAC,EAAE,IAAI,EAAE,CAAC;YACrC,IAAI,CAAC,KAAK,CAAC,EAAE;gBACX,OAAO,CAAC,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC,CAAA;aAC5F;iBAAM;gBACL,sBACK,CAAC;oBACJ,oBAAC,cAAc,IAAC,GAAG,EAAE,aAAW,CAAG,GAAI;oBACvC,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI;mBACnF;aACF;QACH,CAAC,EAAE,EAAE,CAAC;IAVN,CAUM,EACR,CAAC,KAAK,EAAE,WAAW,CAAC,CACrB,CAAA;IAED,OAAO,oBAAC,OAAO,QAAE,WAAW,CAAW,CAAA;AACzC,CAAC,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,gLAAA,6GAMzB,IAAA,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/components/stepper/components/StepItem.js

@@ -0,0 +1,32 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { faCheck } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import styled from 'styled-components';
+import { Icon } from '../../icon';
+import { getStepItemStyles } from './utils';
+var checkIcon = React.createElement(Icon, { icon: faCheck, fixedWidth: true });
+var StepItem = function (_a) {
+    var _b = _a.text, text = _b === void 0 ? '' : _b, number = _a.number, status = _a.status;
+    var content = status === 'completed' ? checkIcon : number + 1;
+    return (React.createElement(Wrapper, { status: status },
+        React.createElement(Circle, null, content),
+        React.createElement(Text, null, text)));
+};
+var Circle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 50%;\n\n  width: 2em;\n  height: 2em;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  border-radius: 50%;\n\n  width: 2em;\n  height: 2em;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+var Text = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
+var Wrapper = styled.div.attrs(getStepItemStyles)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", " {\n    color: ", ";\n    background: ", ";\n  }\n\n  ", " {\n    color: ", ";\n  }\n\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6em;\n"], ["\n  ", " {\n    color: ", ";\n    background: ", ";\n  }\n\n  ", " {\n    color: ", ";\n  }\n\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6em;\n"])), Circle, function (_a) {
+    var circleTextColor = _a.circleTextColor;
+    return circleTextColor;
+}, function (_a) {
+    var circleBackground = _a.circleBackground;
+    return circleBackground;
+}, Text, function (_a) {
+    var color = _a.color;
+    return color;
+});
+export default StepItem;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=StepItem.js.map

package/dist/components/stepper/components/StepItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepItem.js","sourceRoot":"","sources":["../../../../src/components/stepper/components/StepItem.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAGjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE3C,IAAM,SAAS,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAE,OAAO,EAAE,UAAU,SAAG,CAAA;AAQpD,IAAM,QAAQ,GAAG,UAAC,EAAoC;QAAlC,YAAS,EAAT,8BAAS,EAAE,kBAAM,EAAE,kBAAM;IAC3C,IAAM,OAAO,GAAG,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAE/D,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM;QACrB,oBAAC,MAAM,QAAE,OAAO,CAAU;QAC1B,oBAAC,IAAI,QAAE,IAAI,CAAQ,CACX,CACX,CAAA;AACH,CAAC,CAAA;AAID,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,uMAAA,oIASxB,IAAA,CAAA;AAED,IAAM,IAAI,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAA;AAEzB,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAyC,iBAAiB,CAAC,oOAAsB,MAC7G,EAAM,iBACG,EAAwC,qBACnC,EAA0C,cAGxD,EAAI,iBACK,EAAoB,4EAMhC,KAZG,MAAM,EACG,UAAC,EAAmB;QAAjB,oCAAe;IAAO,OAAA,eAAe;AAAf,CAAe,EACnC,UAAC,EAAoB;QAAlB,sCAAgB;IAAO,OAAA,gBAAgB;AAAhB,CAAgB,EAGxD,IAAI,EACK,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK;AAAL,CAAK,CAMhC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/components/stepper/components/StepperDivider.js

@@ -0,0 +1,9 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+var StepperDivider = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 2.5em;\n  height: 0.1em;\n  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(51, 51, 51, 0.16) 50%, rgba(0, 0, 0, 0) 100%);\n"], ["\n  width: 2.5em;\n  height: 0.1em;\n  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(51, 51, 51, 0.16) 50%, rgba(0, 0, 0, 0) 100%);\n"])));
+export default StepperDivider;
+var templateObject_1;
+//# sourceMappingURL=StepperDivider.js.map

package/dist/components/stepper/components/StepperDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperDivider.js","sourceRoot":"","sources":["../../../../src/components/stepper/components/StepperDivider.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,yNAAA,sJAIhC,IAAA,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/stepper/components/utils.js

@@ -0,0 +1,5 @@
+export var getStepItemStyles = function (_a) {
+    var theme = _a.theme, status = _a.status;
+    return theme.components.stepper.item[status];
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/stepper/components/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/stepper/components/utils.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAAqC;QAAnC,gBAAK,EAAE,kBAAM;IAC/C,OAAA,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;AAArC,CAAqC,CAAA"}

package/dist/components/stepper/index.js

@@ -0,0 +1,4 @@
+import Stepper from './Stepper';
+import stepperPalette from './stepperPalette';
+export { Stepper, stepperPalette };
+//# sourceMappingURL=index.js.map

package/dist/components/stepper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAyB,MAAM,WAAW,CAAA;AAEjD,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAE7C,OAAO,EAAE,OAAO,EAAgB,cAAc,EAAkB,CAAA"}