@agregio-solutions/design-system 1.88.0 → 1.89.0

package/dist/packages/components/ChartTooltip/ChartTooltip.d.ts

@@ -28,11 +28,11 @@ export interface Props {
     /**
      * Main title displayed at the top of the tooltip
      */
-    title: string;
+    title?: string;
     /**
      * List of label-value pairs with an associated bullet color
      */
-    items: ChartTooltipItem[];
+    items?: ChartTooltipItem[];
     /**
      * Additional description of the tooltip, placed under the items
      */
@@ -42,9 +42,9 @@ export interface Props {
      */
     bodyTitle?: string;
     /**
-     * Text content of middle section.
+     * Content of middle section.
      */
-    bodyContent?: string;
+    bodyContent?: React.ReactNode;
     /**
      * Custom content for the footer area. Must be read-only (i.e. no interactivity like buttons, links, etc.)
      */

package/dist/packages/components/Timeline/components/BlockLineContainer/BlockLineContainer.styled.d.ts

@@ -18,3 +18,6 @@ export declare const LineNow: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CustomHoverTooltip: import('@emotion/styled').StyledComponent<import('react-aria-components').TooltipProps & import('react').RefAttributes<HTMLDivElement> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;

package/dist/packages/components/Timeline/utils/Timeline.types.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 type Color = "orange" | "brown" | "azure" | "ocean" | "purple" | "pink" | "negative" | "positive" | "neutral";
 type DatavizColor = `var(--color-content-dataviz-${Color}-${1 | 2 | 3 | 4})`;
 export type Block = {
@@ -24,6 +24,11 @@ export type Block = {
      * Also used to create the data-testid for the block for testing purposes.
      */
     hoverText: string;
+    /**
+     * Custom content to display when hovering over the block.
+     * When provided, replaces the default tooltip with a rich content.
+     */
+    hoverContent?: ReactNode;
     /**
      * The click handler for the block.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agregio-solutions/design-system",
-  "version": "1.88.0",
+  "version": "1.89.0",
   "description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
   "type": "module",
   "module": "dist/design-system.js",