@galaxy-io/dls 1.4.13 → 1.4.15

package/dist/charts/{DashboardProvider.d.ts → ChartGroupProvider.d.ts}

@@ -3,7 +3,7 @@ import { type PropsWithChildren } from "react";
  * The category one chart's pointer is currently over, broadcast to its
  * siblings.
  */
-export interface DashboardSyncEntry {
+export interface ChartGroupSyncEntry {
     /** `useId` of the chart whose pointer produced this entry. */
     sourceId: string;
     /**
@@ -12,15 +12,15 @@ export interface DashboardSyncEntry {
      */
     categoryKey: string;
 }
-export interface DashboardContextValue {
-    activeEntry: DashboardSyncEntry | null;
-    setActive: (entry: DashboardSyncEntry) => void;
+export interface ChartGroupContextValue {
+    activeEntry: ChartGroupSyncEntry | null;
+    setActive: (entry: ChartGroupSyncEntry) => void;
     /** Clears only if the current entry belongs to `sourceId`. */
     clearActive: (sourceId: string) => void;
     /** Followers open their own tooltip at the synced category. */
     sharedTooltip: boolean;
 }
-export declare const DashboardContext: import("react").Context<DashboardContextValue | null>;
+export declare const ChartGroupContext: import("react").Context<ChartGroupContextValue | null>;
 /**
  * Shares the hovered category between the cartesian charts inside it.
  *
@@ -49,9 +49,9 @@ export declare const DashboardContext: import("react").Context<DashboardContextV
  * across a chart re-renders the group a handful of times. No subscription or
  * selector machinery is warranted.
  */
-export interface DashboardProviderProps {
+export interface ChartGroupProviderProps {
     /** Every synced chart opens its own tooltip at the shared category. @default false */
     sharedTooltip?: boolean;
 }
-export declare const DashboardProvider: ({ sharedTooltip, children, }: PropsWithChildren<DashboardProviderProps>) => import("react").JSX.Element;
-export default DashboardProvider;
+export declare const ChartGroupProvider: ({ sharedTooltip, children, }: PropsWithChildren<ChartGroupProviderProps>) => import("react").JSX.Element;
+export default ChartGroupProvider;

package/dist/charts/{DashboardProvider.js → ChartGroupProvider.js}

@@ -1,8 +1,8 @@
 import { createContext, useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/charts/DashboardProvider.tsx
-var DashboardContext = createContext(null);
-var DashboardProvider = ({ sharedTooltip = false, children }) => {
+//#region src/charts/ChartGroupProvider.tsx
+var ChartGroupContext = createContext(null);
+var ChartGroupProvider = ({ sharedTooltip = false, children }) => {
 	const [activeEntry, setActiveEntry] = useState(null);
 	const setActive = useCallback((entry) => {
 		setActiveEntry((prev) => prev !== null && prev.sourceId === entry.sourceId && prev.categoryKey === entry.categoryKey ? prev : entry);
@@ -21,10 +21,10 @@ var DashboardProvider = ({ sharedTooltip = false, children }) => {
 		clearActive,
 		sharedTooltip
 	]);
-	return /* @__PURE__ */ jsx(DashboardContext.Provider, {
+	return /* @__PURE__ */ jsx(ChartGroupContext.Provider, {
 		value: contextValue,
 		children
 	});
 };
 //#endregion
-export { DashboardContext, DashboardProvider, DashboardProvider as default };
+export { ChartGroupContext, ChartGroupProvider, ChartGroupProvider as default };

package/dist/charts/ChartLegend.js

@@ -2,7 +2,7 @@ import Text, { TextSize, TextVariant } from "../text/Text.js";
 import Tooltip, { TooltipPosition, TooltipVariant } from "../tooltip/Tooltip.js";
 import Circle from "../shapes/Circle.js";
 import { ChartMarkState } from "./types.js";
-import { ChartLegendItemButton, ChartLegendItemStatic, ChartLegendMeasure, ChartLegendOverflowList, ChartLegendRow } from "./ChartPrimitives.js";
+import { ChartLegendItemButton, ChartLegendItemStatic, ChartLegendMeasure, ChartLegendMeasureClip, ChartLegendOverflowList, ChartLegendRow } from "./ChartPrimitives.js";
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/charts/ChartLegend.tsx
@@ -120,7 +120,7 @@ var ChartLegend = ({ items, inset, hoveredKey = null, vertical = false, vertical
 		$vertical: vertical,
 		$extent: verticalExtent,
 		children: [
-			/* @__PURE__ */ jsxs(ChartLegendMeasure, {
+			/* @__PURE__ */ jsx(ChartLegendMeasureClip, { children: /* @__PURE__ */ jsxs(ChartLegendMeasure, {
 				ref: measureRef,
 				$vertical: vertical,
 				"aria-hidden": "true",
@@ -141,7 +141,7 @@ var ChartLegend = ({ items, inset, hoveredKey = null, vertical = false, vertical
 						children: `+${items.length - 1} more`
 					})
 				})]
-			}),
+			}) }),
 			inlineItems.map((item) => renderItem(item, vertical)),
 			overflowItems.length > 0 && /* @__PURE__ */ jsx(Tooltip, {
 				isInteractive: true,

package/dist/charts/ChartPrimitives.d.ts

@@ -228,6 +228,21 @@ export declare const ChartLegendRow: import("@linaria/react").StyledComponent<im
     /** Plot box height in px — the side legend's fit extent. */
     $extent?: number;
 }>;
+/**
+ * Zero-size clip around the measure layer.
+ *
+ * `visibility: hidden` suppresses paint but not *overflow*: the measure layer's
+ * max-content box still joins the scrollable overflow region of every ancestor
+ * up to the nearest scroll container, and the row above cannot clip it. A
+ * legend wide enough to collapse therefore handed the page a horizontal
+ * scrollbar into empty space — the wider the collapsed entries, the further it
+ * scrolled.
+ *
+ * `overflow: hidden` on a 0×0 box ends the propagation there while leaving
+ * descendant layout geometry untouched, so the sizes the fit computation reads
+ * are exactly the ones it read before.
+ */
+export declare const ChartLegendMeasureClip: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 /**
  * Invisible copy of every legend entry plus a worst-case trigger, laid out
  * unconstrained along the legend's own axis so the fit computation can read

package/dist/charts/ChartPrimitives.js

@@ -307,6 +307,25 @@ var ChartLegendRow = /*#__PURE__*/ styled("div")({
 	}
 });
 /**
+* Zero-size clip around the measure layer.
+*
+* `visibility: hidden` suppresses paint but not *overflow*: the measure layer's
+* max-content box still joins the scrollable overflow region of every ancestor
+* up to the nearest scroll container, and the row above cannot clip it. A
+* legend wide enough to collapse therefore handed the page a horizontal
+* scrollbar into empty space — the wider the collapsed entries, the further it
+* scrolled.
+*
+* `overflow: hidden` on a 0×0 box ends the propagation there while leaving
+* descendant layout geometry untouched, so the sizes the fit computation reads
+* are exactly the ones it read before.
+*/
+var ChartLegendMeasureClip = /*#__PURE__*/ styled("div")({
+	name: "ChartLegendMeasureClip",
+	class: "c1armna5",
+	propsAsIs: false
+});
+/**
 * Invisible copy of every legend entry plus a worst-case trigger, laid out
 * unconstrained along the legend's own axis so the fit computation can read
 * real sizes.
@@ -318,11 +337,11 @@ var _exp42 = () => ({ $vertical }) => $vertical ? "column" : "row";
 var _exp43 = () => ({ $vertical }) => $vertical ? "flex-start" : "center";
 var ChartLegendMeasure = /*#__PURE__*/ styled("div")({
 	name: "ChartLegendMeasure",
-	class: "c1armna5",
+	class: "cgd77rv",
 	propsAsIs: false,
 	vars: {
-		"c1armna5-0": [_exp42()],
-		"c1armna5-1": [_exp43()]
+		"cgd77rv-0": [_exp42()],
+		"cgd77rv-1": [_exp43()]
 	}
 });
 /**
@@ -334,7 +353,7 @@ var ChartLegendMeasure = /*#__PURE__*/ styled("div")({
 */
 var ChartLegendOverflowList = /*#__PURE__*/ styled("div")({
 	name: "ChartLegendOverflowList",
-	class: "cgd77rv",
+	class: "cutidpi",
 	propsAsIs: false
 });
 /**
@@ -358,18 +377,18 @@ var ChartLegendOverflowList = /*#__PURE__*/ styled("div")({
 var _exp45 = () => ({ $vertical }) => $vertical ? `0 0 8px 0` : `0 16px 0 0`;
 var ChartLegendItemButton = /*#__PURE__*/ styled("button")({
 	name: "ChartLegendItemButton",
-	class: "cutidpi",
+	class: "ccpczg",
 	propsAsIs: false,
-	vars: { "cutidpi-0": [_exp45()] }
+	vars: { "ccpczg-0": [_exp45()] }
 });
 /** The same row, when the legend is inert — no button semantics to announce.
 * Carries the same trailing padding; see {@link ChartLegendItemButton}. */
 var _exp47 = () => ({ $vertical }) => $vertical ? `0 0 8px 0` : `0 16px 0 0`;
 var ChartLegendItemStatic = /*#__PURE__*/ styled("div")({
 	name: "ChartLegendItemStatic",
-	class: "ccpczg",
+	class: "c2re25h",
 	propsAsIs: false,
-	vars: { "ccpczg-0": [_exp47()] }
+	vars: { "c2re25h-0": [_exp47()] }
 });
 //#endregion
-export { ChartArcPath, ChartAreaPath, ChartAxisLabelBox, ChartBarPath, ChartCenterBox, ChartCursorBand, ChartCursorLine, ChartEmptyOverlay, ChartGridLine, ChartHitTarget, ChartHitTargetPath, ChartLegendItemButton, ChartLegendItemStatic, ChartLegendMeasure, ChartLegendOverflowList, ChartLegendRow, ChartLinePath, ChartPlotBox, ChartPointCircle, ChartRoot, ChartSvg, ChartTooltipGrid, ChartTooltipLabelCell, ChartTooltipPositioner, ChartTooltipValueCell };
+export { ChartArcPath, ChartAreaPath, ChartAxisLabelBox, ChartBarPath, ChartCenterBox, ChartCursorBand, ChartCursorLine, ChartEmptyOverlay, ChartGridLine, ChartHitTarget, ChartHitTargetPath, ChartLegendItemButton, ChartLegendItemStatic, ChartLegendMeasure, ChartLegendMeasureClip, ChartLegendOverflowList, ChartLegendRow, ChartLinePath, ChartPlotBox, ChartPointCircle, ChartRoot, ChartSvg, ChartTooltipGrid, ChartTooltipLabelCell, ChartTooltipPositioner, ChartTooltipValueCell };

package/dist/charts/useChartInteraction.d.ts

@@ -9,7 +9,7 @@ import { ChartMarkState } from "./types";
  * - **Series** — a legend key. Hovering (or focusing) a legend entry isolates
  *   that series.
  *
- * Plus one read-only source: inside a `DashboardProvider`, a chart that
+ * Plus one read-only source: inside a `ChartGroupProvider`, a chart that
  * supplies {@link UseChartInteractionOptions.categoryKeys} follows the category
  * hovered in a sibling chart, matched by raw label. Following emphasizes; it
  * opens the tooltip only when the provider opts in via `sharedTooltip`, which
@@ -29,7 +29,7 @@ interface UseChartInteractionOptions {
     seriesKeys?: string[];
     /**
      * Raw category labels, index-aligned with {@link categoryCount}. Supplying
-     * them opts the chart into `DashboardProvider` crosshair sync; omit (as
+     * them opts the chart into `ChartGroupProvider` crosshair sync; omit (as
      * PieChart does) to stay out. Raw labels, never `labelFormatter` output —
      * two charts formatting the same label differently must still match.
      */
@@ -65,13 +65,13 @@ interface MarkStateArgs {
 export interface ChartInteraction {
     /**
      * The active category — this chart's own hover, or failing that the category
-     * a `DashboardProvider` sibling is hovering, resolved to a local index.
+     * a `ChartGroupProvider` sibling is hovering, resolved to a local index.
      */
     activeIndex: number | null;
     /**
      * True when this chart should present its tooltip for {@link activeIndex}:
      * its own pointer hover always, a synced sibling's only when the
-     * `DashboardProvider` opts in via `sharedTooltip`.
+     * `ChartGroupProvider` opts in via `sharedTooltip`.
      */
     showTooltip: boolean;
     hoveredSeriesKey: string | null;

package/dist/charts/useChartInteraction.js

@@ -1,11 +1,11 @@
 import { ChartMarkState } from "./types.js";
-import { DashboardContext } from "./DashboardProvider.js";
+import { ChartGroupContext } from "./ChartGroupProvider.js";
 import { useCallback, useContext, useEffect, useId, useMemo, useState } from "react";
 //#region src/charts/useChartInteraction.ts
 function useChartInteraction({ categoryCount, seriesKeys, categoryKeys, categoryMuteState = ChartMarkState.MUTED, isDisabled = false, isLoading = false }) {
 	const [hoveredIndex, setHoveredIndex] = useState(null);
 	const [hoveredSeriesKey, setHoveredSeriesKey] = useState(null);
-	const sync = useContext(DashboardContext);
+	const sync = useContext(ChartGroupContext);
 	const syncId = useId();
 	const canSync = sync !== null && categoryKeys !== void 0;
 	const setActive = sync?.setActive;

package/dist/styles.css

@@ -42,10 +42,11 @@
 .cz6jod1{position:absolute;left:var(--cz6jod1-0);top:var(--cz6jod1-1);width:var(--cz6jod1-2);height:var(--cz6jod1-2);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);pointer-events:none;text-align:center;}
 .c1de5mqk{position:absolute;top:38%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:60%;padding:6px 8px;border:0.5px solid var(--c1de5mqk-0);border-radius:6px;background-color:var(--c1de5mqk-1);pointer-events:none;text-align:center;}
 .cjirv6a{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--cjirv6a-0);-ms-flex-direction:var(--cjirv6a-0);flex-direction:var(--cjirv6a-0);-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:var(--cjirv6a-1);-webkit-box-align:var(--cjirv6a-1);-ms-flex-align:var(--cjirv6a-1);align-items:var(--cjirv6a-1);-webkit-box-pack:var(--cjirv6a-2);-ms-flex-pack:var(--cjirv6a-2);-webkit-justify-content:var(--cjirv6a-2);justify-content:var(--cjirv6a-2);width:var(--cjirv6a-3);min-width:var(--cjirv6a-4);height:var(--cjirv6a-5);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding-top:var(--cjirv6a-6);padding-left:var(--cjirv6a-7);}
-.c1armna5{position:absolute;visibility:hidden;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--c1armna5-0);-ms-flex-direction:var(--c1armna5-0);flex-direction:var(--c1armna5-0);-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:var(--c1armna5-1);-webkit-box-align:var(--c1armna5-1);-ms-flex-align:var(--c1armna5-1);align-items:var(--c1armna5-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;white-space:nowrap;}
-.cgd77rv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;max-height:208px;overflow-y:auto;}
-.cutidpi{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:none;border:0;padding:var(--cutidpi-0);margin:0;font:inherit;color:inherit;cursor:default;border-radius:2px;opacity:1;}.cutidpi[data-state="muted"]{opacity:0.1;}.cutidpi[data-state="dimmed"]{opacity:0.4;}.cutidpi:focus-visible{outline:1.5px solid currentColor;outline-offset:2px;}
-.ccpczg{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:var(--ccpczg-0);opacity:1;}.ccpczg[data-state="muted"]{opacity:0.1;}.ccpczg[data-state="dimmed"]{opacity:0.4;}
+.c1armna5{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;}
+.cgd77rv{position:absolute;visibility:hidden;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:var(--cgd77rv-0);-ms-flex-direction:var(--cgd77rv-0);flex-direction:var(--cgd77rv-0);-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:var(--cgd77rv-1);-webkit-box-align:var(--cgd77rv-1);-ms-flex-align:var(--cgd77rv-1);align-items:var(--cgd77rv-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;white-space:nowrap;}
+.cutidpi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;max-height:208px;overflow-y:auto;}
+.ccpczg{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:none;border:0;padding:var(--ccpczg-0);margin:0;font:inherit;color:inherit;cursor:default;border-radius:2px;opacity:1;}.ccpczg[data-state="muted"]{opacity:0.1;}.ccpczg[data-state="dimmed"]{opacity:0.4;}.ccpczg:focus-visible{outline:1.5px solid currentColor;outline-offset:2px;}
+.c2re25h{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:var(--c2re25h-0);opacity:1;}.c2re25h[data-state="muted"]{opacity:0.1;}.c2re25h[data-state="dimmed"]{opacity:0.4;}
 .cmbdg2q{width:var(--cmbdg2q-0);height:var(--cmbdg2q-0);border-radius:50%;background-color:var(--cmbdg2q-1);}
 .tbnx4ok{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
 .tjda4tq{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;padding:var(--tjda4tq-0);background-color:var(--tjda4tq-1);border:var(--tjda4tq-2);border-radius:5px;}

package/dist/theme/variants/light.js

@@ -11,9 +11,9 @@ var GALAXY_LIGHT_COLOR = {
 		warning: "#ca8404",
 		error: "#e53f5a",
 		pink: "#ff4595",
-		orange: "#e99243",
-		yellow: "#bcb232",
-		lime: "#8cba3d",
+		orange: "#ed811d",
+		yellow: "#beae17",
+		lime: "#83c01b",
 		green: "#4cb782",
 		blue: "#4885ff",
 		teal: "#20b2a5",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galaxy-io/dls",
-  "version": "1.4.13",
+  "version": "1.4.15",
   "description": "Galaxy Design Language System",
   "license": "UNLICENSED",
   "type": "module",