@alixpartners/ui-components 1.22.0 → 1.22.1

package/dist/esm/components/ApDatePicker/YearMonthForm.js

@@ -1,44 +1,44 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.YearMonthForm = void 0;
-var moment = require("moment");
-var React = require("react");
-var theme_1 = require("../../utils/theme");
-var ApDatePicker_styles_1 = require("./ApDatePicker.styles");
-exports.YearMonthForm = function (_a) {
-    var date = _a.date, localeUtils = _a.localeUtils, srcRange = _a.srcRange, onChange = _a.onChange;
-    var _b = __read(React.useState(false), 2), isMenuOpen = _b[0], setIsMenuOpen = _b[1];
-    var years = [];
-    for (var i = srcRange.from.getFullYear(); i <= srcRange.to.getFullYear(); i += 1) {
-        years.push(i);
-    }
-    var periodsStr = moment(date).startOf("month").format('MMMM') + " " + date.getFullYear();
-    return (React.createElement(ApDatePicker_styles_1.MonthYearContainer, { className: "DayPicker-Caption" },
-        React.createElement(ApDatePicker_styles_1.Wrapper, null,
-            React.createElement(ApDatePicker_styles_1.PeriodButton, { onClick: function () { setIsMenuOpen(!isMenuOpen); } },
-                periodsStr,
-                React.createElement(ApDatePicker_styles_1.CaretIcon, { isRotate: isMenuOpen, iconName: "caret", iconColor: theme_1.colors.grey5 })),
-            isMenuOpen && (React.createElement(ApDatePicker_styles_1.MenuContent, null,
-                React.createElement(ApDatePicker_styles_1.PickerContent, null,
-                    React.createElement(ApDatePicker_styles_1.PickerGrid, null, years.map(function (year) { return (React.createElement(ApDatePicker_styles_1.PickerPeriod, { key: year, onClick: function () {
-                            onChange(new Date(Number(year), date.getMonth()));
-                            setIsMenuOpen(false);
-                        }, active: year === date.getFullYear() }, year)); }))))))));
-};
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YearMonthForm = void 0;
+var moment = require("moment");
+var React = require("react");
+var theme_1 = require("../../utils/theme");
+var ApDatePicker_styles_1 = require("./ApDatePicker.styles");
+exports.YearMonthForm = function (_a) {
+    var date = _a.date, localeUtils = _a.localeUtils, srcRange = _a.srcRange, onChange = _a.onChange;
+    var _b = __read(React.useState(false), 2), isMenuOpen = _b[0], setIsMenuOpen = _b[1];
+    var years = [];
+    for (var i = srcRange.from.getFullYear(); i <= srcRange.to.getFullYear(); i += 1) {
+        years.push(i);
+    }
+    var periodsStr = moment(date).startOf("month").format('MMMM') + " " + date.getFullYear();
+    return (React.createElement(ApDatePicker_styles_1.MonthYearContainer, { className: "DayPicker-Caption" },
+        React.createElement(ApDatePicker_styles_1.Wrapper, null,
+            React.createElement(ApDatePicker_styles_1.PeriodButton, { onClick: function () { setIsMenuOpen(!isMenuOpen); } },
+                periodsStr,
+                React.createElement(ApDatePicker_styles_1.CaretIcon, { isRotate: isMenuOpen, iconName: "caret", iconColor: theme_1.colors.grey5 })),
+            isMenuOpen && (React.createElement(ApDatePicker_styles_1.MenuContent, null,
+                React.createElement(ApDatePicker_styles_1.PickerContent, null,
+                    React.createElement(ApDatePicker_styles_1.PickerGrid, null, years.map(function (year) { return (React.createElement(ApDatePicker_styles_1.PickerPeriod, { key: year, onClick: function () {
+                            onChange(new Date(Number(year), date.getMonth()));
+                            setIsMenuOpen(false);
+                        }, active: year === date.getFullYear() }, year)); }))))))));
+};
 //# sourceMappingURL=YearMonthForm.js.map

package/dist/esm/components/ApDatePicker/index.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var ApDatePicker_1 = require("./ApDatePicker");
-Object.defineProperty(exports, "ApDatePicker", { enumerable: true, get: function () { return ApDatePicker_1.ApDatePicker; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ApDatePicker_1 = require("./ApDatePicker");
+Object.defineProperty(exports, "ApDatePicker", { enumerable: true, get: function () { return ApDatePicker_1.ApDatePicker; } });
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ApDatePicker/utils.js

@@ -1,23 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getWeekRange = exports.getWeekDays = void 0;
-var moment = require("moment");
-exports.getWeekDays = function (weekStart, amount) {
-    var days = [weekStart];
-    for (var i = 1; i < amount; i += 1) {
-        days.push(moment(weekStart)
-            .add(i, 'days')
-            .toDate());
-    }
-    return days;
-};
-exports.getWeekRange = function (date, range) {
-    var startDate = moment(date).startOf('isoWeek');
-    return {
-        from: startDate.toDate(),
-        to: startDate
-            .add(range - 1, 'days')
-            .toDate(),
-    };
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getWeekRange = exports.getWeekDays = void 0;
+var moment = require("moment");
+exports.getWeekDays = function (weekStart, amount) {
+    var days = [weekStart];
+    for (var i = 1; i < amount; i += 1) {
+        days.push(moment(weekStart)
+            .add(i, 'days')
+            .toDate());
+    }
+    return days;
+};
+exports.getWeekRange = function (date, range) {
+    var startDate = moment(date).startOf('isoWeek');
+    return {
+        from: startDate.toDate(),
+        to: startDate
+            .add(range - 1, 'days')
+            .toDate(),
+    };
+};
 //# sourceMappingURL=utils.js.map

package/dist/esm/components/ApDropdown/ApDropdown.js

@@ -1,19 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApDropdown = void 0;
-var React = require("react");
-var styles_1 = require("./styles");
-exports.ApDropdown = function (_a) {
-    var trigger = _a.trigger, alignment = _a.alignment, behaviour = _a.behaviour, children = _a.children, className = _a.className;
-    var triggerWithClassName = React.cloneElement(trigger(), {
-        className: (trigger().props.className ? trigger().props.className : '') + " ap-dropdown-trigger"
-    });
-    return (React.createElement(styles_1.StyledDropdown, { behaviour: behaviour, className: "ap-dropdown " + (className ? className : '') },
-        React.createElement(React.Fragment, null, triggerWithClassName),
-        React.createElement(styles_1.StyledMenu, { tabIndex: 0, alignment: alignment, behaviour: behaviour }, children)));
-};
-exports.ApDropdown.defaultProps = {
-    alignment: 'left',
-    behaviour: 'click'
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApDropdown = void 0;
+var React = require("react");
+var styles_1 = require("./styles");
+exports.ApDropdown = function (_a) {
+    var trigger = _a.trigger, alignment = _a.alignment, behaviour = _a.behaviour, children = _a.children, className = _a.className;
+    var triggerWithClassName = React.cloneElement(trigger(), {
+        className: (trigger().props.className ? trigger().props.className : '') + " ap-dropdown-trigger"
+    });
+    return (React.createElement(styles_1.StyledDropdown, { behaviour: behaviour, className: "ap-dropdown " + (className ? className : '') },
+        React.createElement(React.Fragment, null, triggerWithClassName),
+        React.createElement(styles_1.StyledMenu, { tabIndex: 0, alignment: alignment, behaviour: behaviour }, children)));
+};
+exports.ApDropdown.defaultProps = {
+    alignment: 'left',
+    behaviour: 'click'
+};
 //# sourceMappingURL=ApDropdown.js.map

package/dist/esm/components/ApDropdown/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("./ApDropdown"), 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("./ApDropdown"), exports);
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ApDropdown/styles.js

@@ -1,65 +1,65 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DemoContent = exports.DemoDiv = exports.StyledDropdown = exports.StyledMenu = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../utils/theme");
-var StyledMenuSlide = styled_components_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    opacity: 0;\n    transform: translateY(-", ");\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0px);\n  }\n"], ["\n  0% {\n    opacity: 0;\n    transform: translateY(-", ");\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0px);\n  }\n"])), theme_1.scaffolding.sm);
-exports.StyledMenu = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  animation: ", " 0.15s ease-out;\n  display: none;\n  outline: none;\n  position: absolute;\n  top: 100%;\n  :hover {\n    display: block;\n  }\n  :focus {\n    display: block;\n  }\n  :focus-within {\n    display: block;\n  }\n  left: ", ";\n  right: ", ";\n"], ["\n  animation: ", " 0.15s ease-out;\n  display: none;\n  outline: none;\n  position: absolute;\n  top: 100%;\n  :hover {\n    display: block;\n  }\n  :focus {\n    display: block;\n  }\n  :focus-within {\n    display: block;\n  }\n  left: ", ";\n  right: ", ";\n"])), StyledMenuSlide, function (props) { return (props.alignment === 'left' ? '0px' : 'auto'); }, function (props) { return (props.alignment === 'right' ? '0px' : 'auto'); });
-var getMenuStyles = function (behaviour) {
-    var _a, _b, _c;
-    var menuSiblingSelector = (_a = {},
-        _a["+ " + exports.StyledMenu] = {
-            display: 'block'
-        },
-        _a);
-    var hoverStyles = {
-        '.ap-dropdown-trigger': {
-            '&:hover': __assign({}, menuSiblingSelector)
-        }
-    };
-    var clickStyles = {
-        '.ap-dropdown-trigger': {
-            '&:focus': __assign({}, menuSiblingSelector)
-        }
-    };
-    var menuStyles = (_b = {},
-        _b['click'] = __assign(__assign({}, clickStyles), (_c = {}, _c["@media (max-width: " + theme_1.breakpoints.dropdown + ")"] = __assign({}, hoverStyles), _c)),
-        _b['hover'] = __assign({}, hoverStyles),
-        _b);
-    return menuStyles[behaviour];
-};
-exports.StyledDropdown = styled_components_1.default.div({
-    display: 'inline-flex',
-    position: 'relative',
-    zIndex: 1
-}, function (_a) {
-    var behaviour = _a.behaviour;
-    return (__assign({}, getMenuStyles(behaviour)));
-});
-exports.DemoDiv = styled_components_1.default.div({
-    border: "1px dashed " + theme_1.colors.grey3
-});
-exports.DemoContent = styled_components_1.default.div({
-    background: theme_1.colors.white,
-    color: theme_1.colors.grey4,
-    fontSize: '12px',
-    padding: theme_1.scaffolding.sm,
-    width: '200px',
-});
-var templateObject_1, templateObject_2;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DemoContent = exports.DemoDiv = exports.StyledDropdown = exports.StyledMenu = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+var StyledMenuSlide = styled_components_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    opacity: 0;\n    transform: translateY(-", ");\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0px);\n  }\n"], ["\n  0% {\n    opacity: 0;\n    transform: translateY(-", ");\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0px);\n  }\n"])), theme_1.scaffolding.sm);
+exports.StyledMenu = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  animation: ", " 0.15s ease-out;\n  display: none;\n  outline: none;\n  position: absolute;\n  top: 100%;\n  :hover {\n    display: block;\n  }\n  :focus {\n    display: block;\n  }\n  :focus-within {\n    display: block;\n  }\n  left: ", ";\n  right: ", ";\n"], ["\n  animation: ", " 0.15s ease-out;\n  display: none;\n  outline: none;\n  position: absolute;\n  top: 100%;\n  :hover {\n    display: block;\n  }\n  :focus {\n    display: block;\n  }\n  :focus-within {\n    display: block;\n  }\n  left: ", ";\n  right: ", ";\n"])), StyledMenuSlide, function (props) { return (props.alignment === 'left' ? '0px' : 'auto'); }, function (props) { return (props.alignment === 'right' ? '0px' : 'auto'); });
+var getMenuStyles = function (behaviour) {
+    var _a, _b, _c;
+    var menuSiblingSelector = (_a = {},
+        _a["+ " + exports.StyledMenu] = {
+            display: 'block'
+        },
+        _a);
+    var hoverStyles = {
+        '.ap-dropdown-trigger': {
+            '&:hover': __assign({}, menuSiblingSelector)
+        }
+    };
+    var clickStyles = {
+        '.ap-dropdown-trigger': {
+            '&:focus': __assign({}, menuSiblingSelector)
+        }
+    };
+    var menuStyles = (_b = {},
+        _b['click'] = __assign(__assign({}, clickStyles), (_c = {}, _c["@media (max-width: " + theme_1.breakpoints.dropdown + ")"] = __assign({}, hoverStyles), _c)),
+        _b['hover'] = __assign({}, hoverStyles),
+        _b);
+    return menuStyles[behaviour];
+};
+exports.StyledDropdown = styled_components_1.default.div({
+    display: 'inline-flex',
+    position: 'relative',
+    zIndex: 1
+}, function (_a) {
+    var behaviour = _a.behaviour;
+    return (__assign({}, getMenuStyles(behaviour)));
+});
+exports.DemoDiv = styled_components_1.default.div({
+    border: "1px dashed " + theme_1.colors.grey3
+});
+exports.DemoContent = styled_components_1.default.div({
+    background: theme_1.colors.white,
+    color: theme_1.colors.grey4,
+    fontSize: '12px',
+    padding: theme_1.scaffolding.sm,
+    width: '200px',
+});
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/ApFooter/ApFooter.js

@@ -1,28 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApFooter = void 0;
-var React = require("react");
-var ApLogo_1 = require("../ApLogo");
-var styles_1 = require("./styles");
-exports.ApFooter = function (_a) {
-    var isFluid = _a.isFluid, right = _a.right, alignItems = _a.alignItems, padding = _a.padding, className = _a.className;
-    var fullYear = new Date().getFullYear();
-    return (React.createElement(styles_1.StyledApFooter, { padding: padding, className: "ap-footer " + (className ? className : '') },
-        React.createElement(styles_1.StyledApFooterInner, { isFluid: isFluid },
-            React.createElement(styles_1.StyledApFooterRow, null,
-                React.createElement(styles_1.StyledApFooterLeftContent, { alignItems: alignItems },
-                    React.createElement(ApLogo_1.ApLogo, { theme: "dark" })),
-                right && (React.createElement(styles_1.StyledApFooterRightContent, { alignItems: alignItems }, right()))),
-            React.createElement(styles_1.StyledApFooterRow, null,
-                React.createElement(styles_1.StyledApFooterDisclaimer, null,
-                    "\u00A9 ",
-                    fullYear,
-                    " AlixPartners, LLP. AlixPartners is not a certified public accounting firm and is not authorized to practice law or provide legal services.",
-                    React.createElement("br", null),
-                    "*Registered Name: AlixPartners UK LLP | Registered Address: 6 New Street Square London, EC4A 3BF United Kingdom | Registration Number: OC360308 | Place of Registration: England & Wales")))));
-};
-exports.ApFooter.defaultProps = {
-    alignItems: 'center',
-    isFluid: false
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApFooter = void 0;
+var React = require("react");
+var ApLogo_1 = require("../ApLogo");
+var styles_1 = require("./styles");
+exports.ApFooter = function (_a) {
+    var isFluid = _a.isFluid, right = _a.right, alignItems = _a.alignItems, padding = _a.padding, className = _a.className;
+    var fullYear = new Date().getFullYear();
+    return (React.createElement(styles_1.StyledApFooter, { padding: padding, className: "ap-footer " + (className ? className : '') },
+        React.createElement(styles_1.StyledApFooterInner, { isFluid: isFluid },
+            React.createElement(styles_1.StyledApFooterRow, null,
+                React.createElement(styles_1.StyledApFooterLeftContent, { alignItems: alignItems },
+                    React.createElement(ApLogo_1.ApLogo, { theme: "dark" })),
+                right && (React.createElement(styles_1.StyledApFooterRightContent, { alignItems: alignItems }, right()))),
+            React.createElement(styles_1.StyledApFooterRow, null,
+                React.createElement(styles_1.StyledApFooterDisclaimer, null,
+                    "\u00A9 ",
+                    fullYear,
+                    " AlixPartners, LLP. AlixPartners is not a certified public accounting firm and is not authorized to practice law or provide legal services.",
+                    React.createElement("br", null),
+                    "*Registered Name: AlixPartners UK LLP | Registered Address: 6 New Street Square London, EC4A 3BF United Kingdom | Registration Number: OC360308 | Place of Registration: England & Wales")))));
+};
+exports.ApFooter.defaultProps = {
+    alignItems: 'center',
+    isFluid: false
+};
 //# sourceMappingURL=ApFooter.js.map

package/dist/esm/components/ApFooter/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("./ApFooter"), 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("./ApFooter"), exports);
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ApFooter/styles.js

@@ -1,60 +1,60 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledApFooterRightContent = exports.StyledApFooterLeftContent = exports.StyledApFooterDisclaimer = exports.StyledApFooterRow = exports.StyledApFooterInner = exports.StyledApFooter = void 0;
-var styled_components_1 = require("styled-components");
-var theme_1 = require("../../utils/theme");
-exports.StyledApFooter = styled_components_1.default.footer({
-    backgroundColor: theme_1.colors.black,
-    overflow: 'hidden',
-    padding: theme_1.scaffolding.xl + " " + theme_1.scaffolding.md
-}, function (_a) {
-    var _b;
-    var padding = _a.padding;
-    return (_b = {},
-        _b[theme_1.mediaQuery(theme_1.breakpoints.md)] = {
-            padding: theme_1.scaffolding.xl + " " + (padding ? padding.md : '40px')
-        },
-        _b);
-});
-exports.StyledApFooterInner = styled_components_1.default.div({
-    margin: '0px auto',
-    width: '100%'
-}, function (_a) {
-    var isFluid = _a.isFluid;
-    return ({
-        maxWidth: isFluid ? '100%' : theme_1.breakpoints.xxl
-    });
-});
-exports.StyledApFooterRow = styled_components_1.default.div({
-    boxSizing: 'border-box',
-    display: 'flex',
-    flexDirection: 'row',
-    margin: '0px auto',
-    width: '100%'
-});
-var commonStyles = __assign(__assign({}, theme_1.font), { boxSizing: 'border-box', color: theme_1.colors.white, display: 'inline-flex', minHeight: theme_1.scaffolding.xl, position: 'relative' });
-exports.StyledApFooterDisclaimer = styled_components_1.default.div(__assign(__assign({}, commonStyles), { fontSize: '11px', lineHeight: '13px', width: '100%' }));
-exports.StyledApFooterLeftContent = styled_components_1.default.div(__assign(__assign({}, commonStyles), { flexBasis: '100%', justifyContent: 'flex-start', marginBottom: theme_1.scaffolding.lg }), function (_a) {
-    var alignItems = _a.alignItems;
-    return ({
-        alignItems: alignItems
-    });
-});
-exports.StyledApFooterRightContent = styled_components_1.default.div(__assign(__assign({}, commonStyles), { flexBasis: '100%', justifyContent: 'flex-end', marginBottom: theme_1.scaffolding.lg }), function (_a) {
-    var alignItems = _a.alignItems;
-    return ({
-        alignItems: alignItems
-    });
-});
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledApFooterRightContent = exports.StyledApFooterLeftContent = exports.StyledApFooterDisclaimer = exports.StyledApFooterRow = exports.StyledApFooterInner = exports.StyledApFooter = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+exports.StyledApFooter = styled_components_1.default.footer({
+    backgroundColor: theme_1.colors.black,
+    overflow: 'hidden',
+    padding: theme_1.scaffolding.xl + " " + theme_1.scaffolding.md
+}, function (_a) {
+    var _b;
+    var padding = _a.padding;
+    return (_b = {},
+        _b[theme_1.mediaQuery(theme_1.breakpoints.md)] = {
+            padding: theme_1.scaffolding.xl + " " + (padding ? padding.md : '40px')
+        },
+        _b);
+});
+exports.StyledApFooterInner = styled_components_1.default.div({
+    margin: '0px auto',
+    width: '100%'
+}, function (_a) {
+    var isFluid = _a.isFluid;
+    return ({
+        maxWidth: isFluid ? '100%' : theme_1.breakpoints.xxl
+    });
+});
+exports.StyledApFooterRow = styled_components_1.default.div({
+    boxSizing: 'border-box',
+    display: 'flex',
+    flexDirection: 'row',
+    margin: '0px auto',
+    width: '100%'
+});
+var commonStyles = __assign(__assign({}, theme_1.font), { boxSizing: 'border-box', color: theme_1.colors.white, display: 'inline-flex', minHeight: theme_1.scaffolding.xl, position: 'relative' });
+exports.StyledApFooterDisclaimer = styled_components_1.default.div(__assign(__assign({}, commonStyles), { fontSize: '11px', lineHeight: '13px', width: '100%' }));
+exports.StyledApFooterLeftContent = styled_components_1.default.div(__assign(__assign({}, commonStyles), { flexBasis: '100%', justifyContent: 'flex-start', marginBottom: theme_1.scaffolding.lg }), function (_a) {
+    var alignItems = _a.alignItems;
+    return ({
+        alignItems: alignItems
+    });
+});
+exports.StyledApFooterRightContent = styled_components_1.default.div(__assign(__assign({}, commonStyles), { flexBasis: '100%', justifyContent: 'flex-end', marginBottom: theme_1.scaffolding.lg }), function (_a) {
+    var alignItems = _a.alignItems;
+    return ({
+        alignItems: alignItems
+    });
+});
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/ApHeaderBar/ApHeaderBar.js

@@ -1,24 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CCPLogoStyled = exports.ApButtonIconWrapper = exports.ApHeaderBarLink = exports.ApHeaderBarDivider = exports.ApHeaderBarMenuIconTrigger = exports.ApHeaderBar = void 0;
-var React = require("react");
-var styles_1 = require("../ApButtons/styles");
-Object.defineProperty(exports, "ApButtonIconWrapper", { enumerable: true, get: function () { return styles_1.ButtonIconStyles; } });
-var ApHeaderBar_styles_1 = require("./ApHeaderBar.styles");
-Object.defineProperty(exports, "ApHeaderBarDivider", { enumerable: true, get: function () { return ApHeaderBar_styles_1.ApHeaderBarDivider; } });
-Object.defineProperty(exports, "ApHeaderBarLink", { enumerable: true, get: function () { return ApHeaderBar_styles_1.ApHeaderBarLink; } });
-Object.defineProperty(exports, "ApHeaderBarMenuIconTrigger", { enumerable: true, get: function () { return ApHeaderBar_styles_1.ApHeaderBarMenuIconTrigger; } });
-Object.defineProperty(exports, "CCPLogoStyled", { enumerable: true, get: function () { return ApHeaderBar_styles_1.CCPLogoStyled; } });
-exports.ApHeaderBar = function (_a) {
-    var application = _a.application, baseUrl = _a.baseUrl, rightMenu = _a.rightMenu, logo = _a.logo;
-    return (React.createElement(ApHeaderBar_styles_1.Container, null,
-        React.createElement(ApHeaderBar_styles_1.LeftWrapper, null,
-            logo || (React.createElement(ApHeaderBar_styles_1.CCPLogoStyled, { href: baseUrl ? baseUrl : '/' }, "CCP")),
-            React.createElement(ApHeaderBar_styles_1.ApHeaderBarDivider, null),
-            application && (React.createElement(React.Fragment, null,
-                React.createElement(ApHeaderBar_styles_1.LogoStyled, { href: application.link ? application.link : '/', color: application.color }, application.shortTitle),
-                React.createElement(ApHeaderBar_styles_1.ApplicationTitle, null, application.title)))),
-        React.createElement(ApHeaderBar_styles_1.RightWrapper, null,
-            React.createElement(ApHeaderBar_styles_1.RightMenu, null, rightMenu && rightMenu()))));
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CCPLogoStyled = exports.ApButtonIconWrapper = exports.ApHeaderBarLink = exports.ApHeaderBarDivider = exports.ApHeaderBarMenuIconTrigger = exports.ApHeaderBar = void 0;
+var React = require("react");
+var styles_1 = require("../ApButtons/styles");
+Object.defineProperty(exports, "ApButtonIconWrapper", { enumerable: true, get: function () { return styles_1.ButtonIconStyles; } });
+var ApHeaderBar_styles_1 = require("./ApHeaderBar.styles");
+Object.defineProperty(exports, "ApHeaderBarDivider", { enumerable: true, get: function () { return ApHeaderBar_styles_1.ApHeaderBarDivider; } });
+Object.defineProperty(exports, "ApHeaderBarLink", { enumerable: true, get: function () { return ApHeaderBar_styles_1.ApHeaderBarLink; } });
+Object.defineProperty(exports, "ApHeaderBarMenuIconTrigger", { enumerable: true, get: function () { return ApHeaderBar_styles_1.ApHeaderBarMenuIconTrigger; } });
+Object.defineProperty(exports, "CCPLogoStyled", { enumerable: true, get: function () { return ApHeaderBar_styles_1.CCPLogoStyled; } });
+exports.ApHeaderBar = function (_a) {
+    var application = _a.application, baseUrl = _a.baseUrl, rightMenu = _a.rightMenu, logo = _a.logo;
+    return (React.createElement(ApHeaderBar_styles_1.Container, null,
+        React.createElement(ApHeaderBar_styles_1.LeftWrapper, null,
+            logo || (React.createElement(ApHeaderBar_styles_1.CCPLogoStyled, { href: baseUrl ? baseUrl : '/' }, "CCP")),
+            React.createElement(ApHeaderBar_styles_1.ApHeaderBarDivider, null),
+            application && (React.createElement(React.Fragment, null,
+                React.createElement(ApHeaderBar_styles_1.LogoStyled, { href: application.link ? application.link : '/', color: application.color }, application.shortTitle),
+                React.createElement(ApHeaderBar_styles_1.ApplicationTitle, null, application.title)))),
+        React.createElement(ApHeaderBar_styles_1.RightWrapper, null,
+            React.createElement(ApHeaderBar_styles_1.RightMenu, null, rightMenu && rightMenu()))));
+};
 //# sourceMappingURL=ApHeaderBar.js.map