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

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

var e={textAreaWrapper:"textAreaWrapper_ed394f43e5",label:"label_1cfa364156",required:"required_513534a179",subTextContainer:"subTextContainer_9711382bec",helpText:"helpText_f7a36a77a2",limitText:"limitText_603e51272b",textArea:"textArea_7223fdab4d",small:"small_ed5dfba300",large:"large_ff0b7ee97f",resize:"resize_59c989dba8",success:"success_27baf6ef5a",error:"error_1d47cc7123",disabled:"disabled_513534a179",readOnly:"readOnly_513534a179"};!function(e){const r="s_id-cf287aae5ade_2_149_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_ed394f43e5 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_ed394f43e5 .label_1cfa364156 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_ed394f43e5 .label_1cfa364156.required_513534a179::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_ed394f43e5 .subTextContainer_9711382bec {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_ed394f43e5 .subTextContainer_9711382bec .helpText_f7a36a77a2 {\n  display: flex;\n}\n.textAreaWrapper_ed394f43e5 .subTextContainer_9711382bec .limitText_603e51272b {\n  margin-left: auto;\n}\n.textAreaWrapper_ed394f43e5 .textArea_7223fdab4d {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_ed394f43e5 .textArea_7223fdab4d:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_ed394f43e5 .textArea_7223fdab4d:active, .textAreaWrapper_ed394f43e5 .textArea_7223fdab4d:focus, .textAreaWrapper_ed394f43e5 .textArea_7223fdab4d:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_ed394f43e5 .textArea_7223fdab4d.small_ed5dfba300 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_ed394f43e5 .textArea_7223fdab4d.large_ff0b7ee97f {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_ed394f43e5 .textArea_7223fdab4d:not(.resize_59c989dba8) {\n  resize: none;\n}\n.textAreaWrapper_ed394f43e5.success_27baf6ef5a .textArea_7223fdab4d {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_ed394f43e5.success_27baf6ef5a .helpText_f7a36a77a2 {\n  color: var(--color-success);\n}\n.textAreaWrapper_ed394f43e5.error_1d47cc7123 .textArea_7223fdab4d {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_ed394f43e5.error_1d47cc7123 .helpText_f7a36a77a2,\n.textAreaWrapper_ed394f43e5.error_1d47cc7123 .limitText_603e51272b {\n  color: var(--color-error);\n}\n.textAreaWrapper_ed394f43e5.disabled_513534a179 .textArea_7223fdab4d,\n.textAreaWrapper_ed394f43e5.disabled_513534a179 .textArea_7223fdab4d:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_ed394f43e5.disabled_513534a179 .helpText_f7a36a77a2 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_ed394f43e5.readOnly_513534a179 .textArea_7223fdab4d,\n.textAreaWrapper_ed394f43e5.readOnly_513534a179 .textArea_7223fdab4d:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
//# sourceMappingURL=TextArea.module.scss.js.map