@xivart/tangram 0.0.1-security → 2.712.1

package/components/Layout/styled/Layout.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+var media_1 = require("../../../utils/media");
+var omitAttrs_1 = tslib_1.__importDefault(require("../../../utils/omitAttrs"));
+var convertAspectRatio_1 = tslib_1.__importDefault(require("../helpers/convertAspectRatio"));
+var getResponsiveStyles = function (_a) {
+    var aspectRatio = _a.aspectRatio, display = _a.display, contentVisibility = _a.contentVisibility, containIntrinsicSize = _a.containIntrinsicSize, size = _a.size, _b = _a.inlineSize, inlineSize = _b === void 0 ? size : _b, _c = _a.blockSize, blockSize = _c === void 0 ? size : _c, minSize = _a.minSize, _d = _a.minInlineSize, minInlineSize = _d === void 0 ? minSize : _d, _e = _a.minBlockSize, minBlockSize = _e === void 0 ? minSize : _e, maxSize = _a.maxSize, _f = _a.maxInlineSize, maxInlineSize = _f === void 0 ? maxSize : _f, _g = _a.maxBlockSize, maxBlockSize = _g === void 0 ? maxSize : _g, position = _a.position, inset = _a.inset, _h = _a.insetInline, insetInline = _h === void 0 ? inset : _h, _j = _a.insetBlock, insetBlock = _j === void 0 ? inset : _j, _k = _a.insetInlineStart, insetInlineStart = _k === void 0 ? insetInline : _k, _l = _a.insetInlineEnd, insetInlineEnd = _l === void 0 ? insetInline : _l, _m = _a.insetBlockStart, insetBlockStart = _m === void 0 ? insetBlock : _m, _o = _a.insetBlockEnd, insetBlockEnd = _o === void 0 ? insetBlock : _o, gridArea = _a.gridArea, margin = _a.margin, marginInline = _a.marginInline, marginBlock = _a.marginBlock, _p = _a.marginInlineStart, marginInlineStart = _p === void 0 ? marginInline : _p, _q = _a.marginInlineEnd, marginInlineEnd = _q === void 0 ? marginInline : _q, _r = _a.marginBlockStart, marginBlockStart = _r === void 0 ? marginBlock : _r, _s = _a.marginBlockEnd, marginBlockEnd = _s === void 0 ? marginBlock : _s, padding = _a.padding, paddingInline = _a.paddingInline, paddingBlock = _a.paddingBlock, _t = _a.paddingInlineStart, paddingInlineStart = _t === void 0 ? paddingInline : _t, _u = _a.paddingInlineEnd, paddingInlineEnd = _u === void 0 ? paddingInline : _u, _v = _a.paddingBlockStart, paddingBlockStart = _v === void 0 ? paddingBlock : _v, _w = _a.paddingBlockEnd, paddingBlockEnd = _w === void 0 ? paddingBlock : _w, overflow = _a.overflow, overflowInline = _a.overflowInline, overflowBlock = _a.overflowBlock, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, flexBasis = _a.flexBasis, alignSelf = _a.alignSelf, order = _a.order;
+    return themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: ", ";\n\n  content-visibility: ", ";\n  contain-intrinsic-size: ", ";\n\n  width: ", ";\n  height: ", ";\n  min-width: ", ";\n  min-height: ", ";\n  max-width: ", ";\n  max-height: ", ";\n\n  position: ", ";\n  left: ", ";\n  right: ", ";\n  top: ", ";\n  bottom: ", ";\n  grid-area: ", ";\n\n  margin: ", ";\n  margin-left: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  margin-bottom: ", ";\n  padding: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n  padding-bottom: ", ";\n\n  overflow: ", ";\n  overflow-x: ", ";\n  overflow-y: ", ";\n\n  flex-grow: ", ";\n  flex-shrink: ", ";\n  flex-basis: ", ";\n  align-self: ", ";\n  order: ", ";\n"], ["\n  display: ", ";\n\n  content-visibility: ", ";\n  contain-intrinsic-size: ", ";\n\n  width: ", ";\n  height: ", ";\n  min-width: ", ";\n  min-height: ", ";\n  max-width: ", ";\n  max-height: ", ";\n\n  position: ", ";\n  left: ", ";\n  right: ", ";\n  top: ", ";\n  bottom: ", ";\n  grid-area: ", ";\n\n  margin: ", ";\n  margin-left: ",
+        ";\n  margin-right: ",
+        ";\n  margin-top: ",
+        ";\n  margin-bottom: ",
+        ";\n  padding: ", ";\n  padding-left: ",
+        ";\n  padding-right: ",
+        ";\n  padding-top: ",
+        ";\n  padding-bottom: ",
+        ";\n\n  overflow: ", ";\n  overflow-x: ", ";\n  overflow-y: ", ";\n\n  flex-grow: ", ";\n  flex-shrink: ", ";\n  flex-basis: ", ";\n  align-self: ", ";\n  order: ", ";\n"])), display, contentVisibility, containIntrinsicSize, inlineSize, blockSize, minInlineSize, minBlockSize, maxInlineSize, maxBlockSize, position, insetInlineStart, insetInlineEnd, insetBlockStart, insetBlockEnd, gridArea, function (_a) {
+        var _b;
+        var theme = _a.theme;
+        return (_b = theme.spacings[margin]) !== null && _b !== void 0 ? _b : margin;
+    }, function (_a) {
+        var _b;
+        var theme = _a.theme;
+        return (_b = theme.spacings[marginInlineStart]) !== null && _b !== void 0 ? _b : marginInlineStart;
+    }, function (_a) {
+        var _b;
+        var theme = _a.theme;
+        return (_b = theme.spacings[marginInlineEnd]) !== null && _b !== void 0 ? _b : marginInlineEnd;
+    }, function (_a) {
+        var _b;
+        var theme = _a.theme;
+        return (_b = theme.spacings[marginBlockStart]) !== null && _b !== void 0 ? _b : marginBlockStart;
+    }, function (_a) {
+        var _b;
+        var theme = _a.theme;
+        return (_b = theme.spacings[marginBlockEnd]) !== null && _b !== void 0 ? _b : marginBlockEnd;
+    }, function (_a) {
+        var _b;
+        var theme = _a.theme;
+        return (_b = theme.spacings[padding]) !== null && _b !== void 0 ? _b : padding;
+    }, function (_a) {
+        var _b;
+        var theme = _a.theme;
+        return (_b = theme.spacings[paddingInlineStart]) !== null && _b !== void 0 ? _b : paddingInlineStart;
+    }, function (_a) {
+        var _b;
+        var theme = _a.theme;
+        return (_b = theme.spacings[paddingInlineEnd]) !== null && _b !== void 0 ? _b : paddingInlineEnd;
+    }, function (_a) {
+        var _b;
+        var theme = _a.theme;
+        return (_b = theme.spacings[paddingBlockStart]) !== null && _b !== void 0 ? _b : paddingBlockStart;
+    }, function (_a) {
+        var _b, _c;
+        var theme = _a.theme;
+        return (_c = (_b = convertAspectRatio_1.default(aspectRatio)) !== null && _b !== void 0 ? _b : theme.spacings[paddingBlockEnd]) !== null && _c !== void 0 ? _c : paddingBlockEnd;
+    }, overflow, overflowInline, overflowBlock, flexGrow, flexShrink, flexBasis, alignSelf, order);
+};
+var getAllResponsiveStyles = function (config, breakpoint, _a) {
+    var extended = _a.extended;
+    return themedStyledComponents_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), getResponsiveStyles(config), extended.map(function (interpolations) { return interpolations[breakpoint]; }));
+};
+var Layout = themedStyledComponents_1.default.div
+    .withConfig(omitAttrs_1.default('display', 'size', 'overflow', 'order'))
+    .attrs(function () { return ({
+    extended: [],
+}); })(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  background: ", ";\n\n  ", "\n  ", "\n"], ["\n  background: ",
+    ";\n\n  ", "\n  ", "\n"])), function (_a) {
+    var background = _a.background, theme = _a.theme;
+    return background && theme.colors[background];
+}, getResponsiveStyles, media_1.responsive(getAllResponsiveStyles));
+exports.default = Layout;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=Layout.js.map

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

package/components/Link/Primary.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 defaultProps_1 = require("./defaultProps");
+var Layout_1 = tslib_1.__importDefault(require("../Layout"));
+var PrimaryLink = function (_a) {
+    var alignIcon = _a.alignIcon, dataAttrs = _a.dataAttrs, display = _a.display, children = _a.children, fontSize = _a.fontSize, href = _a.href, icon = _a.icon, iconPosition = _a.iconPosition, linkColor = _a.linkColor, isUnderlined = _a.isUnderlined, fontWeight = _a.fontWeight, lineHeight = _a.lineHeight, onClick = _a.onClick, target = _a.target;
+    return (jsx_runtime_1.jsxs(S.Primary, tslib_1.__assign({}, dataAttrs, { alignIcon: alignIcon, display: display, fontSize: fontSize, fontWeight: fontWeight, href: href, iconPosition: iconPosition, isUnderlined: isUnderlined, lineHeight: lineHeight, linkColor: linkColor, onClick: onClick, target: target }, { children: [icon, jsx_runtime_1.jsx(Layout_1.default, tslib_1.__assign({ as: "span" }, { children: children }), void 0)] }), void 0));
+};
+PrimaryLink.defaultProps = defaultProps_1.primaryDefaultProps;
+exports.default = PrimaryLink;
+//# sourceMappingURL=Primary.js.map

package/components/Link/PrimaryButton.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 defaultProps_1 = require("./defaultProps");
+var Layout_1 = tslib_1.__importDefault(require("../Layout"));
+var PrimaryButtonLink = function (_a) {
+    var dataAttrs = _a.dataAttrs, display = _a.display, children = _a.children, fontSize = _a.fontSize, icon = _a.icon, iconPosition = _a.iconPosition, linkColor = _a.linkColor, isUnderlined = _a.isUnderlined, onClick = _a.onClick, target = _a.target;
+    return (jsx_runtime_1.jsxs(S.Primary, tslib_1.__assign({}, dataAttrs, { as: "span", display: display, fontSize: fontSize, iconPosition: iconPosition, isUnderlined: isUnderlined, linkColor: linkColor, onClick: onClick, target: target }, { children: [icon, jsx_runtime_1.jsx(Layout_1.default, tslib_1.__assign({ as: "span" }, { children: children }), void 0)] }), void 0));
+};
+PrimaryButtonLink.defaultProps = defaultProps_1.primaryDefaultProps;
+exports.default = PrimaryButtonLink;
+//# sourceMappingURL=PrimaryButton.js.map

package/components/Link/Secondary.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 defaultProps_1 = require("./defaultProps");
+var Layout_1 = tslib_1.__importDefault(require("../Layout"));
+var SecondaryLink = function (_a) {
+    var dataAttrs = _a.dataAttrs, display = _a.display, children = _a.children, fontSize = _a.fontSize, fontWeight = _a.fontWeight, href = _a.href, icon = _a.icon, iconPosition = _a.iconPosition, lineHeight = _a.lineHeight, linkColor = _a.linkColor, onClick = _a.onClick, target = _a.target;
+    return (jsx_runtime_1.jsxs(S.Secondary, tslib_1.__assign({}, dataAttrs, { display: display, fontSize: fontSize, fontWeight: fontWeight, href: href, iconPosition: iconPosition, isUnderlined: true, lineHeight: lineHeight, linkColor: linkColor, onClick: onClick, target: target }, { children: [icon, jsx_runtime_1.jsx(Layout_1.default, tslib_1.__assign({ as: "span" }, { children: children }), void 0)] }), void 0));
+};
+SecondaryLink.defaultProps = defaultProps_1.secondaryDefaultProps;
+exports.default = SecondaryLink;
+//# sourceMappingURL=Secondary.js.map

package/components/Link/SecondaryButton.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 defaultProps_1 = require("./defaultProps");
+var Layout_1 = tslib_1.__importDefault(require("../Layout"));
+var SecondaryLink = function (_a) {
+    var dataAttrs = _a.dataAttrs, display = _a.display, children = _a.children, fontSize = _a.fontSize, icon = _a.icon, iconPosition = _a.iconPosition, linkColor = _a.linkColor, onClick = _a.onClick, target = _a.target, wordBreak = _a.wordBreak;
+    return (jsx_runtime_1.jsxs(S.Secondary, tslib_1.__assign({}, dataAttrs, { as: "span", display: display, fontSize: fontSize, iconPosition: iconPosition, isUnderlined: true, linkColor: linkColor, onClick: onClick, target: target, wordBreak: wordBreak }, { children: [icon, jsx_runtime_1.jsx(Layout_1.default, tslib_1.__assign({ as: "span" }, { children: children }), void 0)] }), void 0));
+};
+SecondaryLink.defaultProps = defaultProps_1.secondaryDefaultProps;
+exports.default = SecondaryLink;
+//# sourceMappingURL=SecondaryButton.js.map

package/components/Link/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ICON_POSITION = void 0;
+exports.ICON_POSITION = {
+    LEFT: 'left',
+    RIGHT: 'right',
+};
+//# sourceMappingURL=constants.js.map

package/components/Link/defaultProps.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.secondaryDefaultProps = exports.primaryDefaultProps = void 0;
+var tslib_1 = require("tslib");
+exports.primaryDefaultProps = {
+    dataAttrs: {},
+    display: 'inline-flex',
+    linkColor: 'ACTIVE',
+    iconPosition: 'left',
+    isUnderlined: true,
+    onClick: function () { },
+    fontSize: 'fs400',
+};
+exports.secondaryDefaultProps = tslib_1.__assign(tslib_1.__assign({}, exports.primaryDefaultProps), { fontSize: 'fs300' });
+//# sourceMappingURL=defaultProps.js.map

package/components/Link/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.SecondaryButtonLink = exports.SecondaryLink = exports.PrimaryButtonLink = exports.PrimaryLink = void 0;
+var Primary_1 = require("./Primary");
+Object.defineProperty(exports, "PrimaryLink", { enumerable: true, get: function () { return __importDefault(Primary_1).default; } });
+var PrimaryButton_1 = require("./PrimaryButton");
+Object.defineProperty(exports, "PrimaryButtonLink", { enumerable: true, get: function () { return __importDefault(PrimaryButton_1).default; } });
+var Secondary_1 = require("./Secondary");
+Object.defineProperty(exports, "SecondaryLink", { enumerable: true, get: function () { return __importDefault(Secondary_1).default; } });
+var SecondaryButton_1 = require("./SecondaryButton");
+Object.defineProperty(exports, "SecondaryButtonLink", { enumerable: true, get: function () { return __importDefault(SecondaryButton_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Link/styled/A.js

@@ -0,0 +1,13 @@
+"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 A = themedStyledComponents_1.default.a.withConfig(omitAttrs_1.default('display', 'fontSize'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var isUnderlined = _a.isUnderlined;
+    return "\n    text-decoration: " + (isUnderlined ? 'underline' : 'none') + ";\n  ";
+});
+exports.default = A;
+var templateObject_1;
+//# sourceMappingURL=A.js.map

package/components/Link/styled/Link.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var constants_1 = require("../constants");
+var styled_1 = require("../../A/styled");
+var Link = themedStyledComponents_1.default(styled_1.A)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: ", ";\n  color: ", ";\n  display: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: ", ";\n  cursor: pointer;\n  flex-direction: ", ";\n"], ["\n  align-items: ", ";\n  color: ", ";\n  display: ", ";\n  font-family: ", ";\n  font-size: ",
+    ";\n  line-height: ", ";\n  font-weight: ",
+    ";\n  cursor: pointer;\n  flex-direction: ",
+    ";\n"])), function (_a) {
+    var alignIcon = _a.alignIcon;
+    return alignIcon !== null && alignIcon !== void 0 ? alignIcon : 'center';
+}, function (_a) {
+    var linkColor = _a.linkColor, theme = _a.theme;
+    return linkColor && theme.colors[linkColor];
+}, function (_a) {
+    var display = _a.display;
+    return display;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.fontFamily;
+}, function (_a) {
+    var theme = _a.theme, fontSize = _a.fontSize;
+    return fontSize && theme.fonts.sizes[fontSize];
+}, function (_a) {
+    var lineHeight = _a.lineHeight;
+    return lineHeight;
+}, function (_a) {
+    var theme = _a.theme, fontWeight = _a.fontWeight;
+    return (fontWeight && theme.fonts.primary.weight[fontWeight]) || 300;
+}, function (_a) {
+    var iconPosition = _a.iconPosition;
+    return iconPosition === constants_1.ICON_POSITION.RIGHT ? 'row-reverse' : 'row';
+});
+exports.default = Link;
+var templateObject_1;
+//# sourceMappingURL=Link.js.map

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

package/components/Link/styled/Primary.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 Link_1 = tslib_1.__importDefault(require("./Link"));
+var getIconMargin_1 = tslib_1.__importDefault(require("./getIconMargin"));
+var Primary = themedStyledComponents_1.default(Link_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var iconPosition = _a.iconPosition, spacings = _a.theme.spacings;
+    return "\n    svg {\n      flex-shrink: 0;\n      " + getIconMargin_1.default(spacings.s200, iconPosition) + "\n    }\n  ";
+});
+exports.default = Primary;
+var templateObject_1;
+//# sourceMappingURL=Primary.js.map

package/components/Link/styled/Secondary.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 Link_1 = tslib_1.__importDefault(require("./Link"));
+var getIconMargin_1 = tslib_1.__importDefault(require("./getIconMargin"));
+var Secondary = themedStyledComponents_1.default(Link_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var iconPosition = _a.iconPosition, spacings = _a.theme.spacings, wordBreak = _a.wordBreak;
+    return "\n    svg {\n      " + getIconMargin_1.default(spacings.s300, iconPosition) + "\n    }\n    \n    " + (wordBreak ? "word-break: " + wordBreak : '') + "\n  ";
+});
+exports.default = Secondary;
+var templateObject_1;
+//# sourceMappingURL=Secondary.js.map

package/components/Link/styled/getIconMargin.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var constants_1 = require("../constants");
+var getIconMargin = function (margin, iconPosition) {
+    var marginPosition = iconPosition === constants_1.ICON_POSITION.RIGHT ? 'margin-left' : 'margin-right';
+    return marginPosition + ": " + margin + ";";
+};
+exports.default = getIconMargin;
+//# sourceMappingURL=getIconMargin.js.map

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

package/components/List/IconContainer.js

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

package/components/List/List.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = tslib_1.__importDefault(require("react"));
+var S = tslib_1.__importStar(require("./styled"));
+var constants_1 = require("./constants");
+var Flex_1 = tslib_1.__importDefault(require("../Flex"));
+var List = function (_a) {
+    var icon = _a.icon, bulletsColor = _a.bulletsColor, children = _a.children, numberOfColumns = _a.numberOfColumns, _b = _a.type, type = _b === void 0 ? constants_1.ListType.None : _b, _c = _a.space, space = _c === void 0 ? 's300' : _c;
+    var childrenArray = react_1.default.Children.toArray(children).filter(react_1.default.isValidElement);
+    return (jsx_runtime_1.jsx(S.List, tslib_1.__assign({ numberOfColumns: numberOfColumns, space: space }, { children: childrenArray.map(function (item, index) {
+            var itemKey = index;
+            var showIcon = type === constants_1.ListType.Icon && item.props.icon == null;
+            return (jsx_runtime_1.jsx(S.ListItem, tslib_1.__assign({ bulletsColor: bulletsColor, numberOfColumns: numberOfColumns, space: space, type: type }, { children: jsx_runtime_1.jsxs(Flex_1.default, tslib_1.__assign({ justifyContent: "center" }, { children: [showIcon ? icon : undefined, item] }), void 0) }), itemKey));
+        }) }), void 0));
+};
+exports.default = List;
+//# sourceMappingURL=List.js.map

package/components/List/ListItem.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 S = tslib_1.__importStar(require("./styled"));
+var ListItem = function (props) {
+    var fontSize = props.fontSize, fontWeight = props.fontWeight, color = props.color, icon = props.icon, children = props.children;
+    return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [icon, jsx_runtime_1.jsx(S.Item, tslib_1.__assign({ color: color, fontSize: fontSize, fontWeight: fontWeight }, { children: children }), void 0)] }, void 0));
+};
+var defaultProps = {
+    fontSize: 'fs300',
+    color: 'TEXT',
+    fontWeight: 'fw400',
+};
+ListItem.defaultProps = defaultProps;
+exports.default = ListItem;
+//# sourceMappingURL=ListItem.js.map

package/components/List/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListType = void 0;
+var ListType;
+(function (ListType) {
+    ListType["Dot"] = "dot";
+    ListType["Icon"] = "icon";
+    ListType["None"] = "none";
+})(ListType = exports.ListType || (exports.ListType = {}));
+//# sourceMappingURL=constants.js.map

package/components/List/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.ListType = exports.ListItem = exports.listStyles = exports.default = void 0;
+var List_1 = require("./List");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(List_1).default; } });
+var styled_1 = require("./styled");
+Object.defineProperty(exports, "listStyles", { enumerable: true, get: function () { return styled_1.listStyles; } });
+var ListItem_1 = require("./ListItem");
+Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return __importDefault(ListItem_1).default; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "ListType", { enumerable: true, get: function () { return constants_1.ListType; } });
+//# sourceMappingURL=index.js.map

package/components/List/styled/IconContainer.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconContainer = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+exports.IconContainer = themedStyledComponents_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n"], ["\n  display: inline-flex;\n  align-items: center;\n"])));
+var templateObject_1;
+//# sourceMappingURL=IconContainer.js.map

package/components/List/styled/Item.js

@@ -0,0 +1,22 @@
+"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 Item = themedStyledComponents_1.default.span.withConfig(omitAttrs_1.default('color', 'fontSize', 'fontWeight'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  white-space: normal;\n  line-height: 22px;\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-weight: ",
+    ";\n  font-size: ", ";\n  white-space: normal;\n  line-height: 22px;\n"])), function (_a) {
+    var theme = _a.theme, color = _a.color;
+    return theme.colors[color];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.primary.fontFamily;
+}, function (_a) {
+    var theme = _a.theme, fontWeight = _a.fontWeight;
+    return theme.fonts.primary.weight[fontWeight];
+}, function (_a) {
+    var theme = _a.theme, fontSize = _a.fontSize;
+    return theme.fonts.sizes[fontSize];
+});
+exports.default = Item;
+var templateObject_1;
+//# sourceMappingURL=Item.js.map

package/components/List/styled/List.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+exports.styles = themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  list-style-type: none;\n  padding: 0;\n  width: 100%;\n"], ["\n  list-style-type: none;\n  padding: 0;\n  width: 100%;\n"])));
+var getListStyle = function (space, theme, numberOfColumns) {
+    return numberOfColumns
+        ? themedStyledComponents_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n        display: flex;\n        flex-direction: row;\n        justify-content: ", ";\n        flex-wrap: ", ";\n      "], ["\n        display: flex;\n        flex-direction: row;\n        justify-content: ",
+            ";\n        flex-wrap: ", ";\n      "])), numberOfColumns === 'auto'
+            ? 'center'
+            : 'flex-start', numberOfColumns === 'auto' ? 'nowrap' : 'wrap') : themedStyledComponents_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n        & > * + * {\n          margin-top: ", ";\n        }\n      "], ["\n        & > * + * {\n          margin-top: ", ";\n        }\n      "])), function () { return theme.spacings[space]; });
+};
+var List = themedStyledComponents_1.default.ul(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ",
+    "\n"])), exports.styles, function (_a) {
+    var numberOfColumns = _a.numberOfColumns, theme = _a.theme, space = _a.space;
+    return themedStyledComponents_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), getListStyle(space, theme, numberOfColumns));
+});
+exports.default = List;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=List.js.map

package/components/List/styled/ListItem.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+var omitAttrs_1 = tslib_1.__importDefault(require("../../../utils/omitAttrs"));
+var constants_1 = require("../constants");
+var ListItem = themedStyledComponents_1.default.li.withConfig(omitAttrs_1.default('type'))(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  margin-top: 0;\n  padding-top: ", ";\n  display: flex;\n  margin-right: ", ";\n  svg {\n    margin-right: ", ";\n    flex-shrink: 0;\n    ", "\n  }\n\n  ", ";\n\n  ", ";\n"], ["\n  margin-top: 0;\n  padding-top: ", ";\n  display: flex;\n  margin-right: ",
+    ";\n  svg {\n    margin-right: ", ";\n    flex-shrink: 0;\n    ",
+    "\n  }\n\n  ",
+    ";\n\n  ",
+    ";\n"])), function (_a) {
+    var theme = _a.theme, space = _a.space;
+    return theme.spacings[space];
+}, function (_a) {
+    var theme = _a.theme, numberOfColumns = _a.numberOfColumns;
+    return numberOfColumns === 'auto' ? theme.spacings.s900 : undefined;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s400;
+}, function (_a) {
+    var bulletsColor = _a.bulletsColor, theme = _a.theme;
+    return bulletsColor &&
+        "\n      > use {\n        fill: " + theme.colors[bulletsColor] + ";\n      }\n    ";
+}, function (_a) {
+    var numberOfColumns = _a.numberOfColumns, theme = _a.theme;
+    return !!numberOfColumns &&
+        numberOfColumns !== 'auto' && themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      width: ", "%;\n      padding-right: ", ";\n    "], ["\n      width: ", "%;\n      padding-right: ", ";\n    "])), 100 / numberOfColumns, theme.spacings.s300);
+}, function (_a) {
+    var type = _a.type, _b = _a.bulletsColor, bulletsColor = _b === void 0 ? 'ACTIVE' : _b, _c = _a.theme, colors = _c.colors, spacings = _c.spacings;
+    return type === constants_1.ListType.Dot &&
+        "\n    &::before {\n      color: " + colors[bulletsColor] + ";\n      content: '\\2022';\n      margin-right: " + spacings.s300 + ";\n      line-height: 22px;\n    }\n  ";
+});
+exports.default = ListItem;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ListItem.js.map

package/components/List/styled/PlaceHolder.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlaceHolder = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+exports.PlaceHolder = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  white-space: normal;\n  height: 21px;\n"], ["\n  white-space: normal;\n  height: 21px;\n"])));
+var templateObject_1;
+//# sourceMappingURL=PlaceHolder.js.map

package/components/List/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.ListItem = exports.listStyles = exports.List = exports.Item = void 0;
+var Item_1 = require("./Item");
+Object.defineProperty(exports, "Item", { enumerable: true, get: function () { return __importDefault(Item_1).default; } });
+var List_1 = require("./List");
+Object.defineProperty(exports, "List", { enumerable: true, get: function () { return __importDefault(List_1).default; } });
+var List_2 = require("./List");
+Object.defineProperty(exports, "listStyles", { enumerable: true, get: function () { return List_2.styles; } });
+var ListItem_1 = require("./ListItem");
+Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return __importDefault(ListItem_1).default; } });
+//# sourceMappingURL=index.js.map