@usableapp/cardds 0.6.14 → 0.6.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  > For: a project that consumes `@usableapp/cardds` and its AI — what changed between versions, written as before → after, so a screen can be brought up to date without reading the source. Newest first. A consumer never edits cardds; if something here leaves you without a way to do what you did before, report the gap.
4
4
 
5
+ ## 0.6.15 — 2026-09-24
6
+
7
+ - **`ActionNote` icon colour:** new knob `--action-note-icon-ink` (default: the words' muted ink). A project can colour the
8
+ icon apart from the words, e.g. the system blue of the control it points at:
9
+ `:root { --action-note-icon-ink: #007AFF }` (and `#0A84FF` in dark mode) in its theme.css. cardds carries no platform colour.
10
+
5
11
  ## 0.6.14 — 2026-09-24
6
12
 
7
13
  ### ActionNote (new, the bottom)
package/css/actions.css CHANGED
@@ -330,4 +330,4 @@
330
330
  }
331
331
  .card .action-note { color: var(--action-note-ink, var(--card-muted)); }
332
332
  .action-note__words { display: block; } /* ONE run of words: an icon inside sits in the line, the spaces around it kept */
333
- .action-note__words > .icon { display: inline-block; vertical-align: -0.2em; width: 1.25em; height: 1.25em; margin-inline: 0.15em; color: inherit; }
333
+ .action-note__words > .icon { display: inline-block; vertical-align: -0.2em; width: 1.25em; height: 1.25em; margin-inline: 0.15em; color: var(--action-note-icon-ink, inherit); } /* a project may colour the icon apart from the words — e.g. the system blue of the control it points at (Lh 2026-09-24) */
package/dist/cardds.css CHANGED
@@ -2162,7 +2162,7 @@ button { font: inherit; cursor: pointer; }
2162
2162
  }
2163
2163
  .card .action-note { color: var(--action-note-ink, var(--card-muted)); }
2164
2164
  .action-note__words { display: block; } /* ONE run of words: an icon inside sits in the line, the spaces around it kept */
2165
- .action-note__words > .icon { display: inline-block; vertical-align: -0.2em; width: 1.25em; height: 1.25em; margin-inline: 0.15em; color: inherit; }
2165
+ .action-note__words > .icon { display: inline-block; vertical-align: -0.2em; width: 1.25em; height: 1.25em; margin-inline: 0.15em; color: var(--action-note-icon-ink, inherit); } /* a project may colour the icon apart from the words — e.g. the system blue of the control it points at (Lh 2026-09-24) */
2166
2166
 
2167
2167
  /* ---- css/numbers.css — ring, track, band, dot grid, picker, badge, bars ---- */
2168
2168
  /* ============================================================
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@usableapp/cardds",
3
- "version": "0.6.14",
3
+ "version": "0.6.15",
4
4
  "license": "UNLICENSED",
5
5
  "type": "module",
6
6
  "description": "card-first mobile design system, React-first: the components in src/ are thin wrappers over the CSS contract (css/*.css stays the only truth); gallery/ shows every story live (npm run dev), tests/ measures the geometry.",