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

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

var n={attentionBox:"attentionBox_3e9a48d961",entryAnimation:"entryAnimation_2baa8a21e0",closeIconWrapper:"closeIconWrapper_7ee4193214",closeIcon:"closeIcon_f9dc9d4eb9",icon:"icon_d6040b6b40",title:"title_e598440db1",text:"text_b5daa43376",titleContainer:"titleContainer_f9dc9d4eb9",typePrimary:"typePrimary_b047a4a1a3",typeDanger:"typeDanger_4c7af55439",typeSuccess:"typeSuccess_a3ed191ed4",typeDark:"typeDark_c63543d497",typeWarning:"typeWarning_7d2b589c33",closeIconCompact:"closeIconCompact_97f62bbd0a",compact:"compact_b8a498a426",dismissible:"dismissible_a76c02e2d2",paragraph:"paragraph_68f3a544d2"};!function(n){const e="s_id-7d53612c3785_2_149_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes entryAnimation_2baa8a21e0 {\n  0% {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.attentionBox_3e9a48d961 {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox_3e9a48d961.entryAnimation_2baa8a21e0 {\n  animation: entryAnimation_2baa8a21e0 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox_3e9a48d961 .closeIconWrapper_7ee4193214 .closeIcon_f9dc9d4eb9 {\n  color: var(--primary-text-color);\n}\n.attentionBox_3e9a48d961 .icon_d6040b6b40 {\n  flex-shrink: 0;\n}\n.title_e598440db1 {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_b5daa43376,\n.titleContainer_f9dc9d4eb9 {\n  color: var(--primary-text-color);\n}\n.typePrimary_b047a4a1a3 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger_4c7af55439 {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess_a3ed191ed4 {\n  background-color: var(--positive-color-selected);\n}\n.typeDark_c63543d497 {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning_7d2b589c33 {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer_f9dc9d4eb9 {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_f9dc9d4eb9:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_7ee4193214 {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_97f62bbd0a {\n  top: calc(50% - 16px);\n}\n.text_b5daa43376.compact_b8a498a426 {\n  flex: 1;\n}\n.text_b5daa43376.compact_b8a498a426.dismissible_a76c02e2d2 {\n  padding-right: var(--spacing-xl);\n}\n.text_b5daa43376.paragraph_68f3a544d2 {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
//# sourceMappingURL=AttentionBox.module.scss.js.map