Radio de esquina
Aquí tienes la traducción del archivo fuente de la guía de diseño al español, manteniendo un tono natural y conservando los elementos técnicos:
El radio de las esquinas de los controles se puede sobrescribir. Para hacerlo, utiliza las siguientes variables:
--g-border-radius-xs: 3px;--g-border-radius-s: 5px;--g-border-radius-m: 6px;--g-border-radius-l: 8px;--g-border-radius-xl: 10px;--g-border-radius-2xl: 16px;
Puedes sobrescribir los valores en Variables.
Las variables se utilizan en los controles de tamaños correspondientes. Si cambias el valor de una variable, el radio de las esquinas de todos los controles del mismo tamaño cambiará en consecuencia. Los controles afectados por esta variable se enumeran en la página de Branding de la biblioteca de Figma. Dado que los diferentes controles tienen rangos de tamaño distintos, los conjuntos de controles pueden no coincidir. Las etiquetas, por ejemplo, no vienen en tamaños mayores que L, por lo que las variables que comienzan con --g-border-radius-l no se utilizan en este componente y no tienen ningún efecto en su apariencia.
El radio de las esquinas del elemento anidado para el botón de selección se determina mediante tokens y se calcula utilizando la fórmula "valor del token - 3" (donde 3 es la distancia entre los elementos interno y externo). En la versión actual, debes realizar los cálculos manualmente e introducir los resultados en los siguientes tokens:
