@actioneer/ads 0.5.2 → 0.5.4

package/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@actioneer/ads",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "importPath": "@actioneer/ads",
   "styleImport": "@import \"@actioneer/ads/styles.css\";",
   "families": [
@@ -16,11 +16,11 @@
     "Chat"
   ],
   "counts": {
-    "total": 684,
-    "component": 329,
-    "type": 292,
+    "total": 699,
+    "component": 334,
+    "type": 301,
     "hook": 10,
-    "util": 53
+    "util": 54
   },
   "tokens": [
     {
@@ -2011,7 +2011,8 @@
       "props": [
         "curve",
         "stacked",
-        "forecastKeys"
+        "forecastKeys",
+        "showValues"
       ]
     },
     {
@@ -2088,7 +2089,8 @@
       "showcaseUrl": "https://ads.actioneer.dev/#/ai/chart",
       "props": [
         "stacked",
-        "layout"
+        "layout",
+        "showValues"
       ]
     },
     {
@@ -2383,6 +2385,18 @@
         "spec"
       ]
     },
+    {
+      "name": "FunnelBarsHorizontal",
+      "family": "Data display",
+      "kind": "component",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts",
+      "showcaseUrl": "https://ads.actioneer.dev/#/viz-charts",
+      "props": [
+        "steps",
+        "className"
+      ]
+    },
     {
       "name": "FunnelChart",
       "family": "Data display",
@@ -2402,6 +2416,19 @@
         "className"
       ]
     },
+    {
+      "name": "FunnelViz",
+      "family": "Data display",
+      "kind": "component",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts",
+      "showcaseUrl": "https://ads.actioneer.dev/#/viz-charts",
+      "props": [
+        "steps",
+        "height",
+        "className"
+      ]
+    },
     {
       "name": "Handle",
       "family": "Data display",
@@ -2450,7 +2477,8 @@
       "showcaseUrl": "https://ads.actioneer.dev/#/ai/chart",
       "props": [
         "curve",
-        "forecastKeys"
+        "forecastKeys",
+        "showValues"
       ]
     },
     {
@@ -2526,6 +2554,32 @@
       "module": "infinite-canvas",
       "showcaseUrl": "https://ads.actioneer.dev/#/infinite-canvas"
     },
+    {
+      "name": "RetentionCurve",
+      "family": "Data display",
+      "kind": "component",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts",
+      "showcaseUrl": "https://ads.actioneer.dev/#/viz-charts",
+      "props": [
+        "points",
+        "height",
+        "className"
+      ]
+    },
+    {
+      "name": "RetentionGrid",
+      "family": "Data display",
+      "kind": "component",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts",
+      "showcaseUrl": "https://ads.actioneer.dev/#/viz-charts",
+      "props": [
+        "cols",
+        "cohorts",
+        "className"
+      ]
+    },
     {
       "name": "ScatterChart",
       "family": "Data display",
@@ -2553,6 +2607,23 @@
         "className"
       ]
     },
+    {
+      "name": "SeriesChart",
+      "family": "Data display",
+      "kind": "component",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts",
+      "showcaseUrl": "https://ads.actioneer.dev/#/viz-charts",
+      "props": [
+        "type",
+        "labels",
+        "series",
+        "height",
+        "formatAxis",
+        "formatValue",
+        "className"
+      ]
+    },
     {
       "name": "StatusAnswer",
       "family": "Data display",
@@ -3292,6 +3363,13 @@
       "importPath": "@actioneer/ads",
       "module": "answer"
     },
+    {
+      "name": "FunnelBarsHorizontalProps",
+      "family": "Data display",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts"
+    },
     {
       "name": "FunnelChartProps",
       "family": "Data display",
@@ -3313,6 +3391,20 @@
       "importPath": "@actioneer/ads",
       "module": "chart"
     },
+    {
+      "name": "FunnelStep",
+      "family": "Data display",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts"
+    },
+    {
+      "name": "FunnelVizProps",
+      "family": "Data display",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts"
+    },
     {
       "name": "InfiniteCanvasProps",
       "family": "Data display",
@@ -3390,6 +3482,34 @@
       "importPath": "@actioneer/ads",
       "module": "infinite-canvas"
     },
+    {
+      "name": "RetentionCohort",
+      "family": "Data display",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts"
+    },
+    {
+      "name": "RetentionCurveProps",
+      "family": "Data display",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts"
+    },
+    {
+      "name": "RetentionGridProps",
+      "family": "Data display",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts"
+    },
+    {
+      "name": "RetentionPoint",
+      "family": "Data display",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts"
+    },
     {
       "name": "ScatterChartProps",
       "family": "Data display",
@@ -3411,6 +3531,13 @@
       "importPath": "@actioneer/ads",
       "module": "table"
     },
+    {
+      "name": "SeriesChartProps",
+      "family": "Data display",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts"
+    },
     {
       "name": "SortDescriptor",
       "family": "Data display",
@@ -3551,6 +3678,13 @@
       "importPath": "@actioneer/ads",
       "module": "infinite-canvas"
     },
+    {
+      "name": "VizSeries",
+      "family": "Data display",
+      "kind": "type",
+      "importPath": "@actioneer/ads",
+      "module": "viz-charts"
+    },
     {
       "name": "useEdgesState",
       "family": "Data display",
@@ -3684,6 +3818,13 @@
       "importPath": "@actioneer/ads",
       "module": "infinite-canvas"
     },
+    {
+      "name": "MIN_HEIGHT",
+      "family": "Data display",
+      "kind": "util",
+      "importPath": "@actioneer/ads",
+      "module": "chart"
+    },
     {
       "name": "StatusAnswerSchema",
       "family": "Data display",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actioneer/ads",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "Actioneer Design System 1.0 — React 19 + Tailwind v4 component library.",
   "type": "module",
   "sideEffects": [

package/styles.css

@@ -233,16 +233,26 @@
  * every comparison series survives production builds.
  */
 :root {
-  /* Data-series palette — Sage (brand) leads as the focal/primary series,
-     then the three data-viz accents and two deep variants for extended
-     series. Explicit hexes (not var()) so every series survives @theme
-     pruning, since chart colours are referenced from SVG prop strings. */
-  --color-chart-1: #3f7a34; /* sage — primary / focal series */
-  --color-chart-2: #12b5a5; /* cyan base */
-  --color-chart-3: #f3a72e; /* amber base */
-  --color-chart-4: #a3c765; /* lichen lime base */
-  --color-chart-5: #0a7e82; /* cyan deep */
-  --color-chart-6: #b57414; /* amber deep */
+  /* Data-series palette — its OWN palette, separate from the brand ramps, in
+     the editorial multi-series idiom (distinct, saturated hues that stay
+     apart at 1.5px stroke and at dot size).
+
+     NEITHER GREEN NOR RED (user-mandated): both carry verdicts — green reads
+     "good" and red reads "bad" even when the series is just a named entity,
+     so a category key must never imply one. Green/red stay reserved for
+     genuinely semantic states (success badges, danger alerts, a delta the
+     CALLER has judged). Blue leads as the focal series; purple, orange, cyan
+     and amber extend; grey closes as the sixth and doubles as the
+     de-emphasis tone.
+
+     Explicit hexes (not var()) so every series survives @theme pruning,
+     since chart colours are referenced from SVG prop strings. */
+  --color-chart-1: #3d9aa4; /* teal — primary / focal (the right edge of the brand set) */
+  --color-chart-2: #f7d06b; /* golden yellow — the warm 2nd series */
+  --color-chart-3: #52496e; /* muted purple */
+  --color-chart-4: #2d6f8a; /* deep teal-blue */
+  --color-chart-5: #232149; /* navy ink */
+  --color-chart-6: #8c8c84; /* grey — extended series + de-emphasis tone */
 }
 
 /*
@@ -851,10 +861,18 @@
 .ads-tree-branch:first-child::before {
   top: calc(-1 * var(--tree-rail-lead, 0px));
 }
-/* The last child needs no rail: its elbow (or the content's end) terminates
-   the branch, and a rail there pokes through the curve. */
-.ads-tree-rail:last-child::before,
+/* Last children end the branch — but the two classes end differently.
+   A last BRANCH stops its rail where the elbow begins (the row top): hiding
+   it entirely erased the climb on a single-child branch (first AND last),
+   leaving its elbow floating. For a non-first last branch the span
+   collapses to zero, same as hidden.
+   A last RAIL drops its rail completely: pass-through content only carries
+   a rail to REACH something beneath it, and for the last child nothing is
+   beneath — a climb stub there is a line to nowhere. */
 .ads-tree-branch:last-child::before {
+  bottom: 100%;
+}
+.ads-tree-rail:last-child::before {
   display: none;
 }
 .ads-tree-branch::after {

package/theme.css

@@ -206,16 +206,26 @@
  * every comparison series survives production builds.
  */
 :root {
-  /* Data-series palette — Sage (brand) leads as the focal/primary series,
-     then the three data-viz accents and two deep variants for extended
-     series. Explicit hexes (not var()) so every series survives @theme
-     pruning, since chart colours are referenced from SVG prop strings. */
-  --color-chart-1: #3f7a34; /* sage — primary / focal series */
-  --color-chart-2: #12b5a5; /* cyan base */
-  --color-chart-3: #f3a72e; /* amber base */
-  --color-chart-4: #a3c765; /* lichen lime base */
-  --color-chart-5: #0a7e82; /* cyan deep */
-  --color-chart-6: #b57414; /* amber deep */
+  /* Data-series palette — its OWN palette, separate from the brand ramps, in
+     the editorial multi-series idiom (distinct, saturated hues that stay
+     apart at 1.5px stroke and at dot size).
+
+     NEITHER GREEN NOR RED (user-mandated): both carry verdicts — green reads
+     "good" and red reads "bad" even when the series is just a named entity,
+     so a category key must never imply one. Green/red stay reserved for
+     genuinely semantic states (success badges, danger alerts, a delta the
+     CALLER has judged). Blue leads as the focal series; purple, orange, cyan
+     and amber extend; grey closes as the sixth and doubles as the
+     de-emphasis tone.
+
+     Explicit hexes (not var()) so every series survives @theme pruning,
+     since chart colours are referenced from SVG prop strings. */
+  --color-chart-1: #3d9aa4; /* teal — primary / focal (the right edge of the brand set) */
+  --color-chart-2: #f7d06b; /* golden yellow — the warm 2nd series */
+  --color-chart-3: #52496e; /* muted purple */
+  --color-chart-4: #2d6f8a; /* deep teal-blue */
+  --color-chart-5: #232149; /* navy ink */
+  --color-chart-6: #8c8c84; /* grey — extended series + de-emphasis tone */
 }
 
 /*