@xivart/tangram 0.0.1-security → 2.712.1

package/components/PageGrid/constants.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.M_CONFIG = exports.S_CONFIG = exports.DEFAULT_CONFIG = void 0;
+exports.DEFAULT_CONFIG = {
+    colGap: 's300',
+    columns: [['6', '1fr']],
+};
+exports.S_CONFIG = {
+    colGap: 's400',
+    columns: [['6', '1fr']],
+};
+exports.M_CONFIG = {
+    colGap: 's800',
+    columns: [['12', '1fr']],
+};
+//# sourceMappingURL=constants.js.map

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

package/components/PayPalButton/PayPalButton.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 = (0, tslib_1.__importStar)(require("./styled"));
+var PayPalButton = function (_a) {
+    var _b = _a.id, id = _b === void 0 ? 'paypal-button-container' : _b, _c = _a.display, display = _c === void 0 ? 'block' : _c, textAlign = _a.textAlign, _d = _a.pointerEvents, pointerEvents = _d === void 0 ? 'auto' : _d, dataAttrs = _a.dataAttrs;
+    return ((0, jsx_runtime_1.jsx)(S.PayPalButton, (0, tslib_1.__assign)({}, dataAttrs, { display: display, id: id, pointerEvents: pointerEvents, textAlign: textAlign }), void 0));
+};
+exports.default = PayPalButton;
+//# sourceMappingURL=PayPalButton.js.map

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

package/components/PayPalButton/styled/PayPalButton.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = (0, tslib_1.__importDefault)(require("../../../utils/themedStyledComponents"));
+var PayPalButton = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  display: ", ";\n  pointer-events: ", ";\n  text-align: ", ";\n"], ["\n  display: ", ";\n  pointer-events: ", ";\n  text-align: ", ";\n"])), function (_a) {
+    var display = _a.display;
+    return display;
+}, function (_a) {
+    var pointerEvents = _a.pointerEvents;
+    return pointerEvents;
+}, function (_a) {
+    var textAlign = _a.textAlign;
+    return textAlign;
+});
+exports.default = PayPalButton;
+var templateObject_1;
+//# sourceMappingURL=PayPalButton.js.map

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

package/components/Price/Price.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Price = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var constants_1 = require("./constants");
+var Flex_1 = tslib_1.__importDefault(require("../Flex"));
+var S = tslib_1.__importStar(require("./styled"));
+var Price = function (props) {
+    var _a = props, price = _a.price, isSelected = _a.isSelected, hasTextShadow = _a.hasTextShadow, isUnderlined = _a.isUnderlined, labelPosition = _a.labelPosition, currencySymbol = _a.currencySymbol, label = _a.label, size = _a.size, hasAsterisk = _a.hasAsterisk, oldPrice = _a.oldPrice, currencyPosition = _a.currencyPosition, showOldPriceCurrency = _a.showOldPriceCurrency, oldPricePosition = _a.oldPricePosition, color = _a.color, matchLabelColor = _a.matchLabelColor, dataAttrs = _a.dataAttrs, dataAttrsContainer = _a.dataAttrsContainer;
+    var decimalsElement = price.decimals && (jsx_runtime_1.jsx(S.Item, tslib_1.__assign({}, dataAttrs, { color: color, hasTextShadow: hasTextShadow, isSelected: isSelected, isUnderlined: isUnderlined, position: currencyPosition, size: size, type: constants_1.Type.Decimal }, { children: price.decimals }), void 0));
+    var asteriskElement = hasAsterisk && (jsx_runtime_1.jsx(S.Item, tslib_1.__assign({}, dataAttrs, { color: color, hasTextShadow: hasTextShadow, isSelected: isSelected, isUnderlined: isUnderlined, position: currencyPosition, size: size, type: constants_1.Type.Asterisk }, { children: "*" }), void 0));
+    var oldPriceElement = oldPrice && oldPrice.integer && (jsx_runtime_1.jsxs(S.Item, tslib_1.__assign({}, dataAttrs, { hasTextShadow: hasTextShadow, position: oldPricePosition, size: size, type: constants_1.Type.Old }, { children: [showOldPriceCurrency && currencySymbol, oldPrice.integer, oldPrice.decimals] }), void 0));
+    var labelElement = label && (jsx_runtime_1.jsx(S.Item, tslib_1.__assign({ color: matchLabelColor ? color : undefined, hasTextShadow: hasTextShadow, size: size, type: constants_1.Type.Label }, dataAttrs, { children: label }), void 0));
+    var asteriskWrapper = labelPosition === constants_1.Position.Top &&
+        hasAsterisk &&
+        currencyPosition !== constants_1.Position.Right ? (jsx_runtime_1.jsx(Flex_1.default, tslib_1.__assign({ as: "span", insetBlock: "0", insetInlineStart: "100%", position: "absolute" }, { children: asteriskElement }), void 0)) : (asteriskElement);
+    return (jsx_runtime_1.jsxs(S.Container, tslib_1.__assign({}, dataAttrs, dataAttrsContainer, { isUnderlined: isUnderlined, position: labelPosition, size: size }, { children: [jsx_runtime_1.jsxs(S.Price, tslib_1.__assign({}, dataAttrs, { position: oldPricePosition }, { children: [oldPriceElement, jsx_runtime_1.jsxs(S.CurrentPrice, tslib_1.__assign({ position: currencyPosition, size: size }, dataAttrs, { children: [jsx_runtime_1.jsx(S.Item, tslib_1.__assign({ color: color, hasTextShadow: hasTextShadow, isSelected: isSelected, isUnderlined: isUnderlined, position: currencyPosition, size: size, type: constants_1.Type.Currency }, dataAttrs, { children: currencySymbol }), void 0),
+                            jsx_runtime_1.jsxs(Flex_1.default, tslib_1.__assign({ alignItems: "center", alignSelf: "stretch", position: "relative" }, { children: [jsx_runtime_1.jsx(S.Item, tslib_1.__assign({ color: color, hasTextShadow: hasTextShadow, isSelected: isSelected, isUnderlined: isUnderlined, size: size, type: constants_1.Type.Integer }, dataAttrs, { children: price.integer }), void 0), decimalsElement, asteriskWrapper] }), void 0)] }), void 0)] }), void 0), labelElement] }), void 0));
+};
+exports.Price = Price;
+var defaultProps = {
+    currencyPosition: constants_1.Position.Left,
+    hasAsterisk: false,
+    hasTextShadow: false,
+    isSelected: false,
+    isUnderlined: false,
+    labelPosition: constants_1.Position.Right,
+    oldPricePosition: constants_1.Position.Top,
+    showOldPriceCurrency: false,
+    size: constants_1.Size.M,
+    matchLabelColor: false,
+    color: 'PRIMARY_DARK',
+    dataAttrs: {},
+};
+exports.Price.defaultProps = defaultProps;
+exports.default = exports.Price;
+//# sourceMappingURL=Price.js.map

package/components/Price/PriceFormat.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PriceFormat = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var helper_1 = require("./helper");
+var constants_1 = require("./constants");
+var PriceFormat = (function (_super) {
+    tslib_1.__extends(PriceFormat, _super);
+    function PriceFormat() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PriceFormat.prototype.render = function () {
+        var _a = this.props, children = _a.children, currencySymbol = _a.currencySymbol, decimalsPrecision = _a.decimalsPrecision, decimalsSeparator = _a.decimalsSeparator, hasDecimals = _a.hasDecimals, currencyPosition = _a.currencyPosition, thousandsSeparator = _a.thousandsSeparator, value = _a.value;
+        var _b = helper_1.formatValue({
+            decimalsPrecision: decimalsPrecision,
+            decimalsSeparator: decimalsSeparator,
+            hasDecimals: hasDecimals,
+            thousandsSeparator: thousandsSeparator,
+            value: value,
+        }), decimals = _b.decimals, integer = _b.integer;
+        var priceFormatted = "" + integer + decimals;
+        switch (currencyPosition) {
+            case constants_1.Position.Left:
+                priceFormatted = currencySymbol + " " + priceFormatted;
+                break;
+            case constants_1.Position.Right:
+                priceFormatted += " " + currencySymbol;
+                break;
+        }
+        if (typeof children === 'function') {
+            return children({
+                decimals: decimals,
+                integer: integer,
+                currencySymbol: currencySymbol,
+                priceFormatted: priceFormatted,
+            });
+        }
+        return priceFormatted;
+    };
+    PriceFormat.defaultProps = {
+        currencyPosition: constants_1.Position.Left,
+    };
+    return PriceFormat;
+}(react_1.PureComponent));
+exports.PriceFormat = PriceFormat;
+exports.default = PriceFormat;
+//# sourceMappingURL=PriceFormat.js.map

package/components/Price/SimplePrice.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimplePrice = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Flex_1 = tslib_1.__importDefault(require("../Flex"));
+var constants_1 = require("./constants");
+var S = tslib_1.__importStar(require("./styled"));
+var SimplePrice = function (props) {
+    var price = props.price, currencySymbol = props.currencySymbol, currencyPosition = props.currencyPosition, label = props.label, oldPrice = props.oldPrice, isBold = props.isBold, dataAttrs = props.dataAttrs;
+    var oldValueElement = oldPrice && oldPrice.integer && (jsx_runtime_1.jsxs(S.SimpleItem, tslib_1.__assign({ type: constants_1.Type.Old }, { children: [currencyPosition === constants_1.Position.Left && currencySymbol + " ", oldPrice.integer, oldPrice.decimals, currencyPosition === constants_1.Position.Right && " " + currencySymbol] }), void 0));
+    var labelElement = label && (jsx_runtime_1.jsx(S.SimpleItem, tslib_1.__assign({ isBold: isBold, type: constants_1.Type.Label }, dataAttrs, { children: label }), void 0));
+    return (jsx_runtime_1.jsxs(S.Container, tslib_1.__assign({ position: constants_1.Position.Right, size: constants_1.Size.M }, { children: [jsx_runtime_1.jsxs(Flex_1.default, tslib_1.__assign({ alignItems: "center" }, { children: [oldValueElement, jsx_runtime_1.jsxs(S.SimpleItem, tslib_1.__assign({ isBold: isBold, type: constants_1.Type.Simple }, dataAttrs, { children: [currencyPosition === constants_1.Position.Left && currencySymbol + " ", price.integer, price.decimals, currencyPosition === constants_1.Position.Right && " " + currencySymbol] }), void 0)] }), void 0), labelElement] }), void 0));
+};
+exports.SimplePrice = SimplePrice;
+exports.SimplePrice.defaultProps = {
+    currencyPosition: constants_1.Position.Left,
+    isBold: false,
+};
+exports.default = exports.SimplePrice;
+//# sourceMappingURL=SimplePrice.js.map

package/components/Price/constants.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HAS_DECIMALS_DEFAULT = exports.DECIMALS_PRECISION_DEFAULT = exports.DECIMALS_SEPARATOR_DEFAULT = exports.THOUSANDS_SEPARATOR_DEFAULT = exports.Type = exports.Size = exports.Position = void 0;
+var Position;
+(function (Position) {
+    Position["Top"] = "top";
+    Position["Right"] = "right";
+    Position["Left"] = "left";
+    Position["Bottom"] = "bottom";
+})(Position = exports.Position || (exports.Position = {}));
+var Size;
+(function (Size) {
+    Size["S"] = "s";
+    Size["M"] = "m";
+    Size["L"] = "l";
+})(Size = exports.Size || (exports.Size = {}));
+var Type;
+(function (Type) {
+    Type["Simple"] = "simple";
+    Type["Currency"] = "currency";
+    Type["Old"] = "old";
+    Type["Integer"] = "integer";
+    Type["Decimal"] = "decimal";
+    Type["Label"] = "label";
+    Type["Asterisk"] = "asterisk";
+})(Type = exports.Type || (exports.Type = {}));
+exports.THOUSANDS_SEPARATOR_DEFAULT = ',';
+exports.DECIMALS_SEPARATOR_DEFAULT = '.';
+exports.DECIMALS_PRECISION_DEFAULT = 2;
+exports.HAS_DECIMALS_DEFAULT = true;
+//# sourceMappingURL=constants.js.map

package/components/Price/helper.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatValue = void 0;
+var constants_1 = require("./constants");
+var thousandsRegex = /\B(?=(\d{3})+(?!\d))/g;
+function formatValue(opts) {
+    var value = opts.value, _a = opts.decimalsPrecision, decimalsPrecision = _a === void 0 ? constants_1.DECIMALS_PRECISION_DEFAULT : _a, _b = opts.thousandsSeparator, thousandsSeparator = _b === void 0 ? constants_1.THOUSANDS_SEPARATOR_DEFAULT : _b, _c = opts.decimalsSeparator, decimalsSeparator = _c === void 0 ? constants_1.DECIMALS_SEPARATOR_DEFAULT : _c, _d = opts.hasDecimals, hasDecimals = _d === void 0 ? constants_1.HAS_DECIMALS_DEFAULT : _d;
+    if (decimalsPrecision == null ||
+        thousandsSeparator == null ||
+        decimalsSeparator == null ||
+        value == null ||
+        value === '') {
+        return {};
+    }
+    var convertedValue = typeof value === 'string' ? parseFloat(value.replace(',', '.')) : value;
+    var convertedDecimalsPrecision = typeof decimalsPrecision === 'string'
+        ? parseFloat(decimalsPrecision)
+        : decimalsPrecision;
+    if (!convertedDecimalsPrecision) {
+        return {};
+    }
+    var valueMeasure = Math.pow(10, convertedDecimalsPrecision);
+    var formattedValue = parseFloat("" + Math.round(convertedValue * valueMeasure) / valueMeasure).toFixed(convertedDecimalsPrecision);
+    var valueParts = formattedValue.toString().split('.');
+    var integer = valueParts[0].replace(thousandsRegex, thousandsSeparator);
+    var decimals = hasDecimals
+        ? "" + decimalsSeparator + valueParts[1]
+        : '';
+    return {
+        decimals: decimals,
+        integer: integer,
+    };
+}
+exports.formatValue = formatValue;
+//# sourceMappingURL=helper.js.map

package/components/Price/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.formatValue = exports.PriceFormat = exports.SimplePrice = exports.default = void 0;
+var Price_1 = require("./Price");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Price_1).default; } });
+var SimplePrice_1 = require("./SimplePrice");
+Object.defineProperty(exports, "SimplePrice", { enumerable: true, get: function () { return __importDefault(SimplePrice_1).default; } });
+var PriceFormat_1 = require("./PriceFormat");
+Object.defineProperty(exports, "PriceFormat", { enumerable: true, get: function () { return __importDefault(PriceFormat_1).default; } });
+var helper_1 = require("./helper");
+Object.defineProperty(exports, "formatValue", { enumerable: true, get: function () { return helper_1.formatValue; } });
+//# sourceMappingURL=index.js.map

package/components/Price/styled/Container.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 omitAttrs_1 = tslib_1.__importDefault(require("../../../utils/omitAttrs"));
+var constants_1 = require("../constants");
+var Container = themedStyledComponents_1.default.span.withConfig(omitAttrs_1.default('size'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: inline-flex;\n\n  ", "\n"], ["\n  display: inline-flex;\n\n  ",
+    "\n"])), function (_a) {
+    var _b;
+    var position = _a.position, price = _a.theme.price, size = _a.size, isUnderlined = _a.isUnderlined;
+    var _c = price.styles[size], underlineBorder = _c.underlineBorder, margin = _c.margin;
+    var marginUnderline = isUnderlined && price.hasUnderline ? underlineBorder : 0;
+    var alignItems = position === constants_1.Position.Top && size === constants_1.Size.L
+        ? 'align-items: flex-start;'
+        : 'align-items: flex-end;';
+    var styles = (_b = {},
+        _b[constants_1.Position.Left] = "\n        " + alignItems + "\n        flex-direction: row-reverse;\n        > span:last-child {\n          margin-right: " + margin + ";\n          margin-bottom: " + marginUnderline + ";\n        }\n      ",
+        _b[constants_1.Position.Right] = "\n        " + alignItems + "\n        > span:last-child {\n          margin-left: " + margin + ";\n          margin-bottom: " + marginUnderline + ";\n        }\n      ",
+        _b[constants_1.Position.Top] = "\n        " + alignItems + "\n        flex-direction: column-reverse;\n      ",
+        _b[constants_1.Position.Bottom] = "\n        " + alignItems + "\n        flex-direction: column;\n        > span:last-child {\n          margin-left: " + margin + ";\n          align-self: center;\n        }\n      ",
+        _b);
+    return styles[position];
+});
+exports.default = Container;
+var templateObject_1;
+//# sourceMappingURL=Container.js.map

package/components/Price/styled/CurrentPrice.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 omitAttrs_1 = tslib_1.__importDefault(require("../../../utils/omitAttrs"));
+var constants_1 = require("../constants");
+var Item_1 = tslib_1.__importDefault(require("./Item"));
+var CurrentPrice = themedStyledComponents_1.default.span.withConfig(omitAttrs_1.default('size'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  align-items: flex-end;\n  display: flex;\n  justify-content: center;\n\n  ", "\n"], ["\n  align-items: flex-end;\n  display: flex;\n  justify-content: center;\n\n  ",
+    "\n"])), function (_a) {
+    var styles = _a.theme.price.styles, size = _a.size, position = _a.position;
+    var margin = styles[size].margin;
+    return "\n      " + (position === constants_1.Position.Right
+        ? "\n        flex-direction: row-reverse;\n\n        & > " + Item_1.default + " {\n          margin-left: " + margin + ";\n        }\n      "
+        : "\n        & > " + Item_1.default + " {\n          margin-right: " + margin + ";\n        }\n      ") + "\n    ";
+});
+exports.default = CurrentPrice;
+var templateObject_1;
+//# sourceMappingURL=CurrentPrice.js.map

package/components/Price/styled/Item.js

@@ -0,0 +1,43 @@
+"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 constants_1 = require("../constants");
+var Item = themedStyledComponents_1.default.span.withConfig(omitAttrs_1.default('size', 'color', 'type'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: inline-flex;\n  ", "\n"], ["\n  display: inline-flex;\n  ",
+    "\n"])), function (_a) {
+    var _b;
+    var _c = _a.theme, price = _c.price, colors = _c.colors, fonts = _c.fonts, spacings = _c.spacings, textShadows = _c.textShadows, color = _a.color, isUnderlined = _a.isUnderlined, isSelected = _a.isSelected, position = _a.position, hasTextShadow = _a.hasTextShadow, size = _a.size, type = _a.type;
+    var attr = price.styles[size][type];
+    var _d = price.styles[size], margin = _d.margin, underlineBorder = _d.underlineBorder;
+    var hasUnderline = price.hasUnderline;
+    var defaultStyles = "\n      color: " + (color && colors[color]) + ";\n      font-family: " + fonts.secondary.fontFamily + ";\n      " + (hasTextShadow ? "text-shadow: " + textShadows.PRIMARY_TEXT_SHADOW + ";" : '') + ";\n      " + (isUnderlined && hasUnderline
+        ? "\n        border-bottom: " + underlineBorder + " solid " + colors[isSelected ? 'ACTIVE' : 'ACCENT'] + ";\n      "
+        : '') + "\n    ";
+    var styles = (_b = {},
+        _b[constants_1.Type.Old] = "\n        color: " + colors.TEXT_LIGHT + ";\n        font-family: " + fonts.primary.fontFamily + ";\n        " + (hasTextShadow
+            ? "text-shadow: " + textShadows.PRIMARY_TEXT_SHADOW + ";"
+            : '') + ";\n        text-align: center;\n        text-decoration: line-through;\n      ",
+        _b[constants_1.Type.Decimal] = "\n        " + defaultStyles + "\n        align-self: flex-start;\n        height: 100%;\n      ",
+        _b[constants_1.Type.Asterisk] = "\n        " + defaultStyles + "\n        align-self: flex-start;\n        " + (isUnderlined && hasUnderline && constants_1.Position.Right === position
+            ? "\n          border-bottom: " + underlineBorder + " solid " + colors[isSelected ? 'ACTIVE' : 'ACCENT'] + ";\n          height: 100%;\n        "
+            : "border-bottom: none;") + "\n      ",
+        _b[constants_1.Type.Integer] = "\n        " + defaultStyles + "\n        font-weight: " + fonts.primary.weight.fw700 + ";\n      ",
+        _b[constants_1.Type.Currency] = "\n        " + defaultStyles + "\n        " + (isUnderlined && hasUnderline
+            ? "\n            position: relative;\n            ::after {\n              bottom: -" + underlineBorder + ";\n              content: '';\n              border-bottom: " + underlineBorder + " solid " + colors[isSelected ? 'ACTIVE' : 'ACCENT'] + ";\n              position: absolute;\n              width: " + margin + ";\n              " + (position && position === constants_1.Position.Right
+                ? " left: -" + margin
+                : " right: -" + margin) + "\n          "
+            : '') + "\n      ",
+        _b[constants_1.Type.Label] = "\n        color: " + colors[color || 'TEXT'] + ";\n        font-family: " + fonts.primary.fontFamily + ";\n        " + (hasTextShadow
+            ? "text-shadow: " + textShadows.PRIMARY_TEXT_SHADOW + ";"
+            : '') + ";\n      ",
+        _b);
+    return "\n      font-size: " + attr.size + ";\n      " + (attr.height
+        ? "\n        line-height: " + attr.height + ";\n      "
+        : '') + "\n      " + (position === constants_1.Position.Left && type === 'old'
+        ? "\n        margin-right: " + spacings.s300 + ";\n      "
+        : '') + "\n      " + styles[type] + "\n    ";
+});
+exports.default = Item;
+var templateObject_1;
+//# sourceMappingURL=Item.js.map

package/components/Price/styled/Price.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 constants_1 = require("../constants");
+var Price = themedStyledComponents_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: inline-block;\n\n  ", "\n"], ["\n  display: inline-block;\n\n  ",
+    "\n"])), function (_a) {
+    var position = _a.position;
+    return position === constants_1.Position.Left
+        ? "\n    display: flex;\n\n    & > span {\n      align-self: center;\n    }\n  "
+        : '';
+});
+exports.default = Price;
+var templateObject_1;
+//# sourceMappingURL=Price.js.map

package/components/Price/styled/SimpleItem.js

@@ -0,0 +1,24 @@
+"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 constants_1 = require("../constants");
+var SimpleItem = themedStyledComponents_1.default.span.withConfig(omitAttrs_1.default('type'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: block;\n  ", "\n"], ["\n  display: block;\n  ",
+    "\n"])), function (_a) {
+    var _b;
+    var type = _a.type, _c = _a.theme, fonts = _c.fonts, spacings = _c.spacings, colors = _c.colors, isBold = _a.isBold;
+    var styles = (_b = {},
+        _b[constants_1.Type.Old] = "\n        font-size: " + fonts.sizes.fs100 + ";\n        color: " + colors.TEXT_LIGHT + ";\n        margin-right: " + spacings.s200 + ";\n        text-decoration: line-through;\n      ",
+        _b[constants_1.Type.Simple] = "\n        color: " + colors.TEXT + ";\n        " + (isBold
+            ? "\n          font-size: " + fonts.sizes.fs400 + ";\n          font-weight: " + fonts.primary.weight.fw700 + ";\n        "
+            : "\n          font-size: " + fonts.sizes.fs300 + ";\n        ") + "\n      ",
+        _b[constants_1.Type.Label] = "\n        " + (isBold
+            ? "\n          font-size: " + fonts.sizes.fs400 + ";\n        "
+            : "\n          font-size: " + fonts.sizes.fs300 + ";\n        ") + "\n        color: " + colors.TEXT + ";\n      ",
+        _b);
+    return "\n      font-family: " + fonts.primary.fontFamily + ";\n      " + styles[type] + "\n    ";
+});
+exports.default = SimpleItem;
+var templateObject_1;
+//# sourceMappingURL=SimpleItem.js.map

package/components/Price/styled/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleItem = exports.Item = exports.Price = exports.CurrentPrice = exports.Container = void 0;
+var Container_1 = require("./Container");
+Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return __importDefault(Container_1).default; } });
+var CurrentPrice_1 = require("./CurrentPrice");
+Object.defineProperty(exports, "CurrentPrice", { enumerable: true, get: function () { return __importDefault(CurrentPrice_1).default; } });
+var Price_1 = require("./Price");
+Object.defineProperty(exports, "Price", { enumerable: true, get: function () { return __importDefault(Price_1).default; } });
+var Item_1 = require("./Item");
+Object.defineProperty(exports, "Item", { enumerable: true, get: function () { return __importDefault(Item_1).default; } });
+var SimpleItem_1 = require("./SimpleItem");
+Object.defineProperty(exports, "SimpleItem", { enumerable: true, get: function () { return __importDefault(SimpleItem_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/RadioButton/RadioButton.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioButton = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = tslib_1.__importStar(require("./styled"));
+var RadioContext_1 = require("../RadioGroup/RadioContext");
+var RadioButton = function (_a) {
+    var _b = _a.checked, checked = _b === void 0 ? false : _b, children = _a.children, _c = _a.dataAttrs, dataAttrs = _c === void 0 ? {} : _c, _d = _a.alignItems, alignItems = _d === void 0 ? 'center' : _d, transparentBackground = _a.transparentBackground, deEmphasize = _a.deEmphasize, _e = _a.disabled, disabled = _e === void 0 ? false : _e, label = _a.label, name = _a.name, selectedValue = _a.selectedValue, value = _a.value, _f = _a.fullWidth, fullWidth = _f === void 0 ? false : _f, _g = _a.withBorder, withBorder = _g === void 0 ? false : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { } : _h, implicitProps = tslib_1.__rest(_a, ["checked", "children", "dataAttrs", "alignItems", "transparentBackground", "deEmphasize", "disabled", "label", "name", "selectedValue", "value", "fullWidth", "withBorder", "onChange"]);
+    var content = label || children;
+    var isChecked = checked || value === selectedValue;
+    return (jsx_runtime_1.jsxs(S.Wrapper, tslib_1.__assign({}, dataAttrs, implicitProps, { alignItems: alignItems, deEmphasize: deEmphasize, disabled: disabled, fullWidth: fullWidth, transparentBackground: transparentBackground, withBorder: withBorder }, { children: [jsx_runtime_1.jsx(S.InputIcon, { checked: isChecked, disabled: disabled }, void 0),
+            content && (jsx_runtime_1.jsx(S.RadioLabel, tslib_1.__assign({ disabled: disabled, htmlFor: name + "_" + value }, { children: content }), void 0)),
+            jsx_runtime_1.jsx(S.Input, tslib_1.__assign({}, dataAttrs, { checked: isChecked, disabled: disabled, id: name + "_" + value, name: name, onChange: onChange, value: value }), void 0)] }), void 0));
+};
+exports.RadioButton = RadioButton;
+var RadioButtonWrapper = function (props) { return (jsx_runtime_1.jsx(RadioContext_1.RadioContext.Consumer, { children: function (_a) {
+        var dataAttrs = _a.dataAttrs, name = _a.name, onChange = _a.onChange, selectedValue = _a.selectedValue, fullWidth = _a.fullWidth;
+        return (jsx_runtime_1.jsx(exports.RadioButton, tslib_1.__assign({ dataAttrs: dataAttrs, fullWidth: fullWidth, name: name, onChange: onChange, selectedValue: selectedValue }, props), void 0));
+    } }, void 0)); };
+exports.default = RadioButtonWrapper;
+//# sourceMappingURL=RadioButton.js.map

package/components/RadioButton/index.js

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

package/components/RadioButton/skeletons/RadioButtonSkeleton.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioButtonSkeleton = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = tslib_1.__importStar(require("./styled"));
+var Skeleton_1 = tslib_1.__importDefault(require("../../Skeleton"));
+var RadioButtonSkeleton = function (_a) {
+    var _b = _a.selected, selected = _b === void 0 ? true : _b;
+    return (jsx_runtime_1.jsx(S.RadioButtonSkeleton, { children: selected && jsx_runtime_1.jsx(Skeleton_1.default, { elliptical: true, size: "10px" }, void 0) }, void 0));
+};
+exports.RadioButtonSkeleton = RadioButtonSkeleton;
+//# sourceMappingURL=RadioButtonSkeleton.js.map

package/components/RadioButton/skeletons/styled/RadioButtonSkeleton.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioButtonSkeleton = void 0;
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importDefault(require("../../../../utils/themedStyledComponents"));
+exports.RadioButtonSkeleton = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border: ", ";\n  padding: ", ";\n  border-radius: 100%;\n  overflow: hidden;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border: ",
+    ";\n  padding: ", ";\n  border-radius: 100%;\n  overflow: hidden;\n"])), function (_a) {
+    var _b = _a.theme, borders = _b.borders, colors = _b.colors;
+    return borders.style.SOLID + " " + borders.width.bw200 + " " + colors.TERTIARY;
+}, function (_a) {
+    var spacings = _a.theme.spacings;
+    return "" + spacings.s100;
+});
+var templateObject_1;
+//# sourceMappingURL=RadioButtonSkeleton.js.map

package/components/RadioButton/skeletons/styled/index.js

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

package/components/RadioButton/styled/Input.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 Input = themedStyledComponents_1.default.input.attrs(function (_a) {
+    var checked = _a.checked;
+    return ({
+        type: 'radio',
+        checked: checked,
+    });
+})(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  position: absolute;\n  opacity: 0;\n"], ["\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  position: absolute;\n  opacity: 0;\n"])));
+exports.default = Input;
+var templateObject_1;
+//# sourceMappingURL=Input.js.map

package/components/RadioButton/styled/InputIcon.js

@@ -0,0 +1,36 @@
+"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 getCheckedLabelStyles = function (_a) {
+    var checked = _a.checked;
+    return checked && themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    background: ", ";\n    border-color: ", ";\n    box-shadow: inset 0 0 0 3px\n      ", ";\n  "], ["\n    background: ", ";\n    border-color: ", ";\n    box-shadow: inset 0 0 0 3px\n      ", ";\n  "])), function (_a) {
+        var theme = _a.theme;
+        return theme.colors.ACTIVE;
+    }, function (_a) {
+        var theme = _a.theme;
+        return theme.colors.ACTIVE;
+    }, function (_a) {
+        var theme = _a.theme;
+        return theme.colors.CONTENT_BACKGROUND;
+    });
+};
+var getDisabledLabelStyles = function (_a) {
+    var disabled = _a.disabled;
+    return disabled && themedStyledComponents_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    border-color: ", ";\n    cursor: default;\n  "], ["\n    border-color: ", ";\n    cursor: default;\n  "])), function (_a) {
+        var theme = _a.theme;
+        return theme.colors.SECONDARY_LIGHT;
+    });
+};
+var InputIcon = themedStyledComponents_1.default.span.withConfig(omitAttrs_1.default('disabled', 'checked'))(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  background: ", ";\n  border: ", ";\n  border-radius: 100%;\n  box-sizing: border-box;\n  content: '';\n  cursor: pointer;\n  display: inline-block;\n  height: 20px;\n  pointer-events: none;\n  visibility: visible;\n  width: 20px;\n\n  ", " ", ";\n"], ["\n  background: ", ";\n  border: ",
+    ";\n  border-radius: 100%;\n  box-sizing: border-box;\n  content: '';\n  cursor: pointer;\n  display: inline-block;\n  height: 20px;\n  pointer-events: none;\n  visibility: visible;\n  width: 20px;\n\n  ", " ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.CONTENT_BACKGROUND;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.borders.width.bw200 + " " + theme.borders.style.SOLID + " " + theme.colors.SECONDARY;
+}, getCheckedLabelStyles, getDisabledLabelStyles);
+exports.default = InputIcon;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=InputIcon.js.map

package/components/RadioButton/styled/RadioLabel.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+var Label_1 = tslib_1.__importDefault(require("../../Label"));
+var RadioLabel = themedStyledComponents_1.default(Label_1.default)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  cursor: pointer;\n  display: inline-flex;\n  flex: 1;\n  padding-left: 12px;\n  pointer-events: none;\n  align-items: center;\n  margin-bottom: 0;\n\n  ", ";\n"], ["\n  color: ", ";\n  cursor: pointer;\n  display: inline-flex;\n  flex: 1;\n  padding-left: 12px;\n  pointer-events: none;\n  align-items: center;\n  margin-bottom: 0;\n\n  ",
+    ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.TEXT_DARK;
+}, function (_a) {
+    var disabled = _a.disabled, theme = _a.theme;
+    return disabled && themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      cursor: default;\n      color: ", ";\n    "], ["\n      cursor: default;\n      color: ", ";\n    "])), theme.colors.TEXT_LIGHT);
+});
+exports.default = RadioLabel;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=RadioLabel.js.map

package/components/RadioButton/styled/Wrapper.js

@@ -0,0 +1,32 @@
+"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 Wrapper = themedStyledComponents_1.default.div.withConfig(omitAttrs_1.default('disabled'))(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  align-items: ", ";\n  background: ", ";\n  display: inline-flex;\n  position: relative;\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  align-items: ", ";\n  background: ",
+    ";\n  display: inline-flex;\n  position: relative;\n\n  ",
+    "\n\n  ",
+    "\n\n  ",
+    "\n"])), function (_a) {
+    var alignItems = _a.alignItems;
+    return alignItems;
+}, function (_a) {
+    var theme = _a.theme, deEmphasize = _a.deEmphasize, transparentBackground = _a.transparentBackground;
+    var backgroundColor = transparentBackground && 'transparent';
+    var fallbackBackgroundColor = deEmphasize
+        ? theme.colors.TERTIARY
+        : theme.colors.CONTENT_BACKGROUND;
+    return backgroundColor || fallbackBackgroundColor;
+}, function (_a) {
+    var theme = _a.theme, disabled = _a.disabled, withBorder = _a.withBorder;
+    return withBorder && themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      border: ", " ", "\n        ", ";\n      border-radius: ", ";\n      padding: ", ";\n    "], ["\n      border: ", " ", "\n        ", ";\n      border-radius: ", ";\n      padding: ", ";\n    "])), theme.borders.width.bw200, theme.borders.style.SOLID, disabled ? theme.colors.TERTIARY : theme.colors.SECONDARY, theme.borders.radius.br200, theme.spacings.s400);
+}, function (_a) {
+    var disabled = _a.disabled;
+    return disabled && themedStyledComponents_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      cursor: default;\n      opacity: 0.4;\n    "], ["\n      cursor: default;\n      opacity: 0.4;\n    "])));
+}, function (_a) {
+    var fullWidth = _a.fullWidth;
+    return fullWidth && themedStyledComponents_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n      display: flex;\n      flex: 1;\n    "], ["\n      display: flex;\n      flex: 1;\n    "])));
+});
+exports.default = Wrapper;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Wrapper.js.map