Options
All
  • Public
  • Public/Protected
  • All
Menu

Library @swim/theme

Swim Theme Library

The Swim Theme library implements semantic looks and feels for mood-aware UI components. A mood-aware UI component is a UI view that morphs its appearance to reflect the status of the outer application.

Index

Classes

Interfaces

Type aliases

Variables

Type aliases

AnyFeelVector

AnyFeelVector: FeelVector | FeelVectorArray

AnyLookVector

AnyLookVector<T>: LookVector<T> | LookVectorArray<T>

Type parameters

  • T

AnyMoodVector

AnyMoodVector<M>: MoodVector<M> | MoodVectorArray<M>

Type parameters

FeelVectorArray

FeelVectorArray: ReadonlyArray<[Look<unknown>, unknown]>

FeelVectorUpdates

FeelVectorUpdates: ReadonlyArray<[Look<unknown>, unknown | undefined]>

LookVectorArray

LookVectorArray<T>: ReadonlyArray<[Feel, T]>

Type parameters

  • T

LookVectorUpdates

LookVectorUpdates<T>: ReadonlyArray<[Feel, T | undefined]>

Type parameters

  • T

MoodVectorArray

MoodVectorArray<M>: ReadonlyArray<[M, number]>

Type parameters

MoodVectorUpdates

MoodVectorUpdates<M>: ReadonlyArray<[M, number | undefined]>

Type parameters

ThemeAnimatorDescriptor

ThemeAnimatorDescriptor<O, T, U, I>: ThisType<ThemeAnimator<O, T, U> & I> & ThemeAnimatorInit<T, U> & Partial<I>

Type parameters

  • O = unknown

  • T = unknown

  • U = T

  • I = {}

ThemeConstraintAnimatorDescriptor

ThemeConstraintAnimatorDescriptor<O, T, U, I>: ThisType<ThemeConstraintAnimator<O, T, U> & I> & ThemeConstraintAnimatorInit<T, U> & Partial<I>

Type parameters

  • O = unknown

  • T = unknown

  • U = T

  • I = {}

Variables

Const AngleThemeAnimator

AngleThemeAnimator: ThemeAnimatorFactory<ThemeAnimator<any, Angle | null | undefined, AnyAngle | null | undefined>>

Const BooleanThemeAnimator

BooleanThemeAnimator: ThemeAnimatorFactory<ThemeAnimator<any, boolean | null | undefined, string | boolean | null | undefined>>

Const ColorThemeAnimator

ColorThemeAnimator: ThemeAnimatorFactory<ThemeAnimator<any, Color | null | undefined, AnyColor | null | undefined>>

ExpansionThemeAnimator

ExpansionThemeAnimator: ThemeAnimatorFactory<ExpansionThemeAnimator<any, undefined | null | Expansion, undefined | null | AnyExpansion>>

FeelVectorInterpolator

FeelVectorInterpolator: { prototype: FeelVectorInterpolator }

Type declaration

FocusThemeAnimator

FocusThemeAnimator: ThemeAnimatorFactory<FocusThemeAnimator<any, undefined | null | Focus, undefined | null | AnyFocus>>

Const FontThemeAnimator

FontThemeAnimator: ThemeAnimatorFactory<ThemeAnimator<any, Font | null | undefined, AnyFont | null | undefined>>

Const LengthThemeAnimator

LengthThemeAnimator: ThemeAnimatorFactory<ThemeAnimator<any, Length | null | undefined, AnyLength | null | undefined>>

Const LengthThemeConstraintAnimator

LengthThemeConstraintAnimator: ThemeConstraintAnimatorFactory<ThemeConstraintAnimator<any, Length | null | undefined, AnyLength | null | undefined>>

Mood

Mood: { alert: MoodVector<Feel>; ambient: MoodVector<Feel>; contrasted: MoodVector<Feel>; covered: MoodVector<Feel>; darker: MoodVector<Feel>; default: MoodVector<Feel>; disabled: MoodVector<Feel>; embossed: MoodVector<Feel>; floating: MoodVector<Feel>; hovering: MoodVector<Feel>; inactive: MoodVector<Feel>; lighter: MoodVector<Feel>; navigating: MoodVector<Feel>; nested: MoodVector<Feel>; opaque: MoodVector<Feel>; primary: MoodVector<Feel>; raised: MoodVector<Feel>; secondary: MoodVector<Feel>; selected: MoodVector<Feel>; translucent: MoodVector<Feel>; transparent: MoodVector<Feel>; warning: MoodVector<Feel> }

Type declaration

Const NumberThemeAnimator

NumberThemeAnimator: ThemeAnimatorFactory<ThemeAnimator<any, number | null | undefined, string | number | null | undefined>>

Const NumberThemeConstraintAnimator

NumberThemeConstraintAnimator: ThemeConstraintAnimatorFactory<ThemeConstraintAnimator<any, number | null | undefined, string | number | null | undefined>>

PresenceThemeAnimator

PresenceThemeAnimator: ThemeAnimatorFactory<PresenceThemeAnimator<any, undefined | null | Presence, undefined | null | AnyPresence>>

Const StringThemeAnimator

StringThemeAnimator: ThemeAnimatorFactory<ThemeAnimator<any, string | null | undefined, string | null | undefined>>

Const Theme

Theme: { dark: ThemeMatrix; light: ThemeMatrix }

Type declaration

ThemeAnimator

ThemeAnimator: ThemeAnimatorFactory<ThemeAnimator<any, any, any>>

ThemeConstraintAnimator

ThemeConstraintAnimator: ThemeConstraintAnimatorFactory<ThemeConstraintAnimator<any, any, any>>

ThemeContext

ThemeContext: { is: any }

Type declaration

  • is: function

    • Parameters

      • object: unknown

      Returns object is ThemeContext

Const TransformThemeAnimator

TransformThemeAnimator: ThemeAnimatorFactory<ThemeAnimator<any, Transform | null | undefined, AnyTransform | null | undefined>>

Generated using TypeDoc