Skip to content

PLASMA-7405: add withTextGradient hoc#2876

Draft
TitanKuzmich wants to merge 4 commits into
devfrom
PLASMA-7405
Draft

PLASMA-7405: add withTextGradient hoc#2876
TitanKuzmich wants to merge 4 commits into
devfrom
PLASMA-7405

Conversation

@TitanKuzmich

@TitanKuzmich TitanKuzmich commented Jun 15, 2026

Copy link
Copy Markdown
Contributor

Core

withTextGradient

  • hoc, позволяющий окрашивать текст в заданный градиент

What/why changed

  • добавить примеры для Chips, Badge
  • проверить как работает с emotion (sdds-cs)
  • проверить как работает с linaria (plasma-giga)
  • проверить как работает с Nextjs
text-node-graient
  • hoc, позволяющий окрашивать текст в заданный градиент
📦 Published PR as canary version: Canary Versions

✨ Test out this PR locally via:

npm install @salutejs/plasma-asdk@0.381.0-canary.2876.27759982711.0
npm install @salutejs/plasma-b2c@1.623.0-canary.2876.27759982711.0
npm install @salutejs/plasma-core@1.230.0-canary.2876.27759982711.0
npm install @salutejs/plasma-giga@0.350.0-canary.2876.27759982711.0
npm install @salutejs/plasma-homeds@0.350.0-canary.2876.27759982711.0
npm install @salutejs/plasma-hope@1.377.0-canary.2876.27759982711.0
npm install @salutejs/plasma-new-hope@0.367.0-canary.2876.27759982711.0
npm install @salutejs/plasma-ui@1.353.0-canary.2876.27759982711.0
npm install @salutejs/plasma-web@1.625.0-canary.2876.27759982711.0
npm install @salutejs/sdds-bizcom@0.355.0-canary.2876.27759982711.0
npm install @salutejs/sdds-cs@0.359.0-canary.2876.27759982711.0
npm install @salutejs/sdds-dfa@0.353.0-canary.2876.27759982711.0
npm install @salutejs/sdds-finai@0.346.0-canary.2876.27759982711.0
npm install @salutejs/sdds-insol@0.350.0-canary.2876.27759982711.0
npm install @salutejs/sdds-netology@0.354.0-canary.2876.27759982711.0
npm install @salutejs/sdds-os@0.25.0-canary.2876.27759982711.0
npm install @salutejs/sdds-platform-ai@0.354.0-canary.2876.27759982711.0
npm install @salutejs/sdds-sbcom@0.355.0-canary.2876.27759982711.0
npm install @salutejs/sdds-scan@0.353.0-canary.2876.27759982711.0
npm install @salutejs/sdds-serv@0.354.0-canary.2876.27759982711.0
npm install @salutejs/sdds-api-tests@0.12.0-canary.2876.27759982711.0
npm install @salutejs/plasma-cy-utils@0.160.0-canary.2876.27759982711.0
npm install @salutejs/plasma-sb-utils@0.231.0-canary.2876.27759982711.0
# or 
yarn add @salutejs/plasma-asdk@0.381.0-canary.2876.27759982711.0
yarn add @salutejs/plasma-b2c@1.623.0-canary.2876.27759982711.0
yarn add @salutejs/plasma-core@1.230.0-canary.2876.27759982711.0
yarn add @salutejs/plasma-giga@0.350.0-canary.2876.27759982711.0
yarn add @salutejs/plasma-homeds@0.350.0-canary.2876.27759982711.0
yarn add @salutejs/plasma-hope@1.377.0-canary.2876.27759982711.0
yarn add @salutejs/plasma-new-hope@0.367.0-canary.2876.27759982711.0
yarn add @salutejs/plasma-ui@1.353.0-canary.2876.27759982711.0
yarn add @salutejs/plasma-web@1.625.0-canary.2876.27759982711.0
yarn add @salutejs/sdds-bizcom@0.355.0-canary.2876.27759982711.0
yarn add @salutejs/sdds-cs@0.359.0-canary.2876.27759982711.0
yarn add @salutejs/sdds-dfa@0.353.0-canary.2876.27759982711.0
yarn add @salutejs/sdds-finai@0.346.0-canary.2876.27759982711.0
yarn add @salutejs/sdds-insol@0.350.0-canary.2876.27759982711.0
yarn add @salutejs/sdds-netology@0.354.0-canary.2876.27759982711.0
yarn add @salutejs/sdds-os@0.25.0-canary.2876.27759982711.0
yarn add @salutejs/sdds-platform-ai@0.354.0-canary.2876.27759982711.0
yarn add @salutejs/sdds-sbcom@0.355.0-canary.2876.27759982711.0
yarn add @salutejs/sdds-scan@0.353.0-canary.2876.27759982711.0
yarn add @salutejs/sdds-serv@0.354.0-canary.2876.27759982711.0
yarn add @salutejs/sdds-api-tests@0.12.0-canary.2876.27759982711.0
yarn add @salutejs/plasma-cy-utils@0.160.0-canary.2876.27759982711.0
yarn add @salutejs/plasma-sb-utils@0.231.0-canary.2876.27759982711.0

@coderabbitai

coderabbitai Bot commented Jun 15, 2026

Copy link
Copy Markdown

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 20fdbd10-ef45-4634-9745-d8fe9c80a694

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch PLASMA-7405

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions

Copy link
Copy Markdown
Contributor

Theme Builder app deployed!

https://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-2876/

@github-actions

Copy link
Copy Markdown
Contributor

Documentation preview deployed!

website: https://plasma.sberdevices.ru/pr/pr-2876/
asdk storybook: https://plasma.sberdevices.ru/pr/pr-2876/asdk-storybook/
b2c storybook: https://plasma.sberdevices.ru/pr/pr-2876/b2c-storybook/
giga storybook: https://plasma.sberdevices.ru/pr/pr-2876/giga-storybook/
homeds storybook: https://plasma.sberdevices.ru/pr/pr-2876/homeds-storybook/
new-hope storybook: https://plasma.sberdevices.ru/pr/pr-2876/new-hope-storybook/
ui storybook: https://plasma.sberdevices.ru/pr/pr-2876/ui-storybook/
web storybook: https://plasma.sberdevices.ru/pr/pr-2876/web-storybook/
sdds-bizcom storybook: https://plasma.sberdevices.ru/pr/pr-2876/sdds-bizcom-storybook/
sdds-cs storybook: https://plasma.sberdevices.ru/pr/pr-2876/sdds-cs-storybook/
sdds-dfa storybook: https://plasma.sberdevices.ru/pr/pr-2876/sdds-dfa-storybook/
sdds-finai storybook: https://plasma.sberdevices.ru/pr/pr-2876/sdds-finai-storybook/
sdds-insol storybook: https://plasma.sberdevices.ru/pr/pr-2876/sdds-insol-storybook/
sdds-netology storybook: https://plasma.sberdevices.ru/pr/pr-2876/sdds-netology-storybook/
sdds-os storybook: https://plasma.sberdevices.ru/pr/pr-2876/sdds-os-storybook/
sdds-platform-ai storybook: https://plasma.sberdevices.ru/pr/pr-2876/sdds-platform-ai-storybook/
sdds-sbcom storybook: https://plasma.sberdevices.ru/pr/pr-2876/sdds-sbcom-storybook/
sdds-scan storybook: https://plasma.sberdevices.ru/pr/pr-2876/sdds-scan-storybook/
sdds-serv storybook: https://plasma.sberdevices.ru/pr/pr-2876/sdds-serv-storybook/

focused={focused || outlined}
tabIndex={disabled ? -1 : 0}
className={cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}
className={cls(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

@TitanKuzmich В итоге, в проекте что используем cx или cls? ))

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

целевое - cls из classnames

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants