शेप टोकन

tanrei.sys.shape.corner के अंतर्गत कॉर्नर रेडियस। मार्गदर्शन के लिए शेप पढ़ें।

none 0px

extra-small 3px

small 6px

medium 8px

large 12px

large-increased 14px

extra-large 16px

extra-large-increased 20px

extra-extra-large 24px

full full

टोकन	मान	टिप्पणियाँ
--tanrei-sys-shape-corner-none	0px
--tanrei-sys-shape-corner-extra-small	3px
--tanrei-sys-shape-corner-small	6px	Default for controls: buttons, inputs, menu items, tooltips.
--tanrei-sys-shape-corner-medium	8px
--tanrei-sys-shape-corner-large	12px
--tanrei-sys-shape-corner-large-increased	14px
--tanrei-sys-shape-corner-extra-large	16px
--tanrei-sys-shape-corner-extra-large-increased	20px
--tanrei-sys-shape-corner-extra-extra-large	24px
--tanrei-sys-shape-corner-full	9999px	Opt-in only: avatars, badges, segmented controls, pill variants.

इससे जनरेट किया गया: design/tokens/tanrei.light.tokens.json, tokens/sys/shape.tokens.json

कॉर्नर स्मूदिंग

link

tanrei.sys.shape.corner-smoothing 0 से 1 तक की एक मात्रा है, Figma वाले अर्थ में: 0 चौथाई वृत्त है, 0.6 वह है जिसे Figma iOS का कोना कहता है, और 1 सबसे ज़्यादा ढला हुआ। इससे रेडियस नहीं बदलता। इस मात्रा का अर्थ Figma की रचना ही है; Compose और Flutter उसे बनाते हैं, वेब सबसे क़रीबी सुपरएलिप्स बनाता है, और SwiftUI और iOS पर React Native, OS का वक्र (दूरियाँ शेप पेज पर हैं)। साथ आने वाले हर सिस्टम के लिए:

डिज़ाइन सिस्टम	corner-smoothing
tanrei	0
cupertino	0.6
m3-expressive-like	0
m3-like	0

इससे जनरेट किया गया: tokens/systems/*.system.json, design/tokens/<system>/tanrei.light.tokens.json