feat(plasma-theme-builder, plasma-tokens): Add support multiple color in gradient #626

neretin-trike · 2023-07-20T10:13:12Z

Добавлена поддержка множественных цветов у одного слоя градиента для веб-сервиса Theme Builder и генераторов для XML и Swift файлов.

Пример поддерживаемого формата:

linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.015) 17.19%, rgba(255, 255, 255, 0.052) 40.24%, rgba(255, 255, 255, 0.06) 51.17%, rgba(255, 255, 255, 0.052) 62.12%, rgba(255, 255, 255, 0.015) 82.81%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, 0.12)

Обновлён шаблон генерации набора токенов цветов для Swift файлов.

🐤 Download canary assets:

color

color_asdk_ios-swift--canary.626.5623261451.swift
color_asdk_kotlin--canary.626.5623261451.kt
color_asdk_react-native--canary.626.5623261451.ts
color_asdk_xml--canary.626.5623261451.xml
color_plasma_b2c_ios-swift--canary.626.5623261451.swift
color_plasma_b2c_kotlin--canary.626.5623261451.kt
color_plasma_b2c_react-native--canary.626.5623261451.ts
color_plasma_b2c_xml--canary.626.5623261451.xml
color_sberHealth_ios-swift--canary.626.5623261451.swift
color_sberHealth_kotlin--canary.626.5623261451.kt
color_sberHealth_react-native--canary.626.5623261451.ts
color_sberHealth_xml--canary.626.5623261451.xml
color_sbermarket_business_ios-swift--canary.626.5623261451.swift
color_sbermarket_business_kotlin--canary.626.5623261451.kt
color_sbermarket_business_react-native--canary.626.5623261451.ts
color_sbermarket_business_xml--canary.626.5623261451.xml
color_sbermarket_ios-swift--canary.626.5623261451.swift
color_sbermarket_kotlin--canary.626.5623261451.kt
color_sbermarket_metro_ios-swift--canary.626.5623261451.swift
color_sbermarket_metro_kotlin--canary.626.5623261451.kt
color_sbermarket_metro_react-native--canary.626.5623261451.ts
color_sbermarket_metro_xml--canary.626.5623261451.xml
color_sbermarket_react-native--canary.626.5623261451.ts
color_sbermarket_selgros_ios-swift--canary.626.5623261451.swift
color_sbermarket_selgros_kotlin--canary.626.5623261451.kt
color_sbermarket_selgros_react-native--canary.626.5623261451.ts
color_sbermarket_selgros_xml--canary.626.5623261451.xml
color_sbermarket_wlbusiness_ios-swift--canary.626.5623261451.swift
color_sbermarket_wlbusiness_kotlin--canary.626.5623261451.kt
color_sbermarket_wlbusiness_react-native--canary.626.5623261451.ts
color_sbermarket_wlbusiness_xml--canary.626.5623261451.xml
color_sbermarket_xml--canary.626.5623261451.xml
color_sberonline_ios-swift--canary.626.5623261451.swift
color_sberonline_kotlin--canary.626.5623261451.kt
color_sberonline_react-native--canary.626.5623261451.ts
color_sberonline_xml--canary.626.5623261451.xml
color_sberprime_ios-swift--canary.626.5623261451.swift
color_sberprime_kotlin--canary.626.5623261451.kt
color_sberprime_react-native--canary.626.5623261451.ts
color_sberprime_xml--canary.626.5623261451.xml

shadow

shadow_sbermarket_react-native--canary.626.5623261451.ts

typo

typo_mage_ios-swift--canary.626.5623261451.swift
typo_mage_kotlin--canary.626.5623261451.kt
typo_mage_react-native--canary.626.5623261451.ts
typo_plasma_ios-swift--canary.626.5623261451.swift
typo_plasma_kotlin--canary.626.5623261451.kt
typo_plasma_react-native--canary.626.5623261451.ts
typo_ruler_ios-swift--canary.626.5623261451.swift
typo_ruler_kotlin--canary.626.5623261451.kt
typo_ruler_react-native--canary.626.5623261451.ts
typo_sage_ios-swift--canary.626.5623261451.swift
typo_sage_kotlin--canary.626.5623261451.kt
typo_sage_react-native--canary.626.5623261451.ts
typo_sbermarket_ios-swift--canary.626.5623261451.swift
typo_sbermarket_kotlin--canary.626.5623261451.kt
typo_sbermarket_react-native--canary.626.5623261451.ts
typo_soulmate_ios-swift--canary.626.5623261451.swift
typo_soulmate_kotlin--canary.626.5623261451.kt
typo_soulmate_react-native--canary.626.5623261451.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]
# 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]

Salute-Eva · 2023-07-20T10:45:30Z

Theme Builder app deployed!

http://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-626/

Salute-Eva · 2023-07-20T12:53:24Z

Theme Builder app deployed!

http://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-626/

Salute-Eva · 2023-07-21T06:52:10Z

Theme Builder app deployed!

http://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-626/

…nd SWIFT themes

Salute-Eva · 2023-07-21T09:24:10Z

Theme Builder app deployed!

http://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-626/

Salute-Eva · 2023-07-21T14:13:28Z

Theme Builder app deployed!

http://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-626/

website/plasma-theme-builder/src/utils/gradient.ts

Salute-Eva · 2023-08-03T13:49:38Z

Salute-Eva · 2023-08-03T13:49:41Z

Salute-Eva · 2023-08-03T13:49:47Z

neretin-trike requested review from Yeti-or, Yakutoc and kayman233 as code owners July 20, 2023 10:13

neretin-trike force-pushed the neretinaa/add-suport-multiple-color-gradient branch 2 times, most recently from 3e2d76c to 043bfca Compare July 20, 2023 10:43

neretin-trike force-pushed the neretinaa/add-suport-multiple-color-gradient branch from 043bfca to 3392e38 Compare July 20, 2023 12:51

neretin-trike force-pushed the neretinaa/add-suport-multiple-color-gradient branch from 3392e38 to a4e8113 Compare July 21, 2023 06:49

neretin-trike added 2 commits July 21, 2023 15:21

feat(plasma-theme-builder): Add support multiple color in gradient

142f4e1

feat(plasma-tokens): Add support multiple color in gradient for XML a…

dba3d31

…nd SWIFT themes

neretin-trike force-pushed the neretinaa/add-suport-multiple-color-gradient branch from a4e8113 to dba3d31 Compare July 21, 2023 09:21

feat(plasma-tokens): Update color generator template for iOS

672c135

Yeti-or approved these changes Jul 25, 2023

View reviewed changes

website/plasma-theme-builder/src/utils/gradient.ts Show resolved Hide resolved

kayman233 approved these changes Jul 25, 2023

View reviewed changes

neretin-trike added this pull request to the merge queue Jul 25, 2023

Merged via the queue into dev with commit 15b5f6f Jul 25, 2023

neretin-trike deleted the neretinaa/add-suport-multiple-color-gradient branch July 25, 2023 08:59

Salute-Eva added the released label Aug 3, 2023

Salute-Eva mentioned this pull request Jan 18, 2024

Release by 18.01.2024 #972

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(plasma-theme-builder, plasma-tokens): Add support multiple color in gradient #626

feat(plasma-theme-builder, plasma-tokens): Add support multiple color in gradient #626

neretin-trike commented Jul 20, 2023 •

edited

Loading

Salute-Eva commented Jul 20, 2023

Salute-Eva commented Jul 20, 2023

Salute-Eva commented Jul 21, 2023

Salute-Eva commented Jul 21, 2023

Salute-Eva commented Jul 21, 2023

Salute-Eva commented Aug 3, 2023

Salute-Eva commented Aug 3, 2023

Salute-Eva commented Aug 3, 2023

feat(plasma-theme-builder, plasma-tokens): Add support multiple color in gradient #626

feat(plasma-theme-builder, plasma-tokens): Add support multiple color in gradient #626

Conversation

neretin-trike commented Jul 20, 2023 • edited Loading

Salute-Eva commented Jul 20, 2023

Salute-Eva commented Jul 20, 2023

Salute-Eva commented Jul 21, 2023

Salute-Eva commented Jul 21, 2023

Salute-Eva commented Jul 21, 2023

Salute-Eva commented Aug 3, 2023

Salute-Eva commented Aug 3, 2023

Salute-Eva commented Aug 3, 2023

neretin-trike commented Jul 20, 2023 •

edited

Loading