@useblu/ocean-react 1.128.0 → 1.130.0

package/Badge/Badge.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 export type BadgeProps = {
     variation?: 'tiny' | 'small' | 'medium';
-    color?: 'brand' | 'complementary' | 'alert' | 'neutral';
+    color?: 'brand' | 'complementary' | 'alert' | 'neutral' | 'highlight';
     count?: number;
 } & React.ComponentPropsWithoutRef<'div'>;
 declare const Badge: React.ForwardRefExoticComponent<{
     variation?: "tiny" | "small" | "medium";
-    color?: "brand" | "complementary" | "alert" | "neutral";
+    color?: "brand" | "complementary" | "alert" | "neutral" | "highlight";
     count?: number;
 } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
 export default Badge;

package/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG;IAKvB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAIxC,KAAK,CAAC,EAAE,OAAO,GAAG,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC;IAIxD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,KAAK;gBAXG,MAAM,GAAG,OAAO,GAAG,QAAQ;YAI/B,OAAO,GAAG,eAAe,GAAG,OAAO,GAAG,SAAS;YAI/C,MAAM;kLAuCf,CAAC;AAIF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG;IAKvB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAIxC,KAAK,CAAC,EAAE,OAAO,GAAG,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IAItE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,KAAK;gBAXG,MAAM,GAAG,OAAO,GAAG,QAAQ;YAI/B,OAAO,GAAG,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW;YAI7D,MAAM;kLAuCf,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.130.0](https://github.com/ocean-ds/ocean-web/compare/v1.129.0...v1.130.0) (2026-02-12)
+
+### Features
+
+- add action badge color on cardgroup ([#1226](https://github.com/ocean-ds/ocean-web/issues/1226)) ([527aaa4](https://github.com/ocean-ds/ocean-web/commit/527aaa494be3914d60b3046c63b0763f88909cc2))
+
+# [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/CardGroup/ActionButton.d.ts

@@ -1,8 +1,10 @@
+type BadgeColor = 'brand' | 'complementary' | 'alert' | 'neutral' | 'highlight';
 interface IActionButtonProps {
     actionLabel?: string;
     actionCount?: number;
     actionClick?: () => void;
+    actionBadgeColor?: BadgeColor;
 }
-declare const ActionButton: ({ actionLabel, actionCount, actionClick, }: IActionButtonProps) => JSX.Element;
+declare const ActionButton: ({ actionLabel, actionCount, actionClick, actionBadgeColor, }: IActionButtonProps) => JSX.Element;
 export default ActionButton;
 //# sourceMappingURL=ActionButton.d.ts.map

package/CardGroup/ActionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../src/CardGroup/ActionButton.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,YAAY,GAAI,4CAInB,kBAAkB,KAAG,GAAG,CAAC,OAsB3B,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../src/CardGroup/ActionButton.tsx"],"names":[],"mappings":"AAIA,KAAK,UAAU,GAAG,OAAO,GAAG,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AAEhF,UAAU,kBAAkB;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,UAAU,CAAC;CAC/B;AAED,QAAA,MAAM,YAAY,GAAI,8DAKnB,kBAAkB,KAAG,GAAG,CAAC,OAuB3B,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/CardGroup/CardGroup.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { TagProps } from '../Tag/Tag';
+export type CardGroupActionBadgeColor = 'brand' | 'complementary' | 'alert' | 'neutral' | 'highlight';
 export interface ICardGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     title?: string;
     subtitle?: string;
@@ -9,6 +10,7 @@ export interface ICardGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     actionLabel?: string;
     actionCount?: number;
     actionClick?: () => void;
+    actionBadgeColor?: CardGroupActionBadgeColor;
     children?: React.ReactNode;
 }
 declare const CardGroup: React.ForwardRefExoticComponent<ICardGroupProps & React.RefAttributes<HTMLDivElement>>;

package/CardGroup/CardGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardGroup.d.ts","sourceRoot":"","sources":["../../src/CardGroup/CardGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,wFAqCd,CAAC;AAIF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CardGroup.d.ts","sourceRoot":"","sources":["../../src/CardGroup/CardGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,yBAAyB,GACjC,OAAO,GACP,eAAe,GACf,OAAO,GACP,SAAS,GACT,WAAW,CAAC;AAEhB,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,wFAuCd,CAAC;AAIF,eAAe,SAAS,CAAC"}

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

@@ -503,22 +503,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 = 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';
 
@@ -47808,26 +47809,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()))));