@porsche-design-system/components-angular/vanilla-extract/esm/focus/getFocusVisibleStyle.mjs

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.

import { colorFocus } from '../color/light-dark/colorFocus.mjs';

const getFocusVisibleStyle = (opts) => {
    const { offset = '2px' } = opts || {};
    return {
        selectors: {
            '&:focus-visible': {
                outline: `2px solid ${colorFocus}`,
                outlineOffset: offset,
            },
        },
    };
};

export { getFocusVisibleStyle };