@johnmusans/arcadia-ui-registry-definition
Version:
Registry definitions and types for Arcadia UI component registry
687 lines • 32.3 kB
TypeScript
export interface Token {
name: string;
defaultValue: string;
description?: string;
categories?: readonly ("color" | "typography" | "background" | "foreground" | "border" | "spacing" | "radius")[];
}
export declare const COLOR_TOKENS: [{
readonly name: "color-bg";
readonly defaultValue: "var(--neutral-50)";
readonly description: "Primary background color for main content areas";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-muted";
readonly defaultValue: "var(--neutral-100)";
readonly description: "Muted background color for secondary content areas";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-inverse";
readonly defaultValue: "var(--neutral-900)";
readonly description: "Inverse background color for dark themes or contrasting areas";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-disabled";
readonly defaultValue: "var(--neutral-100)";
readonly description: "Background color for disabled elements";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-neutral";
readonly defaultValue: "var(--neutral-100)";
readonly description: "Neutral background color for buttons and components";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-neutral-hover";
readonly defaultValue: "var(--neutral-200)";
readonly description: "Neutral background color for hover states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-neutral-active";
readonly defaultValue: "var(--neutral-300)";
readonly description: "Neutral background color for active/pressed states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-primary";
readonly defaultValue: "var(--neutral-900)";
readonly description: "Primary background color for main actions and emphasis";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-primary-hover";
readonly defaultValue: "var(--neutral-800)";
readonly description: "Primary background color for hover states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-primary-active";
readonly defaultValue: "var(--neutral-700)";
readonly description: "Primary background color for active/pressed states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-primary-muted";
readonly defaultValue: "var(--neutral-100)";
readonly description: "Muted primary background color for subtle emphasis";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-success";
readonly defaultValue: "var(--success-400)";
readonly description: "Background color for success states and positive actions";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-success-hover";
readonly defaultValue: "var(--success-500)";
readonly description: "Success background color for hover states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-success-active";
readonly defaultValue: "var(--success-600)";
readonly description: "Success background color for active/pressed states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-success-muted";
readonly defaultValue: "var(--success-100)";
readonly description: "Muted success background color for subtle positive feedback";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-warning";
readonly defaultValue: "var(--warning-400)";
readonly description: "Background color for warning states and cautionary actions";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-warning-hover";
readonly defaultValue: "var(--warning-500)";
readonly description: "Warning background color for hover states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-warning-active";
readonly defaultValue: "var(--warning-600)";
readonly description: "Warning background color for active/pressed states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-warning-muted";
readonly defaultValue: "var(--warning-100)";
readonly description: "Muted warning background color for subtle cautionary feedback";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-danger";
readonly defaultValue: "var(--danger-400)";
readonly description: "Background color for error states and destructive actions";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-danger-hover";
readonly defaultValue: "var(--danger-500)";
readonly description: "Danger background color for hover states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-danger-active";
readonly defaultValue: "var(--danger-600)";
readonly description: "Danger background color for active/pressed states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-danger-muted";
readonly defaultValue: "var(--danger-100)";
readonly description: "Muted danger background color for subtle error feedback";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-info";
readonly defaultValue: "var(--info-400)";
readonly description: "Background color for informational states and neutral actions";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-info-hover";
readonly defaultValue: "var(--info-500)";
readonly description: "Info background color for hover states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-info-active";
readonly defaultValue: "var(--info-600)";
readonly description: "Info background color for active/pressed states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-info-muted";
readonly defaultValue: "var(--info-100)";
readonly description: "Muted info background color for subtle informational feedback";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-accent";
readonly defaultValue: "var(--accent-400)";
readonly description: "Background color for accent elements and brand emphasis";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-accent-hover";
readonly defaultValue: "var(--accent-500)";
readonly description: "Accent background color for hover states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-accent-active";
readonly defaultValue: "var(--accent-600)";
readonly description: "Accent background color for active/pressed states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-accent-muted";
readonly defaultValue: "var(--accent-100)";
readonly description: "Muted accent background color for subtle brand emphasis";
readonly categories: readonly ["background"];
}, {
readonly name: "color-bg-accent-muted-hover";
readonly defaultValue: "var(--accent-200)";
readonly description: "Muted accent background color for hover states";
readonly categories: readonly ["background"];
}, {
readonly name: "color-fg";
readonly defaultValue: "var(--neutral-900)";
readonly description: "Primary text color for main content";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-muted";
readonly defaultValue: "var(--neutral-700)";
readonly description: "Muted text color for secondary content and descriptions";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-inverse";
readonly defaultValue: "var(--neutral-50)";
readonly description: "Inverse text color for dark backgrounds";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-disabled";
readonly defaultValue: "var(--neutral-400)";
readonly description: "Text color for disabled elements";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-danger";
readonly defaultValue: "var(--danger-600)";
readonly description: "Text color for error messages and destructive actions";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-warning";
readonly defaultValue: "var(--warning-600)";
readonly description: "Text color for warning messages and cautionary content";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-success";
readonly defaultValue: "var(--success-600)";
readonly description: "Text color for success messages and positive feedback";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-info";
readonly defaultValue: "var(--info-600)";
readonly description: "Text color for informational messages and neutral content";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-accent";
readonly defaultValue: "var(--accent-600)";
readonly description: "Text color for accent content and brand elements";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-on-neutral";
readonly defaultValue: "var(--on-neutral-100)";
readonly description: "Text color for content on neutral backgrounds";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-on-primary";
readonly defaultValue: "var(--on-neutral-900)";
readonly description: "Text color for content on primary backgrounds";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-on-accent";
readonly defaultValue: "var(--on-accent-400)";
readonly description: "Text color for content on accent backgrounds";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-on-success";
readonly defaultValue: "var(--on-success-400)";
readonly description: "Text color for content on success backgrounds";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-on-danger";
readonly defaultValue: "var(--on-danger-400)";
readonly description: "Text color for content on danger backgrounds";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-on-warning";
readonly defaultValue: "var(--on-warning-400)";
readonly description: "Text color for content on warning backgrounds";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-fg-on-info";
readonly defaultValue: "var(--on-info-400)";
readonly description: "Text color for content on info backgrounds";
readonly categories: readonly ["foreground"];
}, {
readonly name: "color-border";
readonly defaultValue: "var(--neutral-200)";
readonly description: "Default border color for components and dividers";
readonly categories: readonly ["border"];
}, {
readonly name: "color-border-hover";
readonly defaultValue: "var(--neutral-300)";
readonly description: "Border color for hover states";
readonly categories: readonly ["border"];
}, {
readonly name: "color-border-field";
readonly defaultValue: "var(--neutral-300)";
readonly description: "Border color for form fields and inputs";
readonly categories: readonly ["border"];
}, {
readonly name: "color-border-control";
readonly defaultValue: "var(--neutral-600)";
readonly description: "Border color for control elements like checkboxes and toggles";
readonly categories: readonly ["border"];
}, {
readonly name: "color-border-disabled";
readonly defaultValue: "var(--neutral-200)";
readonly description: "Border color for disabled elements";
readonly categories: readonly ["border"];
}, {
readonly name: "color-border-focus";
readonly defaultValue: "var(--accent-400)";
readonly description: "Border color for focused elements and accessibility indicators";
readonly categories: readonly ["border"];
}, {
readonly name: "color-border-focus-muted";
readonly defaultValue: "var(--accent-200)";
readonly description: "Muted border color for focused elements and accessibility indicators";
readonly categories: readonly ["border"];
}, {
readonly name: "color-border-success";
readonly defaultValue: "var(--success-200)";
readonly description: "Border color for success states and positive feedback";
readonly categories: readonly ["border"];
}, {
readonly name: "color-border-accent";
readonly defaultValue: "var(--accent-200)";
readonly description: "Border color for accent elements and brand emphasis";
readonly categories: readonly ["border"];
}, {
readonly name: "color-border-danger";
readonly defaultValue: "var(--danger-200)";
readonly description: "Border color for error states and destructive actions";
readonly categories: readonly ["border"];
}, {
readonly name: "color-border-warning";
readonly defaultValue: "var(--warning-200)";
readonly description: "Border color for warning states and cautionary content";
readonly categories: readonly ["border"];
}, {
readonly name: "color-border-info";
readonly defaultValue: "var(--info-200)";
readonly description: "Border color for informational states and neutral content";
readonly categories: readonly ["border"];
}];
export declare const RADIUS_TOKENS: [{
readonly name: "radius-xs";
readonly defaultValue: "calc(0.125rem * var(--radius-factor))";
}, {
readonly name: "radius-sm";
readonly defaultValue: "calc(0.25rem * var(--radius-factor))";
}, {
readonly name: "radius-md";
readonly defaultValue: "calc(0.375rem * var(--radius-factor))";
}, {
readonly name: "radius-lg";
readonly defaultValue: "calc(0.5rem * var(--radius-factor))";
}, {
readonly name: "radius-xl";
readonly defaultValue: "calc(0.75rem * var(--radius-factor))";
}, {
readonly name: "radius-2xl";
readonly defaultValue: "calc(1rem * var(--radius-factor))";
}, {
readonly name: "radius-3xl";
readonly defaultValue: "calc(1.5rem * var(--radius-factor))";
}, {
readonly name: "radius-4xl";
readonly defaultValue: "calc(2rem * var(--radius-factor))";
}];
export declare const TYPOGRAPHY_TOKENS: [{
readonly name: "font-body";
readonly defaultValue: "var(--font-body)";
readonly description: "Default font family for body text";
readonly categories: readonly ["typography"];
}, {
readonly name: "font-heading";
readonly defaultValue: "var(--font-heading)";
readonly description: "Font family for headings and titles";
readonly categories: readonly ["typography"];
}];
export declare const ALL_TOKENS: ({
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg";
defaultValue: "var(--neutral-50)";
description: "Primary background color for main content areas";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-muted";
defaultValue: "var(--neutral-100)";
description: "Muted background color for secondary content areas";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-inverse";
defaultValue: "var(--neutral-900)";
description: "Inverse background color for dark themes or contrasting areas";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-disabled";
defaultValue: "var(--neutral-100)";
description: "Background color for disabled elements";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-neutral";
defaultValue: "var(--neutral-100)";
description: "Neutral background color for buttons and components";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-neutral-hover";
defaultValue: "var(--neutral-200)";
description: "Neutral background color for hover states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-neutral-active";
defaultValue: "var(--neutral-300)";
description: "Neutral background color for active/pressed states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-primary";
defaultValue: "var(--neutral-900)";
description: "Primary background color for main actions and emphasis";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-primary-hover";
defaultValue: "var(--neutral-800)";
description: "Primary background color for hover states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-primary-active";
defaultValue: "var(--neutral-700)";
description: "Primary background color for active/pressed states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-primary-muted";
defaultValue: "var(--neutral-100)";
description: "Muted primary background color for subtle emphasis";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-success";
defaultValue: "var(--success-400)";
description: "Background color for success states and positive actions";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-success-hover";
defaultValue: "var(--success-500)";
description: "Success background color for hover states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-success-active";
defaultValue: "var(--success-600)";
description: "Success background color for active/pressed states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-success-muted";
defaultValue: "var(--success-100)";
description: "Muted success background color for subtle positive feedback";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-warning";
defaultValue: "var(--warning-400)";
description: "Background color for warning states and cautionary actions";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-warning-hover";
defaultValue: "var(--warning-500)";
description: "Warning background color for hover states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-warning-active";
defaultValue: "var(--warning-600)";
description: "Warning background color for active/pressed states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-warning-muted";
defaultValue: "var(--warning-100)";
description: "Muted warning background color for subtle cautionary feedback";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-danger";
defaultValue: "var(--danger-400)";
description: "Background color for error states and destructive actions";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-danger-hover";
defaultValue: "var(--danger-500)";
description: "Danger background color for hover states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-danger-active";
defaultValue: "var(--danger-600)";
description: "Danger background color for active/pressed states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-danger-muted";
defaultValue: "var(--danger-100)";
description: "Muted danger background color for subtle error feedback";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-info";
defaultValue: "var(--info-400)";
description: "Background color for informational states and neutral actions";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-info-hover";
defaultValue: "var(--info-500)";
description: "Info background color for hover states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-info-active";
defaultValue: "var(--info-600)";
description: "Info background color for active/pressed states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-info-muted";
defaultValue: "var(--info-100)";
description: "Muted info background color for subtle informational feedback";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-accent";
defaultValue: "var(--accent-400)";
description: "Background color for accent elements and brand emphasis";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-accent-hover";
defaultValue: "var(--accent-500)";
description: "Accent background color for hover states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-accent-active";
defaultValue: "var(--accent-600)";
description: "Accent background color for active/pressed states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-accent-muted";
defaultValue: "var(--accent-100)";
description: "Muted accent background color for subtle brand emphasis";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-bg-accent-muted-hover";
defaultValue: "var(--accent-200)";
description: "Muted accent background color for hover states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg";
defaultValue: "var(--neutral-900)";
description: "Primary text color for main content";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-muted";
defaultValue: "var(--neutral-700)";
description: "Muted text color for secondary content and descriptions";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-inverse";
defaultValue: "var(--neutral-50)";
description: "Inverse text color for dark backgrounds";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-disabled";
defaultValue: "var(--neutral-400)";
description: "Text color for disabled elements";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-danger";
defaultValue: "var(--danger-600)";
description: "Text color for error messages and destructive actions";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-warning";
defaultValue: "var(--warning-600)";
description: "Text color for warning messages and cautionary content";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-success";
defaultValue: "var(--success-600)";
description: "Text color for success messages and positive feedback";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-info";
defaultValue: "var(--info-600)";
description: "Text color for informational messages and neutral content";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-accent";
defaultValue: "var(--accent-600)";
description: "Text color for accent content and brand elements";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-on-neutral";
defaultValue: "var(--on-neutral-100)";
description: "Text color for content on neutral backgrounds";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-on-primary";
defaultValue: "var(--on-neutral-900)";
description: "Text color for content on primary backgrounds";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-on-accent";
defaultValue: "var(--on-accent-400)";
description: "Text color for content on accent backgrounds";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-on-success";
defaultValue: "var(--on-success-400)";
description: "Text color for content on success backgrounds";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-on-danger";
defaultValue: "var(--on-danger-400)";
description: "Text color for content on danger backgrounds";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-on-warning";
defaultValue: "var(--on-warning-400)";
description: "Text color for content on warning backgrounds";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-fg-on-info";
defaultValue: "var(--on-info-400)";
description: "Text color for content on info backgrounds";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-border";
defaultValue: "var(--neutral-200)";
description: "Default border color for components and dividers";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-border-hover";
defaultValue: "var(--neutral-300)";
description: "Border color for hover states";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-border-field";
defaultValue: "var(--neutral-300)";
description: "Border color for form fields and inputs";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-border-control";
defaultValue: "var(--neutral-600)";
description: "Border color for control elements like checkboxes and toggles";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-border-disabled";
defaultValue: "var(--neutral-200)";
description: "Border color for disabled elements";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-border-focus";
defaultValue: "var(--accent-400)";
description: "Border color for focused elements and accessibility indicators";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-border-focus-muted";
defaultValue: "var(--accent-200)";
description: "Muted border color for focused elements and accessibility indicators";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-border-success";
defaultValue: "var(--success-200)";
description: "Border color for success states and positive feedback";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-border-accent";
defaultValue: "var(--accent-200)";
description: "Border color for accent elements and brand emphasis";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-border-danger";
defaultValue: "var(--danger-200)";
description: "Border color for error states and destructive actions";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-border-warning";
defaultValue: "var(--warning-200)";
description: "Border color for warning states and cautionary content";
} | {
categories: readonly ["color", "background"] | readonly ["color", "foreground"] | readonly ["color", "border"];
name: "color-border-info";
defaultValue: "var(--info-200)";
description: "Border color for informational states and neutral content";
} | {
categories: readonly ["radius"];
name: "radius-xs";
defaultValue: "calc(0.125rem * var(--radius-factor))";
} | {
categories: readonly ["radius"];
name: "radius-sm";
defaultValue: "calc(0.25rem * var(--radius-factor))";
} | {
categories: readonly ["radius"];
name: "radius-md";
defaultValue: "calc(0.375rem * var(--radius-factor))";
} | {
categories: readonly ["radius"];
name: "radius-lg";
defaultValue: "calc(0.5rem * var(--radius-factor))";
} | {
categories: readonly ["radius"];
name: "radius-xl";
defaultValue: "calc(0.75rem * var(--radius-factor))";
} | {
categories: readonly ["radius"];
name: "radius-2xl";
defaultValue: "calc(1rem * var(--radius-factor))";
} | {
categories: readonly ["radius"];
name: "radius-3xl";
defaultValue: "calc(1.5rem * var(--radius-factor))";
} | {
categories: readonly ["radius"];
name: "radius-4xl";
defaultValue: "calc(2rem * var(--radius-factor))";
} | {
categories: readonly ["typography", "typography"];
name: "font-body";
defaultValue: "var(--font-body)";
description: "Default font family for body text";
} | {
categories: readonly ["typography", "typography"];
name: "font-heading";
defaultValue: "var(--font-heading)";
description: "Font family for headings and titles";
})[];
//# sourceMappingURL=registry-tokens.d.ts.map