@actioneer/ads 1.0.3 → 1.0.5

package/components/selection-action-bar.js

@@ -3,12 +3,12 @@ import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import * as i from "react";
 import { cn as s } from "../lib/cn.js";
 import { Button as g } from "./button.js";
-const u = i.forwardRef(
+const p = i.forwardRef(
   ({
     className: r,
     selectedCount: o,
-    selectedLabel: n,
-    actions: t,
+    selectedLabel: t,
+    actions: n,
     onClear: e,
     clearLabel: l = "Clear",
     ...m
@@ -17,19 +17,19 @@ const u = i.forwardRef(
     {
       ref: f,
       className: s(
-        "flex items-center gap-3 rounded-lg bg-brand px-3 py-2 text-xs text-brand-foreground",
+        "flex items-center gap-3 rounded-lg bg-brand px-3 py-2 text-s text-brand-foreground",
         r
       ),
       ...m,
       children: [
-        /* @__PURE__ */ a("span", { className: "font-normal tabular-nums", children: n ?? `${o} selected` }),
+        /* @__PURE__ */ a("span", { className: "font-normal tabular-nums", children: t ?? `${o} selected` }),
         /* @__PURE__ */ c("div", { className: "ml-auto flex items-center gap-1", children: [
-          t,
+          n,
           e && /* @__PURE__ */ a(
             d,
             {
               onClick: e,
-              className: "text-brand-foreground/70 hover:text-brand-foreground",
+              className: "text-brand-foreground",
               children: l
             }
           )
@@ -38,22 +38,22 @@ const u = i.forwardRef(
     }
   )
 );
-u.displayName = "SelectionActionBar";
-const d = i.forwardRef(({ className: r, variant: o = "ghost", size: n = "xs", ...t }, e) => /* @__PURE__ */ a(
+p.displayName = "SelectionActionBar";
+const d = i.forwardRef(({ className: r, variant: o = "ghost", size: t = "xs", ...n }, e) => /* @__PURE__ */ a(
   g,
   {
     ref: e,
     variant: o,
-    size: n,
+    size: t,
     className: s(
-      "text-brand-foreground hover:bg-brand-foreground/10 hover:text-brand-foreground focus-visible:ring-brand-foreground",
+      "text-brand-foreground hover:bg-brand-hover hover:text-brand-foreground focus-visible:ring-brand-foreground",
       r
     ),
-    ...t
+    ...n
   }
 ));
 d.displayName = "SelectionActionBarAction";
 export {
-  u as SelectionActionBar,
+  p as SelectionActionBar,
   d as SelectionActionBarAction
 };

package/components/sidebar.js

@@ -195,7 +195,7 @@ const D = s.forwardRef(
         "outline-none focus-visible:ring-3 focus-visible:ring-ring",
         // Collapsed: a centered square (--sidebar-item) so every rail item lines up.
         "group-data-[collapsed=true]/sidebar:mx-auto group-data-[collapsed=true]/sidebar:size-(--sidebar-item) group-data-[collapsed=true]/sidebar:justify-center group-data-[collapsed=true]/sidebar:p-0",
-        a ? "bg-sidebar-accent" : "hover:bg-sidebar-accent/60",
+        a ? "bg-sidebar-accent text-sidebar-accent-foreground" : "hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground",
         t
       ),
       ...l,
@@ -235,10 +235,10 @@ const W = s.forwardRef(
       className: n(
         "flex h-9 w-full items-center justify-start gap-2 rounded-md px-3",
         "text-m leading-[var(--text-m--line-height)] font-normal text-wg12",
-        // Reads as a normal nav item: transparent at rest, the shared grey
+        // Reads as a normal nav item: transparent at rest, the shared teal
         // hover wash on hover (no fill-at-rest, no elevation).
         "transition-colors duration-150 ease-out motion-reduce:transition-none",
-        "hover:bg-sidebar-accent/60",
+        "hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground",
         "outline-none focus-visible:ring-3 focus-visible:ring-ring",
         "[&_svg]:size-4 [&_svg]:shrink-0",
         "group-data-[collapsed=true]/sidebar:mx-auto group-data-[collapsed=true]/sidebar:size-(--sidebar-item) group-data-[collapsed=true]/sidebar:justify-center group-data-[collapsed=true]/sidebar:px-0",
@@ -288,7 +288,7 @@ const O = s.forwardRef(({ className: t, children: e, title: a, action: i, isActi
       className: n(
         "group/hist relative flex items-center rounded-md transition-colors",
         "text-wg12",
-        o ? "bg-sidebar-accent/60" : "hover:bg-sidebar-accent/60"
+        o ? "bg-sidebar-accent text-sidebar-accent-foreground" : "hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground"
       ),
       children: [
         d && /* @__PURE__ */ r(
@@ -387,7 +387,7 @@ const P = s.forwardRef(
         ),
         /* @__PURE__ */ c("div", { className: "min-w-0 leading-tight group-data-[collapsed=true]/sidebar:hidden", children: [
           /* @__PURE__ */ r("div", { className: "truncate text-base leading-[var(--text-base--line-height)] font-normal text-foreground", children: e }),
-          a && /* @__PURE__ */ r("div", { className: "truncate text-xs leading-[var(--text-xs--line-height)] text-tertiary", children: a })
+          a && /* @__PURE__ */ r("div", { className: "truncate text-s leading-[var(--text-s--line-height)] text-tertiary", children: a })
         ] })
       ]
     }

package/components/stepper.d.ts

@@ -5,7 +5,7 @@ import * as React from "react";
  *
  * `Progress` is a continuous bar and `Timeline` is a chronological list of
  * content; neither says "step 2 of 5, and here is what 3 through 5 will be".
- * Completed steps collapse to a green check so the eye counts what is left,
+ * Completed steps collapse to a teal check so the eye counts what is left,
  * not what is done; the current step stays brand-black; a failed step turns
  * danger and keeps its place in the sequence rather than disappearing — a
  * wizard that hides the step that broke is unusable.

package/components/stepper.js

@@ -18,8 +18,8 @@ const b = y(
         error: "bg-danger text-danger-foreground"
       },
       size: {
-        sm: "size-5 text-xs [&>svg]:size-3",
-        md: "size-6 text-xs [&>svg]:size-3.5"
+        sm: "size-5 text-s [&>svg]:size-3",
+        md: "size-6 text-s [&>svg]:size-3.5"
       }
     },
     defaultVariants: { status: "upcoming", size: "md" }
@@ -72,7 +72,7 @@ const b = y(
                 {
                   className: a(
                     "truncate whitespace-nowrap",
-                    i === "sm" ? "text-xs" : "text-base",
+                    i === "sm" ? "text-s" : "text-base",
                     r === "upcoming" ? "text-tertiary" : "text-foreground",
                     r === "error" && "text-danger"
                   ),
@@ -117,7 +117,7 @@ const b = y(
                 {
                   className: a(
                     "truncate",
-                    i === "sm" ? "text-xs" : "text-base",
+                    i === "sm" ? "text-s" : "text-base",
                     r === "upcoming" ? "text-tertiary" : "text-foreground",
                     r === "error" && "text-danger"
                   ),

package/components/switch.js

@@ -17,27 +17,27 @@ const v = {
   }
 }, y = c.forwardRef(
   ({
-    className: d,
+    className: m,
     checked: t = !1,
     onCheckedChange: e,
-    size: f = "md",
+    size: d = "md",
     disabled: s,
     children: o,
     ...r
-  }, m) => {
-    const l = v[f], a = c.useId(), u = r["aria-label"] != null || r["aria-labelledby"] != null, b = o && !u ? a : void 0;
+  }, f) => {
+    const l = v[d], a = c.useId(), u = r["aria-label"] != null || r["aria-labelledby"] != null, b = o && !u ? a : void 0;
     return /* @__PURE__ */ p(
       "label",
       {
         className: n(
-          "inline-flex items-center gap-2 text-xs text-foreground select-none",
+          "inline-flex items-center gap-2 text-m text-foreground select-none",
           s ? "cursor-not-allowed opacity-50" : "cursor-pointer"
         ),
         children: [
           /* @__PURE__ */ i(
             "button",
             {
-              ref: m,
+              ref: f,
               type: "button",
               role: "switch",
               "aria-checked": t,
@@ -51,7 +51,7 @@ const v = {
                 "disabled:cursor-not-allowed",
                 t ? "bg-brand" : "bg-input",
                 l.track,
-                d
+                m
               ),
               ...r,
               children: /* @__PURE__ */ i(w, { reducedMotion: "user", children: /* @__PURE__ */ i(

package/components/tooltip.js

@@ -116,7 +116,7 @@ function Y({
           },
           className: S(
             "relative z-50 max-w-xs rounded-sm bg-foreground px-2 py-1",
-            "text-xs text-background",
+            "text-s text-background",
             "pointer-events-none select-none",
             A
           ),

package/components/tree.js

@@ -12,7 +12,7 @@ const B = t.forwardRef(
       ref: n,
       role: "tree",
       "data-variant": a,
-      className: f("group/tree flex flex-col gap-0.5 text-xs", u),
+      className: f("group/tree flex flex-col gap-0.5 text-m", u),
       ...m
     }
   )
@@ -24,29 +24,29 @@ const E = t.forwardRef(
     label: a,
     icon: m,
     count: n,
-    endContent: v,
+    endContent: x,
     defaultExpanded: R = !1,
-    expanded: x,
-    onExpandedChange: g,
-    href: w,
+    expanded: v,
+    onExpandedChange: b,
+    href: y,
     isActive: s,
-    onSelect: b,
+    onSelect: p,
     children: l,
     ..._
   }, j) => {
-    const o = t.Children.count(l) > 0, y = x !== void 0, [z, F] = t.useState(R), r = y ? x : z, N = (c) => {
-      y || F(c), g == null || g(c);
+    const o = t.Children.count(l) > 0, N = v !== void 0, [z, F] = t.useState(R), r = N ? v : z, w = (c) => {
+      N || F(c), b == null || b(c);
     }, d = f(
       "group/tree-row flex h-9 w-full items-center gap-1.5 rounded-md px-2 text-left",
       "outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring",
       "[&_svg]:size-4 [&_svg]:shrink-0",
       "group-data-[variant=sidebar]/tree:border group-data-[variant=sidebar]/tree:border-transparent group-data-[variant=sidebar]/tree:text-wg11",
-      "group-data-[variant=sidebar]/tree:[&_svg]:size-5 group-data-[variant=sidebar]/tree:[&_svg]:text-wg11",
-      s ? "bg-fill font-normal text-foreground group-data-[variant=sidebar]/tree:border-wg4 group-data-[variant=sidebar]/tree:bg-wg2 group-data-[variant=sidebar]/tree:text-wg11" : "text-muted-foreground hover:bg-fill/60 hover:text-foreground group-data-[variant=sidebar]/tree:hover:bg-wg1 group-data-[variant=sidebar]/tree:hover:text-wg11"
-    ), p = m ?? (o ? null : /* @__PURE__ */ e(W, { className: "text-tertiary" })), k = s && t.isValidElement(p) ? t.cloneElement(
-      p,
+      "group-data-[variant=sidebar]/tree:[&_svg]:size-5",
+      s ? "bg-action-primary-soft font-normal text-brand-text [&_svg]:text-brand-text group-data-[variant=sidebar]/tree:border-brand group-data-[variant=sidebar]/tree:bg-action-primary-soft group-data-[variant=sidebar]/tree:text-brand-text" : "text-muted-foreground hover:bg-action-primary-soft hover:text-brand-text group-data-[variant=sidebar]/tree:hover:bg-action-primary-soft group-data-[variant=sidebar]/tree:hover:text-brand-text"
+    ), g = m ?? (o ? null : /* @__PURE__ */ e(W, { className: "text-tertiary" })), k = s && t.isValidElement(g) ? t.cloneElement(
+      g,
       { weight: "fill" }
-    ) : p, C = /* @__PURE__ */ e(
+    ) : g, C = /* @__PURE__ */ e(
       V,
       {
         className: f(
@@ -55,30 +55,30 @@ const E = t.forwardRef(
         ),
         strokeWidth: 2
       }
-    ), I = (n ?? t.Children.count(l)) > 0 && /* @__PURE__ */ e("span", { className: "shrink-0 tabular-nums text-xs text-tertiary", children: n ?? t.Children.count(l) }), h = /* @__PURE__ */ i(T, { children: [
+    ), I = (n ?? t.Children.count(l)) > 0 && /* @__PURE__ */ e("span", { className: "shrink-0 tabular-nums text-s text-tertiary", children: n ?? t.Children.count(l) }), h = /* @__PURE__ */ i(T, { children: [
       k,
       /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate", children: a }),
-      v,
+      x,
       o && /* @__PURE__ */ i(T, { children: [
         I,
         C
       ] })
     ] });
     return /* @__PURE__ */ i("div", { ref: j, role: "treeitem", "aria-expanded": o ? r : void 0, "aria-selected": s, className: u, ..._, children: [
-      o && b ? /* @__PURE__ */ i("div", { className: d, children: [
+      o && p ? /* @__PURE__ */ i("div", { className: d, children: [
         /* @__PURE__ */ i(
           "button",
           {
             type: "button",
             className: "flex min-w-0 flex-1 items-center gap-1.5 rounded-sm text-left outline-none focus-visible:ring-3 focus-visible:ring-ring",
-            onClick: b,
+            onClick: p,
             children: [
               k,
               /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate", children: a })
             ]
           }
         ),
-        v,
+        x,
         I,
         /* @__PURE__ */ e(
           "button",
@@ -87,11 +87,11 @@ const E = t.forwardRef(
             "aria-label": `${r ? "Collapse" : "Expand"} ${typeof a == "string" ? a : "tree item"}`,
             "aria-expanded": r,
             className: "inline-flex size-7 shrink-0 items-center justify-center rounded-sm outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring",
-            onClick: () => N(!r),
+            onClick: () => w(!r),
             children: C
           }
         )
-      ] }) : o ? /* @__PURE__ */ e("button", { type: "button", className: d, onClick: () => N(!r), children: h }) : w ? /* @__PURE__ */ e("a", { href: w, className: d, "aria-current": s ? "page" : void 0, children: h }) : /* @__PURE__ */ e("button", { type: "button", className: d, onClick: b, children: h }),
+      ] }) : o ? /* @__PURE__ */ e("button", { type: "button", className: d, onClick: () => w(!r), children: h }) : y ? /* @__PURE__ */ e("a", { href: y, className: d, "aria-current": s ? "page" : void 0, children: h }) : /* @__PURE__ */ e("button", { type: "button", className: d, onClick: p, children: h }),
       /* @__PURE__ */ e(M, { reducedMotion: "user", children: /* @__PURE__ */ e($, { initial: !1, children: o && r && /* @__PURE__ */ e(
         D.div,
         {

package/components/ui/button.js

@@ -1,23 +1,23 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { cva as a } from "class-variance-authority";
 import { Slot as d } from "radix-ui";
 import { cn as c } from "../../lib/cn.js";
 const u = a(
-  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-xs font-medium whitespace-nowrap transition-[background-color,border-color,color,box-shadow,transform] duration-150 ease-out outline-none motion-reduce:transition-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-m font-medium whitespace-nowrap transition-[background-color,border-color,color,box-shadow,transform] duration-150 ease-out outline-none motion-reduce:transition-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        default: "bg-action-primary text-action-primary-foreground hover:bg-action-primary-hover",
         destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20",
-        outline: "border bg-background shadow-100 hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
+        outline: "border bg-background shadow-100 hover:border-action-primary hover:bg-action-primary-soft hover:text-action-primary-text",
+        secondary: "bg-action-primary-soft text-action-primary-text hover:bg-action-primary-soft/80",
+        ghost: "hover:bg-action-primary-soft hover:text-action-primary-text",
+        link: "text-action-primary-text underline-offset-4 hover:underline"
       },
       size: {
         default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        xs: "h-6 gap-1 rounded-sm px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        xs: "h-6 gap-1 rounded-sm px-2 has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
         sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
         lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
         icon: "size-9",
@@ -32,26 +32,26 @@ const u = a(
     }
   }
 );
-function p({
-  className: o,
-  variant: e = "default",
-  size: t = "default",
-  asChild: r = !1,
-  ...s
+function g({
+  className: r,
+  variant: t = "default",
+  size: e = "default",
+  asChild: o = !1,
+  ...i
 }) {
-  const n = r ? d.Root : "button";
-  return /* @__PURE__ */ i(
+  const n = o ? d.Root : "button";
+  return /* @__PURE__ */ s(
     n,
     {
       "data-slot": "button",
-      "data-variant": e,
-      "data-size": t,
-      className: c(u({ variant: e, size: t, className: o })),
-      ...s
+      "data-variant": t,
+      "data-size": e,
+      className: c(u({ variant: t, size: e, className: r })),
+      ...i
     }
   );
 }
 export {
-  p as Button,
+  g as Button,
   u as buttonVariants
 };

package/components/ui/tooltip.js

@@ -2,7 +2,7 @@
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
 import * as s from "react";
 import { Tooltip as i } from "radix-ui";
-import { MotionConfig as x, AnimatePresence as g, motion as v } from "motion/react";
+import { MotionConfig as g, AnimatePresence as x, motion as v } from "motion/react";
 import { cn as T } from "../../lib/cn.js";
 import { tooltipVariants as h } from "../../lib/motion.js";
 const u = s.createContext(!1);
@@ -54,7 +54,7 @@ function y({
   ...n
 }) {
   const a = s.useContext(u);
-  return /* @__PURE__ */ t(i.Portal, { children: /* @__PURE__ */ t(x, { reducedMotion: "user", children: /* @__PURE__ */ t(g, { initial: !1, children: a && /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(i.Portal, { children: /* @__PURE__ */ t(g, { reducedMotion: "user", children: /* @__PURE__ */ t(x, { initial: !1, children: a && /* @__PURE__ */ t(
     i.Content,
     {
       "data-slot": "tooltip-content",
@@ -70,7 +70,7 @@ function y({
           animate: "visible",
           exit: "hidden",
           className: T(
-            "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background",
+            "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md bg-foreground px-3 py-1.5 text-s text-balance text-background",
             o
           ),
           children: [

package/llms.txt

@@ -35,16 +35,16 @@ Reference semantic roles, never raw color/dimension literals (ads-lint rejects l
 - `card` — The white working plane that sits on the canvas, and the specimen hairline.
 - `card-foreground` — The white working plane that sits on the canvas, and the specimen hairline.
 - `specimen-stroke` — The white working plane that sits on the canvas, and the specimen hairline.
-- `action-primary` — Primary CTA role — restrained Studio green, used sparingly.
-- `action-primary-foreground` — Primary CTA role — restrained Studio green, used sparingly.
-- `action-primary-hover` — Primary CTA role — restrained Studio green, used sparingly.
-- `action-primary-text` — Primary CTA role — restrained Studio green, used sparingly.
-- `action-primary-soft` — Primary CTA role — restrained Studio green, used sparingly.
-- `field-focus` — Primary CTA role — restrained Studio green, used sparingly.
-- `brand` — Compatibility action role — neutral ink, never a colored primary hue.
-- `brand-foreground` — Compatibility action role — neutral ink, never a colored primary hue.
-- `brand-hover` — Compatibility action role — neutral ink, never a colored primary hue.
-- `brand-text` — Compatibility action role — neutral ink, never a colored primary hue.
+- `action-primary` — Primary CTA role — restrained Studio teal, used sparingly.
+- `action-primary-foreground` — Primary CTA role — restrained Studio teal, used sparingly.
+- `action-primary-hover` — Primary CTA role — restrained Studio teal, used sparingly.
+- `action-primary-text` — Primary CTA role — restrained Studio teal, used sparingly.
+- `action-primary-soft` — Primary CTA role — restrained Studio teal, used sparingly.
+- `field-focus` — Primary CTA role — restrained Studio teal, used sparingly.
+- `brand` — Shared brand roles for control states, primary accents, and marks.
+- `brand-foreground` — Shared brand roles for control states, primary accents, and marks.
+- `brand-hover` — Shared brand roles for control states, primary accents, and marks.
+- `brand-text` — Shared brand roles for control states, primary accents, and marks.
 - `fill` — Quiet fill — avatars, chips, and disabled controls
 - `fill-foreground` — Quiet fill — avatars, chips, and disabled controls
 - `table-shell` — Table surfaces: the white tray, its hairlines, and header ink.
@@ -53,8 +53,8 @@ Reference semantic roles, never raw color/dimension literals (ads-lint rejects l
 - `artifact-canvas` — The artifact sheet: white warmed by a trace of the brand mark.
 - `accent` — The active and selected wash, one step above hover.
 - `accent-foreground` — The active and selected wash, one step above hover.
-- `success` — Lichen success-700 clears AA on White and both success soft fills; success-600 is reserved for non-text marks because its 3.73:1 contrast on White does not clear body-text AA.
-- `success-foreground` — Lichen success-700 clears AA on White and both success soft fills; success-600 is reserved for non-text marks because its 3.73:1 contrast on White does not clear body-text AA.
+- `success` — Grass green 700 clears AA on White and both success soft fills.
+- `success-foreground` — Grass green 700 clears AA on White and both success soft fills.
 - `warning` — Amber-500 fill kept (it IS the caution signal); dark ink foreground instead of white = 6.94:1 (white on amber was 2.35:1, failed even 3:1).
 - `warning-foreground` — Amber-500 fill kept (it IS the caution signal); dark ink foreground instead of white = 6.94:1 (white on amber was 2.35:1, failed even 3:1).
 - `danger` — Danger and info: solid semantic fills carrying white foregrounds.

package/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@actioneer/ads",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "importPath": "@actioneer/ads",
   "styleImport": "@import \"@actioneer/ads/styles.css\";",
   "families": [
@@ -218,7 +218,7 @@
         "text-action-primary",
         "border-action-primary"
       ],
-      "description": "Primary CTA role — restrained Studio green, used sparingly."
+      "description": "Primary CTA role — restrained Studio teal, used sparingly."
     },
     {
       "name": "--color-action-primary-foreground",
@@ -227,7 +227,7 @@
         "text-action-primary-foreground",
         "bg-action-primary-foreground"
       ],
-      "description": "Primary CTA role — restrained Studio green, used sparingly."
+      "description": "Primary CTA role — restrained Studio teal, used sparingly."
     },
     {
       "name": "--color-action-primary-hover",
@@ -237,7 +237,7 @@
         "text-action-primary-hover",
         "border-action-primary-hover"
       ],
-      "description": "Primary CTA role — restrained Studio green, used sparingly."
+      "description": "Primary CTA role — restrained Studio teal, used sparingly."
     },
     {
       "name": "--color-action-primary-text",
@@ -247,7 +247,7 @@
         "text-action-primary-text",
         "border-action-primary-text"
       ],
-      "description": "Primary CTA role — restrained Studio green, used sparingly."
+      "description": "Primary CTA role — restrained Studio teal, used sparingly."
     },
     {
       "name": "--color-action-primary-soft",
@@ -257,7 +257,7 @@
         "text-action-primary-soft",
         "border-action-primary-soft"
       ],
-      "description": "Primary CTA role — restrained Studio green, used sparingly."
+      "description": "Primary CTA role — restrained Studio teal, used sparingly."
     },
     {
       "name": "--color-field-focus",
@@ -267,7 +267,7 @@
         "text-field-focus",
         "border-field-focus"
       ],
-      "description": "Primary CTA role — restrained Studio green, used sparingly."
+      "description": "Primary CTA role — restrained Studio teal, used sparingly."
     },
     {
       "name": "--color-brand",
@@ -277,7 +277,7 @@
         "text-brand",
         "border-brand"
       ],
-      "description": "Compatibility action role — neutral ink, never a colored primary hue."
+      "description": "Shared brand roles for control states, primary accents, and marks."
     },
     {
       "name": "--color-brand-foreground",
@@ -286,7 +286,7 @@
         "text-brand-foreground",
         "bg-brand-foreground"
       ],
-      "description": "Compatibility action role — neutral ink, never a colored primary hue."
+      "description": "Shared brand roles for control states, primary accents, and marks."
     },
     {
       "name": "--color-brand-hover",
@@ -296,7 +296,7 @@
         "text-brand-hover",
         "border-brand-hover"
       ],
-      "description": "Compatibility action role — neutral ink, never a colored primary hue."
+      "description": "Shared brand roles for control states, primary accents, and marks."
     },
     {
       "name": "--color-brand-text",
@@ -306,7 +306,7 @@
         "text-brand-text",
         "border-brand-text"
       ],
-      "description": "Compatibility action role — neutral ink, never a colored primary hue."
+      "description": "Shared brand roles for control states, primary accents, and marks."
     },
     {
       "name": "--color-fill",
@@ -393,7 +393,7 @@
         "text-success",
         "border-success"
       ],
-      "description": "Lichen success-700 clears AA on White and both success soft fills; success-600 is reserved for non-text marks because its 3.73:1 contrast on White does not clear body-text AA."
+      "description": "Grass green 700 clears AA on White and both success soft fills."
     },
     {
       "name": "--color-success-foreground",
@@ -402,7 +402,7 @@
         "text-success-foreground",
         "bg-success-foreground"
       ],
-      "description": "Lichen success-700 clears AA on White and both success soft fills; success-600 is reserved for non-text marks because its 3.73:1 contrast on White does not clear body-text AA."
+      "description": "Grass green 700 clears AA on White and both success soft fills."
     },
     {
       "name": "--color-warning",
@@ -799,8 +799,8 @@
           ],
           "default": "solid",
           "options": {
-            "solid": "The restrained green primary CTA; use for the one primary action on a screen, keeping green to roughly 5–10% of the UI.",
-            "secondary": "A standalone neutral action that must still read as a real button (e.g. Cancel beside Save) — more emphasis than outline or ghost.",
+            "solid": "The teal primary CTA; shares the brand palette used by checked controls and selected states.",
+            "secondary": "A teal outlined companion action with accessible brand text and pale-teal hover fill.",
             "outline": "Unfilled with a visible border, lighter than secondary but still clearly a button.",
             "ghost": "Unfilled and borderless — the lowest-emphasis button chrome short of link.",
             "link": "Drops all button chrome for inline text-style actions; underlines on hover, no press scale.",
@@ -5142,7 +5142,7 @@
           "default": "default",
           "options": {
             "default": "Neutral heads-up with no status implication, foreground-colored icon/title, no urgency signaled.",
-            "success": "Confirms a completed or positive outcome (e.g. saved changes), green accent.",
+            "success": "Grass green confirms a completed or positive outcome.",
             "warning": "Flags a non-blocking risk or upcoming issue (e.g. scheduled maintenance), amber accent.",
             "danger": "Signals a failure or blocking problem (e.g. connection error) needing attention, red accent.",
             "info": "Neutral-positive announcement or tip (e.g. new feature, update available), blue accent — softer than success, less urgent than warning."
@@ -9669,7 +9669,7 @@
         "required": false,
         "derived": true,
         "isDefault": true,
-        "description": "The restrained green primary CTA; use for the one primary action on a screen, keeping green to roughly 5–10% of the UI."
+        "description": "The teal primary CTA; shares the brand palette used by checked controls and selected states."
       },
       {
         "id": "state:Button:variant=secondary",
@@ -9681,7 +9681,7 @@
         "required": false,
         "derived": true,
         "isDefault": false,
-        "description": "A standalone neutral action that must still read as a real button (e.g. Cancel beside Save) — more emphasis than outline or ghost."
+        "description": "A teal outlined companion action with accessible brand text and pale-teal hover fill."
       },
       {
         "id": "state:Button:variant=outline",
@@ -14526,7 +14526,7 @@
         "required": false,
         "derived": true,
         "isDefault": false,
-        "description": "Confirms a completed or positive outcome (e.g. saved changes), green accent."
+        "description": "Grass green confirms a completed or positive outcome."
       },
       {
         "id": "state:Alert:variant=warning",

package/package.json

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