/** * 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 KdsSpacingTokens = { readonly container: { readonly negative: { /** * Negative spacing (-4px). Used for overlapping elements like the KdsAvatarGroup component. */ readonly "0.25x": KdsDimension; /** * Negative spacing (-6px). Used for overlapping elements like the KdsPromptInput component. */ readonly "0.375x": KdsDimension; /** * Negative spacing (-8px). Used for overlapping elements like the KdsPromptInput component. */ readonly "0.5x": KdsDimension; }; /** * No spacing (0px). Use when no gap or padding is needed. */ readonly none: KdsDimension; /** * Micro spacing (1px). Use for minimal separation between tightly grouped elements. */ readonly "0.10x": KdsDimension; /** * Extra extra small spacing (2px). Use for very tight gaps between related elements. */ readonly "0.12x": KdsDimension; /** * Extra small spacing (4px). Use for tight gaps between closely related elements. */ readonly "0.25x": KdsDimension; /** * Small spacing (6px). Use for compact component internal padding. */ readonly "0.37x": KdsDimension; /** * Small-medium spacing (8px). Use for standard tight gaps and small component padding. */ readonly "0.5x": KdsDimension; /** * Medium-small spacing (12px). Use for moderate gaps between related elements. */ readonly "0.75x": KdsDimension; /** * Base spacing (16px). The standard spacing unit for most component padding and gaps. */ readonly "1x": KdsDimension; /** * Medium spacing (20px). Use for comfortable gaps between content sections. */ readonly "1.25x": KdsDimension; /** * Medium-large spacing (24px). Use for section padding and larger content gaps. */ readonly "1.5x": KdsDimension; /** * Large spacing (32px). Use for major section separation and container padding. */ readonly "2x": KdsDimension; /** * Extra large spacing (48px). Use for prominent section separation. */ readonly "3x": KdsDimension; /** * Extra extra large spacing (64px). Use for major layout divisions. */ readonly "4x": KdsDimension; /** * Maximum spacing (80px). Use for large layout gaps and page-level separation. */ readonly "5x": KdsDimension; }; readonly offset: { /** * Focus ring offset (1px). Used by developers to set offset for focus border. Figma does not support offset. */ readonly focus: KdsDimension; }; readonly inputLabel: { /** * Bottom spacing between an input label and its input field. */ readonly "spacing-bottom": KdsDimension; }; readonly SubText: { /** * Top spacing between SubText and its associated element. */ readonly "spacing-top": KdsDimension; }; }; export declare const spacing: KdsSpacingTokens;