@useblu/ocean-react 1.127.0 → 1.129.0

package/index.js

@@ -422,7 +422,7 @@ function ButtonBase(_a, ref) {
             console.warn('Ocean Design System: The "textCritical" variant is deprecated. Please use "tertiaryCritical" instead.');
         }
     }, [variant]);
-    var onColor = ['primary', 'primaryCritical', 'inverse'].includes(variant);
+    var onColor = ['primary', 'primaryCritical', 'primaryWarning', 'inverse'].includes(variant);
     return e.createElement(component || 'button', __assign$1(__assign$1({ ref: ref, className: classNames('ods-btn', "ods-btn--".concat(size), "ods-btn--".concat(variant.replace(/[A-Z]/g, function (m) { return "-".concat(m.toLowerCase()); })), blocked && 'ods-btn--blocked', className, { 'ods-btn--loading': loading }) }, rest), { onClick: loading ? function () { return false; } : rest.onClick }), loading ? (e.createElement(e.Fragment, null,
         e.createElement(Progress, { size: size, onColor: onColor }),
         e.createElement("span", null, children))) : (children));
@@ -47810,26 +47810,40 @@ ListExpandable.displayName = 'ListExpandable';
 var isListItemString = function (item) {
     return typeof item === 'object' && item !== null && 'description' in item;
 };
+var primaryButtonVariants = {
+    default: 'primary',
+    warning: 'primaryWarning',
+    negative: 'primaryCritical',
+};
+var secondaryButtonVariants = {
+    default: 'tertiary',
+    warning: 'tertiaryWarning',
+    negative: 'tertiaryCritical',
+};
 var InternalContextualHero = e.forwardRef(function (_a, ref) {
-    var title = _a.title, description = _a.description, image = _a.image, listItems = _a.listItems, actions = _a.actions, className = _a.className;
+    var _b;
+    var title = _a.title, description = _a.description, image = _a.image, listItems = _a.listItems, actions = _a.actions, className = _a.className, _c = _a.imagePosition, imagePosition = _c === void 0 ? 'top' : _c, _d = _a.type, type = _d === void 0 ? 'default' : _d;
     var renderImage = function () {
         if (typeof image === 'string') {
             return e.createElement("img", { src: image, alt: title });
         }
         return image;
     };
-    return (e.createElement("div", { "data-testid": "internal-contextual-hero", className: classNames('ods-internal-contextual-hero', className), ref: ref },
+    return (e.createElement("div", { "data-testid": "internal-contextual-hero", className: classNames('ods-internal-contextual-hero', className, (_b = {},
+            _b["ods-internal-contextual-hero--".concat(type)] = type,
+            _b["ods-internal-contextual-hero--".concat(imagePosition)] = imagePosition,
+            _b)), ref: ref },
         e.createElement("div", { className: 'ods-internal-contextual-hero__body' },
             e.createElement("div", { className: 'ods-internal-contextual-hero__content' },
                 e.createElement("div", { className: 'ods-internal-contextual-hero__header' },
                     e.createElement(Typography, { variant: "heading3" }, title),
                     e.createElement(Typography, { variant: "description" }, description)),
                 actions && actions.length > 0 && (e.createElement("div", { className: 'ods-internal-contextual-hero__actions' },
-                    e.createElement(Button$1, { variant: 'primary', size: 'sm', onClick: actions[0].onClick }, actions[0].label),
-                    actions[1] && (e.createElement(Button$1, { variant: 'tertiary', size: 'sm', onClick: actions[1].onClick }, actions[1].label))))),
+                    e.createElement(Button$1, { variant: primaryButtonVariants[type], size: 'sm', onClick: actions[0].onClick }, actions[0].label),
+                    actions[1] && (e.createElement(Button$1, { variant: secondaryButtonVariants[type], size: 'sm', onClick: actions[1].onClick }, actions[1].label))))),
             e.createElement("div", { className: 'ods-internal-contextual-hero__list' }, listItems === null || listItems === void 0 ? void 0 : listItems.map(function (item) {
                 return isListItemString(item) ? (e.createElement("div", { key: item.description, className: 'ods-internal-contextual-hero__list-item' },
-                    item.icon && e.createElement("div", null, item.icon),
+                    item.icon && e.createElement("div", { className: "ods-internal-contextual-hero__list-item-icon" }, item.icon),
                     e.createElement(Typography, { variant: "description" }, item.description))) : (item);
             }))),
         image && (e.createElement("div", { className: 'ods-internal-contextual-hero__image' }, renderImage()))));