UNPKG

@johnmusans/arcadia-ui-registry-definition

Version:

Registry definitions and types for Arcadia UI component registry

687 lines 32.3 kB
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