@anpdgovbr/shared-ui

/** * Valores de cores estáticos baseados no GovBR Design System * * @security Valores HEX fixos previnem erros de runtime quando CSS variables falham * @resilience Paleta completa com múltiplas tonalidades garante flexibilidade sem quebrar acessibilidade * * Esta versão usa valores HEX diretos em vez de CSS variables * para evitar erros no Storybook e outras situações onde o MUI * precisa processar as cores com suas funções (alpha, lighten, etc.) */ export declare const govbrColors: { readonly blueWarmVivid: { readonly 90: "#071d41"; readonly 80: "#0c326f"; readonly 70: "#1351b4"; readonly 60: "#155bcb"; readonly 50: "#2670e8"; readonly 40: "#5992ed"; readonly 30: "#81aefc"; readonly 20: "#adcdff"; readonly 10: "#d4e5ff"; readonly 5: "#edf5ff"; }; readonly yellowVivid: { readonly 40: "#c2850c"; readonly 30: "#ddaa01"; readonly 20: "#ffd200"; readonly 10: "#ffe396"; readonly 5: "#fef0c8"; }; readonly greenCoolVivid: { readonly 80: "#19311e"; readonly 70: "#154c21"; readonly 60: "#216e1f"; readonly 50: "#168821"; readonly 40: "#00a91c"; readonly 30: "#21c834"; readonly 20: "#70e17b"; readonly 10: "#b7f5bd"; readonly 5: "#e3f5e1"; }; readonly orangeVivid: { readonly 70: "#8f4700"; readonly 60: "#a54c00"; readonly 50: "#c05600"; readonly 40: "#d66d00"; readonly 30: "#f29f05"; readonly 20: "#ffbc78"; readonly 10: "#fdd4a6"; readonly 5: "#fef2e4"; }; readonly blueCoolVivid: { readonly 80: "#002d3f"; readonly 70: "#074b69"; readonly 60: "#07648d"; readonly 50: "#0d7ea2"; readonly 40: "#28a0cb"; readonly 30: "#59b9de"; readonly 20: "#97d4ea"; readonly 10: "#c3ebfa"; readonly 5: "#e1f3f8"; }; readonly redVivid: { readonly 80: "#540b0e"; readonly 70: "#800610"; readonly 60: "#a91920"; readonly 50: "#d04f4f"; readonly 40: "#e85d64"; readonly 30: "#fd8ba0"; readonly 20: "#f8a8a8"; readonly 10: "#f9dede"; readonly 5: "#fef0f0"; }; readonly gray: { readonly 90: "#101820"; readonly 80: "#333333"; readonly 70: "#666666"; readonly 60: "#757575"; readonly 50: "#999999"; readonly 40: "#cccccc"; readonly 30: "#dddddd"; readonly 20: "#eeeeee"; readonly 10: "#f6f6f6"; readonly 5: "#fafafa"; }; readonly pure: { readonly 100: "#000000"; readonly 0: "#ffffff"; }; }; /** * Cores institucionais da ANPD baseadas no padrão visual da Autoridade Nacional de Proteção de Dados * Seguindo a mesma estrutura de variações do govbrColors */ export declare const anpdColors: { readonly greenAnpd: { readonly 90: "#0a1f13"; readonly 80: "#20502e"; readonly 70: "#2a6939"; readonly 60: "#307244"; readonly 50: "#3d8b54"; readonly 40: "#4c9a61"; readonly 30: "#6bb37e"; readonly 20: "#92c9a3"; readonly 10: "#b8ddc4"; readonly 5: "#e0f2e6"; }; readonly blueAnpd: { readonly 90: "#002838"; readonly 80: "#004d66"; readonly 70: "#0079b0"; readonly 60: "#008dc4"; readonly 50: "#00aeef"; readonly 40: "#33bff2"; readonly 30: "#5fccff"; readonly 20: "#8ddbff"; readonly 10: "#b8e8ff"; readonly 5: "#e0f5ff"; }; readonly orangeAnpd: { readonly 90: "#4d2600"; readonly 80: "#6b3600"; readonly 70: "#c77900"; readonly 60: "#e08a00"; readonly 50: "#faa61a"; readonly 40: "#fbb847"; readonly 30: "#fcc670"; readonly 20: "#fdd699"; readonly 10: "#fee5c2"; readonly 5: "#fff4e5"; }; readonly greenCoolAnpd: { readonly 80: "#19311e"; readonly 70: "#154c21"; readonly 60: "#216e1f"; readonly 50: "#2e7d32"; readonly 40: "#4caf50"; readonly 30: "#66bb6a"; readonly 20: "#81c784"; readonly 10: "#a5d6a7"; readonly 5: "#c8e6c9"; }; readonly gray: { readonly 90: "#101820"; readonly 80: "#212121"; readonly 70: "#4f4f4f"; readonly 60: "#757575"; readonly 50: "#999999"; readonly 40: "#cccccc"; readonly 30: "#dddddd"; readonly 20: "#eeeeee"; readonly 10: "#f5f5f5"; readonly 5: "#fafafa"; }; readonly pure: { readonly 100: "#000000"; readonly 0: "#ffffff"; }; }; /** * Paleta de cores para o MUI usando valores HEX diretos * Esta versão será usada nos overrides de componentes onde o MUI * precisa processar as cores com suas funções internas. */ export declare const govbrPalette: { readonly primary: { readonly main: "#1351b4"; readonly light: "#5992ed"; readonly dark: "#0c326f"; readonly contrastText: "#ffffff"; }; readonly secondary: { readonly main: "#ffd200"; readonly light: "#ffe396"; readonly dark: "#ddaa01"; readonly contrastText: "#333333"; }; readonly success: { readonly main: "#168821"; readonly light: "#70e17b"; readonly dark: "#154c21"; readonly contrastText: "#ffffff"; }; readonly warning: { readonly main: "#f29f05"; readonly light: "#ffbc78"; readonly dark: "#c05600"; readonly contrastText: "#333333"; }; readonly info: { readonly main: "#0d7ea2"; readonly light: "#59b9de"; readonly dark: "#074b69"; readonly contrastText: "#ffffff"; }; readonly error: { readonly main: "#d04f4f"; readonly light: "#fd8ba0"; readonly dark: "#800610"; readonly contrastText: "#ffffff"; }; readonly grey: { readonly 50: "#fafafa"; readonly 100: "#f6f6f6"; readonly 200: "#eeeeee"; readonly 300: "#dddddd"; readonly 400: "#cccccc"; readonly 500: "#999999"; readonly 600: "#757575"; readonly 700: "#666666"; readonly 800: "#333333"; readonly 900: "#101820"; readonly A100: "#f6f6f6"; readonly A200: "#eeeeee"; readonly A400: "#cccccc"; readonly A700: "#666666"; }; readonly text: { readonly primary: "#333333"; readonly secondary: "#757575"; readonly disabled: "#999999"; }; readonly divider: "#dddddd"; readonly background: { readonly default: "#ffffff"; readonly paper: "#ffffff"; }; readonly action: { readonly active: "#1351b4"; readonly hover: "#f6f6f6"; readonly selected: "#d4e5ff"; readonly disabled: "#cccccc"; readonly disabledBackground: "#eeeeee"; }; }; /** * Paleta de cores ANPD para o MUI usando valores HEX diretos * Baseada nas cores institucionais da ANPD com estrutura compatível com MUI */ export declare const anpdPalette: { readonly primary: { readonly main: "#307244"; readonly light: "#4c9a61"; readonly dark: "#20502e"; readonly contrastText: "#ffffff"; }; readonly secondary: { readonly main: "#00aeef"; readonly light: "#5fccff"; readonly dark: "#0079b0"; readonly contrastText: "#ffffff"; }; readonly success: { readonly main: "#2e7d32"; readonly light: "#81c784"; readonly dark: "#154c21"; readonly contrastText: "#ffffff"; }; readonly warning: { readonly main: "#faa61a"; readonly light: "#fcc670"; readonly dark: "#c77900"; readonly contrastText: "#000000"; }; readonly info: { readonly main: "#00aeef"; readonly light: "#5fccff"; readonly dark: "#0079b0"; readonly contrastText: "#ffffff"; }; readonly error: { readonly main: "rgba(194, 24, 7, 0.85)"; readonly light: "#fd8ba0"; readonly dark: "#800610"; readonly contrastText: "#ffffff"; }; readonly grey: { readonly 50: "#fafafa"; readonly 100: "#f5f5f5"; readonly 200: "#eeeeee"; readonly 300: "#dddddd"; readonly 400: "#cccccc"; readonly 500: "#999999"; readonly 600: "#757575"; readonly 700: "#4f4f4f"; readonly 800: "#212121"; readonly 900: "#101820"; readonly A100: "#f5f5f5"; readonly A200: "#eeeeee"; readonly A400: "#cccccc"; readonly A700: "#4f4f4f"; }; readonly text: { readonly primary: "#212121"; readonly secondary: "#4f4f4f"; readonly disabled: "#999999"; }; readonly divider: "#dddddd"; readonly background: { readonly default: "#f5f5f5"; readonly paper: "#ffffff"; }; readonly action: { readonly active: "#307244"; readonly hover: "#f5f5f5"; readonly selected: "#b8ddc4"; readonly disabled: "#cccccc"; readonly disabledBackground: "#eeeeee"; }; }; //# sourceMappingURL=paletteValues.d.ts.map