Skip to content

feat(themes): align component themes with schema tokens - #17925

Merged
simeonoff merged 6 commits into
masterfrom
apetrov/component-parameter-fixes
Nov 10, 2026
Merged

simeonoff merged 6 commits into
masterfrom
apetrov/component-parameter-fixes

Conversation

@adrianptrv

@adrianptrv adrianptrv commented Nov 5, 2026 •

Copy link
Copy Markdown
Contributor

Closes #617
Needs to be tested with the changes from this PR: IgniteUI/igniteui-theming#659

Waiting on

Description

  • chip: ghost text uses ghost-text-color instead of focus-text-color
  • combo: case icon uses case-icon-color and case-icon-color-active instead of fixed colors
  • rating: disabled value label uses disabled-value-label
  • input-group: label in the filled state uses filled-secondary-color

Type of Change:

  • Bug fix
  • New functionality

Component(s) / Area(s) Affected:

Chip, Combo, Input Group, Rating

How Has This Been Tested?

  • Manual testing

Checklist:

  • All relevant labels have been applied to this PR

Copilot AI 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.

🟡 Changes recommended

The new combo schema-key lookup is incompatible with the locked igniteui-theming 30.1.0 dependency, causing Sass compilation to fail.

1 open issue
What changed in this PR

Aligns Chip, Combo, Input Group, and Rating styles with their schema tokens, coordinated with the linked igniteui-theming changes.

Changes:

  • Uses dedicated tokens for chip ghost text and combo case-sensitive icons.
  • Applies separate colors to filled input labels and disabled rating value labels.
File Description
projects/​igniteui-angular/​input-group/​src/​input-group/​themes/​_base.scss Uses filled-secondary-color for filled-state labels.
projects/​igniteui-angular/​core/​src/​core/​styles/​components/​rating/​_rating-theme.scss Uses disabled-value-label for disabled value labels.
projects/​igniteui-angular/​combo/​src/​combo/​themes/​_base.scss Replaces fixed case-icon colors with schema tokens.
projects/​igniteui-angular/​chips/​src/​chips/​themes/​_base.scss Uses ghost-text-color for drag ghost text.

Review effort: Balanced

@desig9stein desig9stein added 💥 status: in-test PRs currently being tested and removed ❌ status: awaiting-test PRs awaiting manual verification labels Nov 5, 2026
@desig9stein desig9stein added ✅ status: verified Applies to PRs that have passed manual verification and removed 💥 status: in-test PRs currently being tested labels Nov 5, 2026
@simeonoff
simeonoff requested a balanced review from Copilot November 10, 2026 09:58
@simeonoff
simeonoff enabled auto-merge (squash) November 10, 2026 10:00

Copilot AI 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.

🟢 Approval recommended

No active review issues are recorded for the theme-token styling updates.

No open issues 🎉

1 resolved since last review

Review effort: Balanced

@simeonoff
simeonoff merged commit c5fc27d into master Nov 10, 2026
8 checks passed
@simeonoff
simeonoff deleted the apetrov/component-parameter-fixes branch November 10, 2026 10:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Component schemas: mark keys that only some platforms use

4 participants