monday-ui-react-core/dist/esm/src/components/EditableTypography/EditableTypography.module.scss.js

Official monday.com UI resources for application development in React.js

var e={editableTypography:"editableTypography_f30a9f9152",input:"input_34cb5a8910",typography:"typography_d6608337f5",disabled:"disabled_f6a86f5dbd",hidden:"hidden_2a02d3cb2d",placeholder:"placeholder_9711382bec"};!function(e){const a="s_id-77c45383a678_2_149_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_f30a9f9152 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_f30a9f9152 .input_34cb5a8910 {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_f30a9f9152 .input_34cb5a8910:focus, .editableTypography_f30a9f9152 .input_34cb5a8910:active {\n  outline: none;\n}\n.editableTypography_f30a9f9152 .typography_d6608337f5 {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_f30a9f9152 .typography_d6608337f5:hover:not(.disabled_f6a86f5dbd) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_f30a9f9152 .typography_d6608337f5.hidden_2a02d3cb2d {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_f30a9f9152 .typography_d6608337f5.placeholder_9711382bec {\n  color: var(--secondary-text-color);\n}");export{e as default};
//# sourceMappingURL=EditableTypography.module.scss.js.map