@xivart/tangram 0.0.1-security → 2.712.1

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

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

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

package/components/Container/styled/Container.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+var media_1 = tslib_1.__importStar(require("../../../utils/media"));
+exports.Container = themedStyledComponents_1.default.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  width: 100%;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  width: 100%;\n\n  ", "\n\n  ",
+    "\n\n  ",
+    "\n\n  ",
+    "\n"])), function (_a) {
+    var noPointerEvents = _a.noPointerEvents;
+    return noPointerEvents && "pointer-events: none;";
+}, function (_a) {
+    var noMobileGutters = _a.noMobileGutters;
+    return !noMobileGutters && themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      padding: 0 ", ";\n    "], ["\n      padding: 0 ", ";\n    "])), function (_a) {
+        var theme = _a.theme;
+        return theme.spacings.s500;
+    });
+}, media_1.default.l(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    padding: 0 ", ";\n  "], ["\n    padding: 0 ", ";\n  "])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s500;
+}), media_1.default.xl(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    margin: auto;\n    width: ", ";\n  "], ["\n    margin: auto;\n    width: ", ";\n  "])), media_1.breakpoints.xl));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Container.js.map

package/components/Container/styled/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Container"), exports);
+//# sourceMappingURL=index.js.map

package/components/CopyToClipboard/CopyToClipboard.js

@@ -0,0 +1,57 @@
+"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 Icon_1 = tslib_1.__importDefault(require("../Icon"));
+var Text_1 = tslib_1.__importDefault(require("../Text"));
+var S = tslib_1.__importStar(require("./styled"));
+var Notification_1 = tslib_1.__importDefault(require("./Notification"));
+var CopyToClipboard = function (_a) {
+    var value = _a.value, textTransform = _a.textTransform, notificationText = _a.notificationText, wordBreak = _a.wordBreak;
+    var _b = tslib_1.__read(react_1.useState(false), 2), isCopied = _b[0], handleCopyState = _b[1];
+    react_1.useEffect(function () {
+        if (isCopied) {
+            setTimeout(function () {
+                handleCopyState(false);
+            }, 1000);
+        }
+    }, [isCopied]);
+    var copyToClipBoardClick = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var error_1, input;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(navigator && navigator.clipboard && navigator.clipboard.writeText)) return [3, 5];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4, navigator.clipboard.writeText(value)];
+                case 2:
+                    _a.sent();
+                    handleCopyState(true);
+                    return [3, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    return [3, 4];
+                case 4: return [3, 6];
+                case 5:
+                    input = document.createElement('input');
+                    input.setAttribute('value', value);
+                    document.body.appendChild(input);
+                    input.select();
+                    document.execCommand('copy');
+                    document.body.removeChild(input);
+                    handleCopyState(true);
+                    _a.label = 6;
+                case 6: return [2];
+            }
+        });
+    }); };
+    return (jsx_runtime_1.jsxs(Flex_1.default, tslib_1.__assign({ alignItems: "center", position: "relative" }, { children: [jsx_runtime_1.jsxs(S.CopyToClipboard, tslib_1.__assign({ onClick: copyToClipBoardClick }, { children: [jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ inlineSize: "100%", justifyContent: "center" }, { children: jsx_runtime_1.jsx(Text_1.default, tslib_1.__assign({ align: "center", color: "PRIMARY", fontWeight: "fw500", textTransform: textTransform, wordBreak: wordBreak }, { children: value }), void 0) }), void 0),
+                    jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ alignItems: "center", paddingInline: "s500" }, { children: jsx_runtime_1.jsx(Icon_1.default, { color: "SECONDARY_DARK", height: 14.7, name: "copy" }, void 0) }), void 0)] }), void 0),
+            isCopied && (jsx_runtime_1.jsx(Notification_1.default, { notificationText: notificationText }, void 0))] }), void 0));
+};
+exports.default = CopyToClipboard;
+//# sourceMappingURL=CopyToClipboard.js.map

package/components/CopyToClipboard/Notification.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 Flex_1 = tslib_1.__importDefault(require("../Flex"));
+var Icon_1 = tslib_1.__importDefault(require("../Icon"));
+var S = tslib_1.__importStar(require("./styled"));
+var Text_1 = tslib_1.__importDefault(require("../Text"));
+var Notification = function (_a) {
+    var notificationText = _a.notificationText;
+    return (jsx_runtime_1.jsxs(S.Notification, { children: [jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ alignItems: "center", marginInlineEnd: "s300" }, { children: jsx_runtime_1.jsx(Icon_1.default, { color: "POSITIVE", height: 11.7, name: "check", width: 15 }, void 0) }), void 0),
+            jsx_runtime_1.jsx(Text_1.default, tslib_1.__assign({ align: "center", color: "POSITIVE", fontWeight: "fw500", lineHeight: 1.72, withEllipsis: true }, { children: notificationText }), void 0)] }, void 0));
+};
+exports.default = Notification;
+//# sourceMappingURL=Notification.js.map

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

package/components/CopyToClipboard/styled/CopyToClipboard.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 CopyToClipboard = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  position: relative;\n  width: 100%;\n  ", "\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  position: relative;\n  width: 100%;\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.DASHED + " " + borders.width.bw100 + " " + colors.SECONDARY + ";\n    border-radius: " + borders.radius.br200 + ";\n    padding-top: " + spacings.s300 + ";\n    padding-bottom: " + spacings.s300 + ";\n    padding-left: " + spacings.s500 + ";\n  ";
+});
+exports.default = CopyToClipboard;
+var templateObject_1;
+//# sourceMappingURL=CopyToClipboard.js.map

package/components/CopyToClipboard/styled/Notification.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 Notification = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  height: 100%;\n  opacity: 0.95;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  ", "\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  height: 100%;\n  opacity: 0.95;\n  position: absolute;\n  top: 0;\n  width: 100%;\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.DASHED + " " + borders.width.bw100 + " " + colors.SECONDARY + ";\n    border-radius: " + borders.radius.br200 + ";\n    padding: " + spacings.s300 + ";\n  ";
+});
+exports.default = Notification;
+var templateObject_1;
+//# sourceMappingURL=Notification.js.map

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

package/components/Corner/Corner.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 Corner = function (_a) {
+    var valid = _a.valid, dataAttrs = _a.dataAttrs, rounded = _a.rounded;
+    return (jsx_runtime_1.jsx(S.Corner, tslib_1.__assign({}, dataAttrs, { rounded: rounded, valid: valid }, { children: jsx_runtime_1.jsx(S.CornerIcon, { color: "CONTENT_BACKGROUND", height: 11, name: "check", width: 11 }, void 0) }), void 0));
+};
+exports.default = Corner;
+//# sourceMappingURL=Corner.js.map

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

package/components/Corner/styled/Corner.js

@@ -0,0 +1,31 @@
+"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 CardCorner = themedStyledComponents_1.default.div
+    .withConfig(omitAttrs_1.default('size'))
+    .attrs({ size: '30px' })(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n  overflow: hidden;\n  position: absolute;\n  right: 0;\n  top: 0;\n  border-top-right-radius: ", ";\n\n  &:before {\n    border-left: ", " solid transparent;\n    border-top: ", " solid\n      ", ";\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n  }\n"], ["\n  width: ", ";\n  height: ", ";\n  overflow: hidden;\n  position: absolute;\n  right: 0;\n  top: 0;\n  border-top-right-radius: ",
+    ";\n\n  &:before {\n    border-left: ", " solid transparent;\n    border-top: ", " solid\n      ",
+    ";\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n  }\n"])), function (_a) {
+    var size = _a.size;
+    return size;
+}, function (_a) {
+    var size = _a.size;
+    return size;
+}, function (_a) {
+    var theme = _a.theme, rounded = _a.rounded;
+    return rounded && theme.borders.radius.br200;
+}, function (_a) {
+    var size = _a.size;
+    return size;
+}, function (_a) {
+    var size = _a.size;
+    return size;
+}, function (_a) {
+    var theme = _a.theme, valid = _a.valid;
+    return valid ? theme.colors.POSITIVE : theme.colors.ACTIVE;
+});
+exports.default = CardCorner;
+var templateObject_1;
+//# sourceMappingURL=Corner.js.map

package/components/Corner/styled/CornerIcon.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 Icon_1 = tslib_1.__importDefault(require("../../Icon"));
+var CardCornerIcon = themedStyledComponents_1.default(Icon_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  right: calc(2px + ", ");\n  top: calc(2px + ", ");\n"], ["\n  position: absolute;\n  right: calc(2px + ", ");\n  top: calc(2px + ", ");\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.borders.width.bw200;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.borders.width.bw200;
+});
+exports.default = CardCornerIcon;
+var templateObject_1;
+//# sourceMappingURL=CornerIcon.js.map

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

package/components/Counter/Counter.js

@@ -0,0 +1,35 @@
+"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 CounterButton_1 = tslib_1.__importDefault(require("./components/CounterButton"));
+var Counter = function (_a) {
+    var dataAttrs = _a.dataAttrs, maxValue = _a.maxValue, minValue = _a.minValue, onChange = _a.onChange, onDisabledClick = _a.onDisabledClick, value = _a.value;
+    var decrement = function () {
+        if (value > minValue)
+            onChange(value - 1);
+    };
+    var increment = function () {
+        if (value < maxValue)
+            onChange(value + 1);
+    };
+    var onDisabledClickDecrement = function () {
+        if (onDisabledClick) {
+            onDisabledClick(value - 1);
+        }
+    };
+    var onDisabledClickIncrement = function () {
+        if (onDisabledClick) {
+            onDisabledClick(value + 1);
+        }
+    };
+    var isPlusDisabled = value >= maxValue;
+    var isMinusDisabled = value <= minValue;
+    return (jsx_runtime_1.jsxs(S.Counter, tslib_1.__assign({}, dataAttrs, { children: [jsx_runtime_1.jsx(CounterButton_1.default, { dataAttrs: { 'data-e2e-id': 'counter.button.minus' }, onClick: decrement, onUiDisabledClick: onDisabledClickDecrement, type: "minus", uiDisabled: isMinusDisabled }, void 0),
+            jsx_runtime_1.jsx(Text_1.default, tslib_1.__assign({ color: "PRIMARY_DARKER", fontSize: "fs700", fontWeight: "fw600", isSecondaryFamily: true, lineHeight: 1.22 }, { children: value }), void 0),
+            jsx_runtime_1.jsx(CounterButton_1.default, { dataAttrs: { 'data-e2e-id': 'counter.button.plus' }, onClick: increment, onUiDisabledClick: onDisabledClickIncrement, type: "plus", uiDisabled: isPlusDisabled }, void 0)] }), void 0));
+};
+exports.default = Counter;
+//# sourceMappingURL=Counter.js.map

package/components/Counter/components/CounterButton/CounterButton.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 CounterButton = function (_a) {
+    var dataAttrs = _a.dataAttrs, uiDisabled = _a.uiDisabled, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, _c = _a.onUiDisabledClick, onUiDisabledClick = _c === void 0 ? function () { } : _c, _d = _a.type, type = _d === void 0 ? 'plus' : _d;
+    return (jsx_runtime_1.jsx(S.CounterButton, tslib_1.__assign({}, dataAttrs, { onClick: uiDisabled ? onUiDisabledClick : onClick, uiDisabled: uiDisabled }, { children: jsx_runtime_1.jsx(S.CounterIconContainer, { children: jsx_runtime_1.jsx(Icon_1.default, { name: type }, void 0) }, void 0) }), void 0));
+};
+exports.default = CounterButton;
+//# sourceMappingURL=CounterButton.js.map

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

package/components/Counter/components/CounterButton/styled/CounterButton.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 Primary_1 = tslib_1.__importDefault(require("../../../../Button/styled/Primary"));
+var CounterButton = themedStyledComponents_1.default(Primary_1.default).attrs(function () { return ({
+    small: true,
+    fullWidth: false,
+}); })(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var _b = _a.theme, button = _b.button, colors = _b.colors, spacings = _b.spacings, uiDisabled = _a.uiDisabled;
+    return "\n\n    svg {\n      height: 12px;\n      margin-left: 0;\n      margin-top: -3px;\n      width: 12px;\n    }\n\n    &:not(:disabled) {\n      svg {\n        filter: none;\n      }\n    }\n\n    padding-left: " + spacings.s400 + ";\n    padding-right: " + spacings.s400 + ";\n\n    " + (uiDisabled
+        ? "\n      background: " + colors.SECONDARY_LIGHT + ";\n      box-shadow: inset 0 -3px 0 0 " + colors[button.PRIMARY_DISABLED_SHADOW_COLOR] + ";\n      color: " + colors[button.PRIMARY_DISABLED_TEXT_COLOR] + ";\n      cursor: default;\n      text-shadow: none;\n\n      svg > use {\n        fill: " + colors[button.PRIMARY_DISABLED_ICON_COLOR] + ";\n      }\n\n      &:focus:not(:disabled),\n      &:hover:not(:disabled) {\n        background-color: " + colors.SECONDARY_LIGHT + ";\n      }\n\n      &:active:not(:disabled) {\n        background-color: " + colors.SECONDARY_LIGHT + ";\n        box-shadow: inset 0 -3px 0 0 " + colors[button.PRIMARY_DISABLED_SHADOW_COLOR] + ";\n      }\n    "
+        : '') + "\n  ";
+});
+exports.default = CounterButton;
+var templateObject_1;
+//# sourceMappingURL=CounterButton.js.map

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

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

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

package/components/Counter/styled/Counter.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 S = tslib_1.__importStar(require("../../Flex/styled"));
+var Counter = themedStyledComponents_1.default(S.Flex).attrs({
+    alignItems: 'center',
+    background: 'TERTIARY',
+    flexGrow: 1,
+    justifyContent: 'space-between',
+    padding: 's200',
+})(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  border-radius: ", ";\n"], ["\n  border-radius: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.borders.radius.br200;
+});
+exports.default = Counter;
+var templateObject_1;
+//# sourceMappingURL=Counter.js.map

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

package/components/Divider/Divider.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var S = tslib_1.__importStar(require("./styled"));
+var Divider = S.Divider;
+var defaultProps = {
+    isStyled: false,
+    isVertical: false,
+    fullWidth: false,
+    color: 'SECONDARY',
+};
+Divider.defaultProps = defaultProps;
+exports.default = Divider;
+//# sourceMappingURL=Divider.js.map

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

package/components/Divider/styled/Divider.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../utils/themedStyledComponents"));
+var omitAttrs_1 = tslib_1.__importDefault(require("../../../utils/omitAttrs"));
+var getNotSolidStyles = function (_a) {
+    var isVertical = _a.isVertical, theme = _a.theme, color = _a.color;
+    var bw200 = theme.borders.width.bw200, _b = theme.divider, NOT_SOLID_LINE = _b.NOT_SOLID_LINE, LINE_COLOR = _b.LINE_COLOR, colors = theme.colors;
+    var size = '2px';
+    var borderStyle = bw200 + " " + NOT_SOLID_LINE + " " + colors[LINE_COLOR];
+    if (isVertical) {
+        return "\n      width: " + size + ";\n      &:after {\n        border-left " + borderStyle + ";\n        border-color: " + (color && theme.colors[color]) + ";\n      }\n    ";
+    }
+    return "\n    height: " + size + ";\n    &:after {\n      border-bottom " + borderStyle + ";\n      border-color: " + (color && theme.colors[color]) + ";\n    }\n  ";
+};
+var getFullWidthStyles = function (_a) {
+    var isVertical = _a.isVertical;
+    var verticalStyle = "\n    bottom: 0;\n    top: 0;\n  ";
+    var horizontalStyle = "\n    left: 0;\n    right: 0;\n  ";
+    return "\n    &:after {\n      position: absolute;\n      " + (isVertical ? verticalStyle : horizontalStyle) + "\n    }\n  ";
+};
+var getStyles = function (_a) {
+    var isVertical = _a.isVertical, height = _a.height, theme = _a.theme, color = _a.color;
+    var _b = theme.borders, bw100 = _b.width.bw100, SOLID = _b.style.SOLID, colors = theme.colors, LINE_COLOR = theme.divider.LINE_COLOR;
+    var border = bw100 + " " + SOLID + " " + colors[LINE_COLOR];
+    if (isVertical) {
+        return "\n      display: inline-block;\n      width: 1px;\n\n      " + (height ? "height: " + height + ";" : '') + "\n      &:after {\n        border-left: " + border + ";\n        border-color: " + (color && theme.colors[color]) + ";\n        content: '';\n        display: inline-block;\n        height: 100%;\n      }\n    ";
+    }
+    return "\n    height: 1px;\n    width: 100%;\n\n    &:after {\n      border-bottom: " + border + ";\n      border-color: " + (color && theme.colors[color]) + ";\n      content: '';\n      display: block;\n    }\n  ";
+};
+var StyledDivider = themedStyledComponents_1.default.div.withConfig(omitAttrs_1.default('color', 'height'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n  ", "\n"])), getStyles, function (_a) {
+    var isStyled = _a.isStyled, props = tslib_1.__rest(_a, ["isStyled"]);
+    return isStyled && getNotSolidStyles(props);
+}, function (_a) {
+    var fullWidth = _a.fullWidth, props = tslib_1.__rest(_a, ["fullWidth"]);
+    return fullWidth && getFullWidthStyles(props);
+});
+exports.default = StyledDivider;
+var templateObject_1;
+//# sourceMappingURL=Divider.js.map

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