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

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.

'use strict';

var colorFocus = require('../color/light-dark/colorFocus.cjs');

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

exports.getFocusVisibleStyle = getFocusVisibleStyle;