@serendie/ui/styled-system/themes/index.d.ts

Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric

/* eslint-disable */
export type ThemeName = 'asagi' | 'konjo-dark' | 'kurikawa' | 'sumire' | 'tsutsuji'
export type ThemeByName = {
  'asagi': {
          id: string,
          name: 'asagi',
          css: string
        }
'konjo-dark': {
          id: string,
          name: 'konjo-dark',
          css: string
        }
'kurikawa': {
          id: string,
          name: 'kurikawa',
          css: string
        }
'sumire': {
          id: string,
          name: 'sumire',
          css: string
        }
'tsutsuji': {
          id: string,
          name: 'tsutsuji',
          css: string
        }
}

export type Theme<T extends ThemeName> = ThemeByName[T]

/**
 * Dynamically import a theme by name
 */
export declare function getTheme<T extends ThemeName>(themeName: T): Promise<ThemeByName[T]>

/**
 * Inject a theme stylesheet into the document
 */
export declare function injectTheme(el: HTMLElement, theme: Theme<any>): HTMLStyleElement