monday-ui-react-core/dist/mocked_classnames_esm/src/components/LegacyHeading/LegacyHeading.module.scss.js

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

var n={h1Bold:"h1Bold",h1Medium:"h1Medium",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Medium:"h2Medium",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Medium:"h3Medium",h3Normal:"h3Normal",h3Light:"h3Light",text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",headingComponent:"headingComponent",multiLineEllipsis:"multiLineEllipsis",singleLineEllipsis:"singleLineEllipsis",suggestEditOnHover:"suggestEditOnHover",elementTypeH1:"elementTypeH1",elementTypeH2:"elementTypeH2",sizeLarge:"sizeLarge",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",elementTypeH3:"elementTypeH3",elementTypeH4:"elementTypeH4",elementTypeH5:"elementTypeH5",elementTypeP:"elementTypeP",elementTypeH6:"elementTypeH6",elementTypeSmall:"elementTypeSmall",elementTypeLink:"elementTypeLink"};!function(n){const t="s_id-48af3df1c6b9_2_149_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal {\n  font: var(--font-text3-normal);\n}\n\n.headingComponent {\n  border: 1px solid transparent;\n  border-radius: var(--border-radius-small);\n  min-width: 0;\n  padding: 0 4px;\n}\n\n.headingComponent.multiLineEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}\n\n/* This is needed to support ellipsis in the middle of the word */\n\n.headingComponent.singleLineEllipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.headingComponent.suggestEditOnHover:hover {\n  cursor: text;\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n/* Override tags styles */\n\n.elementTypeH1 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeH2.sizeLarge,\n.elementTypeH1.sizeSmall,\n.elementTypeH1.sizeMedium {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeH3.sizeLarge {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeH2.sizeSmall,\n.elementTypeH2.sizeMedium,\n.elementTypeH3.sizeSmall,\n.elementTypeH3.sizeMedium,\n.elementTypeH4 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeH5,\n.elementTypeP {\n  font: var(--font-text1-normal);\n}\n\n.elementTypeH6 {\n  font: var(--font-text2-normal);\n}\n\n.elementTypeSmall {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeLink {\n  text-decoration: none;\n  color: var(--link-color);\n}");export{n as default};
//# sourceMappingURL=LegacyHeading.module.scss.js.map