@epam/ai-dial-ui-kit 0.13.0-dev.65 → 0.13.0-dev.66

package/dist/src/components/Analytics/BarGroup/BarGroup.d.ts

@@ -15,9 +15,10 @@ export interface DialAnalyticsBarGroupProps {
     /**
      * When provided, enables compare mode: keys are the union of `data` and
      * `compareData`. Each entry renders two bars and, when both sides are numeric,
-     * a delta badge (`data[key] - compareData[key]`). A missing key (or explicit
-     * `null`) on either side shows an em dash with no progress bar and no delta.
-     * `onBarClick` is ignored in compare mode.
+     * a delta badge (`compareData[key] - data[key]`, three decimal places). A
+     * missing key (or explicit `null`) on either side shows an em dash with no
+     * progress bar and no delta. A rounded delta of `0` is omitted. `onBarClick`
+     * is ignored in compare mode.
      */
     compareData?: Record<string, number | null>;
     /**
@@ -77,7 +78,7 @@ export interface DialAnalyticsBarGroupProps {
  * @param [titleTooltip] - Tooltip shown when hovering the accordion header title.
  * @param [description] - Description passed to the accordion header. Defaults to the number of entries.
  * @param data - Map of metric name to numeric value (or `null` when missing). Each entry renders one bar.
- * @param [compareData] - Enables compare mode: union of keys, delta badge when both sides are numeric, em dash (no bar) when a side is missing.
+ * @param [compareData] - Enables compare mode: union of keys, delta badge (`compareData − data`) when both sides are numeric and the rounded delta is non-zero, em dash (no bar) when a side is missing.
  * @param [compareLabels] - Labels for the two bars in compare mode: first for `data`, second for `compareData`.
  * @param [maxValue] - Upper bound passed to every bar.
  * @param [colorMap] - Color map passed to every bar.

package/dist/src/components/Analytics/Card/Card.d.ts

@@ -25,6 +25,11 @@ export interface DialAnalyticsCardProps {
      * When omitted, `delta ≥ 0` → success, `delta < 0` → error.
      */
     deltaPositive?: boolean;
+    /**
+     * Suffix appended to the formatted delta with no space (e.g. `"s"` → `+9s`,
+     * `-19s`). Any string is valid (`s`, `ms`, `%`).
+     */
+    deltaUnit?: string;
     /**
      * When provided, enables compare mode: the value area is split 50/50 with a
      * vertical divider and each side shows its own sub-title and value.
@@ -45,7 +50,7 @@ export interface DialAnalyticsCardProps {
  *
  * **Compare mode** — pass `compareValues` to split the value area 50/50 between two
  * metrics, each with its own sub-title. Pair with `delta` to show a change badge next
- * to the card title.
+ * to the card title, and `deltaUnit` for a suffix such as `"s"`.
  *
  * @example
  * ```tsx
@@ -60,7 +65,9 @@ export interface DialAnalyticsCardProps {
  * ```tsx
  * <DialAnalyticsCard
  *   title="Response time"
- *   delta={12}
+ *   delta={9}
+ *   deltaUnit="s"
+ *   deltaPositive={false}
  *   compareValues={[
  *     { title: 'This week', value: '248ms' },
  *     { title: 'Last week', value: '220ms' },
@@ -76,6 +83,8 @@ export interface DialAnalyticsCardProps {
  * @param [isLoading] - Renders a loader in place of the value.
  * @param [className] - Additional CSS classes for the card container.
  * @param [delta] - Numeric change shown as a badge next to the title. ≥0 = success, <0 = error.
+ * @param [deltaPositive] - Overrides sign-based badge colour. Use for lower-is-better metrics.
+ * @param [deltaUnit] - Suffix appended to the formatted delta (e.g. `"s"` → `+9s`).
  * @param [compareValues] - Enables compare mode with two side-by-side metrics.
  */
 export declare const DialAnalyticsCard: FC<DialAnalyticsCardProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.13.0-dev.65",
+  "version": "0.13.0-dev.66",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",