npm - @vibe/button - Versions diffs - 3.0.8 → 3.0.9-alpha-ea565.0 - Mend

@vibe/button 3.0.8 → 3.0.9-alpha-ea565.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/Button/Button.module.scss.js +1 -1
package/dist/mocked_classnames/Button/Button.module.scss.js +1 -1
package/package.json +8 -8

package/dist/Button/Button.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={button:"button_5483b5af91","focus-visible":"focus-visible_28057f099f",loader:"loader_71c9020a1d",loaderSvg:"loaderSvg_bb2f7a597d",textPlaceholder:"textPlaceholder_3b64b412c1",success:"success_a6f669bf7f",successContent:"successContent_4d16ba642f",marginRight:"marginRight_648b2eaaba",marginLeft:"marginLeft_2594179a8f",rightFlat:"rightFlat_440ebc6153",leftFlat:"leftFlat_3dcba5bd2c",preventClickAnimation:"preventClickAnimation_c994499417",leftIcon:"leftIcon_648b2eaaba",rightIcon:"rightIcon_2594179a8f",sizeXxs:"sizeXxs_e449096304",sizeXs:"sizeXs_526883c728",sizeSmall:"sizeSmall_e972ab0999",sizeMedium:"sizeMedium_9819f2e87e",sizeLarge:"sizeLarge_166ee18a88",kindPrimary:"kindPrimary_cb70133f52",colorPrimary:"colorPrimary_0588b8be74",colorBrand:"colorBrand_d8d9e581e4",colorPrimaryActive:"colorPrimaryActive_c4fdcdd855",colorBrandActive:"colorBrandActive_d96abc2ce8",colorPositive:"colorPositive_c0061d3d19",colorPositiveActive:"colorPositiveActive_3ed8093c64",colorNegative:"colorNegative_406c2e0fdf",colorNegativeActive:"colorNegativeActive_3ed8093c64",colorInverted:"colorInverted_5c76116421",colorInvertedActive:"colorInvertedActive_3ed8093c64",disabled:"disabled_4d8211dfa9",colorOnPrimaryColor:"colorOnPrimaryColor_aea26e0f8e",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_36d6bd33a1",colorFixedLight:"colorFixedLight_041ed1d51c",colorFixedLightActive:"colorFixedLightActive_c994499417",colorFixedDark:"colorFixedDark_9fa415d707",colorFixedDarkActive:"colorFixedDarkActive_44995d6f19",colorOnInvertedBackground:"colorOnInvertedBackground_cbbeebad43",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_96a0baa8db",kindSecondary:"kindSecondary_b7a4f8154f",kindTertiary:"kindTertiary_2061a5dc01",noSidePadding:"noSidePadding_be7e37cbcf",insetFocusStyle:"insetFocusStyle_f1b8822559"};!function(o){const r="s_id-95d3f630f6d9_3_0_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.button_5483b5af91 {\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  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  min-width: auto;\n}\n.button_5483b5af91:focus-visible, .button_5483b5af91.focus-visible_28057f099f {\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_5483b5af91:focus:not(.focus-visible_28057f099f) {\n  outline: none;\n}\n.button_5483b5af91 .loader_71c9020a1d {\n  height: 100%;\n}\n.button_5483b5af91 .loader_71c9020a1d .loaderSvg_bb2f7a597d {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_5483b5af91 .textPlaceholder_3b64b412c1 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_5483b5af91.success_a6f669bf7f {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_5483b5af91.success_a6f669bf7f .successContent_4d16ba642f {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_648b2eaaba {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_2594179a8f {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_440ebc6153 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_3dcba5bd2c {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_5483b5af91:active:not(.preventClickAnimation_c994499417) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_5483b5af91 .leftIcon_648b2eaaba {\n  margin-right: var(--spacing-small);\n}\n.button_5483b5af91 .rightIcon_2594179a8f {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_e449096304 {\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_526883c728 {\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_e972ab0999 {\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_e972ab0999 .loader_71c9020a1d {\n  top: 7px;\n}\n.sizeMedium_9819f2e87e {\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_166ee18a88 {\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_cb70133f52 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_cb70133f52.colorPrimary_0588b8be74 {\n  background: var(--primary-color);\n}\n.kindPrimary_cb70133f52.colorBrand_d8d9e581e4 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_cb70133f52.colorPrimaryActive_c4fdcdd855,\n.kindPrimary_cb70133f52.colorPrimary_0588b8be74:hover,\n.kindPrimary_cb70133f52.colorPrimary_0588b8be74:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_cb70133f52.colorBrandActive_d96abc2ce8,\n.kindPrimary_cb70133f52.colorBrand_d8d9e581e4:hover,\n.kindPrimary_cb70133f52.colorBrand_d8d9e581e4:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_cb70133f52.colorPositive_c0061d3d19 {\n  background: var(--positive-color);\n}\n.kindPrimary_cb70133f52.colorPositiveActive_3ed8093c64,\n.kindPrimary_cb70133f52.colorPositive_c0061d3d19:hover,\n.kindPrimary_cb70133f52.colorPositive_c0061d3d19:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_cb70133f52.colorNegative_406c2e0fdf {\n  background: var(--negative-color);\n}\n.kindPrimary_cb70133f52.colorNegativeActive_3ed8093c64,\n.kindPrimary_cb70133f52.colorNegative_406c2e0fdf:hover,\n.kindPrimary_cb70133f52.colorNegative_406c2e0fdf:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_cb70133f52.colorInverted_5c76116421 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_cb70133f52.colorInvertedActive_3ed8093c64,\n.kindPrimary_cb70133f52.colorInverted_5c76116421:hover,\n.kindPrimary_cb70133f52.colorInverted_5c76116421:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_cb70133f52.button_5483b5af91.colorInverted_5c76116421.disabled_4d8211dfa9 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_cb70133f52.colorOnPrimaryColor_aea26e0f8e {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_cb70133f52.colorOnPrimaryColorActive_36d6bd33a1,\n.kindPrimary_cb70133f52.colorOnPrimaryColor_aea26e0f8e:hover,\n.kindPrimary_cb70133f52.colorOnPrimaryColor_aea26e0f8e:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_cb70133f52.colorOnPrimaryColorActive_36d6bd33a1:focus-visible, .kindPrimary_cb70133f52.colorOnPrimaryColorActive_36d6bd33a1.focus-visible_28057f099f,\n.kindPrimary_cb70133f52.colorOnPrimaryColor_aea26e0f8e:hover:focus-visible,\n.kindPrimary_cb70133f52.colorOnPrimaryColor_aea26e0f8e:hover.focus-visible_28057f099f,\n.kindPrimary_cb70133f52.colorOnPrimaryColor_aea26e0f8e:focus:focus-visible,\n.kindPrimary_cb70133f52.colorOnPrimaryColor_aea26e0f8e:focus.focus-visible_28057f099f {\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_cb70133f52.colorOnPrimaryColorActive_36d6bd33a1:focus:not(.focus-visible_28057f099f),\n.kindPrimary_cb70133f52.colorOnPrimaryColor_aea26e0f8e:hover:focus:not(.focus-visible_28057f099f),\n.kindPrimary_cb70133f52.colorOnPrimaryColor_aea26e0f8e:focus:focus:not(.focus-visible_28057f099f) {\n  outline: none;\n}\n.kindPrimary_cb70133f52.colorOnPrimaryColor_aea26e0f8e.disabled_4d8211dfa9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_cb70133f52.colorFixedLight_041ed1d51c {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_cb70133f52.colorFixedLightActive_c994499417,\n.kindPrimary_cb70133f52.colorFixedLight_041ed1d51c:hover,\n.kindPrimary_cb70133f52.colorFixedLight_041ed1d51c:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_cb70133f52.colorFixedLightActive_c994499417:focus-visible, .kindPrimary_cb70133f52.colorFixedLightActive_c994499417.focus-visible_28057f099f,\n.kindPrimary_cb70133f52.colorFixedLight_041ed1d51c:hover:focus-visible,\n.kindPrimary_cb70133f52.colorFixedLight_041ed1d51c:hover.focus-visible_28057f099f,\n.kindPrimary_cb70133f52.colorFixedLight_041ed1d51c:focus:focus-visible,\n.kindPrimary_cb70133f52.colorFixedLight_041ed1d51c:focus.focus-visible_28057f099f {\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_cb70133f52.colorFixedLightActive_c994499417:focus:not(.focus-visible_28057f099f),\n.kindPrimary_cb70133f52.colorFixedLight_041ed1d51c:hover:focus:not(.focus-visible_28057f099f),\n.kindPrimary_cb70133f52.colorFixedLight_041ed1d51c:focus:focus:not(.focus-visible_28057f099f) {\n  outline: none;\n}\n.kindPrimary_cb70133f52.colorFixedLight_041ed1d51c.disabled_4d8211dfa9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_cb70133f52.colorFixedDark_9fa415d707 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_cb70133f52.colorFixedDarkActive_44995d6f19,\n.kindPrimary_cb70133f52.colorFixedDark_9fa415d707:hover,\n.kindPrimary_cb70133f52.colorFixedDark_9fa415d707:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_cb70133f52.colorFixedDarkActive_44995d6f19:focus-visible, .kindPrimary_cb70133f52.colorFixedDarkActive_44995d6f19.focus-visible_28057f099f,\n.kindPrimary_cb70133f52.colorFixedDark_9fa415d707:hover:focus-visible,\n.kindPrimary_cb70133f52.colorFixedDark_9fa415d707:hover.focus-visible_28057f099f,\n.kindPrimary_cb70133f52.colorFixedDark_9fa415d707:focus:focus-visible,\n.kindPrimary_cb70133f52.colorFixedDark_9fa415d707:focus.focus-visible_28057f099f {\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_cb70133f52.colorFixedDarkActive_44995d6f19:focus:not(.focus-visible_28057f099f),\n.kindPrimary_cb70133f52.colorFixedDark_9fa415d707:hover:focus:not(.focus-visible_28057f099f),\n.kindPrimary_cb70133f52.colorFixedDark_9fa415d707:focus:focus:not(.focus-visible_28057f099f) {\n  outline: none;\n}\n.kindPrimary_cb70133f52.colorFixedDark_9fa415d707.disabled_4d8211dfa9 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_cb70133f52.colorOnInvertedBackground_cbbeebad43 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_cb70133f52.colorOnInvertedBackgroundActive_96a0baa8db,\n.kindPrimary_cb70133f52.colorOnInvertedBackground_cbbeebad43:hover,\n.kindPrimary_cb70133f52.colorOnInvertedBackground_cbbeebad43:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_cb70133f52.button_5483b5af91.colorOnInvertedBackground_cbbeebad43.disabled_4d8211dfa9 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_cb70133f52.button_5483b5af91.disabled_4d8211dfa9 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_b7a4f8154f {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_b7a4f8154f.sizeSmall_e972ab0999 {\n  line-height: 22px;\n}\n.kindSecondary_b7a4f8154f.sizeMedium_9819f2e87e {\n  line-height: 22px;\n}\n.kindSecondary_b7a4f8154f.sizeLarge_166ee18a88 {\n  line-height: 22px;\n}\n.kindSecondary_b7a4f8154f.colorPrimaryActive_c4fdcdd855 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_b7a4f8154f.colorPrimaryActive_c4fdcdd855:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_b7a4f8154f.colorBrandActive_d96abc2ce8 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_b7a4f8154f.colorBrandActive_d96abc2ce8,\n.kindSecondary_b7a4f8154f.colorBrandActive_d96abc2ce8:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_b7a4f8154f.colorPrimary_0588b8be74:hover:not(.colorPrimaryActive_c4fdcdd855),\n.kindSecondary_b7a4f8154f.colorPrimary_0588b8be74:focus:not(.colorPrimaryActive_c4fdcdd855) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_b7a4f8154f.colorBrand_d8d9e581e4:hover:not(.colorBrandActive_d96abc2ce8),\n.kindSecondary_b7a4f8154f.colorBrand_d8d9e581e4:focus:not(.colorBrandActive_d96abc2ce8) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_b7a4f8154f.colorPositive_c0061d3d19 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_b7a4f8154f.colorPositiveActive_3ed8093c64,\n.kindSecondary_b7a4f8154f.colorPositive_c0061d3d19:hover,\n.kindSecondary_b7a4f8154f.colorPositive_c0061d3d19:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_b7a4f8154f.colorNegative_406c2e0fdf {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_b7a4f8154f.colorNegativeActive_3ed8093c64,\n.kindSecondary_b7a4f8154f.colorNegative_406c2e0fdf:hover,\n.kindSecondary_b7a4f8154f.colorNegative_406c2e0fdf:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_b7a4f8154f.colorInverted_5c76116421 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_b7a4f8154f.colorInvertedActive_3ed8093c64,\n.kindSecondary_b7a4f8154f.colorInverted_5c76116421:hover,\n.kindSecondary_b7a4f8154f.colorInverted_5c76116421:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_b7a4f8154f.colorInverted_5c76116421.disabled_4d8211dfa9 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_b7a4f8154f.colorOnPrimaryColor_aea26e0f8e {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_b7a4f8154f.colorOnPrimaryColorActive_36d6bd33a1,\n.kindSecondary_b7a4f8154f.colorOnPrimaryColor_aea26e0f8e:hover,\n.kindSecondary_b7a4f8154f.colorOnPrimaryColor_aea26e0f8e:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_b7a4f8154f.colorOnPrimaryColorActive_36d6bd33a1:focus-visible, .kindSecondary_b7a4f8154f.colorOnPrimaryColorActive_36d6bd33a1.focus-visible_28057f099f,\n.kindSecondary_b7a4f8154f.colorOnPrimaryColor_aea26e0f8e:hover:focus-visible,\n.kindSecondary_b7a4f8154f.colorOnPrimaryColor_aea26e0f8e:hover.focus-visible_28057f099f,\n.kindSecondary_b7a4f8154f.colorOnPrimaryColor_aea26e0f8e:focus:focus-visible,\n.kindSecondary_b7a4f8154f.colorOnPrimaryColor_aea26e0f8e:focus.focus-visible_28057f099f {\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_b7a4f8154f.colorOnPrimaryColorActive_36d6bd33a1:focus:not(.focus-visible_28057f099f),\n.kindSecondary_b7a4f8154f.colorOnPrimaryColor_aea26e0f8e:hover:focus:not(.focus-visible_28057f099f),\n.kindSecondary_b7a4f8154f.colorOnPrimaryColor_aea26e0f8e:focus:focus:not(.focus-visible_28057f099f) {\n  outline: none;\n}\n.kindSecondary_b7a4f8154f.colorOnPrimaryColor_aea26e0f8e.disabled_4d8211dfa9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_b7a4f8154f.colorFixedLight_041ed1d51c {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_b7a4f8154f.colorFixedLightActive_c994499417,\n.kindSecondary_b7a4f8154f.colorFixedLight_041ed1d51c:hover,\n.kindSecondary_b7a4f8154f.colorFixedLight_041ed1d51c:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_b7a4f8154f.colorFixedLightActive_c994499417:focus-visible, .kindSecondary_b7a4f8154f.colorFixedLightActive_c994499417.focus-visible_28057f099f,\n.kindSecondary_b7a4f8154f.colorFixedLight_041ed1d51c:hover:focus-visible,\n.kindSecondary_b7a4f8154f.colorFixedLight_041ed1d51c:hover.focus-visible_28057f099f,\n.kindSecondary_b7a4f8154f.colorFixedLight_041ed1d51c:focus:focus-visible,\n.kindSecondary_b7a4f8154f.colorFixedLight_041ed1d51c:focus.focus-visible_28057f099f {\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_b7a4f8154f.colorFixedLightActive_c994499417:focus:not(.focus-visible_28057f099f),\n.kindSecondary_b7a4f8154f.colorFixedLight_041ed1d51c:hover:focus:not(.focus-visible_28057f099f),\n.kindSecondary_b7a4f8154f.colorFixedLight_041ed1d51c:focus:focus:not(.focus-visible_28057f099f) {\n  outline: none;\n}\n.kindSecondary_b7a4f8154f.colorFixedDark_9fa415d707 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_b7a4f8154f.colorFixedDarkActive_44995d6f19,\n.kindSecondary_b7a4f8154f.colorFixedDark_9fa415d707:hover,\n.kindSecondary_b7a4f8154f.colorFixedDark_9fa415d707:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_b7a4f8154f.colorFixedDarkActive_44995d6f19:focus-visible, .kindSecondary_b7a4f8154f.colorFixedDarkActive_44995d6f19.focus-visible_28057f099f,\n.kindSecondary_b7a4f8154f.colorFixedDark_9fa415d707:hover:focus-visible,\n.kindSecondary_b7a4f8154f.colorFixedDark_9fa415d707:hover.focus-visible_28057f099f,\n.kindSecondary_b7a4f8154f.colorFixedDark_9fa415d707:focus:focus-visible,\n.kindSecondary_b7a4f8154f.colorFixedDark_9fa415d707:focus.focus-visible_28057f099f {\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_b7a4f8154f.colorFixedDarkActive_44995d6f19:focus:not(.focus-visible_28057f099f),\n.kindSecondary_b7a4f8154f.colorFixedDark_9fa415d707:hover:focus:not(.focus-visible_28057f099f),\n.kindSecondary_b7a4f8154f.colorFixedDark_9fa415d707:focus:focus:not(.focus-visible_28057f099f) {\n  outline: none;\n}\n.kindSecondary_b7a4f8154f.colorOnInvertedBackground_cbbeebad43 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_b7a4f8154f.colorOnInvertedBackgroundActive_96a0baa8db,\n.kindSecondary_b7a4f8154f.colorOnInvertedBackground_cbbeebad43:hover,\n.kindSecondary_b7a4f8154f.colorOnInvertedBackground_cbbeebad43:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_b7a4f8154f.colorOnInvertedBackground_cbbeebad43.disabled_4d8211dfa9 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_b7a4f8154f.colorFixedLight_041ed1d51c.disabled_4d8211dfa9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_b7a4f8154f.colorFixedDark_9fa415d707.disabled_4d8211dfa9 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_b7a4f8154f.disabled_4d8211dfa9 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_b7a4f8154f.disabled_4d8211dfa9:hover {\n  background-color: transparent;\n}\n.kindTertiary_2061a5dc01 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_2061a5dc01.colorPrimaryActive_c4fdcdd855 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_2061a5dc01.colorPrimaryActive_c4fdcdd855:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_2061a5dc01.colorBrandActive_d96abc2ce8 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_2061a5dc01.colorBrandActive_d96abc2ce8,\n.kindTertiary_2061a5dc01.colorBrandActive_d96abc2ce8:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_2061a5dc01.colorPrimary_0588b8be74:hover:not(.colorPrimaryActive_c4fdcdd855),\n.kindTertiary_2061a5dc01.colorPrimary_0588b8be74:focus:not(.colorPrimaryActive_c4fdcdd855) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2061a5dc01.colorBrand_d8d9e581e4:hover:not(.colorBrandActive_d96abc2ce8),\n.kindTertiary_2061a5dc01.colorBrand_d8d9e581e4:focus:not(.colorBrandActive_d96abc2ce8) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2061a5dc01.colorPositive_c0061d3d19 {\n  color: var(--positive-color);\n}\n.kindTertiary_2061a5dc01.colorPositiveActive_3ed8093c64,\n.kindTertiary_2061a5dc01.colorPositive_c0061d3d19:hover,\n.kindTertiary_2061a5dc01.colorPositive_c0061d3d19:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_2061a5dc01.colorNegative_406c2e0fdf {\n  color: var(--negative-color);\n}\n.kindTertiary_2061a5dc01.colorNegativeActive_3ed8093c64,\n.kindTertiary_2061a5dc01.colorNegative_406c2e0fdf:hover,\n.kindTertiary_2061a5dc01.colorNegative_406c2e0fdf:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_2061a5dc01.colorInverted_5c76116421 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_2061a5dc01.colorInvertedActive_3ed8093c64,\n.kindTertiary_2061a5dc01.colorInverted_5c76116421:hover,\n.kindTertiary_2061a5dc01.colorInverted_5c76116421:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2061a5dc01.colorInverted_5c76116421.disabled_4d8211dfa9 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_2061a5dc01.colorOnPrimaryColor_aea26e0f8e {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_2061a5dc01.colorOnPrimaryColorActive_36d6bd33a1,\n.kindTertiary_2061a5dc01.colorOnPrimaryColor_aea26e0f8e:hover,\n.kindTertiary_2061a5dc01.colorOnPrimaryColor_aea26e0f8e:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_2061a5dc01.colorOnPrimaryColorActive_36d6bd33a1:focus-visible, .kindTertiary_2061a5dc01.colorOnPrimaryColorActive_36d6bd33a1.focus-visible_28057f099f,\n.kindTertiary_2061a5dc01.colorOnPrimaryColor_aea26e0f8e:hover:focus-visible,\n.kindTertiary_2061a5dc01.colorOnPrimaryColor_aea26e0f8e:hover.focus-visible_28057f099f,\n.kindTertiary_2061a5dc01.colorOnPrimaryColor_aea26e0f8e:focus:focus-visible,\n.kindTertiary_2061a5dc01.colorOnPrimaryColor_aea26e0f8e:focus.focus-visible_28057f099f {\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_2061a5dc01.colorOnPrimaryColorActive_36d6bd33a1:focus:not(.focus-visible_28057f099f),\n.kindTertiary_2061a5dc01.colorOnPrimaryColor_aea26e0f8e:hover:focus:not(.focus-visible_28057f099f),\n.kindTertiary_2061a5dc01.colorOnPrimaryColor_aea26e0f8e:focus:focus:not(.focus-visible_28057f099f) {\n  outline: none;\n}\n.kindTertiary_2061a5dc01.colorOnPrimaryColor_aea26e0f8e.disabled_4d8211dfa9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_2061a5dc01.colorFixedLight_041ed1d51c {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_2061a5dc01.colorFixedLightActive_c994499417,\n.kindTertiary_2061a5dc01.colorFixedLight_041ed1d51c:hover,\n.kindTertiary_2061a5dc01.colorFixedLight_041ed1d51c:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_2061a5dc01.colorFixedLightActive_c994499417:focus-visible, .kindTertiary_2061a5dc01.colorFixedLightActive_c994499417.focus-visible_28057f099f,\n.kindTertiary_2061a5dc01.colorFixedLight_041ed1d51c:hover:focus-visible,\n.kindTertiary_2061a5dc01.colorFixedLight_041ed1d51c:hover.focus-visible_28057f099f,\n.kindTertiary_2061a5dc01.colorFixedLight_041ed1d51c:focus:focus-visible,\n.kindTertiary_2061a5dc01.colorFixedLight_041ed1d51c:focus.focus-visible_28057f099f {\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_2061a5dc01.colorFixedLightActive_c994499417:focus:not(.focus-visible_28057f099f),\n.kindTertiary_2061a5dc01.colorFixedLight_041ed1d51c:hover:focus:not(.focus-visible_28057f099f),\n.kindTertiary_2061a5dc01.colorFixedLight_041ed1d51c:focus:focus:not(.focus-visible_28057f099f) {\n  outline: none;\n}\n.kindTertiary_2061a5dc01.colorFixedLight_041ed1d51c.disabled_4d8211dfa9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_2061a5dc01.colorFixedDark_9fa415d707 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_2061a5dc01.colorFixedDarkActive_44995d6f19,\n.kindTertiary_2061a5dc01.colorFixedDark_9fa415d707:hover,\n.kindTertiary_2061a5dc01.colorFixedDark_9fa415d707:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_2061a5dc01.colorFixedDarkActive_44995d6f19:focus-visible, .kindTertiary_2061a5dc01.colorFixedDarkActive_44995d6f19.focus-visible_28057f099f,\n.kindTertiary_2061a5dc01.colorFixedDark_9fa415d707:hover:focus-visible,\n.kindTertiary_2061a5dc01.colorFixedDark_9fa415d707:hover.focus-visible_28057f099f,\n.kindTertiary_2061a5dc01.colorFixedDark_9fa415d707:focus:focus-visible,\n.kindTertiary_2061a5dc01.colorFixedDark_9fa415d707:focus.focus-visible_28057f099f {\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_2061a5dc01.colorFixedDarkActive_44995d6f19:focus:not(.focus-visible_28057f099f),\n.kindTertiary_2061a5dc01.colorFixedDark_9fa415d707:hover:focus:not(.focus-visible_28057f099f),\n.kindTertiary_2061a5dc01.colorFixedDark_9fa415d707:focus:focus:not(.focus-visible_28057f099f) {\n  outline: none;\n}\n.kindTertiary_2061a5dc01.colorFixedDark_9fa415d707.disabled_4d8211dfa9 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_2061a5dc01.colorOnInvertedBackground_cbbeebad43 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_2061a5dc01.colorOnInvertedBackgroundActive_96a0baa8db,\n.kindTertiary_2061a5dc01.colorOnInvertedBackground_cbbeebad43:hover,\n.kindTertiary_2061a5dc01.colorOnInvertedBackground_cbbeebad43:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_2061a5dc01.colorOnInvertedBackground_cbbeebad43.disabled_4d8211dfa9 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_2061a5dc01.disabled_4d8211dfa9 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_2061a5dc01.disabled_4d8211dfa9:hover {\n  background-color: transparent;\n}\n.noSidePadding_be7e37cbcf {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_5483b5af91.insetFocusStyle_f1b8822559:focus-visible, .button_5483b5af91.insetFocusStyle_f1b8822559.focus-visible_28057f099f {\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_5483b5af91.insetFocusStyle_f1b8822559:focus:not(.focus-visible_28057f099f) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_67155e9bba","focus-visible":"focus-visible_7e0ef13fb4",loader:"loader_e9525bcf96",loaderSvg:"loaderSvg_fb48cc4d8e",textPlaceholder:"textPlaceholder_e72917c305",success:"success_6c3acb4ac8",successContent:"successContent_d3c9084807",marginRight:"marginRight_77404e920d",marginLeft:"marginLeft_c6c4f55414",rightFlat:"rightFlat_a7186bc0e8",leftFlat:"leftFlat_41ffabcc2d",preventClickAnimation:"preventClickAnimation_c9bef7f7ed",leftIcon:"leftIcon_77404e920d",rightIcon:"rightIcon_c6c4f55414",sizeXxs:"sizeXxs_817413b29c",sizeXs:"sizeXs_a88b833347",sizeSmall:"sizeSmall_ed4172bbc1",sizeMedium:"sizeMedium_77bdfee5d3",sizeLarge:"sizeLarge_c1a63f9973",kindPrimary:"kindPrimary_290782a72a",colorPrimary:"colorPrimary_f7a463c0cc",colorBrand:"colorBrand_58563ae087",colorPrimaryActive:"colorPrimaryActive_e270419e1b",colorBrandActive:"colorBrandActive_2d3bafa6d6",colorPositive:"colorPositive_9a55b25add",colorPositiveActive:"colorPositiveActive_84b1782e98",colorNegative:"colorNegative_0a6d4f7441",colorNegativeActive:"colorNegativeActive_84b1782e98",colorInverted:"colorInverted_872ec5be96",colorInvertedActive:"colorInvertedActive_84b1782e98",disabled:"disabled_643b51c780",colorOnPrimaryColor:"colorOnPrimaryColor_9b8cc3e9f1",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_573334b5d7",colorFixedLight:"colorFixedLight_4714b3baa2",colorFixedLightActive:"colorFixedLightActive_c9bef7f7ed",colorFixedDark:"colorFixedDark_5224026f36",colorFixedDarkActive:"colorFixedDarkActive_62a71a2a6a",colorOnInvertedBackground:"colorOnInvertedBackground_bef2b6091b",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_8a959fc74d",kindSecondary:"kindSecondary_1525cddd13",kindTertiary:"kindTertiary_8b5007c6c9",noSidePadding:"noSidePadding_0fb718f32b",insetFocusStyle:"insetFocusStyle_9910bfd5d9"};!function(o){const r="s_id-95d3f630f6d9_3_0_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.button_67155e9bba {\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  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  min-width: auto;\n}\n.button_67155e9bba:focus-visible, .button_67155e9bba.focus-visible_7e0ef13fb4 {\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_67155e9bba:focus:not(.focus-visible_7e0ef13fb4) {\n  outline: none;\n}\n.button_67155e9bba .loader_e9525bcf96 {\n  height: 100%;\n}\n.button_67155e9bba .loader_e9525bcf96 .loaderSvg_fb48cc4d8e {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_67155e9bba .textPlaceholder_e72917c305 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_67155e9bba.success_6c3acb4ac8 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_67155e9bba.success_6c3acb4ac8 .successContent_d3c9084807 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_77404e920d {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_c6c4f55414 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_a7186bc0e8 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_41ffabcc2d {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_67155e9bba:active:not(.preventClickAnimation_c9bef7f7ed) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_67155e9bba .leftIcon_77404e920d {\n  margin-right: var(--spacing-small);\n}\n.button_67155e9bba .rightIcon_c6c4f55414 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_817413b29c {\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_a88b833347 {\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_ed4172bbc1 {\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_ed4172bbc1 .loader_e9525bcf96 {\n  top: 7px;\n}\n.sizeMedium_77bdfee5d3 {\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_c1a63f9973 {\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_290782a72a {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_290782a72a.colorPrimary_f7a463c0cc {\n  background: var(--primary-color);\n}\n.kindPrimary_290782a72a.colorBrand_58563ae087 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_290782a72a.colorPrimaryActive_e270419e1b,\n.kindPrimary_290782a72a.colorPrimary_f7a463c0cc:hover,\n.kindPrimary_290782a72a.colorPrimary_f7a463c0cc:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_290782a72a.colorBrandActive_2d3bafa6d6,\n.kindPrimary_290782a72a.colorBrand_58563ae087:hover,\n.kindPrimary_290782a72a.colorBrand_58563ae087:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_290782a72a.colorPositive_9a55b25add {\n  background: var(--positive-color);\n}\n.kindPrimary_290782a72a.colorPositiveActive_84b1782e98,\n.kindPrimary_290782a72a.colorPositive_9a55b25add:hover,\n.kindPrimary_290782a72a.colorPositive_9a55b25add:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_290782a72a.colorNegative_0a6d4f7441 {\n  background: var(--negative-color);\n}\n.kindPrimary_290782a72a.colorNegativeActive_84b1782e98,\n.kindPrimary_290782a72a.colorNegative_0a6d4f7441:hover,\n.kindPrimary_290782a72a.colorNegative_0a6d4f7441:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_290782a72a.colorInverted_872ec5be96 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_290782a72a.colorInvertedActive_84b1782e98,\n.kindPrimary_290782a72a.colorInverted_872ec5be96:hover,\n.kindPrimary_290782a72a.colorInverted_872ec5be96:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_290782a72a.button_67155e9bba.colorInverted_872ec5be96.disabled_643b51c780 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_290782a72a.colorOnPrimaryColor_9b8cc3e9f1 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_290782a72a.colorOnPrimaryColorActive_573334b5d7,\n.kindPrimary_290782a72a.colorOnPrimaryColor_9b8cc3e9f1:hover,\n.kindPrimary_290782a72a.colorOnPrimaryColor_9b8cc3e9f1:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_290782a72a.colorOnPrimaryColorActive_573334b5d7:focus-visible, .kindPrimary_290782a72a.colorOnPrimaryColorActive_573334b5d7.focus-visible_7e0ef13fb4,\n.kindPrimary_290782a72a.colorOnPrimaryColor_9b8cc3e9f1:hover:focus-visible,\n.kindPrimary_290782a72a.colorOnPrimaryColor_9b8cc3e9f1:hover.focus-visible_7e0ef13fb4,\n.kindPrimary_290782a72a.colorOnPrimaryColor_9b8cc3e9f1:focus:focus-visible,\n.kindPrimary_290782a72a.colorOnPrimaryColor_9b8cc3e9f1:focus.focus-visible_7e0ef13fb4 {\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_290782a72a.colorOnPrimaryColorActive_573334b5d7:focus:not(.focus-visible_7e0ef13fb4),\n.kindPrimary_290782a72a.colorOnPrimaryColor_9b8cc3e9f1:hover:focus:not(.focus-visible_7e0ef13fb4),\n.kindPrimary_290782a72a.colorOnPrimaryColor_9b8cc3e9f1:focus:focus:not(.focus-visible_7e0ef13fb4) {\n  outline: none;\n}\n.kindPrimary_290782a72a.colorOnPrimaryColor_9b8cc3e9f1.disabled_643b51c780 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_290782a72a.colorFixedLight_4714b3baa2 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_290782a72a.colorFixedLightActive_c9bef7f7ed,\n.kindPrimary_290782a72a.colorFixedLight_4714b3baa2:hover,\n.kindPrimary_290782a72a.colorFixedLight_4714b3baa2:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_290782a72a.colorFixedLightActive_c9bef7f7ed:focus-visible, .kindPrimary_290782a72a.colorFixedLightActive_c9bef7f7ed.focus-visible_7e0ef13fb4,\n.kindPrimary_290782a72a.colorFixedLight_4714b3baa2:hover:focus-visible,\n.kindPrimary_290782a72a.colorFixedLight_4714b3baa2:hover.focus-visible_7e0ef13fb4,\n.kindPrimary_290782a72a.colorFixedLight_4714b3baa2:focus:focus-visible,\n.kindPrimary_290782a72a.colorFixedLight_4714b3baa2:focus.focus-visible_7e0ef13fb4 {\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_290782a72a.colorFixedLightActive_c9bef7f7ed:focus:not(.focus-visible_7e0ef13fb4),\n.kindPrimary_290782a72a.colorFixedLight_4714b3baa2:hover:focus:not(.focus-visible_7e0ef13fb4),\n.kindPrimary_290782a72a.colorFixedLight_4714b3baa2:focus:focus:not(.focus-visible_7e0ef13fb4) {\n  outline: none;\n}\n.kindPrimary_290782a72a.colorFixedLight_4714b3baa2.disabled_643b51c780 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_290782a72a.colorFixedDark_5224026f36 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_290782a72a.colorFixedDarkActive_62a71a2a6a,\n.kindPrimary_290782a72a.colorFixedDark_5224026f36:hover,\n.kindPrimary_290782a72a.colorFixedDark_5224026f36:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_290782a72a.colorFixedDarkActive_62a71a2a6a:focus-visible, .kindPrimary_290782a72a.colorFixedDarkActive_62a71a2a6a.focus-visible_7e0ef13fb4,\n.kindPrimary_290782a72a.colorFixedDark_5224026f36:hover:focus-visible,\n.kindPrimary_290782a72a.colorFixedDark_5224026f36:hover.focus-visible_7e0ef13fb4,\n.kindPrimary_290782a72a.colorFixedDark_5224026f36:focus:focus-visible,\n.kindPrimary_290782a72a.colorFixedDark_5224026f36:focus.focus-visible_7e0ef13fb4 {\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_290782a72a.colorFixedDarkActive_62a71a2a6a:focus:not(.focus-visible_7e0ef13fb4),\n.kindPrimary_290782a72a.colorFixedDark_5224026f36:hover:focus:not(.focus-visible_7e0ef13fb4),\n.kindPrimary_290782a72a.colorFixedDark_5224026f36:focus:focus:not(.focus-visible_7e0ef13fb4) {\n  outline: none;\n}\n.kindPrimary_290782a72a.colorFixedDark_5224026f36.disabled_643b51c780 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_290782a72a.colorOnInvertedBackground_bef2b6091b {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_290782a72a.colorOnInvertedBackgroundActive_8a959fc74d,\n.kindPrimary_290782a72a.colorOnInvertedBackground_bef2b6091b:hover,\n.kindPrimary_290782a72a.colorOnInvertedBackground_bef2b6091b:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_290782a72a.button_67155e9bba.colorOnInvertedBackground_bef2b6091b.disabled_643b51c780 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_290782a72a.button_67155e9bba.disabled_643b51c780 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_1525cddd13 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_1525cddd13.sizeSmall_ed4172bbc1 {\n  line-height: 22px;\n}\n.kindSecondary_1525cddd13.sizeMedium_77bdfee5d3 {\n  line-height: 22px;\n}\n.kindSecondary_1525cddd13.sizeLarge_c1a63f9973 {\n  line-height: 22px;\n}\n.kindSecondary_1525cddd13.colorPrimaryActive_e270419e1b {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_1525cddd13.colorPrimaryActive_e270419e1b:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_1525cddd13.colorBrandActive_2d3bafa6d6 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_1525cddd13.colorBrandActive_2d3bafa6d6,\n.kindSecondary_1525cddd13.colorBrandActive_2d3bafa6d6:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_1525cddd13.colorPrimary_f7a463c0cc:hover:not(.colorPrimaryActive_e270419e1b),\n.kindSecondary_1525cddd13.colorPrimary_f7a463c0cc:focus:not(.colorPrimaryActive_e270419e1b) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_1525cddd13.colorBrand_58563ae087:hover:not(.colorBrandActive_2d3bafa6d6),\n.kindSecondary_1525cddd13.colorBrand_58563ae087:focus:not(.colorBrandActive_2d3bafa6d6) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_1525cddd13.colorPositive_9a55b25add {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_1525cddd13.colorPositiveActive_84b1782e98,\n.kindSecondary_1525cddd13.colorPositive_9a55b25add:hover,\n.kindSecondary_1525cddd13.colorPositive_9a55b25add:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_1525cddd13.colorNegative_0a6d4f7441 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_1525cddd13.colorNegativeActive_84b1782e98,\n.kindSecondary_1525cddd13.colorNegative_0a6d4f7441:hover,\n.kindSecondary_1525cddd13.colorNegative_0a6d4f7441:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_1525cddd13.colorInverted_872ec5be96 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_1525cddd13.colorInvertedActive_84b1782e98,\n.kindSecondary_1525cddd13.colorInverted_872ec5be96:hover,\n.kindSecondary_1525cddd13.colorInverted_872ec5be96:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_1525cddd13.colorInverted_872ec5be96.disabled_643b51c780 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_1525cddd13.colorOnPrimaryColor_9b8cc3e9f1 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_1525cddd13.colorOnPrimaryColorActive_573334b5d7,\n.kindSecondary_1525cddd13.colorOnPrimaryColor_9b8cc3e9f1:hover,\n.kindSecondary_1525cddd13.colorOnPrimaryColor_9b8cc3e9f1:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_1525cddd13.colorOnPrimaryColorActive_573334b5d7:focus-visible, .kindSecondary_1525cddd13.colorOnPrimaryColorActive_573334b5d7.focus-visible_7e0ef13fb4,\n.kindSecondary_1525cddd13.colorOnPrimaryColor_9b8cc3e9f1:hover:focus-visible,\n.kindSecondary_1525cddd13.colorOnPrimaryColor_9b8cc3e9f1:hover.focus-visible_7e0ef13fb4,\n.kindSecondary_1525cddd13.colorOnPrimaryColor_9b8cc3e9f1:focus:focus-visible,\n.kindSecondary_1525cddd13.colorOnPrimaryColor_9b8cc3e9f1:focus.focus-visible_7e0ef13fb4 {\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_1525cddd13.colorOnPrimaryColorActive_573334b5d7:focus:not(.focus-visible_7e0ef13fb4),\n.kindSecondary_1525cddd13.colorOnPrimaryColor_9b8cc3e9f1:hover:focus:not(.focus-visible_7e0ef13fb4),\n.kindSecondary_1525cddd13.colorOnPrimaryColor_9b8cc3e9f1:focus:focus:not(.focus-visible_7e0ef13fb4) {\n  outline: none;\n}\n.kindSecondary_1525cddd13.colorOnPrimaryColor_9b8cc3e9f1.disabled_643b51c780 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_1525cddd13.colorFixedLight_4714b3baa2 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_1525cddd13.colorFixedLightActive_c9bef7f7ed,\n.kindSecondary_1525cddd13.colorFixedLight_4714b3baa2:hover,\n.kindSecondary_1525cddd13.colorFixedLight_4714b3baa2:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_1525cddd13.colorFixedLightActive_c9bef7f7ed:focus-visible, .kindSecondary_1525cddd13.colorFixedLightActive_c9bef7f7ed.focus-visible_7e0ef13fb4,\n.kindSecondary_1525cddd13.colorFixedLight_4714b3baa2:hover:focus-visible,\n.kindSecondary_1525cddd13.colorFixedLight_4714b3baa2:hover.focus-visible_7e0ef13fb4,\n.kindSecondary_1525cddd13.colorFixedLight_4714b3baa2:focus:focus-visible,\n.kindSecondary_1525cddd13.colorFixedLight_4714b3baa2:focus.focus-visible_7e0ef13fb4 {\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_1525cddd13.colorFixedLightActive_c9bef7f7ed:focus:not(.focus-visible_7e0ef13fb4),\n.kindSecondary_1525cddd13.colorFixedLight_4714b3baa2:hover:focus:not(.focus-visible_7e0ef13fb4),\n.kindSecondary_1525cddd13.colorFixedLight_4714b3baa2:focus:focus:not(.focus-visible_7e0ef13fb4) {\n  outline: none;\n}\n.kindSecondary_1525cddd13.colorFixedDark_5224026f36 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_1525cddd13.colorFixedDarkActive_62a71a2a6a,\n.kindSecondary_1525cddd13.colorFixedDark_5224026f36:hover,\n.kindSecondary_1525cddd13.colorFixedDark_5224026f36:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_1525cddd13.colorFixedDarkActive_62a71a2a6a:focus-visible, .kindSecondary_1525cddd13.colorFixedDarkActive_62a71a2a6a.focus-visible_7e0ef13fb4,\n.kindSecondary_1525cddd13.colorFixedDark_5224026f36:hover:focus-visible,\n.kindSecondary_1525cddd13.colorFixedDark_5224026f36:hover.focus-visible_7e0ef13fb4,\n.kindSecondary_1525cddd13.colorFixedDark_5224026f36:focus:focus-visible,\n.kindSecondary_1525cddd13.colorFixedDark_5224026f36:focus.focus-visible_7e0ef13fb4 {\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_1525cddd13.colorFixedDarkActive_62a71a2a6a:focus:not(.focus-visible_7e0ef13fb4),\n.kindSecondary_1525cddd13.colorFixedDark_5224026f36:hover:focus:not(.focus-visible_7e0ef13fb4),\n.kindSecondary_1525cddd13.colorFixedDark_5224026f36:focus:focus:not(.focus-visible_7e0ef13fb4) {\n  outline: none;\n}\n.kindSecondary_1525cddd13.colorOnInvertedBackground_bef2b6091b {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_1525cddd13.colorOnInvertedBackgroundActive_8a959fc74d,\n.kindSecondary_1525cddd13.colorOnInvertedBackground_bef2b6091b:hover,\n.kindSecondary_1525cddd13.colorOnInvertedBackground_bef2b6091b:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_1525cddd13.colorOnInvertedBackground_bef2b6091b.disabled_643b51c780 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_1525cddd13.colorFixedLight_4714b3baa2.disabled_643b51c780 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_1525cddd13.colorFixedDark_5224026f36.disabled_643b51c780 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_1525cddd13.disabled_643b51c780 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_1525cddd13.disabled_643b51c780:hover {\n  background-color: transparent;\n}\n.kindTertiary_8b5007c6c9 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_8b5007c6c9.colorPrimaryActive_e270419e1b {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_8b5007c6c9.colorPrimaryActive_e270419e1b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_8b5007c6c9.colorBrandActive_2d3bafa6d6 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_8b5007c6c9.colorBrandActive_2d3bafa6d6,\n.kindTertiary_8b5007c6c9.colorBrandActive_2d3bafa6d6:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_8b5007c6c9.colorPrimary_f7a463c0cc:hover:not(.colorPrimaryActive_e270419e1b),\n.kindTertiary_8b5007c6c9.colorPrimary_f7a463c0cc:focus:not(.colorPrimaryActive_e270419e1b) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_8b5007c6c9.colorBrand_58563ae087:hover:not(.colorBrandActive_2d3bafa6d6),\n.kindTertiary_8b5007c6c9.colorBrand_58563ae087:focus:not(.colorBrandActive_2d3bafa6d6) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_8b5007c6c9.colorPositive_9a55b25add {\n  color: var(--positive-color);\n}\n.kindTertiary_8b5007c6c9.colorPositiveActive_84b1782e98,\n.kindTertiary_8b5007c6c9.colorPositive_9a55b25add:hover,\n.kindTertiary_8b5007c6c9.colorPositive_9a55b25add:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_8b5007c6c9.colorNegative_0a6d4f7441 {\n  color: var(--negative-color);\n}\n.kindTertiary_8b5007c6c9.colorNegativeActive_84b1782e98,\n.kindTertiary_8b5007c6c9.colorNegative_0a6d4f7441:hover,\n.kindTertiary_8b5007c6c9.colorNegative_0a6d4f7441:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_8b5007c6c9.colorInverted_872ec5be96 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_8b5007c6c9.colorInvertedActive_84b1782e98,\n.kindTertiary_8b5007c6c9.colorInverted_872ec5be96:hover,\n.kindTertiary_8b5007c6c9.colorInverted_872ec5be96:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_8b5007c6c9.colorInverted_872ec5be96.disabled_643b51c780 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_8b5007c6c9.colorOnPrimaryColor_9b8cc3e9f1 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_8b5007c6c9.colorOnPrimaryColorActive_573334b5d7,\n.kindTertiary_8b5007c6c9.colorOnPrimaryColor_9b8cc3e9f1:hover,\n.kindTertiary_8b5007c6c9.colorOnPrimaryColor_9b8cc3e9f1:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_8b5007c6c9.colorOnPrimaryColorActive_573334b5d7:focus-visible, .kindTertiary_8b5007c6c9.colorOnPrimaryColorActive_573334b5d7.focus-visible_7e0ef13fb4,\n.kindTertiary_8b5007c6c9.colorOnPrimaryColor_9b8cc3e9f1:hover:focus-visible,\n.kindTertiary_8b5007c6c9.colorOnPrimaryColor_9b8cc3e9f1:hover.focus-visible_7e0ef13fb4,\n.kindTertiary_8b5007c6c9.colorOnPrimaryColor_9b8cc3e9f1:focus:focus-visible,\n.kindTertiary_8b5007c6c9.colorOnPrimaryColor_9b8cc3e9f1:focus.focus-visible_7e0ef13fb4 {\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_8b5007c6c9.colorOnPrimaryColorActive_573334b5d7:focus:not(.focus-visible_7e0ef13fb4),\n.kindTertiary_8b5007c6c9.colorOnPrimaryColor_9b8cc3e9f1:hover:focus:not(.focus-visible_7e0ef13fb4),\n.kindTertiary_8b5007c6c9.colorOnPrimaryColor_9b8cc3e9f1:focus:focus:not(.focus-visible_7e0ef13fb4) {\n  outline: none;\n}\n.kindTertiary_8b5007c6c9.colorOnPrimaryColor_9b8cc3e9f1.disabled_643b51c780 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_8b5007c6c9.colorFixedLight_4714b3baa2 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_8b5007c6c9.colorFixedLightActive_c9bef7f7ed,\n.kindTertiary_8b5007c6c9.colorFixedLight_4714b3baa2:hover,\n.kindTertiary_8b5007c6c9.colorFixedLight_4714b3baa2:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_8b5007c6c9.colorFixedLightActive_c9bef7f7ed:focus-visible, .kindTertiary_8b5007c6c9.colorFixedLightActive_c9bef7f7ed.focus-visible_7e0ef13fb4,\n.kindTertiary_8b5007c6c9.colorFixedLight_4714b3baa2:hover:focus-visible,\n.kindTertiary_8b5007c6c9.colorFixedLight_4714b3baa2:hover.focus-visible_7e0ef13fb4,\n.kindTertiary_8b5007c6c9.colorFixedLight_4714b3baa2:focus:focus-visible,\n.kindTertiary_8b5007c6c9.colorFixedLight_4714b3baa2:focus.focus-visible_7e0ef13fb4 {\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_8b5007c6c9.colorFixedLightActive_c9bef7f7ed:focus:not(.focus-visible_7e0ef13fb4),\n.kindTertiary_8b5007c6c9.colorFixedLight_4714b3baa2:hover:focus:not(.focus-visible_7e0ef13fb4),\n.kindTertiary_8b5007c6c9.colorFixedLight_4714b3baa2:focus:focus:not(.focus-visible_7e0ef13fb4) {\n  outline: none;\n}\n.kindTertiary_8b5007c6c9.colorFixedLight_4714b3baa2.disabled_643b51c780 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_8b5007c6c9.colorFixedDark_5224026f36 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_8b5007c6c9.colorFixedDarkActive_62a71a2a6a,\n.kindTertiary_8b5007c6c9.colorFixedDark_5224026f36:hover,\n.kindTertiary_8b5007c6c9.colorFixedDark_5224026f36:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_8b5007c6c9.colorFixedDarkActive_62a71a2a6a:focus-visible, .kindTertiary_8b5007c6c9.colorFixedDarkActive_62a71a2a6a.focus-visible_7e0ef13fb4,\n.kindTertiary_8b5007c6c9.colorFixedDark_5224026f36:hover:focus-visible,\n.kindTertiary_8b5007c6c9.colorFixedDark_5224026f36:hover.focus-visible_7e0ef13fb4,\n.kindTertiary_8b5007c6c9.colorFixedDark_5224026f36:focus:focus-visible,\n.kindTertiary_8b5007c6c9.colorFixedDark_5224026f36:focus.focus-visible_7e0ef13fb4 {\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_8b5007c6c9.colorFixedDarkActive_62a71a2a6a:focus:not(.focus-visible_7e0ef13fb4),\n.kindTertiary_8b5007c6c9.colorFixedDark_5224026f36:hover:focus:not(.focus-visible_7e0ef13fb4),\n.kindTertiary_8b5007c6c9.colorFixedDark_5224026f36:focus:focus:not(.focus-visible_7e0ef13fb4) {\n  outline: none;\n}\n.kindTertiary_8b5007c6c9.colorFixedDark_5224026f36.disabled_643b51c780 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_8b5007c6c9.colorOnInvertedBackground_bef2b6091b {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_8b5007c6c9.colorOnInvertedBackgroundActive_8a959fc74d,\n.kindTertiary_8b5007c6c9.colorOnInvertedBackground_bef2b6091b:hover,\n.kindTertiary_8b5007c6c9.colorOnInvertedBackground_bef2b6091b:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_8b5007c6c9.colorOnInvertedBackground_bef2b6091b.disabled_643b51c780 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_8b5007c6c9.disabled_643b51c780 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_8b5007c6c9.disabled_643b51c780:hover {\n  background-color: transparent;\n}\n.noSidePadding_0fb718f32b {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_67155e9bba.insetFocusStyle_9910bfd5d9:focus-visible, .button_67155e9bba.insetFocusStyle_9910bfd5d9.focus-visible_7e0ef13fb4 {\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_67155e9bba.insetFocusStyle_9910bfd5d9:focus:not(.focus-visible_7e0ef13fb4) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/dist/mocked_classnames/Button/Button.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={button:"button","focus-visible":"focus-visible",loader:"loader",loaderSvg:"loaderSvg",textPlaceholder:"textPlaceholder",success:"success",successContent:"successContent",marginRight:"marginRight",marginLeft:"marginLeft",rightFlat:"rightFlat",leftFlat:"leftFlat",preventClickAnimation:"preventClickAnimation",leftIcon:"leftIcon",rightIcon:"rightIcon",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",kindPrimary:"kindPrimary",colorPrimary:"colorPrimary",colorBrand:"colorBrand",colorPrimaryActive:"colorPrimaryActive",colorBrandActive:"colorBrandActive",colorPositive:"colorPositive",colorPositiveActive:"colorPositiveActive",colorNegative:"colorNegative",colorNegativeActive:"colorNegativeActive",colorInverted:"colorInverted",colorInvertedActive:"colorInvertedActive",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnPrimaryColorActive:"colorOnPrimaryColorActive",colorFixedLight:"colorFixedLight",colorFixedLightActive:"colorFixedLightActive",colorFixedDark:"colorFixedDark",colorFixedDarkActive:"colorFixedDarkActive",colorOnInvertedBackground:"colorOnInvertedBackground",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive",kindSecondary:"kindSecondary",kindTertiary:"kindTertiary",noSidePadding:"noSidePadding",insetFocusStyle:"insetFocusStyle"};!function(o){const r="s_id-95d3f630f6d9_3_0_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.button {\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  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  min-width: auto;\n}\n.button:focus-visible, .button.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n.button .loader {\n  height: 100%;\n}\n.button .loader .loaderSvg {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button .textPlaceholder {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button.success {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button.success .successContent {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight {\n  margin-right: var(--spacing-small);\n}\n.marginLeft {\n  margin-left: var(--spacing-small);\n}\n.rightFlat {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button:active:not(.preventClickAnimation) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button .leftIcon {\n  margin-right: var(--spacing-small);\n}\n.button .rightIcon {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs {\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 {\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 {\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 .loader {\n  top: 7px;\n}\n.sizeMedium {\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 {\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 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorPrimary {\n  background: var(--primary-color);\n}\n.kindPrimary.colorBrand {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary.colorPrimaryActive,\n.kindPrimary.colorPrimary:hover,\n.kindPrimary.colorPrimary:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary.colorBrandActive,\n.kindPrimary.colorBrand:hover,\n.kindPrimary.colorBrand:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary.colorPositive {\n  background: var(--positive-color);\n}\n.kindPrimary.colorPositiveActive,\n.kindPrimary.colorPositive:hover,\n.kindPrimary.colorPositive:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary.colorNegative {\n  background: var(--negative-color);\n}\n.kindPrimary.colorNegativeActive,\n.kindPrimary.colorNegative:hover,\n.kindPrimary.colorNegative:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary.colorInverted {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary.colorInvertedActive,\n.kindPrimary.colorInverted:hover,\n.kindPrimary.colorInverted:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary.button.colorInverted.disabled {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary.colorOnPrimaryColor {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary.colorOnPrimaryColorActive,\n.kindPrimary.colorOnPrimaryColor:hover,\n.kindPrimary.colorOnPrimaryColor:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorOnPrimaryColorActive:focus-visible, .kindPrimary.colorOnPrimaryColorActive.focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover:focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover.focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus:focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus.focus-visible {\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.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorFixedLight {\n  background: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedLightActive,\n.kindPrimary.colorFixedLight:hover,\n.kindPrimary.colorFixedLight:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorFixedLightActive:focus-visible, .kindPrimary.colorFixedLightActive.focus-visible,\n.kindPrimary.colorFixedLight:hover:focus-visible,\n.kindPrimary.colorFixedLight:hover.focus-visible,\n.kindPrimary.colorFixedLight:focus:focus-visible,\n.kindPrimary.colorFixedLight:focus.focus-visible {\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.colorFixedLightActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDark {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDarkActive,\n.kindPrimary.colorFixedDark:hover,\n.kindPrimary.colorFixedDark:focus {\n  filter: brightness(125%);\n}\n.kindPrimary.colorFixedDarkActive:focus-visible, .kindPrimary.colorFixedDarkActive.focus-visible,\n.kindPrimary.colorFixedDark:hover:focus-visible,\n.kindPrimary.colorFixedDark:hover.focus-visible,\n.kindPrimary.colorFixedDark:focus:focus-visible,\n.kindPrimary.colorFixedDark:focus.focus-visible {\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.colorFixedDarkActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary.colorOnInvertedBackground {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary.colorOnInvertedBackgroundActive,\n.kindPrimary.colorOnInvertedBackground:hover,\n.kindPrimary.colorOnInvertedBackground:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary.button.colorOnInvertedBackground.disabled {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary.button.disabled {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary.sizeSmall {\n  line-height: 22px;\n}\n.kindSecondary.sizeMedium {\n  line-height: 22px;\n}\n.kindSecondary.sizeLarge {\n  line-height: 22px;\n}\n.kindSecondary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary.colorBrandActive,\n.kindSecondary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindSecondary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorBrand:hover:not(.colorBrandActive),\n.kindSecondary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorPositive {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary.colorPositiveActive,\n.kindSecondary.colorPositive:hover,\n.kindSecondary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary.colorNegative {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary.colorNegativeActive,\n.kindSecondary.colorNegative:hover,\n.kindSecondary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary.colorInverted {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary.colorInvertedActive,\n.kindSecondary.colorInverted:hover,\n.kindSecondary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorInverted.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary.colorOnPrimaryColorActive,\n.kindSecondary.colorOnPrimaryColor:hover,\n.kindSecondary.colorOnPrimaryColor:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorOnPrimaryColorActive:focus-visible, .kindSecondary.colorOnPrimaryColorActive.focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover:focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover.focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus:focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus.focus-visible {\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.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary.colorFixedLight {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedLightActive,\n.kindSecondary.colorFixedLight:hover,\n.kindSecondary.colorFixedLight:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorFixedLightActive:focus-visible, .kindSecondary.colorFixedLightActive.focus-visible,\n.kindSecondary.colorFixedLight:hover:focus-visible,\n.kindSecondary.colorFixedLight:hover.focus-visible,\n.kindSecondary.colorFixedLight:focus:focus-visible,\n.kindSecondary.colorFixedLight:focus.focus-visible {\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.colorFixedLightActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorFixedDark {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.colorFixedDarkActive,\n.kindSecondary.colorFixedDark:hover,\n.kindSecondary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary.colorFixedDarkActive:focus-visible, .kindSecondary.colorFixedDarkActive.focus-visible,\n.kindSecondary.colorFixedDark:hover:focus-visible,\n.kindSecondary.colorFixedDark:hover.focus-visible,\n.kindSecondary.colorFixedDark:focus:focus-visible,\n.kindSecondary.colorFixedDark:focus.focus-visible {\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.colorFixedDarkActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnInvertedBackground {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary.colorOnInvertedBackgroundActive,\n.kindSecondary.colorOnInvertedBackground:hover,\n.kindSecondary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindSecondary.colorOnInvertedBackground.disabled {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary.disabled:hover {\n  background-color: transparent;\n}\n.kindTertiary {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary.colorBrandActive,\n.kindTertiary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindTertiary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorBrand:hover:not(.colorBrandActive),\n.kindTertiary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorPositive {\n  color: var(--positive-color);\n}\n.kindTertiary.colorPositiveActive,\n.kindTertiary.colorPositive:hover,\n.kindTertiary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary.colorNegative {\n  color: var(--negative-color);\n}\n.kindTertiary.colorNegativeActive,\n.kindTertiary.colorNegative:hover,\n.kindTertiary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary.colorInverted {\n  color: var(--primary-text-color);\n}\n.kindTertiary.colorInvertedActive,\n.kindTertiary.colorInverted:hover,\n.kindTertiary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorInverted.disabled {\n  color: var(--disabled-text-color);\n}\n.kindTertiary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorOnPrimaryColorActive,\n.kindTertiary.colorOnPrimaryColor:hover,\n.kindTertiary.colorOnPrimaryColor:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorOnPrimaryColorActive:focus-visible, .kindTertiary.colorOnPrimaryColorActive.focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover:focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover.focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus:focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus.focus-visible {\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.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorFixedLight {\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedLightActive,\n.kindTertiary.colorFixedLight:hover,\n.kindTertiary.colorFixedLight:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorFixedLightActive:focus-visible, .kindTertiary.colorFixedLightActive.focus-visible,\n.kindTertiary.colorFixedLight:hover:focus-visible,\n.kindTertiary.colorFixedLight:hover.focus-visible,\n.kindTertiary.colorFixedLight:focus:focus-visible,\n.kindTertiary.colorFixedLight:focus.focus-visible {\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.colorFixedLightActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedDark {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorFixedDarkActive,\n.kindTertiary.colorFixedDark:hover,\n.kindTertiary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary.colorFixedDarkActive:focus-visible, .kindTertiary.colorFixedDarkActive.focus-visible,\n.kindTertiary.colorFixedDark:hover:focus-visible,\n.kindTertiary.colorFixedDark:hover.focus-visible,\n.kindTertiary.colorFixedDark:focus:focus-visible,\n.kindTertiary.colorFixedDark:focus.focus-visible {\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.colorFixedDarkActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.colorOnInvertedBackgroundActive,\n.kindTertiary.colorOnInvertedBackground:hover,\n.kindTertiary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindTertiary.colorOnInvertedBackground.disabled {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary.disabled:hover {\n  background-color: transparent;\n}\n.noSidePadding {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button.insetFocusStyle:focus-visible, .button.insetFocusStyle.focus-visible {\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.insetFocusStyle:focus:not(.focus-visible) {\n  outline: none;\n}");export{o as default};
+var o={button:"button","focus-visible":"focus-visible",loader:"loader",loaderSvg:"loaderSvg",textPlaceholder:"textPlaceholder",success:"success",successContent:"successContent",marginRight:"marginRight",marginLeft:"marginLeft",rightFlat:"rightFlat",leftFlat:"leftFlat",preventClickAnimation:"preventClickAnimation",leftIcon:"leftIcon",rightIcon:"rightIcon",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",kindPrimary:"kindPrimary",colorPrimary:"colorPrimary",colorBrand:"colorBrand",colorPrimaryActive:"colorPrimaryActive",colorBrandActive:"colorBrandActive",colorPositive:"colorPositive",colorPositiveActive:"colorPositiveActive",colorNegative:"colorNegative",colorNegativeActive:"colorNegativeActive",colorInverted:"colorInverted",colorInvertedActive:"colorInvertedActive",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnPrimaryColorActive:"colorOnPrimaryColorActive",colorFixedLight:"colorFixedLight",colorFixedLightActive:"colorFixedLightActive",colorFixedDark:"colorFixedDark",colorFixedDarkActive:"colorFixedDarkActive",colorOnInvertedBackground:"colorOnInvertedBackground",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive",kindSecondary:"kindSecondary",kindTertiary:"kindTertiary",noSidePadding:"noSidePadding",insetFocusStyle:"insetFocusStyle"};!function(o){const r="s_id-95d3f630f6d9_3_0_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.button {\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  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  min-width: auto;\n}\n.button:focus-visible, .button.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n.button .loader {\n  height: 100%;\n}\n.button .loader .loaderSvg {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button .textPlaceholder {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button.success {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button.success .successContent {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight {\n  margin-right: var(--spacing-small);\n}\n.marginLeft {\n  margin-left: var(--spacing-small);\n}\n.rightFlat {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button:active:not(.preventClickAnimation) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button .leftIcon {\n  margin-right: var(--spacing-small);\n}\n.button .rightIcon {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs {\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 {\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 {\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 .loader {\n  top: 7px;\n}\n.sizeMedium {\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 {\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 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorPrimary {\n  background: var(--primary-color);\n}\n.kindPrimary.colorBrand {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary.colorPrimaryActive,\n.kindPrimary.colorPrimary:hover,\n.kindPrimary.colorPrimary:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary.colorBrandActive,\n.kindPrimary.colorBrand:hover,\n.kindPrimary.colorBrand:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary.colorPositive {\n  background: var(--positive-color);\n}\n.kindPrimary.colorPositiveActive,\n.kindPrimary.colorPositive:hover,\n.kindPrimary.colorPositive:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary.colorNegative {\n  background: var(--negative-color);\n}\n.kindPrimary.colorNegativeActive,\n.kindPrimary.colorNegative:hover,\n.kindPrimary.colorNegative:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary.colorInverted {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary.colorInvertedActive,\n.kindPrimary.colorInverted:hover,\n.kindPrimary.colorInverted:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary.button.colorInverted.disabled {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary.colorOnPrimaryColor {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary.colorOnPrimaryColorActive,\n.kindPrimary.colorOnPrimaryColor:hover,\n.kindPrimary.colorOnPrimaryColor:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorOnPrimaryColorActive:focus-visible, .kindPrimary.colorOnPrimaryColorActive.focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover:focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover.focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus:focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus.focus-visible {\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.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorFixedLight {\n  background: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedLightActive,\n.kindPrimary.colorFixedLight:hover,\n.kindPrimary.colorFixedLight:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorFixedLightActive:focus-visible, .kindPrimary.colorFixedLightActive.focus-visible,\n.kindPrimary.colorFixedLight:hover:focus-visible,\n.kindPrimary.colorFixedLight:hover.focus-visible,\n.kindPrimary.colorFixedLight:focus:focus-visible,\n.kindPrimary.colorFixedLight:focus.focus-visible {\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.colorFixedLightActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDark {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDarkActive,\n.kindPrimary.colorFixedDark:hover,\n.kindPrimary.colorFixedDark:focus {\n  filter: brightness(125%);\n}\n.kindPrimary.colorFixedDarkActive:focus-visible, .kindPrimary.colorFixedDarkActive.focus-visible,\n.kindPrimary.colorFixedDark:hover:focus-visible,\n.kindPrimary.colorFixedDark:hover.focus-visible,\n.kindPrimary.colorFixedDark:focus:focus-visible,\n.kindPrimary.colorFixedDark:focus.focus-visible {\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.colorFixedDarkActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary.colorOnInvertedBackground {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary.colorOnInvertedBackgroundActive,\n.kindPrimary.colorOnInvertedBackground:hover,\n.kindPrimary.colorOnInvertedBackground:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary.button.colorOnInvertedBackground.disabled {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary.button.disabled {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary.sizeSmall {\n  line-height: 22px;\n}\n.kindSecondary.sizeMedium {\n  line-height: 22px;\n}\n.kindSecondary.sizeLarge {\n  line-height: 22px;\n}\n.kindSecondary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary.colorBrandActive,\n.kindSecondary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindSecondary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorBrand:hover:not(.colorBrandActive),\n.kindSecondary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorPositive {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary.colorPositiveActive,\n.kindSecondary.colorPositive:hover,\n.kindSecondary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary.colorNegative {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary.colorNegativeActive,\n.kindSecondary.colorNegative:hover,\n.kindSecondary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary.colorInverted {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary.colorInvertedActive,\n.kindSecondary.colorInverted:hover,\n.kindSecondary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorInverted.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary.colorOnPrimaryColorActive,\n.kindSecondary.colorOnPrimaryColor:hover,\n.kindSecondary.colorOnPrimaryColor:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorOnPrimaryColorActive:focus-visible, .kindSecondary.colorOnPrimaryColorActive.focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover:focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover.focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus:focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus.focus-visible {\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.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary.colorFixedLight {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedLightActive,\n.kindSecondary.colorFixedLight:hover,\n.kindSecondary.colorFixedLight:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorFixedLightActive:focus-visible, .kindSecondary.colorFixedLightActive.focus-visible,\n.kindSecondary.colorFixedLight:hover:focus-visible,\n.kindSecondary.colorFixedLight:hover.focus-visible,\n.kindSecondary.colorFixedLight:focus:focus-visible,\n.kindSecondary.colorFixedLight:focus.focus-visible {\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.colorFixedLightActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorFixedDark {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.colorFixedDarkActive,\n.kindSecondary.colorFixedDark:hover,\n.kindSecondary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary.colorFixedDarkActive:focus-visible, .kindSecondary.colorFixedDarkActive.focus-visible,\n.kindSecondary.colorFixedDark:hover:focus-visible,\n.kindSecondary.colorFixedDark:hover.focus-visible,\n.kindSecondary.colorFixedDark:focus:focus-visible,\n.kindSecondary.colorFixedDark:focus.focus-visible {\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.colorFixedDarkActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnInvertedBackground {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary.colorOnInvertedBackgroundActive,\n.kindSecondary.colorOnInvertedBackground:hover,\n.kindSecondary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindSecondary.colorOnInvertedBackground.disabled {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary.disabled:hover {\n  background-color: transparent;\n}\n.kindTertiary {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary.colorBrandActive,\n.kindTertiary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindTertiary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorBrand:hover:not(.colorBrandActive),\n.kindTertiary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorPositive {\n  color: var(--positive-color);\n}\n.kindTertiary.colorPositiveActive,\n.kindTertiary.colorPositive:hover,\n.kindTertiary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary.colorNegative {\n  color: var(--negative-color);\n}\n.kindTertiary.colorNegativeActive,\n.kindTertiary.colorNegative:hover,\n.kindTertiary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary.colorInverted {\n  color: var(--primary-text-color);\n}\n.kindTertiary.colorInvertedActive,\n.kindTertiary.colorInverted:hover,\n.kindTertiary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorInverted.disabled {\n  color: var(--disabled-text-color);\n}\n.kindTertiary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorOnPrimaryColorActive,\n.kindTertiary.colorOnPrimaryColor:hover,\n.kindTertiary.colorOnPrimaryColor:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorOnPrimaryColorActive:focus-visible, .kindTertiary.colorOnPrimaryColorActive.focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover:focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover.focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus:focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus.focus-visible {\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.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorFixedLight {\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedLightActive,\n.kindTertiary.colorFixedLight:hover,\n.kindTertiary.colorFixedLight:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorFixedLightActive:focus-visible, .kindTertiary.colorFixedLightActive.focus-visible,\n.kindTertiary.colorFixedLight:hover:focus-visible,\n.kindTertiary.colorFixedLight:hover.focus-visible,\n.kindTertiary.colorFixedLight:focus:focus-visible,\n.kindTertiary.colorFixedLight:focus.focus-visible {\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.colorFixedLightActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedDark {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorFixedDarkActive,\n.kindTertiary.colorFixedDark:hover,\n.kindTertiary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary.colorFixedDarkActive:focus-visible, .kindTertiary.colorFixedDarkActive.focus-visible,\n.kindTertiary.colorFixedDark:hover:focus-visible,\n.kindTertiary.colorFixedDark:hover.focus-visible,\n.kindTertiary.colorFixedDark:focus:focus-visible,\n.kindTertiary.colorFixedDark:focus.focus-visible {\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.colorFixedDarkActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.colorOnInvertedBackgroundActive,\n.kindTertiary.colorOnInvertedBackground:hover,\n.kindTertiary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindTertiary.colorOnInvertedBackground.disabled {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary.disabled:hover {\n  background-color: transparent;\n}\n.noSidePadding {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button.insetFocusStyle:focus-visible, .button.insetFocusStyle.focus-visible {\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.insetFocusStyle:focus:not(.focus-visible) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/button",
-  "version": "3.0.8",
+  "version": "3.0.9-alpha-ea565.0",
   "description": "Vibe sub-package for button components",
   "repository": {
     "type": "git",
@@ -27,8 +27,8 @@
       "default": "./dist/index.js"
     },
     "./mockedClassNames": {
-      "import": "./dist/mocked_classnames/src/index.js",
-      "default": "./dist/mocked_classnames/src/index.js"
+      "import": "./dist/mocked_classnames/index.js",
+      "default": "./dist/mocked_classnames/index.js"
     }
   },
   "scripts": {
@@ -37,16 +37,16 @@
     "lint": "eslint \"./src/**/*.{js,jsx,ts,tsx}\""
   },
   "dependencies": {
-    "@vibe/icon": "3.0.8",
-    "@vibe/loader": "3.0.8",
-    "@vibe/shared": "3.0.8",
+    "@vibe/icon": "3.0.9-alpha-ea565.0",
+    "@vibe/loader": "3.0.9-alpha-ea565.0",
+    "@vibe/shared": "3.0.9-alpha-ea565.0",
     "classnames": "^2.5.1",
     "es-toolkit": "^1.39.10"
   },
   "devDependencies": {
     "@testing-library/react": "^12.1.2",
     "@vibe/config": "3.0.5",
-    "@vibe/icons": "1.11.2",
+    "@vibe/icons": "1.11.3-alpha-ea565.0",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-test-renderer": "16",
@@ -68,5 +68,5 @@
       "../../../node_modules/@vibe/config/.eslintrc.cjs"
     ]
   },
-  "gitHead": "c322bd2793a9a044447b24195e8640f50ddae8a1"
+  "gitHead": "99516622bcc8efdccecfa882e2319a9e8b583f45"
 }