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

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

var e={listItem:"listItem_bafaedf9c6","focus-visible":"focus-visible_ad79678c12",disabled:"disabled_4b743594f2",selected:"selected_7991613a0a",small:"small_f5e092bb40",medium:"medium_3daec15de2",large:"large_2f354a2349"};!function(e){const n="s_id-8402a299d384_2_149_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_bafaedf9c6 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_bafaedf9c6:focus-visible, .listItem_bafaedf9c6.focus-visible_ad79678c12 {\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.listItem_bafaedf9c6:focus:not(.focus-visible_ad79678c12) {\n  outline: none;\n}\n.listItem_bafaedf9c6:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_4b743594f2 {\n  cursor: not-allowed;\n}\n.disabled_4b743594f2:hover {\n  background-color: transparent;\n}\n.selected_7991613a0a {\n  background-color: var(--primary-selected-color);\n}\n.selected_7991613a0a:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_f5e092bb40 {\n  height: 32px;\n}\n.medium_3daec15de2 {\n  height: 40px;\n}\n.large_2f354a2349 {\n  height: 48px;\n}");export{e as default};
//# sourceMappingURL=ListItem.module.scss.js.map