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

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

var n={button:"button_9b65ee5624",mainButton:"mainButton_759a495dd6",secondaryButton:"secondaryButton_613e0decbe",secondaryButtonWrapper:"secondaryButtonWrapper_e3a61d55bf",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_94967d2817",active:"active_ecb090d70d",disabled:"disabled_1be1da122e",kindTertiary:"kindTertiary_bf7456a822",colorPrimary:"colorPrimary_bf7456a822",mainActive:"mainActive_91a3762c06",splitContentOpen:"splitContentOpen_f4007e73dc",hovered:"hovered_53a245957e",colorBrand:"colorBrand_91a3762c06",colorPositive:"colorPositive_da7ab5ac9f",colorNegative:"colorNegative_da7ab5ac9f",kindPrimary:"kindPrimary_ddd4142b66",colorOnPrimaryColor:"colorOnPrimaryColor_6375f320e7",kindSecondary:"kindSecondary_da7ab5ac9f"};!function(n){const e="s_id-b26d62194c18_2_149_4";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".button_9b65ee5624 {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_9b65ee5624 .mainButton_759a495dd6 {\n  margin-right: 0;\n}\n\n.button_9b65ee5624 .secondaryButton_613e0decbe {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_e3a61d55bf .secondaryButtonIconWrapper_94967d2817 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_ecb090d70d {\n  transform: scale(0.95);\n}\n\n.disabled_1be1da122e {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_bf7456a822.colorPrimary_bf7456a822.mainActive_91a3762c06 .mainButton_759a495dd6 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_bf7456a822.colorPrimary_bf7456a822.mainActive_91a3762c06 .mainButton_759a495dd6:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_bf7456a822.colorPrimary_bf7456a822.mainActive_91a3762c06 .secondaryButton_613e0decbe {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_bf7456a822.colorPrimary_bf7456a822.mainActive_91a3762c06 .secondaryButton_613e0decbe:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_bf7456a822.colorPrimary_bf7456a822.mainActive_91a3762c06.splitContentOpen_f4007e73dc.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe,\n.kindTertiary_bf7456a822.colorPrimary_bf7456a822.mainActive_91a3762c06.splitContentOpen_f4007e73dc.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe:hover,\n.kindTertiary_bf7456a822.colorPrimary_bf7456a822.mainActive_91a3762c06.hovered_53a245957e.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe,\n.kindTertiary_bf7456a822.colorPrimary_bf7456a822.mainActive_91a3762c06.hovered_53a245957e.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_bf7456a822.colorBrand_91a3762c06.mainActive_91a3762c06 .mainButton_759a495dd6 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_bf7456a822.colorBrand_91a3762c06.mainActive_91a3762c06 .secondaryButton_613e0decbe {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_bf7456a822.colorBrand_91a3762c06.mainActive_91a3762c06.splitContentOpen_f4007e73dc.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe,\n.kindTertiary_bf7456a822.colorBrand_91a3762c06.mainActive_91a3762c06.splitContentOpen_f4007e73dc.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe:hover,\n.kindTertiary_bf7456a822.colorBrand_91a3762c06.mainActive_91a3762c06.hovered_53a245957e.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe,\n.kindTertiary_bf7456a822.colorBrand_91a3762c06.mainActive_91a3762c06.hovered_53a245957e.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_bf7456a822.colorPositive_da7ab5ac9f.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe,\n.kindTertiary_bf7456a822.colorPositive_da7ab5ac9f:hover .secondaryButton_613e0decbe,\n.kindTertiary_bf7456a822.colorPositive_da7ab5ac9f:focus .secondaryButton_613e0decbe {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_bf7456a822.colorPositive_da7ab5ac9f.splitContentOpen_f4007e73dc .mainButton_759a495dd6,\n.kindTertiary_bf7456a822.colorPositive_da7ab5ac9f:hover .mainButton_759a495dd6,\n.kindTertiary_bf7456a822.colorPositive_da7ab5ac9f:focus .mainButton_759a495dd6 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_bf7456a822.colorNegative_da7ab5ac9f.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe,\n.kindTertiary_bf7456a822.colorNegative_da7ab5ac9f:hover .secondaryButton_613e0decbe,\n.kindTertiary_bf7456a822.colorNegative_da7ab5ac9f:focus .secondaryButton_613e0decbe {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_bf7456a822.colorNegative_da7ab5ac9f.splitContentOpen_f4007e73dc .mainButton_759a495dd6,\n.kindTertiary_bf7456a822.colorNegative_da7ab5ac9f:hover .mainButton_759a495dd6,\n.kindTertiary_bf7456a822.colorNegative_da7ab5ac9f:focus .mainButton_759a495dd6 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_bf7456a822 .secondaryButton_613e0decbe {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_ddd4142b66.disabled_1be1da122e .secondaryButton_613e0decbe {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_ddd4142b66:not(.disabled_1be1da122e).colorPrimary_bf7456a822.mainActive_91a3762c06 .secondaryButton_613e0decbe {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_ddd4142b66:not(.disabled_1be1da122e).colorPrimary_bf7456a822 .secondaryButton_613e0decbe {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_ddd4142b66:not(.disabled_1be1da122e).colorBrand_91a3762c06.mainActive_91a3762c06 .secondaryButton_613e0decbe {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_ddd4142b66:not(.disabled_1be1da122e).colorBrand_91a3762c06 .secondaryButton_613e0decbe {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_ddd4142b66:not(.disabled_1be1da122e).colorPositive_da7ab5ac9f .secondaryButton_613e0decbe {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_ddd4142b66:not(.disabled_1be1da122e).colorNegative_da7ab5ac9f .secondaryButton_613e0decbe {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_ddd4142b66:not(.disabled_1be1da122e).colorOnPrimaryColor_6375f320e7 .secondaryButton_613e0decbe {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_da7ab5ac9f .mainButton_759a495dd6 {\n  border-right: none;\n}\n\n.kindSecondary_da7ab5ac9f.colorPrimary_bf7456a822.mainActive_91a3762c06 .mainButton_759a495dd6 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_da7ab5ac9f.colorPrimary_bf7456a822.mainActive_91a3762c06 .mainButton_759a495dd6:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_da7ab5ac9f.colorPrimary_bf7456a822.mainActive_91a3762c06 .secondaryButton_613e0decbe {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_da7ab5ac9f.colorPrimary_bf7456a822.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_da7ab5ac9f.colorPrimary_bf7456a822.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_da7ab5ac9f.colorBrand_91a3762c06.mainActive_91a3762c06 .mainButton_759a495dd6 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_da7ab5ac9f.colorBrand_91a3762c06.mainActive_91a3762c06 .secondaryButton_613e0decbe {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_da7ab5ac9f.colorBrand_91a3762c06.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe,\n.kindSecondary_da7ab5ac9f.colorBrand_91a3762c06.splitContentOpen_f4007e73dc .secondaryButton_613e0decbe:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
//# sourceMappingURL=SplitButton.module.scss.js.map