@porsche-design-system/components-js
Version:
Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.
30 lines (29 loc) • 916 B
TypeScript
type Offset = 'small' | 'none';
type BorderRadius = 'small' | 'medium';
export type Options = {
offset?: Offset | string;
borderRadius?: BorderRadius | string;
};
export declare const getFocusStyles: (borderRadius?: Options["borderRadius"]) => {
borderRadius: string;
};
export declare const getFocusNestedStyles: (offset?: Options["offset"]) => {
readonly '&:focus': {
readonly outline: "2px solid #1A44EA";
readonly outlineOffset: string | 0;
};
readonly '&:focus:not(:focus-visible)': {
readonly outlineColor: "transparent";
};
};
export declare const getFocusStyle: (opts?: Options) => {
readonly '&:focus': {
readonly outline: "2px solid #1A44EA";
readonly outlineOffset: string | 0;
};
readonly '&:focus:not(:focus-visible)': {
readonly outlineColor: "transparent";
};
readonly borderRadius: string;
};
export {};