npm - @vibe/button - Versions diffs - 3.0.13 → 3.0.15 - Mend

@vibe/button 3.0.13 → 3.0.15

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 +7 -6

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

@@ -1,2 +1,2 @@
-var o={button:"button_f410a4fdb7","focus-visible":"focus-visible_0fc2b54dbb",loader:"loader_d978ea3af1",loaderSvg:"loaderSvg_98c8552245",textPlaceholder:"textPlaceholder_9f460efa73",success:"success_30a37a7981",successContent:"successContent_27cbfca91f",marginRight:"marginRight_d29d5b602e",marginLeft:"marginLeft_13f96fe358",rightFlat:"rightFlat_8f98976339",leftFlat:"leftFlat_43362ff534",preventClickAnimation:"preventClickAnimation_b8080ef048",leftIcon:"leftIcon_d29d5b602e",rightIcon:"rightIcon_13f96fe358",sizeXxs:"sizeXxs_ce5c204073",sizeXs:"sizeXs_d995e5ef4e",sizeSmall:"sizeSmall_09d742acd9",sizeMedium:"sizeMedium_ff0c2f76ad",sizeLarge:"sizeLarge_f6f63ab3fe",kindPrimary:"kindPrimary_7823778f6a",colorPrimary:"colorPrimary_c79bf2e06d",colorBrand:"colorBrand_b25987de43",colorPrimaryActive:"colorPrimaryActive_56bd1ae0ca",colorBrandActive:"colorBrandActive_9ec4e7ffb1",colorPositive:"colorPositive_1545bee9b1",colorPositiveActive:"colorPositiveActive_aaf5217dd0",colorNegative:"colorNegative_e8ab6e1c85",colorNegativeActive:"colorNegativeActive_aaf5217dd0",colorInverted:"colorInverted_045ae19378",colorInvertedActive:"colorInvertedActive_aaf5217dd0",disabled:"disabled_b04beda9b4",colorOnPrimaryColor:"colorOnPrimaryColor_a7b2c68d24",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_dba5af57d1",colorFixedLight:"colorFixedLight_cc4c81eb2e",colorFixedLightActive:"colorFixedLightActive_b8080ef048",colorFixedDark:"colorFixedDark_d06d560695",colorFixedDarkActive:"colorFixedDarkActive_d97751d71b",colorOnInvertedBackground:"colorOnInvertedBackground_1f1d8f6ca0",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_9483d7172f",kindSecondary:"kindSecondary_b2e5bb64aa",kindTertiary:"kindTertiary_b9d11adff6",noSidePadding:"noSidePadding_d93f15ce9d",insetFocusStyle:"insetFocusStyle_a81838b308"};!function(o){const r="s_id-95d3f630f6d9_3_0_12";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_f410a4fdb7 {\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_f410a4fdb7:focus-visible, .button_f410a4fdb7.focus-visible_0fc2b54dbb {\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_f410a4fdb7:focus:not(.focus-visible_0fc2b54dbb) {\n  outline: none;\n}\n.button_f410a4fdb7 .loader_d978ea3af1 {\n  height: 100%;\n}\n.button_f410a4fdb7 .loader_d978ea3af1 .loaderSvg_98c8552245 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_f410a4fdb7 .textPlaceholder_9f460efa73 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_f410a4fdb7.success_30a37a7981 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_f410a4fdb7.success_30a37a7981 .successContent_27cbfca91f {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_d29d5b602e {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_13f96fe358 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_8f98976339 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_43362ff534 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_f410a4fdb7:active:not(.preventClickAnimation_b8080ef048) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_f410a4fdb7 .leftIcon_d29d5b602e {\n  margin-right: var(--spacing-small);\n}\n.button_f410a4fdb7 .rightIcon_13f96fe358 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_ce5c204073 {\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_d995e5ef4e {\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_09d742acd9 {\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_09d742acd9 .loader_d978ea3af1 {\n  top: 7px;\n}\n.sizeMedium_ff0c2f76ad {\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_f6f63ab3fe {\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_7823778f6a {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_7823778f6a.colorPrimary_c79bf2e06d {\n  background: var(--primary-color);\n}\n.kindPrimary_7823778f6a.colorBrand_b25987de43 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_7823778f6a.colorPrimaryActive_56bd1ae0ca,\n.kindPrimary_7823778f6a.colorPrimary_c79bf2e06d:hover,\n.kindPrimary_7823778f6a.colorPrimary_c79bf2e06d:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_7823778f6a.colorBrandActive_9ec4e7ffb1,\n.kindPrimary_7823778f6a.colorBrand_b25987de43:hover,\n.kindPrimary_7823778f6a.colorBrand_b25987de43:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_7823778f6a.colorPositive_1545bee9b1 {\n  background: var(--positive-color);\n}\n.kindPrimary_7823778f6a.colorPositiveActive_aaf5217dd0,\n.kindPrimary_7823778f6a.colorPositive_1545bee9b1:hover,\n.kindPrimary_7823778f6a.colorPositive_1545bee9b1:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_7823778f6a.colorNegative_e8ab6e1c85 {\n  background: var(--negative-color);\n}\n.kindPrimary_7823778f6a.colorNegativeActive_aaf5217dd0,\n.kindPrimary_7823778f6a.colorNegative_e8ab6e1c85:hover,\n.kindPrimary_7823778f6a.colorNegative_e8ab6e1c85:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_7823778f6a.colorInverted_045ae19378 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_7823778f6a.colorInvertedActive_aaf5217dd0,\n.kindPrimary_7823778f6a.colorInverted_045ae19378:hover,\n.kindPrimary_7823778f6a.colorInverted_045ae19378:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_7823778f6a.button_f410a4fdb7.colorInverted_045ae19378.disabled_b04beda9b4 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_7823778f6a.colorOnPrimaryColor_a7b2c68d24 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_7823778f6a.colorOnPrimaryColorActive_dba5af57d1,\n.kindPrimary_7823778f6a.colorOnPrimaryColor_a7b2c68d24:hover,\n.kindPrimary_7823778f6a.colorOnPrimaryColor_a7b2c68d24:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_7823778f6a.colorOnPrimaryColorActive_dba5af57d1:focus-visible, .kindPrimary_7823778f6a.colorOnPrimaryColorActive_dba5af57d1.focus-visible_0fc2b54dbb,\n.kindPrimary_7823778f6a.colorOnPrimaryColor_a7b2c68d24:hover:focus-visible,\n.kindPrimary_7823778f6a.colorOnPrimaryColor_a7b2c68d24:hover.focus-visible_0fc2b54dbb,\n.kindPrimary_7823778f6a.colorOnPrimaryColor_a7b2c68d24:focus:focus-visible,\n.kindPrimary_7823778f6a.colorOnPrimaryColor_a7b2c68d24:focus.focus-visible_0fc2b54dbb {\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_7823778f6a.colorOnPrimaryColorActive_dba5af57d1:focus:not(.focus-visible_0fc2b54dbb),\n.kindPrimary_7823778f6a.colorOnPrimaryColor_a7b2c68d24:hover:focus:not(.focus-visible_0fc2b54dbb),\n.kindPrimary_7823778f6a.colorOnPrimaryColor_a7b2c68d24:focus:focus:not(.focus-visible_0fc2b54dbb) {\n  outline: none;\n}\n.kindPrimary_7823778f6a.colorOnPrimaryColor_a7b2c68d24.disabled_b04beda9b4 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_7823778f6a.colorFixedLight_cc4c81eb2e {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_7823778f6a.colorFixedLightActive_b8080ef048,\n.kindPrimary_7823778f6a.colorFixedLight_cc4c81eb2e:hover,\n.kindPrimary_7823778f6a.colorFixedLight_cc4c81eb2e:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_7823778f6a.colorFixedLightActive_b8080ef048:focus-visible, .kindPrimary_7823778f6a.colorFixedLightActive_b8080ef048.focus-visible_0fc2b54dbb,\n.kindPrimary_7823778f6a.colorFixedLight_cc4c81eb2e:hover:focus-visible,\n.kindPrimary_7823778f6a.colorFixedLight_cc4c81eb2e:hover.focus-visible_0fc2b54dbb,\n.kindPrimary_7823778f6a.colorFixedLight_cc4c81eb2e:focus:focus-visible,\n.kindPrimary_7823778f6a.colorFixedLight_cc4c81eb2e:focus.focus-visible_0fc2b54dbb {\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_7823778f6a.colorFixedLightActive_b8080ef048:focus:not(.focus-visible_0fc2b54dbb),\n.kindPrimary_7823778f6a.colorFixedLight_cc4c81eb2e:hover:focus:not(.focus-visible_0fc2b54dbb),\n.kindPrimary_7823778f6a.colorFixedLight_cc4c81eb2e:focus:focus:not(.focus-visible_0fc2b54dbb) {\n  outline: none;\n}\n.kindPrimary_7823778f6a.colorFixedLight_cc4c81eb2e.disabled_b04beda9b4 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_7823778f6a.colorFixedDark_d06d560695 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_7823778f6a.colorFixedDarkActive_d97751d71b,\n.kindPrimary_7823778f6a.colorFixedDark_d06d560695:hover,\n.kindPrimary_7823778f6a.colorFixedDark_d06d560695:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_7823778f6a.colorFixedDarkActive_d97751d71b:focus-visible, .kindPrimary_7823778f6a.colorFixedDarkActive_d97751d71b.focus-visible_0fc2b54dbb,\n.kindPrimary_7823778f6a.colorFixedDark_d06d560695:hover:focus-visible,\n.kindPrimary_7823778f6a.colorFixedDark_d06d560695:hover.focus-visible_0fc2b54dbb,\n.kindPrimary_7823778f6a.colorFixedDark_d06d560695:focus:focus-visible,\n.kindPrimary_7823778f6a.colorFixedDark_d06d560695:focus.focus-visible_0fc2b54dbb {\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_7823778f6a.colorFixedDarkActive_d97751d71b:focus:not(.focus-visible_0fc2b54dbb),\n.kindPrimary_7823778f6a.colorFixedDark_d06d560695:hover:focus:not(.focus-visible_0fc2b54dbb),\n.kindPrimary_7823778f6a.colorFixedDark_d06d560695:focus:focus:not(.focus-visible_0fc2b54dbb) {\n  outline: none;\n}\n.kindPrimary_7823778f6a.colorFixedDark_d06d560695.disabled_b04beda9b4 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_7823778f6a.colorOnInvertedBackground_1f1d8f6ca0 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_7823778f6a.colorOnInvertedBackgroundActive_9483d7172f,\n.kindPrimary_7823778f6a.colorOnInvertedBackground_1f1d8f6ca0:hover,\n.kindPrimary_7823778f6a.colorOnInvertedBackground_1f1d8f6ca0:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_7823778f6a.button_f410a4fdb7.colorOnInvertedBackground_1f1d8f6ca0.disabled_b04beda9b4 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_7823778f6a.button_f410a4fdb7.disabled_b04beda9b4 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_b2e5bb64aa {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_b2e5bb64aa.sizeSmall_09d742acd9 {\n  line-height: 22px;\n}\n.kindSecondary_b2e5bb64aa.sizeMedium_ff0c2f76ad {\n  line-height: 22px;\n}\n.kindSecondary_b2e5bb64aa.sizeLarge_f6f63ab3fe {\n  line-height: 22px;\n}\n.kindSecondary_b2e5bb64aa.colorPrimaryActive_56bd1ae0ca {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_b2e5bb64aa.colorPrimaryActive_56bd1ae0ca:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_b2e5bb64aa.colorBrandActive_9ec4e7ffb1 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_b2e5bb64aa.colorBrandActive_9ec4e7ffb1,\n.kindSecondary_b2e5bb64aa.colorBrandActive_9ec4e7ffb1:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_b2e5bb64aa.colorPrimary_c79bf2e06d:hover:not(.colorPrimaryActive_56bd1ae0ca),\n.kindSecondary_b2e5bb64aa.colorPrimary_c79bf2e06d:focus:not(.colorPrimaryActive_56bd1ae0ca) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_b2e5bb64aa.colorBrand_b25987de43:hover:not(.colorBrandActive_9ec4e7ffb1),\n.kindSecondary_b2e5bb64aa.colorBrand_b25987de43:focus:not(.colorBrandActive_9ec4e7ffb1) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_b2e5bb64aa.colorPositive_1545bee9b1 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_b2e5bb64aa.colorPositiveActive_aaf5217dd0,\n.kindSecondary_b2e5bb64aa.colorPositive_1545bee9b1:hover,\n.kindSecondary_b2e5bb64aa.colorPositive_1545bee9b1:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_b2e5bb64aa.colorNegative_e8ab6e1c85 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_b2e5bb64aa.colorNegativeActive_aaf5217dd0,\n.kindSecondary_b2e5bb64aa.colorNegative_e8ab6e1c85:hover,\n.kindSecondary_b2e5bb64aa.colorNegative_e8ab6e1c85:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_b2e5bb64aa.colorInverted_045ae19378 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_b2e5bb64aa.colorInvertedActive_aaf5217dd0,\n.kindSecondary_b2e5bb64aa.colorInverted_045ae19378:hover,\n.kindSecondary_b2e5bb64aa.colorInverted_045ae19378:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_b2e5bb64aa.colorInverted_045ae19378.disabled_b04beda9b4 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_b2e5bb64aa.colorOnPrimaryColor_a7b2c68d24 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_b2e5bb64aa.colorOnPrimaryColorActive_dba5af57d1,\n.kindSecondary_b2e5bb64aa.colorOnPrimaryColor_a7b2c68d24:hover,\n.kindSecondary_b2e5bb64aa.colorOnPrimaryColor_a7b2c68d24:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_b2e5bb64aa.colorOnPrimaryColorActive_dba5af57d1:focus-visible, .kindSecondary_b2e5bb64aa.colorOnPrimaryColorActive_dba5af57d1.focus-visible_0fc2b54dbb,\n.kindSecondary_b2e5bb64aa.colorOnPrimaryColor_a7b2c68d24:hover:focus-visible,\n.kindSecondary_b2e5bb64aa.colorOnPrimaryColor_a7b2c68d24:hover.focus-visible_0fc2b54dbb,\n.kindSecondary_b2e5bb64aa.colorOnPrimaryColor_a7b2c68d24:focus:focus-visible,\n.kindSecondary_b2e5bb64aa.colorOnPrimaryColor_a7b2c68d24:focus.focus-visible_0fc2b54dbb {\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_b2e5bb64aa.colorOnPrimaryColorActive_dba5af57d1:focus:not(.focus-visible_0fc2b54dbb),\n.kindSecondary_b2e5bb64aa.colorOnPrimaryColor_a7b2c68d24:hover:focus:not(.focus-visible_0fc2b54dbb),\n.kindSecondary_b2e5bb64aa.colorOnPrimaryColor_a7b2c68d24:focus:focus:not(.focus-visible_0fc2b54dbb) {\n  outline: none;\n}\n.kindSecondary_b2e5bb64aa.colorOnPrimaryColor_a7b2c68d24.disabled_b04beda9b4 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_b2e5bb64aa.colorFixedLight_cc4c81eb2e {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_b2e5bb64aa.colorFixedLightActive_b8080ef048,\n.kindSecondary_b2e5bb64aa.colorFixedLight_cc4c81eb2e:hover,\n.kindSecondary_b2e5bb64aa.colorFixedLight_cc4c81eb2e:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_b2e5bb64aa.colorFixedLightActive_b8080ef048:focus-visible, .kindSecondary_b2e5bb64aa.colorFixedLightActive_b8080ef048.focus-visible_0fc2b54dbb,\n.kindSecondary_b2e5bb64aa.colorFixedLight_cc4c81eb2e:hover:focus-visible,\n.kindSecondary_b2e5bb64aa.colorFixedLight_cc4c81eb2e:hover.focus-visible_0fc2b54dbb,\n.kindSecondary_b2e5bb64aa.colorFixedLight_cc4c81eb2e:focus:focus-visible,\n.kindSecondary_b2e5bb64aa.colorFixedLight_cc4c81eb2e:focus.focus-visible_0fc2b54dbb {\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_b2e5bb64aa.colorFixedLightActive_b8080ef048:focus:not(.focus-visible_0fc2b54dbb),\n.kindSecondary_b2e5bb64aa.colorFixedLight_cc4c81eb2e:hover:focus:not(.focus-visible_0fc2b54dbb),\n.kindSecondary_b2e5bb64aa.colorFixedLight_cc4c81eb2e:focus:focus:not(.focus-visible_0fc2b54dbb) {\n  outline: none;\n}\n.kindSecondary_b2e5bb64aa.colorFixedDark_d06d560695 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_b2e5bb64aa.colorFixedDarkActive_d97751d71b,\n.kindSecondary_b2e5bb64aa.colorFixedDark_d06d560695:hover,\n.kindSecondary_b2e5bb64aa.colorFixedDark_d06d560695:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_b2e5bb64aa.colorFixedDarkActive_d97751d71b:focus-visible, .kindSecondary_b2e5bb64aa.colorFixedDarkActive_d97751d71b.focus-visible_0fc2b54dbb,\n.kindSecondary_b2e5bb64aa.colorFixedDark_d06d560695:hover:focus-visible,\n.kindSecondary_b2e5bb64aa.colorFixedDark_d06d560695:hover.focus-visible_0fc2b54dbb,\n.kindSecondary_b2e5bb64aa.colorFixedDark_d06d560695:focus:focus-visible,\n.kindSecondary_b2e5bb64aa.colorFixedDark_d06d560695:focus.focus-visible_0fc2b54dbb {\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_b2e5bb64aa.colorFixedDarkActive_d97751d71b:focus:not(.focus-visible_0fc2b54dbb),\n.kindSecondary_b2e5bb64aa.colorFixedDark_d06d560695:hover:focus:not(.focus-visible_0fc2b54dbb),\n.kindSecondary_b2e5bb64aa.colorFixedDark_d06d560695:focus:focus:not(.focus-visible_0fc2b54dbb) {\n  outline: none;\n}\n.kindSecondary_b2e5bb64aa.colorOnInvertedBackground_1f1d8f6ca0 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_b2e5bb64aa.colorOnInvertedBackgroundActive_9483d7172f,\n.kindSecondary_b2e5bb64aa.colorOnInvertedBackground_1f1d8f6ca0:hover,\n.kindSecondary_b2e5bb64aa.colorOnInvertedBackground_1f1d8f6ca0:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_b2e5bb64aa.colorOnInvertedBackground_1f1d8f6ca0.disabled_b04beda9b4 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_b2e5bb64aa.colorFixedLight_cc4c81eb2e.disabled_b04beda9b4 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_b2e5bb64aa.colorFixedDark_d06d560695.disabled_b04beda9b4 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_b2e5bb64aa.disabled_b04beda9b4 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_b2e5bb64aa.disabled_b04beda9b4:hover {\n  background-color: transparent;\n}\n.kindTertiary_b9d11adff6 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_b9d11adff6.colorPrimaryActive_56bd1ae0ca {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_b9d11adff6.colorPrimaryActive_56bd1ae0ca:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_b9d11adff6.colorBrandActive_9ec4e7ffb1 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_b9d11adff6.colorBrandActive_9ec4e7ffb1,\n.kindTertiary_b9d11adff6.colorBrandActive_9ec4e7ffb1:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_b9d11adff6.colorPrimary_c79bf2e06d:hover:not(.colorPrimaryActive_56bd1ae0ca),\n.kindTertiary_b9d11adff6.colorPrimary_c79bf2e06d:focus:not(.colorPrimaryActive_56bd1ae0ca) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b9d11adff6.colorBrand_b25987de43:hover:not(.colorBrandActive_9ec4e7ffb1),\n.kindTertiary_b9d11adff6.colorBrand_b25987de43:focus:not(.colorBrandActive_9ec4e7ffb1) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b9d11adff6.colorPositive_1545bee9b1 {\n  color: var(--positive-color);\n}\n.kindTertiary_b9d11adff6.colorPositiveActive_aaf5217dd0,\n.kindTertiary_b9d11adff6.colorPositive_1545bee9b1:hover,\n.kindTertiary_b9d11adff6.colorPositive_1545bee9b1:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_b9d11adff6.colorNegative_e8ab6e1c85 {\n  color: var(--negative-color);\n}\n.kindTertiary_b9d11adff6.colorNegativeActive_aaf5217dd0,\n.kindTertiary_b9d11adff6.colorNegative_e8ab6e1c85:hover,\n.kindTertiary_b9d11adff6.colorNegative_e8ab6e1c85:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_b9d11adff6.colorInverted_045ae19378 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_b9d11adff6.colorInvertedActive_aaf5217dd0,\n.kindTertiary_b9d11adff6.colorInverted_045ae19378:hover,\n.kindTertiary_b9d11adff6.colorInverted_045ae19378:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b9d11adff6.colorInverted_045ae19378.disabled_b04beda9b4 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_b9d11adff6.colorOnPrimaryColor_a7b2c68d24 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b9d11adff6.colorOnPrimaryColorActive_dba5af57d1,\n.kindTertiary_b9d11adff6.colorOnPrimaryColor_a7b2c68d24:hover,\n.kindTertiary_b9d11adff6.colorOnPrimaryColor_a7b2c68d24:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_b9d11adff6.colorOnPrimaryColorActive_dba5af57d1:focus-visible, .kindTertiary_b9d11adff6.colorOnPrimaryColorActive_dba5af57d1.focus-visible_0fc2b54dbb,\n.kindTertiary_b9d11adff6.colorOnPrimaryColor_a7b2c68d24:hover:focus-visible,\n.kindTertiary_b9d11adff6.colorOnPrimaryColor_a7b2c68d24:hover.focus-visible_0fc2b54dbb,\n.kindTertiary_b9d11adff6.colorOnPrimaryColor_a7b2c68d24:focus:focus-visible,\n.kindTertiary_b9d11adff6.colorOnPrimaryColor_a7b2c68d24:focus.focus-visible_0fc2b54dbb {\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_b9d11adff6.colorOnPrimaryColorActive_dba5af57d1:focus:not(.focus-visible_0fc2b54dbb),\n.kindTertiary_b9d11adff6.colorOnPrimaryColor_a7b2c68d24:hover:focus:not(.focus-visible_0fc2b54dbb),\n.kindTertiary_b9d11adff6.colorOnPrimaryColor_a7b2c68d24:focus:focus:not(.focus-visible_0fc2b54dbb) {\n  outline: none;\n}\n.kindTertiary_b9d11adff6.colorOnPrimaryColor_a7b2c68d24.disabled_b04beda9b4 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b9d11adff6.colorFixedLight_cc4c81eb2e {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b9d11adff6.colorFixedLightActive_b8080ef048,\n.kindTertiary_b9d11adff6.colorFixedLight_cc4c81eb2e:hover,\n.kindTertiary_b9d11adff6.colorFixedLight_cc4c81eb2e:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_b9d11adff6.colorFixedLightActive_b8080ef048:focus-visible, .kindTertiary_b9d11adff6.colorFixedLightActive_b8080ef048.focus-visible_0fc2b54dbb,\n.kindTertiary_b9d11adff6.colorFixedLight_cc4c81eb2e:hover:focus-visible,\n.kindTertiary_b9d11adff6.colorFixedLight_cc4c81eb2e:hover.focus-visible_0fc2b54dbb,\n.kindTertiary_b9d11adff6.colorFixedLight_cc4c81eb2e:focus:focus-visible,\n.kindTertiary_b9d11adff6.colorFixedLight_cc4c81eb2e:focus.focus-visible_0fc2b54dbb {\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_b9d11adff6.colorFixedLightActive_b8080ef048:focus:not(.focus-visible_0fc2b54dbb),\n.kindTertiary_b9d11adff6.colorFixedLight_cc4c81eb2e:hover:focus:not(.focus-visible_0fc2b54dbb),\n.kindTertiary_b9d11adff6.colorFixedLight_cc4c81eb2e:focus:focus:not(.focus-visible_0fc2b54dbb) {\n  outline: none;\n}\n.kindTertiary_b9d11adff6.colorFixedLight_cc4c81eb2e.disabled_b04beda9b4 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b9d11adff6.colorFixedDark_d06d560695 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_b9d11adff6.colorFixedDarkActive_d97751d71b,\n.kindTertiary_b9d11adff6.colorFixedDark_d06d560695:hover,\n.kindTertiary_b9d11adff6.colorFixedDark_d06d560695:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_b9d11adff6.colorFixedDarkActive_d97751d71b:focus-visible, .kindTertiary_b9d11adff6.colorFixedDarkActive_d97751d71b.focus-visible_0fc2b54dbb,\n.kindTertiary_b9d11adff6.colorFixedDark_d06d560695:hover:focus-visible,\n.kindTertiary_b9d11adff6.colorFixedDark_d06d560695:hover.focus-visible_0fc2b54dbb,\n.kindTertiary_b9d11adff6.colorFixedDark_d06d560695:focus:focus-visible,\n.kindTertiary_b9d11adff6.colorFixedDark_d06d560695:focus.focus-visible_0fc2b54dbb {\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_b9d11adff6.colorFixedDarkActive_d97751d71b:focus:not(.focus-visible_0fc2b54dbb),\n.kindTertiary_b9d11adff6.colorFixedDark_d06d560695:hover:focus:not(.focus-visible_0fc2b54dbb),\n.kindTertiary_b9d11adff6.colorFixedDark_d06d560695:focus:focus:not(.focus-visible_0fc2b54dbb) {\n  outline: none;\n}\n.kindTertiary_b9d11adff6.colorFixedDark_d06d560695.disabled_b04beda9b4 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_b9d11adff6.colorOnInvertedBackground_1f1d8f6ca0 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b9d11adff6.colorOnInvertedBackgroundActive_9483d7172f,\n.kindTertiary_b9d11adff6.colorOnInvertedBackground_1f1d8f6ca0:hover,\n.kindTertiary_b9d11adff6.colorOnInvertedBackground_1f1d8f6ca0:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_b9d11adff6.colorOnInvertedBackground_1f1d8f6ca0.disabled_b04beda9b4 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b9d11adff6.disabled_b04beda9b4 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_b9d11adff6.disabled_b04beda9b4:hover {\n  background-color: transparent;\n}\n.noSidePadding_d93f15ce9d {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_f410a4fdb7.insetFocusStyle_a81838b308:focus-visible, .button_f410a4fdb7.insetFocusStyle_a81838b308.focus-visible_0fc2b54dbb {\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_f410a4fdb7.insetFocusStyle_a81838b308:focus:not(.focus-visible_0fc2b54dbb) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_ae5b0add06","focus-visible":"focus-visible_f9a4a98f52",loader:"loader_0343a34119",loaderSvg:"loaderSvg_4e50aa5970",textPlaceholder:"textPlaceholder_659b127834",success:"success_60e24a1e1d",successContent:"successContent_744194cdf6",marginRight:"marginRight_83547c93b9",marginLeft:"marginLeft_409d0caeb3",rightFlat:"rightFlat_0c77fe3188",leftFlat:"leftFlat_8e18557333",preventClickAnimation:"preventClickAnimation_2d3ab33b3a",leftIcon:"leftIcon_83547c93b9",rightIcon:"rightIcon_409d0caeb3",sizeXxs:"sizeXxs_bb62ba369f",sizeXs:"sizeXs_03f2552536",sizeSmall:"sizeSmall_80ba66f47e",sizeMedium:"sizeMedium_57b43c6c06",sizeLarge:"sizeLarge_8d28d09590",kindPrimary:"kindPrimary_6730ba04be",colorPrimary:"colorPrimary_06154274bb",colorBrand:"colorBrand_0e2a96276d",colorPrimaryActive:"colorPrimaryActive_2a9dbde98e",colorBrandActive:"colorBrandActive_3a46d87c94",colorPositive:"colorPositive_fb1f6a4223",colorPositiveActive:"colorPositiveActive_feda3a2d11",colorNegative:"colorNegative_829ec22d8c",colorNegativeActive:"colorNegativeActive_feda3a2d11",colorInverted:"colorInverted_9e0ff0435a",colorInvertedActive:"colorInvertedActive_feda3a2d11",disabled:"disabled_3e381b33c4",colorOnPrimaryColor:"colorOnPrimaryColor_9a2789cf1a",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_daab171b5e",colorFixedLight:"colorFixedLight_192f782769",colorFixedLightActive:"colorFixedLightActive_2d3ab33b3a",colorFixedDark:"colorFixedDark_f601317056",colorFixedDarkActive:"colorFixedDarkActive_86de3d3971",colorOnInvertedBackground:"colorOnInvertedBackground_c5ec61bff5",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_37c77d1d90",kindSecondary:"kindSecondary_5532d9e6eb",kindTertiary:"kindTertiary_14e7f85d22",noSidePadding:"noSidePadding_2832dbd5a4",insetFocusStyle:"insetFocusStyle_d37734bd0d"};!function(o){const r="s_id-95d3f630f6d9_3_0_14";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.button_ae5b0add06 {\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_ae5b0add06:focus-visible, .button_ae5b0add06.focus-visible_f9a4a98f52 {\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_ae5b0add06:focus:not(.focus-visible_f9a4a98f52) {\n  outline: none;\n}\n.button_ae5b0add06 .loader_0343a34119 {\n  height: 100%;\n}\n.button_ae5b0add06 .loader_0343a34119 .loaderSvg_4e50aa5970 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_ae5b0add06 .textPlaceholder_659b127834 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_ae5b0add06.success_60e24a1e1d {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_ae5b0add06.success_60e24a1e1d .successContent_744194cdf6 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_83547c93b9 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_409d0caeb3 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_0c77fe3188 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_8e18557333 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_ae5b0add06:active:not(.preventClickAnimation_2d3ab33b3a) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_ae5b0add06 .leftIcon_83547c93b9 {\n  margin-right: var(--spacing-small);\n}\n.button_ae5b0add06 .rightIcon_409d0caeb3 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_bb62ba369f {\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_03f2552536 {\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_80ba66f47e {\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_80ba66f47e .loader_0343a34119 {\n  top: 7px;\n}\n.sizeMedium_57b43c6c06 {\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_8d28d09590 {\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_6730ba04be {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_6730ba04be.colorPrimary_06154274bb {\n  background: var(--primary-color);\n}\n.kindPrimary_6730ba04be.colorBrand_0e2a96276d {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_6730ba04be.colorPrimaryActive_2a9dbde98e,\n.kindPrimary_6730ba04be.colorPrimary_06154274bb:hover,\n.kindPrimary_6730ba04be.colorPrimary_06154274bb:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_6730ba04be.colorBrandActive_3a46d87c94,\n.kindPrimary_6730ba04be.colorBrand_0e2a96276d:hover,\n.kindPrimary_6730ba04be.colorBrand_0e2a96276d:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_6730ba04be.colorPositive_fb1f6a4223 {\n  background: var(--positive-color);\n}\n.kindPrimary_6730ba04be.colorPositiveActive_feda3a2d11,\n.kindPrimary_6730ba04be.colorPositive_fb1f6a4223:hover,\n.kindPrimary_6730ba04be.colorPositive_fb1f6a4223:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_6730ba04be.colorNegative_829ec22d8c {\n  background: var(--negative-color);\n}\n.kindPrimary_6730ba04be.colorNegativeActive_feda3a2d11,\n.kindPrimary_6730ba04be.colorNegative_829ec22d8c:hover,\n.kindPrimary_6730ba04be.colorNegative_829ec22d8c:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_6730ba04be.colorInverted_9e0ff0435a {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_6730ba04be.colorInvertedActive_feda3a2d11,\n.kindPrimary_6730ba04be.colorInverted_9e0ff0435a:hover,\n.kindPrimary_6730ba04be.colorInverted_9e0ff0435a:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_6730ba04be.button_ae5b0add06.colorInverted_9e0ff0435a.disabled_3e381b33c4 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_6730ba04be.colorOnPrimaryColor_9a2789cf1a {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_6730ba04be.colorOnPrimaryColorActive_daab171b5e,\n.kindPrimary_6730ba04be.colorOnPrimaryColor_9a2789cf1a:hover,\n.kindPrimary_6730ba04be.colorOnPrimaryColor_9a2789cf1a:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_6730ba04be.colorOnPrimaryColorActive_daab171b5e:focus-visible, .kindPrimary_6730ba04be.colorOnPrimaryColorActive_daab171b5e.focus-visible_f9a4a98f52,\n.kindPrimary_6730ba04be.colorOnPrimaryColor_9a2789cf1a:hover:focus-visible,\n.kindPrimary_6730ba04be.colorOnPrimaryColor_9a2789cf1a:hover.focus-visible_f9a4a98f52,\n.kindPrimary_6730ba04be.colorOnPrimaryColor_9a2789cf1a:focus:focus-visible,\n.kindPrimary_6730ba04be.colorOnPrimaryColor_9a2789cf1a:focus.focus-visible_f9a4a98f52 {\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_6730ba04be.colorOnPrimaryColorActive_daab171b5e:focus:not(.focus-visible_f9a4a98f52),\n.kindPrimary_6730ba04be.colorOnPrimaryColor_9a2789cf1a:hover:focus:not(.focus-visible_f9a4a98f52),\n.kindPrimary_6730ba04be.colorOnPrimaryColor_9a2789cf1a:focus:focus:not(.focus-visible_f9a4a98f52) {\n  outline: none;\n}\n.kindPrimary_6730ba04be.colorOnPrimaryColor_9a2789cf1a.disabled_3e381b33c4 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_6730ba04be.colorFixedLight_192f782769 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_6730ba04be.colorFixedLightActive_2d3ab33b3a,\n.kindPrimary_6730ba04be.colorFixedLight_192f782769:hover,\n.kindPrimary_6730ba04be.colorFixedLight_192f782769:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_6730ba04be.colorFixedLightActive_2d3ab33b3a:focus-visible, .kindPrimary_6730ba04be.colorFixedLightActive_2d3ab33b3a.focus-visible_f9a4a98f52,\n.kindPrimary_6730ba04be.colorFixedLight_192f782769:hover:focus-visible,\n.kindPrimary_6730ba04be.colorFixedLight_192f782769:hover.focus-visible_f9a4a98f52,\n.kindPrimary_6730ba04be.colorFixedLight_192f782769:focus:focus-visible,\n.kindPrimary_6730ba04be.colorFixedLight_192f782769:focus.focus-visible_f9a4a98f52 {\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_6730ba04be.colorFixedLightActive_2d3ab33b3a:focus:not(.focus-visible_f9a4a98f52),\n.kindPrimary_6730ba04be.colorFixedLight_192f782769:hover:focus:not(.focus-visible_f9a4a98f52),\n.kindPrimary_6730ba04be.colorFixedLight_192f782769:focus:focus:not(.focus-visible_f9a4a98f52) {\n  outline: none;\n}\n.kindPrimary_6730ba04be.colorFixedLight_192f782769.disabled_3e381b33c4 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_6730ba04be.colorFixedDark_f601317056 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_6730ba04be.colorFixedDarkActive_86de3d3971,\n.kindPrimary_6730ba04be.colorFixedDark_f601317056:hover,\n.kindPrimary_6730ba04be.colorFixedDark_f601317056:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_6730ba04be.colorFixedDarkActive_86de3d3971:focus-visible, .kindPrimary_6730ba04be.colorFixedDarkActive_86de3d3971.focus-visible_f9a4a98f52,\n.kindPrimary_6730ba04be.colorFixedDark_f601317056:hover:focus-visible,\n.kindPrimary_6730ba04be.colorFixedDark_f601317056:hover.focus-visible_f9a4a98f52,\n.kindPrimary_6730ba04be.colorFixedDark_f601317056:focus:focus-visible,\n.kindPrimary_6730ba04be.colorFixedDark_f601317056:focus.focus-visible_f9a4a98f52 {\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_6730ba04be.colorFixedDarkActive_86de3d3971:focus:not(.focus-visible_f9a4a98f52),\n.kindPrimary_6730ba04be.colorFixedDark_f601317056:hover:focus:not(.focus-visible_f9a4a98f52),\n.kindPrimary_6730ba04be.colorFixedDark_f601317056:focus:focus:not(.focus-visible_f9a4a98f52) {\n  outline: none;\n}\n.kindPrimary_6730ba04be.colorFixedDark_f601317056.disabled_3e381b33c4 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_6730ba04be.colorOnInvertedBackground_c5ec61bff5 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_6730ba04be.colorOnInvertedBackgroundActive_37c77d1d90,\n.kindPrimary_6730ba04be.colorOnInvertedBackground_c5ec61bff5:hover,\n.kindPrimary_6730ba04be.colorOnInvertedBackground_c5ec61bff5:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_6730ba04be.button_ae5b0add06.colorOnInvertedBackground_c5ec61bff5.disabled_3e381b33c4 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_6730ba04be.button_ae5b0add06.disabled_3e381b33c4 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_5532d9e6eb {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_5532d9e6eb.sizeSmall_80ba66f47e {\n  line-height: 22px;\n}\n.kindSecondary_5532d9e6eb.sizeMedium_57b43c6c06 {\n  line-height: 22px;\n}\n.kindSecondary_5532d9e6eb.sizeLarge_8d28d09590 {\n  line-height: 22px;\n}\n.kindSecondary_5532d9e6eb.colorPrimaryActive_2a9dbde98e {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_5532d9e6eb.colorPrimaryActive_2a9dbde98e:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_5532d9e6eb.colorBrandActive_3a46d87c94 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_5532d9e6eb.colorBrandActive_3a46d87c94,\n.kindSecondary_5532d9e6eb.colorBrandActive_3a46d87c94:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_5532d9e6eb.colorPrimary_06154274bb:hover:not(.colorPrimaryActive_2a9dbde98e),\n.kindSecondary_5532d9e6eb.colorPrimary_06154274bb:focus:not(.colorPrimaryActive_2a9dbde98e) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_5532d9e6eb.colorBrand_0e2a96276d:hover:not(.colorBrandActive_3a46d87c94),\n.kindSecondary_5532d9e6eb.colorBrand_0e2a96276d:focus:not(.colorBrandActive_3a46d87c94) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_5532d9e6eb.colorPositive_fb1f6a4223 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_5532d9e6eb.colorPositiveActive_feda3a2d11,\n.kindSecondary_5532d9e6eb.colorPositive_fb1f6a4223:hover,\n.kindSecondary_5532d9e6eb.colorPositive_fb1f6a4223:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_5532d9e6eb.colorNegative_829ec22d8c {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_5532d9e6eb.colorNegativeActive_feda3a2d11,\n.kindSecondary_5532d9e6eb.colorNegative_829ec22d8c:hover,\n.kindSecondary_5532d9e6eb.colorNegative_829ec22d8c:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_5532d9e6eb.colorInverted_9e0ff0435a {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_5532d9e6eb.colorInvertedActive_feda3a2d11,\n.kindSecondary_5532d9e6eb.colorInverted_9e0ff0435a:hover,\n.kindSecondary_5532d9e6eb.colorInverted_9e0ff0435a:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_5532d9e6eb.colorInverted_9e0ff0435a.disabled_3e381b33c4 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_5532d9e6eb.colorOnPrimaryColor_9a2789cf1a {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_5532d9e6eb.colorOnPrimaryColorActive_daab171b5e,\n.kindSecondary_5532d9e6eb.colorOnPrimaryColor_9a2789cf1a:hover,\n.kindSecondary_5532d9e6eb.colorOnPrimaryColor_9a2789cf1a:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_5532d9e6eb.colorOnPrimaryColorActive_daab171b5e:focus-visible, .kindSecondary_5532d9e6eb.colorOnPrimaryColorActive_daab171b5e.focus-visible_f9a4a98f52,\n.kindSecondary_5532d9e6eb.colorOnPrimaryColor_9a2789cf1a:hover:focus-visible,\n.kindSecondary_5532d9e6eb.colorOnPrimaryColor_9a2789cf1a:hover.focus-visible_f9a4a98f52,\n.kindSecondary_5532d9e6eb.colorOnPrimaryColor_9a2789cf1a:focus:focus-visible,\n.kindSecondary_5532d9e6eb.colorOnPrimaryColor_9a2789cf1a:focus.focus-visible_f9a4a98f52 {\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_5532d9e6eb.colorOnPrimaryColorActive_daab171b5e:focus:not(.focus-visible_f9a4a98f52),\n.kindSecondary_5532d9e6eb.colorOnPrimaryColor_9a2789cf1a:hover:focus:not(.focus-visible_f9a4a98f52),\n.kindSecondary_5532d9e6eb.colorOnPrimaryColor_9a2789cf1a:focus:focus:not(.focus-visible_f9a4a98f52) {\n  outline: none;\n}\n.kindSecondary_5532d9e6eb.colorOnPrimaryColor_9a2789cf1a.disabled_3e381b33c4 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_5532d9e6eb.colorFixedLight_192f782769 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_5532d9e6eb.colorFixedLightActive_2d3ab33b3a,\n.kindSecondary_5532d9e6eb.colorFixedLight_192f782769:hover,\n.kindSecondary_5532d9e6eb.colorFixedLight_192f782769:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_5532d9e6eb.colorFixedLightActive_2d3ab33b3a:focus-visible, .kindSecondary_5532d9e6eb.colorFixedLightActive_2d3ab33b3a.focus-visible_f9a4a98f52,\n.kindSecondary_5532d9e6eb.colorFixedLight_192f782769:hover:focus-visible,\n.kindSecondary_5532d9e6eb.colorFixedLight_192f782769:hover.focus-visible_f9a4a98f52,\n.kindSecondary_5532d9e6eb.colorFixedLight_192f782769:focus:focus-visible,\n.kindSecondary_5532d9e6eb.colorFixedLight_192f782769:focus.focus-visible_f9a4a98f52 {\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_5532d9e6eb.colorFixedLightActive_2d3ab33b3a:focus:not(.focus-visible_f9a4a98f52),\n.kindSecondary_5532d9e6eb.colorFixedLight_192f782769:hover:focus:not(.focus-visible_f9a4a98f52),\n.kindSecondary_5532d9e6eb.colorFixedLight_192f782769:focus:focus:not(.focus-visible_f9a4a98f52) {\n  outline: none;\n}\n.kindSecondary_5532d9e6eb.colorFixedDark_f601317056 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_5532d9e6eb.colorFixedDarkActive_86de3d3971,\n.kindSecondary_5532d9e6eb.colorFixedDark_f601317056:hover,\n.kindSecondary_5532d9e6eb.colorFixedDark_f601317056:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_5532d9e6eb.colorFixedDarkActive_86de3d3971:focus-visible, .kindSecondary_5532d9e6eb.colorFixedDarkActive_86de3d3971.focus-visible_f9a4a98f52,\n.kindSecondary_5532d9e6eb.colorFixedDark_f601317056:hover:focus-visible,\n.kindSecondary_5532d9e6eb.colorFixedDark_f601317056:hover.focus-visible_f9a4a98f52,\n.kindSecondary_5532d9e6eb.colorFixedDark_f601317056:focus:focus-visible,\n.kindSecondary_5532d9e6eb.colorFixedDark_f601317056:focus.focus-visible_f9a4a98f52 {\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_5532d9e6eb.colorFixedDarkActive_86de3d3971:focus:not(.focus-visible_f9a4a98f52),\n.kindSecondary_5532d9e6eb.colorFixedDark_f601317056:hover:focus:not(.focus-visible_f9a4a98f52),\n.kindSecondary_5532d9e6eb.colorFixedDark_f601317056:focus:focus:not(.focus-visible_f9a4a98f52) {\n  outline: none;\n}\n.kindSecondary_5532d9e6eb.colorOnInvertedBackground_c5ec61bff5 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_5532d9e6eb.colorOnInvertedBackgroundActive_37c77d1d90,\n.kindSecondary_5532d9e6eb.colorOnInvertedBackground_c5ec61bff5:hover,\n.kindSecondary_5532d9e6eb.colorOnInvertedBackground_c5ec61bff5:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_5532d9e6eb.colorOnInvertedBackground_c5ec61bff5.disabled_3e381b33c4 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_5532d9e6eb.colorFixedLight_192f782769.disabled_3e381b33c4 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_5532d9e6eb.colorFixedDark_f601317056.disabled_3e381b33c4 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_5532d9e6eb.disabled_3e381b33c4 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_5532d9e6eb.disabled_3e381b33c4:hover {\n  background-color: transparent;\n}\n.kindTertiary_14e7f85d22 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_14e7f85d22.colorPrimaryActive_2a9dbde98e {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_14e7f85d22.colorPrimaryActive_2a9dbde98e:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_14e7f85d22.colorBrandActive_3a46d87c94 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_14e7f85d22.colorBrandActive_3a46d87c94,\n.kindTertiary_14e7f85d22.colorBrandActive_3a46d87c94:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_14e7f85d22.colorPrimary_06154274bb:hover:not(.colorPrimaryActive_2a9dbde98e),\n.kindTertiary_14e7f85d22.colorPrimary_06154274bb:focus:not(.colorPrimaryActive_2a9dbde98e) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_14e7f85d22.colorBrand_0e2a96276d:hover:not(.colorBrandActive_3a46d87c94),\n.kindTertiary_14e7f85d22.colorBrand_0e2a96276d:focus:not(.colorBrandActive_3a46d87c94) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_14e7f85d22.colorPositive_fb1f6a4223 {\n  color: var(--positive-color);\n}\n.kindTertiary_14e7f85d22.colorPositiveActive_feda3a2d11,\n.kindTertiary_14e7f85d22.colorPositive_fb1f6a4223:hover,\n.kindTertiary_14e7f85d22.colorPositive_fb1f6a4223:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_14e7f85d22.colorNegative_829ec22d8c {\n  color: var(--negative-color);\n}\n.kindTertiary_14e7f85d22.colorNegativeActive_feda3a2d11,\n.kindTertiary_14e7f85d22.colorNegative_829ec22d8c:hover,\n.kindTertiary_14e7f85d22.colorNegative_829ec22d8c:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_14e7f85d22.colorInverted_9e0ff0435a {\n  color: var(--primary-text-color);\n}\n.kindTertiary_14e7f85d22.colorInvertedActive_feda3a2d11,\n.kindTertiary_14e7f85d22.colorInverted_9e0ff0435a:hover,\n.kindTertiary_14e7f85d22.colorInverted_9e0ff0435a:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_14e7f85d22.colorInverted_9e0ff0435a.disabled_3e381b33c4 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_14e7f85d22.colorOnPrimaryColor_9a2789cf1a {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_14e7f85d22.colorOnPrimaryColorActive_daab171b5e,\n.kindTertiary_14e7f85d22.colorOnPrimaryColor_9a2789cf1a:hover,\n.kindTertiary_14e7f85d22.colorOnPrimaryColor_9a2789cf1a:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_14e7f85d22.colorOnPrimaryColorActive_daab171b5e:focus-visible, .kindTertiary_14e7f85d22.colorOnPrimaryColorActive_daab171b5e.focus-visible_f9a4a98f52,\n.kindTertiary_14e7f85d22.colorOnPrimaryColor_9a2789cf1a:hover:focus-visible,\n.kindTertiary_14e7f85d22.colorOnPrimaryColor_9a2789cf1a:hover.focus-visible_f9a4a98f52,\n.kindTertiary_14e7f85d22.colorOnPrimaryColor_9a2789cf1a:focus:focus-visible,\n.kindTertiary_14e7f85d22.colorOnPrimaryColor_9a2789cf1a:focus.focus-visible_f9a4a98f52 {\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_14e7f85d22.colorOnPrimaryColorActive_daab171b5e:focus:not(.focus-visible_f9a4a98f52),\n.kindTertiary_14e7f85d22.colorOnPrimaryColor_9a2789cf1a:hover:focus:not(.focus-visible_f9a4a98f52),\n.kindTertiary_14e7f85d22.colorOnPrimaryColor_9a2789cf1a:focus:focus:not(.focus-visible_f9a4a98f52) {\n  outline: none;\n}\n.kindTertiary_14e7f85d22.colorOnPrimaryColor_9a2789cf1a.disabled_3e381b33c4 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_14e7f85d22.colorFixedLight_192f782769 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_14e7f85d22.colorFixedLightActive_2d3ab33b3a,\n.kindTertiary_14e7f85d22.colorFixedLight_192f782769:hover,\n.kindTertiary_14e7f85d22.colorFixedLight_192f782769:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_14e7f85d22.colorFixedLightActive_2d3ab33b3a:focus-visible, .kindTertiary_14e7f85d22.colorFixedLightActive_2d3ab33b3a.focus-visible_f9a4a98f52,\n.kindTertiary_14e7f85d22.colorFixedLight_192f782769:hover:focus-visible,\n.kindTertiary_14e7f85d22.colorFixedLight_192f782769:hover.focus-visible_f9a4a98f52,\n.kindTertiary_14e7f85d22.colorFixedLight_192f782769:focus:focus-visible,\n.kindTertiary_14e7f85d22.colorFixedLight_192f782769:focus.focus-visible_f9a4a98f52 {\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_14e7f85d22.colorFixedLightActive_2d3ab33b3a:focus:not(.focus-visible_f9a4a98f52),\n.kindTertiary_14e7f85d22.colorFixedLight_192f782769:hover:focus:not(.focus-visible_f9a4a98f52),\n.kindTertiary_14e7f85d22.colorFixedLight_192f782769:focus:focus:not(.focus-visible_f9a4a98f52) {\n  outline: none;\n}\n.kindTertiary_14e7f85d22.colorFixedLight_192f782769.disabled_3e381b33c4 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_14e7f85d22.colorFixedDark_f601317056 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_14e7f85d22.colorFixedDarkActive_86de3d3971,\n.kindTertiary_14e7f85d22.colorFixedDark_f601317056:hover,\n.kindTertiary_14e7f85d22.colorFixedDark_f601317056:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_14e7f85d22.colorFixedDarkActive_86de3d3971:focus-visible, .kindTertiary_14e7f85d22.colorFixedDarkActive_86de3d3971.focus-visible_f9a4a98f52,\n.kindTertiary_14e7f85d22.colorFixedDark_f601317056:hover:focus-visible,\n.kindTertiary_14e7f85d22.colorFixedDark_f601317056:hover.focus-visible_f9a4a98f52,\n.kindTertiary_14e7f85d22.colorFixedDark_f601317056:focus:focus-visible,\n.kindTertiary_14e7f85d22.colorFixedDark_f601317056:focus.focus-visible_f9a4a98f52 {\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_14e7f85d22.colorFixedDarkActive_86de3d3971:focus:not(.focus-visible_f9a4a98f52),\n.kindTertiary_14e7f85d22.colorFixedDark_f601317056:hover:focus:not(.focus-visible_f9a4a98f52),\n.kindTertiary_14e7f85d22.colorFixedDark_f601317056:focus:focus:not(.focus-visible_f9a4a98f52) {\n  outline: none;\n}\n.kindTertiary_14e7f85d22.colorFixedDark_f601317056.disabled_3e381b33c4 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_14e7f85d22.colorOnInvertedBackground_c5ec61bff5 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_14e7f85d22.colorOnInvertedBackgroundActive_37c77d1d90,\n.kindTertiary_14e7f85d22.colorOnInvertedBackground_c5ec61bff5:hover,\n.kindTertiary_14e7f85d22.colorOnInvertedBackground_c5ec61bff5:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_14e7f85d22.colorOnInvertedBackground_c5ec61bff5.disabled_3e381b33c4 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_14e7f85d22.disabled_3e381b33c4 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_14e7f85d22.disabled_3e381b33c4:hover {\n  background-color: transparent;\n}\n.noSidePadding_2832dbd5a4 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_ae5b0add06.insetFocusStyle_d37734bd0d:focus-visible, .button_ae5b0add06.insetFocusStyle_d37734bd0d.focus-visible_f9a4a98f52 {\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_ae5b0add06.insetFocusStyle_d37734bd0d:focus:not(.focus-visible_f9a4a98f52) {\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_12";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_14";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.13",
+  "version": "3.0.15",
   "description": "Vibe sub-package for button components",
   "repository": {
     "type": "git",
@@ -32,13 +32,14 @@
     }
   },
   "scripts": {
-    "build": "rollup -c && mock_classnames=on rollup -c",
+    "build": "rollup -c && yarn build:mocked-classnames",
+    "build:mocked-classnames": "[ \"$SKIP_RELEASE_ARTIFACTS\" = \"true\" ] || mock_classnames=on rollup -c",
     "test": "vitest run",
     "lint": "eslint \"./src/**/*.{js,jsx,ts,tsx}\""
   },
   "dependencies": {
-    "@vibe/icon": "3.0.9",
-    "@vibe/loader": "3.0.9",
+    "@vibe/icon": "3.0.10",
+    "@vibe/loader": "3.0.10",
     "@vibe/shared": "3.0.8",
     "classnames": "^2.5.1",
     "es-toolkit": "^1.39.10"
@@ -46,7 +47,7 @@
   "devDependencies": {
     "@testing-library/react": "^12.1.2",
     "@vibe/config": "3.0.5",
-    "@vibe/icons": "1.15.0",
+    "@vibe/icons": "1.16.0",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "react-test-renderer": "16",
@@ -68,5 +69,5 @@
       "../../../node_modules/@vibe/config/.eslintrc.cjs"
     ]
   },
-  "gitHead": "96981660b69c570fda4854724bbf84fc320b6e6b"
+  "gitHead": "e9c874b1cae9ee9d561d8a2048abee957bc5691d"
 }