@alixpartners/ui-components 1.22.0 → 1.22.1

package/artefact/dist/esm/components/ApWidgets/ApKPIWidget/mockData.js

@@ -0,0 +1,269 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.propsWithCurrency = exports.props = exports.singleSectionTableData = void 0;
+var ApWidgetIcon_1 = require("../ApWidgetIcon");
+var chartData = [
+    {
+        currency: '$',
+        label: 'J',
+        valueType: 'percentage',
+        values: [49.9, 13.6],
+    },
+    {
+        currency: '$',
+        label: 'F',
+        valueType: 'percentage',
+        values: [11.5, 18.8],
+    },
+    {
+        currency: '$',
+        label: 'M',
+        valueType: 'percentage',
+        values: [16.4, 18.5],
+    },
+    {
+        currency: '$',
+        label: 'A',
+        valueType: 'percentage',
+        values: [19.2, 13.4],
+    },
+    {
+        currency: '$',
+        label: 'M',
+        valueType: 'percentage',
+        values: [14.0, 16.0],
+    },
+    {
+        currency: '$',
+        label: 'J',
+        valueType: 'percentage',
+        values: [36.0, 74.5],
+    },
+    {
+        currency: '$',
+        label: 'J',
+        valueType: 'percentage',
+        values: [35.6, 15.0],
+    },
+    {
+        currency: '$',
+        label: 'A',
+        valueType: 'percentage',
+        values: [48.5, 14.3],
+    },
+    {
+        currency: '$',
+        label: 'S',
+        valueType: 'percentage',
+        values: [26.4, 31.2],
+    },
+    {
+        currency: '$',
+        label: 'O',
+        valueType: 'percentage',
+        values: [14.1, 13.5],
+    },
+    {
+        currency: '$',
+        label: 'N',
+        valueType: 'percentage',
+        values: [15.6, 16.6],
+    },
+    {
+        currency: '$',
+        label: 'D',
+        valueType: 'percentage',
+        values: [14.4, 12.3],
+    },
+];
+var currencyChartData = [
+    {
+        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],
+    },
+];
+var tableData = {
+    bottom: [
+        {
+            change: '0.1%',
+            current: '$58.3',
+            isUpTrendNegative: true,
+            prev: '$52.7',
+            title: 'Restaurant name',
+            trend: 1,
+        },
+        {
+            change: '0.1%',
+            current: '$58.2',
+            prev: '$52.7',
+            title: 'Restaurant name',
+            trend: 1,
+        },
+        {
+            change: '0.1%',
+            current: '$58.1',
+            isUpTrendNegative: true,
+            prev: '$52.7',
+            title: 'Restaurant name',
+            trend: -1,
+        },
+    ],
+    top: [
+        {
+            change: '0.1%',
+            current: '$58.1',
+            isUpTrendNegative: true,
+            prev: '$52.7',
+            title: 'Restaurant name long1 long2 long3 long4 long5 long6',
+            trend: 1,
+        },
+        {
+            change: '0.1%',
+            current: '$58.2',
+            prev: '$52.7',
+            title: 'Restaurant name',
+            trend: -1,
+        },
+        {
+            change: '0.1%',
+            current: '$58.3',
+            prev: '$52.7',
+            title: 'Restaurant name',
+            trend: 1,
+        },
+    ],
+};
+exports.singleSectionTableData = {
+    all: [
+        {
+            change: '0.1%',
+            current: '$58.1',
+            prev: '$52.7',
+            title: 'Restaurant name',
+            trend: 1,
+        },
+        {
+            change: '0.1%',
+            current: '$58.2',
+            isUpTrendNegative: true,
+            prev: '$52.7',
+            title: 'Restaurant name',
+            trend: -1,
+        },
+        {
+            change: '0.1%',
+            current: '$58.3',
+            isUpTrendNegative: true,
+            prev: '$52.7',
+            title: 'Restaurant name',
+            trend: 1,
+        },
+        {
+            change: '0.1%',
+            current: '$58.3',
+            prev: '$52.7',
+            title: 'Restaurant name',
+            trend: 1,
+        },
+        {
+            change: '0.1%',
+            current: '$58.3',
+            prev: '$52.7',
+            title: 'Restaurant name',
+            trend: 1,
+        },
+    ],
+};
+exports.props = {
+    config: { name: 'Current gross margin', iconType: ApWidgetIcon_1.ApWidgetIconTypes.chc },
+    data: {
+        attributes: ['Jan - Dec 2019', 'Consolidated', 'Standard taxonomy'],
+        chartData: chartData,
+        compareValue: 1.1,
+        tableData: tableData,
+        tableName: 'Plant',
+        value: '$57.3',
+        valuePairs: [{ label: 'Prev period', value: '$52.1' }],
+    },
+};
+exports.propsWithCurrency = {
+    config: { name: 'Current gross margin', iconType: ApWidgetIcon_1.ApWidgetIconTypes.chc },
+    data: {
+        attributes: ['Jan - Dec 2019', 'Consolidated', 'Standard taxonomy'],
+        chartData: currencyChartData,
+        compareValue: 1.1,
+        tableData: tableData,
+        tableName: 'Plant',
+        value: '$57.3',
+        valuePairs: [{ label: 'Prev period', value: '$52.1' }],
+    },
+};
+//# sourceMappingURL=mockData.js.map

package/artefact/dist/esm/components/ApWidgets/ApKPIWidget/mockData.js.map

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

package/artefact/dist/esm/components/ApWidgets/ApKPIWidget/styles.js

@@ -0,0 +1,29 @@
+"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.NoDataMessage = exports.ChangeOverTime = exports.Table = exports.TableBottomHeader = exports.WithEllipsis = exports.TableTopHeader = exports.CenterAlign = exports.AverageContainer = exports.VarianceContainer = exports.Value = exports.Label = exports.BottomContentWrapper = exports.TopContentWrapper = exports.BodyWrapper = exports.ChartWrapper = exports.Container = exports.StyledWidgetBody = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../../utils/theme");
+var ApWidgetChangeOverTime_1 = require("../ApWidgetChangeOverTime");
+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  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  position: relative;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  position: relative;\n"])));
+exports.ChartWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  top: -50px;\n  margin-bottom: -50px;\n"], ["\n  position: relative;\n  top: -50px;\n  margin-bottom: -50px;\n"])));
+exports.BodyWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n"])));
+exports.TopContentWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-grow: 1;\n  height: 98px;\n\n  position: relative;\n\n  & > div {\n    flex: 1 1 0;\n    width: 50%;\n    position: relative;\n  }\n"], ["\n  display: flex;\n  flex-grow: 1;\n  height: 98px;\n\n  position: relative;\n\n  & > div {\n    flex: 1 1 0;\n    width: 50%;\n    position: relative;\n  }\n"])));
+exports.BottomContentWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  height: 50%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  height: 50%;\n"])));
+exports.Label = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __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_8 || (templateObject_8 = __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_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
+exports.AverageContainer = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __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.CenterAlign = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  & > svg {\n    margin: 30px auto;\n    fill: ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  & > svg {\n    margin: 30px auto;\n    fill: ", ";\n  }\n"])), theme_1.colors.grey3);
+exports.TableTopHeader = styled_components_1.default.tr(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  color: ", ";\n  line-height: 13px;\n\n  th {\n    font-weight: 100;\n    padding-top: 6px;\n    height: 20px;\n    letter-spacing: 0;\n  }\n"], ["\n  color: ", ";\n  line-height: 13px;\n\n  th {\n    font-weight: 100;\n    padding-top: 6px;\n    height: 20px;\n    letter-spacing: 0;\n  }\n"])), theme_1.colors.grey5);
+exports.WithEllipsis = styled_components_1.default.td(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  position: relative;\n\n  &:before {\n    content: ' ';\n    visibility: hidden;\n  }\n  & span {\n    position: absolute;\n    left: 0;\n    right: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"], ["\n  position: relative;\n\n  &:before {\n    content: ' ';\n    visibility: hidden;\n  }\n  & span {\n    position: absolute;\n    left: 0;\n    right: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])));
+exports.TableBottomHeader = styled_components_1.default(exports.TableTopHeader)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  th {\n    padding-top: 18px;\n    height: 20px;\n  }\n"], ["\n  th {\n    padding-top: 18px;\n    height: 20px;\n  }\n"])));
+exports.Table = styled_components_1.default.table(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  width: 100%;\n  border: none;\n  margin-top: 30px;\n  color: ", ";\n  font-size: 13px;\n  border-spacing: 0;\n  text-align: right;\n\n  & + & {\n    margin-top: 18px;\n  }\n\n  tr {\n    color: ", ";\n    font-size: 13px;\n    letter-spacing: 0.8px;\n    line-height: 19px;\n    td {\n      border-bottom: 1px solid ", ";\n      height: 24px;\n      width: auto;\n    }\n    td + td {\n      width: 80px;\n      font-weight: bold;\n    }\n    td:last-child {\n      width: 70px;\n    }\n  }\n\n  ", " {\n    font-size: 11px;\n  }\n\n  tr:last-child {\n    td {\n      border-bottom: none;\n    }\n  }\n\n  th:first-child,\n  td:first-child {\n    text-align: left;\n  }\n"], ["\n  width: 100%;\n  border: none;\n  margin-top: 30px;\n  color: ", ";\n  font-size: 13px;\n  border-spacing: 0;\n  text-align: right;\n\n  & + & {\n    margin-top: 18px;\n  }\n\n  tr {\n    color: ", ";\n    font-size: 13px;\n    letter-spacing: 0.8px;\n    line-height: 19px;\n    td {\n      border-bottom: 1px solid ", ";\n      height: 24px;\n      width: auto;\n    }\n    td + td {\n      width: 80px;\n      font-weight: bold;\n    }\n    td:last-child {\n      width: 70px;\n    }\n  }\n\n  ", " {\n    font-size: 11px;\n  }\n\n  tr:last-child {\n    td {\n      border-bottom: none;\n    }\n  }\n\n  th:first-child,\n  td:first-child {\n    text-align: left;\n  }\n"])), theme_1.colors.grey8, theme_1.colors.grey8, theme_1.colors.grey3, exports.TableTopHeader);
+exports.ChangeOverTime = styled_components_1.default(ApWidgetChangeOverTime_1.ApWidgetChangeOverTime)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  & > div {\n    margin-left: auto;\n  }\n\n  & > div > div {\n    color: ", ";\n    font-size: 13px;\n    letter-spacing: 0.8px;\n    line-height: 19px;\n  }\n\n  svg {\n    height: 12px;\n  }\n"], ["\n  & > div {\n    margin-left: auto;\n  }\n\n  & > div > div {\n    color: ", ";\n    font-size: 13px;\n    letter-spacing: 0.8px;\n    line-height: 19px;\n  }\n\n  svg {\n    height: 12px;\n  }\n"])), theme_1.colors.grey8);
+exports.NoDataMessage = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  height: calc(100% - 32px);\n  margin: 16px 0;\n  border: 1px solid ", ";\n  border-radius: 1px;\n\n  font-size: 11px;\n  color: ", ";\n  letter-spacing: 0;\n  line-height: 13px;\n\n  svg {\n    height: auto;\n    fill: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  height: calc(100% - 32px);\n  margin: 16px 0;\n  border: 1px solid ", ";\n  border-radius: 1px;\n\n  font-size: 11px;\n  color: ", ";\n  letter-spacing: 0;\n  line-height: 13px;\n\n  svg {\n    height: auto;\n    fill: ", ";\n  }\n"])), theme_1.colors.grey2, theme_1.colors.grey4, theme_1.colors.grey4);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
+//# sourceMappingURL=styles.js.map

package/artefact/dist/esm/components/ApWidgets/ApKPIWidget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApKPIWidget/styles.tsx"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,8CAA6C;AAC7C,oEAAkE;AAErD,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,iKAAA,8FAKzC,KAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,4KAAA,yGAMlC,KAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,sIAAA,mEAIrC,KAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,qIAAA,kEAIpC,KAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,oOAAA,iKAY1C,KAAA;AACY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,qJAAA,kFAK7C,KAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,2GAAA,iCAEpB,EAAY,KACtB,KADU,cAAM,CAAC,KAAK,EACtB;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,qJAAA,uDAGpB,EAAY,yBAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,oJAAA,iFAI1C,KAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,2MAAA,sIAQzC,KAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,4MAAA,2HAOzB,EAAY,UAEvB,KAFW,cAAM,CAAC,KAAK,EAEvB;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,EAAE,uNAAA,aAC5B,EAAY,mIAStB,KATU,cAAM,CAAC,KAAK,EAStB;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,EAAE,4TAAA,uPAepC,KAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,sBAAc,CAAC,iIAAA,4DAKtD,KAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,0uBAAA,mEAItB,EAAY,mIAUV,EAAY,wHAKQ,EAAY,kLAazC,EAAc,6KAcjB,KA1CU,cAAM,CAAC,KAAK,EAUV,cAAM,CAAC,KAAK,EAKQ,cAAM,CAAC,KAAK,EAazC,sBAAc,EAcjB;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,+CAAsB,CAAC,4QAAA,8EAM/C,EAAY,uHASxB,KATY,cAAM,CAAC,KAAK,EASxB;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,mZAAA,0KAOjB,EAAY,2DAIvB,EAAY,yFAMX,EAAY,UAEvB,KAZqB,cAAM,CAAC,KAAK,EAIvB,cAAM,CAAC,KAAK,EAMX,cAAM,CAAC,KAAK,EAEvB"}

package/artefact/dist/esm/components/ApWidgets/ApPersonnelThirdPartyWidget/ApPersonnelThirdPartyWidget.js

@@ -0,0 +1,73 @@
+"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.ApPersonnelThirdPartyWidget = 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 ApWidgetErrorMessage_1 = require("../ApWidgetErrorMessage");
+var ApWidgetName_1 = require("../ApWidgetName");
+var ApWidgetValueType1_1 = require("../ApWidgetValueType1");
+var styles_1 = require("./styles");
+exports.ApPersonnelThirdPartyWidget = function (_a) {
+    var _b = _a.config, config = _b === void 0 ? { name: '' } : _b, data = _a.data, dataError = _a.dataError, iconType = _a.iconType, props = __rest(_a, ["config", "data", "dataError", "iconType"]);
+    return (React.createElement(ApWidgetCard_1.ApWidgetCard, __assign({}, props),
+        React.createElement(styles_1.Container, null,
+            data && data.nameLeft && data.nameRight
+                ? (React.createElement(styles_1.BodyWrapper, null,
+                    React.createElement(ApWidgetName_1.ApWidgetName, { name: data.nameLeft, iconType: config.iconType }),
+                    React.createElement(ApWidgetName_1.ApWidgetName, { name: data.nameRight })))
+                : null,
+            dataError ? (React.createElement(styles_1.StyledWidgetBody, null,
+                React.createElement(ApWidgetErrorMessage_1.ApWidgetErrorMessage, null))) : (!data || !data.values) ? (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.TopContainer, null,
+                        React.createElement(ApWidgetValueType1_1.ApWidgetValueType1, { label: data.values.left.currentPeriod, value: React.createElement(ApWidgetBigValue_1.ApWidgetBigValue, null, data.values.left.currentValue) }),
+                        React.createElement(ApWidgetValueType1_1.ApWidgetValueType1, { label: data.values.left.previousPeriod, value: data.values.left.previousValue })),
+                    React.createElement(styles_1.AverageContainer, null,
+                        React.createElement(ApWidgetChangeOverTime_1.ApWidgetChangeOverTime, { value: data.values.left.netChange, trend: 1, isNoCriteria: true, label: "Net change" }),
+                        React.createElement(ApWidgetValueType1_1.ApWidgetValueType1, { label: "Variance", value: data.values.left.variance }))),
+                React.createElement(styles_1.LeftContentWrapper, null,
+                    React.createElement(styles_1.TopContainer, null,
+                        React.createElement(ApWidgetValueType1_1.ApWidgetValueType1, { label: data.values.right.currentPeriod, value: React.createElement(ApWidgetBigValue_1.ApWidgetBigValue, null, data.values.right.currentValue) }),
+                        React.createElement(ApWidgetValueType1_1.ApWidgetValueType1, { label: data.values.right.previousPeriod, value: data.values.right.previousValue })),
+                    React.createElement(styles_1.AverageContainer, null,
+                        React.createElement(ApWidgetChangeOverTime_1.ApWidgetChangeOverTime, { value: data.values.right.netChange, trend: 1, isNoCriteria: true, label: "Net change" }),
+                        React.createElement(ApWidgetValueType1_1.ApWidgetValueType1, { label: "Variance", value: data.values.right.variance }))))),
+            data && data.tags && data.tags.length !== 0 && (React.createElement(ApWidgetBullet_1.ApWidgetBulletList, { list: data.tags })))));
+};
+exports.ApPersonnelThirdPartyWidget.defaultProps = {
+    data: {
+        nameLeft: 'Left',
+        nameRight: 'Right',
+        values: undefined,
+        tags: [],
+    },
+};
+//# sourceMappingURL=ApPersonnelThirdPartyWidget.js.map

package/artefact/dist/esm/components/ApWidgets/ApPersonnelThirdPartyWidget/ApPersonnelThirdPartyWidget.js.map

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

package/artefact/dist/esm/components/ApWidgets/ApPersonnelThirdPartyWidget/index.js

@@ -0,0 +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("./ApPersonnelThirdPartyWidget"), exports);
+//# sourceMappingURL=index.js.map

package/artefact/dist/esm/components/ApWidgets/ApPersonnelThirdPartyWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApPersonnelThirdPartyWidget/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gEAA6C"}

package/artefact/dist/esm/components/ApWidgets/ApPersonnelThirdPartyWidget/mockData.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = void 0;
+var ApWidgetIcon_1 = require("../ApWidgetIcon");
+exports.props = {
+    config: { name: '', iconType: ApWidgetIcon_1.ApWidgetIconTypes.tsxr },
+    data: {
+        nameLeft: 'Capex Y-O-Y comparison (US$, M)',
+        nameRight: 'Opex Y-O-Y comparison (US$, M)',
+        values: {
+            left: {
+                currentValue: '140',
+                previousValue: '347',
+                currentPeriod: 'Jul 2019 - Jun 2020',
+                previousPeriod: 'Jul 2018 - Jun 2019',
+                netChange: 8.74,
+                variance: '16.72%'
+            },
+            right: {
+                currentValue: '25',
+                previousValue: '13',
+                currentPeriod: 'Jul 2018 - Jun 2019',
+                previousPeriod: 'Jul 2017 - Jun 2018',
+                netChange: 5.4,
+                variance: '6.43%'
+            },
+        },
+        tags: ['Geography'],
+    },
+};
+//# sourceMappingURL=mockData.js.map

package/artefact/dist/esm/components/ApWidgets/ApPersonnelThirdPartyWidget/mockData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockData.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApPersonnelThirdPartyWidget/mockData.tsx"],"names":[],"mappings":";;;AAAA,gDAAmD;AAEtC,QAAA,KAAK,GAAG;IACnB,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,gCAAiB,CAAC,IAAI,EAAE;IACtD,IAAI,EAAE;QACJ,QAAQ,EAAE,iCAAiC;QAC3C,SAAS,EAAE,gCAAgC;QAC3C,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,YAAY,EAAE,KAAK;gBACnB,aAAa,EAAE,KAAK;gBACpB,aAAa,EAAE,qBAAqB;gBACpC,cAAc,EAAE,qBAAqB;gBACrC,SAAS,EAAE,IAAI;gBACf,QAAQ,EAAE,QAAQ;aACnB;YACD,KAAK,EAAE;gBACL,YAAY,EAAE,IAAI;gBAClB,aAAa,EAAE,IAAI;gBACnB,aAAa,EAAE,qBAAqB;gBACpC,cAAc,EAAE,qBAAqB;gBACrC,SAAS,EAAE,GAAG;gBACd,QAAQ,EAAE,OAAO;aAClB;SACF;QACD,IAAI,EAAE,CAAC,WAAW,CAAC;KACpB;CACF,CAAC"}

package/artefact/dist/esm/components/ApWidgets/ApPersonnelThirdPartyWidget/styles.js

@@ -0,0 +1,23 @@
+"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.TopContainer = exports.VarianceContainer = exports.Value = exports.Label = exports.TitleWrapper = 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.TitleWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n"], ["\n  display: flex;\n  flex: 1;\n"])));
+exports.Label = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __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_5 || (templateObject_5 = __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_6 || (templateObject_6 = __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.TopContainer = styled_components_1.default(exports.VarianceContainer)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: flex-start;\n"], ["\n  align-items: flex-start;\n"])));
+exports.AverageContainer = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __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_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n\n  & > div {\n    flex: 1 1 0;\n    width: 50%;\n  }\n"], ["\n  display: flex;\n  position: relative;\n\n  & > div {\n    flex: 1 1 0;\n    width: 50%;\n  }\n"])));
+exports.LeftContentWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+exports.ChartWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __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_12 || (templateObject_12 = __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, templateObject_11, templateObject_12;
+//# sourceMappingURL=styles.js.map

package/artefact/dist/esm/components/ApWidgets/ApPersonnelThirdPartyWidget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApPersonnelThirdPartyWidget/styles.tsx"],"names":[],"mappings":";;;;;;;AAAA,uDAAsC;AAEtC,8CAA6C;AAEhC,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,iKAAA,8FAKzC,KAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,4KAAA,yGAMlC,KAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,qGAAA,kCAGrC,KAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,2GAAA,iCAEpB,EAAY,KACtB,KADU,cAAM,CAAC,KAAK,EACtB;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,qJAAA,uDAGpB,EAAY,yBAEtB,KAFU,cAAM,CAAC,KAAK,EAEtB;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,wLAAA,qHAQ1C,KAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,yBAAiB,CAAC,mGAAA,gCAEpD,KAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,yMAAA,sIAQzC,KAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,uKAAA,oGAQpC,KAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,gGAAA,2BAE3C,KAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,wIAAA,mEAIrC,KAAA;AAMY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,2JAAkB,kCAG/C,EAAoB,kDAIhC,KAJY,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,EAAX,CAAW,EAIhC"}

package/artefact/dist/esm/components/ApWidgets/ApPlainTextWidget/ApPlainTextWidget.js

@@ -0,0 +1,58 @@
+"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.ApPlainTextWidget = void 0;
+var React = require("react");
+var ApLoaderDefault_1 = require("../../ApLoaderDefault");
+var ApLoaderText_1 = require("../../ApLoaderText");
+var ApWidgetCard_1 = require("../ApWidgetCard");
+var ApWidgetErrorMessage_1 = require("../ApWidgetErrorMessage");
+var ApWidgetName_1 = require("../ApWidgetName");
+var styles_1 = require("./styles");
+exports.ApPlainTextWidget = function (_a) {
+    var data = _a.data, dataError = _a.dataError, _b = _a.config, config = _b === void 0 ? {
+        name: '',
+    } : _b, props = __rest(_a, ["data", "dataError", "config"]);
+    return (React.createElement(ApWidgetCard_1.ApWidgetCard, __assign({}, props),
+        React.createElement(styles_1.StyledWidgetWrapper, 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.Container, null, data.map(function (_a, index) {
+                    var title = _a.title, value = _a.value;
+                    var isSmallText = data.length > 1 || value.length > 8;
+                    var isMediumText = value.length > 4 && value.length < 9;
+                    return (React.createElement(styles_1.Section, { key: index },
+                        React.createElement(styles_1.StyledTitle, null, title),
+                        React.createElement(styles_1.StyledValue, { isSmall: isSmallText, isMedium: isMediumText }, value)));
+                })))))));
+};
+exports.ApPlainTextWidget.defaultProps = {
+    config: {
+        name: '',
+    },
+    data: null,
+};
+//# sourceMappingURL=ApPlainTextWidget.js.map

package/artefact/dist/esm/components/ApWidgets/ApPlainTextWidget/ApPlainTextWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApPlainTextWidget.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApPlainTextWidget/ApPlainTextWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA8B;AAG9B,yDAAuD;AACvD,mDAAiD;AACjD,gDAA8C;AAC9C,gEAA8D;AAC9D,gDAA8C;AAG9C,mCAQiB;AAeJ,QAAA,iBAAiB,GAAuC,UAAC,EAO5C;IANxB,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,cAEC,EAFD,MAAM,mBAAG;QACP,IAAI,EAAE,EAAE;KACT,KAAA,EACE,KAAK,cAN4D,+BAOrE,CADS;IAER,OAAO,CACL,oBAAC,2BAAY,eAAM,KAAa;QAC9B,oBAAC,4BAAmB;YACjB,MAAM,IAAI,CACT,oBAAC,2BAAY,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,GAAI,CAC/D;YAEA,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,yBAAgB;gBACf,oBAAC,2CAAoB,OAAG,CACP,CACpB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,oBAAC,yBAAgB;gBACf,oBAAC,iCAAe,IAAC,UAAU,EAAE,cAAM,OAAA,oBAAC,2BAAY,OAAG,EAAhB,CAAgB,GAAI,CACtC,CACpB,CAAC,CAAC,CAAC,CACF,oBAAC,oBAAW;gBACV,oBAAC,kBAAS,QACP,IAAI,CAAC,GAAG,CAAC,UAAC,EAAgB,EAAE,KAAK;wBAArB,KAAK,WAAA,EAAE,KAAK,WAAA;oBACvB,IAAM,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;oBACvD,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;oBAEzD,OAAO,CACL,oBAAC,gBAAO,IAAC,GAAG,EAAE,KAAK;wBACjB,oBAAC,oBAAW,QAAE,KAAK,CAAe;wBAClC,oBAAC,oBAAW,IAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,IACtD,KAAK,CACM,CACN,CACX,CAAA;gBACH,CAAC,CAAC,CACQ,CACA,CACf,CACmB,CACT,CAChB,CAAA;AACH,CAAC,CAAA;AAED,yBAAiB,CAAC,YAAY,GAAG;IAC/B,MAAM,EAAE;QACN,IAAI,EAAE,EAAE;KACT;IACD,IAAI,EAAE,IAAI;CACX,CAAA"}

package/artefact/dist/esm/components/ApWidgets/ApPlainTextWidget/index.js

@@ -0,0 +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("./ApPlainTextWidget"), exports);
+//# sourceMappingURL=index.js.map

package/artefact/dist/esm/components/ApWidgets/ApPlainTextWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApPlainTextWidget/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,sDAAmC"}

package/artefact/dist/esm/components/ApWidgets/ApPlainTextWidget/mockData.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = void 0;
+var ApWidgetIcon_1 = require("../ApWidgetIcon");
+exports.props = {
+    config: { name: 'Widget name', iconType: ApWidgetIcon_1.ApWidgetIconTypes.sxr },
+    data: [{ title: 'Test Title', value: 'Dec' }],
+};
+//# sourceMappingURL=mockData.js.map

package/artefact/dist/esm/components/ApWidgets/ApPlainTextWidget/mockData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockData.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApPlainTextWidget/mockData.tsx"],"names":[],"mappings":";;;AAAA,gDAAmD;AAEtC,QAAA,KAAK,GAAG;IACnB,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,gCAAiB,CAAC,GAAG,EAAG;IACjE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;CAC9C,CAAA"}

package/artefact/dist/esm/components/ApWidgets/ApPlainTextWidget/styles.js

@@ -0,0 +1,28 @@
+"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.Section = exports.Container = exports.BodyWrapper = exports.StyledValue = exports.StyledTitle = exports.StyledWidgetWrapper = 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.StyledWidgetWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"])));
+exports.StyledTitle = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 23px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  line-height: 31px;\n  color: ", ";\n"], ["\n  font-size: 23px;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  line-height: 31px;\n  color: ", ";\n"])), theme_1.colors.grey7);
+exports.StyledValue = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-size: 83px;\n  font-weight: bold;\n  letter-spacing: 0.03px;\n  color: ", ";\n  margin: auto 0;\n  ", ";\n"], ["\n  font-size: 83px;\n  font-weight: bold;\n  letter-spacing: 0.03px;\n  color: ", ";\n  margin: auto 0;\n  ",
+    ";\n"])), theme_1.colors.grey7, function (_a) {
+    var _b = _a.isSmall, isSmall = _b === void 0 ? false : _b, _c = _a.isMedium, isMedium = _c === void 0 ? false : _c;
+    if (isSmall) {
+        return styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        font-size: 40px;\n      "], ["\n        font-size: 40px;\n      "])));
+    }
+    if (isMedium) {
+        return styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        font-size: 60px;\n      "], ["\n        font-size: 60px;\n      "])));
+    }
+    return null;
+});
+exports.BodyWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  flex-grow: 1;\n  position: relative;\n"], ["\n  flex-grow: 1;\n  position: relative;\n"])));
+exports.Container = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"])));
+exports.Section = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  flex-grow: 1;\n  flex-basis: 0;\n  padding: 16px 0;\n  display: flex;\n  flex-direction: column;\n\n  &:first-child {\n    padding-top: 0;\n  }\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n\n  &:not(:first-child) {\n    border-top: 1px solid ", ";\n  }\n"], ["\n  flex-grow: 1;\n  flex-basis: 0;\n  padding: 16px 0;\n  display: flex;\n  flex-direction: column;\n\n  &:first-child {\n    padding-top: 0;\n  }\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n\n  &:not(:first-child) {\n    border-top: 1px solid ", ";\n  }\n"])), theme_1.colors.grey2);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=styles.js.map

package/artefact/dist/esm/components/ApWidgets/ApPlainTextWidget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/ApWidgets/ApPlainTextWidget/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,uDAA+C;AAE/C,8CAA6C;AAOhC,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,iKAAA,8FAKzC,KAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,qIAAA,kEAI5C,KAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,gLAAA,sGAK1B,EAAY,KACtB,KADU,cAAM,CAAC,KAAK,EACtB;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,wLAAA,kFAI1B,EAAY,0BAEnB;IAcD,KACF,KAjBU,cAAM,CAAC,KAAK,EAEnB,UAAC,EAAkD;QAAhD,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACpC,IAAI,OAAO,EAAE;QACX,OAAO,uBAAG,uGAAA,oCAET,KAAA;KACF;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,uBAAG,uGAAA,oCAET,KAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC,EACF;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,+GAAA,4CAGpC,KAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,qIAAA,kEAIlC,KAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,4UAAA,6PAgBL,EAAY,UAEvC,KAF2B,cAAM,CAAC,KAAK,EAEvC"}