/* Tweaks for the Engineering Excellence wireframe.
Applies structural variations by setting data-* on ;
styles.css + dashboard.js react to those attributes. */
const EE_TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"density": "comfortable",
"summary": true,
"sprint": "scrubber",
"drill": "expand",
"color": "full",
"sketch": "rough"
}/*EDITMODE-END*/;
function EETweaks(){
const [t, setTweak] = useTweaks(EE_TWEAK_DEFAULTS);
React.useEffect(()=>{
const d = document.documentElement.dataset;
d.density = t.density;
d.summary = t.summary ? 'on' : 'off';
d.sprint = t.sprint;
d.drill = t.drill;
d.color = t.color;
d.sketch = t.sketch;
}, [t]);
return (
setTweak('density', v)} />
setTweak('summary', v)} />
setTweak('sprint', v)} />
setTweak('drill', v)} />
setTweak('color', v)} />
setTweak('sketch', v)} />
);
}
ReactDOM.createRoot(document.getElementById('tweaks-root')).render();