lock spark: inline-flex icon, CSS color vars, ha-tile-icon defaults

[Copilot]

Three targeted improvements to the lock spark icon rendering and ha-tile-icon target handling.

Changes

Icon display

• display changed from inline-block → inline-flex

CSS color variables

Icon color now resolves through a priority chain, giving full CSS-level control per lock state:

config value
  → --uix-lock-icon-locked-color / --uix-lock-icon-unlocked-color / --uix-lock-icon-blocked-color
    → --uix-lock-icon-color
      → HA theme default (--success-color / --error-color)

Config-supplied icon_locked_color / icon_unlocked_color still take precedence over CSS vars.

ha-tile-icon target defaults

LockTargetAdapter interface extended with defaultIconPadding(), defaultIconBorderRadius(), and defaultIconPosition(); HaTileIconLockAdapter provides compact defaults appropriate for the element's size:

Property	Default
icon_size	12px (was 18px)
padding	2px
border-radius	50% (pill/circular background)
position	top: 3px, left: 3px

These apply only when the respective config option is not explicitly set, and are overridable via --uix-lock-icon-padding / --uix-lock-icon-border-radius / icon_position as usual.

[dcapslock]

When the lock target is ha-tile-info set the default --uix-lock-icon-border-radius to 50% for a pill background

[Copilot]

When the lock target is ha-tile-info set the default --uix-lock-icon-border-radius to 50% for a pill background

Done in 1265fae. Added defaultIconBorderRadius() to the LockTargetAdapter interface and implemented it in HaTileIconLockAdapter returning "50%". The border-radius is applied as var(--uix-lock-icon-border-radius, 50%) when the target is ha-tile-icon, so it can still be overridden via the CSS variable.

[github-actions]

🎉 This PR is included in version 6.2.0-beta.5 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀