Variable WIDGET_STYLES`Const`

WIDGET_STYLES: {
    badge: (
        variant?:
            | "success"
            | "info"
            | "warning"
            | "error"
            | "neutral"
            | "primary",
    ) => string;
    card: () => string;
    container: () => string;
    content: () => string;
    header: () => string;
    section: () => string;
    subtitle: () => string;
    title: () => string;
} = ...

Widget-specific styling utilities These helpers generate consistent className strings for common widget patterns

NOTE: These utilities are provided for convenience and future use. While all widgets have been refactored to use design tokens via inline Tailwind classes, these helpers can be adopted in future refactoring to further reduce code duplication and improve maintainability. They are kept for forward compatibility and as reference patterns.

Type Declaration

Readonlybadge: (
    variant?:
        | "success"
        | "info"
        | "warning"
        | "error"
        | "neutral"
        | "primary",
) => string
Get badge classes
Readonlycard: () => string
Get card classes for nested content
Readonlycontainer: () => string
Get widget container classes
Readonlycontent: () => string
Get widget content classes
Readonlyheader: () => string
Get widget header classes
Readonlysection: () => string
Get widget section classes
Readonlysubtitle: () => string
Get widget subtitle classes
Readonlytitle: () => string
Get widget title classes

Variable WIDGET_STYLES`Const`

Type Declaration

`Readonly`badge: (
    variant?:
        | "success"
        | "info"
        | "warning"
        | "error"
        | "neutral"
        | "primary",
) => string

`Readonly`card: () => string

`Readonly`container: () => string

`Readonly`content: () => string

`Readonly`header: () => string

`Readonly`section: () => string

`Readonly`subtitle: () => string

`Readonly`title: () => string

Settings

Variable WIDGET_STYLESConst

Type Declaration

Readonlybadge: ( variant?: | "success" | "info" | "warning" | "error" | "neutral" | "primary",) => string

Readonlycard: () => string

Readonlycontainer: () => string

Readonlycontent: () => string

Readonlyheader: () => string

Readonlysection: () => string

Readonlysubtitle: () => string

Readonlytitle: () => string

Settings

Variable WIDGET_STYLES`Const`

`Readonly`badge: (
variant?:
| "success"
| "info"
| "warning"
| "error"
| "neutral"
| "primary",
) => string

`Readonly`card: () => string

`Readonly`container: () => string

`Readonly`content: () => string

`Readonly`header: () => string

`Readonly`section: () => string

`Readonly`subtitle: () => string

`Readonly`title: () => string