import { ThemeLabel } from '../label/theme.js'; import { ThemeUserFeedback } from '../user-feedback/theme.js'; type ThemeCheckbox = { borderUnselected: string; borderHover: string; borderSelected: string; borderError: string; fillSelected: string; fillUnselected: string; textLabel: string; textSupporting: string; textIndeterminate: string; }; type ThemeCheckboxGroup = ThemeLabel & ThemeUserFeedback; declare const themeCheckbox: ThemeCheckbox; declare const themeCheckboxGroup: ThemeCheckboxGroup; declare const themeCheckboxBrand: ThemeCheckbox; declare const themeCheckboxGroupBrand: ThemeCheckboxGroup; /** @deprecated Use `themeCheckbox` and component `theme` prop instead of emotion's `ThemeProvider` */ declare const checkboxThemeDefault: { label: { textLabel: "#121212"; textOptional: "#707070"; textSupporting: "#707070"; textError: "#C70000"; textSuccess: "#22874D"; }; userFeedback: { textSuccess: "#22874D"; textError: "#C70000"; }; checkbox: { border: "#707070"; borderHover: "#0077B6"; borderChecked: "#0077B6"; borderError: "#C70000"; backgroundChecked: "#0077B6"; textLabel: "#121212"; textLabelSupporting: "#707070"; textIndeterminate: "#707070"; }; }; /** @deprecated Use `themeCheckboxBrand` and component `theme` prop instead of emotion's `ThemeProvider` */ declare const checkboxThemeBrand: { label: { textLabel: "#FFFFFF"; textOptional: "#C1D8FC"; textSupporting: "#C1D8FC"; textError: "#FF9081"; textSuccess: "#58D08B"; }; userFeedback: { textSuccess: "#58D08B"; textError: "#FF9081"; }; checkbox: { border: "#C1D8FC"; borderHover: "#FFFFFF"; borderChecked: "#FFFFFF"; borderError: "#FF9081"; backgroundChecked: "#FFFFFF"; textLabel: "#FFFFFF"; textLabelSupporting: "#C1D8FC"; textIndeterminate: "#C1D8FC"; }; }; export { checkboxThemeBrand, checkboxThemeDefault, themeCheckbox, themeCheckboxBrand, themeCheckboxGroup, themeCheckboxGroupBrand }; export type { ThemeCheckbox, ThemeCheckboxGroup };