Skip to content

refactor(themes): align recipe keys, interface files and prop arrays - #31671

Merged
thetaPC merged 4 commits into
ionic-modularfrom
recipe-nested-keys
Nov 3, 2026
Merged

thetaPC merged 4 commits into
ionic-modularfrom
recipe-nested-keys

Conversation

@thetaPC

@thetaPC thetaPC commented Oct 29, 2026

Copy link
Copy Markdown
Contributor

Issue number: internal


What is the current behavior?

Migrated components follow different conventions:

  • Some recipe keys are flat (lineHeight, minHeight), while others nest under a shared CSS prefix (min: { height }). ion-title nests letter: { spacing }, even though no other CSS property starts with letter-.
  • Some interface files are plural (badge.interfaces.ts), while newer ones are singular (title.interface.ts).
  • ion-chip and ion-spinner declare their prop unions inline, so their tests hardcode the values.

What is the new behavior?

  • Nests the remaining flat keys: line.height and min.height in ion-chip, min.height in ion-item-divider, and line.height in ion-skeleton-text.
  • Flattens letter.spacing in ion-title to letterSpacing, matching ion-badge and ion-chip.
  • Renames the plural interface files to singular. themes.interfaces.ts stays plural.
  • Adds ION_CHIP_FILLS, ION_CHIP_SIZES, ION_CHIP_SHAPES and ION_SPINNER_SIZES. The chip, spinner and tab-button badge tests now loop over these and the ION_BADGE_* arrays.
  • The generated theme CSS is identical before and after.

Does this introduce a breaking change?

  • Yes
  • No

These recipes and file names haven't been released yet.

@vercel

vercel Bot commented Oct 29, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
ionic-framework Ready Ready Preview Nov 3, 2026 7:42pm UTC

Request Review

@thetaPC thetaPC changed the title refactor(themes): align recipe key nesting and interface file names refactor(themes): align recipe keys, interface files and prop arrays Oct 29, 2026
@thetaPC
thetaPC marked this pull request as ready for review October 29, 2026 22:20
@thetaPC
thetaPC requested a review from a team as a code owner October 29, 2026 22:20
@thetaPC
thetaPC requested a review from ShaneK October 29, 2026 22:20

@OS-jacobbell OS-jacobbell left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Comment thread docs/themes/README.md Resolved
Co-authored-by: OS-jacobbell <228905018+OS-jacobbell@users.noreply.github.com>
@thetaPC
thetaPC merged commit 934dc8e into ionic-modular Nov 3, 2026
54 checks passed
@thetaPC
thetaPC deleted the recipe-nested-keys branch November 3, 2026 22:07

This branch was successfully deployed

1 active deployment
Preview — ed6cfc9f Deployed Nov 3, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants