@xivart/tangram 0.0.1-security → 2.712.1

package/components/RadioButton/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.Wrapper = exports.RadioLabel = exports.InputIcon = exports.Input = void 0;
+var Input_1 = require("./Input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return __importDefault(Input_1).default; } });
+var InputIcon_1 = require("./InputIcon");
+Object.defineProperty(exports, "InputIcon", { enumerable: true, get: function () { return __importDefault(InputIcon_1).default; } });
+var RadioLabel_1 = require("./RadioLabel");
+Object.defineProperty(exports, "RadioLabel", { enumerable: true, get: function () { return __importDefault(RadioLabel_1).default; } });
+var Wrapper_1 = require("./Wrapper");
+Object.defineProperty(exports, "Wrapper", { enumerable: true, get: function () { return __importDefault(Wrapper_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/RadioGroup/RadioContext.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioContext = void 0;
+var react_1 = require("react");
+exports.RadioContext = react_1.createContext({
+    dataAttrs: {},
+    name: '',
+    onChange: function (_e) { },
+    selectedValue: '',
+    fullWidth: false,
+});
+//# sourceMappingURL=RadioContext.js.map

package/components/RadioGroup/RadioGroup.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Stack_1 = tslib_1.__importDefault(require("../Stack"));
+var RadioContext_1 = require("./RadioContext");
+var RadioGroup = function (_a) {
+    var children = _a.children, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.stretchItems, stretchItems = _e === void 0 ? false : _e, spaceBetween = _a.spaceBetween, selectedValue = _a.selectedValue;
+    return (jsx_runtime_1.jsx(Stack_1.default, tslib_1.__assign({ flexDirection: direction, flexGrow: 1, gap: spaceBetween }, { children: jsx_runtime_1.jsx(RadioContext_1.RadioContext.Provider, tslib_1.__assign({ value: {
+                name: name,
+                onChange: onChange,
+                selectedValue: selectedValue,
+                fullWidth: stretchItems && (direction === 'row' || direction === 'row-reverse'),
+            } }, { children: children }), void 0) }), void 0));
+};
+exports.default = RadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

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

package/components/RadioSelectButtons/RadioSelectButtons.js

@@ -0,0 +1,44 @@
+"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 RadioSelectItem_1 = tslib_1.__importDefault(require("./RadioSelectItem"));
+var RadioSelectButton_1 = require("./components/RadioSelectButton");
+var RadioSelectButtons = (function (_super) {
+    tslib_1.__extends(RadioSelectButtons, _super);
+    function RadioSelectButtons() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.handleButtonClick = function (index) {
+            var _a = _this.props, activeIndex = _a.activeIndex, onChange = _a.onChange;
+            if (index === activeIndex) {
+                return;
+            }
+            onChange(index);
+        };
+        return _this;
+    }
+    RadioSelectButtons.prototype.renderButtons = function () {
+        var _this = this;
+        var _a = this.props, activeIndex = _a.activeIndex, children = _a.children, _b = _a.variation, variation = _b === void 0 ? 'primary' : _b;
+        return react_1.Children.map(children, function (child, index) {
+            if (child.type.toString() !== RadioSelectItem_1.default.toString()) {
+                throw new Error('Only children of RadioSelectItem type are allowed in RadioSelectButtons component');
+            }
+            return (jsx_runtime_1.jsx(RadioSelectButton_1.RadioSelectButton, { activeIndex: activeIndex, dataAttrs: child.props.dataAttrs, index: index, onClick: _this.handleButtonClick, title: child.props.title, variation: variation }, void 0));
+        });
+    };
+    RadioSelectButtons.prototype.render = function () {
+        var variation = this.props.variation;
+        return (jsx_runtime_1.jsx(S.RadioSelectButtons, tslib_1.__assign({ variation: variation }, { children: this.renderButtons() }), void 0));
+    };
+    RadioSelectButtons.defaultProps = {
+        activeIndex: 0,
+        onChange: function () { },
+    };
+    RadioSelectButtons.RadioSelectItem = RadioSelectItem_1.default;
+    return RadioSelectButtons;
+}(react_1.PureComponent));
+exports.default = RadioSelectButtons;
+//# sourceMappingURL=RadioSelectButtons.js.map

package/components/RadioSelectButtons/RadioSelectItem.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var RadioSelectItem = function () {
+    throw new Error('The `RadioSelectItem` component is not meant to be rendered! ' +
+        "It's an abstract component that is only valid as a direct Child of the `RadioSelectButtons` Component.");
+};
+exports.default = RadioSelectItem;
+//# sourceMappingURL=RadioSelectItem.js.map

package/components/RadioSelectButtons/components/RadioSelectButton/RadioSelectButton.js

@@ -0,0 +1,39 @@
+"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 Text_1 = tslib_1.__importDefault(require("../../../Text"));
+var S = tslib_1.__importStar(require("./styled"));
+var RadioSelectButton = (function (_super) {
+    tslib_1.__extends(RadioSelectButton, _super);
+    function RadioSelectButton() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.handleClick = function (e) {
+            var _a = _this.props, index = _a.index, onClick = _a.onClick;
+            onClick(index);
+        };
+        return _this;
+    }
+    RadioSelectButton.prototype.render = function () {
+        var _a = this.props, activeIndex = _a.activeIndex, dataAttrs = _a.dataAttrs, index = _a.index, title = _a.title, variation = _a.variation;
+        var active = activeIndex === index;
+        var textColor = 'CONTENT_BACKGROUND';
+        var fontWeight = 'fw500';
+        if (variation === 'primary') {
+            textColor = active ? 'CONTENT_BACKGROUND' : 'PRIMARY_LIGHT';
+        }
+        else {
+            textColor = active ? 'CONTENT_BACKGROUND' : 'SECONDARY_LIGHT';
+            fontWeight = active ? 'fw700' : 'fw400';
+        }
+        return (jsx_runtime_1.jsx(S.RadioSelectButton, tslib_1.__assign({}, dataAttrs, { activeIndex: activeIndex, index: index, onClick: this.handleClick, variation: variation }, { children: jsx_runtime_1.jsx(Text_1.default, tslib_1.__assign({ align: "center", color: textColor, dataAttrs: dataAttrs, fontSize: variation === 'primary' ? 'fs200' : 'fs300', fontWeight: fontWeight }, { children: title }), void 0) }), void 0));
+    };
+    RadioSelectButton.defaultProps = {
+        dataAttrs: {},
+        onClick: function () { },
+    };
+    return RadioSelectButton;
+}(react_1.PureComponent));
+exports.default = RadioSelectButton;
+//# sourceMappingURL=RadioSelectButton.js.map

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

package/components/RadioSelectButtons/components/RadioSelectButton/styled/RadioSelectButton.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 styles = function (_a) {
+    var theme = _a.theme, variation = _a.variation;
+    var _b = theme.borders, br200 = _b.radius.br200, SOLID = _b.style.SOLID, bw100 = _b.width.bw100, _c = theme.colors, CONTENT_BACKGROUND = _c.CONTENT_BACKGROUND, SECONDARY = _c.SECONDARY, TERTIARY = _c.TERTIARY, PRIMARY_LIGHT = _c.PRIMARY_LIGHT;
+    var secondary = variation === 'secondary';
+    return themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    align-items: center;\n    background: ", ";\n    border: ", " ", " ", ";\n    box-shadow: inset 0 -3px 0 0 ", ";\n    cursor: pointer;\n    display: flex;\n    flex-grow: 1;\n    flex-basis: 100%;\n\n    ", "\n\n    justify-content: center;\n    min-height: 32px;\n    overflow: hidden;\n\n    &:first-child {\n      border-radius: ", " 0 0 ", ";\n    }\n\n    &:not(:first-child) {\n      border-left: 0;\n    }\n\n    &:last-child {\n      border-radius: 0 ", " ", " 0;\n    }\n\n    ", "\n  "], ["\n    align-items: center;\n    background: ", ";\n    border: ", " ", " ", ";\n    box-shadow: inset 0 -3px 0 0 ", ";\n    cursor: pointer;\n    display: flex;\n    flex-grow: 1;\n    flex-basis: 100%;\n\n    ",
+        "\n\n    justify-content: center;\n    min-height: 32px;\n    overflow: hidden;\n\n    &:first-child {\n      border-radius: ", " 0 0 ", ";\n    }\n\n    &:not(:first-child) {\n      border-left: 0;\n    }\n\n    &:last-child {\n      border-radius: 0 ", " ", " 0;\n    }\n\n    ",
+        "\n  "])), CONTENT_BACKGROUND, bw100, SOLID, SECONDARY, TERTIARY, secondary &&
+        "\n      background: " + PRIMARY_LIGHT + ";\n      border: 0;\n      box-shadow: none;\n      flex-grow: 0;\n      flex-basis: auto;\n    ", br200, br200, br200, br200, secondary &&
+        "\n      border-radius: " + br200 + ";\n      padding: 4px 8px;\n      margin-right: 8px;\n\n      &:first-child {\n        border-radius: " + br200 + ";\n      }\n\n      &:last-child {\n        border-radius: " + br200 + ";\n        margin-right: 0px;\n      }\n    ");
+};
+var active = function (_a) {
+    var activeIndex = _a.activeIndex, index = _a.index, theme = _a.theme, variation = _a.variation;
+    var _b = theme.colors, ACTIVE = _b.ACTIVE, PRIMARY_LIGHTER = _b.PRIMARY_LIGHTER;
+    var activeButton = activeIndex === index;
+    var secondary = variation === 'secondary';
+    return (activeButton && themedStyledComponents_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      background: ", ";\n      border-color: ", ";\n      box-shadow: inset 0 -3px 0 0 #009ee5;\n      ", "\n      cursor: default;\n    "], ["\n      background: ", ";\n      border-color: ", ";\n      box-shadow: inset 0 -3px 0 0 #009ee5;\n      ",
+        "\n      cursor: default;\n    "])), ACTIVE, ACTIVE, secondary &&
+        "\n        background: " + PRIMARY_LIGHTER + ";\n        box-shadow: none;\n      "));
+};
+var beforeActive = function (_a) {
+    var activeIndex = _a.activeIndex, index = _a.index;
+    return index === activeIndex - 1 &&
+        "\n    border-right: 0;\n  ";
+};
+var RadioSelectButtons = themedStyledComponents_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n  ", "\n"])), styles, active, beforeActive);
+exports.default = RadioSelectButtons;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=RadioSelectButton.js.map

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

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

package/components/RadioSelectButtons/styled/RadioSelectButtons.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 RadioSelectButtons = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  border-radius: 4px;\n  display: flex;\n  box-shadow: ", ";\n  min-height: 32px;\n"], ["\n  border-radius: 4px;\n  display: flex;\n  box-shadow: ",
+    ";\n  min-height: 32px;\n"])), function (_a) {
+    var variation = _a.variation;
+    return variation === 'secondary' ? undefined : '0 3px 3px 0 rgba(0, 0, 0, 0.15)}';
+});
+exports.default = RadioSelectButtons;
+var templateObject_1;
+//# sourceMappingURL=RadioSelectButtons.js.map

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

package/components/Rating/Rating.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 S = tslib_1.__importStar(require("./styled/index"));
+var RatingItem_1 = tslib_1.__importDefault(require("./RatingItem"));
+var Rating = function (props) {
+    var rate = props.rate, size = props.size;
+    var stars = Array.from(Array(size).keys());
+    var value = Math.ceil((rate / size) * 100);
+    return (jsx_runtime_1.jsxs(S.Wrapper, { children: [jsx_runtime_1.jsx(S.RatingWrapper, { children: stars.map(function (star) { return (jsx_runtime_1.jsx(RatingItem_1.default, tslib_1.__assign({}, props), star)); }) }, void 0),
+            jsx_runtime_1.jsx(S.RatingValueWrapper, tslib_1.__assign({ width: value }, { children: stars.map(function (star) { return (jsx_runtime_1.jsx(RatingItem_1.default, tslib_1.__assign({ isValue: true }, props), star)); }) }), void 0)] }, void 0));
+};
+exports.default = Rating;
+//# sourceMappingURL=Rating.js.map

package/components/Rating/RatingItem.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/index"));
+var RatingItem = function (_a) {
+    var _b = _a.activeColor, activeColor = _b === void 0 ? 'ACCENT' : _b, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? 'TERTIARY_DARK' : _c, _d = _a.height, height = _d === void 0 ? 20 : _d, _e = _a.iconColor, iconColor = _e === void 0 ? 'CONTENT_BACKGROUND' : _e, _f = _a.iconName, iconName = _f === void 0 ? 'rating' : _f, _g = _a.iconSize, iconSize = _g === void 0 ? 17 : _g, _h = _a.inversed, inversed = _h === void 0 ? false : _h, _j = _a.isValue, isValue = _j === void 0 ? false : _j, _k = _a.width, width = _k === void 0 ? 21 : _k;
+    var color = isValue ? activeColor : backgroundColor;
+    return (jsx_runtime_1.jsx(S.RatingItem, tslib_1.__assign({ activeColor: activeColor, backgroundColor: backgroundColor, height: height, inversed: inversed, isValue: isValue, width: width }, { children: jsx_runtime_1.jsx(S.RatingIcon, { color: inversed ? iconColor : color, height: iconSize, name: iconName, width: iconSize }, void 0) }), void 0));
+};
+exports.default = RatingItem;
+//# sourceMappingURL=RatingItem.js.map

package/components/Rating/TrustpilotRating.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 Rating_1 = tslib_1.__importDefault(require("./Rating"));
+var TrustpilotRating = function (_a) {
+    var rate = _a.rate;
+    return (jsx_runtime_1.jsx(Rating_1.default, { activeColor: "TRUSTPILOT_ACTIVE_BACKGROUND", backgroundColor: "TRUSTPILOT_BACKGROUND", height: 16, iconName: "trustpilot-star", iconSize: 10, inversed: true, rate: rate, size: 5, width: 16 }, void 0));
+};
+exports.default = TrustpilotRating;
+//# sourceMappingURL=TrustpilotRating.js.map

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

package/components/Rating/styled/RatingIcon.js

@@ -0,0 +1,9 @@
+"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 RatingIcon = themedStyledComponents_1.default(Icon_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  margin: auto;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n"], ["\n  position: absolute;\n  margin: auto;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n"])));
+exports.default = RatingIcon;
+var templateObject_1;
+//# sourceMappingURL=RatingIcon.js.map

package/components/Rating/styled/RatingItem.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 RatingItem = themedStyledComponents_1.default.div.withConfig(omitAttrs_1.default('width', 'height'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  background: ", ";\n  display: inline-block;\n  margin-right: 2px;\n  position: relative;\n  white-space: nowrap;\n  width: ", "px;\n  height: ", "px;\n\n  &:last-child {\n    margin-right: 0;\n  }\n"], ["\n  background: ",
+    ";\n  display: inline-block;\n  margin-right: 2px;\n  position: relative;\n  white-space: nowrap;\n  width: ", "px;\n  height: ", "px;\n\n  &:last-child {\n    margin-right: 0;\n  }\n"])), function (_a) {
+    var isValue = _a.isValue, inversed = _a.inversed, activeColor = _a.activeColor, backgroundColor = _a.backgroundColor, theme = _a.theme;
+    if (inversed) {
+        return isValue
+            ? theme.colors[activeColor]
+            : theme.colors[backgroundColor];
+    }
+    return 'transparent';
+}, function (_a) {
+    var width = _a.width;
+    return width;
+}, function (_a) {
+    var height = _a.height;
+    return height;
+});
+exports.default = RatingItem;
+var templateObject_1;
+//# sourceMappingURL=RatingItem.js.map

package/components/Rating/styled/RatingValueWrapper.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 omitAttrs_1 = tslib_1.__importDefault(require("../../../utils/omitAttrs"));
+var RatingValueWrapper = themedStyledComponents_1.default.div.withConfig(omitAttrs_1.default('width'))(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  width: ", "%;\n"], ["\n  color: ", ";\n  overflow: hidden;\n  position: absolute;\n  top: 0;\n  width: ", "%;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.PRIMARY;
+}, function (_a) {
+    var width = _a.width;
+    return width;
+});
+exports.default = RatingValueWrapper;
+var templateObject_1;
+//# sourceMappingURL=RatingValueWrapper.js.map

package/components/Rating/styled/RatingWrapper.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 RatingWrapper = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  display: inline-block;\n  position: relative;\n  white-space: nowrap;\n"], ["\n  color: ", ";\n  display: inline-block;\n  position: relative;\n  white-space: nowrap;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.PRIMARY;
+});
+exports.default = RatingWrapper;
+var templateObject_1;
+//# sourceMappingURL=RatingWrapper.js.map

package/components/Rating/styled/Wrapper.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 Wrapper = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: inline-block;\n  line-height: 10px;\n  position: relative;\n  white-space: nowrap;\n"], ["\n  display: inline-block;\n  line-height: 10px;\n  position: relative;\n  white-space: nowrap;\n"])));
+exports.default = Wrapper;
+var templateObject_1;
+//# sourceMappingURL=Wrapper.js.map

package/components/Rating/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.Wrapper = exports.RatingWrapper = exports.RatingValueWrapper = exports.RatingItem = exports.RatingIcon = void 0;
+var RatingIcon_1 = require("./RatingIcon");
+Object.defineProperty(exports, "RatingIcon", { enumerable: true, get: function () { return __importDefault(RatingIcon_1).default; } });
+var RatingItem_1 = require("./RatingItem");
+Object.defineProperty(exports, "RatingItem", { enumerable: true, get: function () { return __importDefault(RatingItem_1).default; } });
+var RatingValueWrapper_1 = require("./RatingValueWrapper");
+Object.defineProperty(exports, "RatingValueWrapper", { enumerable: true, get: function () { return __importDefault(RatingValueWrapper_1).default; } });
+var RatingWrapper_1 = require("./RatingWrapper");
+Object.defineProperty(exports, "RatingWrapper", { enumerable: true, get: function () { return __importDefault(RatingWrapper_1).default; } });
+var Wrapper_1 = require("./Wrapper");
+Object.defineProperty(exports, "Wrapper", { enumerable: true, get: function () { return __importDefault(Wrapper_1).default; } });
+//# sourceMappingURL=index.js.map

package/components/Ribbon/Ribbon.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 Ribbon = function (_a) {
+    var _b = _a.dataAttrs, dataAttrs = _b === void 0 ? {} : _b, _c = _a.children, children = _c === void 0 ? null : _c, _d = _a.maxWidth, maxWidth = _d === void 0 ? '90%' : _d, _e = _a.position, position = _e === void 0 ? 'start' : _e, offsetX = _a.offsetX, offsetY = _a.offsetY;
+    return (jsx_runtime_1.jsx(S.Ribbon, tslib_1.__assign({}, dataAttrs, { maxWidth: maxWidth, offsetX: offsetX, offsetY: offsetY, position: position }, { children: jsx_runtime_1.jsx(S.Text, { children: children }, void 0) }), void 0));
+};
+exports.default = Ribbon;
+//# sourceMappingURL=Ribbon.js.map

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

package/components/Ribbon/styled/Ribbon.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var themedStyledComponents_1 = tslib_1.__importStar(require("../../../utils/themedStyledComponents"));
+var positionStyle = {
+    top: themedStyledComponents_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    border-top-right-radius: 0;\n    margin-top: -4px;\n  "], ["\n    border-top-right-radius: 0;\n    margin-top: -4px;\n  "]))),
+    bottom: themedStyledComponents_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-top-left-radius: ", ";\n    margin-bottom: -4px;\n    top: ", ";\n    bottom: ", ";\n  "], ["\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-top-left-radius: ", ";\n    margin-bottom: -4px;\n    top: ", ";\n    bottom: ", ";\n  "])), function (_a) {
+        var theme = _a.theme;
+        return theme.borders.radius.br200;
+    }, function (_a) {
+        var offsetY = _a.offsetY;
+        return offsetY && "auto";
+    }, function (_a) {
+        var offsetY = _a.offsetY;
+        return offsetY;
+    }),
+    start: themedStyledComponents_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    border-bottom-left-radius: 0;\n    margin-left: -4px;\n  "], ["\n    border-bottom-left-radius: 0;\n    margin-left: -4px;\n  "]))),
+    end: themedStyledComponents_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n    border-bottom-right-radius: 0;\n    border-top-right-radius: 0;\n    border-top-left-radius: ", ";\n    margin-right: -4px;\n    left: ", ";\n    right: ", ";\n  "], ["\n    border-bottom-right-radius: 0;\n    border-top-right-radius: 0;\n    border-top-left-radius: ", ";\n    margin-right: -4px;\n    left: ", ";\n    right: ", ";\n  "])), function (_a) {
+        var theme = _a.theme;
+        return theme.borders.radius.br200;
+    }, function (_a) {
+        var offsetX = _a.offsetX;
+        return offsetX && "auto";
+    }, function (_a) {
+        var offsetX = _a.offsetX;
+        return offsetX;
+    }),
+};
+var borderBefore = themedStyledComponents_1.css(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.borders.width.bw200 + " " + theme.borders.style.SOLID + " " + theme.colors.ACCENT_DARK;
+});
+var positionStyleBefore = {
+    top: themedStyledComponents_1.css(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n    border-bottom: ", ";\n    left: -4px;\n    top: 0;\n  "], ["\n    border-bottom: ", ";\n    left: -4px;\n    top: 0;\n  "])), borderBefore),
+    bottom: themedStyledComponents_1.css(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n    border-top: ", ";\n    left: -4px;\n    bottom: 0;\n  "], ["\n    border-top: ", ";\n    left: -4px;\n    bottom: 0;\n  "])), borderBefore),
+    start: themedStyledComponents_1.css(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n    border-top: ", ";\n    bottom: -4px;\n    left: 0;\n  "], ["\n    border-top: ", ";\n    bottom: -4px;\n    left: 0;\n  "])), borderBefore),
+    end: themedStyledComponents_1.css(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n    border-left: ", ";\n    border-right-color: transparent;\n    border-top: ", ";\n    bottom: -4px;\n    right: 0;\n  "], ["\n    border-left: ", ";\n    border-right-color: transparent;\n    border-top: ", ";\n    bottom: -4px;\n    right: 0;\n  "])), borderBefore, borderBefore),
+};
+var Ribbon = themedStyledComponents_1.default.div(templateObject_10 || (templateObject_10 = tslib_1.__makeTemplateObject(["\n  background-color: ", ";\n  border-radius: ", ";\n  border-top-left-radius: 0;\n  box-sizing: border-box;\n  display: inline-block;\n  max-width: ", ";\n  position: absolute;\n  z-index: ", ";\n  padding: ", ";\n  left: ", ";\n  top: ", ";\n\n  ", "\n\n  &:before {\n    border: ", ";\n    border-right: ", ";\n    content: '';\n    position: absolute;\n\n    ", "\n  }\n"], ["\n  background-color: ", ";\n  border-radius: ", ";\n  border-top-left-radius: 0;\n  box-sizing: border-box;\n  display: inline-block;\n  max-width: ", ";\n  position: absolute;\n  z-index: ", ";\n  padding: ", ";\n  left: ", ";\n  top: ", ";\n\n  ", "\n\n  &:before {\n    border: ",
+    ";\n    border-right: ",
+    ";\n    content: '';\n    position: absolute;\n\n    ", "\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors.ACCENT;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.borders.radius.br200;
+}, function (_a) {
+    var maxWidth = _a.maxWidth;
+    return maxWidth;
+}, function (_a) {
+    var zIndexes = _a.theme.zIndexes;
+    return zIndexes.ribbon;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s100 + " " + theme.spacings.s300;
+}, function (_a) {
+    var offsetX = _a.offsetX;
+    return offsetX;
+}, function (_a) {
+    var offsetY = _a.offsetY;
+    return offsetY;
+}, function (_a) {
+    var position = _a.position;
+    return position && positionStyle[position];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.borders.width.bw200 + " " + theme.borders.style.SOLID + " transparent";
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.borders.width.bw200 + " " + theme.borders.style.SOLID + " " + theme.colors.ACCENT_DARK;
+}, function (_a) {
+    var position = _a.position;
+    return position && positionStyleBefore[position];
+});
+exports.default = Ribbon;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+//# sourceMappingURL=Ribbon.js.map

package/components/Ribbon/styled/Text.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 Text = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: inline-block;\n  overflow: hidden;\n  pointer-events: none;\n  text-overflow: ellipsis;\n  width: 100%;\n  white-space: nowrap;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  letter-spacing: normal;\n  line-height: 1;\n  text-transform: uppercase;\n  color: ", ";\n  vertical-align: middle;\n"], ["\n  display: inline-block;\n  overflow: hidden;\n  pointer-events: none;\n  text-overflow: ellipsis;\n  width: 100%;\n  white-space: nowrap;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  letter-spacing: normal;\n  line-height: 1;\n  text-transform: uppercase;\n  color: ", ";\n  vertical-align: middle;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.secondary.fontFamily;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.sizes.fs300;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.fonts.secondary.weight.fw700;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors[theme.ribbon.TEXT_COLOR];
+});
+exports.default = Text;
+var templateObject_1;
+//# sourceMappingURL=Text.js.map

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

package/components/RoundLogo/BrandRoundLogo.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var StaticAsset_1 = tslib_1.__importDefault(require("../StaticAsset"));
+var S = tslib_1.__importStar(require("./styled"));
+var BrandRoundLogo = function () { return (jsx_runtime_1.jsx(S.BrandRoundLogo, { children: jsx_runtime_1.jsx(StaticAsset_1.default, { name: "brand-small" }, void 0) }, void 0)); };
+exports.default = BrandRoundLogo;
+//# sourceMappingURL=BrandRoundLogo.js.map

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

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

package/components/RoundLogo/styled/BrandRoundLogo.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+var RoundLogo_1 = tslib_1.__importDefault(require("./RoundLogo"));
+var BrandRoundLogo = styled_components_1.default(RoundLogo_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  background: ", ";\n  padding: ", ";\n  flex-direction: column;\n"], ["\n  background: ", ";\n  padding: ", ";\n  flex-direction: column;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.colors[theme.header.BACKGROUND_COLOR];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacings.s800;
+});
+exports.default = BrandRoundLogo;
+var templateObject_1;
+//# sourceMappingURL=BrandRoundLogo.js.map

package/components/RoundLogo/styled/RoundLogo.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 RoundLogo = themedStyledComponents_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  height: 80px;\n  width: 80px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  ", "\n"], ["\n  height: 80px;\n  width: 80px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  ",
+    "\n"])), function (_a) {
+    var _b = _a.theme, colors = _b.colors, borders = _b.borders, background = _a.background;
+    return "\n    background: " + colors[background || 'CONTENT_BACKGROUND'] + ";\n    box-shadow: 0 2px 3px 0 " + colors.SHADOW + ";\n    border: " + borders.style.SOLID + " 4px " + colors.CONTENT_BACKGROUND + ";\n  ";
+});
+exports.default = RoundLogo;
+var templateObject_1;
+//# sourceMappingURL=RoundLogo.js.map