@useblu/ocean-react 1.129.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,12 @@
 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

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/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';