@nxgt/material 3.39.0 → 3.41.0

package/lib/components/ui/widgets/native-charts/native-charts-reference.css

@@ -0,0 +1,102 @@
+/* A line chart's reference bands, threshold lines and toned points. Reached
+ * from components.css.
+ *
+ * A band is a wash across the plot, behind the lines: decorative, since its
+ * label (read aloud by the summary and listed under "View data") carries the
+ * meaning. A tone paints it with the tone itself at 12%; without one it is
+ * the foreground at 6%. Labels and threshold lines use the tone's text
+ * colour (4.5:1 on the card, both themes) or the foreground, and sit on a
+ * card-coloured halo so a line passing behind them does not cut the letters.
+ * A toned point is a ring round the value: a shape, never colour alone. */
+.nxgt-chart-ref-band {
+	fill: var(--foreground);
+	opacity: 0.06;
+}
+.nxgt-chart-ref-band[data-tone] {
+	fill: var(--nxgt-tone);
+	opacity: 0.12;
+}
+.nxgt-chart-ref-line {
+	stroke: var(--nxgt-chart-axis);
+	stroke-width: 1.5;
+	stroke-dasharray: 6 4;
+}
+.nxgt-chart-ref-line[data-dash="false"] {
+	stroke-dasharray: none;
+}
+.nxgt-chart-ref-line[data-tone] {
+	stroke: var(--nxgt-tone-text);
+}
+.nxgt-chart-ref-label {
+	fill: var(--foreground);
+	font-size: 11px;
+	font-weight: 600;
+	paint-order: stroke;
+	stroke: var(--card);
+	stroke-width: 3px;
+	stroke-linejoin: round;
+	pointer-events: none;
+}
+.nxgt-chart-ref-label[data-tone] {
+	fill: var(--nxgt-tone-text);
+}
+.nxgt-chart[data-phone] .nxgt-chart-ref-label {
+	font-size: 10px;
+}
+
+.nxgt-chart-tone-ring {
+	fill: var(--card);
+	stroke: var(--nxgt-tone-text);
+	stroke-width: 2;
+}
+.nxgt-chart-tone-dot {
+	fill: var(--nxgt-tone-text);
+}
+
+/* The tone's word in the tooltip, with the ring the plot draws. */
+.nxgt-chart-tip-tone {
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+	color: var(--nxgt-tone-text);
+	font-size: 12px;
+	font-weight: 600;
+}
+
+/* Under "View data": the ranges and lines read as a list. */
+.nxgt-chart-table-notes {
+	margin: 8px 0 0;
+	padding: 0;
+	list-style: none;
+	color: var(--muted-foreground);
+	font-size: 12px;
+}
+
+@media (forced-colors: active) {
+	.nxgt-chart-ref-band {
+		fill: Canvas;
+		stroke: GrayText;
+		stroke-width: 1;
+		stroke-dasharray: 2 3;
+		opacity: 1;
+	}
+	.nxgt-chart-ref-line,
+	.nxgt-chart-ref-line[data-tone] {
+		stroke: CanvasText;
+	}
+	.nxgt-chart-ref-label,
+	.nxgt-chart-ref-label[data-tone] {
+		fill: CanvasText;
+		stroke: Canvas;
+	}
+	.nxgt-chart-tone-ring {
+		fill: Canvas;
+		stroke: Highlight;
+	}
+	.nxgt-chart-tone-dot {
+		fill: Highlight;
+	}
+	.nxgt-chart-tip-tone {
+		color: CanvasText;
+	}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.39.0",
+	"version": "3.41.0",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"