import { ColorKeyword } from './scales';
export type BackgroundColorKeyword = 'transparent' | ColorKeyword;
export interface BackgroundProps {
    /**
     * Adjust the background of the element.
     *
     * @default 'transparent'
     */
    background?: BackgroundColorKeyword;
}
/**
 * Tone is a property for defining the color treatment of a component.
 *
 * A tone can apply a grouping of colors to a component. For example,
 * critical may have a specific text color and background color.
 *
 * In some cases, like for Banner, the tone may also affect the semantic and accessibility treatment of the component.
 *
 * @default 'auto'
 */
export type ToneKeyword = 'auto' | 'neutral' | 'info' | 'success' | 'caution' | 'warning' | 'critical' | 'custom';