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

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

var n={expandCollapse:"expandCollapse_13bf3a94d7",header:"header_4c338ef073","focus-visible":"focus-visible_338c52cf9e",headerContent:"headerContent_e05422f846",iconComponent:"iconComponent_85db0f8b08",content:"content_73cd8d8630",section:"section_54210deb28",hideBorder:"hideBorder_cb3dec56d8",hideBorderBottom:"hideBorderBottom_b47592b2ab",showBorder:"showBorder_e187b4bf18",headerOpen:"headerOpen_a9b223521d",animateIconOpen:"animateIconOpen_18fcb64251",animateIconClose:"animateIconClose_6125c1f787"};!function(n){const e="s_id-b80b356395ac_2_149_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".expandCollapse_13bf3a94d7 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_4c338ef073 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.header_4c338ef073:focus-visible, .header_4c338ef073.focus-visible_338c52cf9e {\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\n.header_4c338ef073:focus:not(.focus-visible_338c52cf9e) {\n  outline: none;\n}\n\n.header_4c338ef073:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_4c338ef073:active {\n  transform: scale(1);\n}\n\n.header_4c338ef073 .headerContent_e05422f846 {\n  margin: 0;\n}\n\n.header_4c338ef073 .iconComponent_85db0f8b08 {\n  color: var(--icon-color);\n}\n\n.content_73cd8d8630 {\n  padding: var(--spacing-medium);\n}\n\n.section_54210deb28 {\n  width: 100%;\n}\n\n.hideBorder_cb3dec56d8 {\n  border: none;\n}\n\n.hideBorderBottom_b47592b2ab {\n  border-bottom: none;\n}\n\n.showBorder_e187b4bf18 {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_e187b4bf18 .headerOpen_a9b223521d {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_18fcb64251 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_6125c1f787 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
//# sourceMappingURL=ExpandCollapse.module.scss.js.map