@xivart/tangram 0.0.1-security → 2.712.1

package/components/__deprecated__/Box/styled/StyledBox.js

@@ -0,0 +1,176 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../utils/themedStyledComponents"));
+var omitAttrs_1 = tslib_1.__importDefault(require("../../../../utils/omitAttrs"));
+var StyledBox = themedStyledComponents_1.default.div.withConfig(omitAttrs_1.default('direction', 'display', 'opacity', 'wrap', 'height', 'width'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-content: ", ";\n  align-items: ", ";\n  align-self: ", ";\n  background: ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  display: ", ";\n  flex-basis: ", ";\n  flex-direction: ", ";\n  ", "\n  ", "\n  flex-wrap: ", ";\n  ", "\n  ", "\n  justify-content: ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  cursor: ", ";\n"], ["\n  align-content: ", ";\n  align-items: ", ";\n  align-self: ", ";\n  background: ",
+    ";\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ", "\n  display: ", ";\n  flex-basis: ", ";\n  flex-direction: ", ";\n  ", "\n  ", "\n  flex-wrap: ", ";\n  ", "\n  ", "\n  justify-content: ", ";\n  ", "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ", "\n  ", "\n  cursor: ", ";\n"])), function (_a) {
+    var alignContent = _a.alignContent;
+    return alignContent;
+}, function (_a) {
+    var alignItems = _a.alignItems;
+    return alignItems;
+}, function (_a) {
+    var alignSelf = _a.alignSelf;
+    return alignSelf;
+}, function (_a) {
+    var background = _a.background, theme = _a.theme;
+    return background && theme.colors[background];
+}, function (_a) {
+    var theme = _a.theme, borderColor = _a.borderColor;
+    return borderColor && "border-color: " + theme.colors[borderColor] + ";";
+}, function (_a) {
+    var theme = _a.theme, borderStyle = _a.borderStyle;
+    return borderStyle && "border-style: " + theme.borders.style[borderStyle] + ";";
+}, function (_a) {
+    var theme = _a.theme, borderWidth = _a.borderWidth;
+    return borderWidth && "border-width: " + theme.borders.width[borderWidth] + ";";
+}, function (_a) {
+    var theme = _a.theme, borderRadius = _a.borderRadius;
+    return borderRadius && "border-radius: " + theme.borders.radius[borderRadius] + ";";
+}, function (_a) {
+    var theme = _a.theme, borderTopLeftRadius = _a.borderTopLeftRadius;
+    return borderTopLeftRadius &&
+        "border-top-left-radius: " + theme.borders.radius[borderTopLeftRadius] + ";";
+}, function (_a) {
+    var theme = _a.theme, borderTopRightRadius = _a.borderTopRightRadius;
+    return borderTopRightRadius &&
+        "border-top-right-radius: " + theme.borders.radius[borderTopRightRadius] + ";";
+}, function (_a) {
+    var theme = _a.theme, borderBottomLeftRadius = _a.borderBottomLeftRadius;
+    return borderBottomLeftRadius &&
+        "border-bottom-left-radius: " + theme.borders.radius[borderBottomLeftRadius] + ";";
+}, function (_a) {
+    var theme = _a.theme, borderBottomRightRadius = _a.borderBottomRightRadius;
+    return borderBottomRightRadius &&
+        "border-bottom-right-radius: " + theme.borders.radius[borderBottomRightRadius] + ";";
+}, function (_a) {
+    var bottom = _a.bottom;
+    return bottom && "bottom: " + bottom + ";";
+}, function (_a) {
+    var display = _a.display;
+    return display;
+}, function (_a) {
+    var basis = _a.basis;
+    return basis;
+}, function (_a) {
+    var direction = _a.direction;
+    return direction;
+}, function (_a) {
+    var grow = _a.grow;
+    return grow >= 0 && "flex-grow: " + grow + ";";
+}, function (_a) {
+    var shrink = _a.shrink;
+    return shrink >= 0 && "flex-shrink: " + shrink + ";";
+}, function (_a) {
+    var wrap = _a.wrap;
+    return wrap;
+}, function (_a) {
+    var area = _a.area;
+    return area && "grid-area: " + area + ";";
+}, function (_a) {
+    var height = _a.height;
+    return height && "height: " + height + ";";
+}, function (_a) {
+    var justifyContent = _a.justifyContent;
+    return justifyContent;
+}, function (_a) {
+    var theme = _a.theme, margin = _a.margin;
+    return margin && "margin: " + theme.spacings[margin] + ";";
+}, function (_a) {
+    var theme = _a.theme, marginBottom = _a.marginBottom;
+    return marginBottom && "margin-bottom: " + theme.spacings[marginBottom] + ";";
+}, function (_a) {
+    var theme = _a.theme, marginLeft = _a.marginLeft;
+    return marginLeft && "margin-left: " + theme.spacings[marginLeft] + ";";
+}, function (_a) {
+    var theme = _a.theme, marginRight = _a.marginRight;
+    return marginRight && "margin-right: " + theme.spacings[marginRight] + ";";
+}, function (_a) {
+    var theme = _a.theme, marginTop = _a.marginTop;
+    return marginTop && "margin-top: " + theme.spacings[marginTop] + ";";
+}, function (_a) {
+    var maxHeight = _a.maxHeight;
+    return maxHeight && "max-height: " + maxHeight + ";";
+}, function (_a) {
+    var maxWidth = _a.maxWidth;
+    return maxWidth && "max-width: " + maxWidth + ";";
+}, function (_a) {
+    var minHeight = _a.minHeight;
+    return minHeight && "min-height: " + minHeight + ";";
+}, function (_a) {
+    var minWidth = _a.minWidth;
+    return minWidth && "min-width: " + minWidth + ";";
+}, function (_a) {
+    var opacity = _a.opacity;
+    return opacity >= 0 && "opacity: " + opacity + ";";
+}, function (_a) {
+    var order = _a.order;
+    return order && "order: " + order + ";";
+}, function (_a) {
+    var overflow = _a.overflow;
+    return overflow && "overflow: " + overflow + ";";
+}, function (_a) {
+    var overflowX = _a.overflowX;
+    return overflowX && "overflow-x: " + overflowX + ";";
+}, function (_a) {
+    var overflowY = _a.overflowY;
+    return overflowY && "overflow-y: " + overflowY + ";";
+}, function (_a) {
+    var theme = _a.theme, shadow = _a.shadow;
+    return shadow && "box-shadow: " + theme.boxShadows[shadow] + ";";
+}, function (_a) {
+    var theme = _a.theme, padding = _a.padding;
+    return padding &&
+        theme.spacings[padding] &&
+        "padding: " + theme.spacings[padding] + ";";
+}, function (_a) {
+    var theme = _a.theme, paddingBottom = _a.paddingBottom;
+    return paddingBottom &&
+        theme.spacings[paddingBottom] &&
+        "padding-bottom: " + theme.spacings[paddingBottom] + ";";
+}, function (_a) {
+    var theme = _a.theme, paddingLeft = _a.paddingLeft;
+    return paddingLeft &&
+        theme.spacings[paddingLeft] &&
+        "padding-left: " + theme.spacings[paddingLeft] + ";";
+}, function (_a) {
+    var theme = _a.theme, paddingRight = _a.paddingRight;
+    return paddingRight &&
+        theme.spacings[paddingRight] &&
+        "padding-right: " + theme.spacings[paddingRight] + ";";
+}, function (_a) {
+    var theme = _a.theme, paddingTop = _a.paddingTop;
+    return paddingTop &&
+        theme.spacings[paddingTop] &&
+        "padding-top: " + theme.spacings[paddingTop] + ";";
+}, function (_a) {
+    var position = _a.position;
+    return position && "position: " + position + ";";
+}, function (_a) {
+    var width = _a.width;
+    return width && "width: " + width + ";";
+}, function (_a) {
+    var cursor = _a.cursor;
+    return cursor;
+});
+exports.default = StyledBox;
+var templateObject_1;
+//# sourceMappingURL=StyledBox.js.map

package/components/__deprecated__/Box/styled/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = void 0;
+var StyledBox_1 = require("./StyledBox");
+Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return __importDefault(StyledBox_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/__deprecated__/FlightCollapsedBox/FlightCollapsedBox.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var ChevronIcon_1 = tslib_1.__importDefault(require("../../ChevronIcon"));
+var S = tslib_1.__importStar(require("./styled"));
+var Flex_1 = tslib_1.__importDefault(require("../../Flex"));
+var Text_1 = tslib_1.__importDefault(require("../../Text"));
+var FlightCollapsedBox = (function (_super) {
+    tslib_1.__extends(FlightCollapsedBox, _super);
+    function FlightCollapsedBox() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            isActive: false,
+        };
+        _this.toggleBox = function () {
+            _this.setState(function (prevState) { return ({
+                isActive: !prevState.isActive,
+            }); });
+        };
+        return _this;
+    }
+    FlightCollapsedBox.prototype.render = function () {
+        var isActive = this.state.isActive;
+        var _a = this
+            .props, children = _a.children, childrenDataAttrs = _a.childrenDataAttrs, headerChildren = _a.headerChildren, title = _a.title;
+        var renderContent = isActive ? (jsx_runtime_1.jsx(S.FlightCollapseContent, { children: children }, void 0)) : (jsx_runtime_1.jsx("div", { children: headerChildren }, void 0));
+        return (jsx_runtime_1.jsxs(S.FlightCollapsedBox, { children: [jsx_runtime_1.jsxs(S.Wrapper, tslib_1.__assign({ onClick: this.toggleBox }, childrenDataAttrs.header, { children: [jsx_runtime_1.jsx(Text_1.default, tslib_1.__assign({ dataAttrs: tslib_1.__assign({}, childrenDataAttrs.title), tag: "span" }, { children: title }), void 0),
+                        jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ alignItems: "center", paddingInlineEnd: "s400", paddingInlineStart: "s200" }, { children: jsx_runtime_1.jsx(ChevronIcon_1.default, { color: isActive ? 'SECONDARY_DARK' : 'SECONDARY_LIGHT', height: 12, isActive: isActive, width: 12 }, void 0) }), void 0)] }), void 0), renderContent] }, void 0));
+    };
+    FlightCollapsedBox.defaultProps = {
+        childrenDataAttrs: {
+            header: {},
+        },
+    };
+    return FlightCollapsedBox;
+}(react_1.Component));
+exports.default = FlightCollapsedBox;
+//# sourceMappingURL=FlightCollapsedBox.js.map

package/components/__deprecated__/FlightCollapsedBox/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FlightCollapsedBox_1 = require("./FlightCollapsedBox");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FlightCollapsedBox_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/__deprecated__/FlightCollapsedBox/styled/FlightCollapseContent.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../utils/themedStyledComponents"));
+var FlightCollapseContent = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  padding-top: ", ";\n"], ["\n  padding-top: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s400;
+});
+exports.default = FlightCollapseContent;
+var templateObject_1;
+//# sourceMappingURL=FlightCollapseContent.js.map

package/components/__deprecated__/FlightCollapsedBox/styled/FlightCollapsedBox.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../utils/themedStyledComponents"));
+var FlightCollapsedBox = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  padding: ", ";\n"], ["\n  padding: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s400;
+});
+exports.default = FlightCollapsedBox;
+var templateObject_1;
+//# sourceMappingURL=FlightCollapsedBox.js.map

package/components/__deprecated__/FlightCollapsedBox/styled/Wrapper.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../utils/themedStyledComponents"));
+var Wrapper = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n"], ["\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n"])));
+exports.default = Wrapper;
+var templateObject_1;
+//# sourceMappingURL=Wrapper.js.map

package/components/__deprecated__/FlightCollapsedBox/styled/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wrapper = exports.FlightCollapseContent = exports.FlightCollapsedBox = void 0;
+var FlightCollapsedBox_1 = require("./FlightCollapsedBox");
+Object.defineProperty(exports, "FlightCollapsedBox", { enumerable: true, get: function () { return __importDefault(FlightCollapsedBox_1).default; } });
+var FlightCollapseContent_1 = require("./FlightCollapseContent");
+Object.defineProperty(exports, "FlightCollapseContent", { enumerable: true, get: function () { return __importDefault(FlightCollapseContent_1).default; } });
+var Wrapper_1 = require("./Wrapper");
+Object.defineProperty(exports, "Wrapper", { enumerable: true, get: function () { return __importDefault(Wrapper_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/__deprecated__/Header/Header.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Container_1 = tslib_1.__importDefault(require("../../Container"));
+var S = tslib_1.__importStar(require("./styled"));
+var Header = function (props) {
+    var children = props.children, _a = props.dataAttrs, dataAttrs = _a === void 0 ? {} : _a;
+    return (jsx_runtime_1.jsx(S.HeaderWrapper, { children: jsx_runtime_1.jsx(Container_1.default, tslib_1.__assign({ noMobileGutters: true }, { children: jsx_runtime_1.jsx(S.Header, tslib_1.__assign({}, dataAttrs, { children: children }), void 0) }), void 0) }, void 0));
+};
+exports.default = Header;
+//# sourceMappingURL=Header.js.map

package/components/__deprecated__/Header/HeaderButton.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = tslib_1.__importStar(require("./styled"));
+var HeaderButton = function (_a) {
+    var _b = _a.dataAttrs, dataAttrs = _b === void 0 ? {} : _b, props = tslib_1.__rest(_a, ["dataAttrs"]);
+    return (jsx_runtime_1.jsx(S.HeaderButton, tslib_1.__assign({}, dataAttrs, props), void 0));
+};
+exports.default = HeaderButton;
+//# sourceMappingURL=HeaderButton.js.map

package/components/__deprecated__/Header/HeaderLogo.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = tslib_1.__importStar(require("./styled"));
+var HeaderLogo = function (_a) {
+    var dataAttrs = _a.dataAttrs, href = _a.href, logoUrl = _a.logoUrl, onClick = _a.onClick;
+    return (jsx_runtime_1.jsx(S.HeaderLogo, tslib_1.__assign({}, dataAttrs, { href: href, logoUrl: logoUrl, onClick: onClick }), void 0));
+};
+exports.default = HeaderLogo;
+//# sourceMappingURL=HeaderLogo.js.map

package/components/__deprecated__/Header/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderLogo = exports.HeaderButton = exports.default = void 0;
+var Header_1 = require("./Header");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Header_1).default; } });
+var HeaderButton_1 = require("./HeaderButton");
+Object.defineProperty(exports, "HeaderButton", { enumerable: true, get: function () { return __importDefault(HeaderButton_1).default; } });
+var HeaderLogo_1 = require("./HeaderLogo");
+Object.defineProperty(exports, "HeaderLogo", { enumerable: true, get: function () { return __importDefault(HeaderLogo_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/__deprecated__/Header/styled/Header.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../utils/themedStyledComponents"));
+var Header = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 45px;\n  justify-content: space-between;\n  padding-left: ", ";\n"], ["\n  align-items: center;\n  display: flex;\n  height: 45px;\n  justify-content: space-between;\n  padding-left: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500;
+});
+exports.default = Header;
+var templateObject_1;
+//# sourceMappingURL=Header.js.map

package/components/__deprecated__/Header/styled/HeaderButton.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../utils/themedStyledComponents"));
+var HeaderButton = themedStyledComponents_1.default.button(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: center;\n  background: ", ";\n  border: none;\n  color: ", ";\n  cursor: pointer;\n  display: flex;\n  flex-direction: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  height: 100%;\n  justify-content: center;\n  padding: 0 ", ";\n\n  svg {\n    use {\n      fill: ", ";\n    }\n  }\n\n  > span {\n    ", "\n  }\n"], ["\n  align-items: center;\n  background: ",
+    ";\n  border: none;\n  color: ",
+    ";\n  cursor: pointer;\n  display: flex;\n  flex-direction: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  height: 100%;\n  justify-content: center;\n  padding: 0 ", ";\n\n  svg {\n    use {\n      fill: ",
+    ";\n    }\n  }\n\n  > span {\n    ",
+    "\n  }\n"])), function (_a) {
+    var background = _a.background, theme = _a.theme;
+    return background
+        ? theme.colors[background]
+        : theme.colors[theme.header.BACKGROUND_COLOR];
+}, function (_a) {
+    var color = _a.color, theme = _a.theme;
+    return color ? theme.colors[color] : theme.colors[theme.header.TEXT_COLOR];
+}, function (_a) {
+    var direction = _a.direction;
+    return direction;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.fontFamily;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.sizes.fs100;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500;
+}, function (_a) {
+    var color = _a.color, theme = _a.theme;
+    return color ? theme.colors[color] : theme.colors[theme.header.TEXT_COLOR];
+}, function (_a) {
+    var direction = _a.direction, theme = _a.theme;
+    return direction === 'column'
+        ? "margin-top: " + theme.spacings.s200 + ";"
+        : "margin-right: " + theme.spacings.s300 + ";";
+});
+exports.default = HeaderButton;
+var templateObject_1;
+//# sourceMappingURL=HeaderButton.js.map

package/components/__deprecated__/Header/styled/HeaderLogo.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../utils/themedStyledComponents"));
+var HeaderLogo = themedStyledComponents_1.default.a(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  background: url(", ") no-repeat center;\n  display: block;\n  height: 100%;\n  width: ", ";\n"], ["\n  background: url(", ") no-repeat center;\n  display: block;\n  height: 100%;\n  width: ", ";\n"])), function (_a) {
+    var logoUrl = _a.logoUrl;
+    return logoUrl;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.header.LOGO_WIDTH;
+});
+exports.default = HeaderLogo;
+var templateObject_1;
+//# sourceMappingURL=HeaderLogo.js.map

package/components/__deprecated__/Header/styled/HeaderWrapper.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../utils/themedStyledComponents"));
+var HeaderWrapper = themedStyledComponents_1.default.header(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  background: ", ";\n"], ["\n  background: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors[theme.header.BACKGROUND_COLOR];
+});
+exports.default = HeaderWrapper;
+var templateObject_1;
+//# sourceMappingURL=HeaderWrapper.js.map

package/components/__deprecated__/Header/styled/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderWrapper = exports.HeaderLogo = exports.HeaderButton = exports.Header = void 0;
+var Header_1 = require("./Header");
+Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return __importDefault(Header_1).default; } });
+var HeaderButton_1 = require("./HeaderButton");
+Object.defineProperty(exports, "HeaderButton", { enumerable: true, get: function () { return __importDefault(HeaderButton_1).default; } });
+var HeaderLogo_1 = require("./HeaderLogo");
+Object.defineProperty(exports, "HeaderLogo", { enumerable: true, get: function () { return __importDefault(HeaderLogo_1).default; } });
+var HeaderWrapper_1 = require("./HeaderWrapper");
+Object.defineProperty(exports, "HeaderWrapper", { enumerable: true, get: function () { return __importDefault(HeaderWrapper_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/__deprecated__/NegativeMarginWrapper/NegativeMarginWrapper.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = (0, tslib_1.__importStar)(require("./styled"));
+var NegativeMarginWrapper = function (_a) {
+    var children = _a.children, restProps = (0, tslib_1.__rest)(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)(S.NegativeMarginWrapper, (0, tslib_1.__assign)({}, restProps, { children: children }), void 0));
+};
+exports.default = NegativeMarginWrapper;
+//# sourceMappingURL=NegativeMarginWrapper.js.map

package/components/__deprecated__/NegativeMarginWrapper/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var NegativeMarginWrapper_1 = require("./NegativeMarginWrapper");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(NegativeMarginWrapper_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/__deprecated__/NegativeMarginWrapper/styled/NegativeMarginWrapper.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = (0, tslib_1.__importStar)(require("../../../../utils/themedStyledComponents"));
+var NegativeMarginWrapper = themedStyledComponents_1.default.div(templateObject_2 || (templateObject_2 = (0, tslib_1.__makeTemplateObject)(["\n  display: block;\n  ", "\n"], ["\n  display: block;\n  ", "\n"])), function (_a) {
+    var _b = _a.inlineStart, inlineStart = _b === void 0 ? 0 : _b, _c = _a.inlineEnd, inlineEnd = _c === void 0 ? 0 : _c, _d = _a.blockStart, blockStart = _d === void 0 ? 0 : _d, _e = _a.blockEnd, blockEnd = _e === void 0 ? 0 : _e;
+    return (0, themedStyledComponents_1.css)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n    margin-left: ", ";\n    margin-right: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "], ["\n    margin-left: ", ";\n    margin-right: ", ";\n    margin-top: ", ";\n    margin-bottom: ", ";\n  "])), inlineStart ? "-".concat(Math.abs(inlineStart), "px") : undefined, inlineEnd ? "-".concat(Math.abs(inlineEnd), "px") : undefined, blockStart ? "-".concat(Math.abs(blockStart), "px") : undefined, blockEnd ? "-".concat(Math.abs(blockEnd), "px") : undefined);
+});
+exports.default = NegativeMarginWrapper;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=NegativeMarginWrapper.js.map

package/components/__deprecated__/NegativeMarginWrapper/styled/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NegativeMarginWrapper = void 0;
+var NegativeMarginWrapper_1 = require("./NegativeMarginWrapper");
+Object.defineProperty(exports, "NegativeMarginWrapper", { enumerable: true, get: function () { return __importDefault(NegativeMarginWrapper_1).default; } });
+//# sourceMappingURL=index.js.map

package/hooks/useBreakpoints/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var useBreakpoints_1 = require("./useBreakpoints");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(useBreakpoints_1).default; } });
+//# sourceMappingURL=index.js.map

package/hooks/useBreakpoints/useBreakpoints.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var useMediaQuery_1 = tslib_1.__importDefault(require("../useMediaQuery"));
+var media_1 = require("../../utils/media");
+var useBreakpoints = function () {
+    var s = useMediaQuery_1.default("(min-width: " + media_1.breakpoints.s + ")");
+    var m = useMediaQuery_1.default("(min-width: " + media_1.breakpoints.m + ")");
+    var l = useMediaQuery_1.default("(min-width: " + media_1.breakpoints.l + ")");
+    var xl = useMediaQuery_1.default("(min-width: " + media_1.breakpoints.xl + ")");
+    var desktop = m;
+    var mobile = !desktop;
+    return { s: s, m: m, l: l, xl: xl, desktop: desktop, mobile: mobile };
+};
+exports.default = useBreakpoints;
+//# sourceMappingURL=useBreakpoints.js.map

package/hooks/useDesktop/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var useDesktop_1 = require("./useDesktop");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(useDesktop_1).default; } });
+//# sourceMappingURL=index.js.map

package/hooks/useDesktop/useDesktop.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var useBreakpoints_1 = tslib_1.__importDefault(require("../useBreakpoints"));
+var useDesktop = function () { return useBreakpoints_1.default().desktop; };
+exports.default = useDesktop;
+//# sourceMappingURL=useDesktop.js.map

package/hooks/useLazyLoadingImage/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var useLazyLoadingImage_1 = require("./useLazyLoadingImage");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(useLazyLoadingImage_1).default; } });
+//# sourceMappingURL=index.js.map

package/hooks/useLazyLoadingImage/useLazyLoadingImage.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var isSSR_1 = tslib_1.__importDefault(require("../../utils/isSSR"));
+var useLazyLoadingImage = function (ref, imageURL, lazyLoad) {
+    var _a = tslib_1.__read(react_1.useState(), 2), lazyLoadingBackgroundImage = _a[0], setLazyLoadingBackgroundImage = _a[1];
+    var lazyLoadEnabled = lazyLoad && (isSSR_1.default() || (!isSSR_1.default() && 'IntersectionObserver' in window));
+    react_1.useEffect(function () {
+        if (lazyLoadEnabled) {
+            var element_1;
+            var elementObserver = new IntersectionObserver(function (entries) {
+                entries.forEach(function (entry) {
+                    if (entry.isIntersecting) {
+                        element_1 = entry.target;
+                        setLazyLoadingBackgroundImage(imageURL);
+                    }
+                });
+            });
+            if (element_1) {
+                elementObserver.unobserve(element_1);
+            }
+            if (ref.current) {
+                elementObserver.observe(ref.current);
+            }
+        }
+    }, [ref, imageURL, lazyLoadEnabled]);
+    return lazyLoadEnabled ? lazyLoadingBackgroundImage : imageURL;
+};
+exports.default = useLazyLoadingImage;
+//# sourceMappingURL=useLazyLoadingImage.js.map

package/hooks/useMediaQuery/helpers/isSupported/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var isSupported_1 = require("./isSupported");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(isSupported_1).default; } });
+//# sourceMappingURL=index.js.map

package/hooks/useMediaQuery/helpers/isSupported/isSupported.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var isSSR_1 = tslib_1.__importDefault(require("../../../../utils/isSSR"));
+var isSupported = function () { return !isSSR_1.default() && 'matchMedia' in window; };
+exports.default = isSupported;
+//# sourceMappingURL=isSupported.js.map

package/hooks/useMediaQuery/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var useMediaQuery_1 = require("./useMediaQuery");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(useMediaQuery_1).default; } });
+//# sourceMappingURL=index.js.map