@secondstaxorg/sscomp 1.0.7 → 1.0.9

package/dist/components/Button/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

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

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

package/{build → dist}/components/ButtonOutline/OutlineButton.d.ts

@@ -2,3 +2,4 @@
 import { OutlineButtonProps } from "./type";
 declare const OutlineButton: (props: OutlineButtonProps) => JSX.Element;
 export default OutlineButton;
+//# sourceMappingURL=OutlineButton.d.ts.map

package/dist/components/ButtonOutline/OutlineButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutlineButton.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonOutline/OutlineButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,kBAAkB,EAAC,MAAM,QAAQ,CAAC;AAG1C,QAAA,MAAM,aAAa,UAAU,kBAAkB,gBAG9C,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/ButtonOutline/OutlineButton.js

@@ -0,0 +1,19 @@
+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 { OutlineButtonComp } from "./style";
+var OutlineButton = function (props) {
+    var size = props.size, variant = props.variant, disabled = props.disabled, children = props.children;
+    return React.createElement(OutlineButtonComp, __assign({ className: "".concat(!variant ? 'base' : variant, " ").concat(size, " with-bg"), disabled: disabled }, props), children);
+};
+export default OutlineButton;
+//# sourceMappingURL=OutlineButton.js.map

package/dist/components/ButtonOutline/OutlineButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutlineButton.js","sourceRoot":"","sources":["../../../src/components/ButtonOutline/OutlineButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAE1C,IAAM,aAAa,GAAG,UAAC,KAAwB;IACpC,IAAA,IAAI,GAAiC,KAAK,KAAtC,EAAE,OAAO,GAAwB,KAAK,QAA7B,EAAE,QAAQ,GAAc,KAAK,SAAnB,EAAE,QAAQ,GAAI,KAAK,SAAT,CAAU;IAClD,OAAO,oBAAC,iBAAiB,aAAC,SAAS,EAAE,UAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,cAAI,IAAI,aAAU,EAAE,QAAQ,EAAE,QAAQ,IAAM,KAAK,GAAG,QAAQ,CAAqB,CAAA;AACxJ,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,2 @@
+export { default as Outline } from './OutlineButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ButtonOutline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonOutline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAA"}

package/{build/components/ButtonOutline/index.d.ts → dist/components/ButtonOutline/index.js}

@@ -1 +1,2 @@
-export { default as Outline } from './OutlineButton';
+export { default as Outline } from './OutlineButton';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonOutline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAA"}

package/{build → dist}/components/ButtonOutline/style.d.ts

@@ -1 +1,2 @@
 export declare const OutlineButtonComp: import("styled-components").StyledComponent<"button", any, {}, never>;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/ButtonOutline/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonOutline/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,uEAsI7B,CAAA"}

package/dist/components/ButtonOutline/style.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";
+import theme from "../../theme";
+export var OutlineButtonComp = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  border-radius: 8px;\n  border: 1px solid;\n  //border: transparent;\n  width: 100%;\n  cursor: pointer;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  &.with-bg{\n    background: white !important;\n  }\n  :focus-within,:focus{\n    outline: none;\n    \n  }\n  &:disabled{\n    cursor: not-allowed;\n  }\n\n  //sizes\n  &.sm{\n    padding: 8px 16px;\n    font-size: 14px;\n    height: 33px;\n  }\n  &.md{\n    padding: 12px 18px;\n    font-size: 16px;\n    height: 43px;\n  }\n  &.lg{\n    padding: 14px 20px;\n    font-size: 18px;\n    height: 50px;\n  }\n  \n  //colors\n  &.primary{\n    outline-color: ", ";\n    color: ", ";\n    background: transparent;\n  }\n  &.primary:hover{\n    background: ", ";\n    outline-color: ", ";\n  }\n  &.primary:active{\n    background: ", ";\n    border-color: ", ";\n  }\n  &.primary:focus,.primary:focus-within{\n    outline: 2px solid ", ";\n    border: 1px solid transparent;\n  }\n  &.primary:disabled{\n    background: none;\n    border: 1px solid ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  &.warning{\n    outline-color: ", ";\n    color: ", ";\n    background: transparent;\n  }\n  &.warning:hover{\n    background: ", ";\n    outline-color: ", ";\n  }\n  &.warning:active{\n    background: ", ";\n    border-color: ", ";\n  }\n  &.warning:focus,.warning:focus-within{\n    outline: 2px solid ", ";\n    border: 1px solid transparent;\n  }\n  &.warning:disabled{\n    background: none;\n    border: 1px solid ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  &.success{\n    outline-color: ", ";\n    color: ", ";\n    background: transparent;\n  }\n  &.success:hover{\n    background: ", ";\n    outline-color: ", ";\n  }\n  &.success:active{\n    background: ", ";\n    border-color: ", ";\n  }\n  &.success:focus,.success:focus-within{\n    outline: 2px solid ", ";\n    border: 1px solid transparent;\n  }\n  &.success:disabled{\n    background: none;\n    border: 1px solid ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  &.error{\n    outline-color: ", ";\n    color: ", ";\n    background: transparent;\n  }\n  &.error:hover{\n    background: ", ";\n    outline-color: ", ";\n  }\n  &.error:active{\n    background: ", ";\n    border-color: ", ";\n  }\n  &.error:focus,.error:focus-within{\n    outline: 2px solid ", ";\n    border: 1px solid transparent;\n  }\n  &.error:disabled{\n    background: none;\n    border: 1px solid ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  &.base:disabled{\n    opacity: 0.3;\n  }\n"], ["\n  color: ", ";\n  border-radius: 8px;\n  border: 1px solid;\n  //border: transparent;\n  width: 100%;\n  cursor: pointer;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  &.with-bg{\n    background: white !important;\n  }\n  :focus-within,:focus{\n    outline: none;\n    \n  }\n  &:disabled{\n    cursor: not-allowed;\n  }\n\n  //sizes\n  &.sm{\n    padding: 8px 16px;\n    font-size: 14px;\n    height: 33px;\n  }\n  &.md{\n    padding: 12px 18px;\n    font-size: 16px;\n    height: 43px;\n  }\n  &.lg{\n    padding: 14px 20px;\n    font-size: 18px;\n    height: 50px;\n  }\n  \n  //colors\n  &.primary{\n    outline-color: ", ";\n    color: ", ";\n    background: transparent;\n  }\n  &.primary:hover{\n    background: ", ";\n    outline-color: ", ";\n  }\n  &.primary:active{\n    background: ", ";\n    border-color: ", ";\n  }\n  &.primary:focus,.primary:focus-within{\n    outline: 2px solid ", ";\n    border: 1px solid transparent;\n  }\n  &.primary:disabled{\n    background: none;\n    border: 1px solid ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  &.warning{\n    outline-color: ", ";\n    color: ", ";\n    background: transparent;\n  }\n  &.warning:hover{\n    background: ", ";\n    outline-color: ", ";\n  }\n  &.warning:active{\n    background: ", ";\n    border-color: ", ";\n  }\n  &.warning:focus,.warning:focus-within{\n    outline: 2px solid ", ";\n    border: 1px solid transparent;\n  }\n  &.warning:disabled{\n    background: none;\n    border: 1px solid ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  &.success{\n    outline-color: ", ";\n    color: ", ";\n    background: transparent;\n  }\n  &.success:hover{\n    background: ", ";\n    outline-color: ", ";\n  }\n  &.success:active{\n    background: ", ";\n    border-color: ", ";\n  }\n  &.success:focus,.success:focus-within{\n    outline: 2px solid ", ";\n    border: 1px solid transparent;\n  }\n  &.success:disabled{\n    background: none;\n    border: 1px solid ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  &.error{\n    outline-color: ", ";\n    color: ", ";\n    background: transparent;\n  }\n  &.error:hover{\n    background: ", ";\n    outline-color: ", ";\n  }\n  &.error:active{\n    background: ", ";\n    border-color: ", ";\n  }\n  &.error:focus,.error:focus-within{\n    outline: 2px solid ", ";\n    border: 1px solid transparent;\n  }\n  &.error:disabled{\n    background: none;\n    border: 1px solid ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  &.base:disabled{\n    opacity: 0.3;\n  }\n"])), theme.colors["neutral-900"], theme.colors["primary-500"], theme.colors["primary-500"], theme.colors["neutral-50"], theme.colors["primary-500"], theme.colors["primary-100"], theme.colors["primary-500"], theme.colors["primary-200"], theme.colors["primary-100"], theme.colors["primary-100"], theme.colors["warning-500"], theme.colors["warning-500"], theme.colors["warning-50"], theme.colors["warning-500"], theme.colors["warning-100"], theme.colors["warning-500"], theme.colors["warning-200"], theme.colors["warning-100"], theme.colors["warning-100"], theme.colors["success-500"], theme.colors["success-500"], theme.colors["success-50"], theme.colors["success-500"], theme.colors["success-100"], theme.colors["success-500"], theme.colors["success-200"], theme.colors["success-100"], theme.colors["success-100"], theme.colors["error-500"], theme.colors["error-500"], theme.colors["error-50"], theme.colors["error-500"], theme.colors["error-100"], theme.colors["error-500"], theme.colors["error-200"], theme.colors["error-100"], theme.colors["error-100"]);
+var templateObject_1;
+//# sourceMappingURL=style.js.map

package/dist/components/ButtonOutline/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/ButtonOutline/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,qkFAAA,aACnC,EAA2B,4nBAuCjB,EAA2B,gBACnC,EAA2B,4EAItB,EAA0B,wBACvB,EAA2B,+CAG9B,EAA2B,uBACzB,EAA2B,2EAGtB,EAA2B,kHAK5B,EAA2B,gBACtC,EAA2B,qEAInB,EAA2B,gBACnC,EAA2B,4EAItB,EAA0B,wBACvB,EAA2B,+CAG9B,EAA2B,uBACzB,EAA2B,2EAGtB,EAA2B,kHAK5B,EAA2B,gBACtC,EAA2B,qEAInB,EAA2B,gBACnC,EAA2B,4EAItB,EAA0B,wBACvB,EAA2B,+CAG9B,EAA2B,uBACzB,EAA2B,2EAGtB,EAA2B,kHAK5B,EAA2B,gBACtC,EAA2B,mEAInB,EAAyB,gBACjC,EAAyB,0EAIpB,EAAwB,wBACrB,EAAyB,6CAG5B,EAAyB,uBACvB,EAAyB,uEAGpB,EAAyB,gHAK1B,EAAyB,gBACpC,EAAyB,gFAMrC,KArIU,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAuCjB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EACnC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAItB,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EACvB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAG9B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EACzB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAGtB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAK5B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EACtC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAInB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EACnC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAItB,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EACvB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAG9B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EACzB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAGtB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAK5B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EACtC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAInB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EACnC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAItB,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EACvB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAG9B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EACzB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAGtB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAK5B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EACtC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAInB,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EACjC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAIpB,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,EACrB,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAG5B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EACvB,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAGpB,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAK1B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EACpC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAMrC,CAAA"}

package/{build → dist}/components/ButtonOutline/type.d.ts

@@ -6,3 +6,4 @@ export interface OutlineButtonProps extends React.ButtonHTMLAttributes<HTMLButto
     children: any;
     withBg?: boolean;
 }
+//# sourceMappingURL=type.d.ts.map

package/dist/components/ButtonOutline/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonOutline/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACtD,IAAI,EAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,QAAQ,EAAC,GAAG,CAAC;IACb,MAAM,CAAC,EAAC,OAAO,CAAA;CAClB"}

package/dist/components/ButtonOutline/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/dist/components/ButtonOutline/type.js.map

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

package/{build → dist}/components/Chart/Chart.d.ts

@@ -2,3 +2,4 @@
 import { ChartProps } from "./type";
 declare const Chart: (props: ChartProps) => JSX.Element;
 export default Chart;
+//# sourceMappingURL=Chart.d.ts.map

package/dist/components/Chart/Chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/Chart.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,UAAU,EAAC,MAAM,QAAQ,CAAC;AAMlC,QAAA,MAAM,KAAK,UAAU,UAAU,gBAyI9B,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/components/Chart/Chart.js

@@ -0,0 +1,132 @@
+import React, { useEffect, useState } from "react";
+import { Line } from 'react-chartjs-2';
+import { Chart as ChartJs, registerables } from "chart.js";
+ChartJs.register.apply(ChartJs, registerables);
+import dayjs from "dayjs";
+import theme from "../../theme";
+import { dayDiff } from "./helpers";
+import { ChartContainer, ExchangeCurr, GraphArea, RateDate, RateInfo, TextArea } from "./style";
+var Chart = function (props) {
+    var ratesData = props.ratesData, exchCurrFlag = props.exchCurrFlag, baseCurrCode = props.baseCurrCode, exchCurrName = props.exchCurrName, exchCurrCode = props.exchCurrCode;
+    var _a = useState({}), graphData = _a[0], setGraphData = _a[1];
+    var _b = useState(0), change = _b[0], setChange = _b[1];
+    //generate graph colour based on performance of the currency
+    var performanceColor = function (rateChange) {
+        if (rateChange < 0) { // reduction in currency performance
+            return {
+                borderColor: theme.colors["error-500"],
+                fillColor: theme.colors["error-50"]
+            };
+        }
+        else if (rateChange > 0) { // rise in currency performance
+            return {
+                borderColor: theme.colors["success-500"],
+                fillColor: theme.colors["success-50"]
+            };
+        }
+        else { //no change in performance
+            return {
+                borderColor: theme.colors["neutral-500"],
+                fillColor: theme.colors["neutral-50"]
+            };
+        }
+    };
+    useEffect(function () {
+        var curr = {
+            dates: [],
+            data: [],
+            change: 0
+        };
+        if (ratesData && ratesData.length > 0) {
+            for (var i = 0; i < ratesData.length; i++) {
+                if (ratesData[i].exchCurrency === exchCurrCode && ratesData[i].baseCurrency === baseCurrCode) {
+                    if (curr.dates.length < 7 && curr.data.length < 7) {
+                        curr.dates.push(dayjs(ratesData[i].currDate).format('D MMM'));
+                        curr.data.push(ratesData[i].rate);
+                        curr.change = ratesData[i].rateChange;
+                        setChange(ratesData[i].rateChange);
+                    }
+                }
+            }
+        }
+        var chartData = {
+            labels: curr.dates,
+            datasets: [{
+                    label: '',
+                    data: curr.data,
+                    borderColor: performanceColor(curr.change).borderColor,
+                    backgroundColor: performanceColor(curr.change).fillColor,
+                    fill: true,
+                    tension: 0.23,
+                    borderWidth: 1
+                }]
+        };
+        setGraphData(chartData);
+    }, [ratesData, baseCurrCode, exchCurrCode]);
+    var options = {
+        responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+            legend: {
+                display: false
+            },
+            title: {
+                display: false
+            },
+            tooltip: {
+                enabled: true,
+                intersect: false,
+                backgroundColor: '#F7F9FC',
+                bodyColor: '#070B12',
+                titleColor: '#070B12',
+                displayColors: false,
+                titleAlign: 'center',
+                bodyAlign: 'center',
+                xAlign: 'center',
+                /*borderColor:'#070B12',
+                borderWidth:0.5,*/
+                caretSize: 0,
+                padding: 10
+            }
+        },
+        scales: {
+            y: {
+                display: false,
+                // min:0
+            },
+            x: {
+                display: false,
+            }
+        },
+        elements: {
+            point: {
+                radius: 0
+            }
+        }
+    };
+    return (React.createElement(React.Fragment, null, graphData.labels && graphData.labels.length > 0 &&
+        React.createElement(ChartContainer, null,
+            React.createElement(TextArea, null,
+                React.createElement(ExchangeCurr, null,
+                    React.createElement("img", { src: exchCurrFlag, alt: "Base currency flag" }),
+                    React.createElement("div", null,
+                        React.createElement("p", { className: "curr-name" }, exchCurrName),
+                        React.createElement("p", { className: "curr-code" }, exchCurrCode))),
+                React.createElement("div", { style: { textAlign: "right" } },
+                    React.createElement(RateInfo, null,
+                        change < 0 && React.createElement("i", { className: "icon-arrow-down-right error" }),
+                        change > 0 && React.createElement("i", { className: "icon-arrow-up-right success" }),
+                        change === 0 && React.createElement("i", { className: "icon-dash neutral" }),
+                        exchCurrCode,
+                        " 1.0000 = ",
+                        baseCurrCode,
+                        " ",
+                        graphData.datasets[0].data[graphData.datasets[0].data.length - 1]),
+                    React.createElement(RateDate, null, "".concat(dayDiff(graphData.labels[graphData.labels.length - 1])).concat(dayjs(graphData.labels[graphData.labels.length - 1]).format('MMM D'))))),
+            React.createElement("div", null,
+                React.createElement(GraphArea, null,
+                    React.createElement(Line, { data: graphData, options: options })),
+                React.createElement("div", { style: { height: '10px', background: performanceColor(change).fillColor } })))));
+};
+export default Chart;
+//# sourceMappingURL=Chart.js.map

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

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

package/dist/components/Chart/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare function dayDiff(rateDate: string): "today, " | "yesterday, " | "" | undefined;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/components/Chart/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/helpers.ts"],"names":[],"mappings":"AAGA,wBAAgB,OAAO,CAAC,QAAQ,EAAC,MAAM,8CAqBtC"}

package/dist/components/Chart/helpers.js

@@ -0,0 +1,20 @@
+import dayjs from "dayjs";
+//used to return 'today' or 'yesterday' or date where needed
+export function dayDiff(rateDate) {
+    //format dates
+    var todayFrmt = dayjs(new Date()).format('YYYY M D');
+    var newDayFrmt = dayjs(rateDate).format('YYYY M D');
+    var today = dayjs(todayFrmt);
+    var newDay = dayjs(newDayFrmt);
+    // return today.diff(newDay)+' '
+    if (today.diff(newDay) === 0) {
+        return 'today, ';
+    }
+    if (today.diff(newDay) === 662774400000) {
+        return 'yesterday, ';
+    }
+    if (today.diff(newDay) > 86400000) {
+        return ''; //older than yesterday
+    }
+}
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Chart/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,4DAA4D;AAC5D,MAAM,UAAU,OAAO,CAAC,QAAe;IACnC,cAAc;IACd,IAAM,SAAS,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IACtD,IAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IAErD,IAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;IAC9B,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAA;IAEhC,gCAAgC;IAEhC,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAC;QACzB,OAAO,SAAS,CAAA;KACnB;IAED,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,YAAY,EAAC;QACpC,OAAO,aAAa,CAAA;KACvB;IAED,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,QAAQ,EAAC;QAC9B,OAAO,EAAE,CAAA,CAAC,sBAAsB;KACnC;AACL,CAAC"}

package/{build/components/ChartSmall → dist/components/Chart}/style.d.ts

@@ -4,3 +4,4 @@ export declare const TextArea: import("styled-components").StyledComponent<"div"
 export declare const ExchangeCurr: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RateInfo: import("styled-components").StyledComponent<"p", any, {}, never>;
 export declare const RateDate: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/Chart/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,oEAU1B,CAAA;AAED,eAAO,MAAM,SAAS,oEAErB,CAAA;AAED,eAAO,MAAM,QAAQ,oEAIpB,CAAA;AAED,eAAO,MAAM,YAAY,oEAkBxB,CAAA;AAED,eAAO,MAAM,QAAQ,kEAoBpB,CAAA;AAED,eAAO,MAAM,QAAQ,oEAMpB,CAAA"}

package/dist/components/Chart/style.js

@@ -0,0 +1,14 @@
+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";
+import theme from "../../theme";
+export var ChartContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 448px;\n  height: 174px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  background: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow: hidden;\n"], ["\n  width: 448px;\n  height: 174px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  background: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow: hidden;\n"])), theme.colors["neutral-100"], theme.colors.white);
+export var GraphArea = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 80px;\n"], ["\n  height: 80px;\n"])));
+export var TextArea = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  padding: 16px;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  padding: 16px;\n"])));
+export var ExchangeCurr = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  color: ", ";\n  .curr-name{\n    margin: 0;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 19px;\n    font-family: Circular Book Medium, sans-serif;\n  }\n  .curr-code{\n    margin: 0;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 19px;\n  }\n"], ["\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  color: ", ";\n  .curr-name{\n    margin: 0;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 19px;\n    font-family: Circular Book Medium, sans-serif;\n  }\n  .curr-code{\n    margin: 0;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 19px;\n  }\n"])), theme.colors["neutral-900"]);
+export var RateInfo = styled.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 17px;\n  .success{\n    color: ", ";\n    font-size: 12px;\n  }\n  .error{\n    color: ", ";\n    font-size: 12px;\n  }\n  .neutral{\n    color: ", ";\n    font-size: 12px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 17px;\n  .success{\n    color: ", ";\n    font-size: 12px;\n  }\n  .error{\n    color: ", ";\n    font-size: 12px;\n  }\n  .neutral{\n    color: ", ";\n    font-size: 12px;\n  }\n"])), theme.colors["success-500"], theme.colors["error-500"], theme.colors["neutral-500"]);
+export var RateDate = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 17px;\n  margin: 0;\n"], ["\n  color: ", ";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 17px;\n  margin: 0;\n"])), theme.colors["neutral-400"]);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Chart/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,sRAAA,kFAIlB,EAA2B,mBACjC,EAAkB,0GAKjC,KANqB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EACjC,KAAK,CAAC,MAAM,CAAC,KAAK,CAKjC,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAElC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,8IAAA,2EAIjC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,oZAAA,oEAI3B,EAA2B,2QAcrC,KAdU,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAcrC,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,uXAAA,gKASnB,EAA2B,sDAI3B,EAAyB,wDAIzB,EAA2B,gCAGvC,KAXY,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAI3B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAIzB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAGvC,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,oKAAA,aACvB,EAA2B,kFAKrC,KALU,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAKrC,CAAA"}

package/{build → dist}/components/Chart/type.d.ts

@@ -11,3 +11,4 @@ export interface ChartProps {
     exchCurrCode: string;
     baseCurrCode: string;
 }
+//# sourceMappingURL=type.d.ts.map

package/dist/components/Chart/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,SAAS,EAAC;QACN,YAAY,EAAC,MAAM,CAAC;QACpB,YAAY,EAAC,MAAM,CAAC;QACpB,IAAI,EAAC,MAAM,CAAC;QACZ,QAAQ,EAAC,MAAM,CAAC;QAChB,UAAU,EAAC,MAAM,CAAA;KACpB,EAAE,CAAC;IACJ,YAAY,EAAC,MAAM,CAAC;IACpB,YAAY,EAAC,MAAM,CAAA;IACnB,YAAY,EAAC,MAAM,CAAC;IACpB,YAAY,EAAC,MAAM,CAAA;CACtB"}

package/dist/components/Chart/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

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

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

package/{build → dist}/components/ChartMedium/ChartMedium.d.ts

@@ -2,3 +2,4 @@
 import { ChartProps } from "./type";
 declare const ChartMedium: (props: ChartProps) => JSX.Element;
 export default ChartMedium;
+//# sourceMappingURL=ChartMedium.d.ts.map

package/dist/components/ChartMedium/ChartMedium.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartMedium.d.ts","sourceRoot":"","sources":["../../../src/components/ChartMedium/ChartMedium.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,UAAU,EAAC,MAAM,QAAQ,CAAC;AAMlC,QAAA,MAAM,WAAW,UAAU,UAAU,gBAyIpC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/ChartMedium/ChartMedium.js

@@ -0,0 +1,132 @@
+import React, { useEffect, useState } from "react";
+import { Line } from 'react-chartjs-2';
+import { Chart as ChartJs, registerables } from "chart.js";
+ChartJs.register.apply(ChartJs, registerables);
+import dayjs from "dayjs";
+import theme from "../../theme";
+import { dayDiff } from "./helpers";
+import { ChartContainer, ExchangeCurr, GraphArea, RateDate, RateInfo, TextArea } from "./style";
+var ChartMedium = function (props) {
+    var ratesData = props.ratesData, exchCurrFlag = props.exchCurrFlag, baseCurrCode = props.baseCurrCode, exchCurrName = props.exchCurrName, exchCurrCode = props.exchCurrCode;
+    var _a = useState({}), graphData = _a[0], setGraphData = _a[1];
+    var _b = useState(0), change = _b[0], setChange = _b[1];
+    //generate graph colour based on performance of the currency
+    var performanceColor = function (rateChange) {
+        if (rateChange < 0) { // reduction in currency performance
+            return {
+                borderColor: theme.colors["error-500"],
+                fillColor: theme.colors["error-50"]
+            };
+        }
+        else if (rateChange > 0) { // rise in currency performance
+            return {
+                borderColor: theme.colors["success-500"],
+                fillColor: theme.colors["success-50"]
+            };
+        }
+        else { //no change in performance
+            return {
+                borderColor: theme.colors["neutral-500"],
+                fillColor: theme.colors["neutral-50"]
+            };
+        }
+    };
+    useEffect(function () {
+        var curr = {
+            dates: [],
+            data: [],
+            change: 0
+        };
+        if (ratesData && ratesData.length > 0) {
+            for (var i = 0; i < ratesData.length; i++) {
+                if (ratesData[i].exchCurrency === exchCurrCode && ratesData[i].baseCurrency === baseCurrCode) {
+                    if (curr.dates.length < 7 && curr.data.length < 7) {
+                        curr.dates.push(dayjs(ratesData[i].currDate).format('D MMM'));
+                        curr.data.push(ratesData[i].rate);
+                        curr.change = ratesData[i].rateChange;
+                        setChange(ratesData[i].rateChange);
+                    }
+                }
+            }
+        }
+        var chartData = {
+            labels: curr.dates,
+            datasets: [{
+                    label: '',
+                    data: curr.data,
+                    borderColor: performanceColor(curr.change).borderColor,
+                    backgroundColor: performanceColor(curr.change).fillColor,
+                    fill: true,
+                    tension: 0.23,
+                    borderWidth: 1
+                }]
+        };
+        setGraphData(chartData);
+    }, [ratesData, baseCurrCode, exchCurrCode]);
+    var options = {
+        responsive: true,
+        maintainAspectRatio: false,
+        plugins: {
+            legend: {
+                display: false
+            },
+            title: {
+                display: false
+            },
+            tooltip: {
+                enabled: true,
+                intersect: false,
+                backgroundColor: '#F7F9FC',
+                bodyColor: '#070B12',
+                titleColor: '#070B12',
+                displayColors: false,
+                titleAlign: 'center',
+                bodyAlign: 'center',
+                xAlign: 'center',
+                /*borderColor:'#070B12',
+                borderWidth:0.5,*/
+                caretSize: 0,
+                padding: 10
+            }
+        },
+        scales: {
+            y: {
+                display: false,
+                // min:0
+            },
+            x: {
+                display: false,
+            }
+        },
+        elements: {
+            point: {
+                radius: 0
+            }
+        }
+    };
+    return (React.createElement(React.Fragment, null, graphData.labels && graphData.labels.length > 0 &&
+        React.createElement(ChartContainer, null,
+            React.createElement(TextArea, null,
+                React.createElement(ExchangeCurr, null,
+                    React.createElement("img", { src: exchCurrFlag, alt: "Base currency flag" }),
+                    React.createElement("div", null,
+                        React.createElement("p", { className: "curr-name" }, exchCurrName),
+                        React.createElement("p", { className: "curr-code" }, exchCurrCode))),
+                React.createElement("div", { style: { textAlign: "right" } },
+                    React.createElement(RateInfo, null,
+                        change < 0 && React.createElement("i", { className: "icon-arrow-down-right error" }),
+                        change > 0 && React.createElement("i", { className: "icon-arrow-up-right success" }),
+                        change === 0 && React.createElement("i", { className: "icon-dash neutral" }),
+                        exchCurrCode,
+                        " 1.0000 = ",
+                        baseCurrCode,
+                        " ",
+                        graphData.datasets[0].data[graphData.datasets[0].data.length - 1]),
+                    React.createElement(RateDate, null, "".concat(dayDiff(graphData.labels[graphData.labels.length - 1])).concat(dayjs(graphData.labels[graphData.labels.length - 1]).format('MMM D'))))),
+            React.createElement("div", null,
+                React.createElement(GraphArea, null,
+                    React.createElement(Line, { data: graphData, options: options })),
+                React.createElement("div", { style: { height: '10px', background: performanceColor(change).fillColor } })))));
+};
+export default ChartMedium;
+//# sourceMappingURL=ChartMedium.js.map

package/dist/components/ChartMedium/ChartMedium.js.map

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

package/dist/components/ChartMedium/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare function dayDiff(rateDate: string): "today, " | "yesterday, " | "" | undefined;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/components/ChartMedium/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/ChartMedium/helpers.ts"],"names":[],"mappings":"AAGA,wBAAgB,OAAO,CAAC,QAAQ,EAAC,MAAM,8CAqBtC"}

package/dist/components/ChartMedium/helpers.js

@@ -0,0 +1,20 @@
+import dayjs from "dayjs";
+//used to return 'today' or 'yesterday' or date where needed
+export function dayDiff(rateDate) {
+    //format dates
+    var todayFrmt = dayjs(new Date()).format('YYYY M D');
+    var newDayFrmt = dayjs(rateDate).format('YYYY M D');
+    var today = dayjs(todayFrmt);
+    var newDay = dayjs(newDayFrmt);
+    // return today.diff(newDay)+' '
+    if (today.diff(newDay) === 0) {
+        return 'today, ';
+    }
+    if (today.diff(newDay) === 662774400000) {
+        return 'yesterday, ';
+    }
+    if (today.diff(newDay) > 86400000) {
+        return ''; //older than yesterday
+    }
+}
+//# sourceMappingURL=helpers.js.map

package/dist/components/ChartMedium/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/ChartMedium/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,4DAA4D;AAC5D,MAAM,UAAU,OAAO,CAAC,QAAe;IACnC,cAAc;IACd,IAAM,SAAS,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IACtD,IAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IAErD,IAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;IAC9B,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAA;IAEhC,gCAAgC;IAEhC,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAC;QACzB,OAAO,SAAS,CAAA;KACnB;IAED,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,YAAY,EAAC;QACpC,OAAO,aAAa,CAAA;KACvB;IAED,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,QAAQ,EAAC;QAC9B,OAAO,EAAE,CAAA,CAAC,sBAAsB;KACnC;AACL,CAAC"}

package/{build/components/Chart → dist/components/ChartMedium}/style.d.ts

@@ -4,3 +4,4 @@ export declare const TextArea: import("styled-components").StyledComponent<"div"
 export declare const ExchangeCurr: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RateInfo: import("styled-components").StyledComponent<"p", any, {}, never>;
 export declare const RateDate: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/ChartMedium/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/ChartMedium/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,oEAU1B,CAAA;AAED,eAAO,MAAM,SAAS,oEAGrB,CAAA;AAED,eAAO,MAAM,QAAQ,oEAIpB,CAAA;AAED,eAAO,MAAM,YAAY,oEAkBxB,CAAA;AAED,eAAO,MAAM,QAAQ,kEAoBpB,CAAA;AAED,eAAO,MAAM,QAAQ,oEAMpB,CAAA"}

package/dist/components/ChartMedium/style.js

@@ -0,0 +1,14 @@
+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";
+import theme from "../../theme";
+export var ChartContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 424px;\n  height: 118px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  background: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow: hidden;\n"], ["\n  width: 424px;\n  height: 118px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  background: ", ";\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow: hidden;\n"])), theme.colors["neutral-100"], theme.colors.white);
+export var GraphArea = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  //height: 36px;\n  height: 45px;\n"], ["\n  //height: 36px;\n  height: 45px;\n"])));
+export var TextArea = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  padding: 16px;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  padding: 16px;\n"])));
+export var ExchangeCurr = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  color: ", ";\n  .curr-name{\n    margin: 0;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 17px;\n    font-family: Circular Book Medium, sans-serif;\n  }\n  .curr-code{\n    margin: 0;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 17px;\n  }\n"], ["\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  color: ", ";\n  .curr-name{\n    margin: 0;\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 17px;\n    font-family: Circular Book Medium, sans-serif;\n  }\n  .curr-code{\n    margin: 0;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 17px;\n  }\n"])), theme.colors["neutral-900"]);
+export var RateInfo = styled.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 14px;\n  .success{\n    color: ", ";\n    font-size: 12px;\n  }\n  .error{\n    color: ", ";\n    font-size: 12px;\n  }\n  .neutral{\n    color: ", ";\n    font-size: 12px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 14px;\n  .success{\n    color: ", ";\n    font-size: 12px;\n  }\n  .error{\n    color: ", ";\n    font-size: 12px;\n  }\n  .neutral{\n    color: ", ";\n    font-size: 12px;\n  }\n"])), theme.colors["success-500"], theme.colors["error-500"], theme.colors["neutral-500"]);
+export var RateDate = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 17px;\n  margin: 0;\n"], ["\n  color: ", ";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 17px;\n  margin: 0;\n"])), theme.colors["neutral-400"]);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=style.js.map

package/dist/components/ChartMedium/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/ChartMedium/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,sRAAA,kFAIlB,EAA2B,mBACjC,EAAkB,0GAKjC,KANqB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EACjC,KAAK,CAAC,MAAM,CAAC,KAAK,CAKjC,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,2GAAA,wCAGlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,8IAAA,2EAIjC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,oZAAA,oEAI3B,EAA2B,2QAcrC,KAdU,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAcrC,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,uXAAA,gKASnB,EAA2B,sDAI3B,EAAyB,wDAIzB,EAA2B,gCAGvC,KAXY,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAI3B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAIzB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAGvC,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,oKAAA,aACvB,EAA2B,kFAKrC,KALU,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAKrC,CAAA"}

package/{build → dist}/components/ChartMedium/type.d.ts

@@ -11,3 +11,4 @@ export interface ChartProps {
     exchCurrCode: string;
     baseCurrCode: string;
 }
+//# sourceMappingURL=type.d.ts.map

package/dist/components/ChartMedium/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/ChartMedium/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,SAAS,EAAC;QACN,YAAY,EAAC,MAAM,CAAC;QACpB,YAAY,EAAC,MAAM,CAAC;QACpB,IAAI,EAAC,MAAM,CAAC;QACZ,QAAQ,EAAC,MAAM,CAAC;QAChB,UAAU,EAAC,MAAM,CAAA;KACpB,EAAE,CAAC;IACJ,YAAY,EAAC,MAAM,CAAC;IACpB,YAAY,EAAC,MAAM,CAAA;IACnB,YAAY,EAAC,MAAM,CAAC;IACpB,YAAY,EAAC,MAAM,CAAA;CACtB"}

package/dist/components/ChartMedium/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/dist/components/ChartMedium/type.js.map

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

package/{build → dist}/components/ChartSmall/ChartSmall.d.ts

@@ -2,3 +2,4 @@
 import { ChartProps } from "./type";
 declare const ChartSmall: (props: ChartProps) => JSX.Element;
 export default ChartSmall;
+//# sourceMappingURL=ChartSmall.d.ts.map

package/dist/components/ChartSmall/ChartSmall.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSmall.d.ts","sourceRoot":"","sources":["../../../src/components/ChartSmall/ChartSmall.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,UAAU,EAAC,MAAM,QAAQ,CAAC;AAMlC,QAAA,MAAM,UAAU,UAAU,UAAU,gBAgInC,CAAA;AAED,eAAe,UAAU,CAAA"}