42 lines
1007 B
JavaScript
42 lines
1007 B
JavaScript
'use client';
|
|
"use strict";
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
Object.defineProperty(exports, "useStyles", {
|
|
enumerable: true,
|
|
get: function() {
|
|
return useStyles;
|
|
}
|
|
});
|
|
const _react = require("@griffel/react");
|
|
const _reacttheme = require("@fluentui/react-theme");
|
|
const useStyles = (0, _react.makeStyles)({
|
|
wrapper: {
|
|
display: 'none',
|
|
height: 0,
|
|
width: 0,
|
|
pointerEvents: 'none'
|
|
},
|
|
wrapperActive: {
|
|
display: 'block'
|
|
},
|
|
svg: {
|
|
fill: 'transparent',
|
|
pointerEvents: 'none',
|
|
position: 'fixed',
|
|
top: 0,
|
|
left: 0
|
|
},
|
|
triangle: {
|
|
pointerEvents: 'auto'
|
|
},
|
|
triangleDebug: {
|
|
cursor: 'crosshair',
|
|
fill: `color-mix(in srgb, ${_reacttheme.tokens.colorPaletteGreenBackground3} 20%, transparent)`
|
|
},
|
|
rectDebug: {
|
|
fill: `color-mix(in srgb, ${_reacttheme.tokens.colorPaletteRedBackground3} 20%, transparent)`
|
|
}
|
|
});
|