@useblu/ocean-react 1.31.1 → 1.33.0

package/index.js

@@ -4971,11 +4971,11 @@ 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') }),
-        label && (e__default["default"].createElement("span", { className: "ods-typography ods-typography__paragraph ods-checkbox__label" }, label))));
+        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))));
 });
 
 var Radio = e__default["default"].forwardRef(function Radio(_a, ref) {
@@ -4983,7 +4983,7 @@ var Radio = e__default["default"].forwardRef(function Radio(_a, ref) {
     return (e__default["default"].createElement("label", { className: "ods-radio__root", htmlFor: id },
         e__default["default"].createElement("input", __assign({ ref: ref, id: id, className: classNames('ods-radio', className) }, rest, { type: "radio" })),
         e__default["default"].createElement("span", { className: "ods-radio__checkmark" }),
-        label && (e__default["default"].createElement("span", { className: "ods-typography ods-typography__paragraph ods-radio__label" }, label))));
+        label && (e__default["default"].createElement("span", { className: "ods-typography ods-typography__description ods-radio__label" }, label))));
 });
 
 function LinkBase(_a, ref) {
@@ -25461,6 +25461,20 @@ var Badge = e__default["default"].forwardRef(function Badge(_a, ref) {
         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;