@xivart/tangram 0.0.1-security → 2.712.1

package/components/H4/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.H4 = void 0;
+var H4_1 = require("./H4");
+Object.defineProperty(exports, "H4", { enumerable: true, get: function () { return __importDefault(H4_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/H5/H5.js

@@ -0,0 +1,8 @@
+"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 H5 = function (props) { return jsx_runtime_1.jsx(S.H5, tslib_1.__assign({}, props), void 0); };
+exports.default = H5;
+//# sourceMappingURL=H5.js.map

package/components/H5/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 H5_1 = require("./H5");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(H5_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/H5/styled/H5.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var H5 = themedStyledComponents_1.default.h5(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.PRIMARY;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.fontFamily;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.sizes.fs400;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.weight.fw500;
+});
+exports.default = H5;
+var templateObject_1;
+//# sourceMappingURL=H5.js.map

package/components/H5/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.H5 = void 0;
+var H5_1 = require("./H5");
+Object.defineProperty(exports, "H5", { enumerable: true, get: function () { return __importDefault(H5_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/HTMLContainer/HTMLContainer.js

@@ -0,0 +1,15 @@
+"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 HTMLContainer = function (_a) {
+    var children = _a.children, dataAttrs = _a.dataAttrs;
+    return (jsx_runtime_1.jsx(S.Content, tslib_1.__assign({ dangerouslySetInnerHTML: { __html: children } }, dataAttrs), void 0));
+};
+var defaultProps = {
+    dataAttrs: {},
+};
+HTMLContainer.defaultProps = defaultProps;
+exports.default = HTMLContainer;
+//# sourceMappingURL=HTMLContainer.js.map

package/components/HTMLContainer/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 HTMLContainer_1 = require("./HTMLContainer");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(HTMLContainer_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/HTMLContainer/styled/Content.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var Content = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  font-family: ", ";\n\n  p {\n    ", ";\n  }\n\n  strong {\n    ", ";\n  }\n"], ["\n  font-family: ", ";\n\n  p {\n    ",
+    ";\n  }\n\n  strong {\n    ",
+    ";\n  }\n"])), function (_a) {
+    var fonts = _a.theme.fonts;
+    return fonts.primary.fontFamily;
+}, function (_a) {
+    var _b = _a.theme, colors = _b.colors, fonts = _b.fonts;
+    return "\n      color: " + colors.TEXT + ";\n      font-size: " + fonts.sizes.fs300 + ";\n      font-weight: " + fonts.primary.weight.fw400 + ";\n      line-height: 1.5;\n    ";
+}, function (_a) {
+    var _b = _a.theme, colors = _b.colors, fonts = _b.fonts;
+    return "\n      color: " + colors.TEXT_DARK + ";\n      font-size: " + fonts.sizes.fs300 + ";\n      font-weight: " + fonts.primary.weight.fw500 + ";\n      line-height: 1.5;\n    ";
+});
+exports.default = Content;
+var templateObject_1;
+//# sourceMappingURL=Content.js.map

package/components/HTMLContainer/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.Content = void 0;
+var Content_1 = require("./Content");
+Object.defineProperty(exports, "Content", { enumerable: true, get: function () { return __importDefault(Content_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/HTMLLabelWrapper/HTMLLabelWrapper.js

@@ -0,0 +1,18 @@
+"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 sanitizeTags_1 = require("../../utils/sanitizeTags");
+var HTMLLabelWrapper = function (_a) {
+    var children = _a.children, dataAttrs = _a.dataAttrs;
+    return (jsx_runtime_1.jsx(S.Content, tslib_1.__assign({ dangerouslySetInnerHTML: {
+            __html: sanitizeTags_1.sanitizeTags(children),
+        } }, dataAttrs), void 0));
+};
+var defaultProps = {
+    dataAttrs: {},
+};
+HTMLLabelWrapper.defaultProps = defaultProps;
+exports.default = HTMLLabelWrapper;
+//# sourceMappingURL=HTMLLabelWrapper.js.map

package/components/HTMLLabelWrapper/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 HTMLLabelWrapper_1 = require("./HTMLLabelWrapper");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(HTMLLabelWrapper_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/HTMLLabelWrapper/styled/Content.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+var H1_1 = require("../../H1");
+var H2_1 = require("../../H2");
+var H3_1 = require("../../H3");
+var List_1 = require("../../List");
+var defaultTextStyles = themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ",
+    ";\n"])), function (_a) {
+    var _b = _a.theme, colors = _b.colors, fonts = _b.fonts;
+    return "\n    font-size: " + fonts.sizes.fs300 + ";\n    font-weight: " + fonts.primary.weight.fw400 + ";\n    color: " + colors.TEXT + ";\n    font-family: " + fonts.primary.fontFamily + ";\n  ";
+});
+var Content = themedStyledComponents_1.default.span(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  a {\n    ", ";\n    text-decoration: underline;\n  }\n\n  b,\n  strong {\n    ", ";\n  }\n\n  h1 {\n    ", "\n  }\n\n  h2 {\n    ", "\n  }\n\n  h3 {\n    ", "\n  }\n\n  i {\n    font-style: italic;\n  }\n\n  ol {\n    ", "\n    padding-left: ", ";\n  }\n\n  p {\n    ", "\n  }\n\n  s {\n    text-decoration: line-through;\n  }\n\n  u {\n    text-decoration: underline;\n  }\n\n  ul {\n    ", "\n    ", "\n    & > li {\n      align-items: center;\n      display: flex;\n\n      &::before {\n        color: ", ";\n        content: '\\2022';\n        margin-right: ", ";\n      }\n    }\n  }\n"], ["\n  a {\n    ",
+    ";\n    text-decoration: underline;\n  }\n\n  b,\n  strong {\n    ",
+    ";\n  }\n\n  h1 {\n    ", "\n  }\n\n  h2 {\n    ", "\n  }\n\n  h3 {\n    ", "\n  }\n\n  i {\n    font-style: italic;\n  }\n\n  ol {\n    ", "\n    padding-left: ", ";\n  }\n\n  p {\n    ", "\n  }\n\n  s {\n    text-decoration: line-through;\n  }\n\n  u {\n    text-decoration: underline;\n  }\n\n  ul {\n    ", "\n    ", "\n    & > li {\n      align-items: center;\n      display: flex;\n\n      &::before {\n        color: ", ";\n        content: '\\\\2022';\n        margin-right: ", ";\n      }\n    }\n  }\n"])), function (_a) {
+    var colors = _a.theme.colors;
+    return "\n      color: " + colors.ACTIVE + ";\n    ";
+}, function (_a) {
+    var fonts = _a.theme.fonts;
+    return "\n      font-weight: " + fonts.primary.weight.fw700 + ";\n    ";
+}, H1_1.styles, H2_1.styles, H3_1.styles, defaultTextStyles, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500;
+}, defaultTextStyles, List_1.listStyles, defaultTextStyles, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.TEXT;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s300;
+});
+exports.default = Content;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Content.js.map

package/components/HTMLLabelWrapper/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.Content = void 0;
+var Content_1 = require("./Content");
+Object.defineProperty(exports, "Content", { enumerable: true, get: function () { return __importDefault(Content_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/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, compact = props.compact, _a = props.dataAttrs, dataAttrs = _a === void 0 ? {} : _a;
+    return (jsx_runtime_1.jsx(S.HeaderWrapper, { children: jsx_runtime_1.jsx(Container_1.default, { children: jsx_runtime_1.jsx(S.Header, tslib_1.__assign({}, dataAttrs, { compact: compact }, { children: children }), void 0) }, void 0) }, void 0));
+};
+exports.default = Header;
+//# sourceMappingURL=Header.js.map

package/components/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/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, restProps = tslib_1.__rest(_a, ["dataAttrs"]);
+    return (jsx_runtime_1.jsx(S.HeaderLogo, tslib_1.__assign({}, dataAttrs, restProps), void 0));
+};
+exports.default = HeaderLogo;
+//# sourceMappingURL=HeaderLogo.js.map

package/components/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/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: ", ";\n  justify-content: space-between;\n"], ["\n  align-items: center;\n  display: flex;\n  height: ", ";\n  justify-content: space-between;\n"])), function (_a) {
+    var compact = _a.compact;
+    return (compact ? '45px' : '56px');
+});
+exports.default = Header;
+var templateObject_1;
+//# sourceMappingURL=Header.js.map

package/components/Header/styled/HeaderButton.js

@@ -0,0 +1,38 @@
+"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, compact = _a.compact;
+    return compact ? theme.fonts.sizes.fs100 : '14px';
+}, 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/Header/styled/HeaderLogo.js

@@ -0,0 +1,15 @@
+"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, compact = _a.compact;
+    return theme.header[compact ? 'COMPACT_LOGO_WIDTH' : 'LOGO_WIDTH'];
+});
+exports.default = HeaderLogo;
+var templateObject_1;
+//# sourceMappingURL=HeaderLogo.js.map

package/components/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/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/Icon/Icon.js

@@ -0,0 +1,18 @@
+"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 Asset_1 = tslib_1.__importDefault(require("../Asset"));
+var Icon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'TEXT' : _b, _c = _a.dataAttrs, dataAttrs = _c === void 0 ? {} : _c, _d = _a.height, height = _d === void 0 ? 20 : _d, name = _a.name, _e = _a.width, width = _e === void 0 ? 20 : _e, flip = _a.flip, rotate = _a.rotate, implicitProps = tslib_1.__rest(_a, ["color", "dataAttrs", "height", "name", "width", "flip", "rotate"]);
+    return (jsx_runtime_1.jsx(Asset_1.default, tslib_1.__assign({ name: name, type: "icons" }, { children: function (_a) {
+            var id = _a.id, viewBox = _a.viewBox;
+            if (id) {
+                return (jsx_runtime_1.jsx(S.Icon, tslib_1.__assign({ color: color, flip: flip, height: height, rotate: rotate, viewBox: viewBox, width: width }, dataAttrs, implicitProps, { children: jsx_runtime_1.jsx("use", tslib_1.__assign({ xlinkHref: "#" + id }, dataAttrs), void 0) }), void 0));
+            }
+            return (jsx_runtime_1.jsx("svg", tslib_1.__assign({ height: height, viewBox: "0 0 " + height + " " + width, width: width }, dataAttrs, implicitProps, { children: jsx_runtime_1.jsx("rect", tslib_1.__assign({ fill: "transparent", height: height, width: width }, dataAttrs), void 0) }), void 0));
+        } }), void 0));
+};
+exports.default = Icon;
+//# sourceMappingURL=Icon.js.map

package/components/Icon/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 Icon_1 = require("./Icon");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Icon/styled/Icon.js

@@ -0,0 +1,35 @@
+"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 getFlipTransform = function (_a) {
+    var flip = _a.flip;
+    switch (flip) {
+        case 'horizontal':
+            return 'scale(-1, 1)';
+        case 'vertical':
+            return 'scale(1, -1)';
+        case 'both':
+            return 'scale(-1, -1)';
+        default:
+            return undefined;
+    }
+};
+var getRotateTransform = function (_a) {
+    var rotate = _a.rotate;
+    return rotate && "rotate(" + rotate + "deg)";
+};
+var getTransform = function (props) {
+    var transformList = [getFlipTransform(props), getRotateTransform(props)]
+        .filter(Boolean)
+        .join(' ');
+    return transformList && "transform: " + transformList + ";";
+};
+var Icon = themedStyledComponents_1.default.svg.withConfig(omitAttrs_1.default('color', 'rotate'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n  > use {\n    fill: ", ";\n  }\n"], ["\n  ", "\n  > use {\n    fill: ", ";\n  }\n"])), getTransform, function (_a) {
+    var theme = _a.theme, color = _a.color;
+    return theme.colors[color];
+});
+exports.default = Icon;
+var templateObject_1;
+//# sourceMappingURL=Icon.js.map

package/components/Icon/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.Icon = void 0;
+var Icon_1 = require("./Icon");
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Iframe/Iframe.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 Iframe = function (_a) {
+    var allowFullScreen = _a.allowFullScreen, allow = _a.allow, name = _a.name, src = _a.src;
+    return (jsx_runtime_1.jsx(S.Iframe, { allow: allow, allowFullScreen: allowFullScreen, name: name, src: src }, void 0));
+};
+exports.default = Iframe;
+//# sourceMappingURL=Iframe.js.map

package/components/Iframe/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 Iframe_1 = require("./Iframe");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Iframe_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Iframe/styled/Iframe.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 Iframe = themedStyledComponents_1.default.iframe(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  border: none;\n"], ["\n  height: 100%;\n  width: 100%;\n  border: none;\n"])));
+exports.default = Iframe;
+var templateObject_1;
+//# sourceMappingURL=Iframe.js.map

package/components/Iframe/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.Iframe = void 0;
+var Iframe_1 = require("./Iframe");
+Object.defineProperty(exports, "Iframe", { enumerable: true, get: function () { return __importDefault(Iframe_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Image/Image.js

@@ -0,0 +1,14 @@
+"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 Image = function (_a) {
+    var alt = _a.alt, dataAttrs = _a.dataAttrs, src = _a.src, srcSet = _a.srcSet, objectFit = _a.objectFit, isRound = _a.isRound;
+    return (jsx_runtime_1.jsx(S.Image, tslib_1.__assign({ alt: alt, src: src, srcSet: srcSet }, dataAttrs, { isRound: isRound, objectFit: objectFit }), void 0));
+};
+Image.defaultProps = {
+    objectFit: 'fill',
+};
+exports.default = Image;
+//# sourceMappingURL=Image.js.map

package/components/Image/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 Image_1 = require("./Image");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Image_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Image/styled/Image.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var Image = themedStyledComponents_1.default.img.attrs(function () { return ({
+    loading: 'lazy',
+}); })(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  width: 100%;\n  ", "\n  ", "\n"], ["\n  width: 100%;\n  ", "\n  ", "\n"])), function (_a) {
+    var objectFit = _a.objectFit;
+    return "object-fit: " + objectFit + ";";
+}, function (_a) {
+    var isRound = _a.isRound;
+    return isRound && "border-radius:50%;";
+});
+exports.default = Image;
+var templateObject_1;
+//# sourceMappingURL=Image.js.map

package/components/Image/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.Image = void 0;
+var Image_1 = require("./Image");
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return __importDefault(Image_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/InfoBox/InfoBox.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 Flex_1 = tslib_1.__importDefault(require("../Flex"));
+var S = tslib_1.__importStar(require("./styled"));
+var InfoBox = function (_a) {
+    var children = _a.children, icon = _a.icon;
+    return (jsx_runtime_1.jsxs(S.InfoBox, { children: [icon && (jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ alignItems: "center", marginInlineEnd: "s400" }, { children: icon }), void 0)), children] }, void 0));
+};
+exports.default = InfoBox;
+//# sourceMappingURL=InfoBox.js.map

package/components/InfoBox/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 InfoBox_1 = require("./InfoBox");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InfoBox_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/InfoBox/styled/InfoBox.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var InfoBox = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: center;\n  background: ", ";\n  border: ", ";\n  border-radius: ", ";\n  display: flex;\n  flex-grow: 1;\n  padding: ", ";\n  position: relative;\n"], ["\n  align-items: center;\n  background: ", ";\n  border: ",
+    ";\n  border-radius: ", ";\n  display: flex;\n  flex-grow: 1;\n  padding: ", ";\n  position: relative;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.CONTENT_BACKGROUND;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.borders.style.SOLID + " " + theme.borders.width.bw100 + "\n  " + theme.colors.SECONDARY_LIGHT;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.borders.radius.br200;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s400;
+});
+exports.default = InfoBox;
+var templateObject_1;
+//# sourceMappingURL=InfoBox.js.map

package/components/InfoBox/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.InfoBox = void 0;
+var InfoBox_1 = require("./InfoBox");
+Object.defineProperty(exports, "InfoBox", { enumerable: true, get: function () { return __importDefault(InfoBox_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/InfoBox/types.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoBoxTypes = void 0;
+var InfoBoxTypes;
+(function (InfoBoxTypes) {
+    InfoBoxTypes["Alert"] = "ALERT";
+    InfoBoxTypes["Success"] = "POSITIVE";
+})(InfoBoxTypes = exports.InfoBoxTypes || (exports.InfoBoxTypes = {}));
+//# sourceMappingURL=types.js.map

package/components/InfoButton/InfoButton.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Icon_1 = tslib_1.__importDefault(require("../Icon"));
+var S = tslib_1.__importStar(require("./styled"));
+var InfoButton = function (props) {
+    var dataAttrs = props.dataAttrs, iconName = props.iconName, id = props.id, isDark = props.isDark, onClick = props.onClick, pushed = props.pushed;
+    var iconColor = isDark ? 'CONTENT_BACKGROUND' : 'PRIMARY_DARK';
+    return (jsx_runtime_1.jsx(S.InfoButton, tslib_1.__assign({ id: id, isDark: isDark, onClick: onClick, pushed: pushed }, dataAttrs, { children: jsx_runtime_1.jsx(Icon_1.default, { color: iconColor, dataAttrs: dataAttrs, height: 8, name: iconName, width: 8 }, void 0) }), void 0));
+};
+var defaultProps = {
+    dataAttrs: {},
+    iconName: 'info',
+    onClick: function () { },
+    isDark: false,
+    pushed: false,
+};
+InfoButton.defaultProps = defaultProps;
+exports.default = InfoButton;
+//# sourceMappingURL=InfoButton.js.map