feat(data-themes): Add new token generators for web via new json scheme and update themes #1274

neretin-trike · 2024-06-28T13:42:52Z

Tokens

Добавлены методы генерации токенов для web приложений на основе новой json структуры.
Перегенированы темы для всех вертикалей: sdds, plasma, flamingo и caldera-online на основе json файлов из данного репозитория.
Удалены старые json темы из пакета @salutejs/data-themes.
Переименован пакет @salutejs/data-themes в @salutejs/core-themes и обновлены все зависимости

What/why changed

Было необходимо поддержать генерацию тем по новой json структуре, т.к. в дальнейшем планируется создавать её с помощью веб-сервиса plasma-theme-builder.

🐤 Download canary assets:

borderRadius

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

shadow

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

color

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

spacing

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

typo

typo_mage_ios-swift--canary.1274.9794850797.swift
typo_mage_kotlin--canary.1274.9794850797.kt
typo_mage_react-native--canary.1274.9794850797.ts
typo_plasma_ios-swift--canary.1274.9794850797.swift
typo_plasma_kotlin--canary.1274.9794850797.kt
typo_plasma_react-native--canary.1274.9794850797.ts
typo_ruler_ios-swift--canary.1274.9794850797.swift
typo_ruler_kotlin--canary.1274.9794850797.kt
typo_ruler_react-native--canary.1274.9794850797.ts
typo_sage_ios-swift--canary.1274.9794850797.swift
typo_sage_kotlin--canary.1274.9794850797.kt
typo_sage_react-native--canary.1274.9794850797.ts
typo_sbermarket_ios-swift--canary.1274.9794850797.swift
typo_sbermarket_kotlin--canary.1274.9794850797.kt
typo_sbermarket_react-native--canary.1274.9794850797.ts
typo_soulmate_ios-swift--canary.1274.9794850797.swift
typo_soulmate_kotlin--canary.1274.9794850797.kt
typo_soulmate_react-native--canary.1274.9794850797.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]
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]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]

github-actions · 2024-06-28T13:46:05Z

Theme Builder app deployed!

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

github-actions · 2024-06-28T14:05:50Z

Documentation preview deployed!

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

neretin-trike requested review from Yeti-or, Yakutoc, TitanKuzmich and shuga2704 as code owners June 28, 2024 13:42

neretin-trike temporarily deployed to internal June 28, 2024 13:42 — with GitHub Actions Inactive

neretin-trike force-pushed the neretinaa/add-new-token-generators-for-web branch from c13184c to 622b168 Compare June 28, 2024 14:21

neretin-trike temporarily deployed to internal June 28, 2024 14:21 — with GitHub Actions Inactive

neretin-trike force-pushed the neretinaa/add-new-token-generators-for-web branch from 622b168 to 716ea81 Compare June 28, 2024 14:47

neretin-trike requested a review from malilex as a code owner June 28, 2024 14:47

neretin-trike temporarily deployed to internal June 28, 2024 14:47 — with GitHub Actions Inactive

neretin-trike requested review from iljs and removed request for Yeti-or, Yakutoc, malilex and TitanKuzmich July 1, 2024 11:44

shuga2704 approved these changes Jul 1, 2024

View reviewed changes

iljs approved these changes Jul 1, 2024

View reviewed changes

neretin-trike added the plasma-tokens label Jul 2, 2024

fix(plasma-tokens-utils): Fix getRestoredColorFromPalette method

005d9bc

neretin-trike added 7 commits July 4, 2024 18:02

feat(data-themes): Add new token generators for web via new json scheme

6feddf0

feat(data-themes): Remove data folder with old themes

603e2e9

feat(core-themes): Rename data-themes to core-themes

9947c7f

feat(plasma-themes): Update themes and deps

517a4a8

feat(flamingo-themes): Update themes and deps

716f1ed

feat(sdds-themes): Update themes and deps

c471d65

feat(caldera-online-themes): Update themes and deps

46b7ee7

neretin-trike force-pushed the neretinaa/add-new-token-generators-for-web branch from 716ea81 to 46b7ee7 Compare July 4, 2024 13:02

neretin-trike temporarily deployed to internal July 4, 2024 13:02 — with GitHub Actions Inactive

neretin-trike added this pull request to the merge queue Jul 4, 2024

Merged via the queue into dev with commit 8767576 Jul 4, 2024
31 checks passed

neretin-trike deleted the neretinaa/add-new-token-generators-for-web branch July 4, 2024 14:10

Salute-Eva mentioned this pull request Jul 11, 2024

Release by 11.07.2024 #1296

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

feat(data-themes): Add new token generators for web via new json scheme and update themes #1274

feat(data-themes): Add new token generators for web via new json scheme and update themes #1274

neretin-trike commented Jun 28, 2024 •

edited by Salute-Eva

Loading

github-actions bot commented Jun 28, 2024

github-actions bot commented Jun 28, 2024

feat(data-themes): Add new token generators for web via new json scheme and update themes #1274

feat(data-themes): Add new token generators for web via new json scheme and update themes #1274

Conversation

neretin-trike commented Jun 28, 2024 • edited by Salute-Eva Loading

Tokens

What/why changed

github-actions bot commented Jun 28, 2024

github-actions bot commented Jun 28, 2024

neretin-trike commented Jun 28, 2024 •

edited by Salute-Eva

Loading