monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
3 lines (2 loc) • 2.85 kB
JavaScript
var n={thumb:"thumb_b1537c4922",dragging:"dragging_34e250315a",focused:"focused_f81638c8ab",notDisabledThumb:"notDisabledThumb_1f54b38bc5","focus-visible":"focus-visible_bee684b96b",positive:"positive_2750994c55",negative:"negative_154bc738e5",small:"small_f3e110fb80",medium:"medium_24f48d533f",large:"large_24f48d533f",label:"label_cc749248ec"};!function(n){const o="s_id-a3b6698c403a_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)}(".thumb_b1537c4922 {\n position: absolute;\n border: 3px solid;\n border-radius: 50%;\n border-color: var(--primary-color);\n background-color: var(--primary-background-color);\n font-size: 14px;\n top: 50%;\n transform: translate(-50%, -50%);\n transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n font-family: var(--font-family);\n}\n\n.dragging_34e250315a {\n cursor: grabbing !important;\n transform: translate(-50%, -50%) scale(1.33, 1.33);\n transform-origin: center center;\n transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n box-shadow: var(--box-shadow-small);\n}\n\n.focused_f81638c8ab {\n border-color: var(--primary-hover-color);\n cursor: grab;\n box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_1f54b38bc5:focus-visible, .notDisabledThumb_1f54b38bc5.focus-visible_bee684b96b {\n outline: none;\n z-index: 11;\n border-radius: 50%;\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.notDisabledThumb_1f54b38bc5:focus:not(.focus-visible_bee684b96b) {\n outline: none;\n}\n\n.notDisabledThumb_1f54b38bc5:hover {\n border-color: var(--primary-hover-color);\n cursor: grab;\n box-shadow: var(--box-shadow-small);\n}\n\n.positive_2750994c55 {\n border-color: var(--positive-color);\n}\n\n.positive_2750994c55.notDisabledThumb_1f54b38bc5:hover {\n border-color: var(--positive-color-hover);\n}\n\n.negative_154bc738e5 {\n border-color: var(--negative-color);\n}\n\n.negative_154bc738e5.notDisabledThumb_1f54b38bc5:hover {\n border-color: var(--negative-color-hover);\n}\n\n.small_f3e110fb80 {\n height: 16px;\n width: 16px;\n}\n\n.medium_24f48d533f {\n height: 24px;\n width: 24px;\n}\n\n.large_24f48d533f {\n height: 24px;\n width: 24px;\n}\n\n.label_cc749248ec {\n bottom: calc(100% + 8px);\n left: 50%;\n max-width: 50px;\n overflow: hidden;\n position: absolute;\n text-overflow: ellipsis;\n transform: translate(-50%, 0);\n white-space: nowrap;\n}");export{n as default};
//# sourceMappingURL=SliderThumb.module.scss.js.map