[HromasDev]

• close [Bug]: Banner mode image прозрачный subtitle #9935

---

• Unit-тесты
• e2e-тесты — снапшоты прогоняются в CI; для обычного текста рендер попиксельно идентичен (см. ниже), кейса со ссылками внутри subtitle в снапшотах нет — добавлять не стал, чтобы не расширять скоуп

Описание

В Banner (заметнее всего при mode="image") контент внутри subtitle / extraSubtitle становился прозрачным целиком: правило opacity: 0.72 применялось к боксу и гасило всё поддерево, включая вложенные элементы со своим цветом — например, Link.

В mode="image" цвет текста фиксированный и не зависит от темы (color_text_primary_invariably / color_text_contrast — всегда белый), поэтому приглушение выражено через цвет с альфой:

.modeImage .subtitle,
.modeImage .extraSubtitle,
.inverted .subtitle,
.inverted .extraSubtitle {
    color: rgba(255, 255, 255, 0.72);
    opacity: 1;
}

• для обычного текста рендер попиксельно идентичен прежнему (белый @ 72% и раньше, и теперь) — существующие снапшоты не меняются;
• вложенные элементы со своим цветом (ссылки) больше не гасятся;
• базовое правило opacity: 0.72 для остальных mode оставлено без изменений — там цвет является токеном темы, и замены через color без выхода за пределы .browserslistrc (color-mix не поддерживается в Safari 15) нет. Если такой фикс нужен и для них — вижу путь через альфа-варианты токенов, готов сделать в этом же PR.

Изменения

• Banner: для mode="image" (и inverted) subtitle / extraSubtitle — color: rgba(255, 255, 255, 0.72) + opacity: 1 вместо боксового opacity: 0.72.

Release notes

• Banner: исправлена прозрачность вложенных элементов (например, ссылок) внутри subtitle и extraSubtitle в mode="image".

[d-suvorov-vk-team]

color-mix не проходит по списку поддерживаемых браузеров

• .browserslistrc
• caniuse

[HromasDev]

Спасибо, переделал (14687fa): в mode="image" цвет текста фиксированный, поэтому приглушение выражено как color: rgba(255,255,255,0.72) + opacity: 1 — рендер для обычного текста попиксельно идентичен прежнему, ссылки внутри subtitle больше не гасятся.

Для остальных mode оставил прежний opacity: 0.72: там цвет — токен темы, и без color-mix / relative color syntax (оба вне browserslist) аналогичной замены через color нет. Если для них тоже нужен фикс — вижу путь через альфа-варианты токенов в дизайн-системе, готов сделать.