@useblu/ocean-react 1.31.4 → 1.33.1

package/index.js

@@ -4971,10 +4971,10 @@ var Input = e__default["default"].forwardRef(function Input(_a, ref) {
 });
 
 var Checkbox = e__default["default"].forwardRef(function Checkbox(_a, ref) {
-    var className = _a.className, label = _a.label, id = _a.id, indeterminate = _a.indeterminate, rest = __rest(_a, ["className", "label", "id", "indeterminate"]);
+    var error = _a.error, className = _a.className, label = _a.label, id = _a.id, indeterminate = _a.indeterminate, rest = __rest(_a, ["error", "className", "label", "id", "indeterminate"]);
     return (e__default["default"].createElement("label", { className: "ods-checkbox__root", htmlFor: id },
         e__default["default"].createElement("input", __assign({ ref: ref, id: id, className: classNames('ods-checkbox', className) }, rest, { type: "checkbox", "data-indeterminate": indeterminate })),
-        e__default["default"].createElement("span", { className: classNames('ods-checkbox__checkmark', indeterminate && 'ods-checkbox__checkmark--indeterminate') }),
+        e__default["default"].createElement("span", { className: classNames('ods-checkbox__checkmark', indeterminate && 'ods-checkbox__checkmark--indeterminate', error && 'ods-checkbox__checkmark--error') }),
         label && (e__default["default"].createElement("span", { className: "ods-typography ods-typography__description ods-checkbox__label" }, label))));
 });
 
@@ -25456,11 +25456,25 @@ var Badge = e__default["default"].forwardRef(function Badge(_a, ref) {
     return (e__default["default"].createElement("div", __assign({ ref: ref, role: "tag", className: classNames('ods-badge', "ods-badge--".concat(variation), "ods-badge--".concat(color), className, {
             'ods-badge--overflow': count && count > 99
         }) }, rest),
-        variation !== 'tiny' && count && (e__default["default"].createElement("div", { className: "ods-badge__content ods-badge__count" }, countToShow)),
+        variation !== 'tiny' && typeof count !== 'undefined' && (e__default["default"].createElement("div", { className: "ods-badge__content ods-badge__count" }, countToShow)),
         variation !== 'tiny' && typeof count === 'undefined' && children && (e__default["default"].createElement("div", { className: "ods-badge__content ods-badge__text" }, children)),
         variation === 'tiny' && e__default["default"].createElement("div", { className: "ods-badge__content" })));
 });
 
+var CrossSellCard = e__default["default"].forwardRef(function CrossSellCard(_a, ref) {
+    var title = _a.title, className = _a.className, description = _a.description, imageSrc = _a.imageSrc, ctaText = _a.ctaText, ctaAction = _a.ctaAction, rest = __rest(_a, ["title", "className", "description", "imageSrc", "ctaText", "ctaAction"]);
+    return (e__default["default"].createElement("div", __assign({ ref: ref }, rest, { className: classNames('ods-cross-sell-card', className) }),
+        e__default["default"].createElement("div", { className: "ods-cross-sell-card__content" },
+            e__default["default"].createElement("div", { className: "ods-cross-sell-card__information" },
+                e__default["default"].createElement("div", { className: "ods-typography--inverse ods-typography__heading3" }, title),
+                e__default["default"].createElement("div", { className: "ods-typography--inverse ods-typography__description ods-cross-sell-card__description " }, description)),
+            imageSrc && (e__default["default"].createElement("img", { className: "ods-cross-sell-card__image", src: imageSrc }))),
+        e__default["default"].createElement("button", { className: "ods-cross-sell-card__cta", onClick: ctaAction, "data-testid": "cta-test" },
+            ctaText,
+            " ",
+            e__default["default"].createElement(ee, { className: "ods-cross-sell-card__cta-icon" }))));
+});
+
 exports.Alert = Alert;
 exports.Badge = Badge;
 exports.Button = Button;
@@ -25468,6 +25482,7 @@ exports.Carousel = Carousel;
 exports.Checkbox = Checkbox;
 exports.Col = Col;
 exports.Container = Container;
+exports.CrossSellCard = CrossSellCard;
 exports.Divider = Divider;
 exports.Grid = index$1;
 exports.IconButton = IconButton;