/** * Do not edit directly, this file was auto-generated * from the design token sources in src/tokens. */ import type { KdsBorder } from "./types.js"; export type KdsBorderTokens = { readonly action: { /** * Invisible outline that still occupies stroke space. Use to avoid layout-shift when a border appears on other states/variants of the same component. Themable composite token referencing border tokens from the mode set. */ readonly transparent: KdsBorder; /** * Default 1px neutral outline for interactive controls (e.g outline buttons). Themable composite token referencing border tokens from the mode set. */ readonly default: KdsBorder; /** * Dimmed 1px outline (color.border.disabled). Indicates the component cant be interacted with. Themable composite token referencing border tokens from the mode set. */ readonly disabled: KdsBorder; /** * 2px focus ring (color.focus.outline) - appears on keyboard or programmatic focus. Meets accessibility contrast. Themable composite token referencing border tokens from the mode set. */ readonly focused: KdsBorder; /** * 1px teal outline (color.border.selected) - shows current selection (e.g. radio, checkbox, TabBar-Item). Themable composite token referencing border tokens from the mode set. */ readonly selected: KdsBorder; /** * 1px outline (color.border.selected) - shows current selection (e.g. table cell, node instance). Themable composite token referencing border tokens from the mode set. */ readonly "selected-accent": KdsBorder; /** * 1px strong red outline for invalid inputs or destructive elements. Themable composite token referencing border tokens from the mode set. */ readonly error: KdsBorder; /** * 1px bold-teal outline for elements using primary color. Themable composite token referencing border tokens from the mode set. */ readonly primary: KdsBorder; /** * Neutral 1px outline specifically tuned for input elements (e.g text-field and textarea, radio and checkbox components). Themable composite token referencing border tokens from the mode set. */ readonly input: KdsBorder; }; readonly base: { /** * 1px neutral divider for most containers and separators. */ readonly default: KdsBorder; /** * 1px subtler neutral stroke for low-contrast sections and containers. */ readonly muted: KdsBorder; /** * 1px hairline neutral stroke (10% opacity). Use for the faintest elements (e.g dividers). */ readonly subtle: KdsBorder; /** * 1px brand-yellow bar - decorative accent to be used on branded elements e.g Desktop header. */ readonly brand: KdsBorder; /** * 1px red outline for critical inline messages and containers. */ readonly danger: KdsBorder; /** * 1px orange outline for warning inline messages and containers. */ readonly warning: KdsBorder; /** * 1px green outline for success inline messages and containers. */ readonly success: KdsBorder; /** * 1px blue outline for info inline messages and containers. */ readonly info: KdsBorder; }; readonly "node-status": { /** * Border around node status. */ readonly empty: KdsBorder; /** * Border around node status. */ readonly error: KdsBorder; /** * Border around node status. */ readonly warning: KdsBorder; /** * Border around node status. */ readonly success: KdsBorder; }; readonly ResizeHandle: { /** * Default border style for the ResizeHandle component. */ readonly initial: KdsBorder; /** * Border style for the ResizeHandle component on hover. */ readonly hover: KdsBorder; /** * Border style for the ResizeHandle component when active. */ readonly active: KdsBorder; }; readonly ColorPickerHandle: { /** * Default border style for the ColorPickerHandle in colorspace. */ readonly initial: KdsBorder; }; }; export declare const border: KdsBorderTokens;