/** * Do not edit directly, this file was auto-generated * from the design token sources in src/tokens. */ import type { KdsDimension } from "./types.js"; export type KdsBorderRadiusTokens = { readonly container: { /** * Perfectly sharp corners. Use when elements demands no rounding. USED IN: ListContainer, TabBar-Item */ readonly none: KdsDimension; /** * Softens crisp elements while keeping a sharp feel. */ readonly "0.12x": KdsDimension; /** * Radius on small UI pieces and compact elements. USED IN: Xsmall buttons, checkboxes. */ readonly "0.25x": KdsDimension; /** * A touch rounder than previous radius. Use for elements that need a gentler feel. USED IN: Focus outlines on Xsmall buttons. */ readonly "0.31x": KdsDimension; /** * Balanced rounding for small to medium components. USED IN: small and medium buttons and input fields. */ readonly "0.37x": KdsDimension; /** * A touch rounder than previous radius. Use for elements that need a gentler feel. USED IN: Focus outlines on small and medium buttons. */ readonly "0.44x": KdsDimension; /** * Soft rounding for larger components. USED IN: large buttons. */ readonly "0.50x": KdsDimension; /** * A touch rounder than previous radius. Use for elements that need a gentler feel. USED IN: Focus outlines on large buttons. */ readonly "0.56x": KdsDimension; /** * Used on rounder corner for larger elements. */ readonly "1x": KdsDimension; /** * Makes circles or capsules. USED IN: radiobuttons and Badge. */ readonly pill: KdsDimension; }; }; export declare const borderRadius: KdsBorderRadiusTokens;