@sparkpost/matchbox
Version:
A React UI component library
35 lines (34 loc) • 1.8 kB
TypeScript
export declare const buttonReset = "\n border: none;\n margin: 0;\n padding: 0;\n overflow: visible;\n width: auto;\n background: transparent;\n color: inherit;\n font: inherit;\n line-height: normal;\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n -webkit-appearance: none;\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n";
export declare const visuallyHidden = "\n border: 0 !important;\n clip: rect(1px, 1px, 1px, 1px) !important;\n clip-path: inset(50%) !important;\n height: 1px !important;\n margin: -1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n width: 1px !important;\n word-wrap: normal !important;\n";
declare type FocusOutline = {
/**
* Color of the focus ring. Defaults to color_blue_700.
*/
color?: string;
/**
* CSS selector to target the pseudo-element with the ring. Defaults to '&:focus'.
*/
modifier?: string;
/**
* Pixel offset of the focus ring. Defaults to '3px'.
*/
offset?: string;
/**
* Border radius of the focus ring. Defaults to borderRadius_200.
*/
radius?: string;
};
/**
* Creates focus styles on an :after pseudo-element.
* @param string Color of the focus ring. Defaults to color_blue_700.
* @param modifier CSS selector to target the pseudo-element with the ring, defaults to '&:focus'
* @param offset Pixel offset of the focus ring. Defaults to '3px'.
* @param radius Border radius of the focus ring. Defaults to borderRadius_200.
*
* @example
* const Styled = styled.div`
* ${focusOutline({ color: 'gray', modifier: '&:focus-within' })}
* `;
*/
export declare const focusOutline: ({ color, modifier, offset, radius, }?: FocusOutline) => string;
export {};