@xivart/tangram 0.0.1-security → 2.712.1

package/components/Tabs/styled/TabsNavigationBackground.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = (0, tslib_1.__importDefault)(require("../../../utils/themedStyledComponents"));
+var TabsNavigationBackground = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  background-color: ", ";\n  color: ", ";\n  width: 100%;\n\n  ", "\n\n  ", "\n"], ["\n  background-color: ", ";\n  color: ", ";\n  width: 100%;\n\n  ", "\n\n  ", "\n"])), function (_a) {
+    var theme = _a.theme, titleBackgroundColor = _a.titleBackgroundColor;
+    return titleBackgroundColor
+        ? theme.colors[titleBackgroundColor]
+        : theme.colors.PRIMARY;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.CONTENT_BACKGROUND;
+}, function (_a) {
+    var theme = _a.theme, rounded = _a.rounded, tabWidth = _a.tabWidth;
+    return rounded &&
+        "\n      border-radius: ".concat(theme.borders.radius.br200, ";\n      ").concat(tabWidth === '100%' ? 'overflow: hidden;' : '', "\n    ");
+}, function (_a) {
+    var showShadow = _a.showShadow;
+    return showShadow &&
+        "\n      box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);\n    ";
+});
+exports.default = TabsNavigationBackground;
+var templateObject_1;
+//# sourceMappingURL=TabsNavigationBackground.js.map

package/components/Tabs/styled/TabsNavigationWrapper.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var TabsNavigationWrapper = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  display: flex;\n  flex-flow: row nowrap;\n  flex: none;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: bold;\n  justify-content: flex-start;\n  line-height: 12px;\n  margin: 0;\n  overflow: hidden;\n  padding: 0\n    ", ";\n  position: relative;\n  width: 100%;\n"], ["\n  background-color: ",
+    ";\n  color: ", ";\n  display: flex;\n  flex-flow: row nowrap;\n  flex: none;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: bold;\n  justify-content: flex-start;\n  line-height: 12px;\n  margin: 0;\n  overflow: hidden;\n  padding: 0\n    ",
+    ";\n  position: relative;\n  width: 100%;\n"])), function (_a) {
+    var theme = _a.theme, titleBackgroundColor = _a.titleBackgroundColor;
+    return titleBackgroundColor
+        ? theme.colors[titleBackgroundColor]
+        : theme.colors.PRIMARY;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.CONTENT_BACKGROUND;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.fontFamily;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.sizes.fs200;
+}, function (_a) {
+    var theme = _a.theme, shouldHideTitlePaddings = _a.shouldHideTitlePaddings;
+    return shouldHideTitlePaddings ? 0 : theme.spacings.s500;
+});
+exports.default = TabsNavigationWrapper;
+var templateObject_1;
+//# sourceMappingURL=TabsNavigationWrapper.js.map

package/components/Tabs/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.TabTitleContainer = exports.TabTitleWrapper = exports.TabsNavigationWrapper = exports.ScrollTape = void 0;
+var ScrollTape_1 = require("./ScrollTape");
+Object.defineProperty(exports, "ScrollTape", { enumerable: true, get: function () { return __importDefault(ScrollTape_1).default; } });
+var TabsNavigationWrapper_1 = require("./TabsNavigationWrapper");
+Object.defineProperty(exports, "TabsNavigationWrapper", { enumerable: true, get: function () { return __importDefault(TabsNavigationWrapper_1).default; } });
+var TabTitleWrapper_1 = require("./TabTitleWrapper");
+Object.defineProperty(exports, "TabTitleWrapper", { enumerable: true, get: function () { return __importDefault(TabTitleWrapper_1).default; } });
+var TabTitleContainer_1 = require("./TabTitleContainer");
+Object.defineProperty(exports, "TabTitleContainer", { enumerable: true, get: function () { return __importDefault(TabTitleContainer_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Tabs/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFunction = void 0;
+function isFunction(children) {
+    return children instanceof Function;
+}
+exports.isFunction = isFunction;
+//# sourceMappingURL=types.js.map

package/components/Tag/Tag.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 Text_1 = (0, tslib_1.__importDefault)(require("../Text"));
+var S = (0, tslib_1.__importStar)(require("./styled"));
+var Tag = function (_a) {
+    var _b = _a.dataAttrs, dataAttrs = _b === void 0 ? {} : _b, children = _a.children;
+    return ((0, jsx_runtime_1.jsx)(S.Tag, (0, tslib_1.__assign)({}, dataAttrs, { children: (0, jsx_runtime_1.jsx)(Text_1.default, (0, tslib_1.__assign)({ color: "TEXT_DARK", fontSize: "fs200", fontWeight: "fw700", isSecondaryFamily: true, lineHeight: 1, paddingTop: "s100", textTransform: "uppercase", withEllipsis: true }, { children: children }), void 0) }), void 0));
+};
+exports.default = Tag;
+//# sourceMappingURL=Tag.js.map

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

package/components/Tag/styled/Tag.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = (0, tslib_1.__importDefault)(require("../../../utils/themedStyledComponents"));
+var Tag = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  height: 20px;\n  max-width: 100%;\n  width: fit-content;\n  position: relative;\n  margin-left: 5px;\n  z-index: ", ";\n  padding: ", ";\n\n  &:before {\n    border: 10px solid transparent;\n    border-right-width: 5px;\n    border-right-color: ", ";\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -15px;\n  }\n"], ["\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  height: 20px;\n  max-width: 100%;\n  width: fit-content;\n  position: relative;\n  margin-left: 5px;\n  z-index: ", ";\n  padding: ", ";\n\n  &:before {\n    border: 10px solid transparent;\n    border-right-width: 5px;\n    border-right-color: ", ";\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -15px;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.ACCENT;
+}, function (_a) {
+    var zIndexes = _a.theme.zIndexes;
+    return zIndexes.ribbon;
+}, function (_a) {
+    var theme = _a.theme;
+    return "".concat(theme.spacings.s100, " ").concat(theme.spacings.s300, " ").concat(theme.spacings.s100, " ").concat(theme.spacings.s200);
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.ACCENT;
+});
+exports.default = Tag;
+var templateObject_1;
+//# sourceMappingURL=Tag.js.map

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

package/components/Text/Text.js

@@ -0,0 +1,22 @@
+"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 defaultProps = {
+    align: 'initial',
+    fontSize: 'fs300',
+    fontWeight: 'fw400',
+    lineHeight: 1.57,
+    isSecondaryFamily: false,
+    tag: 'p',
+    withEllipsis: false,
+    dataAttrs: {},
+};
+var Text = function (_a) {
+    var children = _a.children, dataAttrs = _a.dataAttrs, tag = _a.tag, propsToPass = tslib_1.__rest(_a, ["children", "dataAttrs", "tag"]);
+    return (jsx_runtime_1.jsx(S.Text, tslib_1.__assign({ as: tag }, propsToPass, dataAttrs, { children: children }), void 0));
+};
+Text.defaultProps = defaultProps;
+exports.default = Text;
+//# sourceMappingURL=Text.js.map

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

package/components/Text/styled/Text.js

@@ -0,0 +1,94 @@
+"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 Text = themedStyledComponents_1.default.p.withConfig(omitAttrs_1.default('color', 'fontSize', 'fontWeight'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  text-align: ", ";\n  word-break: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  text-align: ", ";\n  word-break: ", ";\n  color: ", ";\n  font-family: ",
+    ";\n  font-size: ",
+    ";\n  font-weight: ",
+    ";\n  line-height: ", ";\n  ", "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ", "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ",
+    "\n  ", "\n  ",
+    "\n  ", "\n  ",
+    "\n"])), function (_a) {
+    var align = _a.align;
+    return align;
+}, function (_a) {
+    var wordBreak = _a.wordBreak;
+    return wordBreak;
+}, function (_a) {
+    var theme = _a.theme, color = _a.color;
+    return color && theme.colors[color];
+}, function (_a) {
+    var theme = _a.theme, isSecondaryFamily = _a.isSecondaryFamily;
+    return isSecondaryFamily
+        ? theme.fonts.secondary.fontFamily
+        : theme.fonts.primary.fontFamily;
+}, function (_a) {
+    var theme = _a.theme, fontSize = _a.fontSize;
+    return fontSize && theme.fonts.sizes[fontSize];
+}, function (_a) {
+    var theme = _a.theme, fontWeight = _a.fontWeight, isSecondaryFamily = _a.isSecondaryFamily;
+    return fontWeight &&
+        (isSecondaryFamily
+            ? theme.fonts.secondary.weight[fontWeight]
+            : theme.fonts.primary.weight[fontWeight]);
+}, function (_a) {
+    var lineHeight = _a.lineHeight;
+    return lineHeight;
+}, 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 theme = _a.theme, padding = _a.padding;
+    return padding && "padding: " + theme.spacings[padding] + ";";
+}, function (_a) {
+    var theme = _a.theme, paddingBottom = _a.paddingBottom;
+    return paddingBottom && "padding-bottom: " + theme.spacings[paddingBottom] + ";";
+}, function (_a) {
+    var theme = _a.theme, paddingLeft = _a.paddingLeft;
+    return paddingLeft && "padding-left: " + theme.spacings[paddingLeft] + ";";
+}, function (_a) {
+    var theme = _a.theme, paddingRight = _a.paddingRight;
+    return paddingRight && "padding-right: " + theme.spacings[paddingRight] + ";";
+}, function (_a) {
+    var theme = _a.theme, paddingTop = _a.paddingTop;
+    return paddingTop && "padding-top: " + theme.spacings[paddingTop] + ";";
+}, function (_a) {
+    var textTransform = _a.textTransform;
+    return textTransform && "text-transform: " + textTransform + ";";
+}, function (_a) {
+    var theme = _a.theme, textShadow = _a.textShadow;
+    return textShadow && "text-shadow: " + theme.textShadows[textShadow] + ";";
+}, function (_a) {
+    var whiteSpace = _a.whiteSpace;
+    return whiteSpace && "white-space: " + whiteSpace + ";";
+}, function (_a) {
+    var withEllipsis = _a.withEllipsis;
+    return withEllipsis &&
+        "\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  ";
+});
+Text.defaultProps = {
+    color: 'TEXT',
+};
+exports.default = Text;
+var templateObject_1;
+//# sourceMappingURL=Text.js.map

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

package/components/TextArea/TextArea.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 TextArea = function (props) { return jsx_runtime_1.jsx(S.TextArea, tslib_1.__assign({}, props), void 0); };
+TextArea.defaultProps = {
+    rows: 5,
+};
+exports.default = TextArea;
+//# sourceMappingURL=TextArea.js.map

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

package/components/TextArea/styled/TextArea.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 TextArea = themedStyledComponents_1.default.textarea.attrs(function (_a) {
+    var rows = _a.rows;
+    return ({ rows: rows });
+})(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  outline: none;\n  resize: none;\n  width: 100%;\n  font-weight: normal;\n  font-style: normal;\n  font-stretch: normal;\n  line-height: normal;\n  letter-spacing: normal;\n\n  &:focus {\n    outline: none;\n  }\n\n  ", "\n"], ["\n  outline: none;\n  resize: none;\n  width: 100%;\n  font-weight: normal;\n  font-style: normal;\n  font-stretch: normal;\n  line-height: normal;\n  letter-spacing: normal;\n\n  &:focus {\n    outline: none;\n  }\n\n  ",
+    "\n"])), function (_a) {
+    var _b = _a.theme, colors = _b.colors, borders = _b.borders, fonts = _b.fonts, spacings = _b.spacings;
+    return "\n    background: " + colors.CONTENT_BACKGROUND + ";\n    border: " + borders.style.SOLID + " " + borders.width.bw200 + " " + colors.SECONDARY + ";\n    border-radius: " + borders.radius.br200 + ";\n    color: " + colors.TEXT_DARK + ";\n    font-family: " + fonts.primary.fontFamily + ";\n    font-size: " + fonts.sizes.fs400 + ";\n    padding: " + spacings.s400 + ";\n\n    &:focus {\n      border-color: " + colors.ACTIVE + ";\n    }\n  ";
+});
+exports.default = TextArea;
+var templateObject_1;
+//# sourceMappingURL=TextArea.js.map

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

package/components/TextBlock/TextBlock.js

@@ -0,0 +1,17 @@
+"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 Button_1 = require("../Button");
+var A_1 = tslib_1.__importDefault(require("../A"));
+var Image_1 = tslib_1.__importDefault(require("../Image"));
+var S = tslib_1.__importStar(require("./styled"));
+var TextBlock = function (props) {
+    var btnTitle = props.btnTitle, btnUrl = props.btnUrl, children = props.children, imageUrl = props.image;
+    var image = imageUrl && jsx_runtime_1.jsx(Image_1.default, { src: imageUrl }, void 0);
+    var button = btnTitle && btnUrl && (jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ justifyContent: "center", marginBlockStart: "s600" }, { children: jsx_runtime_1.jsx(A_1.default, tslib_1.__assign({ href: btnUrl }, { children: jsx_runtime_1.jsx(Button_1.SecondaryButton, { children: btnTitle }, void 0) }), void 0) }), void 0));
+    return (jsx_runtime_1.jsxs(S.TextBlock, tslib_1.__assign({}, props, { children: [image, children, button] }), void 0));
+};
+exports.default = TextBlock;
+//# sourceMappingURL=TextBlock.js.map

package/components/TextBlock/TextBlockContent.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 sanitizeTags_1 = require("../../utils/sanitizeTags");
+var S = tslib_1.__importStar(require("./styled"));
+var TextBlockContent = function (_a) {
+    var content = _a.content, dataAttrs = _a.dataAttrs, props = tslib_1.__rest(_a, ["content", "dataAttrs"]);
+    return (jsx_runtime_1.jsx(S.TextBlockContent, tslib_1.__assign({ dangerouslySetInnerHTML: {
+            __html: sanitizeTags_1.sanitizeTags(content, dataAttrs),
+        } }, props), void 0));
+};
+exports.default = TextBlockContent;
+//# sourceMappingURL=TextBlockContent.js.map

package/components/TextBlock/index.js

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

package/components/TextBlock/styled/TextBlock.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var styled_1 = require("../../Image/styled");
+var TextBlock = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", " {\n    border-radius: ", ";\n  }\n"], ["\n  ", " {\n    border-radius: ", ";\n  }\n"])), styled_1.Image, function (_a) {
+    var theme = _a.theme;
+    return theme.borders.radius.br200;
+});
+exports.default = TextBlock;
+var templateObject_1;
+//# sourceMappingURL=TextBlock.js.map

package/components/TextBlock/styled/TextBlockContent.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var List_1 = require("../../List");
+var H1_1 = require("../../H1");
+var H2_1 = require("../../H2");
+var H3_1 = require("../../H3");
+var TextBlockContent = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: 1.5;\n  overflow-wrap: break-word;\n\n  h1 {\n    ", "\n  }\n\n  h2 {\n    ", "\n  }\n\n  h3 {\n    ", "\n  }\n\n  p {\n    margin: ", ";\n  }\n\n  a {\n    ", ";\n    text-decoration: underline;\n  }\n\n  b,\n  strong {\n    ", ";\n  }\n\n  i,\n  em {\n    font-style: italic;\n  }\n\n  ul,\n  ol {\n    ", "\n    margin: ", ";\n\n    & > li {\n      display: list-item;\n      margin-left: 18px;\n      text-indent: -18px;\n\n      &::before {\n        color: ", ";\n        font-weight: ", ";\n      }\n\n      & > p {\n        display: inline;\n        margin-left: -4px;\n\n        &::after {\n          content: '';\n          display: inline-flex;\n          margin: 0 0 16px 0;\n        }\n      }\n    }\n  }\n\n  ul > li::before {\n    content: '\\2022';\n    margin-right: ", ";\n  }\n\n  ol {\n    counter-reset: list-counter;\n\n    & > li::before {\n      content: counter(list-counter) '. ';\n      counter-increment: list-counter;\n      margin: 0 8px 0 -8px;\n    }\n  }\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: 1.5;\n  overflow-wrap: break-word;\n\n  h1 {\n    ", "\n  }\n\n  h2 {\n    ", "\n  }\n\n  h3 {\n    ", "\n  }\n\n  p {\n    margin: ", ";\n  }\n\n  a {\n    ",
+    ";\n    text-decoration: underline;\n  }\n\n  b,\n  strong {\n    ",
+    ";\n  }\n\n  i,\n  em {\n    font-style: italic;\n  }\n\n  ul,\n  ol {\n    ", "\n    margin: ", ";\n\n    & > li {\n      display: list-item;\n      margin-left: 18px;\n      text-indent: -18px;\n\n      &::before {\n        color: ", ";\n        font-weight: ", ";\n      }\n\n      & > p {\n        display: inline;\n        margin-left: -4px;\n\n        &::after {\n          content: '';\n          display: inline-flex;\n          margin: 0 0 16px 0;\n        }\n      }\n    }\n  }\n\n  ul > li::before {\n    content: '\\\\2022';\n    margin-right: ", ";\n  }\n\n  ol {\n    counter-reset: list-counter;\n\n    & > li::before {\n      content: counter(list-counter) '. ';\n      counter-increment: list-counter;\n      margin: 0 8px 0 -8px;\n    }\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.TEXT;
+}, 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.fw400;
+}, H1_1.styles, H2_1.styles, H3_1.styles, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500 + " 0";
+}, 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    ";
+}, List_1.listStyles, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500 + " 0";
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.ACTIVE;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.weight.fw700;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s400;
+});
+exports.default = TextBlockContent;
+var templateObject_1;
+//# sourceMappingURL=TextBlockContent.js.map

package/components/TextBlock/styled/index.js

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

package/components/TitleBar/BackButton.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 Icon_1 = tslib_1.__importDefault(require("../Icon"));
+var S = tslib_1.__importStar(require("./styled"));
+var BackButton = function (_a) {
+    var iconName = _a.iconName, onClick = _a.onClick;
+    return (jsx_runtime_1.jsx(S.BackButtonContainer, tslib_1.__assign({ onClick: onClick }, { children: jsx_runtime_1.jsx(Icon_1.default, { color: "SECONDARY_DARK", name: iconName }, void 0) }), void 0));
+};
+exports.default = BackButton;
+//# sourceMappingURL=BackButton.js.map

package/components/TitleBar/CloseButton.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 Icon_1 = tslib_1.__importDefault(require("../Icon"));
+var S = tslib_1.__importStar(require("./styled"));
+var CloseButton = function (_a) {
+    var secondary = _a.secondary, dataAttrs = _a.dataAttrs, onClick = _a.onClick;
+    return (jsx_runtime_1.jsx(S.CloseButtonContainer, tslib_1.__assign({}, dataAttrs, { onClick: onClick }, { children: secondary ? (jsx_runtime_1.jsx(Icon_1.default, { color: "SECONDARY", dataAttrs: dataAttrs, height: 13, name: "close-small", width: 13 }, void 0)) : (jsx_runtime_1.jsx(Icon_1.default, { color: "SECONDARY_DARK", dataAttrs: dataAttrs, height: 18, name: "close", width: 18 }, void 0)) }), void 0));
+};
+exports.default = CloseButton;
+//# sourceMappingURL=CloseButton.js.map

package/components/TitleBar/OpenButton.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 Icon_1 = tslib_1.__importDefault(require("../Icon"));
+var S = tslib_1.__importStar(require("./styled"));
+var OpenButton = function (_a) {
+    var onClick = _a.onClick;
+    return (jsx_runtime_1.jsx(S.OpenButtonContainer, tslib_1.__assign({ onClick: onClick }, { children: jsx_runtime_1.jsx(Icon_1.default, { color: "SECONDARY_LIGHT", name: "chevron-vertical" }, void 0) }), void 0));
+};
+exports.default = OpenButton;
+//# sourceMappingURL=OpenButton.js.map

package/components/TitleBar/TitleBar.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var BackButton_1 = tslib_1.__importDefault(require("./BackButton"));
+var CloseButton_1 = tslib_1.__importDefault(require("./CloseButton"));
+var OpenButton_1 = tslib_1.__importDefault(require("./OpenButton"));
+var S = tslib_1.__importStar(require("./styled"));
+var TitleBar = function (_a) {
+    var _b = _a.backButtonIcon, backButtonIcon = _b === void 0 ? 'arrow' : _b, children = _a.children, secondary = _a.secondary, onBack = _a.onBack, onClose = _a.onClose, onOpen = _a.onOpen, _c = _a.childrenDataAttrs, childrenDataAttrs = _c === void 0 ? {} : _c, roundedTop = _a.roundedTop;
+    return (jsx_runtime_1.jsxs(S.TitleBar, tslib_1.__assign({ roundedTop: roundedTop, secondary: secondary }, { children: [onBack && jsx_runtime_1.jsx(BackButton_1.default, { iconName: backButtonIcon, onClick: onBack }, void 0), children, jsx_runtime_1.jsx(S.Separator, {}, void 0),
+            onClose && (jsx_runtime_1.jsx(CloseButton_1.default, { dataAttrs: childrenDataAttrs.closeButton, onClick: onClose, secondary: secondary }, void 0)),
+            onOpen && jsx_runtime_1.jsx(OpenButton_1.default, { onClick: onOpen }, void 0)] }), void 0));
+};
+exports.default = TitleBar;
+//# sourceMappingURL=TitleBar.js.map

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

package/components/TitleBar/styled/BackButtonContainer.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 BackButtonContainer = themedStyledComponents_1.default.a(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  padding-left: ", ";\n  transform: rotate(-180deg);\n  cursor: pointer;\n"], ["\n  align-items: center;\n  display: flex;\n  padding-left: ", ";\n  transform: rotate(-180deg);\n  cursor: pointer;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s400;
+});
+exports.default = BackButtonContainer;
+var templateObject_1;
+//# sourceMappingURL=BackButtonContainer.js.map

package/components/TitleBar/styled/CloseButtonContainer.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 CloseButtonContainer = themedStyledComponents_1.default.a(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n"])));
+exports.default = CloseButtonContainer;
+var templateObject_1;
+//# sourceMappingURL=CloseButtonContainer.js.map

package/components/TitleBar/styled/OpenButtonContainer.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 OpenButtonContainer = themedStyledComponents_1.default.a(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  transform: rotate(-180deg);\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  transform: rotate(-180deg);\n"])));
+exports.default = OpenButtonContainer;
+var templateObject_1;
+//# sourceMappingURL=OpenButtonContainer.js.map

package/components/TitleBar/styled/Separator.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 Separator = themedStyledComponents_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  flex: 1;\n"], ["\n  flex: 1;\n"])));
+exports.default = Separator;
+var templateObject_1;
+//# sourceMappingURL=Separator.js.map

package/components/TitleBar/styled/Title.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+exports.Title = themedStyledComponents_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  font-family: ", ";\n  font-size: ", ";\n"], ["\n  font-family: ", ";\n  font-size: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.fontFamily;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.sizes.fs500;
+});
+var templateObject_1;
+//# sourceMappingURL=Title.js.map