monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
3 lines (2 loc) • 1.56 kB
JavaScript
var e={editableHeadingWrapper:"editableHeadingWrapper","focus-visible":"focus-visible",headingComponent:"headingComponent",insetFocus:"insetFocus"};!function(e){const n="s_id-a8b96d319ff8_2_149_4";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".editableHeadingWrapper {\n width: 100%;\n min-width: 0;\n border: 1px solid transparent;\n border-radius: var(--border-radius-small);\n}\n.editableHeadingWrapper:focus-visible, .editableHeadingWrapper.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.editableHeadingWrapper:focus:not(.focus-visible) {\n outline: none;\n}\n.editableHeadingWrapper:focus,\n.editableHeadingWrapper:active {\n outline: none;\n}\n.headingComponent {\n margin: 0;\n}\n.editableHeadingWrapper.insetFocus:focus-visible, .editableHeadingWrapper.insetFocus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.editableHeadingWrapper.insetFocus:focus:not(.focus-visible) {\n outline: none;\n}");export{e as default};
//# sourceMappingURL=LegacyEditableHeading.module.scss.js.map