@useblu/ocean-react 1.128.0 → 1.130.0

package/index.js

@@ -505,22 +505,23 @@ var Header = function (_a) {
 };
 
 var ActionButton = function (_a) {
-    var actionLabel = _a.actionLabel, actionCount = _a.actionCount, actionClick = _a.actionClick;
+    var actionLabel = _a.actionLabel, actionCount = _a.actionCount, actionClick = _a.actionClick, actionBadgeColor = _a.actionBadgeColor;
+    var badgeColor = actionBadgeColor !== null && actionBadgeColor !== void 0 ? actionBadgeColor : (actionCount === 0 ? 'neutral' : 'alert');
     return (e.createElement(e.Fragment, null,
         e.createElement("hr", { className: "ods-divider" }),
         e.createElement("button", { onClick: actionClick, type: "button", className: "ods-card-group__action", "aria-label": actionLabel },
             e.createElement("span", { className: "ods-card-group__action--label" }, actionLabel),
             e.createElement("div", { className: "ods-card-group__action--right" },
-                actionCount !== undefined && (e.createElement(Badge, { variation: "medium", color: actionCount === 0 ? 'neutral' : 'alert', count: actionCount })),
+                actionCount !== undefined && (e.createElement(Badge, { variation: "medium", color: badgeColor, count: actionCount })),
                 e.createElement(re, { size: 20 })))));
 };
 
 var CardGroup = e.forwardRef(function (_a, ref) {
-    var title = _a.title, subtitle = _a.subtitle, actionLabel = _a.actionLabel, actionCount = _a.actionCount, actionClick = _a.actionClick, count = _a.count, tag = _a.tag, children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'minimal' : _b, rest = __rest$1(_a, ["title", "subtitle", "actionLabel", "actionCount", "actionClick", "count", "tag", "children", "variant"]);
+    var title = _a.title, subtitle = _a.subtitle, actionLabel = _a.actionLabel, actionCount = _a.actionCount, actionClick = _a.actionClick, actionBadgeColor = _a.actionBadgeColor, count = _a.count, tag = _a.tag, children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'minimal' : _b, rest = __rest$1(_a, ["title", "subtitle", "actionLabel", "actionCount", "actionClick", "actionBadgeColor", "count", "tag", "children", "variant"]);
     return (e.createElement("div", __assign$1({ ref: ref }, rest, { "data-testid": "card-group", className: classNames('ods-card-group', "ods-card-group--".concat(variant)) }),
         (title || subtitle) && (e.createElement(Header, { title: title, subtitle: subtitle, count: count, tag: tag })),
         children && variant !== 'header' && e.createElement("div", null, children),
-        actionLabel && variant !== 'header' && (e.createElement(ActionButton, { actionLabel: actionLabel, actionCount: actionCount, actionClick: actionClick }))));
+        actionLabel && variant !== 'header' && (e.createElement(ActionButton, { actionLabel: actionLabel, actionCount: actionCount, actionClick: actionClick, actionBadgeColor: actionBadgeColor }))));
 });
 CardGroup.displayName = 'CardGroup';
 
@@ -47810,26 +47811,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()))));