@nexusui/theme
Version:
This is a simple MUI theme drop in for your React application, which aims to be the source of truth for the NexusUI Design system.
88 lines (82 loc) • 3.45 kB
TypeScript
import * as _mui_material_styles from '@mui/material/styles';
import { CssVarsThemeOptions, Theme } from '@mui/material/styles';
import * as _mui_material_locale from '@mui/material/locale';
declare const nexusThemeConfig: CssVarsThemeOptions;
declare const nexusTheme: _mui_material_styles.Theme;
type ColorPartial = {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
declare const darkBlue: ColorPartial;
declare const green: ColorPartial;
declare const blue: ColorPartial;
declare const orange: ColorPartial;
declare const red: ColorPartial;
declare const white: ColorPartial;
declare const grey: ColorPartial;
declare const black: ColorPartial;
declare const highlight: {
mint: string;
turquoise: string;
bluejay: string;
cerulean: string;
radiantYellow: string;
sunshine: string;
blueberry: string;
candy: string;
};
declare const supportedLanguage: readonly ["en-US", "de-DE", "fr-FR", "en-GB", "it-IT", "es-ES", "pt-PT", "pt-BR", "pl", "sv-SE", "nl-NL", "tr", "cs", "hu", "ru", "zh-CN", "zh-TW", "ko", "ja", "bg", "da", "ro", "sk", "sl", "th"];
type LanguageType = (typeof supportedLanguage)[number];
declare const muiBaseLocales: {
enUS: _mui_material_locale.Localization;
deDE: _mui_material_locale.Localization;
itIT: _mui_material_locale.Localization;
frFR: _mui_material_locale.Localization;
enGB: _mui_material_locale.Localization;
esES: _mui_material_locale.Localization;
ptPT: _mui_material_locale.Localization;
ptBR: _mui_material_locale.Localization;
pl: _mui_material_locale.Localization;
svSE: _mui_material_locale.Localization;
nlNL: _mui_material_locale.Localization;
tr: _mui_material_locale.Localization;
cs: _mui_material_locale.Localization;
hu: _mui_material_locale.Localization;
ru: _mui_material_locale.Localization;
zhCN: _mui_material_locale.Localization;
zhTW: _mui_material_locale.Localization;
ko: _mui_material_locale.Localization;
ja: _mui_material_locale.Localization;
bg: _mui_material_locale.Localization;
da: _mui_material_locale.Localization;
ro: _mui_material_locale.Localization;
sk: _mui_material_locale.Localization;
th: _mui_material_locale.Localization;
};
/**
* A hook for creating a Theme with locale base on current language.
* Also stored current language value.
* { language, fnsLocale }
* @param { LanguageType } language - current language
* @param { CssVarsTheme } theme - optional value, default value is nexusui theme
* @default 'nexusuiTheme'
* @param { object[] } args - other args that you want to add to the theme
* @return {CssVarsTheme } - provide MUI theme with locale
*/
declare const useThemeWithLocale: (language: LanguageType, theme?: CssVarsThemeOptions, ...args: object[]) => Theme;
/**
* Get Highlight color by initials(E.g.: AA)
* @param {initials} - One or two characters are supported.
* @param {mode} - 'light' | 'dark'
* @returns {string} - A fixed highlight color
*/
declare const getHighlightColorByInitials: (initials: string) => any;
export { type ColorPartial, type LanguageType, black, blue, darkBlue, nexusTheme as default, getHighlightColorByInitials, green, grey, highlight, muiBaseLocales, nexusTheme, nexusThemeConfig, orange, red, supportedLanguage, useThemeWithLocale, white };