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

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

var e={celebration:"celebration_b1098d63fd",svg:"svg_1bb30e1305",stroke:"stroke_784e1a0fdc","stroke-rotate":"stroke-rotate_d300ae891b",base:"base_2273497aae",fade:"fade_a325e2dc37",first:"first_c5e7d05af5",second:"second_0ffc388c3a",third:"third_62179f8eae","gradient-text-fill":"gradient-text-fill_de4740a9ed"};!function(e){const n="s_id-cc5df975abc6_2_149_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_b1098d63fd {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_b1098d63fd .svg_1bb30e1305 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_b1098d63fd .svg_1bb30e1305 .stroke_784e1a0fdc {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_d300ae891b cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_b1098d63fd .svg_1bb30e1305 .stroke_784e1a0fdc.base_2273497aae {\n  stroke: var(--color-egg_yolk);\n  animation: fade_a325e2dc37 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_b1098d63fd .svg_1bb30e1305 .stroke_784e1a0fdc.first_c5e7d05af5 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_b1098d63fd .svg_1bb30e1305 .stroke_784e1a0fdc.second_0ffc388c3a {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_b1098d63fd .svg_1bb30e1305 .stroke_784e1a0fdc.third_62179f8eae {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_b1098d63fd.celebration_b1098d63fd [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_de4740a9ed 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_a325e2dc37 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_d300ae891b {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_de4740a9ed {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
//# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map