UNPKG

@pmndrs/uikit-horizon

Version:

Horizon kit for @pmndrs/uikit based on the Reality Labs Design System (RLDS)

616 lines (615 loc) 115 kB
declare const lightTheme: { readonly component: { readonly button: { readonly primary: { readonly background: { readonly fill: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly border: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly label: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly subtext: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly secondary: { readonly label: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly fill: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly border: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly subtext: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly tertiary: { readonly label: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly fill: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly border: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly subtext: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly onMedia: { readonly label: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly fill: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly border: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly subtext: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly positive: { readonly label: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly fill: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly border: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly subtext: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly negative: { readonly label: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly fill: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly border: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly subtext: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly disabled: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; }; readonly selectionDropdown: { readonly label: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly ring: { readonly stop1: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly stop2: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly background: { readonly fill: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly border: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; }; readonly iconIndicator: { readonly icon: { readonly good: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly poor: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly bad: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly none: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly fill: { readonly good: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly poor: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly bad: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly none: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; }; readonly toggle: { readonly background: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly handle: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly checkbox: { readonly selected: { readonly background: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hover: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hover: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; }; readonly radioButtons: { readonly background: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly progressBar: { readonly indeterminate: { readonly background: { readonly background: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly fill: { readonly stop1: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly stop2: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly stop3: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly determinate: { readonly fill: { readonly fill: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly background: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly quickReplies: { readonly label: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly fill: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly border: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly dividers: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly menu: { readonly title: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly fill: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly sectionHeader: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly subtitle: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly toggle: { readonly title: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly fill: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly subtitle: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly labelIcon: { readonly label: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; }; readonly sideNavigation: { readonly sideNavItem: { readonly label: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly fill: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly border: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; }; readonly label: { readonly label: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly fill: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly border: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; }; }; readonly badges: { readonly primary: { readonly background: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly label: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly icon: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly secondary: { readonly background: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly label: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly icon: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly positive: { readonly background: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly label: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly icon: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly background: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly label: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly icon: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly imageCards: { readonly background: { readonly fill: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly border: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly label: { readonly primary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly secondary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly metadata: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly rating: { readonly primary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly secondary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly price: { readonly primary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly secondary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly icon: { readonly primary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly secondary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly tiles: { readonly label: { readonly onMedia: { readonly primary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly secondary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly primary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly secondary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly onMedia: { readonly primary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly primary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly secondary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly eventHeader: { readonly label: { readonly primary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly month: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly date: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly background: { readonly primary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly date: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly notification: { readonly indicator: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly background: { readonly primary: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly mediaThumbnail: { readonly border: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly check: { readonly background: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly icon: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly segmentedControl: { readonly background: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly label: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly selected: { readonly background: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly progressRing: { readonly background: { readonly active: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly inactive: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly icon: { readonly fill: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly avatar: { readonly badge: { readonly active: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly focusRing: { readonly default: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly hovered: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly pressed: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; readonly selected: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; }; readonly facepile: { readonly label: import("@preact/signals-core").ReadonlySignal<import("@pmndrs/uikit").ColorRepresentation>; }; readonly peopleCard: {