@alixpartners/ui-components 1.22.0 → 1.22.1

package/dist/esm/components/ApWidgets/ApWidgetValueType1/index.js

@@ -1,14 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ApWidgetValueType1"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ApWidgetValueType1"), exports);
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ApWidgets/ApWidgetValueType1/styles.js

@@ -1,14 +1,14 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Value = exports.Label = exports.Wrapper = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../../utils/theme");
-exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-exports.Label = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 11px;\n  color: ", ";\n  letter-spacing: 0;\n  line-height: 13px;\n"], ["\n  font-size: 11px;\n  color: ", ";\n  letter-spacing: 0;\n  line-height: 13px;\n"])), theme_1.colors.grey5);
-exports.Value = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 19px;\n  letter-spacing: 0.44px;\n  line-height: 19px;\n  font-weight: 500;\n  color: ", ";\n  margin-top: 4px;\n"], ["\n  font-size: 19px;\n  letter-spacing: 0.44px;\n  line-height: 19px;\n  font-weight: 500;\n  color: ", ";\n  margin-top: 4px;\n"])), theme_1.colors.grey8);
-var templateObject_1, templateObject_2, templateObject_3;
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Value = exports.Label = exports.Wrapper = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../../utils/theme");
+exports.Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+exports.Label = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 11px;\n  color: ", ";\n  letter-spacing: 0;\n  line-height: 13px;\n"], ["\n  font-size: 11px;\n  color: ", ";\n  letter-spacing: 0;\n  line-height: 13px;\n"])), theme_1.colors.grey5);
+exports.Value = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 19px;\n  letter-spacing: 0.44px;\n  line-height: 19px;\n  font-weight: 500;\n  color: ", ";\n  margin-top: 4px;\n"], ["\n  font-size: 19px;\n  letter-spacing: 0.44px;\n  line-height: 19px;\n  font-weight: 500;\n  color: ", ";\n  margin-top: 4px;\n"])), theme_1.colors.grey8);
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/ApWidgets/ApWorkingCapitalWidget/ApWorkingCapitalWidget.js

@@ -1,71 +1,71 @@
-"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);
-};
-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 });
-exports.ApWorkingCapitalWidget = void 0;
-var React = require("react");
-var ApLoaderDefault_1 = require("../../ApLoaderDefault");
-var ApLoaderText_1 = require("../../ApLoaderText");
-var ApWidgetBigValue_1 = require("../ApWidgetBigValue");
-var ApWidgetBullet_1 = require("../ApWidgetBullet");
-var ApWidgetCard_1 = require("../ApWidgetCard");
-var ApWidgetChangeOverTime_1 = require("../ApWidgetChangeOverTime");
-var ApWidgetChart_1 = require("../ApWidgetChart");
-var ApWidgetErrorMessage_1 = require("../ApWidgetErrorMessage");
-var ApWidgetName_1 = require("../ApWidgetName");
-var ApWidgetValueType1_1 = require("../ApWidgetValueType1");
-var theme_1 = require("../../../utils/theme");
-var styles_1 = require("./styles");
-exports.ApWorkingCapitalWidget = function (_a) {
-    var _b = _a.config, config = _b === void 0 ? { name: '' } : _b, data = _a.data, dataError = _a.dataError, props = __rest(_a, ["config", "data", "dataError"]);
-    return (React.createElement(ApWidgetCard_1.ApWidgetCard, __assign({}, props),
-        React.createElement(styles_1.Container, null,
-            config && (React.createElement(ApWidgetName_1.ApWidgetName, { name: config.name, iconType: config.iconType })),
-            dataError ? (React.createElement(styles_1.StyledWidgetBody, null,
-                React.createElement(ApWidgetErrorMessage_1.ApWidgetErrorMessage, null))) : !data ? (React.createElement(styles_1.StyledWidgetBody, null,
-                React.createElement(ApLoaderDefault_1.ApLoaderDefault, { loaderText: function () { return React.createElement(ApLoaderText_1.ApLoaderText, null); } }))) : (React.createElement(styles_1.BodyWrapper, null,
-                React.createElement(styles_1.LeftContentWrapper, null,
-                    React.createElement(styles_1.VarianceContainer, null,
-                        React.createElement(styles_1.AverageHighlight, { color: data.variance.value < 1 || data.variance.value > 3
-                                ? theme_1.colors.amber
-                                : theme_1.colors.green0 },
-                            React.createElement(ApWidgetBigValue_1.ApWidgetBigValue, null, data.variance.value)),
-                        React.createElement(ApWidgetChangeOverTime_1.ApWidgetChangeOverTime, { value: data.variance.compare, trend: data.variance.trend, label: "On previous period" })),
-                    React.createElement(styles_1.AverageContainer, null,
-                        React.createElement(ApWidgetValueType1_1.ApWidgetValueType1, { label: "Current assets", value: data.currentAssets }),
-                        React.createElement(ApWidgetValueType1_1.ApWidgetValueType1, { label: "Current liabilities", value: data.currentLiabilities })),
-                    React.createElement(ApWidgetBullet_1.ApWidgetBulletList, { list: [
-                            data.timePeriod,
-                            data.viewType,
-                            data.taxonomyType + " taxonomy",
-                        ] })),
-                config && config.widthRatio === 2 ? (React.createElement(styles_1.ChartWrapper, null,
-                    React.createElement(ApWidgetChart_1.ApWidgetChart, { data: data.chartData }))) : null)))));
-};
-exports.ApWorkingCapitalWidget.defaultProps = {
-    config: {
-        name: '',
-    },
-    data: null,
-};
+"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);
+};
+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 });
+exports.ApWorkingCapitalWidget = void 0;
+var React = require("react");
+var ApLoaderDefault_1 = require("../../ApLoaderDefault");
+var ApLoaderText_1 = require("../../ApLoaderText");
+var ApWidgetBigValue_1 = require("../ApWidgetBigValue");
+var ApWidgetBullet_1 = require("../ApWidgetBullet");
+var ApWidgetCard_1 = require("../ApWidgetCard");
+var ApWidgetChangeOverTime_1 = require("../ApWidgetChangeOverTime");
+var ApWidgetChart_1 = require("../ApWidgetChart");
+var ApWidgetErrorMessage_1 = require("../ApWidgetErrorMessage");
+var ApWidgetName_1 = require("../ApWidgetName");
+var ApWidgetValueType1_1 = require("../ApWidgetValueType1");
+var theme_1 = require("../../../utils/theme");
+var styles_1 = require("./styles");
+exports.ApWorkingCapitalWidget = function (_a) {
+    var _b = _a.config, config = _b === void 0 ? { name: '' } : _b, data = _a.data, dataError = _a.dataError, props = __rest(_a, ["config", "data", "dataError"]);
+    return (React.createElement(ApWidgetCard_1.ApWidgetCard, __assign({}, props),
+        React.createElement(styles_1.Container, null,
+            config && (React.createElement(ApWidgetName_1.ApWidgetName, { name: config.name, iconType: config.iconType })),
+            dataError ? (React.createElement(styles_1.StyledWidgetBody, null,
+                React.createElement(ApWidgetErrorMessage_1.ApWidgetErrorMessage, null))) : !data ? (React.createElement(styles_1.StyledWidgetBody, null,
+                React.createElement(ApLoaderDefault_1.ApLoaderDefault, { loaderText: function () { return React.createElement(ApLoaderText_1.ApLoaderText, null); } }))) : (React.createElement(styles_1.BodyWrapper, null,
+                React.createElement(styles_1.LeftContentWrapper, null,
+                    React.createElement(styles_1.VarianceContainer, null,
+                        React.createElement(styles_1.AverageHighlight, { color: data.variance.value < 1 || data.variance.value > 3
+                                ? theme_1.colors.amber
+                                : theme_1.colors.green0 },
+                            React.createElement(ApWidgetBigValue_1.ApWidgetBigValue, null, data.variance.value)),
+                        React.createElement(ApWidgetChangeOverTime_1.ApWidgetChangeOverTime, { value: data.variance.compare, trend: data.variance.trend, label: "On previous period" })),
+                    React.createElement(styles_1.AverageContainer, null,
+                        React.createElement(ApWidgetValueType1_1.ApWidgetValueType1, { label: "Current assets", value: data.currentAssets }),
+                        React.createElement(ApWidgetValueType1_1.ApWidgetValueType1, { label: "Current liabilities", value: data.currentLiabilities })),
+                    React.createElement(ApWidgetBullet_1.ApWidgetBulletList, { list: [
+                            data.timePeriod,
+                            data.viewType,
+                            data.taxonomyType + " taxonomy",
+                        ] })),
+                config && config.widthRatio === 2 ? (React.createElement(styles_1.ChartWrapper, null,
+                    React.createElement(ApWidgetChart_1.ApWidgetChart, { data: data.chartData }))) : null)))));
+};
+exports.ApWorkingCapitalWidget.defaultProps = {
+    config: {
+        name: '',
+    },
+    data: null,
+};
 //# sourceMappingURL=ApWorkingCapitalWidget.js.map

package/dist/esm/components/ApWidgets/ApWorkingCapitalWidget/index.js

@@ -1,14 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ApWorkingCapitalWidget"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ApWorkingCapitalWidget"), exports);
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ApWidgets/ApWorkingCapitalWidget/mockData.js

@@ -1,91 +1,91 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.props = void 0;
-var ApWidgetIcon_1 = require("../ApWidgetIcon");
-var chartData = [
-    {
-        currency: '£',
-        label: 'J',
-        valueType: 'currency',
-        values: [49000000.9, 13000000.6],
-    },
-    {
-        currency: '£',
-        label: 'F',
-        valueType: 'currency',
-        values: [11000000.5, 18000000.8],
-    },
-    {
-        currency: '£',
-        label: 'M',
-        valueType: 'currency',
-        values: [16000000.4, 18000000.5],
-    },
-    {
-        currency: '£',
-        label: 'A',
-        valueType: 'currency',
-        values: [19000000.2, 13000000.4],
-    },
-    {
-        currency: '£',
-        label: 'M',
-        valueType: 'currency',
-        values: [14000000.0, 16000000.0],
-    },
-    {
-        currency: '£',
-        label: 'J',
-        valueType: 'currency',
-        values: [36000000.0, 74000000.5],
-    },
-    {
-        currency: '£',
-        label: 'J',
-        valueType: 'currency',
-        values: [35000000.6, 15000000.0],
-    },
-    {
-        currency: '£',
-        label: 'A',
-        valueType: 'currency',
-        values: [48000000.5, 14000000.3],
-    },
-    {
-        currency: '£',
-        label: 'S',
-        valueType: 'currency',
-        values: [26000000.4, 31000000.2],
-    },
-    {
-        currency: '£',
-        label: 'O',
-        valueType: 'currency',
-        values: [14000000.1, 13000000.5],
-    },
-    {
-        currency: '£',
-        label: 'N',
-        valueType: 'currency',
-        values: [15000000.6, 16000000.6],
-    },
-    {
-        currency: '£',
-        label: 'D',
-        valueType: 'currency',
-        values: [14000000.4, 12000000.3],
-    },
-];
-exports.props = {
-    config: { name: 'Working capital', iconType: ApWidgetIcon_1.ApWidgetIconTypes.chc },
-    data: {
-        chartData: chartData,
-        currentAssets: '£140M',
-        currentLiabilities: '£347M',
-        taxonomyType: 'Standard',
-        timePeriod: 'Jul 2018 - Jun 2019',
-        variance: { value: 0.4, compare: 0.6, trend: 1 },
-        viewType: 'Consolidated',
-    },
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = void 0;
+var ApWidgetIcon_1 = require("../ApWidgetIcon");
+var chartData = [
+    {
+        currency: '£',
+        label: 'J',
+        valueType: 'currency',
+        values: [49000000.9, 13000000.6],
+    },
+    {
+        currency: '£',
+        label: 'F',
+        valueType: 'currency',
+        values: [11000000.5, 18000000.8],
+    },
+    {
+        currency: '£',
+        label: 'M',
+        valueType: 'currency',
+        values: [16000000.4, 18000000.5],
+    },
+    {
+        currency: '£',
+        label: 'A',
+        valueType: 'currency',
+        values: [19000000.2, 13000000.4],
+    },
+    {
+        currency: '£',
+        label: 'M',
+        valueType: 'currency',
+        values: [14000000.0, 16000000.0],
+    },
+    {
+        currency: '£',
+        label: 'J',
+        valueType: 'currency',
+        values: [36000000.0, 74000000.5],
+    },
+    {
+        currency: '£',
+        label: 'J',
+        valueType: 'currency',
+        values: [35000000.6, 15000000.0],
+    },
+    {
+        currency: '£',
+        label: 'A',
+        valueType: 'currency',
+        values: [48000000.5, 14000000.3],
+    },
+    {
+        currency: '£',
+        label: 'S',
+        valueType: 'currency',
+        values: [26000000.4, 31000000.2],
+    },
+    {
+        currency: '£',
+        label: 'O',
+        valueType: 'currency',
+        values: [14000000.1, 13000000.5],
+    },
+    {
+        currency: '£',
+        label: 'N',
+        valueType: 'currency',
+        values: [15000000.6, 16000000.6],
+    },
+    {
+        currency: '£',
+        label: 'D',
+        valueType: 'currency',
+        values: [14000000.4, 12000000.3],
+    },
+];
+exports.props = {
+    config: { name: 'Working capital', iconType: ApWidgetIcon_1.ApWidgetIconTypes.chc },
+    data: {
+        chartData: chartData,
+        currentAssets: '£140M',
+        currentLiabilities: '£347M',
+        taxonomyType: 'Standard',
+        timePeriod: 'Jul 2018 - Jun 2019',
+        variance: { value: 0.4, compare: 0.6, trend: 1 },
+        viewType: 'Consolidated',
+    },
+};
 //# sourceMappingURL=mockData.js.map

package/dist/esm/components/ApWidgets/ApWorkingCapitalWidget/styles.js

@@ -1,21 +1,21 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AverageHighlight = exports.ChartWrapper = exports.LeftContentWrapper = exports.BodyWrapper = exports.AverageContainer = exports.VarianceContainer = exports.Value = exports.Label = exports.Container = exports.StyledWidgetBody = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../../utils/theme");
-exports.StyledWidgetBody = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 100%;\n"])));
-exports.Container = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n"])));
-exports.Label = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 11px;\n  color: ", ";\n"], ["\n  font-size: 11px;\n  color: ", ";\n"])), theme_1.colors.grey5);
-exports.Value = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 13px;\n  font-weight: bold;\n  color: ", ";\n  margin-top: 8px;\n"], ["\n  font-size: 13px;\n  font-weight: bold;\n  color: ", ";\n  margin-top: 8px;\n"])), theme_1.colors.grey7);
-exports.VarianceContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  & > div {\n    flex: 50%;\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  & > div {\n    flex: 50%;\n  }\n"])));
-exports.AverageContainer = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  & > div {\n    flex: 50%;\n    margin: 0 8px 0 0;\n  }\n  margin: 20px 0;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  & > div {\n    flex: 50%;\n    margin: 0 8px 0 0;\n  }\n  margin: 20px 0;\n"])));
-exports.BodyWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  flex-grow: 1;\n  position: relative;\n\n  & > div {\n    flex: 1 1 0;\n    width: 50%;\n  }\n"], ["\n  display: flex;\n  flex-grow: 1;\n  position: relative;\n\n  & > div {\n    flex: 1 1 0;\n    width: 50%;\n  }\n"])));
-exports.LeftContentWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-exports.ChartWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: relative;\n  top: -50px;\n  margin-bottom: -50px;\n"], ["\n  position: relative;\n  top: -50px;\n  margin-bottom: -50px;\n"])));
-exports.AverageHighlight = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  &,\n  & > div {\n    color: ", ";\n    position: relative;\n    top: 3px;\n  }\n"], ["\n  &,\n  & > div {\n    color: ", ";\n    position: relative;\n    top: 3px;\n  }\n"])), function (props) { return props.color; });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AverageHighlight = exports.ChartWrapper = exports.LeftContentWrapper = exports.BodyWrapper = exports.AverageContainer = exports.VarianceContainer = exports.Value = exports.Label = exports.Container = exports.StyledWidgetBody = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../../utils/theme");
+exports.StyledWidgetBody = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 100%;\n"])));
+exports.Container = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n"])));
+exports.Label = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 11px;\n  color: ", ";\n"], ["\n  font-size: 11px;\n  color: ", ";\n"])), theme_1.colors.grey5);
+exports.Value = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 13px;\n  font-weight: bold;\n  color: ", ";\n  margin-top: 8px;\n"], ["\n  font-size: 13px;\n  font-weight: bold;\n  color: ", ";\n  margin-top: 8px;\n"])), theme_1.colors.grey7);
+exports.VarianceContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  & > div {\n    flex: 50%;\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  & > div {\n    flex: 50%;\n  }\n"])));
+exports.AverageContainer = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  & > div {\n    flex: 50%;\n    margin: 0 8px 0 0;\n  }\n  margin: 20px 0;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  & > div {\n    flex: 50%;\n    margin: 0 8px 0 0;\n  }\n  margin: 20px 0;\n"])));
+exports.BodyWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  flex-grow: 1;\n  position: relative;\n\n  & > div {\n    flex: 1 1 0;\n    width: 50%;\n  }\n"], ["\n  display: flex;\n  flex-grow: 1;\n  position: relative;\n\n  & > div {\n    flex: 1 1 0;\n    width: 50%;\n  }\n"])));
+exports.LeftContentWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+exports.ChartWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: relative;\n  top: -50px;\n  margin-bottom: -50px;\n"], ["\n  position: relative;\n  top: -50px;\n  margin-bottom: -50px;\n"])));
+exports.AverageHighlight = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  &,\n  & > div {\n    color: ", ";\n    position: relative;\n    top: 3px;\n  }\n"], ["\n  &,\n  & > div {\n    color: ", ";\n    position: relative;\n    top: 3px;\n  }\n"])), function (props) { return props.color; });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/ApWidgets/types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/dist/esm/components/Table/Table.js

@@ -1,82 +1,82 @@
-"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);
-};
-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 });
-exports.Td = exports.Tr = exports.Th = exports.TBody = exports.THead = exports.Table = void 0;
-var React = require("react");
-var styles_1 = require("./styles");
-exports.Table = function (_a) {
-    var children = _a.children, breakpoint = _a.breakpoint, props = __rest(_a, ["children", "breakpoint"]);
-    var dataAttr = React.Children.map(children, function (child) {
-        if (typeof child.type === 'function' && child.type.name === 'THead') {
-            return child.props.children.props.children.map(function (attr) { return attr.props.children; });
-        }
-        return null;
-    });
-    var tableChildren = React.Children.map(children, function (child) {
-        if (typeof child.type === 'function' && child.type.name === 'TBody') {
-            return React.cloneElement(child, {
-                dataAttr: dataAttr
-            });
-        }
-        return child;
-    });
-    return (React.createElement(styles_1.StyledTable, __assign({}, props, { breakpoint: breakpoint }), tableChildren));
-};
-exports.THead = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(styles_1.StyledTHead, __assign({}, props), children));
-};
-exports.TBody = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var tBodyChildren = React.Children.map(children, function (child) {
-        return React.cloneElement(child, {
-            dataAttr: props.dataAttr
-        });
-    });
-    return React.createElement(styles_1.StyledTBody, __assign({}, props), tBodyChildren);
-};
-exports.Th = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(styles_1.StyledTh, __assign({}, props), children));
-};
-exports.Tr = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var trChildren = React.Children.map(children, function (child, index) {
-        if (typeof child.type === 'function' && child.type.name === 'Td') {
-            return React.cloneElement(child, {
-                dataAttr: props.dataAttr ? props.dataAttr[index] : null
-            });
-        }
-        return child;
-    });
-    return React.createElement(styles_1.StyledTr, __assign({}, props), trChildren);
-};
-exports.Td = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(styles_1.StyledTd, __assign({}, props, { dataAttr: props.dataAttr }), children));
-};
-exports.Table.defaultProps = {
-    breakpoint: '0px'
-};
+"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);
+};
+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 });
+exports.Td = exports.Tr = exports.Th = exports.TBody = exports.THead = exports.Table = void 0;
+var React = require("react");
+var styles_1 = require("./styles");
+exports.Table = function (_a) {
+    var children = _a.children, breakpoint = _a.breakpoint, props = __rest(_a, ["children", "breakpoint"]);
+    var dataAttr = React.Children.map(children, function (child) {
+        if (typeof child.type === 'function' && child.type.name === 'THead') {
+            return child.props.children.props.children.map(function (attr) { return attr.props.children; });
+        }
+        return null;
+    });
+    var tableChildren = React.Children.map(children, function (child) {
+        if (typeof child.type === 'function' && child.type.name === 'TBody') {
+            return React.cloneElement(child, {
+                dataAttr: dataAttr
+            });
+        }
+        return child;
+    });
+    return (React.createElement(styles_1.StyledTable, __assign({}, props, { breakpoint: breakpoint }), tableChildren));
+};
+exports.THead = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(styles_1.StyledTHead, __assign({}, props), children));
+};
+exports.TBody = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var tBodyChildren = React.Children.map(children, function (child) {
+        return React.cloneElement(child, {
+            dataAttr: props.dataAttr
+        });
+    });
+    return React.createElement(styles_1.StyledTBody, __assign({}, props), tBodyChildren);
+};
+exports.Th = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(styles_1.StyledTh, __assign({}, props), children));
+};
+exports.Tr = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var trChildren = React.Children.map(children, function (child, index) {
+        if (typeof child.type === 'function' && child.type.name === 'Td') {
+            return React.cloneElement(child, {
+                dataAttr: props.dataAttr ? props.dataAttr[index] : null
+            });
+        }
+        return child;
+    });
+    return React.createElement(styles_1.StyledTr, __assign({}, props), trChildren);
+};
+exports.Td = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (React.createElement(styles_1.StyledTd, __assign({}, props, { dataAttr: props.dataAttr }), children));
+};
+exports.Table.defaultProps = {
+    breakpoint: '0px'
+};
 //# sourceMappingURL=Table.js.map