UNPKG

monday-ui-react-core

Version:

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

github.com/mondaycom/vibe

mondaycom/vibe

3 lines (2 loc) • 2.16 kB
1
2
3
var n={buttonGroup:"buttonGroup",subTextContainer:"subTextContainer",buttonsContainer:"buttonsContainer",button:"button",activeButton:"activeButton",optionText:"optionText",disabled:"disabled",selected:"selected",kindTertiary:"kindTertiary",wrapper:"wrapper",buttonDisabled:"buttonDisabled",fullWidth:"fullWidth"};!function(n){const o="s_id-d90954a39e96_2_149_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".buttonGroup {\n display: flex;\n flex-direction: column;\n}\n\n.subTextContainer {\n font: var(--font-text2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.buttonsContainer .button {\n border: 1px solid;\n background-color: var(--primary-background-color);\n border-color: var(--ui-border-color);\n}\n\n.buttonsContainer .button.activeButton {\n z-index: 20;\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n\n.buttonsContainer .button.activeButton:hover {\n background-color: var(--primary-selected-color);\n}\n\n.optionText:not(.disabled) {\n color: var(--primary-text-color);\n}\n\n.optionText:not(.disabled).selected {\n z-index: 10;\n color: var(--primary-text-color);\n}\n\n.kindTertiary .button {\n border-color: transparent;\n}\n\n.kindTertiary .button:first-child {\n border-color: transparent;\n}\n\n.wrapper.disabled {\n cursor: not-allowed;\n}\n\n.button.disabled {\n cursor: not-allowed;\n background-color: var(--disabled-background-color);\n opacity: 0.5;\n}\n\n.button.buttonDisabled {\n background-color: var(--disabled-background-color);\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.fullWidth {\n flex: 1;\n}");export{n as default}; //# sourceMappingURL=ButtonGroup.module.scss.js.map