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

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

var n={toast:"toast_98bc7e9cc7",typeNormal:"typeNormal_388ec8dc6d",typePositive:"typePositive_5ce0c48906",typeNegative:"typeNegative_09abc51836",typeWarning:"typeWarning_0ae3a03e1c",closeButton:"closeButton_2b8b1e35cc",actionButton:"actionButton_e9e7285981",actionLink:"actionLink_2a370df034",typeDark:"typeDark_596524ec54",icon:"icon_924ca0642e",withTransition:"withTransition_3a59e083fb",bounceIn:"bounceIn_d1befd3814",content:"content_9d3032ac8a",textContent:"textContent_13a5d30ea5",enterActive:"enterActive_29bfb8ea29",slideIn:"slideIn_12bff12a96",exitActive:"exitActive_b4439e9728",slideOut:"slideOut_66ac2898e2"};!function(n){const e="s_id-72c9912c1efa_2_149_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".toast_98bc7e9cc7 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_98bc7e9cc7.typeNormal_388ec8dc6d {\n  background-color: var(--primary-color);\n}\n.toast_98bc7e9cc7.typePositive_5ce0c48906 {\n  background-color: var(--positive-color);\n}\n.toast_98bc7e9cc7.typeNegative_09abc51836 {\n  background-color: var(--negative-color);\n}\n.toast_98bc7e9cc7.typeWarning_0ae3a03e1c {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_98bc7e9cc7.typeWarning_0ae3a03e1c .closeButton_2b8b1e35cc {\n  color: var(--fixed-dark-color);\n}\n.toast_98bc7e9cc7.typeWarning_0ae3a03e1c .actionButton_e9e7285981,\n.toast_98bc7e9cc7.typeWarning_0ae3a03e1c .actionLink_2a370df034 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_98bc7e9cc7.typeDark_596524ec54 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_98bc7e9cc7.typeDark_596524ec54 .closeButton_2b8b1e35cc {\n  color: var(--text-color-on-inverted);\n}\n.toast_98bc7e9cc7.typeDark_596524ec54 .actionButton_e9e7285981,\n.toast_98bc7e9cc7.typeDark_596524ec54 .actionLink_2a370df034 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_924ca0642e {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_e9e7285981.withTransition_3a59e083fb {\n  opacity: 0;\n  animation: bounceIn_d1befd3814 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_9d3032ac8a {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_13a5d30ea5 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_29bfb8ea29 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_12bff12a96;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_b4439e9728 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_66ac2898e2;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_2b8b1e35cc {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_12bff12a96 {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_66ac2898e2 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_d1befd3814 {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
//# sourceMappingURL=Toast.module.scss.js.map