@actioneer/ads 0.5.3 → 0.5.4

package/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@actioneer/ads",
-  "version": "0.5.3",
+  "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.3",
+  "version": "0.5.4",
   "description": "Actioneer Design System 1.0 — React 19 + Tailwind v4 component library.",
   "type": "module",
   "sideEffects": [

package/styles.css

@@ -233,21 +233,26 @@
  * every comparison series survives production builds.
  */
 :root {
-  /* Data-series palette — NO GREEN (user-mandated): green implies "good /
-     growing" even when the numbers fall, so data series must stay
-     valence-neutral. Cyan deep leads as the focal/primary series; amber,
-     ink and the remaining non-green accents extend, with a mid ink for a
-     sixth series. Sage/lime stay OUT of charts — green is
-     reserved for genuinely semantic success (badges, deltas the caller has
-     judged positive). Explicit hexes (not var()) so every series survives
-     @theme pruning, since chart colours are referenced from SVG prop
-     strings. */
-  --color-chart-1: #0a7e82; /* cyan deep — primary / focal series */
-  --color-chart-2: #f3a72e; /* amber base */
-  --color-chart-3: #26251f; /* ink 900 */
-  --color-chart-4: #12b5a5; /* cyan base */
-  --color-chart-5: #b57414; /* amber deep */
-  --color-chart-6: #8c8c84; /* ink 500 — extended series */
+  /* 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 */
 }
 
 /*

package/theme.css

@@ -206,21 +206,26 @@
  * every comparison series survives production builds.
  */
 :root {
-  /* Data-series palette — NO GREEN (user-mandated): green implies "good /
-     growing" even when the numbers fall, so data series must stay
-     valence-neutral. Cyan deep leads as the focal/primary series; amber,
-     ink and the remaining non-green accents extend, with a mid ink for a
-     sixth series. Sage/lime stay OUT of charts — green is
-     reserved for genuinely semantic success (badges, deltas the caller has
-     judged positive). Explicit hexes (not var()) so every series survives
-     @theme pruning, since chart colours are referenced from SVG prop
-     strings. */
-  --color-chart-1: #0a7e82; /* cyan deep — primary / focal series */
-  --color-chart-2: #f3a72e; /* amber base */
-  --color-chart-3: #26251f; /* ink 900 */
-  --color-chart-4: #12b5a5; /* cyan base */
-  --color-chart-5: #b57414; /* amber deep */
-  --color-chart-6: #8c8c84; /* ink 500 — extended series */
+  /* 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 */
 }
 
 /*