@sanity/form-builder
Version:
Sanity form builder
19 lines (18 loc) • 954 B
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.focusRingBorderStyle = focusRingBorderStyle;
exports.focusRingStyle = focusRingStyle;
function focusRingBorderStyle(border) {
return "inset 0 0 0 ".concat(border.width, "px ").concat(border.color);
}
function focusRingStyle(opts) {
var base = opts.base,
border = opts.border,
focusRing = opts.focusRing;
var focusRingOutsetWidth = focusRing.offset + focusRing.width;
var focusRingInsetWidth = 0 - focusRing.offset;
var bgColor = base ? base.bg : 'var(--card-bg-color)';
return [focusRingInsetWidth > 0 && "inset 0 0 0 ".concat(focusRingInsetWidth, "px var(--card-focus-ring-color)"), border && focusRingBorderStyle(border), focusRingInsetWidth < 0 && "0 0 0 ".concat(0 - focusRingInsetWidth, "px ").concat(bgColor), focusRingOutsetWidth > 0 && "0 0 0 ".concat(focusRingOutsetWidth, "px var(--card-focus-ring-color)")].filter(Boolean).join(',');
}