@xfers/design-system 2.2.25 → 2.4.1

package/dist/components/Card/index.js

@@ -35,7 +35,7 @@ var themeContext_1 = require("src/shared/themeContext");
 var CustomCard = function (_a) {
     var className = _a.className, _b = _a.alignTitle, alignTitle = _b === void 0 ? 'center' : _b, _c = _a.alignBody, alignBody = _c === void 0 ? 'left' : _c, _d = _a.type, type = _d === void 0 ? 'default' : _d, restProps = __rest(_a, ["className", "alignTitle", "alignBody", "type"]);
     var _e = themeContext_1.useTheme(), card = _e.card, text = _e.text, neutral = _e.neutral;
-    var textColor = "\n    color: " + (type === 'default' ? text.default : text.white) + ";\n\n    & > div {\n      color: " + (type === 'default' ? text.default : text.white) + ";\n    }\n\n    h1 {\n      color: " + (type === 'default' ? text.default : text.white) + ";\n    }\n  ";
+    var textColor = "\n    color: " + (type === 'default' ? text.default : text.white) + ";\n\n    & > div > div {\n      color: " + (type === 'default' ? text.default : text.white) + ";\n    }\n\n    h1 {\n      color: " + (type === 'default' ? text.default : text.white) + ";\n    }\n  ";
     var baseStyle = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-radius: 4px;\n    border-width: 1px;\n    border-style: solid;\n    border-color: ", ";\n    background: ", " !important;\n\n    & > .ant-card-head {\n      padding: 0 15px;\n      font-weight: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      ", ";\n\n      .ant-card-head-title {\n        padding: 15px 0;\n        white-space: normal;\n        ", ";\n      }\n\n      .ant-card-extra {\n        padding: 15px 0;\n        font-weight: ", ";\n        font-size: ", ";\n        line-height: ", ";\n        ", ";\n      }\n    }\n\n    & > .ant-card-body {\n      padding: 15px;\n      font-weight: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      ", ";\n    }\n  "], ["\n    border-radius: 4px;\n    border-width: 1px;\n    border-style: solid;\n    border-color: ", ";\n    background: ",
         " !important;\n\n    & > .ant-card-head {\n      padding: 0 15px;\n      font-weight: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      ", ";\n\n      .ant-card-head-title {\n        padding: 15px 0;\n        white-space: normal;\n        ", ";\n      }\n\n      .ant-card-extra {\n        padding: 15px 0;\n        font-weight: ", ";\n        font-size: ", ";\n        line-height: ", ";\n        ", ";\n      }\n    }\n\n    & > .ant-card-body {\n      padding: 15px;\n      font-weight: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      ", ";\n    }\n  "])), neutral.border, type === 'default'
         ? card.background.default

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,qCAA8C;AAC9C,kCAA+B;AAC/B,mCAAiC;AACjC,gEAIoC;AACpC,wDAAkD;AAWlD,IAAM,UAAU,GAAG,UAAC,EAMF;IALhB,IAAA,SAAS,eAAA,EACT,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA,EACrB,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EACb,SAAS,cALM,gDAMnB,CADa;IAEN,IAAA,KAA0B,uBAAQ,EAAE,EAAlC,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAe,CAAA;IAE1C,IAAM,SAAS,GAAG,mBACP,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,2CAG5C,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,6CAI9C,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,kBAE1D,CAAA;IAED,IAAM,SAAS,GAAG,aAAG,owBAAA,iGAIH,EAAc,qBAChB;QAEU,uFAIP,EAAgB,sBAClB,EAAmB,wBACjB,EAAqB,WAClC,EAAS,qGAKP,EAAS,wFAKI,EAAgB,wBAClB,EAAmB,0BACjB,EAAqB,aAClC,EAAS,0FAME,EAAmB,sBACrB,EAAmB,wBACjB,EAAqB,WAClC,EAAS,cAEd,KAlCiB,OAAO,CAAC,MAAM,EAChB,IAAI,KAAK,SAAS;QAC9B,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO;QACzB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAIP,8BAAW,CAAC,IAAI,EAClB,4BAAS,CAAC,SAAS,EACjB,8BAAW,CAAC,SAAS,EAClC,SAAS,EAKP,SAAS,EAKI,8BAAW,CAAC,IAAI,EAClB,4BAAS,CAAC,SAAS,EACjB,8BAAW,CAAC,SAAS,EAClC,SAAS,EAME,8BAAW,CAAC,OAAO,EACrB,4BAAS,CAAC,SAAS,EACjB,8BAAW,CAAC,SAAS,EAClC,SAAS,CAEd,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,KAAa,IAAK,OAAA,aAAG,wIAAA,qDAE3B,EAAK,cAEvB,KAFkB,KAAK,GAFmB,CAI1C,CAAA;IAED,IAAM,cAAc,GAAG,UAAC,KAAa,IAAK,OAAA,aAAG,+HAAA,4CAE3B,EAAK,cAEtB,KAFiB,KAAK,GAFmB,CAIzC,CAAA;IAED,OAAO,CACL,8BAAC,cAAI,aACH,SAAS,EAAE,YAAE,CACX,SAAS,EACT,SAAS,EACT,eAAe,CAAC,UAAU,CAAC,EAC3B,cAAc,CAAC,SAAS,CAAC,CAC1B,IACG,SAAS,EACb,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,qCAA8C;AAC9C,kCAA+B;AAC/B,mCAAiC;AACjC,gEAIoC;AACpC,wDAAkD;AAWlD,IAAM,UAAU,GAAG,UAAC,EAMF;IALhB,IAAA,SAAS,eAAA,EACT,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA,EACrB,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EACb,SAAS,cALM,gDAMnB,CADa;IAEN,IAAA,KAA0B,uBAAQ,EAAE,EAAlC,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAe,CAAA;IAE1C,IAAM,SAAS,GAAG,mBACP,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,iDAG5C,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,6CAI9C,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,kBAE1D,CAAA;IAED,IAAM,SAAS,GAAG,aAAG,owBAAA,iGAIH,EAAc,qBAChB;QAEU,uFAIP,EAAgB,sBAClB,EAAmB,wBACjB,EAAqB,WAClC,EAAS,qGAKP,EAAS,wFAKI,EAAgB,wBAClB,EAAmB,0BACjB,EAAqB,aAClC,EAAS,0FAME,EAAmB,sBACrB,EAAmB,wBACjB,EAAqB,WAClC,EAAS,cAEd,KAlCiB,OAAO,CAAC,MAAM,EAChB,IAAI,KAAK,SAAS;QAC9B,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO;QACzB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAIP,8BAAW,CAAC,IAAI,EAClB,4BAAS,CAAC,SAAS,EACjB,8BAAW,CAAC,SAAS,EAClC,SAAS,EAKP,SAAS,EAKI,8BAAW,CAAC,IAAI,EAClB,4BAAS,CAAC,SAAS,EACjB,8BAAW,CAAC,SAAS,EAClC,SAAS,EAME,8BAAW,CAAC,OAAO,EACrB,4BAAS,CAAC,SAAS,EACjB,8BAAW,CAAC,SAAS,EAClC,SAAS,CAEd,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,KAAa,IAAK,OAAA,aAAG,wIAAA,qDAE3B,EAAK,cAEvB,KAFkB,KAAK,GAFmB,CAI1C,CAAA;IAED,IAAM,cAAc,GAAG,UAAC,KAAa,IAAK,OAAA,aAAG,+HAAA,4CAE3B,EAAK,cAEtB,KAFiB,KAAK,GAFmB,CAIzC,CAAA;IAED,OAAO,CACL,8BAAC,cAAI,aACH,SAAS,EAAE,YAAE,CACX,SAAS,EACT,SAAS,EACT,eAAe,CAAC,UAAU,CAAC,EAC3B,cAAc,CAAC,SAAS,CAAC,CAC1B,IACG,SAAS,EACb,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA"}

package/dist/components/Carousel/index.js

@@ -0,0 +1,47 @@
+"use strict";
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var styled_1 = require("@emotion/styled");
+var tabs_1 = require("antd/es/tabs");
+require("antd/es/tabs/style/css");
+function Carousel(_a) {
+    var children = _a.children, activeKey = _a.activeKey, _b = _a.width, width = _b === void 0 ? 250 : _b, rest = __rest(_a, ["children", "activeKey", "width"]);
+    var panels = children.map(function (child, index) { return (react_1.default.createElement(tabs_1.default.TabPane, { key: index, forceRender: true }, child)); });
+    var dots = children.map(function (child, index) { return (react_1.default.createElement(Dot, { isActive: index === activeKey })); });
+    return (react_1.default.createElement(Container, null,
+        react_1.default.createElement(AnimatedTabs, __assign({ renderTabBar: function () { return react_1.default.createElement("div", null); }, width: width, activeKey: activeKey.toString(), animated: true }, rest), panels),
+        react_1.default.createElement(Footer, null, dots)));
+}
+exports.default = Carousel;
+var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"])));
+var AnimatedTabs = styled_1.default(tabs_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: ", ";\n\n  & .ant-tabs-content-animated {\n    transition: margin 1s ease-out;\n  }\n"], ["\n  width: ", ";\n\n  & .ant-tabs-content-animated {\n    transition: margin 1s ease-out;\n  }\n"])), function (props) { return props.width + "px"; });
+var Footer = styled_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  gap: 0.25rem;\n  margin-top: 10px;\n"], ["\n  display: flex;\n  gap: 0.25rem;\n  margin-top: 10px;\n"])));
+var Dot = styled_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 10px;\n  width: 10px;\n  background-color: ", ";\n  border-radius: 50%;\n  display: inline-block;\n"], ["\n  height: 10px;\n  width: 10px;\n  background-color: ", ";\n  border-radius: 50%;\n  display: inline-block;\n"])), function (props) { return (props.isActive ? '#2F8DEE' : '#d3d7de'); });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AAEpC,qCAA+B;AAC/B,kCAA+B;AAQ/B,SAAS,QAAQ,CAAC,EAAoD;IAAlD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EAAK,IAAI,cAA3C,kCAA6C,CAAF;IAC3D,IAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAC5C,8BAAC,cAAI,CAAC,OAAO,IAAC,GAAG,EAAE,KAAK,EAAE,WAAW,UAClC,KAAK,CACO,CAChB,EAJ6C,CAI7C,CAAC,CAAA;IAEF,IAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAC1C,8BAAC,GAAG,IAAC,QAAQ,EAAE,KAAK,KAAK,SAAS,GAAI,CACvC,EAF2C,CAE3C,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,YAAY,aACX,YAAY,EAAE,cAAM,OAAA,0CAAO,EAAP,CAAO,EAC3B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,CAAC,QAAQ,EAAE,EAC/B,QAAQ,UACJ,IAAI,GAEP,MAAM,CACM;QACf,8BAAC,MAAM,QAAE,IAAI,CAAU,CACb,CACb,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA;AAEvB,IAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,wKAAA,qGAK3B,IAAA,CAAA;AAED,IAAM,YAAY,GAAG,gBAAM,CAAC,cAAI,CAAC,qKAAmB,aACzC,EAA2B,mFAKrC,KALU,UAAA,KAAK,IAAI,OAAG,KAAK,CAAC,KAAK,OAAI,EAAlB,CAAkB,CAKrC,CAAA;AAED,IAAM,MAAM,GAAG,gBAAM,CAAC,IAAI,+HAAA,4DAIzB,IAAA,CAAA;AAED,IAAM,GAAG,GAAG,gBAAM,CAAC,IAAI,oLAAuB,yDAGxB,EAAiD,sDAGtE,KAHqB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAxC,CAAwC,CAGtE,CAAA"}

package/dist/components/Chart/index.js

@@ -0,0 +1,105 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var chart_js_1 = require("chart.js");
+var react_chartjs_2_1 = require("react-chartjs-2");
+chart_js_1.Chart.register(chart_js_1.CategoryScale, chart_js_1.LinearScale, chart_js_1.PointElement, chart_js_1.LineElement, chart_js_1.Tooltip, chart_js_1.Legend, chart_js_1.Filler);
+var CustomChart = function (_a) {
+    var xValues = _a.xValues, yValues = _a.yValues, dataPrefix = _a.dataPrefix, _b = _a.height, height = _b === void 0 ? 267 : _b;
+    var chartRef = react_1.useRef(null);
+    var _c = react_1.useState({
+        datasets: []
+    }), chartData = _c[0], setChartData = _c[1];
+    var data = {
+        labels: xValues,
+        datasets: [
+            {
+                data: yValues
+            }
+        ]
+    };
+    var prefix = dataPrefix || '';
+    react_1.useEffect(function () {
+        var chart = chartRef.current;
+        if (!chart) {
+            return;
+        }
+        var context = chart.ctx;
+        var gradient = context.createLinearGradient(0, 0, 0, 200);
+        gradient.addColorStop(0, 'rgba(47, 141, 238, 0.09)');
+        gradient.addColorStop(1, 'rgba(47, 141, 238, 0)');
+        var chartData = __assign(__assign({}, data), { datasets: data.datasets.map(function (dataset) { return (__assign(__assign({}, dataset), { backgroundColor: gradient, fill: true, borderColor: '#2E8DEE', pointRadius: 0 })); }) });
+        setChartData(chartData);
+    }, []);
+    var options = {
+        maintainAspectRatio: false,
+        plugins: {
+            legend: {
+                display: false,
+                labels: {
+                    font: {
+                        family: "'Inter', 'Arial', sans-serif"
+                    }
+                }
+            },
+            tooltip: {
+                intersect: false,
+                padding: 15,
+                displayColors: false,
+                titleAlign: 'center',
+                bodyAlign: 'center',
+                titleFont: {
+                    size: 14
+                },
+                bodyFont: {
+                    size: 14
+                },
+                callbacks: {
+                    label: function (data) {
+                        var label = data.dataset.label || '';
+                        if (data.parsed.y !== null) {
+                            label += "" + prefix + data.parsed.y;
+                        }
+                        return label;
+                    }
+                }
+            }
+        },
+        scales: {
+            x: {
+                ticks: {
+                    color: 'rgba(0, 0, 0, 0.4)'
+                },
+                grid: {
+                    display: false
+                }
+            },
+            y: {
+                ticks: {
+                    maxTicksLimit: 3,
+                    padding: 20,
+                    color: 'rgba(0, 0, 0, 0.4)',
+                    callback: function (label) { return "" + prefix + label; }
+                },
+                grid: {
+                    display: false,
+                    drawBorder: false
+                }
+            }
+        }
+    };
+    return (react_1.default.createElement(react_chartjs_2_1.Chart, { id: "chart", ref: chartRef, type: "line", data: chartData, options: options, height: height }));
+};
+exports.default = CustomChart;
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/SummaryCard/index.js

@@ -9,11 +9,17 @@ var styled_1 = require("@emotion/styled");
 var Typography_1 = require("src/components/Typography");
 var Card_1 = require("src/components/Card");
 var SummaryCard = function (_a) {
-    var label = _a.label, amount = _a.amount, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.height, height = _c === void 0 ? 91 : _c, _d = _a.width, width = _d === void 0 ? 230 : _d;
-    var StyledSummaryCard = styled_1.default(Card_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: ", "px;\n    min-height: ", "px;\n    padding: 3px !important;\n    border-radius: 5px !important;\n  "], ["\n    width: ", "px;\n    min-height: ", "px;\n    padding: 3px !important;\n    border-radius: 5px !important;\n  "])), width, height);
+    var label = _a.label, amount = _a.amount, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.height, height = _c === void 0 ? 91 : _c, _d = _a.width, width = _d === void 0 ? 230 : _d, _e = _a.isInverted, isInverted = _e === void 0 ? false : _e, icon = _a.icon;
+    var StyledSummaryCard = styled_1.default(Card_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: ", ";\n    min-height: ", "px;\n    padding: 3px !important;\n    border-radius: 5px !important;\n\n    ", "\n\n    ", "\n  "], ["\n    width: ", ";\n    min-height: ", "px;\n    padding: 3px !important;\n    border-radius: 5px !important;\n\n    ",
+        "\n\n    ",
+        "\n  "])), typeof width === 'number' ? width + "px" : width, height, icon &&
+        "\n      & > .ant-card-body {\n        display: flex !important;\n        flex-direction: row !important;\n        align-items: center !important;\n      }\n    ", isInverted &&
+        "\n      & > .ant-card-body > div {\n        display: flex !important;\n        flex-direction: column-reverse !important;\n      }\n    ");
     return (react_1.default.createElement(StyledSummaryCard, { type: type },
-        react_1.default.createElement(Typography_1.P1, { style: { marginBottom: '5px' } }, label),
-        react_1.default.createElement(Typography_1.H1, null, amount)));
+        icon && icon,
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(Typography_1.P1, { style: { marginBottom: isInverted ? '0' : '5px' } }, label),
+            react_1.default.createElement(Typography_1.H1, { style: { marginBottom: isInverted ? '5px' : '0' } }, amount))));
 };
 exports.default = SummaryCard;
 var templateObject_1;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SummaryCard/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,wDAAkD;AAElD,4CAAsC;AAUtC,IAAM,WAAW,GAAG,UAAC,EAMF;QALjB,KAAK,WAAA,EACL,MAAM,YAAA,EACN,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA;IAEX,IAAM,iBAAiB,GAAG,gBAAM,CAAC,cAAI,CAAC,wLAAA,eAC3B,EAAK,uBACA,EAAM,2EAGrB,KAJU,KAAK,EACA,MAAM,CAGrB,CAAA;IAED,OAAO,CACL,8BAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI;QAC3B,8BAAC,eAAE,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,IAAG,KAAK,CAAM;QAChD,8BAAC,eAAE,QAAE,MAAM,CAAM,CACC,CACrB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SummaryCard/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,wDAAkD;AAElD,4CAAsC;AAYtC,IAAM,WAAW,GAAG,UAAC,EAQF;QAPjB,KAAK,WAAA,EACL,MAAM,YAAA,EACN,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,IAAI,UAAA;IAEJ,IAAM,iBAAiB,GAAG,gBAAM,CAAC,cAAI,CAAC,8MAAA,eAC3B,EAAgD,qBAC3C,EAAM,+EAIlB;QAOD,UAEC;QAMD,MACF,KArBU,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAI,KAAK,OAAI,CAAC,CAAC,CAAC,KAAK,EAC3C,MAAM,EAIlB,IAAI;QACJ,kKAMD,EAEC,UAAU;QACV,0IAKD,CACF,CAAA;IAED,OAAO,CACL,8BAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI;QAC1B,IAAI,IAAI,IAAI;QACb;YACE,8BAAC,eAAE,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,IAAG,KAAK,CAAM;YACnE,8BAAC,eAAE,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,IAAG,MAAM,CAAM,CAChE,CACY,CACrB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}

package/dist/index.js

@@ -25,6 +25,10 @@ var BadgeIcon_1 = require("src/components/BadgeIcon");
 Object.defineProperty(exports, "BadgeIcon", { enumerable: true, get: function () { return BadgeIcon_1.default; } });
 var Card_1 = require("src/components/Card");
 Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.default; } });
+var Chart_1 = require("src/components/Chart");
+Object.defineProperty(exports, "Chart", { enumerable: true, get: function () { return Chart_1.default; } });
+var Carousel_1 = require("src/components/Carousel");
+Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return Carousel_1.default; } });
 var Dropdown_1 = require("src/components/Dropdown");
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.default; } });
 var DynamicSelect_1 = require("src/components/DynamicSelect");

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,0EAA0E;AAC1E,iCAAiC;;;;;;;;;;;;AAEjC,aAAa;AACb,gDAAyD;AAAhD,gGAAA,OAAO,OAAU;AAC1B,4DAAqE;AAA5D,4GAAA,OAAO,OAAgB;AAChC,wDAAiE;AAAxD,wGAAA,OAAO,OAAc;AAC9B,sDAA+D;AAAtD,sGAAA,OAAO,OAAa;AAC7B,sDAA+D;AAAtD,sGAAA,OAAO,OAAa;AAC7B,4CAAqD;AAA5C,4FAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,8FAAA,OAAO,OAAS;AACzB,oDAA6D;AAApD,oGAAA,OAAO,OAAY;AAC5B,oDAA6D;AAApD,oGAAA,OAAO,OAAY;AAC5B,8DAAuE;AAA9D,8GAAA,OAAO,OAAiB;AACjC,4CAAqD;AAA5C,4FAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,8FAAA,OAAO,OAAS;AACzB,8CAAuD;AAA9C,8FAAA,OAAO,OAAS;AACzB,8CAAuD;AAA9C,8FAAA,OAAO,OAAS;AACzB,kEAA2E;AAAlE,kHAAA,OAAO,OAAmB;AACnC,wDAAiE;AAAxD,wGAAA,OAAO,OAAc;AAC9B,8CAAuD;AAA9C,8FAAA,OAAO,OAAS;AACzB,0DAAmE;AAA1D,0GAAA,OAAO,OAAe;AAC/B,gDAAyD;AAAhD,gGAAA,OAAO,OAAU;AAC1B,8CAAuD;AAA9C,8FAAA,OAAO,OAAS;AACzB,8CAAuD;AAA9C,8FAAA,OAAO,OAAS;AACzB,4CAAqD;AAA5C,4FAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,8FAAA,OAAO,OAAS;AACzB,wDAAiE;AAAxD,wGAAA,OAAO,OAAc;AAC9B,oDAA6D;AAApD,oGAAA,OAAO,OAAY;AAC5B,wDAA8E;AAArE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,oGAAA,MAAM,OAAA;AAAE,oGAAA,MAAM,OAAA;AAC3C,sDAA+D;AAAtD,sGAAA,OAAO,OAAa;AAC7B,kDAA2D;AAAlD,kGAAA,OAAO,OAAW;AAC3B,4CAAqD;AAA5C,4FAAA,OAAO,OAAQ;AACxB,gDAAyD;AAAhD,gGAAA,OAAO,OAAU;AAC1B,oEAA6E;AAApE,oHAAA,OAAO,OAAoB;AACpC,4CAAqD;AAA5C,4FAAA,OAAO,OAAQ;AACxB,gDAAyD;AAAhD,gGAAA,OAAO,OAAU;AAC1B,4CAA6C;AAApC,+FAAA,OAAO,OAAA;AAChB,kDAA2D;AAAlD,kGAAA,OAAO,OAAW;AAC3B,kDAA2D;AAAlD,kGAAA,OAAO,OAAW;AAC3B,sDAA+D;AAAtD,sGAAA,OAAO,OAAa;AAC7B,4CAAqD;AAA5C,4FAAA,OAAO,OAAQ;AACxB,0DAAmE;AAA1D,0GAAA,OAAO,OAAe;AAC/B,oDAA6D;AAApD,oGAAA,OAAO,OAAY;AAE5B,QAAQ;AACR,4CAAyB;AAEzB,QAAQ;AACR,4CAAyB;AAEzB,0CAA4D;AAAnD,mGAAA,UAAU,OAAA;AAAE,sGAAA,aAAa,OAAA;AAClC,wDAAiE;AAAxD,6GAAA,aAAa,OAAA;AAAE,wGAAA,QAAQ,OAAA;AAChC,wDAAiE;AAAxD,6GAAA,aAAa,OAAA;AAAE,wGAAA,QAAQ,OAAA;AAChC,yDAKkC;AAJhC,6HAAA,8BAA8B,OAAA;AAC9B,iHAAA,kBAAkB,OAAA;AAClB,gHAAA,iBAAiB,OAAA;AACjB,gHAAA,iBAAiB,OAAA;AAGnB,sDAU+B;AAT7B,0GAAA,WAAW,OAAA;AACX,2GAAA,YAAY,OAAA;AACZ,yGAAA,UAAU,OAAA;AACV,4GAAA,aAAa,OAAA;AACb,6GAAA,cAAc,OAAA;AACd,0GAAA,WAAW,OAAA;AACX,0GAAA,WAAW,OAAA;AACX,0GAAA,WAAW,OAAA;AACX,gHAAA,iBAAiB,OAAA;AAGnB,gEAMoC;AALlC,6GAAA,SAAS,OAAA;AACT,iHAAA,aAAa,OAAA;AACb,+GAAA,WAAW,OAAA;AACX,6GAAA,SAAS,OAAA;AACT,+GAAA,WAAW,OAAA"}

package/dist/types/components/Carousel/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import 'antd/es/tabs/style/css';
+declare type Props = {
+    activeKey: number;
+    children: React.ReactNode[];
+    width?: number;
+};
+declare function Carousel({ children, activeKey, width, ...rest }: Props): JSX.Element;
+export default Carousel;

package/dist/types/components/Chart/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type ChartProps = {
+    xValues: number[] | string[];
+    yValues: number[];
+    dataPrefix?: string;
+    height?: number;
+};
+declare const CustomChart: ({ xValues, yValues, dataPrefix, height }: ChartProps) => JSX.Element;
+export default CustomChart;

package/dist/types/components/SummaryCard/index.d.ts

@@ -4,7 +4,9 @@ declare type SummaryCardProps = {
     amount: React.ReactNode;
     type?: 'default' | 'dark';
     height?: number;
-    width?: number;
+    width?: number | string;
+    isInverted?: boolean;
+    icon?: React.ReactElement;
 };
-declare const SummaryCard: ({ label, amount, type, height, width }: SummaryCardProps) => JSX.Element;
+declare const SummaryCard: ({ label, amount, type, height, width, isInverted, icon }: SummaryCardProps) => JSX.Element;
 export default SummaryCard;

package/dist/types/index.d.ts

@@ -4,6 +4,8 @@ export { default as ActionCard } from 'src/components/ActionCard';
 export { default as Accordion } from 'src/components/Accordion';
 export { default as BadgeIcon } from 'src/components/BadgeIcon';
 export { default as Card } from 'src/components/Card';
+export { default as Chart } from 'src/components/Chart';
+export { default as Carousel } from 'src/components/Carousel';
 export { default as Dropdown } from 'src/components/Dropdown';
 export { default as DynamicSelect } from 'src/components/DynamicSelect';
 export { default as Form } from 'src/components/Form';