fix(Slider): цвет лейблов в тёмной теме

[khaliulin]

Проблема

Лейблы со значениями у Slider в тёмной теме нечитаемы: тёмный текст на тёмном фоне.

Они выводились голым <Text> из react-native без стилей, а у него цвет по умолчанию чёрный, независимо от темы.

<Text>{positionMinRange.toFixed(0)}</Text>

Где именно

Лейблы живут не в компоненте, а в его сторибуке — Slider.stories.tsx. Сам Slider.tsx текста не содержит вовсе: у него нет ни пропа лейбла, ни единого <Text>. Макет это подтверждает — компонент-сет <Slider> в Figma (383:1844) состоит из 6 вариантов state x range и не содержит текстовых слоёв.

То есть подписи значений — часть демонстрации, а не публичного API компонента, и правка ограничена сторибуком.

Решение

Лейблам задан цвет из семантической роли fg.default, разметка не менялась:

const styles = StyleSheet.create(({ semantic }) => ({
  label: { color: semantic.colorScheme.color.fg.default },
}))

	light	dark
fg.default	#2b2e33	#ffffff

Правка затрагивает только цвет. Размер шрифта, начертание, межстрочный интервал и семейство остаются дефолтными для <Text> — типографика лейблов не менялась.

Изменения

• src/components/Slider/Slider.stories.tsx — трём <Text> добавлен style={styles.label}, заведён стиль label

Проверки

• yarn jest — 48 suites, 1708 тестов, всё зелёное (снапшоты не затронуты — сторибуки не покрыты тестами)
• tsc --noEmit — чисто
• eslint — 2 warning'а, оба предсуществующие в Checkbox.tsx и Dialog.tsx
• prettier --check — чисто

Замечено рядом

Та же проблема есть в Dialog.stories.tsx, DialogComponent.stories.tsx и Tabs.stories.tsx — там тоже голый <Text> без цвета. Вне рамок этого MR.

Не проверено

Визуальная проверка сторибука в тёмной теме не проводилась.