@datarobot/design-system 29.4.0 → 29.5.0

package/js/bundle/index.d.ts

@@ -712,13 +712,15 @@ type ChartLegendProps = {
         /** if true, legend items will become clickable */
         isInteractive?: boolean;
         onChange?: OnChangeHandler;
+        onMouseEnter?: OnMouseEnterHandler;
+        onMouseLeave?: OnMouseLeaveHandler;
 };
 /**
     * Legends for charts
     * @midnight-gray-supported
     * @alpine-light-supported
     */
-export function ChartLegend({ className, items, isInteractive, onChange, testId, }: ChartLegendProps): import("react/jsx-runtime").JSX.Element;
+export function ChartLegend({ className, items, isInteractive, onChange, onMouseEnter, onMouseLeave, testId, }: ChartLegendProps): import("react/jsx-runtime").JSX.Element;
 export {};
 
 import './chart-legend-item.less';
@@ -726,8 +728,10 @@ type ChartLegendItemProps = {
     item: ChartLegendItemType;
     isInteractive?: boolean;
     onChange?: OnChangeHandler;
+    onMouseEnter?: OnMouseEnterHandler;
+    onMouseLeave?: OnMouseLeaveHandler;
 };
-export function ChartLegendItem({ item, isInteractive, onChange, }: ChartLegendItemProps): import("react/jsx-runtime").JSX.Element;
+export function ChartLegendItem({ item, isInteractive, onChange, onMouseEnter, onMouseLeave, }: ChartLegendItemProps): import("react/jsx-runtime").JSX.Element;
 export {};
 
 export const CHART_LEGEND_ITEM_GLYPH_TYPES: {
@@ -763,6 +767,11 @@ export type OnChangeHandlerEvent = {
     isActive: boolean;
 };
 export type OnChangeHandler = (event: OnChangeHandlerEvent) => void;
+export type OnMouseOverHandlerEvent = {
+    item: ChartLegendItemType;
+};
+export type OnMouseEnterHandler = (event: OnMouseOverHandlerEvent) => void;
+export type OnMouseLeaveHandler = (event: OnMouseOverHandlerEvent) => void;
 
 import './chat.less';
 export type ChatProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarobot/design-system",
-  "version": "29.4.0",
+  "version": "29.5.0",
   "description": "DataRobot react components library",
   "scripts": {
     "build": "node ../../tools/build-lib.js",

package/styles/index.css

@@ -11529,7 +11529,7 @@ button:hover.active.pill {
   border-right: 0.0625rem solid var(--modal-border-color);
   border-left: 0.0625rem solid var(--modal-border-color);
   gap: 1rem;
-  z-index: 2;
+  z-index: 1051;
   overflow-y: hidden;
 }
 .sidebar-modal.align-right {
@@ -11558,7 +11558,7 @@ button:hover.active.pill {
   flex-shrink: 0;
   flex-direction: row;
   justify-content: stretch;
-  padding: 0.5rem 0 1.5rem;
+  padding: 0.75rem 0;
   border-top: 0.0625rem solid var(--base-border-color);
   gap: 0.5rem;
 }
@@ -11572,7 +11572,7 @@ button:hover.active.pill {
   left: 100%;
   width: calc(100vw - 100%);
   background-color: var(--modal-backdrop-bg);
-  z-index: 1;
+  z-index: 1040;
 }
 .sidebar-modal + .sidebar-modal-backdrop.align-right {
   right: 100%;