@galaxy-io/dls 2.7.0 → 2.8.1

package/dist/charts/ChartPrimitives.js

@@ -24,36 +24,41 @@ var CHART_AREA_STACKED_CSS = "gx-ChartPrimitives-CHART_AREA_STACKED_CSS-c1ob2op2
 var CHART_BAR_CSS = "gx-ChartPrimitives-CHART_BAR_CSS-c8c506o";
 /** @internal A pie arc. */
 var CHART_ARC_CSS = "gx-ChartPrimitives-CHART_ARC_CSS-ceqlpek";
+/**
+* @internal The track a loading pie with no slices draws at its radii: the grid hairline bent into
+* a ring, so the pulse has the shape of the chart it is about to be.
+*/
+var CHART_PIE_TRACK_CSS = "gx-ChartPrimitives-CHART_PIE_TRACK_CSS-c1fcbddl";
 /** @internal A point dot, haloed by the canvas so it reads over the line. */
-var CHART_POINT_CSS = "gx-ChartPrimitives-CHART_POINT_CSS-c1fcbddl";
+var CHART_POINT_CSS = "gx-ChartPrimitives-CHART_POINT_CSS-cpcxr59";
 /** @internal A filled heatmap cell: its ramp step arrives as `--gx-chart-mark-color`. */
-var HEATMAP_CELL_CSS = "gx-ChartPrimitives-HEATMAP_CELL_CSS-hpcxr59";
+var HEATMAP_CELL_CSS = "gx-ChartPrimitives-HEATMAP_CELL_CSS-h1wvzvu4";
 /** @internal An empty heatmap cell (no reading): a hairline outline, distinct from the lowest step. */
-var HEATMAP_EMPTY_CELL_CSS = "gx-ChartPrimitives-HEATMAP_EMPTY_CELL_CSS-h1wvzvu4";
+var HEATMAP_EMPTY_CELL_CSS = "gx-ChartPrimitives-HEATMAP_EMPTY_CELL_CSS-h17guewt";
 /** @internal The engaged heatmap cell: an outline, so the rest keep their color for comparison. */
-var HEATMAP_ACTIVE_CELL_CSS = "gx-ChartPrimitives-HEATMAP_ACTIVE_CELL_CSS-h17guewt";
+var HEATMAP_ACTIVE_CELL_CSS = "gx-ChartPrimitives-HEATMAP_ACTIVE_CELL_CSS-hblgiyf";
 /** @internal Emphasis of a mark. No transition: emphasis is feedback and snaps. */
 var CHART_MARK_STATE_TO_CSS_MAP = {
-	[ChartMarkState.ACTIVE]: "gx-ChartPrimitives-ChartMarkState_ACTIVE-cblgiyf",
-	[ChartMarkState.MUTED]: "gx-ChartPrimitives-ChartMarkState_MUTED-c1lr03cc",
-	[ChartMarkState.DIMMED]: "gx-ChartPrimitives-ChartMarkState_DIMMED-cizy1s8"
+	[ChartMarkState.ACTIVE]: "gx-ChartPrimitives-ChartMarkState_ACTIVE-c1lr03cc",
+	[ChartMarkState.MUTED]: "gx-ChartPrimitives-ChartMarkState_MUTED-cizy1s8",
+	[ChartMarkState.DIMMED]: "gx-ChartPrimitives-ChartMarkState_DIMMED-c1ukq11d"
 };
 /** @internal A value grid hairline, drawn at every tick including zero. */
-var CHART_GRID_LINE_CSS = "gx-ChartPrimitives-CHART_GRID_LINE_CSS-c1ukq11d";
+var CHART_GRID_LINE_CSS = "gx-ChartPrimitives-CHART_GRID_LINE_CSS-cwcko2m";
 /** @internal The rule at the engaged category (LineChart, AreaChart): one crisp pixel column. */
-var CHART_CURSOR_LINE_CSS = "gx-ChartPrimitives-CHART_CURSOR_LINE_CSS-cwcko2m";
+var CHART_CURSOR_LINE_CSS = "gx-ChartPrimitives-CHART_CURSOR_LINE_CSS-cqwhvyz";
 /** @internal The rule held at a selected category: one step firmer on the same neutral ramp. */
-var CHART_CURSOR_LINE_SELECTED_CSS = "gx-ChartPrimitives-CHART_CURSOR_LINE_SELECTED_CSS-cqwhvyz";
+var CHART_CURSOR_LINE_SELECTED_CSS = "gx-ChartPrimitives-CHART_CURSOR_LINE_SELECTED_CSS-c1iaray";
 /** @internal The band behind the engaged category (BarChart). */
-var CHART_CURSOR_BAND_CSS = "gx-ChartPrimitives-CHART_CURSOR_BAND_CSS-c1iaray";
+var CHART_CURSOR_BAND_CSS = "gx-ChartPrimitives-CHART_CURSOR_BAND_CSS-cz6jod1";
 /** @internal The band held at a selected category. */
-var CHART_CURSOR_BAND_SELECTED_CSS = "gx-ChartPrimitives-CHART_CURSOR_BAND_SELECTED_CSS-cz6jod1";
+var CHART_CURSOR_BAND_SELECTED_CSS = "gx-ChartPrimitives-CHART_CURSOR_BAND_SELECTED_CSS-c1de5mqk";
 /** @internal A transparent hit target above the marks. */
-var CHART_HIT_TARGET_CSS = "gx-ChartPrimitives-CHART_HIT_TARGET_CSS-c1de5mqk";
+var CHART_HIT_TARGET_CSS = "gx-ChartPrimitives-CHART_HIT_TARGET_CSS-cjirv6a";
 /** @internal A hit target that reports a click (`onSelect` set). */
-var CHART_HIT_TARGET_CLICKABLE_CSS = "gx-ChartPrimitives-CHART_HIT_TARGET_CLICKABLE_CSS-cjirv6a";
+var CHART_HIT_TARGET_CLICKABLE_CSS = "gx-ChartPrimitives-CHART_HIT_TARGET_CLICKABLE_CSS-c1armna5";
 /** @internal A `foreignObject` holding an axis label (`Text`). */
-var CHART_AXIS_LABEL_BOX_CSS = "gx-ChartPrimitives-CHART_AXIS_LABEL_BOX_CSS-c1armna5";
+var CHART_AXIS_LABEL_BOX_CSS = "gx-ChartPrimitives-CHART_AXIS_LABEL_BOX_CSS-cgd77rv";
 /**
 * @internal A target's `mouseleave`: calls `onLeave` only when the pointer left the target layers,
 * not when it crossed into a neighbouring target, so the engaged category never flickers through
@@ -62,8 +67,8 @@ var CHART_AXIS_LABEL_BOX_CSS = "gx-ChartPrimitives-CHART_AXIS_LABEL_BOX_CSS-c1ar
 function leaveUnlessTarget(event, onLeave) {
 	const next = event.relatedTarget;
 	const layers = event.currentTarget.parentElement;
-	if (next instanceof Element && layers?.contains(next) && next.classList.contains("gx-ChartPrimitives-CHART_HIT_TARGET_CSS-c1de5mqk")) return;
+	if (next instanceof Element && layers?.contains(next) && next.classList.contains("gx-ChartPrimitives-CHART_HIT_TARGET_CSS-cjirv6a")) return;
 	onLeave();
 }
 //#endregion
-export { CHART_ARC_CSS, CHART_AREA_CSS, CHART_AREA_OVERLAP_CSS, CHART_AREA_STACKED_CSS, CHART_AXIS_LABEL_BOX_CSS, CHART_BAR_CSS, CHART_CURSOR_BAND_CSS, CHART_CURSOR_BAND_SELECTED_CSS, CHART_CURSOR_LINE_CSS, CHART_CURSOR_LINE_SELECTED_CSS, CHART_GRID_LINE_CSS, CHART_HIT_TARGET_CLICKABLE_CSS, CHART_HIT_TARGET_CSS, CHART_LINE_CSS, CHART_LINE_DASHED_CSS, CHART_MARK_STATE_TO_CSS_MAP, CHART_POINT_CSS, HEATMAP_ACTIVE_CELL_CSS, HEATMAP_CELL_CSS, HEATMAP_EMPTY_CELL_CSS, leaveUnlessTarget };
+export { CHART_ARC_CSS, CHART_AREA_CSS, CHART_AREA_OVERLAP_CSS, CHART_AREA_STACKED_CSS, CHART_AXIS_LABEL_BOX_CSS, CHART_BAR_CSS, CHART_CURSOR_BAND_CSS, CHART_CURSOR_BAND_SELECTED_CSS, CHART_CURSOR_LINE_CSS, CHART_CURSOR_LINE_SELECTED_CSS, CHART_GRID_LINE_CSS, CHART_HIT_TARGET_CLICKABLE_CSS, CHART_HIT_TARGET_CSS, CHART_LINE_CSS, CHART_LINE_DASHED_CSS, CHART_MARK_STATE_TO_CSS_MAP, CHART_PIE_TRACK_CSS, CHART_POINT_CSS, HEATMAP_ACTIVE_CELL_CSS, HEATMAP_CELL_CSS, HEATMAP_EMPTY_CELL_CSS, leaveUnlessTarget };

package/dist/charts/Heatmap.js

@@ -288,14 +288,14 @@ var Heatmap = forwardRef(function Heatmap(props, ref) {
 				categoryIndex: index,
 				seriesKey: cell.row
 			});
-			if (state === ChartMarkState.MUTED && !isLoading) state = ChartMarkState.DIMMED;
+			if (state === ChartMarkState.MUTED) state = ChartMarkState.DIMMED;
 			return /* @__PURE__ */ jsx("rect", {
 				x: cell.x,
 				y: cell.y,
 				width: cell.width,
 				height: cell.height,
 				rx: HEATMAP_CELL_RADIUS,
-				className: cx(cell.step === null ? HEATMAP_EMPTY_CELL_CSS : HEATMAP_CELL_CSS, interaction.activeIndex === index && "gx-ChartPrimitives-HEATMAP_ACTIVE_CELL_CSS-h17guewt", CHART_MARK_STATE_TO_CSS_MAP[state]),
+				className: cx(cell.step === null ? HEATMAP_EMPTY_CELL_CSS : HEATMAP_CELL_CSS, interaction.activeIndex === index && "gx-ChartPrimitives-HEATMAP_ACTIVE_CELL_CSS-hblgiyf", CHART_MARK_STATE_TO_CSS_MAP[state]),
 				style: cell.step === null ? void 0 : { "--gx-chart-mark-color": stepColor(cell) }
 			}, cell.id);
 		})

package/dist/charts/LineChart.js

@@ -238,7 +238,7 @@ function LineChartRootInner(props, ref) {
 				x2: activeColumn.x,
 				y1: 0,
 				y2: plotHeight,
-				className: "gx-ChartPrimitives-CHART_CURSOR_LINE_CSS-cwcko2m"
+				className: "gx-ChartPrimitives-CHART_CURSOR_LINE_CSS-cqwhvyz"
 			}),
 			!isEmpty && geometry.paths.map((path) => /* @__PURE__ */ jsx("path", {
 				d: path.path,

package/dist/charts/PieChart.js

@@ -13,7 +13,7 @@ import { PIE_MIN_SLICE_SHARE, buildPieChartGeometry, resolvePieChartSlices } fro
 /* empty css                   */
 import { styled } from "@linaria/react";
 import { forwardRef, useCallback, useMemo, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "@linaria/core";
 //#region src/charts/PieChart.tsx
 /**
@@ -191,16 +191,22 @@ function PieChartInner(props, ref) {
 		legendItems,
 		legendPlacement: ChartLegendPlacement.RIGHT,
 		swatch,
-		children: /* @__PURE__ */ jsx("g", {
+		children: /* @__PURE__ */ jsxs("g", {
 			transform: centerTransform,
-			children: geometry.arcs.map((item, index) => /* @__PURE__ */ jsx("path", {
+			children: [isLoading && isEmpty && geometry.outerRadius > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("circle", {
+				r: geometry.outerRadius,
+				className: "gx-ChartPrimitives-CHART_PIE_TRACK_CSS-c1fcbddl"
+			}), geometry.innerRadius > 0 && /* @__PURE__ */ jsx("circle", {
+				r: geometry.innerRadius,
+				className: "gx-ChartPrimitives-CHART_PIE_TRACK_CSS-c1fcbddl"
+			})] }), geometry.arcs.map((item, index) => /* @__PURE__ */ jsx("path", {
 				d: item.path,
 				className: cx(CHART_ARC_CSS, CHART_MARK_STATE_TO_CSS_MAP[interaction.getMarkState({
 					categoryIndex: index,
 					seriesKey: item.id
 				})]),
 				style: { "--gx-chart-mark-color": item.color.color }
-			}, item.id))
+			}, item.id))]
 		})
 	});
 }

package/dist/charts/Sparkline.js

@@ -9,7 +9,7 @@ import { cx } from "@linaria/core";
 //#region src/charts/Sparkline.tsx
 /**
 * Sparkline is a word-sized trend: a tiny line or row of bars with no axes, legend, tooltip or
-* interaction, set beside the number it summarizes in a table cell, a list row, a `StatChart` or a
+* interaction, set beside the number it summarizes in a table cell, a list row, a `BigNumber` or a
 * sentence. It shows shape (rising, falling, spiky), not values; a chart to read values from is
 * `LineChart` / `BarChart`.
 *

package/dist/charts/types.d.ts

@@ -284,7 +284,7 @@ export interface BaseChartProps<TKey extends string> extends AriaAttributes {
     /** Replaces the tooltip body; positioning stays with the chart. Never called with empty rows. */
     renderTooltip?: ChartTooltipRenderer;
     /**
-     * With no data yet, a `Skeleton` fills the plot; with data, marks recede and interaction pauses until it clears. Sets `aria-busy`.
+     * The plot (axes and marks) pulses between opaque and faint while the legend holds; interaction pauses until it clears. Sets `aria-busy`.
      * @default false
      */
     isLoading?: boolean;

package/dist/charts/useChartInteraction.js

@@ -173,7 +173,6 @@ function useChartInteraction({ categoryCount, seriesKeys, categoryKeys, enableGr
 		categoryKeys
 	]);
 	const getMarkState = useCallback(({ categoryIndex, seriesKey }) => {
-		if (isLoading) return ChartMarkState.MUTED;
 		if (seriesKey !== void 0 && safeHoveredSeries !== null) return seriesKey === safeHoveredSeries ? ChartMarkState.ACTIVE : ChartMarkState.MUTED;
 		if (!matchesSelection({
 			categoryIndex,
@@ -182,7 +181,6 @@ function useChartInteraction({ categoryCount, seriesKeys, categoryKeys, enableGr
 		if (hasSelection) return ChartMarkState.ACTIVE;
 		return categoryIndex !== void 0 && activeIndex !== null && categoryIndex !== activeIndex ? categoryMuteState : ChartMarkState.ACTIVE;
 	}, [
-		isLoading,
 		matchesSelection,
 		safeHoveredSeries,
 		hasSelection,

package/dist/inputs/PasswordInput.d.ts

@@ -8,7 +8,7 @@ export type PasswordInputProps = Omit<InputProps, "type" | "trailing" | "isClear
     autoComplete?: InputProps["autoComplete"];
 };
 /** A masked single-line field with a "Show password" toggle: `Input` with `type="password"`. */
-declare const PasswordInput: import("react").ForwardRefExoticComponent<Omit<InputProps, "type" | "spellCheck" | "prefix" | "inputMode" | "trailing" | "autoComplete" | "suffix" | "isClearable"> & {
+declare const PasswordInput: import("react").ForwardRefExoticComponent<Omit<InputProps, "type" | "spellCheck" | "prefix" | "inputMode" | "trailing" | "suffix" | "autoComplete" | "isClearable"> & {
     /**
      * Password-manager hint. Use `"new-password"` on sign-up and change-password forms.
      * @default "current-password"