Skip to content

[DTM] SOFT-3906 [base] Integration base for the singlebtn design-token proving ground - #1201

Open
pauloiankoski wants to merge 4 commits into
feature/design-tokens-modulefrom
SOFT-3906/base
Open

[DTM] SOFT-3906 [base] Integration base for the singlebtn design-token proving ground#1201
pauloiankoski wants to merge 4 commits into
feature/design-tokens-modulefrom
SOFT-3906/base

Conversation

@pauloiankoski

Copy link
Copy Markdown
Contributor

Summary

  • Lands the Kadence Blocks side of the design-token picker, with the singlebtn Border Radius as the proving ground. Every token-mapped control slot renders as a field-as-trigger input that opens a two-tab popover: Style Library to pick a size token or reset to the inherited default, and Custom for a literal value, unit switch, and slider on one row.
  • Keeps all token knowledge in Kadence Blocks. The @kadence/components package stays token-agnostic and only exposes the neutral kadence.components.control.editor / .actions seams, which this branch registers listeners against.
  • Narrows the picker to the control's role and prefers the primitive size scale over component-specific semantic radii, and registers that primitive radius scale (None / Small / Medium / Large / Round) as pickable dimension tokens. The values already ship in the baseline, so nothing changes until a step is overridden.
  • Derives the singlebtn Border Radius linked/individual mode from the corner values instead of storing a new attribute, so existing buttons open in the right mode and the choice persists across reselecting the block. Per-corner tokens work the same way as linked ones.
  • Resolves a bound token to its var(--kb-token--…) reference on both surfaces, so the editor preview and the published page render identically. On the front end this collapses render_measure_output()'s 12 duplicated per-corner branches into one render_measure_side() helper covering the numeric, position-keyword, token-alias, and legacy-spacing-variable cases.
  • Pins @kadence/components to feature/design-tokens-module, the branch carrying the merged token-agnostic control seams ([DTM] SOFT-3906 [base] Integration base for token-agnostic control extension seams kadence-components#19), matching how @kadence/helpers is already pinned.

PRs included

Test plan

  • PHPStan clean
  • Full wpunit/acceptance/snapshot suites pass (pre-push CI-equivalent hook)

@linear

linear Bot commented Jul 31, 2026

Copy link
Copy Markdown

SOFT-3906

@github-actions

github-actions Bot commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

🎉 Zip build complete

Build timestamp

@pauloiankoski pauloiankoski reopened this Jul 31, 2026
@pauloiankoski
pauloiankoski changed the base branch from feature/design-tokens-module to master July 31, 2026 21:23
@pauloiankoski
pauloiankoski changed the base branch from master to feature/design-tokens-module July 31, 2026 21:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant