tokens: add surface transparent tokens to sdds #1206

TitanKuzmich · 2024-05-16T08:31:08Z

Tokens

добавлены токены прозрачности для positive, warning, negative цветов
добавлены токены с active, hover модификаторами

What/why changed

В пакете sdds-serv не хватало токенов с прозрачностью, из-за чего не работали некоторые view у компонентов.
Например Textfield с view="positive"

🐤 Download canary assets:

borderRadius

borderRadius_caldera_online_react-native--canary.1206.9109080964.ts
borderRadius_default_react-native--canary.1206.9109080964.ts
borderRadius_flamingo_react-native--canary.1206.9109080964.ts
borderRadius_plasma_b2c_react-native--canary.1206.9109080964.ts
borderRadius_plasma_web_react-native--canary.1206.9109080964.ts
borderRadius_sberHealth_react-native--canary.1206.9109080964.ts
borderRadius_sbermarket_business_react-native--canary.1206.9109080964.ts
borderRadius_sbermarket_metro_react-native--canary.1206.9109080964.ts
borderRadius_sbermarket_react-native--canary.1206.9109080964.ts
borderRadius_sbermarket_selgros_react-native--canary.1206.9109080964.ts
borderRadius_sbermarket_wlbusiness_react-native--canary.1206.9109080964.ts
borderRadius_sberonline_react-native--canary.1206.9109080964.ts
borderRadius_sberprime_react-native--canary.1206.9109080964.ts
borderRadius_sdds_serv_react-native--canary.1206.9109080964.ts
borderRadius_stylesSalute_react-native--canary.1206.9109080964.ts

color

color_caldera_online_ios-swift--canary.1206.9109080964.swift
color_caldera_online_kotlin--canary.1206.9109080964.kt
color_caldera_online_react-native--canary.1206.9109080964.ts
color_caldera_online_xml--canary.1206.9109080964.xml
color_default_ios-swift--canary.1206.9109080964.swift
color_default_kotlin--canary.1206.9109080964.kt
color_default_react-native--canary.1206.9109080964.ts
color_default_xml--canary.1206.9109080964.xml
color_flamingo_ios-swift--canary.1206.9109080964.swift
color_flamingo_kotlin--canary.1206.9109080964.kt
color_flamingo_react-native--canary.1206.9109080964.ts
color_flamingo_xml--canary.1206.9109080964.xml
color_plasma_b2c_ios-swift--canary.1206.9109080964.swift
color_plasma_b2c_kotlin--canary.1206.9109080964.kt
color_plasma_b2c_react-native--canary.1206.9109080964.ts
color_plasma_b2c_xml--canary.1206.9109080964.xml
color_plasma_web_ios-swift--canary.1206.9109080964.swift
color_plasma_web_kotlin--canary.1206.9109080964.kt
color_plasma_web_react-native--canary.1206.9109080964.ts
color_plasma_web_xml--canary.1206.9109080964.xml
color_sberHealth_ios-swift--canary.1206.9109080964.swift
color_sberHealth_kotlin--canary.1206.9109080964.kt
color_sberHealth_react-native--canary.1206.9109080964.ts
color_sberHealth_xml--canary.1206.9109080964.xml
color_sbermarket_business_ios-swift--canary.1206.9109080964.swift
color_sbermarket_business_kotlin--canary.1206.9109080964.kt
color_sbermarket_business_react-native--canary.1206.9109080964.ts
color_sbermarket_business_xml--canary.1206.9109080964.xml
color_sbermarket_ios-swift--canary.1206.9109080964.swift
color_sbermarket_kotlin--canary.1206.9109080964.kt
color_sbermarket_metro_ios-swift--canary.1206.9109080964.swift
color_sbermarket_metro_kotlin--canary.1206.9109080964.kt
color_sbermarket_metro_react-native--canary.1206.9109080964.ts
color_sbermarket_metro_xml--canary.1206.9109080964.xml
color_sbermarket_react-native--canary.1206.9109080964.ts
color_sbermarket_selgros_ios-swift--canary.1206.9109080964.swift
color_sbermarket_selgros_kotlin--canary.1206.9109080964.kt
color_sbermarket_selgros_react-native--canary.1206.9109080964.ts
color_sbermarket_selgros_xml--canary.1206.9109080964.xml
color_sbermarket_wlbusiness_ios-swift--canary.1206.9109080964.swift
color_sbermarket_wlbusiness_kotlin--canary.1206.9109080964.kt
color_sbermarket_wlbusiness_react-native--canary.1206.9109080964.ts
color_sbermarket_wlbusiness_xml--canary.1206.9109080964.xml
color_sbermarket_xml--canary.1206.9109080964.xml
color_sberonline_ios-swift--canary.1206.9109080964.swift
color_sberonline_kotlin--canary.1206.9109080964.kt
color_sberonline_react-native--canary.1206.9109080964.ts
color_sberonline_xml--canary.1206.9109080964.xml
color_sberprime_ios-swift--canary.1206.9109080964.swift
color_sberprime_kotlin--canary.1206.9109080964.kt
color_sberprime_react-native--canary.1206.9109080964.ts
color_sberprime_xml--canary.1206.9109080964.xml
color_sdds_serv_ios-swift--canary.1206.9109080964.swift
color_sdds_serv_kotlin--canary.1206.9109080964.kt
color_sdds_serv_react-native--canary.1206.9109080964.ts
color_sdds_serv_xml--canary.1206.9109080964.xml
color_stylesSalute_ios-swift--canary.1206.9109080964.swift
color_stylesSalute_kotlin--canary.1206.9109080964.kt
color_stylesSalute_react-native--canary.1206.9109080964.ts
color_stylesSalute_xml--canary.1206.9109080964.xml

shadow

shadow_caldera_online_react-native--canary.1206.9109080964.ts
shadow_default_react-native--canary.1206.9109080964.ts
shadow_flamingo_react-native--canary.1206.9109080964.ts
shadow_plasma_b2c_react-native--canary.1206.9109080964.ts
shadow_plasma_web_react-native--canary.1206.9109080964.ts
shadow_sberHealth_react-native--canary.1206.9109080964.ts
shadow_sbermarket_business_react-native--canary.1206.9109080964.ts
shadow_sbermarket_metro_react-native--canary.1206.9109080964.ts
shadow_sbermarket_react-native--canary.1206.9109080964.ts
shadow_sbermarket_selgros_react-native--canary.1206.9109080964.ts
shadow_sbermarket_wlbusiness_react-native--canary.1206.9109080964.ts
shadow_sberonline_react-native--canary.1206.9109080964.ts
shadow_sberprime_react-native--canary.1206.9109080964.ts
shadow_sdds_serv_react-native--canary.1206.9109080964.ts
shadow_stylesSalute_react-native--canary.1206.9109080964.ts

spacing

spacing_caldera_online_react-native--canary.1206.9109080964.ts
spacing_default_react-native--canary.1206.9109080964.ts
spacing_flamingo_react-native--canary.1206.9109080964.ts
spacing_plasma_b2c_react-native--canary.1206.9109080964.ts
spacing_plasma_web_react-native--canary.1206.9109080964.ts
spacing_sberHealth_react-native--canary.1206.9109080964.ts
spacing_sbermarket_business_react-native--canary.1206.9109080964.ts
spacing_sbermarket_metro_react-native--canary.1206.9109080964.ts
spacing_sbermarket_react-native--canary.1206.9109080964.ts
spacing_sbermarket_selgros_react-native--canary.1206.9109080964.ts
spacing_sbermarket_wlbusiness_react-native--canary.1206.9109080964.ts
spacing_sberonline_react-native--canary.1206.9109080964.ts
spacing_sberprime_react-native--canary.1206.9109080964.ts
spacing_sdds_serv_react-native--canary.1206.9109080964.ts
spacing_stylesSalute_react-native--canary.1206.9109080964.ts

typo

typo_mage_ios-swift--canary.1206.9109080964.swift
typo_mage_kotlin--canary.1206.9109080964.kt
typo_mage_react-native--canary.1206.9109080964.ts
typo_plasma_ios-swift--canary.1206.9109080964.swift
typo_plasma_kotlin--canary.1206.9109080964.kt
typo_plasma_react-native--canary.1206.9109080964.ts
typo_ruler_ios-swift--canary.1206.9109080964.swift
typo_ruler_kotlin--canary.1206.9109080964.kt
typo_ruler_react-native--canary.1206.9109080964.ts
typo_sage_ios-swift--canary.1206.9109080964.swift
typo_sage_kotlin--canary.1206.9109080964.kt
typo_sage_react-native--canary.1206.9109080964.ts
typo_sbermarket_ios-swift--canary.1206.9109080964.swift
typo_sbermarket_kotlin--canary.1206.9109080964.kt
typo_sbermarket_react-native--canary.1206.9109080964.ts
typo_soulmate_ios-swift--canary.1206.9109080964.swift
typo_soulmate_kotlin--canary.1206.9109080964.kt
typo_soulmate_react-native--canary.1206.9109080964.ts

📦 Published PR as canary version: Canary Versions

✨ Test out this PR locally via:

npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
# or 
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]

github-actions · 2024-05-16T08:34:01Z

Theme Builder app deployed!

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

github-actions · 2024-05-16T08:48:46Z

Documentation preview deployed!

website:https://plasma.sberdevices.ru/pr/pr-1206/
caldera-online storybook: https://plasma.sberdevices.ru/pr/pr-1206/caldera-online-storybook/
asdk storybook: https://plasma.sberdevices.ru/pr/pr-1206/asdk-storybook/
b2c storybook: https://plasma.sberdevices.ru/pr/pr-1206/b2c-storybook/
new-hope storybook: https://plasma.sberdevices.ru/pr/pr-1206/new-hope-storybook/
ui storybook: https://plasma.sberdevices.ru/pr/pr-1206/ui-storybook/
web storybook: https://plasma.sberdevices.ru/pr/pr-1206/web-storybook/
sdds-serv storybook: https://plasma.sberdevices.ru/pr/pr-1206/sdds-serv-storybook/

Yakutoc · 2024-05-16T09:41:35Z

@TitanKuzmich Здесь нужен лайк от команды дизайна?

TitanKuzmich · 2024-05-16T10:52:24Z

@TitanKuzmich Здесь нужен лайк от команды дизайна?

Думаю нет, так как токены по макетам совпадают в пакетах

TitanKuzmich added 2 commits May 16, 2024 11:26

feat(plasma-tokens): add surface transparent tokens

d8ae3bb

feat(themes): add surface transparent tokens to sdds

2a90075

TitanKuzmich added the plasma-tokens label May 16, 2024

TitanKuzmich self-assigned this May 16, 2024

TitanKuzmich requested review from Yeti-or, neretin-trike, Yakutoc and shuga2704 as code owners May 16, 2024 08:31

TitanKuzmich temporarily deployed to internal May 16, 2024 08:31 — with GitHub Actions Inactive

TitanKuzmich removed request for Yeti-or and Yakutoc May 16, 2024 08:31

neretin-trike approved these changes May 16, 2024

View reviewed changes

shuga2704 approved these changes May 16, 2024

View reviewed changes

TitanKuzmich added this pull request to the merge queue May 16, 2024

Merged via the queue into dev with commit e266fde May 16, 2024
31 checks passed

TitanKuzmich deleted the tokens/add-surface-transparent-tokens-sdds branch May 16, 2024 12:15

Salute-Eva mentioned this pull request May 29, 2024

Release by 29.05.2024 #1222

Merged

This was referenced Jul 24, 2024

Release by 24.07.2024 #1316

Closed

Release by 24.07.2024 #1317

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

tokens: add surface transparent tokens to sdds #1206

tokens: add surface transparent tokens to sdds #1206

TitanKuzmich commented May 16, 2024 •

edited by Salute-Eva

Loading

github-actions bot commented May 16, 2024

github-actions bot commented May 16, 2024

Yakutoc commented May 16, 2024

TitanKuzmich commented May 16, 2024

tokens: add surface transparent tokens to sdds #1206

tokens: add surface transparent tokens to sdds #1206

Conversation

TitanKuzmich commented May 16, 2024 • edited by Salute-Eva Loading

Tokens

What/why changed

github-actions bot commented May 16, 2024

github-actions bot commented May 16, 2024

Yakutoc commented May 16, 2024

TitanKuzmich commented May 16, 2024

TitanKuzmich commented May 16, 2024 •

edited by Salute-Eva

Loading