Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(Typography): add color style token #7090

Merged
merged 10 commits into from
Jul 4, 2024

Conversation

EldarMuhamethanov
Copy link
Contributor

@EldarMuhamethanov EldarMuhamethanov commented Jun 27, 2024


  • e2e-тесты

Описание

У компонентов Typoghraphy не был установлен стиль color. Поэтому при смене темы не менялся цвет текста

Изменения

Добавил prop colorType с двумя типами:

  • inherit. Означает, что цвет наследуется от родителя. Нужен для того, чтобы не ломать обратную совместимость с прошлыми версиями(если у кого-то уже цвет зависит от родителей)
  • primary. Добавляет стиль color: var(--vkui--color_text_primary)

UPD

Изменения в реализации:

  • props colorType не будет
  • Необходимые стили теперь прокидываются через TokensClassProvider

@EldarMuhamethanov EldarMuhamethanov requested a review from a team as a code owner June 27, 2024 10:05
@github-actions github-actions bot added the patch Автоматизация: PR продублируется в ветку последнего минорного релиза для выпуска патча label Jun 27, 2024
Copy link
Contributor

github-actions bot commented Jun 27, 2024

size-limit report 📦

Path Size
JS 368.69 KB (+0.02% 🔺)
JS (gzip) 112.88 KB (+0.02% 🔺)
JS (brotli) 92.88 KB (+0.02% 🔺)
JS import Div (tree shaking) 1.42 KB (0%)
CSS 289.96 KB (+0.04% 🔺)
CSS (gzip) 37.7 KB (+0.12% 🔺)
CSS (brotli) 30.46 KB (+0.05% 🔺)

Copy link

codesandbox-ci bot commented Jun 27, 2024

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Copy link
Contributor

github-actions bot commented Jun 27, 2024

e2e tests

Playwright Report

Copy link
Contributor

github-actions bot commented Jun 27, 2024

👀 Docs deployed

Commit 15cc461

Copy link

codecov bot commented Jun 27, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 83.89%. Comparing base (3f408a7) to head (15cc461).

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #7090   +/-   ##
=======================================
  Coverage   83.89%   83.89%           
=======================================
  Files         357      357           
  Lines       10776    10776           
  Branches     3553     3553           
=======================================
  Hits         9041     9041           
  Misses       1735     1735           
Flag Coverage Δ
unittests 83.89% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@SevereCloud
Copy link
Contributor

Для решения задачи нужно в TokensClassProvider докинуть класс который бы навешивал класс с стилями:

  color-scheme: var(--vkui--colors_scheme);
  color: var(--vkui--color_text_primary);

Если кто-то выше AppearanceProvider пытался прокинуть другой токен для цвета, то он перебьется. Но и узнать что это был за токен мы не можем

Copy link
Contributor

@inomdzhon inomdzhon left a comment

Choose a reason for hiding this comment

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

👍

@inomdzhon inomdzhon merged commit 8425ea6 into master Jul 4, 2024
25 checks passed
@inomdzhon inomdzhon deleted the e.muhamethanov/7072/typography-color-text branch July 4, 2024 09:57
vkcom-publisher pushed a commit that referenced this pull request Jul 4, 2024
Необходимые стили теперь прокидываются через TokensClassProvider
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
patch Автоматизация: PR продублируется в ветку последнего минорного релиза для выпуска патча
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Компоненты из Typography используют только системную тему
3 participants