monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
3 lines (2 loc) • 3.73 kB
JavaScript
var n={counter:"counter_b98bf9bf70",withAnimation:"withAnimation_3f34d751f6",counterPopElastic:"counterPopElastic_4c6e351b31",sizeSmall:"sizeSmall_7c264d9a46",sizeLarge:"sizeLarge_98893ffcbb",kindFill:"kindFill_bf350fbf16",colorPrimary:"colorPrimary_848ad4e058",colorDark:"colorDark_ca0bc2daa5",colorNegative:"colorNegative_c8ee2ad661",colorLight:"colorLight_2929c5ca65",kindLine:"kindLine_7e13cd2551",fadeEnter:"fadeEnter_7d0427f22e",fadeEnterActive:"fadeEnterActive_3dc26d5d90",fadeExit:"fadeExit_315c524147",fadeExitActive:"fadeExitActive_ea474d234a","counter-pop-elastic":"counter-pop-elastic_db1c049085"};!function(n){const o="s_id-2d04cfa2a785_2_149_4";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_b98bf9bf70 {\n display: inline-flex;\n justify-content: center;\n border-radius: 30px;\n overflow: hidden;\n transform-origin: center;\n}\n@keyframes counter-pop-elastic_db1c049085 {\n 0% {\n transform: scale(1);\n }\n 33% {\n transform: scale(1.2);\n }\n 66% {\n transform: scale(0.9);\n }\n 100% {\n transform: scale(1);\n }\n}\n.withAnimation_3f34d751f6 {\n animation: counterPopElastic_4c6e351b31 var(--motion-expressive-short);\n}\n.sizeSmall_7c264d9a46 {\n font: var(--font-text2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n min-width: 18px;\n line-height: 18px;\n padding: 0 var(--spacing-small);\n}\n.sizeLarge_98893ffcbb {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n min-width: 24px;\n padding: 2px var(--spacing-small);\n}\n.kindFill_bf350fbf16.colorPrimary_848ad4e058 {\n color: var(--fixed-light-color);\n background-color: var(--primary-color);\n}\n.kindFill_bf350fbf16.colorDark_ca0bc2daa5 {\n color: var(--text-color-on-inverted);\n background-color: var(--inverted-color-background);\n}\n.kindFill_bf350fbf16.colorNegative_c8ee2ad661 {\n color: var(--fixed-light-color);\n background-color: var(--negative-color);\n}\n.kindFill_bf350fbf16.colorLight_2929c5ca65 {\n color: var(--primary-text-color);\n background-color: var(--ui-background-color);\n}\n.kindLine_7e13cd2551 {\n box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_7e13cd2551.colorPrimary_848ad4e058 {\n color: var(--primary-color);\n}\n.kindLine_7e13cd2551.colorDark_ca0bc2daa5 {\n color: var(--inverted-color-background);\n}\n.kindLine_7e13cd2551.colorNegative_c8ee2ad661 {\n color: var(--negative-color);\n}\n.kindLine_7e13cd2551.colorLight_2929c5ca65 {\n color: var(--primary-text-color);\n box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_7d0427f22e {\n opacity: 0;\n transform: translateY(15px);\n}\n.fadeEnterActive_3dc26d5d90 {\n position: relative;\n opacity: 1;\n transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_315c524147 {\n position: relative;\n opacity: 1;\n transform: translateY(0);\n}\n.fadeExitActive_ea474d234a {\n position: relative;\n opacity: 0;\n transform: translateY(-15px);\n transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
//# sourceMappingURL=Counter.module.scss.js.map