export declare const hotPink = "#E40046"; export declare const pink = "#EB4962"; export declare const lightPink = "#F5B5BA"; export declare const plum = "#8A1B61"; export declare const jade = "#006F62"; export declare const lightBeige = "#FAF7F5"; export declare const warmRed = "#EF3340"; export declare const turquoise = "#00B2A9"; export declare const yellowOrange = "#F1B434"; export declare const mediumOrange = "#FF8F1C"; export declare const yellow = "#EFC93D"; export declare const green = "#228F67"; export declare const white = "#ffffff"; export declare const black = "#000000"; export declare const blackLight = "#313B44"; export declare const blueDarkest = "#0F3554"; export declare const blueDarker = "#144A75"; export declare const blueDark = "#1F73B7"; export declare const blue = "#337FBD"; export declare const blueLight = "#5293C7"; export declare const blueLighter = "#ADCCE4"; export declare const blueLightest = "#CEE2F2"; export declare const grayDarkest = "#2F3941"; export declare const grayDarker = "#49545C"; export declare const grayDark = "#68737D"; export declare const gray = "#87929D"; export declare const grayLight = "#C2C8CC"; export declare const grayLighter = "#D8DCDE"; export declare const grayLightest = "#E9EBED"; export type CoreUITheme = { statusHealthy: string; statusHealthyRGB: string; statusWarning: string; statusWarningRGB: string; statusCritical: string; statusCriticalRGB: string; selectedActive: string; highlight: string; border: string; buttonPrimary: string; buttonSecondary: string; buttonDelete: string; infoPrimary: string; infoSecondary: string; backgroundLevel1: string; backgroundLevel2: string; backgroundLevel3: string; backgroundLevel4: string; navbarBackground: string; textPrimary: string; textSecondary: string; textTertiary: string; textReverse: string; textLink: string; }; export declare const coreUIAvailableThemesNames: readonly ["darkRebrand", "artescaLight", "ring9dark", "G-Dark"]; export type CoreUIThemeName = (typeof coreUIAvailableThemesNames)[number]; export declare const coreUIAvailableThemes: Record; /** * @deprecated * * Please use coreUIAvailableThemes instead, the label is more explicit. * * import { coreUIAvailableThemes } from '@scality/core-ui/dist/style/theme'; */ export declare const defaultTheme: Record<"darkRebrand" | "artescaLight" | "ring9dark" | "G-Dark", CoreUITheme>; /** * @deprecated * Instead should use useTheme() * import { useTheme } from 'styled-components'; * const theme = useTheme(); * e.g: color={theme.statusHealthy} * */ export declare const brand: CoreUITheme; export type ThemeColors = keyof CoreUITheme; export declare const lineColor1 = "#A14FBF"; export declare const lineColor2 = "#BE9A40"; export declare const lineColor3 = "#4BE4E2"; export declare const lineColor4 = "#245A83"; export declare const lineColor5 = "#E3FF73"; export declare const lineColor6 = "#BE2543"; export declare const lineColor7 = "#FD8144"; export declare const lineColor8 = "#F6B187"; export type ChartColors = keyof typeof chartColors; export declare const chartColors: { lineColor1: string; lineColor2: string; lineColor3: string; lineColor4: string; lineColor5: string; lineColor6: string; lineColor7: string; lineColor8: string; }; export declare const fontSize: { smaller: string; small: string; base: string; large: string; larger: string; huge: string; massive: string; }; /** * @deprecated * * use import { spacing } from '@scality/core-ui/dist/spacing'; */ export declare const space: string[]; export declare const fontWeight: { light: string; base: string; semibold: string; bold: string; }; /** * @deprecated * * Use spacing instead \ * smaller : sp4 \ * small : sp8 \ * base : sp16 \ * large : sp20 \ * larger : sp24 \ * */ export declare const padding: { smaller: string; small: string; base: string; large: string; larger: string; }; /** * @deprecated * use import { spacing } from '@scality/core-ui/dist/spacing'; * */ export declare const spacing: { sp0: string; sp1: string; sp2: string; sp4: string; sp8: string; sp10: string; sp12: string; sp14: string; sp16: string; sp20: string; sp24: string; sp28: string; sp32: string; sp40: string; }; export declare const svgSize: { smaller: string; small: string; base: string; large: string; larger: string; huge: string; massive: string; }; export declare const zIndex: { tooltip: number; notification: number; modal: number; drawer: number; overlay: number; dropdown: number; nav: number; sidebar: number; scrollbarButton: number; base: number; }; export declare const navbarHeight = "3rem"; export declare const navbarItemWidth = "4.286rem"; export declare const sidebarItemHeight: string; export declare const sidebarWidth: string; export declare const lineTimeSeriesColorRange: string[]; //# sourceMappingURL=theme.d.ts.map