@useblu/ocean-react 1.128.0 → 1.129.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.129.0](https://github.com/ocean-ds/ocean-web/compare/v1.128.1...v1.129.0) (2026-02-05)
+
+### Features
+
+- create new properties to internal contextual hero ([#1223](https://github.com/ocean-ds/ocean-web/issues/1223)) ([5e2103c](https://github.com/ocean-ds/ocean-web/commit/5e2103cc6d2f16c6f06cf702686409381d4e99d6))
+
 # [1.128.0](https://github.com/ocean-ds/ocean-web/compare/v1.127.0...v1.128.0) (2026-02-04)
 
 ### Features

package/InternalContextualHero/InternalContextualHero.d.ts

@@ -8,12 +8,14 @@ export type InternalContextualHeroAction = {
     onClick: () => void;
 };
 export type InternalContextualHeroProps = {
+    type?: 'default' | 'warning' | 'negative';
     title: string;
     description: string;
     image?: string | ReactNode;
     listItems: (ReactNode | InternalContextualHeroListItemString)[];
     actions?: [InternalContextualHeroAction] | [InternalContextualHeroAction, InternalContextualHeroAction];
     className?: string;
+    imagePosition?: 'top' | 'bottom' | 'full';
 };
 declare const InternalContextualHero: React.ForwardRefExoticComponent<InternalContextualHeroProps & React.RefAttributes<HTMLDivElement>>;
 export default InternalContextualHero;

package/InternalContextualHero/InternalContextualHero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InternalContextualHero.d.ts","sourceRoot":"","sources":["../../src/InternalContextualHero/InternalContextualHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,MAAM,oCAAoC,GAAG;IACjD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAOF,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,SAAS,EAAE,CAAC,SAAS,GAAG,oCAAoC,CAAC,EAAE,CAAC;IAChE,OAAO,CAAC,EAAE,CAAC,4BAA4B,CAAC,GAAG,CAAC,4BAA4B,EAAE,4BAA4B,CAAC,CAAC;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,sBAAsB,oGAuD3B,CAAC;AAIF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"InternalContextualHero.d.ts","sourceRoot":"","sources":["../../src/InternalContextualHero/InternalContextualHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,MAAM,oCAAoC,GAAG;IAIjD,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IAIzC,KAAK,EAAE,MAAM,CAAC;IAId,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IAKxC,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAI1C,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,EAAE,MAAM,CAAC;IAIpB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAK3B,SAAS,EAAE,CAAC,SAAS,GAAG,oCAAoC,CAAC,EAAE,CAAC;IAKhE,OAAO,CAAC,EAAE,CAAC,4BAA4B,CAAC,GAAG,CAAC,4BAA4B,EAAE,4BAA4B,CAAC,CAAC;IAIxG,SAAS,CAAC,EAAE,MAAM,CAAC;IAKnB,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC3C,CAAC;AAmBF,QAAA,MAAM,sBAAsB,oGA0D3B,CAAC;AAIF,eAAe,sBAAsB,CAAC"}

package/index.es.js

@@ -47808,26 +47808,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()))));