@xivart/tangram 0.0.1-security → 2.712.1

package/components/Stack/styled/StyledStack.js

@@ -0,0 +1,42 @@
+"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 S = tslib_1.__importStar(require("../../Flex/styled"));
+var getMarginValue = function (flexDirection, gap) {
+    if (gap === 0) {
+        return '0';
+    }
+    switch (flexDirection) {
+        case 'row':
+            return "0 0 0 " + gap;
+        case 'row-reverse':
+            return "0 " + gap + " 0 0";
+        case 'column-reverse':
+            return "0 0 " + gap;
+        case 'column':
+        default:
+            return gap + " 0 0";
+    }
+};
+var getResponsiveStyles = function (_a, breakpoint) {
+    var flexDirection = _a.flexDirection, _b = _a.gap, gap = _b === void 0 ? 0 : _b;
+    return flexDirection != null
+        ? themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n        ", "& > * + * {\n          margin: ", ";\n        }\n      "], ["\n        ", "& > * + * {\n          margin: ",
+            ";\n        }\n      "])), breakpoint && '&', function (_a) {
+            var _b;
+            var theme = _a.theme;
+            return getMarginValue(flexDirection, (_b = theme.spacings[gap]) !== null && _b !== void 0 ? _b : gap);
+        }) : undefined;
+};
+var StyledStack = themedStyledComponents_1.default(S.Flex).attrs(function (props) {
+    var _a;
+    return ({
+        flexDirection: (_a = props.flexDirection) !== null && _a !== void 0 ? _a : 'column',
+        extended: tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(props.extended)), [media_1.interpolate(props, getResponsiveStyles)]),
+    });
+})(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getResponsiveStyles);
+exports.default = StyledStack;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=StyledStack.js.map

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

package/components/StaticAsset/StaticAsset.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StaticAsset = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Asset_1 = tslib_1.__importDefault(require("../Asset"));
+var StaticAsset = function (_a) {
+    var name = _a.name, implicitProps = tslib_1.__rest(_a, ["name"]);
+    return (jsx_runtime_1.jsx(Asset_1.default, tslib_1.__assign({ name: name, type: "statics" }, { children: function (_a) {
+            var id = _a.id, viewBox = _a.viewBox;
+            if (id) {
+                return (jsx_runtime_1.jsx("svg", tslib_1.__assign({ viewBox: viewBox }, implicitProps, { children: jsx_runtime_1.jsx("use", { xlinkHref: "#" + id }, void 0) }), void 0));
+            }
+            return null;
+        } }), void 0));
+};
+exports.StaticAsset = StaticAsset;
+exports.default = exports.StaticAsset;
+//# sourceMappingURL=StaticAsset.js.map

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

package/components/StaticAsset/styled/StaticAsset.js

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

package/components/StaticAsset/styled/index.js

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

package/components/StaticAssetGroup/StaticAssetGroup.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 react_1 = require("react");
+var StaticAssetItem_1 = tslib_1.__importDefault(require("./StaticAssetItem"));
+var Flex_1 = tslib_1.__importDefault(require("../Flex"));
+var StaticAssetGroup = function (_a) {
+    var assets = _a.assets;
+    var parentRef = react_1.useRef(null);
+    var hasActive = assets.some(function (_a) {
+        var isActive = _a.isActive;
+        return !!isActive;
+    });
+    return (jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ ref: parentRef, alignItems: "center", overflowInline: "auto" }, { children: assets.map(function (_a) {
+            var name = _a.name, isActive = _a.isActive, key = _a.key;
+            return (jsx_runtime_1.jsx(StaticAssetItem_1.default, { hasActive: hasActive, isActive: isActive, name: name, parentElement: parentRef.current }, key));
+        }) }), void 0));
+};
+exports.default = StaticAssetGroup;
+//# sourceMappingURL=StaticAssetGroup.js.map

package/components/StaticAssetGroup/StaticAssetItem.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var S = tslib_1.__importStar(require("./styled"));
+var StaticAsset_1 = tslib_1.__importDefault(require("../StaticAsset"));
+var scrollParentToChild_1 = tslib_1.__importDefault(require("./helpers/scrollParentToChild"));
+var StaticAssetItem = function (_a) {
+    var name = _a.name, isActive = _a.isActive, hasActive = _a.hasActive, parentElement = _a.parentElement;
+    var itemElement = react_1.useRef(null);
+    react_1.useEffect(function () {
+        if (isActive && itemElement.current && parentElement) {
+            scrollParentToChild_1.default(parentElement, itemElement.current);
+        }
+    }, [isActive, hasActive, parentElement]);
+    return (jsx_runtime_1.jsx(S.StaticAssetItem, tslib_1.__assign({ ref: itemElement, isActive: !hasActive ? true : isActive }, { children: jsx_runtime_1.jsx(StaticAsset_1.default, { name: name }, void 0) }), void 0));
+};
+exports.default = StaticAssetItem;
+//# sourceMappingURL=StaticAssetItem.js.map

package/components/StaticAssetGroup/helpers/scrollParentToChild.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var scrollParentToChild = function (parent, child) {
+    var parentRect = parent.getBoundingClientRect();
+    var childRect = child.getBoundingClientRect();
+    var isViewableRight = childRect.right <= parentRect.right;
+    var isViewableLeft = childRect.left >= parentRect.left;
+    if (!isViewableRight) {
+        var scrollRight = childRect.right - parentRect.right;
+        parent.scrollLeft += scrollRight;
+    }
+    if (!isViewableLeft) {
+        var scrollLeft = childRect.left - parentRect.left;
+        parent.scrollLeft += scrollLeft;
+    }
+};
+exports.default = scrollParentToChild;
+//# sourceMappingURL=scrollParentToChild.js.map

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

package/components/StaticAssetGroup/styled/StaticAssetItem.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 StaticAssetItem = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  min-width: 42px;\n  opacity: ", ";\n  transition: opacity 0.2s cubic-bezier(0.54, 0.01, 0.1, 1);\n\n  &:not(:last-child) {\n    margin-right: 5px;\n  }\n\n  & > svg {\n    display: block;\n  }\n"], ["\n  min-width: 42px;\n  opacity: ", ";\n  transition: opacity 0.2s cubic-bezier(0.54, 0.01, 0.1, 1);\n\n  &:not(:last-child) {\n    margin-right: 5px;\n  }\n\n  & > svg {\n    display: block;\n  }\n"])), function (_a) {
+    var isActive = _a.isActive;
+    return (isActive ? 1 : 0.3);
+});
+exports.default = StaticAssetItem;
+var templateObject_1;
+//# sourceMappingURL=StaticAssetItem.js.map

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

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

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

package/components/StatusBox/styled/StatusBox.js

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

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

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

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

package/components/StepContainer/styled/StepContainer.js

@@ -0,0 +1,36 @@
+"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 StepContainer = themedStyledComponents_1.default.div.withConfig(omitAttrs_1.default('color'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-radius: 50%;\n  display: inline-flex;\n  ", "\n  color: ", ";\n  height: 24px;\n  justify-content: center;\n  width: 24px;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  cursor: ", ";\n  flex-shrink: 0;\n"], ["\n  align-items: center;\n  background-color: ",
+    ";\n  border-radius: 50%;\n  display: inline-flex;\n  ",
+    "\n  color: ",
+    ";\n  height: 24px;\n  justify-content: center;\n  width: 24px;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  cursor: ", ";\n  flex-shrink: 0;\n"])), function (_a) {
+    var theme = _a.theme, backgroundColor = _a.backgroundColor;
+    return "" + (backgroundColor
+        ? theme.colors[backgroundColor]
+        : theme.colors.PRIMARY_LIGHT);
+}, function (_a) {
+    var hideBorder = _a.hideBorder, theme = _a.theme, borderColor = _a.borderColor;
+    return !hideBorder &&
+        "\n    border: " + theme.borders.width.bw200 + " " + theme.borders.style.SOLID + ";\n    border-color: " + (borderColor ? theme.colors[borderColor] : theme.colors.CONTENT_BACKGROUND) + ";\n  ";
+}, function (_a) {
+    var color = _a.color, theme = _a.theme;
+    return "" + (color ? theme.colors[color] : 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;
+    return theme.fonts.primary.weight.fw700;
+}, function (_a) {
+    var onClick = _a.onClick;
+    return (onClick ? 'pointer' : 'default');
+});
+exports.default = StepContainer;
+var templateObject_1;
+//# sourceMappingURL=StepContainer.js.map

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

package/components/Steps/Step.js

@@ -0,0 +1,20 @@
+"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 Icon_1 = tslib_1.__importDefault(require("../Icon"));
+var Text_1 = tslib_1.__importDefault(require("../Text"));
+var S = tslib_1.__importStar(require("./styled"));
+var Step = function (_a) {
+    var _b = _a.step, step = _b === void 0 ? 0 : _b, title = _a.title, _c = _a.currentStep, currentStep = _c === void 0 ? 0 : _c, _d = _a.amount, amount = _d === void 0 ? 0 : _d, children = _a.children;
+    var isStepActive = currentStep >= step;
+    var isStepChecked = step < currentStep;
+    var isLastStep = step === amount - 1;
+    var isChildActive = step === currentStep || (isLastStep && currentStep > amount - 1);
+    return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsxs(Flex_1.default, tslib_1.__assign({ alignItems: "center" }, { children: [jsx_runtime_1.jsx(S.StepCircleContainer, tslib_1.__assign({ isStepActive: isStepActive }, { children: isStepChecked ? (jsx_runtime_1.jsx(Icon_1.default, { color: "CONTENT_BACKGROUND", name: "check", width: 16 }, void 0)) : (jsx_runtime_1.jsx(Text_1.default, tslib_1.__assign({ color: "CONTENT_BACKGROUND", fontSize: "fs400", fontWeight: "fw700" }, { children: step + 1 }), void 0)) }), void 0),
+                    jsx_runtime_1.jsx(S.StepTitle, tslib_1.__assign({ isStepActive: isStepActive }, { children: title }), void 0)] }), void 0),
+            jsx_runtime_1.jsx(S.StepBorder, tslib_1.__assign({ isLastStep: isLastStep, isStepChecked: isStepChecked }, { children: isChildActive && children && (jsx_runtime_1.jsx(S.StepChild, tslib_1.__assign({ isLastStep: isLastStep }, { children: children }), void 0)) }), void 0)] }, void 0));
+};
+exports.default = Step;
+//# sourceMappingURL=Step.js.map

package/components/Steps/Steps.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 react_1 = require("react");
+var Flex_1 = tslib_1.__importDefault(require("../Flex"));
+var Steps = function (_a) {
+    var currentStep = _a.currentStep, children = _a.children;
+    var amount = react_1.Children.count(children);
+    return (jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ flexDirection: "column" }, { children: react_1.Children.map(children, function (child, index) {
+            return react_1.cloneElement(child, { currentStep: currentStep, step: index, amount: amount });
+        }) }), void 0));
+};
+exports.default = Steps;
+//# sourceMappingURL=Steps.js.map

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

package/components/Steps/styled/StepBorder.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 StepBorder = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  border-left: ", ";\n  border-color: ", ";\n  min-height: ", ";\n  margin-left: ", ";\n"], ["\n  border-left: ", ";\n  border-color: ",
+    ";\n  min-height: ", ";\n  margin-left: ", ";\n"])), function (_a) {
+    var isLastStep = _a.isLastStep;
+    return (isLastStep ? 'none' : '2px solid');
+}, function (_a) {
+    var theme = _a.theme, isStepChecked = _a.isStepChecked;
+    return isStepChecked ? theme.colors.PRIMARY : theme.colors.SECONDARY_LIGHT;
+}, function (_a) {
+    var isLastStep = _a.isLastStep;
+    return (isLastStep ? '0' : '24px');
+}, function (_a) {
+    var isLastStep = _a.isLastStep;
+    return (isLastStep ? '17px' : '15px');
+});
+exports.default = StepBorder;
+var templateObject_1;
+//# sourceMappingURL=StepBorder.js.map

package/components/Steps/styled/StepChild.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 StepChild = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  margin-left: 31px;\n  margin-top: ", ";\n  margin-bottom: ", ";\n"], ["\n  margin-left: 31px;\n  margin-top: ", ";\n  margin-bottom: ",
+    ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s200;
+}, function (_a) {
+    var theme = _a.theme, isLastStep = _a.isLastStep;
+    return isLastStep ? '0' : theme.spacings.s800;
+});
+exports.default = StepChild;
+var templateObject_1;
+//# sourceMappingURL=StepChild.js.map

package/components/Steps/styled/StepCircleContainer.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 StepCircleContainer = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background-color: ", ";\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background-color: ",
+    ";\n"])), function (_a) {
+    var theme = _a.theme, isStepActive = _a.isStepActive;
+    return isStepActive ? theme.colors.PRIMARY : theme.colors.SECONDARY_LIGHT;
+});
+exports.default = StepCircleContainer;
+var templateObject_1;
+//# sourceMappingURL=StepCircleContainer.js.map

package/components/Steps/styled/StepTitle.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var StepTitle = themedStyledComponents_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: 24px;\n  margin-left: ", ";\n  white-space: nowrap;\n  color: ", ";\n  ", ";\n"], ["\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: 24px;\n  margin-left: ", ";\n  white-space: nowrap;\n  color: ", ";\n  ", ";\n"])), 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;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.TEXT_DARK;
+}, function (_a) {
+    var isStepActive = _a.isStepActive;
+    return !isStepActive && 'opacity:0.3';
+});
+exports.default = StepTitle;
+var templateObject_1;
+//# sourceMappingURL=StepTitle.js.map

package/components/Steps/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.StepTitle = exports.StepChild = exports.StepBorder = exports.StepCircleContainer = void 0;
+var StepCircleContainer_1 = require("./StepCircleContainer");
+Object.defineProperty(exports, "StepCircleContainer", { enumerable: true, get: function () { return __importDefault(StepCircleContainer_1).default; } });
+var StepBorder_1 = require("./StepBorder");
+Object.defineProperty(exports, "StepBorder", { enumerable: true, get: function () { return __importDefault(StepBorder_1).default; } });
+var StepChild_1 = require("./StepChild");
+Object.defineProperty(exports, "StepChild", { enumerable: true, get: function () { return __importDefault(StepChild_1).default; } });
+var StepTitle_1 = require("./StepTitle");
+Object.defineProperty(exports, "StepTitle", { enumerable: true, get: function () { return __importDefault(StepTitle_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/StepsTitle/StepsTitle.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 S = tslib_1.__importStar(require("./styled"));
+var Text_1 = tslib_1.__importDefault(require("../Text"));
+var StepsTitle = function (_a) {
+    var stickToTop = _a.stickToTop, title = _a.title;
+    return (jsx_runtime_1.jsx(S.StepsTitle, tslib_1.__assign({ stickToTop: stickToTop }, { children: jsx_runtime_1.jsx(Text_1.default, tslib_1.__assign({ color: "PRIMARY", fontWeight: "fw500", lineHeight: 1.72 }, { children: title }), void 0) }), void 0));
+};
+exports.default = StepsTitle;
+//# sourceMappingURL=StepsTitle.js.map

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

package/components/StepsTitle/styled/StepsTitle.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var StepsTitle = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);\n  display: flex;\n  justify-content: center;\n  ", "\n  ", "\n"], ["\n  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);\n  display: flex;\n  justify-content: center;\n  ",
+    "\n  ",
+    "\n"])), function (_a) {
+    var _b = _a.theme, colors = _b.colors, borders = _b.borders, spacings = _b.spacings;
+    return "\n    background: " + colors.CONTENT_BACKGROUND + ";\n    border: " + borders.style.SOLID + " " + borders.width.bw100 + " " + colors.SECONDARY + ";\n    border-radius: " + borders.radius.br600 + ";\n    color: " + colors.PRIMARY + ";\n    margin: " + spacings.s500 + ";\n    padding: 0 " + spacings.s800 + ";\n  ";
+}, function (_a) {
+    var theme = _a.theme, stickToTop = _a.stickToTop;
+    return stickToTop
+        ? "position: sticky; \n        top: 0;\n        z-index: " + theme.zIndexes.sticky + ";"
+        : '';
+});
+exports.default = StepsTitle;
+var templateObject_1;
+//# sourceMappingURL=StepsTitle.js.map

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

package/components/StickyComponent/StickyComponent.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 react_dom_1 = require("react-dom");
+var S = tslib_1.__importStar(require("./styled"));
+var useMounted_1 = tslib_1.__importDefault(require("../../hooks/useMounted"));
+var StickyComponent = function (_a) {
+    var children = _a.children, bottom = _a.bottom, left = _a.left, position = _a.position, right = _a.right, top = _a.top, usePortal = _a.usePortal;
+    var isMounted = useMounted_1.default();
+    if (!isMounted) {
+        return null;
+    }
+    var content = (jsx_runtime_1.jsx(S.StickyComponent, tslib_1.__assign({ bottom: bottom, left: left, position: position, right: right, top: top }, { children: children }), void 0));
+    if (usePortal) {
+        return react_dom_1.createPortal(content, document.body);
+    }
+    return content;
+};
+exports.default = StickyComponent;
+//# sourceMappingURL=StickyComponent.js.map

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

package/components/StickyComponent/styled/StickyComponent.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 isNullOrUndefined = function (value) { return value === undefined || value === null; };
+var StickyComponent = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: block;\n  ", "\n  ", ";\n  z-index: ", ";\n"], ["\n  display: block;\n  ", "\n  ",
+    ";\n  z-index: ", ";\n"])), function (_a) {
+    var position = _a.position;
+    return "position: " + position + ";";
+}, function (props) {
+    return ['bottom', 'left', 'right', 'top']
+        .filter(function (key) { return !isNullOrUndefined(props[key]); })
+        .map(function (key) { return key + ": " + props[key] + "px;"; });
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.zIndexes.sticky;
+});
+exports.default = StickyComponent;
+var templateObject_1;
+//# sourceMappingURL=StickyComponent.js.map

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

package/components/StopsLine/StopsLine.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 S = (0, tslib_1.__importStar)(require("./styled"));
+var Flex_1 = (0, tslib_1.__importDefault)(require("../Flex"));
+var Layout_1 = (0, tslib_1.__importDefault)(require("../Layout"));
+var StopsLine = function (_a) {
+    var _b = _a.numberOfStops, numberOfStops = _b === void 0 ? 0 : _b;
+    var color = numberOfStops > 0 ? 'SECONDARY_DARK' : 'POSITIVE';
+    var justifyContent = numberOfStops === 2 ? 'space-evenly' : 'center';
+    var circles = function () {
+        if (numberOfStops <= 0)
+            return null;
+        var stops = numberOfStops > 3 ? 3 : numberOfStops;
+        return Array.from(new Array(stops), function (_, index) { return ((0, jsx_runtime_1.jsx)(S.StopsLineCircle, {}, index)); });
+    };
+    return ((0, jsx_runtime_1.jsxs)(Layout_1.default, (0, tslib_1.__assign)({ position: "relative" }, { children: [(0, jsx_runtime_1.jsx)(S.StopsLineDivider, { color: color }, void 0), (0, jsx_runtime_1.jsx)(S.StopsLineCircle, { color: color, fill: true }, void 0), (0, jsx_runtime_1.jsx)(Flex_1.default, (0, tslib_1.__assign)({ blockSize: "20px", flexDirection: "column", justifyContent: justifyContent }, { children: circles() }), void 0), (0, jsx_runtime_1.jsx)(S.StopsLineCircle, { color: color, fill: true }, void 0)] }), void 0));
+};
+exports.default = StopsLine;
+//# sourceMappingURL=StopsLine.js.map