Tokens de forma

Radios de esquina bajo tanrei.sys.shape.corner. Para las pautas de uso, lee Forma.

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

Token	Valor	Notas
--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.

Generado a partir de design/tokens/tanrei.light.tokens.json, tokens/sys/shape.tokens.json

Suavizado de esquinas

link

tanrei.sys.shape.corner-smoothing es una cantidad de 0 a 1 con el significado de Figma: 0 es un cuarto de círculo, 0.6 es lo que Figma llama la esquina de iOS y 1 es la más suavizada. El radio no cambia con ella. La construcción de Figma es lo que significa la cantidad; Compose y Flutter la dibujan, la web dibuja la superelipse más cercana, y SwiftUI y React Native en iOS, la curva del sistema operativo (las distancias están en Forma). Por sistema incluido:

Sistema de diseño	corner-smoothing
tanrei	0
cupertino	0.6
m3-expressive-like	0
m3-like	0

Generado a partir de tokens/systems/*.system.json, design/tokens/<system>/tanrei.light.tokens.json