import { consoleDarkerTheme, consoleDarkTheme, consoleLightTheme, useTheme } from '@ultraviolet/themes'; import { ThemeProvider } from './ThemeProvider'; export type ScreenSize = keyof typeof consoleLightTheme.breakpoints; /** * @deprecated use `UltravioletUITheme` from `@ultraviolet/themes` instead */ type UltravioletUITheme = typeof consoleLightTheme; declare const colors: { danger: { background: string; backgroundDisabled: string; backgroundHover: string; backgroundStrong: string; backgroundStrongDisabled: string; backgroundStrongHover: string; border: string; borderDisabled: string; borderHover: string; borderStrong: string; borderStrongDisabled: string; borderStrongHover: string; icon: string; iconDisabled: string; iconHover: string; iconStrong: string; iconStrongDisabled: string; iconStrongHover: string; text: string; textDisabled: string; textHover: string; textStrong: string; textStrongDisabled: string; textStrongHover: string; }; info: { background: string; backgroundDisabled: string; backgroundHover: string; backgroundStrong: string; backgroundStrongDisabled: string; backgroundStrongHover: string; border: string; borderDisabled: string; borderHover: string; borderStrong: string; borderStrongDisabled: string; borderStrongHover: string; icon: string; iconDisabled: string; iconHover: string; iconStrong: string; iconStrongDisabled: string; iconStrongHover: string; text: string; textDisabled: string; textHover: string; textStrong: string; textStrongDisabled: string; textStrongHover: string; }; neutral: { background: string; backgroundDisabled: string; backgroundHover: string; backgroundStrong: string; backgroundStrongDisabled: string; backgroundStrongHover: string; backgroundStronger: string; backgroundStrongerDisabled: string; backgroundStrongerHover: string; backgroundWeak: string; backgroundWeakDisabled: string; backgroundWeakElevated: string; backgroundWeakHover: string; border: string; borderDisabled: string; borderHover: string; borderStrong: string; borderStrongDisabled: string; borderStrongHover: string; borderStronger: string; borderStrongerDisabled: string; borderStrongerHover: string; borderWeak: string; borderWeakDisabled: string; borderWeakHover: string; icon: string; iconDisabled: string; iconHover: string; iconStrong: string; iconStrongDisabled: string; iconStrongHover: string; iconStronger: string; iconStrongerDisabled: string; iconStrongerHover: string; iconWeak: string; iconWeakDisabled: string; iconWeakHover: string; text: string; textDisabled: string; textHover: string; textStrong: string; textStrongDisabled: string; textStrongHover: string; textStronger: string; textStrongerDisabled: string; textStrongerHover: string; textWeak: string; textWeakDisabled: string; textWeakHover: string; }; other: { data: { charts: { danger: string; data1: string; data10: string; data11: string; data12: string; data13: string; data14: string; data2: string; data3: string; data4: string; data5: string; data6: string; data7: string; data8: string; data9: string; success: string; }; }; elevation: { background: { fixed: string; fixedReversed: string; overlay: string; raised: string; raisedReversed: string; }; }; gradients: { background: { linear: { accent: string; aqua: string; blue: string; emerald: string; fuschia: string; magenta: string; primary: string; }; radial: { aquaFuschia: string; aquaPurple: string; fuschiaPurple: string; lime: string; magenta: string; purple: string; }; }; text: { dark: string; light: string; }; }; icon: { category: { neutral: { fill: string; fillDisabled: string; fillStrong: string; fillStrongDisabled: string; }; primary: { fill: string; fillDisabled: string; fillStrong: string; fillStrongDisabled: string; }; }; product: { danger: { fill: string; fillDisabled: string; fillStrong: string; fillStrongDisabled: string; fillWeak: string; fillWeakDisabled: string; }; original: { fill: string; fillDisabled: string; fillStrong: string; fillStrongDisabled: string; fillWeak: string; fillWeakDisabled: string; }; primary: { fill: string; fillDisabled: string; fillStrong: string; fillStrongDisabled: string; fillWeak: string; fillWeakDisabled: string; }; warning: { fill: string; fillDisabled: string; fillStrong: string; fillStrongDisabled: string; fillWeak: string; fillWeakDisabled: string; }; }; }; monochrome: { black: { background: string; backgroundDisabled: string; backgroundHover: string; border: string; borderDisabled: string; borderHover: string; icon: string; iconDisabled: string; iconHover: string; text: string; textDisabled: string; textHover: string; }; white: { background: string; backgroundDisabled: string; backgroundHover: string; border: string; borderDisabled: string; borderHover: string; icon: string; iconDisabled: string; iconHover: string; text: string; textDisabled: string; textHover: string; }; }; }; overlay: string; primary: { background: string; backgroundDisabled: string; backgroundHover: string; backgroundStrong: string; backgroundStrongDisabled: string; backgroundStrongHover: string; border: string; borderDisabled: string; borderHover: string; borderStrong: string; borderStrongDisabled: string; borderStrongHover: string; icon: string; iconDisabled: string; iconHover: string; iconStrong: string; iconStrongDisabled: string; iconStrongHover: string; text: string; textDisabled: string; textHover: string; textStrong: string; textStrongDisabled: string; textStrongHover: string; }; secondary: { background: string; backgroundDisabled: string; backgroundHover: string; backgroundStrong: string; backgroundStrongDisabled: string; backgroundStrongHover: string; border: string; borderDisabled: string; borderHover: string; borderStrong: string; borderStrongDisabled: string; borderStrongHover: string; icon: string; iconDisabled: string; iconHover: string; iconStrong: string; iconStrongDisabled: string; iconStrongHover: string; text: string; textDisabled: string; textHover: string; textStrong: string; textStrongDisabled: string; textStrongHover: string; }; success: { background: string; backgroundDisabled: string; backgroundHover: string; backgroundStrong: string; backgroundStrongDisabled: string; backgroundStrongHover: string; border: string; borderDisabled: string; borderHover: string; borderStrong: string; borderStrongDisabled: string; borderStrongHover: string; icon: string; iconDisabled: string; iconHover: string; iconStrong: string; iconStrongDisabled: string; iconStrongHover: string; text: string; textDisabled: string; textHover: string; textStrong: string; textStrongDisabled: string; textStrongHover: string; }; warning: { background: string; backgroundDisabled: string; backgroundHover: string; backgroundStrong: string; backgroundStrongDisabled: string; backgroundStrongHover: string; border: string; borderDisabled: string; borderHover: string; borderStrong: string; borderStrongDisabled: string; borderStrongHover: string; icon: string; iconDisabled: string; iconHover: string; iconStrong: string; iconStrongDisabled: string; iconStrongHover: string; text: string; textDisabled: string; textHover: string; textStrong: string; textStrongDisabled: string; textStrongHover: string; }; }, shadows: { bulk: string; defaultShadow: string; drawer: string; dropdown: string; fixed: { '0': string; '1': string; }; fixedReversed: { '0': string; '1': string; }; focusDanger: string; focusInfo: string; focusNeutral: string; focusPrimary: string; focusSuccess: string; focusWarning: string; hoverDanger: string; hoverInfo: string; hoverNeutral: string; hoverPrimary: string; hoverSuccess: string; hoverWarning: string; menu: string; modal: string; overlay: { '0': string; '1': string; }; popover: string; raised: { '0': string; '1': string; }; raisedReversed: { '0': string; '1': string; }; tabBar: { active: string; off: string; }; tooltip: string; }, typography: { body: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; bodySmall: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; bodySmallStrong: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; bodySmallStronger: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; bodyStrong: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; bodyStronger: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; caption: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; captionSmall: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; captionSmallStrong: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; captionSmallStronger: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; captionStrong: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; captionStronger: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; code: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; codeSmall: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; codeSmallStrong: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; codeSmallStronger: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; codeStrong: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; codeStronger: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; heading: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; headingLarge: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; headingLargeStrong: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; headingLargeStronger: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; headingSmall: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; headingSmallStrong: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; headingSmallStronger: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; headingStrong: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; headingStronger: { fontFamily: string; fontSize: string; fontWeight: string; letterSpacing: string; lineHeight: string; paragraphSpacing: string; textCase: string; textDecoration: string; weight: string; }; }, space: { '0': string; '1': string; '2': string; '3': string; '4': string; '5': string; '6': string; '7': string; '8': string; '9': string; '10': string; '0.25': string; '0.5': string; '1.5': string; }, radii: { circle: string; default: string; large: string; none: string; small: string; xlarge: string; xxlarge: string; }, breakpoints: { large: string; medium: string; small: string; xlarge: string; xsmall: string; xxsmall: string; }; type RecursivePartial = { [P in keyof T]?: RecursivePartial; }; /** * Will extend theme with new theme properties * @param {RecursivePartial} extendedTheme the properties of a new theme you want to apply from baseTheme */ declare const extendTheme: (extendedTheme: RecursivePartial) => UltravioletUITheme; type Color = Extract; type ExtendedColor = Color | 'white' | 'black'; declare const SENTIMENTS: readonly ['primary', 'secondary', 'neutral', 'success', 'danger', 'warning', 'info']; declare const SENTIMENTS_WITHOUT_NEUTRAL: ("danger" | "info" | "primary" | "secondary" | "success" | "warning")[]; export type { UltravioletUITheme, Color, ExtendedColor }; export { colors, shadows, space, radii, breakpoints as screens, /** * @deprecated use `consoleDarkTheme` from `@ultraviolet/themes` instead */ consoleDarkTheme as darkTheme, /** * @deprecated use `consoleDarkerTheme` from `@ultraviolet/themes` instead */ consoleDarkerTheme as darkerTheme, /** * @deprecated use `extendTheme` from `@ultraviolet/themes` instead */ extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, /** * @deprecated use `ThemeProvider` from `@ultraviolet/themes` instead */ ThemeProvider, /** * @deprecated use `useTheme` from `@ultraviolet/themes` instead */ useTheme, }; /** * @deprecated use `consoleLightTheme` from `@ultraviolet/themes` instead */ export default consoleLightTheme; //# sourceMappingURL=index.d.ts.map