monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
3 lines (2 loc) • 24.1 kB
JavaScript
var o={button:"button_5e5da595ff","focus-visible":"focus-visible_338c52cf9e",loader:"loader_cc2df3d146",loaderSvg:"loaderSvg_6ece3d601b",textPlaceholder:"textPlaceholder_6044bed43a",success:"success_0d6f558704",successContent:"successContent_57c947dadd",marginRight:"marginRight_ef4bdb2f30",marginLeft:"marginLeft_6ed021618c",rightFlat:"rightFlat_da2d589b21",leftFlat:"leftFlat_bccca0057a",preventClickAnimation:"preventClickAnimation_bb3145dbcd",leftIcon:"leftIcon_ef4bdb2f30",rightIcon:"rightIcon_6ed021618c",sizeXxs:"sizeXxs_77e5c0e5e3",sizeXs:"sizeXs_8515c6f840",sizeSmall:"sizeSmall_d0eab85764",sizeMedium:"sizeMedium_5949bf8c41",sizeLarge:"sizeLarge_6281e51741",kindPrimary:"kindPrimary_ac7b03c28c",colorPrimary:"colorPrimary_96c6ccea6e",colorBrand:"colorBrand_0e252fea1c",colorPrimaryActive:"colorPrimaryActive_ea65c363b7",colorBrandActive:"colorBrandActive_bc51e74df9",colorPositive:"colorPositive_0369faae75",colorPositiveActive:"colorPositiveActive_16a234323d",colorNegative:"colorNegative_d674da702f",colorNegativeActive:"colorNegativeActive_16a234323d",colorInverted:"colorInverted_0e440faf4d",colorInvertedActive:"colorInvertedActive_16a234323d",disabled:"disabled_55b65f7af0",colorOnPrimaryColor:"colorOnPrimaryColor_ca7d3a2625",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_bf0b920dd8",colorFixedLight:"colorFixedLight_f2b1c90d52",colorFixedLightActive:"colorFixedLightActive_bb3145dbcd",colorOnInvertedBackground:"colorOnInvertedBackground_dbf9413000",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_bfe599b2a1",kindSecondary:"kindSecondary_41fd2ac973",kindTertiary:"kindTertiary_bcfbfa41af",noSidePadding:"noSidePadding_b3c963e38b",insetFocusStyle:"insetFocusStyle_ba3fe87406"};!function(o){const r="s_id-cc4fb503a885_2_149_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_5e5da595ff {\n --loader-padding: 8px;\n outline: none;\n border: none;\n height: auto;\n border-radius: var(--border-radius-small);\n cursor: pointer;\n white-space: nowrap;\n transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n /* Prevent text selection */\n user-select: none;\n min-width: auto;\n}\n.button_5e5da595ff:focus-visible, .button_5e5da595ff.focus-visible_338c52cf9e {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_5e5da595ff:focus:not(.focus-visible_338c52cf9e) {\n outline: none;\n}\n.button_5e5da595ff .loader_cc2df3d146 {\n height: 100%;\n}\n.button_5e5da595ff .loader_cc2df3d146 .loaderSvg_6ece3d601b {\n position: static;\n height: 100%;\n margin: 0;\n}\n.button_5e5da595ff .textPlaceholder_6044bed43a {\n display: inline-block;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.button_5e5da595ff.success_0d6f558704 {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.button_5e5da595ff.success_0d6f558704 .successContent_57c947dadd {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.marginRight_ef4bdb2f30 {\n margin-right: var(--spacing-small);\n}\n.marginLeft_6ed021618c {\n margin-left: var(--spacing-small);\n}\n.rightFlat_da2d589b21 {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.leftFlat_bccca0057a {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.button_5e5da595ff:active:not(.preventClickAnimation_bb3145dbcd) {\n transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_5e5da595ff .leftIcon_ef4bdb2f30 {\n margin-right: var(--spacing-small);\n}\n.button_5e5da595ff .rightIcon_6ed021618c {\n margin-left: var(--spacing-small);\n}\n.sizeXxs_77e5c0e5e3 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: 2px var(--spacing-xs);\n height: 16px;\n line-height: 16px;\n}\n.sizeXs_8515c6f840 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 24px;\n line-height: 21px;\n}\n.sizeSmall_d0eab85764 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 32px;\n line-height: 24px;\n}\n.sizeSmall_d0eab85764 .loader_cc2df3d146 {\n top: 7px;\n}\n.sizeMedium_5949bf8c41 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: var(--spacing-small) var(--spacing-medium);\n height: 40px;\n}\n.sizeLarge_6281e51741 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: 12px var(--spacing-large);\n height: 48px;\n}\n.kindPrimary_ac7b03c28c {\n color: var(--text-color-on-primary);\n}\n.kindPrimary_ac7b03c28c.colorPrimary_96c6ccea6e {\n background: var(--primary-color);\n}\n.kindPrimary_ac7b03c28c.colorBrand_0e252fea1c {\n background: var(--brand-color);\n color: var(--text-color-on-brand);\n}\n.kindPrimary_ac7b03c28c.colorPrimaryActive_ea65c363b7,\n.kindPrimary_ac7b03c28c.colorPrimary_96c6ccea6e:hover,\n.kindPrimary_ac7b03c28c.colorPrimary_96c6ccea6e:focus {\n background: var(--primary-hover-color);\n}\n.kindPrimary_ac7b03c28c.colorBrandActive_bc51e74df9,\n.kindPrimary_ac7b03c28c.colorBrand_0e252fea1c:hover,\n.kindPrimary_ac7b03c28c.colorBrand_0e252fea1c:focus {\n background: var(--brand-hover-color);\n}\n.kindPrimary_ac7b03c28c.colorPositive_0369faae75 {\n background: var(--positive-color);\n}\n.kindPrimary_ac7b03c28c.colorPositiveActive_16a234323d,\n.kindPrimary_ac7b03c28c.colorPositive_0369faae75:hover,\n.kindPrimary_ac7b03c28c.colorPositive_0369faae75:focus {\n background: var(--positive-color-hover);\n}\n.kindPrimary_ac7b03c28c.colorNegative_d674da702f {\n background: var(--negative-color);\n}\n.kindPrimary_ac7b03c28c.colorNegativeActive_16a234323d,\n.kindPrimary_ac7b03c28c.colorNegative_d674da702f:hover,\n.kindPrimary_ac7b03c28c.colorNegative_d674da702f:focus {\n background: var(--negative-color-hover);\n}\n.kindPrimary_ac7b03c28c.colorInverted_0e440faf4d {\n background: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.kindPrimary_ac7b03c28c.colorInvertedActive_16a234323d,\n.kindPrimary_ac7b03c28c.colorInverted_0e440faf4d:hover,\n.kindPrimary_ac7b03c28c.colorInverted_0e440faf4d:focus {\n background: var(--placeholder-color);\n}\n.kindPrimary_ac7b03c28c.button_5e5da595ff.colorInverted_0e440faf4d.disabled_55b65f7af0 {\n background: var(--disabled-text-color);\n color: var(--disabled-background-color);\n}\n.kindPrimary_ac7b03c28c.colorOnPrimaryColor_ca7d3a2625 {\n background: var(--text-color-on-primary);\n}\n.kindPrimary_ac7b03c28c.colorOnPrimaryColorActive_bf0b920dd8,\n.kindPrimary_ac7b03c28c.colorOnPrimaryColor_ca7d3a2625:hover,\n.kindPrimary_ac7b03c28c.colorOnPrimaryColor_ca7d3a2625:focus {\n background-color: #e6e9ef;\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_ac7b03c28c.colorOnPrimaryColorActive_bf0b920dd8:focus-visible, .kindPrimary_ac7b03c28c.colorOnPrimaryColorActive_bf0b920dd8.focus-visible_338c52cf9e,\n.kindPrimary_ac7b03c28c.colorOnPrimaryColor_ca7d3a2625:hover:focus-visible,\n.kindPrimary_ac7b03c28c.colorOnPrimaryColor_ca7d3a2625:hover.focus-visible_338c52cf9e,\n.kindPrimary_ac7b03c28c.colorOnPrimaryColor_ca7d3a2625:focus:focus-visible,\n.kindPrimary_ac7b03c28c.colorOnPrimaryColor_ca7d3a2625:focus.focus-visible_338c52cf9e {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_ac7b03c28c.colorOnPrimaryColorActive_bf0b920dd8:focus:not(.focus-visible_338c52cf9e),\n.kindPrimary_ac7b03c28c.colorOnPrimaryColor_ca7d3a2625:hover:focus:not(.focus-visible_338c52cf9e),\n.kindPrimary_ac7b03c28c.colorOnPrimaryColor_ca7d3a2625:focus:focus:not(.focus-visible_338c52cf9e) {\n outline: none;\n}\n.kindPrimary_ac7b03c28c.colorOnPrimaryColor_ca7d3a2625.disabled_55b65f7af0 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindPrimary_ac7b03c28c.colorFixedLight_f2b1c90d52 {\n background: var(--fixed-light-color);\n}\n.kindPrimary_ac7b03c28c.colorFixedLightActive_bb3145dbcd,\n.kindPrimary_ac7b03c28c.colorFixedLight_f2b1c90d52:hover,\n.kindPrimary_ac7b03c28c.colorFixedLight_f2b1c90d52:focus {\n background-color: #e6e9ef;\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_ac7b03c28c.colorFixedLightActive_bb3145dbcd:focus-visible, .kindPrimary_ac7b03c28c.colorFixedLightActive_bb3145dbcd.focus-visible_338c52cf9e,\n.kindPrimary_ac7b03c28c.colorFixedLight_f2b1c90d52:hover:focus-visible,\n.kindPrimary_ac7b03c28c.colorFixedLight_f2b1c90d52:hover.focus-visible_338c52cf9e,\n.kindPrimary_ac7b03c28c.colorFixedLight_f2b1c90d52:focus:focus-visible,\n.kindPrimary_ac7b03c28c.colorFixedLight_f2b1c90d52:focus.focus-visible_338c52cf9e {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_ac7b03c28c.colorFixedLightActive_bb3145dbcd:focus:not(.focus-visible_338c52cf9e),\n.kindPrimary_ac7b03c28c.colorFixedLight_f2b1c90d52:hover:focus:not(.focus-visible_338c52cf9e),\n.kindPrimary_ac7b03c28c.colorFixedLight_f2b1c90d52:focus:focus:not(.focus-visible_338c52cf9e) {\n outline: none;\n}\n.kindPrimary_ac7b03c28c.colorFixedLight_f2b1c90d52.disabled_55b65f7af0 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindPrimary_ac7b03c28c.colorOnInvertedBackground_dbf9413000 {\n background: var(--primary-background-color);\n color: var(--primary-text-color);\n}\n.kindPrimary_ac7b03c28c.colorOnInvertedBackgroundActive_bfe599b2a1,\n.kindPrimary_ac7b03c28c.colorOnInvertedBackground_dbf9413000:hover,\n.kindPrimary_ac7b03c28c.colorOnInvertedBackground_dbf9413000:focus {\n background: var(--ui-background-color);\n}\n.kindPrimary_ac7b03c28c.button_5e5da595ff.colorOnInvertedBackground_dbf9413000.disabled_55b65f7af0 {\n background: var(--ui-background-color);\n color: var(--primary-text-color);\n opacity: 0.5;\n}\n.kindPrimary_ac7b03c28c.button_5e5da595ff.disabled_55b65f7af0 {\n background: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_41fd2ac973 {\n border: 1px solid;\n border-color: var(--ui-border-color);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindSecondary_41fd2ac973.sizeSmall_d0eab85764 {\n line-height: 22px;\n}\n.kindSecondary_41fd2ac973.sizeMedium_5949bf8c41 {\n line-height: 22px;\n}\n.kindSecondary_41fd2ac973.sizeLarge_6281e51741 {\n line-height: 22px;\n}\n.kindSecondary_41fd2ac973.colorPrimaryActive_ea65c363b7 {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_41fd2ac973.colorPrimaryActive_ea65c363b7:hover {\n background-color: var(--primary-selected-hover-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_41fd2ac973.colorBrandActive_bc51e74df9 {\n color: var(--text-color-on-brand);\n}\n.kindSecondary_41fd2ac973.colorBrandActive_bc51e74df9,\n.kindSecondary_41fd2ac973.colorBrandActive_bc51e74df9:hover {\n background-color: var(--brand-selected-color);\n border-color: var(--brand-color);\n}\n.kindSecondary_41fd2ac973.colorPrimary_96c6ccea6e:hover:not(.colorPrimaryActive_ea65c363b7),\n.kindSecondary_41fd2ac973.colorPrimary_96c6ccea6e:focus:not(.colorPrimaryActive_ea65c363b7) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_41fd2ac973.colorBrand_0e252fea1c:hover:not(.colorBrandActive_bc51e74df9),\n.kindSecondary_41fd2ac973.colorBrand_0e252fea1c:focus:not(.colorBrandActive_bc51e74df9) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_41fd2ac973.colorPositive_0369faae75 {\n color: var(--positive-color);\n border-color: var(--positive-color);\n}\n.kindSecondary_41fd2ac973.colorPositiveActive_16a234323d,\n.kindSecondary_41fd2ac973.colorPositive_0369faae75:hover,\n.kindSecondary_41fd2ac973.colorPositive_0369faae75:focus {\n background: var(--positive-color-selected);\n}\n.kindSecondary_41fd2ac973.colorNegative_d674da702f {\n color: var(--negative-color);\n border-color: var(--negative-color);\n}\n.kindSecondary_41fd2ac973.colorNegativeActive_16a234323d,\n.kindSecondary_41fd2ac973.colorNegative_d674da702f:hover,\n.kindSecondary_41fd2ac973.colorNegative_d674da702f:focus {\n background: var(--negative-color-selected);\n}\n.kindSecondary_41fd2ac973.colorInverted_0e440faf4d {\n color: var(--primary-text-color);\n border-color: var(--primary-text-color);\n}\n.kindSecondary_41fd2ac973.colorInvertedActive_16a234323d,\n.kindSecondary_41fd2ac973.colorInverted_0e440faf4d:hover,\n.kindSecondary_41fd2ac973.colorInverted_0e440faf4d:focus {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_41fd2ac973.colorInverted_0e440faf4d.disabled_55b65f7af0 {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n}\n.kindSecondary_41fd2ac973.colorOnPrimaryColor_ca7d3a2625 {\n color: var(--text-color-on-primary);\n border-color: var(--text-color-on-primary);\n}\n.kindSecondary_41fd2ac973.colorOnPrimaryColorActive_bf0b920dd8,\n.kindSecondary_41fd2ac973.colorOnPrimaryColor_ca7d3a2625:hover,\n.kindSecondary_41fd2ac973.colorOnPrimaryColor_ca7d3a2625:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_41fd2ac973.colorOnPrimaryColorActive_bf0b920dd8:focus-visible, .kindSecondary_41fd2ac973.colorOnPrimaryColorActive_bf0b920dd8.focus-visible_338c52cf9e,\n.kindSecondary_41fd2ac973.colorOnPrimaryColor_ca7d3a2625:hover:focus-visible,\n.kindSecondary_41fd2ac973.colorOnPrimaryColor_ca7d3a2625:hover.focus-visible_338c52cf9e,\n.kindSecondary_41fd2ac973.colorOnPrimaryColor_ca7d3a2625:focus:focus-visible,\n.kindSecondary_41fd2ac973.colorOnPrimaryColor_ca7d3a2625:focus.focus-visible_338c52cf9e {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_41fd2ac973.colorOnPrimaryColorActive_bf0b920dd8:focus:not(.focus-visible_338c52cf9e),\n.kindSecondary_41fd2ac973.colorOnPrimaryColor_ca7d3a2625:hover:focus:not(.focus-visible_338c52cf9e),\n.kindSecondary_41fd2ac973.colorOnPrimaryColor_ca7d3a2625:focus:focus:not(.focus-visible_338c52cf9e) {\n outline: none;\n}\n.kindSecondary_41fd2ac973.colorOnPrimaryColor_ca7d3a2625.disabled_55b65f7af0 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindSecondary_41fd2ac973.colorFixedLight_f2b1c90d52 {\n border-color: var(--fixed-light-color);\n color: var(--fixed-light-color);\n}\n.kindSecondary_41fd2ac973.colorFixedLightActive_bb3145dbcd,\n.kindSecondary_41fd2ac973.colorFixedLight_f2b1c90d52:hover,\n.kindSecondary_41fd2ac973.colorFixedLight_f2b1c90d52:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_41fd2ac973.colorFixedLightActive_bb3145dbcd:focus-visible, .kindSecondary_41fd2ac973.colorFixedLightActive_bb3145dbcd.focus-visible_338c52cf9e,\n.kindSecondary_41fd2ac973.colorFixedLight_f2b1c90d52:hover:focus-visible,\n.kindSecondary_41fd2ac973.colorFixedLight_f2b1c90d52:hover.focus-visible_338c52cf9e,\n.kindSecondary_41fd2ac973.colorFixedLight_f2b1c90d52:focus:focus-visible,\n.kindSecondary_41fd2ac973.colorFixedLight_f2b1c90d52:focus.focus-visible_338c52cf9e {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_41fd2ac973.colorFixedLightActive_bb3145dbcd:focus:not(.focus-visible_338c52cf9e),\n.kindSecondary_41fd2ac973.colorFixedLight_f2b1c90d52:hover:focus:not(.focus-visible_338c52cf9e),\n.kindSecondary_41fd2ac973.colorFixedLight_f2b1c90d52:focus:focus:not(.focus-visible_338c52cf9e) {\n outline: none;\n}\n.kindSecondary_41fd2ac973.colorOnInvertedBackground_dbf9413000 {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n}\n.kindSecondary_41fd2ac973.colorOnInvertedBackgroundActive_bfe599b2a1,\n.kindSecondary_41fd2ac973.colorOnInvertedBackground_dbf9413000:hover,\n.kindSecondary_41fd2ac973.colorOnInvertedBackground_dbf9413000:focus {\n background: var(--icon-color);\n}\n.kindSecondary_41fd2ac973.colorOnInvertedBackground_dbf9413000.disabled_55b65f7af0 {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n opacity: 0.5;\n}\n.kindSecondary_41fd2ac973.colorFixedLight_f2b1c90d52.disabled_55b65f7af0 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindSecondary_41fd2ac973.disabled_55b65f7af0 {\n border-color: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_41fd2ac973.disabled_55b65f7af0:hover {\n background-color: transparent;\n}\n.kindTertiary_bcfbfa41af {\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindTertiary_bcfbfa41af.colorPrimaryActive_ea65c363b7 {\n background-color: var(--primary-selected-color);\n}\n.kindTertiary_bcfbfa41af.colorPrimaryActive_ea65c363b7:hover {\n background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_bcfbfa41af.colorBrandActive_bc51e74df9 {\n color: var(--text-color-on-brand);\n}\n.kindTertiary_bcfbfa41af.colorBrandActive_bc51e74df9,\n.kindTertiary_bcfbfa41af.colorBrandActive_bc51e74df9:hover {\n background-color: var(--brand-selected-color);\n}\n.kindTertiary_bcfbfa41af.colorPrimary_96c6ccea6e:hover:not(.colorPrimaryActive_ea65c363b7),\n.kindTertiary_bcfbfa41af.colorPrimary_96c6ccea6e:focus:not(.colorPrimaryActive_ea65c363b7) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_bcfbfa41af.colorBrand_0e252fea1c:hover:not(.colorBrandActive_bc51e74df9),\n.kindTertiary_bcfbfa41af.colorBrand_0e252fea1c:focus:not(.colorBrandActive_bc51e74df9) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_bcfbfa41af.colorPositive_0369faae75 {\n color: var(--positive-color);\n}\n.kindTertiary_bcfbfa41af.colorPositiveActive_16a234323d,\n.kindTertiary_bcfbfa41af.colorPositive_0369faae75:hover,\n.kindTertiary_bcfbfa41af.colorPositive_0369faae75:focus {\n background: var(--positive-color-selected);\n}\n.kindTertiary_bcfbfa41af.colorNegative_d674da702f {\n color: var(--negative-color);\n}\n.kindTertiary_bcfbfa41af.colorNegativeActive_16a234323d,\n.kindTertiary_bcfbfa41af.colorNegative_d674da702f:hover,\n.kindTertiary_bcfbfa41af.colorNegative_d674da702f:focus {\n background: var(--negative-color-selected);\n}\n.kindTertiary_bcfbfa41af.colorInverted_0e440faf4d {\n color: var(--primary-text-color);\n}\n.kindTertiary_bcfbfa41af.colorInvertedActive_16a234323d,\n.kindTertiary_bcfbfa41af.colorInverted_0e440faf4d:hover,\n.kindTertiary_bcfbfa41af.colorInverted_0e440faf4d:focus {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_bcfbfa41af.colorInverted_0e440faf4d.disabled_55b65f7af0 {\n color: var(--disabled-text-color);\n}\n.kindTertiary_bcfbfa41af.colorOnPrimaryColor_ca7d3a2625 {\n color: var(--text-color-on-primary);\n}\n.kindTertiary_bcfbfa41af.colorOnPrimaryColorActive_bf0b920dd8,\n.kindTertiary_bcfbfa41af.colorOnPrimaryColor_ca7d3a2625:hover,\n.kindTertiary_bcfbfa41af.colorOnPrimaryColor_ca7d3a2625:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_bcfbfa41af.colorOnPrimaryColorActive_bf0b920dd8:focus-visible, .kindTertiary_bcfbfa41af.colorOnPrimaryColorActive_bf0b920dd8.focus-visible_338c52cf9e,\n.kindTertiary_bcfbfa41af.colorOnPrimaryColor_ca7d3a2625:hover:focus-visible,\n.kindTertiary_bcfbfa41af.colorOnPrimaryColor_ca7d3a2625:hover.focus-visible_338c52cf9e,\n.kindTertiary_bcfbfa41af.colorOnPrimaryColor_ca7d3a2625:focus:focus-visible,\n.kindTertiary_bcfbfa41af.colorOnPrimaryColor_ca7d3a2625:focus.focus-visible_338c52cf9e {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_bcfbfa41af.colorOnPrimaryColorActive_bf0b920dd8:focus:not(.focus-visible_338c52cf9e),\n.kindTertiary_bcfbfa41af.colorOnPrimaryColor_ca7d3a2625:hover:focus:not(.focus-visible_338c52cf9e),\n.kindTertiary_bcfbfa41af.colorOnPrimaryColor_ca7d3a2625:focus:focus:not(.focus-visible_338c52cf9e) {\n outline: none;\n}\n.kindTertiary_bcfbfa41af.colorOnPrimaryColor_ca7d3a2625.disabled_55b65f7af0 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindTertiary_bcfbfa41af.colorFixedLight_f2b1c90d52 {\n color: var(--fixed-light-color);\n}\n.kindTertiary_bcfbfa41af.colorFixedLightActive_bb3145dbcd,\n.kindTertiary_bcfbfa41af.colorFixedLight_f2b1c90d52:hover,\n.kindTertiary_bcfbfa41af.colorFixedLight_f2b1c90d52:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_bcfbfa41af.colorFixedLightActive_bb3145dbcd:focus-visible, .kindTertiary_bcfbfa41af.colorFixedLightActive_bb3145dbcd.focus-visible_338c52cf9e,\n.kindTertiary_bcfbfa41af.colorFixedLight_f2b1c90d52:hover:focus-visible,\n.kindTertiary_bcfbfa41af.colorFixedLight_f2b1c90d52:hover.focus-visible_338c52cf9e,\n.kindTertiary_bcfbfa41af.colorFixedLight_f2b1c90d52:focus:focus-visible,\n.kindTertiary_bcfbfa41af.colorFixedLight_f2b1c90d52:focus.focus-visible_338c52cf9e {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_bcfbfa41af.colorFixedLightActive_bb3145dbcd:focus:not(.focus-visible_338c52cf9e),\n.kindTertiary_bcfbfa41af.colorFixedLight_f2b1c90d52:hover:focus:not(.focus-visible_338c52cf9e),\n.kindTertiary_bcfbfa41af.colorFixedLight_f2b1c90d52:focus:focus:not(.focus-visible_338c52cf9e) {\n outline: none;\n}\n.kindTertiary_bcfbfa41af.colorFixedLight_f2b1c90d52.disabled_55b65f7af0 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindTertiary_bcfbfa41af.colorOnInvertedBackground_dbf9413000 {\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_bcfbfa41af.colorOnInvertedBackgroundActive_bfe599b2a1,\n.kindTertiary_bcfbfa41af.colorOnInvertedBackground_dbf9413000:hover,\n.kindTertiary_bcfbfa41af.colorOnInvertedBackground_dbf9413000:focus {\n background: var(--icon-color);\n}\n.kindTertiary_bcfbfa41af.colorOnInvertedBackground_dbf9413000.disabled_55b65f7af0 {\n background: var(--icon-color);\n opacity: 0.5;\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_bcfbfa41af.disabled_55b65f7af0 {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindTertiary_bcfbfa41af.disabled_55b65f7af0:hover {\n background-color: transparent;\n}\n.noSidePadding_b3c963e38b {\n padding-right: 0;\n padding-left: 0;\n}\n.button_5e5da595ff.insetFocusStyle_ba3fe87406:focus-visible, .button_5e5da595ff.insetFocusStyle_ba3fe87406.focus-visible_338c52cf9e {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_5e5da595ff.insetFocusStyle_ba3fe87406:focus:not(.focus-visible_338c52cf9e) {\n outline: none;\n}");export{o as default};
//# sourceMappingURL=Button.module.scss.js.map