@vibe/core 3.46.1 → 3.48.0

package/dist/src/components/Button/Button.module.scss.js

@@ -1,2 +1,2 @@
-var o={button:"button_3c79bd0fff","focus-visible":"focus-visible_60773cfab0",loader:"loader_cf152fe368",loaderSvg:"loaderSvg_d8fb6737ed",textPlaceholder:"textPlaceholder_cba5ded6e3",success:"success_44e0f878ce",successContent:"successContent_9f2f8d7255",marginRight:"marginRight_1737f98a3a",marginLeft:"marginLeft_892002b777",rightFlat:"rightFlat_abd6afb45e",leftFlat:"leftFlat_7856ea3b34",preventClickAnimation:"preventClickAnimation_15b5a03027",leftIcon:"leftIcon_1737f98a3a",rightIcon:"rightIcon_892002b777",sizeXxs:"sizeXxs_2e63dfe209",sizeXs:"sizeXs_48355e05ac",sizeSmall:"sizeSmall_78dd91766e",sizeMedium:"sizeMedium_147173428e",sizeLarge:"sizeLarge_c5a68f7a54",kindPrimary:"kindPrimary_22ba5a991d",colorPrimary:"colorPrimary_4420d05a47",colorBrand:"colorBrand_3a1cfa27a7",colorPrimaryActive:"colorPrimaryActive_a3f679faf7",colorBrandActive:"colorBrandActive_01170317e5",colorPositive:"colorPositive_82840dd133",colorPositiveActive:"colorPositiveActive_9a4253ae6a",colorNegative:"colorNegative_40862b776b",colorNegativeActive:"colorNegativeActive_9a4253ae6a",colorInverted:"colorInverted_be2b336982",colorInvertedActive:"colorInvertedActive_9a4253ae6a",disabled:"disabled_992066dae5",colorOnPrimaryColor:"colorOnPrimaryColor_5dc71274e9",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_d9a2b86b7a",colorFixedLight:"colorFixedLight_567740b797",colorFixedLightActive:"colorFixedLightActive_15b5a03027",colorFixedDark:"colorFixedDark_d9b391dedb",colorFixedDarkActive:"colorFixedDarkActive_d5fab48f80",colorOnInvertedBackground:"colorOnInvertedBackground_27ce84d9bf",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_7a823e2f48",kindSecondary:"kindSecondary_4e6c4218a2",kindTertiary:"kindTertiary_dda2655228",noSidePadding:"noSidePadding_452f5b5bdd",insetFocusStyle:"insetFocusStyle_e0450ecd4d"};!function(o){const r="s_id-f5db469b1a79_3_46_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_3c79bd0fff {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button_3c79bd0fff:focus-visible, .button_3c79bd0fff.focus-visible_60773cfab0 {\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_3c79bd0fff:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}\n.button_3c79bd0fff .loader_cf152fe368 {\n  height: 100%;\n}\n.button_3c79bd0fff .loader_cf152fe368 .loaderSvg_d8fb6737ed {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_3c79bd0fff .textPlaceholder_cba5ded6e3 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_3c79bd0fff.success_44e0f878ce {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_3c79bd0fff.success_44e0f878ce .successContent_9f2f8d7255 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_1737f98a3a {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_892002b777 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_abd6afb45e {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_7856ea3b34 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_3c79bd0fff:active:not(.preventClickAnimation_15b5a03027) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_3c79bd0fff .leftIcon_1737f98a3a {\n  margin-right: var(--spacing-small);\n}\n.button_3c79bd0fff .rightIcon_892002b777 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_2e63dfe209 {\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_48355e05ac {\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_78dd91766e {\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_78dd91766e .loader_cf152fe368 {\n  top: 7px;\n}\n.sizeMedium_147173428e {\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_c5a68f7a54 {\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_22ba5a991d {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_22ba5a991d.colorPrimary_4420d05a47 {\n  background: var(--primary-color);\n}\n.kindPrimary_22ba5a991d.colorBrand_3a1cfa27a7 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_22ba5a991d.colorPrimaryActive_a3f679faf7,\n.kindPrimary_22ba5a991d.colorPrimary_4420d05a47:hover,\n.kindPrimary_22ba5a991d.colorPrimary_4420d05a47:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_22ba5a991d.colorBrandActive_01170317e5,\n.kindPrimary_22ba5a991d.colorBrand_3a1cfa27a7:hover,\n.kindPrimary_22ba5a991d.colorBrand_3a1cfa27a7:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_22ba5a991d.colorPositive_82840dd133 {\n  background: var(--positive-color);\n}\n.kindPrimary_22ba5a991d.colorPositiveActive_9a4253ae6a,\n.kindPrimary_22ba5a991d.colorPositive_82840dd133:hover,\n.kindPrimary_22ba5a991d.colorPositive_82840dd133:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_22ba5a991d.colorNegative_40862b776b {\n  background: var(--negative-color);\n}\n.kindPrimary_22ba5a991d.colorNegativeActive_9a4253ae6a,\n.kindPrimary_22ba5a991d.colorNegative_40862b776b:hover,\n.kindPrimary_22ba5a991d.colorNegative_40862b776b:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_22ba5a991d.colorInverted_be2b336982 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_22ba5a991d.colorInvertedActive_9a4253ae6a,\n.kindPrimary_22ba5a991d.colorInverted_be2b336982:hover,\n.kindPrimary_22ba5a991d.colorInverted_be2b336982:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_22ba5a991d.button_3c79bd0fff.colorInverted_be2b336982.disabled_992066dae5 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_22ba5a991d.colorOnPrimaryColor_5dc71274e9 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_22ba5a991d.colorOnPrimaryColorActive_d9a2b86b7a,\n.kindPrimary_22ba5a991d.colorOnPrimaryColor_5dc71274e9:hover,\n.kindPrimary_22ba5a991d.colorOnPrimaryColor_5dc71274e9:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_22ba5a991d.colorOnPrimaryColorActive_d9a2b86b7a:focus-visible, .kindPrimary_22ba5a991d.colorOnPrimaryColorActive_d9a2b86b7a.focus-visible_60773cfab0,\n.kindPrimary_22ba5a991d.colorOnPrimaryColor_5dc71274e9:hover:focus-visible,\n.kindPrimary_22ba5a991d.colorOnPrimaryColor_5dc71274e9:hover.focus-visible_60773cfab0,\n.kindPrimary_22ba5a991d.colorOnPrimaryColor_5dc71274e9:focus:focus-visible,\n.kindPrimary_22ba5a991d.colorOnPrimaryColor_5dc71274e9:focus.focus-visible_60773cfab0 {\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_22ba5a991d.colorOnPrimaryColorActive_d9a2b86b7a:focus:not(.focus-visible_60773cfab0),\n.kindPrimary_22ba5a991d.colorOnPrimaryColor_5dc71274e9:hover:focus:not(.focus-visible_60773cfab0),\n.kindPrimary_22ba5a991d.colorOnPrimaryColor_5dc71274e9:focus:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}\n.kindPrimary_22ba5a991d.colorOnPrimaryColor_5dc71274e9.disabled_992066dae5 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_22ba5a991d.colorFixedLight_567740b797 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_22ba5a991d.colorFixedLightActive_15b5a03027,\n.kindPrimary_22ba5a991d.colorFixedLight_567740b797:hover,\n.kindPrimary_22ba5a991d.colorFixedLight_567740b797:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_22ba5a991d.colorFixedLightActive_15b5a03027:focus-visible, .kindPrimary_22ba5a991d.colorFixedLightActive_15b5a03027.focus-visible_60773cfab0,\n.kindPrimary_22ba5a991d.colorFixedLight_567740b797:hover:focus-visible,\n.kindPrimary_22ba5a991d.colorFixedLight_567740b797:hover.focus-visible_60773cfab0,\n.kindPrimary_22ba5a991d.colorFixedLight_567740b797:focus:focus-visible,\n.kindPrimary_22ba5a991d.colorFixedLight_567740b797:focus.focus-visible_60773cfab0 {\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_22ba5a991d.colorFixedLightActive_15b5a03027:focus:not(.focus-visible_60773cfab0),\n.kindPrimary_22ba5a991d.colorFixedLight_567740b797:hover:focus:not(.focus-visible_60773cfab0),\n.kindPrimary_22ba5a991d.colorFixedLight_567740b797:focus:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}\n.kindPrimary_22ba5a991d.colorFixedLight_567740b797.disabled_992066dae5 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_22ba5a991d.colorFixedDark_d9b391dedb {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_22ba5a991d.colorFixedDarkActive_d5fab48f80,\n.kindPrimary_22ba5a991d.colorFixedDark_d9b391dedb:hover,\n.kindPrimary_22ba5a991d.colorFixedDark_d9b391dedb:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_22ba5a991d.colorFixedDarkActive_d5fab48f80:focus-visible, .kindPrimary_22ba5a991d.colorFixedDarkActive_d5fab48f80.focus-visible_60773cfab0,\n.kindPrimary_22ba5a991d.colorFixedDark_d9b391dedb:hover:focus-visible,\n.kindPrimary_22ba5a991d.colorFixedDark_d9b391dedb:hover.focus-visible_60773cfab0,\n.kindPrimary_22ba5a991d.colorFixedDark_d9b391dedb:focus:focus-visible,\n.kindPrimary_22ba5a991d.colorFixedDark_d9b391dedb:focus.focus-visible_60773cfab0 {\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_22ba5a991d.colorFixedDarkActive_d5fab48f80:focus:not(.focus-visible_60773cfab0),\n.kindPrimary_22ba5a991d.colorFixedDark_d9b391dedb:hover:focus:not(.focus-visible_60773cfab0),\n.kindPrimary_22ba5a991d.colorFixedDark_d9b391dedb:focus:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}\n.kindPrimary_22ba5a991d.colorFixedDark_d9b391dedb.disabled_992066dae5 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_22ba5a991d.colorOnInvertedBackground_27ce84d9bf {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_22ba5a991d.colorOnInvertedBackgroundActive_7a823e2f48,\n.kindPrimary_22ba5a991d.colorOnInvertedBackground_27ce84d9bf:hover,\n.kindPrimary_22ba5a991d.colorOnInvertedBackground_27ce84d9bf:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_22ba5a991d.button_3c79bd0fff.colorOnInvertedBackground_27ce84d9bf.disabled_992066dae5 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_22ba5a991d.button_3c79bd0fff.disabled_992066dae5 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_4e6c4218a2 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_4e6c4218a2.sizeSmall_78dd91766e {\n  line-height: 22px;\n}\n.kindSecondary_4e6c4218a2.sizeMedium_147173428e {\n  line-height: 22px;\n}\n.kindSecondary_4e6c4218a2.sizeLarge_c5a68f7a54 {\n  line-height: 22px;\n}\n.kindSecondary_4e6c4218a2.colorPrimaryActive_a3f679faf7 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_4e6c4218a2.colorPrimaryActive_a3f679faf7:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_4e6c4218a2.colorBrandActive_01170317e5 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_4e6c4218a2.colorBrandActive_01170317e5,\n.kindSecondary_4e6c4218a2.colorBrandActive_01170317e5:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_4e6c4218a2.colorPrimary_4420d05a47:hover:not(.colorPrimaryActive_a3f679faf7),\n.kindSecondary_4e6c4218a2.colorPrimary_4420d05a47:focus:not(.colorPrimaryActive_a3f679faf7) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_4e6c4218a2.colorBrand_3a1cfa27a7:hover:not(.colorBrandActive_01170317e5),\n.kindSecondary_4e6c4218a2.colorBrand_3a1cfa27a7:focus:not(.colorBrandActive_01170317e5) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_4e6c4218a2.colorPositive_82840dd133 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_4e6c4218a2.colorPositiveActive_9a4253ae6a,\n.kindSecondary_4e6c4218a2.colorPositive_82840dd133:hover,\n.kindSecondary_4e6c4218a2.colorPositive_82840dd133:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_4e6c4218a2.colorNegative_40862b776b {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_4e6c4218a2.colorNegativeActive_9a4253ae6a,\n.kindSecondary_4e6c4218a2.colorNegative_40862b776b:hover,\n.kindSecondary_4e6c4218a2.colorNegative_40862b776b:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_4e6c4218a2.colorInverted_be2b336982 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_4e6c4218a2.colorInvertedActive_9a4253ae6a,\n.kindSecondary_4e6c4218a2.colorInverted_be2b336982:hover,\n.kindSecondary_4e6c4218a2.colorInverted_be2b336982:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_4e6c4218a2.colorInverted_be2b336982.disabled_992066dae5 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_4e6c4218a2.colorOnPrimaryColor_5dc71274e9 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_4e6c4218a2.colorOnPrimaryColorActive_d9a2b86b7a,\n.kindSecondary_4e6c4218a2.colorOnPrimaryColor_5dc71274e9:hover,\n.kindSecondary_4e6c4218a2.colorOnPrimaryColor_5dc71274e9:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_4e6c4218a2.colorOnPrimaryColorActive_d9a2b86b7a:focus-visible, .kindSecondary_4e6c4218a2.colorOnPrimaryColorActive_d9a2b86b7a.focus-visible_60773cfab0,\n.kindSecondary_4e6c4218a2.colorOnPrimaryColor_5dc71274e9:hover:focus-visible,\n.kindSecondary_4e6c4218a2.colorOnPrimaryColor_5dc71274e9:hover.focus-visible_60773cfab0,\n.kindSecondary_4e6c4218a2.colorOnPrimaryColor_5dc71274e9:focus:focus-visible,\n.kindSecondary_4e6c4218a2.colorOnPrimaryColor_5dc71274e9:focus.focus-visible_60773cfab0 {\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_4e6c4218a2.colorOnPrimaryColorActive_d9a2b86b7a:focus:not(.focus-visible_60773cfab0),\n.kindSecondary_4e6c4218a2.colorOnPrimaryColor_5dc71274e9:hover:focus:not(.focus-visible_60773cfab0),\n.kindSecondary_4e6c4218a2.colorOnPrimaryColor_5dc71274e9:focus:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}\n.kindSecondary_4e6c4218a2.colorOnPrimaryColor_5dc71274e9.disabled_992066dae5 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_4e6c4218a2.colorFixedLight_567740b797 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_4e6c4218a2.colorFixedLightActive_15b5a03027,\n.kindSecondary_4e6c4218a2.colorFixedLight_567740b797:hover,\n.kindSecondary_4e6c4218a2.colorFixedLight_567740b797:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_4e6c4218a2.colorFixedLightActive_15b5a03027:focus-visible, .kindSecondary_4e6c4218a2.colorFixedLightActive_15b5a03027.focus-visible_60773cfab0,\n.kindSecondary_4e6c4218a2.colorFixedLight_567740b797:hover:focus-visible,\n.kindSecondary_4e6c4218a2.colorFixedLight_567740b797:hover.focus-visible_60773cfab0,\n.kindSecondary_4e6c4218a2.colorFixedLight_567740b797:focus:focus-visible,\n.kindSecondary_4e6c4218a2.colorFixedLight_567740b797:focus.focus-visible_60773cfab0 {\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_4e6c4218a2.colorFixedLightActive_15b5a03027:focus:not(.focus-visible_60773cfab0),\n.kindSecondary_4e6c4218a2.colorFixedLight_567740b797:hover:focus:not(.focus-visible_60773cfab0),\n.kindSecondary_4e6c4218a2.colorFixedLight_567740b797:focus:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}\n.kindSecondary_4e6c4218a2.colorFixedDark_d9b391dedb {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_4e6c4218a2.colorFixedDarkActive_d5fab48f80,\n.kindSecondary_4e6c4218a2.colorFixedDark_d9b391dedb:hover,\n.kindSecondary_4e6c4218a2.colorFixedDark_d9b391dedb:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_4e6c4218a2.colorFixedDarkActive_d5fab48f80:focus-visible, .kindSecondary_4e6c4218a2.colorFixedDarkActive_d5fab48f80.focus-visible_60773cfab0,\n.kindSecondary_4e6c4218a2.colorFixedDark_d9b391dedb:hover:focus-visible,\n.kindSecondary_4e6c4218a2.colorFixedDark_d9b391dedb:hover.focus-visible_60773cfab0,\n.kindSecondary_4e6c4218a2.colorFixedDark_d9b391dedb:focus:focus-visible,\n.kindSecondary_4e6c4218a2.colorFixedDark_d9b391dedb:focus.focus-visible_60773cfab0 {\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_4e6c4218a2.colorFixedDarkActive_d5fab48f80:focus:not(.focus-visible_60773cfab0),\n.kindSecondary_4e6c4218a2.colorFixedDark_d9b391dedb:hover:focus:not(.focus-visible_60773cfab0),\n.kindSecondary_4e6c4218a2.colorFixedDark_d9b391dedb:focus:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}\n.kindSecondary_4e6c4218a2.colorOnInvertedBackground_27ce84d9bf {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_4e6c4218a2.colorOnInvertedBackgroundActive_7a823e2f48,\n.kindSecondary_4e6c4218a2.colorOnInvertedBackground_27ce84d9bf:hover,\n.kindSecondary_4e6c4218a2.colorOnInvertedBackground_27ce84d9bf:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_4e6c4218a2.colorOnInvertedBackground_27ce84d9bf.disabled_992066dae5 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_4e6c4218a2.colorFixedLight_567740b797.disabled_992066dae5 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_4e6c4218a2.colorFixedDark_d9b391dedb.disabled_992066dae5 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_4e6c4218a2.disabled_992066dae5 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_4e6c4218a2.disabled_992066dae5:hover {\n  background-color: transparent;\n}\n.kindTertiary_dda2655228 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_dda2655228.colorPrimaryActive_a3f679faf7 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_dda2655228.colorPrimaryActive_a3f679faf7:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_dda2655228.colorBrandActive_01170317e5 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_dda2655228.colorBrandActive_01170317e5,\n.kindTertiary_dda2655228.colorBrandActive_01170317e5:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_dda2655228.colorPrimary_4420d05a47:hover:not(.colorPrimaryActive_a3f679faf7),\n.kindTertiary_dda2655228.colorPrimary_4420d05a47:focus:not(.colorPrimaryActive_a3f679faf7) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_dda2655228.colorBrand_3a1cfa27a7:hover:not(.colorBrandActive_01170317e5),\n.kindTertiary_dda2655228.colorBrand_3a1cfa27a7:focus:not(.colorBrandActive_01170317e5) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_dda2655228.colorPositive_82840dd133 {\n  color: var(--positive-color);\n}\n.kindTertiary_dda2655228.colorPositiveActive_9a4253ae6a,\n.kindTertiary_dda2655228.colorPositive_82840dd133:hover,\n.kindTertiary_dda2655228.colorPositive_82840dd133:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_dda2655228.colorNegative_40862b776b {\n  color: var(--negative-color);\n}\n.kindTertiary_dda2655228.colorNegativeActive_9a4253ae6a,\n.kindTertiary_dda2655228.colorNegative_40862b776b:hover,\n.kindTertiary_dda2655228.colorNegative_40862b776b:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_dda2655228.colorInverted_be2b336982 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_dda2655228.colorInvertedActive_9a4253ae6a,\n.kindTertiary_dda2655228.colorInverted_be2b336982:hover,\n.kindTertiary_dda2655228.colorInverted_be2b336982:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_dda2655228.colorInverted_be2b336982.disabled_992066dae5 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_dda2655228.colorOnPrimaryColor_5dc71274e9 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_dda2655228.colorOnPrimaryColorActive_d9a2b86b7a,\n.kindTertiary_dda2655228.colorOnPrimaryColor_5dc71274e9:hover,\n.kindTertiary_dda2655228.colorOnPrimaryColor_5dc71274e9:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_dda2655228.colorOnPrimaryColorActive_d9a2b86b7a:focus-visible, .kindTertiary_dda2655228.colorOnPrimaryColorActive_d9a2b86b7a.focus-visible_60773cfab0,\n.kindTertiary_dda2655228.colorOnPrimaryColor_5dc71274e9:hover:focus-visible,\n.kindTertiary_dda2655228.colorOnPrimaryColor_5dc71274e9:hover.focus-visible_60773cfab0,\n.kindTertiary_dda2655228.colorOnPrimaryColor_5dc71274e9:focus:focus-visible,\n.kindTertiary_dda2655228.colorOnPrimaryColor_5dc71274e9:focus.focus-visible_60773cfab0 {\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_dda2655228.colorOnPrimaryColorActive_d9a2b86b7a:focus:not(.focus-visible_60773cfab0),\n.kindTertiary_dda2655228.colorOnPrimaryColor_5dc71274e9:hover:focus:not(.focus-visible_60773cfab0),\n.kindTertiary_dda2655228.colorOnPrimaryColor_5dc71274e9:focus:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}\n.kindTertiary_dda2655228.colorOnPrimaryColor_5dc71274e9.disabled_992066dae5 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_dda2655228.colorFixedLight_567740b797 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_dda2655228.colorFixedLightActive_15b5a03027,\n.kindTertiary_dda2655228.colorFixedLight_567740b797:hover,\n.kindTertiary_dda2655228.colorFixedLight_567740b797:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_dda2655228.colorFixedLightActive_15b5a03027:focus-visible, .kindTertiary_dda2655228.colorFixedLightActive_15b5a03027.focus-visible_60773cfab0,\n.kindTertiary_dda2655228.colorFixedLight_567740b797:hover:focus-visible,\n.kindTertiary_dda2655228.colorFixedLight_567740b797:hover.focus-visible_60773cfab0,\n.kindTertiary_dda2655228.colorFixedLight_567740b797:focus:focus-visible,\n.kindTertiary_dda2655228.colorFixedLight_567740b797:focus.focus-visible_60773cfab0 {\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_dda2655228.colorFixedLightActive_15b5a03027:focus:not(.focus-visible_60773cfab0),\n.kindTertiary_dda2655228.colorFixedLight_567740b797:hover:focus:not(.focus-visible_60773cfab0),\n.kindTertiary_dda2655228.colorFixedLight_567740b797:focus:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}\n.kindTertiary_dda2655228.colorFixedLight_567740b797.disabled_992066dae5 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_dda2655228.colorFixedDark_d9b391dedb {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_dda2655228.colorFixedDarkActive_d5fab48f80,\n.kindTertiary_dda2655228.colorFixedDark_d9b391dedb:hover,\n.kindTertiary_dda2655228.colorFixedDark_d9b391dedb:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_dda2655228.colorFixedDarkActive_d5fab48f80:focus-visible, .kindTertiary_dda2655228.colorFixedDarkActive_d5fab48f80.focus-visible_60773cfab0,\n.kindTertiary_dda2655228.colorFixedDark_d9b391dedb:hover:focus-visible,\n.kindTertiary_dda2655228.colorFixedDark_d9b391dedb:hover.focus-visible_60773cfab0,\n.kindTertiary_dda2655228.colorFixedDark_d9b391dedb:focus:focus-visible,\n.kindTertiary_dda2655228.colorFixedDark_d9b391dedb:focus.focus-visible_60773cfab0 {\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_dda2655228.colorFixedDarkActive_d5fab48f80:focus:not(.focus-visible_60773cfab0),\n.kindTertiary_dda2655228.colorFixedDark_d9b391dedb:hover:focus:not(.focus-visible_60773cfab0),\n.kindTertiary_dda2655228.colorFixedDark_d9b391dedb:focus:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}\n.kindTertiary_dda2655228.colorFixedDark_d9b391dedb.disabled_992066dae5 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_dda2655228.colorOnInvertedBackground_27ce84d9bf {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_dda2655228.colorOnInvertedBackgroundActive_7a823e2f48,\n.kindTertiary_dda2655228.colorOnInvertedBackground_27ce84d9bf:hover,\n.kindTertiary_dda2655228.colorOnInvertedBackground_27ce84d9bf:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_dda2655228.colorOnInvertedBackground_27ce84d9bf.disabled_992066dae5 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_dda2655228.disabled_992066dae5 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_dda2655228.disabled_992066dae5:hover {\n  background-color: transparent;\n}\n.noSidePadding_452f5b5bdd {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_3c79bd0fff.insetFocusStyle_e0450ecd4d:focus-visible, .button_3c79bd0fff.insetFocusStyle_e0450ecd4d.focus-visible_60773cfab0 {\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_3c79bd0fff.insetFocusStyle_e0450ecd4d:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_c2f9a76c8f","focus-visible":"focus-visible_182371357a",loader:"loader_8d64a6e216",loaderSvg:"loaderSvg_f2447ed0a8",textPlaceholder:"textPlaceholder_2b717ddef2",success:"success_0bc92535f3",successContent:"successContent_5cfd759cb9",marginRight:"marginRight_d6ea4edcb7",marginLeft:"marginLeft_0bbf956187",rightFlat:"rightFlat_7f7aec1f86",leftFlat:"leftFlat_4467a8876b",preventClickAnimation:"preventClickAnimation_324a11c12a",leftIcon:"leftIcon_d6ea4edcb7",rightIcon:"rightIcon_0bbf956187",sizeXxs:"sizeXxs_1d8aa062dd",sizeXs:"sizeXs_d7b607285b",sizeSmall:"sizeSmall_39d0bf9627",sizeMedium:"sizeMedium_aef140bace",sizeLarge:"sizeLarge_c4b1d99086",kindPrimary:"kindPrimary_6b633eaf46",colorPrimary:"colorPrimary_81b3d1b3c7",colorBrand:"colorBrand_58390d21be",colorPrimaryActive:"colorPrimaryActive_2ca2b286a0",colorBrandActive:"colorBrandActive_d50d73f60f",colorPositive:"colorPositive_63c0fcd639",colorPositiveActive:"colorPositiveActive_aa7341bf84",colorNegative:"colorNegative_86ecea2ff5",colorNegativeActive:"colorNegativeActive_aa7341bf84",colorInverted:"colorInverted_e93e91ed4c",colorInvertedActive:"colorInvertedActive_aa7341bf84",disabled:"disabled_2d06ba6d4b",colorOnPrimaryColor:"colorOnPrimaryColor_9cbf37a7f9",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_4130955567",colorFixedLight:"colorFixedLight_c1e6aa9fbb",colorFixedLightActive:"colorFixedLightActive_324a11c12a",colorFixedDark:"colorFixedDark_1861e1d7af",colorFixedDarkActive:"colorFixedDarkActive_6a661fa98a",colorOnInvertedBackground:"colorOnInvertedBackground_838b4f57ea",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_b0b46ba37a",kindSecondary:"kindSecondary_58f9e68fbb",kindTertiary:"kindTertiary_3be6239f90",noSidePadding:"noSidePadding_efd0abc0ec",insetFocusStyle:"insetFocusStyle_77e70d4aa0"};!function(o){const r="s_id-f5db469b1a79_3_47_0";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)}(".button_c2f9a76c8f {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button_c2f9a76c8f:focus-visible, .button_c2f9a76c8f.focus-visible_182371357a {\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_c2f9a76c8f:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}\n.button_c2f9a76c8f .loader_8d64a6e216 {\n  height: 100%;\n}\n.button_c2f9a76c8f .loader_8d64a6e216 .loaderSvg_f2447ed0a8 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_c2f9a76c8f .textPlaceholder_2b717ddef2 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_c2f9a76c8f.success_0bc92535f3 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_c2f9a76c8f.success_0bc92535f3 .successContent_5cfd759cb9 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_d6ea4edcb7 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_0bbf956187 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_7f7aec1f86 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_4467a8876b {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_c2f9a76c8f:active:not(.preventClickAnimation_324a11c12a) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_c2f9a76c8f .leftIcon_d6ea4edcb7 {\n  margin-right: var(--spacing-small);\n}\n.button_c2f9a76c8f .rightIcon_0bbf956187 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_1d8aa062dd {\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_d7b607285b {\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_39d0bf9627 {\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_39d0bf9627 .loader_8d64a6e216 {\n  top: 7px;\n}\n.sizeMedium_aef140bace {\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_c4b1d99086 {\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_6b633eaf46 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_6b633eaf46.colorPrimary_81b3d1b3c7 {\n  background: var(--primary-color);\n}\n.kindPrimary_6b633eaf46.colorBrand_58390d21be {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_6b633eaf46.colorPrimaryActive_2ca2b286a0,\n.kindPrimary_6b633eaf46.colorPrimary_81b3d1b3c7:hover,\n.kindPrimary_6b633eaf46.colorPrimary_81b3d1b3c7:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_6b633eaf46.colorBrandActive_d50d73f60f,\n.kindPrimary_6b633eaf46.colorBrand_58390d21be:hover,\n.kindPrimary_6b633eaf46.colorBrand_58390d21be:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_6b633eaf46.colorPositive_63c0fcd639 {\n  background: var(--positive-color);\n}\n.kindPrimary_6b633eaf46.colorPositiveActive_aa7341bf84,\n.kindPrimary_6b633eaf46.colorPositive_63c0fcd639:hover,\n.kindPrimary_6b633eaf46.colorPositive_63c0fcd639:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_6b633eaf46.colorNegative_86ecea2ff5 {\n  background: var(--negative-color);\n}\n.kindPrimary_6b633eaf46.colorNegativeActive_aa7341bf84,\n.kindPrimary_6b633eaf46.colorNegative_86ecea2ff5:hover,\n.kindPrimary_6b633eaf46.colorNegative_86ecea2ff5:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_6b633eaf46.colorInverted_e93e91ed4c {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_6b633eaf46.colorInvertedActive_aa7341bf84,\n.kindPrimary_6b633eaf46.colorInverted_e93e91ed4c:hover,\n.kindPrimary_6b633eaf46.colorInverted_e93e91ed4c:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_6b633eaf46.button_c2f9a76c8f.colorInverted_e93e91ed4c.disabled_2d06ba6d4b {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_6b633eaf46.colorOnPrimaryColor_9cbf37a7f9 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_6b633eaf46.colorOnPrimaryColorActive_4130955567,\n.kindPrimary_6b633eaf46.colorOnPrimaryColor_9cbf37a7f9:hover,\n.kindPrimary_6b633eaf46.colorOnPrimaryColor_9cbf37a7f9:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_6b633eaf46.colorOnPrimaryColorActive_4130955567:focus-visible, .kindPrimary_6b633eaf46.colorOnPrimaryColorActive_4130955567.focus-visible_182371357a,\n.kindPrimary_6b633eaf46.colorOnPrimaryColor_9cbf37a7f9:hover:focus-visible,\n.kindPrimary_6b633eaf46.colorOnPrimaryColor_9cbf37a7f9:hover.focus-visible_182371357a,\n.kindPrimary_6b633eaf46.colorOnPrimaryColor_9cbf37a7f9:focus:focus-visible,\n.kindPrimary_6b633eaf46.colorOnPrimaryColor_9cbf37a7f9:focus.focus-visible_182371357a {\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_6b633eaf46.colorOnPrimaryColorActive_4130955567:focus:not(.focus-visible_182371357a),\n.kindPrimary_6b633eaf46.colorOnPrimaryColor_9cbf37a7f9:hover:focus:not(.focus-visible_182371357a),\n.kindPrimary_6b633eaf46.colorOnPrimaryColor_9cbf37a7f9:focus:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}\n.kindPrimary_6b633eaf46.colorOnPrimaryColor_9cbf37a7f9.disabled_2d06ba6d4b {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_6b633eaf46.colorFixedLight_c1e6aa9fbb {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_6b633eaf46.colorFixedLightActive_324a11c12a,\n.kindPrimary_6b633eaf46.colorFixedLight_c1e6aa9fbb:hover,\n.kindPrimary_6b633eaf46.colorFixedLight_c1e6aa9fbb:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_6b633eaf46.colorFixedLightActive_324a11c12a:focus-visible, .kindPrimary_6b633eaf46.colorFixedLightActive_324a11c12a.focus-visible_182371357a,\n.kindPrimary_6b633eaf46.colorFixedLight_c1e6aa9fbb:hover:focus-visible,\n.kindPrimary_6b633eaf46.colorFixedLight_c1e6aa9fbb:hover.focus-visible_182371357a,\n.kindPrimary_6b633eaf46.colorFixedLight_c1e6aa9fbb:focus:focus-visible,\n.kindPrimary_6b633eaf46.colorFixedLight_c1e6aa9fbb:focus.focus-visible_182371357a {\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_6b633eaf46.colorFixedLightActive_324a11c12a:focus:not(.focus-visible_182371357a),\n.kindPrimary_6b633eaf46.colorFixedLight_c1e6aa9fbb:hover:focus:not(.focus-visible_182371357a),\n.kindPrimary_6b633eaf46.colorFixedLight_c1e6aa9fbb:focus:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}\n.kindPrimary_6b633eaf46.colorFixedLight_c1e6aa9fbb.disabled_2d06ba6d4b {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_6b633eaf46.colorFixedDark_1861e1d7af {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_6b633eaf46.colorFixedDarkActive_6a661fa98a,\n.kindPrimary_6b633eaf46.colorFixedDark_1861e1d7af:hover,\n.kindPrimary_6b633eaf46.colorFixedDark_1861e1d7af:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_6b633eaf46.colorFixedDarkActive_6a661fa98a:focus-visible, .kindPrimary_6b633eaf46.colorFixedDarkActive_6a661fa98a.focus-visible_182371357a,\n.kindPrimary_6b633eaf46.colorFixedDark_1861e1d7af:hover:focus-visible,\n.kindPrimary_6b633eaf46.colorFixedDark_1861e1d7af:hover.focus-visible_182371357a,\n.kindPrimary_6b633eaf46.colorFixedDark_1861e1d7af:focus:focus-visible,\n.kindPrimary_6b633eaf46.colorFixedDark_1861e1d7af:focus.focus-visible_182371357a {\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_6b633eaf46.colorFixedDarkActive_6a661fa98a:focus:not(.focus-visible_182371357a),\n.kindPrimary_6b633eaf46.colorFixedDark_1861e1d7af:hover:focus:not(.focus-visible_182371357a),\n.kindPrimary_6b633eaf46.colorFixedDark_1861e1d7af:focus:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}\n.kindPrimary_6b633eaf46.colorFixedDark_1861e1d7af.disabled_2d06ba6d4b {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_6b633eaf46.colorOnInvertedBackground_838b4f57ea {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_6b633eaf46.colorOnInvertedBackgroundActive_b0b46ba37a,\n.kindPrimary_6b633eaf46.colorOnInvertedBackground_838b4f57ea:hover,\n.kindPrimary_6b633eaf46.colorOnInvertedBackground_838b4f57ea:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_6b633eaf46.button_c2f9a76c8f.colorOnInvertedBackground_838b4f57ea.disabled_2d06ba6d4b {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_6b633eaf46.button_c2f9a76c8f.disabled_2d06ba6d4b {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_58f9e68fbb {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_58f9e68fbb.sizeSmall_39d0bf9627 {\n  line-height: 22px;\n}\n.kindSecondary_58f9e68fbb.sizeMedium_aef140bace {\n  line-height: 22px;\n}\n.kindSecondary_58f9e68fbb.sizeLarge_c4b1d99086 {\n  line-height: 22px;\n}\n.kindSecondary_58f9e68fbb.colorPrimaryActive_2ca2b286a0 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_58f9e68fbb.colorPrimaryActive_2ca2b286a0:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_58f9e68fbb.colorBrandActive_d50d73f60f {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_58f9e68fbb.colorBrandActive_d50d73f60f,\n.kindSecondary_58f9e68fbb.colorBrandActive_d50d73f60f:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_58f9e68fbb.colorPrimary_81b3d1b3c7:hover:not(.colorPrimaryActive_2ca2b286a0),\n.kindSecondary_58f9e68fbb.colorPrimary_81b3d1b3c7:focus:not(.colorPrimaryActive_2ca2b286a0) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_58f9e68fbb.colorBrand_58390d21be:hover:not(.colorBrandActive_d50d73f60f),\n.kindSecondary_58f9e68fbb.colorBrand_58390d21be:focus:not(.colorBrandActive_d50d73f60f) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_58f9e68fbb.colorPositive_63c0fcd639 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_58f9e68fbb.colorPositiveActive_aa7341bf84,\n.kindSecondary_58f9e68fbb.colorPositive_63c0fcd639:hover,\n.kindSecondary_58f9e68fbb.colorPositive_63c0fcd639:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_58f9e68fbb.colorNegative_86ecea2ff5 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_58f9e68fbb.colorNegativeActive_aa7341bf84,\n.kindSecondary_58f9e68fbb.colorNegative_86ecea2ff5:hover,\n.kindSecondary_58f9e68fbb.colorNegative_86ecea2ff5:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_58f9e68fbb.colorInverted_e93e91ed4c {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_58f9e68fbb.colorInvertedActive_aa7341bf84,\n.kindSecondary_58f9e68fbb.colorInverted_e93e91ed4c:hover,\n.kindSecondary_58f9e68fbb.colorInverted_e93e91ed4c:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_58f9e68fbb.colorInverted_e93e91ed4c.disabled_2d06ba6d4b {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_58f9e68fbb.colorOnPrimaryColor_9cbf37a7f9 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_58f9e68fbb.colorOnPrimaryColorActive_4130955567,\n.kindSecondary_58f9e68fbb.colorOnPrimaryColor_9cbf37a7f9:hover,\n.kindSecondary_58f9e68fbb.colorOnPrimaryColor_9cbf37a7f9:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_58f9e68fbb.colorOnPrimaryColorActive_4130955567:focus-visible, .kindSecondary_58f9e68fbb.colorOnPrimaryColorActive_4130955567.focus-visible_182371357a,\n.kindSecondary_58f9e68fbb.colorOnPrimaryColor_9cbf37a7f9:hover:focus-visible,\n.kindSecondary_58f9e68fbb.colorOnPrimaryColor_9cbf37a7f9:hover.focus-visible_182371357a,\n.kindSecondary_58f9e68fbb.colorOnPrimaryColor_9cbf37a7f9:focus:focus-visible,\n.kindSecondary_58f9e68fbb.colorOnPrimaryColor_9cbf37a7f9:focus.focus-visible_182371357a {\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_58f9e68fbb.colorOnPrimaryColorActive_4130955567:focus:not(.focus-visible_182371357a),\n.kindSecondary_58f9e68fbb.colorOnPrimaryColor_9cbf37a7f9:hover:focus:not(.focus-visible_182371357a),\n.kindSecondary_58f9e68fbb.colorOnPrimaryColor_9cbf37a7f9:focus:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}\n.kindSecondary_58f9e68fbb.colorOnPrimaryColor_9cbf37a7f9.disabled_2d06ba6d4b {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_58f9e68fbb.colorFixedLight_c1e6aa9fbb {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_58f9e68fbb.colorFixedLightActive_324a11c12a,\n.kindSecondary_58f9e68fbb.colorFixedLight_c1e6aa9fbb:hover,\n.kindSecondary_58f9e68fbb.colorFixedLight_c1e6aa9fbb:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_58f9e68fbb.colorFixedLightActive_324a11c12a:focus-visible, .kindSecondary_58f9e68fbb.colorFixedLightActive_324a11c12a.focus-visible_182371357a,\n.kindSecondary_58f9e68fbb.colorFixedLight_c1e6aa9fbb:hover:focus-visible,\n.kindSecondary_58f9e68fbb.colorFixedLight_c1e6aa9fbb:hover.focus-visible_182371357a,\n.kindSecondary_58f9e68fbb.colorFixedLight_c1e6aa9fbb:focus:focus-visible,\n.kindSecondary_58f9e68fbb.colorFixedLight_c1e6aa9fbb:focus.focus-visible_182371357a {\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_58f9e68fbb.colorFixedLightActive_324a11c12a:focus:not(.focus-visible_182371357a),\n.kindSecondary_58f9e68fbb.colorFixedLight_c1e6aa9fbb:hover:focus:not(.focus-visible_182371357a),\n.kindSecondary_58f9e68fbb.colorFixedLight_c1e6aa9fbb:focus:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}\n.kindSecondary_58f9e68fbb.colorFixedDark_1861e1d7af {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_58f9e68fbb.colorFixedDarkActive_6a661fa98a,\n.kindSecondary_58f9e68fbb.colorFixedDark_1861e1d7af:hover,\n.kindSecondary_58f9e68fbb.colorFixedDark_1861e1d7af:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_58f9e68fbb.colorFixedDarkActive_6a661fa98a:focus-visible, .kindSecondary_58f9e68fbb.colorFixedDarkActive_6a661fa98a.focus-visible_182371357a,\n.kindSecondary_58f9e68fbb.colorFixedDark_1861e1d7af:hover:focus-visible,\n.kindSecondary_58f9e68fbb.colorFixedDark_1861e1d7af:hover.focus-visible_182371357a,\n.kindSecondary_58f9e68fbb.colorFixedDark_1861e1d7af:focus:focus-visible,\n.kindSecondary_58f9e68fbb.colorFixedDark_1861e1d7af:focus.focus-visible_182371357a {\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_58f9e68fbb.colorFixedDarkActive_6a661fa98a:focus:not(.focus-visible_182371357a),\n.kindSecondary_58f9e68fbb.colorFixedDark_1861e1d7af:hover:focus:not(.focus-visible_182371357a),\n.kindSecondary_58f9e68fbb.colorFixedDark_1861e1d7af:focus:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}\n.kindSecondary_58f9e68fbb.colorOnInvertedBackground_838b4f57ea {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_58f9e68fbb.colorOnInvertedBackgroundActive_b0b46ba37a,\n.kindSecondary_58f9e68fbb.colorOnInvertedBackground_838b4f57ea:hover,\n.kindSecondary_58f9e68fbb.colorOnInvertedBackground_838b4f57ea:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_58f9e68fbb.colorOnInvertedBackground_838b4f57ea.disabled_2d06ba6d4b {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_58f9e68fbb.colorFixedLight_c1e6aa9fbb.disabled_2d06ba6d4b {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_58f9e68fbb.colorFixedDark_1861e1d7af.disabled_2d06ba6d4b {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_58f9e68fbb.disabled_2d06ba6d4b {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_58f9e68fbb.disabled_2d06ba6d4b:hover {\n  background-color: transparent;\n}\n.kindTertiary_3be6239f90 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_3be6239f90.colorPrimaryActive_2ca2b286a0 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_3be6239f90.colorPrimaryActive_2ca2b286a0:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_3be6239f90.colorBrandActive_d50d73f60f {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_3be6239f90.colorBrandActive_d50d73f60f,\n.kindTertiary_3be6239f90.colorBrandActive_d50d73f60f:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_3be6239f90.colorPrimary_81b3d1b3c7:hover:not(.colorPrimaryActive_2ca2b286a0),\n.kindTertiary_3be6239f90.colorPrimary_81b3d1b3c7:focus:not(.colorPrimaryActive_2ca2b286a0) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_3be6239f90.colorBrand_58390d21be:hover:not(.colorBrandActive_d50d73f60f),\n.kindTertiary_3be6239f90.colorBrand_58390d21be:focus:not(.colorBrandActive_d50d73f60f) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_3be6239f90.colorPositive_63c0fcd639 {\n  color: var(--positive-color);\n}\n.kindTertiary_3be6239f90.colorPositiveActive_aa7341bf84,\n.kindTertiary_3be6239f90.colorPositive_63c0fcd639:hover,\n.kindTertiary_3be6239f90.colorPositive_63c0fcd639:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_3be6239f90.colorNegative_86ecea2ff5 {\n  color: var(--negative-color);\n}\n.kindTertiary_3be6239f90.colorNegativeActive_aa7341bf84,\n.kindTertiary_3be6239f90.colorNegative_86ecea2ff5:hover,\n.kindTertiary_3be6239f90.colorNegative_86ecea2ff5:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_3be6239f90.colorInverted_e93e91ed4c {\n  color: var(--primary-text-color);\n}\n.kindTertiary_3be6239f90.colorInvertedActive_aa7341bf84,\n.kindTertiary_3be6239f90.colorInverted_e93e91ed4c:hover,\n.kindTertiary_3be6239f90.colorInverted_e93e91ed4c:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_3be6239f90.colorInverted_e93e91ed4c.disabled_2d06ba6d4b {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_3be6239f90.colorOnPrimaryColor_9cbf37a7f9 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_3be6239f90.colorOnPrimaryColorActive_4130955567,\n.kindTertiary_3be6239f90.colorOnPrimaryColor_9cbf37a7f9:hover,\n.kindTertiary_3be6239f90.colorOnPrimaryColor_9cbf37a7f9:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_3be6239f90.colorOnPrimaryColorActive_4130955567:focus-visible, .kindTertiary_3be6239f90.colorOnPrimaryColorActive_4130955567.focus-visible_182371357a,\n.kindTertiary_3be6239f90.colorOnPrimaryColor_9cbf37a7f9:hover:focus-visible,\n.kindTertiary_3be6239f90.colorOnPrimaryColor_9cbf37a7f9:hover.focus-visible_182371357a,\n.kindTertiary_3be6239f90.colorOnPrimaryColor_9cbf37a7f9:focus:focus-visible,\n.kindTertiary_3be6239f90.colorOnPrimaryColor_9cbf37a7f9:focus.focus-visible_182371357a {\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_3be6239f90.colorOnPrimaryColorActive_4130955567:focus:not(.focus-visible_182371357a),\n.kindTertiary_3be6239f90.colorOnPrimaryColor_9cbf37a7f9:hover:focus:not(.focus-visible_182371357a),\n.kindTertiary_3be6239f90.colorOnPrimaryColor_9cbf37a7f9:focus:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}\n.kindTertiary_3be6239f90.colorOnPrimaryColor_9cbf37a7f9.disabled_2d06ba6d4b {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_3be6239f90.colorFixedLight_c1e6aa9fbb {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_3be6239f90.colorFixedLightActive_324a11c12a,\n.kindTertiary_3be6239f90.colorFixedLight_c1e6aa9fbb:hover,\n.kindTertiary_3be6239f90.colorFixedLight_c1e6aa9fbb:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_3be6239f90.colorFixedLightActive_324a11c12a:focus-visible, .kindTertiary_3be6239f90.colorFixedLightActive_324a11c12a.focus-visible_182371357a,\n.kindTertiary_3be6239f90.colorFixedLight_c1e6aa9fbb:hover:focus-visible,\n.kindTertiary_3be6239f90.colorFixedLight_c1e6aa9fbb:hover.focus-visible_182371357a,\n.kindTertiary_3be6239f90.colorFixedLight_c1e6aa9fbb:focus:focus-visible,\n.kindTertiary_3be6239f90.colorFixedLight_c1e6aa9fbb:focus.focus-visible_182371357a {\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_3be6239f90.colorFixedLightActive_324a11c12a:focus:not(.focus-visible_182371357a),\n.kindTertiary_3be6239f90.colorFixedLight_c1e6aa9fbb:hover:focus:not(.focus-visible_182371357a),\n.kindTertiary_3be6239f90.colorFixedLight_c1e6aa9fbb:focus:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}\n.kindTertiary_3be6239f90.colorFixedLight_c1e6aa9fbb.disabled_2d06ba6d4b {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_3be6239f90.colorFixedDark_1861e1d7af {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_3be6239f90.colorFixedDarkActive_6a661fa98a,\n.kindTertiary_3be6239f90.colorFixedDark_1861e1d7af:hover,\n.kindTertiary_3be6239f90.colorFixedDark_1861e1d7af:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_3be6239f90.colorFixedDarkActive_6a661fa98a:focus-visible, .kindTertiary_3be6239f90.colorFixedDarkActive_6a661fa98a.focus-visible_182371357a,\n.kindTertiary_3be6239f90.colorFixedDark_1861e1d7af:hover:focus-visible,\n.kindTertiary_3be6239f90.colorFixedDark_1861e1d7af:hover.focus-visible_182371357a,\n.kindTertiary_3be6239f90.colorFixedDark_1861e1d7af:focus:focus-visible,\n.kindTertiary_3be6239f90.colorFixedDark_1861e1d7af:focus.focus-visible_182371357a {\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_3be6239f90.colorFixedDarkActive_6a661fa98a:focus:not(.focus-visible_182371357a),\n.kindTertiary_3be6239f90.colorFixedDark_1861e1d7af:hover:focus:not(.focus-visible_182371357a),\n.kindTertiary_3be6239f90.colorFixedDark_1861e1d7af:focus:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}\n.kindTertiary_3be6239f90.colorFixedDark_1861e1d7af.disabled_2d06ba6d4b {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_3be6239f90.colorOnInvertedBackground_838b4f57ea {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_3be6239f90.colorOnInvertedBackgroundActive_b0b46ba37a,\n.kindTertiary_3be6239f90.colorOnInvertedBackground_838b4f57ea:hover,\n.kindTertiary_3be6239f90.colorOnInvertedBackground_838b4f57ea:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_3be6239f90.colorOnInvertedBackground_838b4f57ea.disabled_2d06ba6d4b {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_3be6239f90.disabled_2d06ba6d4b {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_3be6239f90.disabled_2d06ba6d4b:hover {\n  background-color: transparent;\n}\n.noSidePadding_efd0abc0ec {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_c2f9a76c8f.insetFocusStyle_77e70d4aa0:focus-visible, .button_c2f9a76c8f.insetFocusStyle_77e70d4aa0.focus-visible_182371357a {\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_c2f9a76c8f.insetFocusStyle_77e70d4aa0:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_8de44c31d9",subTextContainer:"subTextContainer_2399bc6963",buttonsContainer:"buttonsContainer_13444510d8",button:"button_84418369b3",activeButton:"activeButton_b5ee4c3fbe",disabled:"disabled_66337696e5",buttonDisabled:"buttonDisabled_a53e09420f",startBorder:"startBorder_9d668b9e85",endBorder:"endBorder_77623f49ce",kindTertiary:"kindTertiary_4b572dc7d0",optionText:"optionText_21e46eacc5",selected:"selected_7afe087154",wrapper:"wrapper_05e2dc860d",fullWidth:"fullWidth_97267a9ff2"};!function(n){const t="s_id-1f46577d4b31_3_46_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".buttonGroup_8de44c31d9 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_2399bc6963 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_13444510d8 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_13444510d8 .button_84418369b3 {\n  border-style: solid;\n  border-width: 1px 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_13444510d8 .button_84418369b3.activeButton_b5ee4c3fbe {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_13444510d8 .button_84418369b3.activeButton_b5ee4c3fbe:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_13444510d8 .button_84418369b3.disabled_66337696e5, .buttonsContainer_13444510d8 .button_84418369b3.buttonDisabled_a53e09420f {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_13444510d8 .button_84418369b3.startBorder_9d668b9e85 {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_13444510d8 .button_84418369b3.endBorder_77623f49ce {\n  border-inline-end-width: 1px;\n}\n\n.kindTertiary_4b572dc7d0 .buttonsContainer_13444510d8 .button_84418369b3 {\n  border-color: transparent;\n}\n\n.kindTertiary_4b572dc7d0 .buttonsContainer_13444510d8 .button_84418369b3:first-child {\n  border-color: transparent;\n}\n\n.optionText_21e46eacc5:not(.disabled_66337696e5) {\n  color: var(--primary-text-color);\n}\n\n.optionText_21e46eacc5:not(.disabled_66337696e5).selected_7afe087154 {\n  color: var(--primary-text-color);\n}\n\n.wrapper_05e2dc860d.disabled_66337696e5 {\n  cursor: not-allowed;\n}\n\n.fullWidth_97267a9ff2 {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_3c3ba80f73",subTextContainer:"subTextContainer_28f5e6fa23",buttonsContainer:"buttonsContainer_070e538ed9",button:"button_31057d6e0d",activeButton:"activeButton_d138c8372f",disabled:"disabled_c742656e29",buttonDisabled:"buttonDisabled_7702d75078",startBorder:"startBorder_55c5d4d505",endBorder:"endBorder_d69d0ee58c",kindTertiary:"kindTertiary_7991e458e5",optionText:"optionText_7094b9c14b",selected:"selected_fe9f53744b",wrapper:"wrapper_33c27ee997",fullWidth:"fullWidth_5b0497cd86"};!function(n){const e="s_id-1f46577d4b31_3_47_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".buttonGroup_3c3ba80f73 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_28f5e6fa23 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_070e538ed9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_070e538ed9 .button_31057d6e0d {\n  border-style: solid;\n  border-width: 1px 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_070e538ed9 .button_31057d6e0d.activeButton_d138c8372f {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_070e538ed9 .button_31057d6e0d.activeButton_d138c8372f:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_070e538ed9 .button_31057d6e0d.disabled_c742656e29, .buttonsContainer_070e538ed9 .button_31057d6e0d.buttonDisabled_7702d75078 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_070e538ed9 .button_31057d6e0d.startBorder_55c5d4d505 {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_070e538ed9 .button_31057d6e0d.endBorder_d69d0ee58c {\n  border-inline-end-width: 1px;\n}\n\n.kindTertiary_7991e458e5 .buttonsContainer_070e538ed9 .button_31057d6e0d {\n  border-color: transparent;\n}\n\n.kindTertiary_7991e458e5 .buttonsContainer_070e538ed9 .button_31057d6e0d:first-child {\n  border-color: transparent;\n}\n\n.optionText_7094b9c14b:not(.disabled_c742656e29) {\n  color: var(--primary-text-color);\n}\n\n.optionText_7094b9c14b:not(.disabled_c742656e29).selected_fe9f53744b {\n  color: var(--primary-text-color);\n}\n\n.wrapper_33c27ee997.disabled_c742656e29 {\n  cursor: not-allowed;\n}\n\n.fullWidth_5b0497cd86 {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

package/dist/src/components/Checkbox/Checkbox.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_fa306b9704",checkbox:"checkbox_6e76265122",icon:"icon_958b4dedba",label:"label_48fec0fc70",input:"input_9ccbe3b90b",checkboxGrowAnimation:"checkboxGrowAnimation_84659c0536"};!function(e){const n="s_id-a622c58c4e9d_3_46_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.wrapper_fa306b9704 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_6e76265122 {\n  cursor: pointer;\n  visibility: visible;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 16px;\n  width: 16px;\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: 2px;\n  transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n  position: relative;\n  overflow: hidden;\n  background-color: var(--secondary-background-color);\n}\n\n.checkbox_6e76265122:after {\n  content: " ";\n  background-color: transparent;\n  position: absolute;\n  height: 16px;\n  z-index: 2;\n  left: 0;\n  right: 0;\n  width: 100%;\n}\n\n.checkbox_6e76265122:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_958b4dedba {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_48fec0fc70 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  cursor: pointer;\n  user-select: none;\n  margin-inline-start: var(--spacing-small);\n}\n\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n\n/* we hide the checkbox and draw a new one instead. */\n\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n\n.input_9ccbe3b90b {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n\n.input_9ccbe3b90b:focus + .checkbox_6e76265122 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_9ccbe3b90b:focus:checked + .checkbox_6e76265122 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_9ccbe3b90b:focus-visible + .checkbox_6e76265122 {\n  outline: none;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 2px;\n}\n\n.input_9ccbe3b90b:checked:focus + .checkbox_6e76265122:after,\n.input_9ccbe3b90b:indeterminate:focus + .checkbox_6e76265122:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_9ccbe3b90b:checked + .checkbox_6e76265122,\n.input_9ccbe3b90b:indeterminate + .checkbox_6e76265122 {\n  animation: checkboxGrowAnimation_84659c0536 var(--motion-productive-short);\n}\n\n.input_9ccbe3b90b:checked + .checkbox_6e76265122,\n.input_9ccbe3b90b:indeterminate + .checkbox_6e76265122 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_9ccbe3b90b:checked + .checkbox_6e76265122:hover,\n.input_9ccbe3b90b:indeterminate + .checkbox_6e76265122:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_9ccbe3b90b:checked + .checkbox_6e76265122:hover:after,\n.input_9ccbe3b90b:indeterminate + .checkbox_6e76265122:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_9ccbe3b90b:checked + .checkbox_6e76265122:after,\n.input_9ccbe3b90b:indeterminate + .checkbox_6e76265122:after {\n  content: " ";\n  background-color: var(--primary-color);\n  height: 16px;\n  transform: scaleX(0);\n  transition: transform var(--motion-productive-long);\n  transform-origin: right;\n  left: 0;\n}\n\n.input_9ccbe3b90b:checked + .checkbox_6e76265122 > .icon_958b4dedba,\n.input_9ccbe3b90b:indeterminate + .checkbox_6e76265122 > .icon_958b4dedba {\n  visibility: visible;\n}\n\n.input_9ccbe3b90b:checked:disabled + .checkbox_6e76265122:after,\n.input_9ccbe3b90b:indeterminate:disabled + .checkbox_6e76265122:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_9ccbe3b90b:disabled + .checkbox_6e76265122,\n.input_9ccbe3b90b:disabled + .checkbox_6e76265122:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_9ccbe3b90b:disabled + .checkbox_6e76265122 .icon_958b4dedba,\n.input_9ccbe3b90b:disabled + .checkbox_6e76265122:hover .icon_958b4dedba {\n  color: var(--disabled-text-color);\n}\n\n.input_9ccbe3b90b:disabled + .checkbox_6e76265122,\n.input_9ccbe3b90b:disabled + .checkbox_6e76265122:hover {\n  cursor: not-allowed;\n}\n\n.input_9ccbe3b90b:disabled ~ .label_48fec0fc70 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_84659c0536 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
+var n={wrapper:"wrapper_2a3f6473e6",checkbox:"checkbox_6537c6e0c7",icon:"icon_b3e369c5b7",label:"label_be788a393d",input:"input_8d567b37bf",checkboxGrowAnimation:"checkboxGrowAnimation_1de0b43f58"};!function(n){const e="s_id-a622c58c4e9d_3_47_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_2a3f6473e6 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_6537c6e0c7 {\n  cursor: pointer;\n  visibility: visible;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 16px;\n  width: 16px;\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: 2px;\n  transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n  position: relative;\n  overflow: hidden;\n  background-color: var(--secondary-background-color);\n}\n\n.checkbox_6537c6e0c7:after {\n  content: " ";\n  background-color: transparent;\n  position: absolute;\n  height: 16px;\n  z-index: 2;\n  left: 0;\n  right: 0;\n  width: 100%;\n}\n\n.checkbox_6537c6e0c7:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_b3e369c5b7 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_be788a393d {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  cursor: pointer;\n  user-select: none;\n  margin-inline-start: var(--spacing-small);\n}\n\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n\n/* we hide the checkbox and draw a new one instead. */\n\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n\n.input_8d567b37bf {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n\n.input_8d567b37bf:focus + .checkbox_6537c6e0c7 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_8d567b37bf:focus:checked + .checkbox_6537c6e0c7 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_8d567b37bf:focus-visible + .checkbox_6537c6e0c7 {\n  outline: none;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 2px;\n}\n\n.input_8d567b37bf:checked:focus + .checkbox_6537c6e0c7:after,\n.input_8d567b37bf:indeterminate:focus + .checkbox_6537c6e0c7:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_8d567b37bf:checked + .checkbox_6537c6e0c7,\n.input_8d567b37bf:indeterminate + .checkbox_6537c6e0c7 {\n  animation: checkboxGrowAnimation_1de0b43f58 var(--motion-productive-short);\n}\n\n.input_8d567b37bf:checked + .checkbox_6537c6e0c7,\n.input_8d567b37bf:indeterminate + .checkbox_6537c6e0c7 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_8d567b37bf:checked + .checkbox_6537c6e0c7:hover,\n.input_8d567b37bf:indeterminate + .checkbox_6537c6e0c7:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_8d567b37bf:checked + .checkbox_6537c6e0c7:hover:after,\n.input_8d567b37bf:indeterminate + .checkbox_6537c6e0c7:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_8d567b37bf:checked + .checkbox_6537c6e0c7:after,\n.input_8d567b37bf:indeterminate + .checkbox_6537c6e0c7:after {\n  content: " ";\n  background-color: var(--primary-color);\n  height: 16px;\n  transform: scaleX(0);\n  transition: transform var(--motion-productive-long);\n  transform-origin: right;\n  left: 0;\n}\n\n.input_8d567b37bf:checked + .checkbox_6537c6e0c7 > .icon_b3e369c5b7,\n.input_8d567b37bf:indeterminate + .checkbox_6537c6e0c7 > .icon_b3e369c5b7 {\n  visibility: visible;\n}\n\n.input_8d567b37bf:checked:disabled + .checkbox_6537c6e0c7:after,\n.input_8d567b37bf:indeterminate:disabled + .checkbox_6537c6e0c7:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_8d567b37bf:disabled + .checkbox_6537c6e0c7,\n.input_8d567b37bf:disabled + .checkbox_6537c6e0c7:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_8d567b37bf:disabled + .checkbox_6537c6e0c7 .icon_b3e369c5b7,\n.input_8d567b37bf:disabled + .checkbox_6537c6e0c7:hover .icon_b3e369c5b7 {\n  color: var(--disabled-text-color);\n}\n\n.input_8d567b37bf:disabled + .checkbox_6537c6e0c7,\n.input_8d567b37bf:disabled + .checkbox_6537c6e0c7:hover {\n  cursor: not-allowed;\n}\n\n.input_8d567b37bf:disabled ~ .label_be788a393d {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_1de0b43f58 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

package/dist/src/components/Chips/Chips.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as r,useRef as a,useMemo as i,useCallback as s}from"react";import l from"classnames";import n from"../Icon/Icon.js";import c from"../../hooks/useMergeRef.js";import{getCSSVar as m}from"../../services/themes.js";import{ElementAllowedColor as d}from"../../utils/colors-vars-map.js";import{getElementColor as u}from"../../types/Colors.js";import p from"../Avatar/Avatar.js";import f from"../IconButton/IconButton.js";import v from"../Text/Text.js";import{getTestId as b,ComponentDefaultTestId as g}from"../../tests/testIds.js";import{AvatarType as j}from"../Avatar/AvatarConstants.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import h from"../../hooks/useHover/useHover.js";import k from"../../hooks/useSetFocus/index.js";import C from"../../hooks/useClickableProps/useClickableProps.js";import x from"./Chips.module.scss.js";import N from"../../../icons/dist/react/CloseSmall.js";var S=y(r((function(r,d){var j=r.className,y=r.avatarClassName,S=r.iconClassName,A=r.id,T=r.label,E=void 0===T?"":T,w=r.leftIcon,B=void 0===w?null:w,I=r.rightIcon,P=void 0===I?null:I,z=r.leftAvatar,H=void 0===z?null:z,O=r.rightAvatar,R=void 0===O?null:O,D=r.disabled,F=void 0!==D&&D,L=r.readOnly,M=void 0!==L&&L,_=r.allowTextSelection,U=void 0!==_&&_,q=r.color,G=void 0===q?"primary":q,J=r.iconSize,K=void 0===J?18:J,Q=r.onDelete,V=void 0===Q?function(e,o){}:Q,W=r.onMouseDown,X=r.onClick,Y=r.noAnimation,Z=void 0===Y||Y,$=r.ariaLabel,ee=r.disableClickableBehavior,oe=void 0!==ee&&ee,te=r.leftAvatarType,re=void 0===te?"img":te,ae=r.rightAvatarType,ie=void 0===ae?"img":ae,se=r.showBorder,le=void 0!==se&&se,ne=r.leftRenderer,ce=r.rightRenderer,me=r.closeButtonAriaLabel,de=void 0===me?"Remove":me,ue=r["data-testid"]||b(g.CHIP,A),pe=!(!X&&!W||oe),fe=!M&&!F,ve=$||"string"==typeof E&&E||"",be=a(null),ge=a(null),je=h(),ye=e(je,2),he=ye[0],ke=ye[1],Ce=k({ref:ge}).isFocused,xe=c(d,ge,he),Ne=l(x.chips,j,o(o(o(o({},x.disabled,F),x.noAnimation,Z),x.withUserSelect,U),x.border,le)),Se=l(x.clickable,Ne,o(o({},x.disabled,F),x.disableTextSelection,!U)),Ae=i((function(){return{backgroundColor:F?m("disabled-background-color"):pe&&(ke||Ce)?u(G,!0,!0):u(G,!0)}}),[F,pe,ke,Ce,G]),Te=s((function(e){e.stopPropagation(),V&&V(A,e)}),[A,V]),Ee=s((function(e){void 0!==X&&e.target!==be.current&&(e.preventDefault(),X(e))}),[X]),we=C({onClick:Ee,onMouseDown:W,disabled:F,id:A,"data-testid":ue,ariaLabel:ve,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},xe),Be=pe?Object.assign(Object.assign({},we),{ref:we.ref,className:Se,style:Ae}):{className:Ne,"aria-label":ve,style:Ae,ref:xe,onClick:Ee,onMouseDown:W,id:A,"data-testid":ue},Ie="text"===re?{text:H}:{src:H},Pe="text"===re?{text:R}:{src:R};return t.createElement("div",Object.assign({},Be),H?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.left,y),customSize:18,type:re,key:A},Ie)):null,B?t.createElement(n,{className:l(x.icon,x.left,S),iconType:"font",icon:B,iconSize:K,ignoreFocusStyle:!0}):null,ne&&t.createElement("div",{className:l(x.customRenderer,x.left)},ne),t.createElement(v,{type:"text2",className:x.label},E),P?t.createElement(n,{className:l(x.icon,x.right,S),iconType:"font",icon:P,iconSize:K,ignoreFocusStyle:!0}):null,R?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.right,y),customSize:18,type:ie,key:A},Pe)):null,ce&&t.createElement("div",{className:l(x.customRenderer,x.right)},ce),fe&&t.createElement(f,{size:"xxs",color:"on-primary-color",className:l(x.icon,x.close),ariaLabel:de,hideTooltip:!0,icon:N,onClick:Te,"data-testid":"".concat(ue,"-close"),ref:be}))})),{colors:d,avatarTypes:j});export{S as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as r,useRef as a,useMemo as i,useCallback as s}from"react";import l from"classnames";import n from"../Icon/Icon.js";import c from"../../hooks/useMergeRef.js";import{getCSSVar as m}from"../../services/themes.js";import{ElementAllowedColor as d}from"../../utils/colors-vars-map.js";import{getElementColor as u}from"../../types/Colors.js";import p from"../Avatar/Avatar.js";import v from"../IconButton/IconButton.js";import f from"../Text/Text.js";import{getTestId as b,ComponentDefaultTestId as g}from"../../tests/testIds.js";import{AvatarType as j}from"../Avatar/AvatarConstants.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import h from"../../hooks/useHover/useHover.js";import k from"../../hooks/useSetFocus/index.js";import C from"../../hooks/useClickableProps/useClickableProps.js";import x from"./Chips.module.scss.js";import N from"../../../icons/dist/react/CloseSmall.js";var S=y(r((function(r,d){var j=r.className,y=r.avatarClassName,S=r.iconClassName,A=r.id,T=r.label,E=void 0===T?"":T,w=r.leftIcon,B=void 0===w?null:w,I=r.rightIcon,P=void 0===I?null:I,z=r.leftAvatar,H=void 0===z?null:z,M=r.rightAvatar,O=void 0===M?null:M,R=r.disabled,D=void 0!==R&&R,F=r.readOnly,L=void 0!==F&&F,_=r.allowTextSelection,U=void 0!==_&&_,q=r.color,G=void 0===q?"primary":q,J=r.iconSize,K=void 0===J?18:J,Q=r.onDelete,V=void 0===Q?function(e,o){}:Q,W=r.onMouseDown,X=r.onClick,Y=r.noAnimation,Z=void 0===Y||Y,$=r.ariaLabel,ee=r.disableClickableBehavior,oe=void 0!==ee&&ee,te=r.leftAvatarType,re=void 0===te?"img":te,ae=r.rightAvatarType,ie=void 0===ae?"img":ae,se=r.showBorder,le=void 0!==se&&se,ne=r.leftRenderer,ce=r.rightRenderer,me=r.closeButtonAriaLabel,de=void 0===me?"Remove":me,ue=r.noMargin,pe=void 0!==ue&&ue,ve=r["data-testid"]||b(g.CHIP,A),fe=!(!X&&!W||oe),be=!L&&!D,ge=$||"string"==typeof E&&E||"",je=a(null),ye=a(null),he=h(),ke=e(he,2),Ce=ke[0],xe=ke[1],Ne=k({ref:ye}).isFocused,Se=c(d,ye,Ce),Ae=l(x.chips,j,o(o(o(o(o({},x.disabled,D),x.noAnimation,Z),x.withUserSelect,U),x.border,le),x.noMargin,pe)),Te=l(x.clickable,Ae,o(o({},x.disabled,D),x.disableTextSelection,!U)),Ee=i((function(){return{backgroundColor:D?m("disabled-background-color"):fe&&(xe||Ne)?u(G,!0,!0):u(G,!0)}}),[D,fe,xe,Ne,G]),we=s((function(e){e.stopPropagation(),V&&V(A,e)}),[A,V]),Be=s((function(e){void 0!==X&&e.target!==je.current&&(e.preventDefault(),X(e))}),[X]),Ie=C({onClick:Be,onMouseDown:W,disabled:D,id:A,"data-testid":ve,ariaLabel:ge,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},Se),Pe=fe?Object.assign(Object.assign({},Ie),{ref:Ie.ref,className:Te,style:Ee}):{className:Ae,"aria-label":ge,style:Ee,ref:Se,onClick:Be,onMouseDown:W,id:A,"data-testid":ve},ze="text"===re?{text:H}:{src:H},He="text"===re?{text:O}:{src:O};return t.createElement("div",Object.assign({},Pe),H?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.left,y),customSize:18,type:re,key:A},ze)):null,B?t.createElement(n,{className:l(x.icon,x.left,S),iconType:"font",icon:B,iconSize:K,ignoreFocusStyle:!0}):null,ne&&t.createElement("div",{className:l(x.customRenderer,x.left)},ne),t.createElement(f,{type:"text2",className:x.label},E),P?t.createElement(n,{className:l(x.icon,x.right,S),iconType:"font",icon:P,iconSize:K,ignoreFocusStyle:!0}):null,O?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.right,y),customSize:18,type:ie,key:A},He)):null,ce&&t.createElement("div",{className:l(x.customRenderer,x.right)},ce),be&&t.createElement(v,{size:"xxs",color:"on-primary-color",className:l(x.icon,x.close),ariaLabel:de,hideTooltip:!0,icon:N,onClick:we,"data-testid":"".concat(ve,"-close"),ref:je}))})),{colors:d,avatarTypes:j});export{S as default};
 //# sourceMappingURL=Chips.js.map

package/dist/src/components/Chips/Chips.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useCallback, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport Icon from \"../Icon/Icon\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Text from \"../Text/Text\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { AvatarType as AvatarTypeEnum } from \"../Avatar/AvatarConstants\";\nimport { AvatarType } from \"../Avatar\";\nimport { ElementContent, SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport useHover from \"../../hooks/useHover/useHover\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport styles from \"./Chips.module.scss\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n  /**\n   * The text or content displayed inside the chip.\n   */\n  label?: ElementContent;\n  /**\n   * If true, the chip is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the chip is read-only and cannot be deleted.\n   */\n  readOnly?: boolean;\n  /**\n   * A React element displayed on the right side.\n   */\n  rightRenderer?: ElementContent;\n  /**\n   * A React element displayed on the left side.\n   */\n  leftRenderer?: ElementContent;\n  /**\n   * Icon displayed on the right side.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * Icon displayed on the left side.\n   */\n  leftIcon?: SubIcon;\n  /**\n   * Image URL or text for an avatar displayed on the right.\n   */\n  rightAvatar?: string;\n  /**\n   * The type of avatar displayed on the right.\n   */\n  rightAvatarType?: AvatarType;\n  /**\n   * Image URL or text for an avatar displayed on the left.\n   */\n  leftAvatar?: string;\n  /**\n   * The type of avatar displayed on the left.\n   */\n  leftAvatarType?: AvatarType;\n  /**\n   * Class name applied to left or right icons.\n   */\n  iconClassName?: string;\n  /**\n   * Class name applied to left or right avatars.\n   */\n  avatarClassName?: string;\n  /**\n   * The background color of the chip.\n   */\n  color?: Exclude<ElementAllowedColor, \"dark_indigo\" | \"blackish\">;\n  /**\n   * The size of the icons inside the chip.\n   */\n  iconSize?: number | string;\n  /**\n   * Callback fired when the chip is deleted.\n   */\n  onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * If true, disables the chip's entry animation.\n   */\n  noAnimation?: boolean;\n  /**\n   * If true, allows the user to select text inside the chip.\n   */\n  allowTextSelection?: boolean;\n  /**\n   * Callback fired when the mouse button is pressed on the chip.\n   */\n  onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * Callback fired when the chip is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * The label of the chip for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, disables all click behaviors.\n   */\n  disableClickableBehavior?: boolean;\n  /**\n   * If true, displays a border around the chip.\n   */\n  showBorder?: boolean;\n  /**\n   * The label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n}\n\nconst Chips = forwardRef(\n  (\n    {\n      className,\n      avatarClassName,\n      iconClassName,\n      id,\n      label = \"\",\n      leftIcon = null,\n      rightIcon = null,\n      leftAvatar = null,\n      rightAvatar = null,\n      disabled = false,\n      readOnly = false,\n      allowTextSelection = false,\n      color = \"primary\",\n      iconSize = 18,\n      onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n      onMouseDown,\n      onClick,\n      noAnimation = true,\n      ariaLabel,\n      \"data-testid\": dataTestId,\n      disableClickableBehavior = false,\n      leftAvatarType = \"img\",\n      rightAvatarType = \"img\",\n      showBorder = false,\n      leftRenderer,\n      rightRenderer,\n      closeButtonAriaLabel = \"Remove\"\n    }: ChipsProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const componentDataTestId = dataTestId || getTestId(ComponentDefaultTestId.CHIP, id);\n    const hasClickableWrapper = (!!onClick || !!onMouseDown) && !disableClickableBehavior;\n    const hasCloseButton = !readOnly && !disabled;\n    const overrideAriaLabel = ariaLabel || (typeof label === \"string\" && label) || \"\";\n\n    const iconButtonRef = useRef(null);\n    const componentRef = useRef(null);\n\n    const [hoverRef, isHovered] = useHover<HTMLDivElement>();\n    const { isFocused } = useSetFocus({ ref: componentRef });\n\n    const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef, hoverRef);\n\n    const overrideClassName = cx(styles.chips, className, {\n      [styles.disabled]: disabled,\n      [styles.noAnimation]: noAnimation,\n      [styles.withUserSelect]: allowTextSelection,\n      [styles.border]: showBorder\n    });\n    const clickableClassName = cx(styles.clickable, overrideClassName, {\n      [styles.disabled]: disabled,\n      [styles.disableTextSelection]: !allowTextSelection\n    });\n\n    const backgroundColorStyle = useMemo(() => {\n      let cssVar;\n      if (disabled) {\n        cssVar = getCSSVar(\"disabled-background-color\");\n      } else if (hasClickableWrapper && (isHovered || isFocused)) {\n        cssVar = getElementColor(color, true, true);\n      } else {\n        cssVar = getElementColor(color, true);\n      }\n      return { backgroundColor: cssVar };\n    }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n    const onDeleteCallback = useCallback(\n      (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        e.stopPropagation();\n        if (onDelete) {\n          onDelete(id, e);\n        }\n      },\n      [id, onDelete]\n    );\n\n    const onClickCallback = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n          e.preventDefault();\n          onClick(e);\n        }\n      },\n      [onClick]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        onMouseDown,\n        disabled,\n        id,\n        \"data-testid\": componentDataTestId,\n        ariaLabel: overrideAriaLabel,\n        ariaHidden: false,\n        ariaHasPopup: false,\n        ariaExpanded: false\n      },\n      mergedRef\n    );\n    const wrapperProps = hasClickableWrapper\n      ? {\n          ...clickableProps,\n          ref: clickableProps.ref as RefObject<HTMLDivElement>,\n          className: clickableClassName,\n          style: backgroundColorStyle\n        }\n      : {\n          className: overrideClassName,\n          \"aria-label\": overrideAriaLabel,\n          style: backgroundColorStyle,\n          ref: mergedRef,\n          onClick: onClickCallback,\n          onMouseDown,\n          id: id,\n          \"data-testid\": componentDataTestId\n        };\n\n    const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n    const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n    return (\n      <div {...wrapperProps}>\n        {leftAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.left, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={leftAvatarType}\n            key={id}\n            {...leftAvatarProps}\n          />\n        ) : null}\n        {leftIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.left, iconClassName)}\n            iconType=\"font\"\n            icon={leftIcon}\n            iconSize={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n        <Text type=\"text2\" className={styles.label}>\n          {label}\n        </Text>\n        {rightIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.right, iconClassName)}\n            iconType=\"font\"\n            icon={rightIcon}\n            iconSize={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {rightAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.right, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={rightAvatarType}\n            key={id}\n            {...rightAvatarProps}\n          />\n        ) : null}\n        {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n        {hasCloseButton && (\n          <IconButton\n            size=\"xxs\"\n            color=\"on-primary-color\"\n            className={cx(styles.icon, styles.close)}\n            ariaLabel={closeButtonAriaLabel}\n            hideTooltip\n            icon={CloseSmall}\n            onClick={onDeleteCallback}\n            data-testid={`${componentDataTestId}-close`}\n            ref={iconButtonRef}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\ninterface ChipsStaticProps {\n  colors: typeof ElementAllowedColorEnum;\n  avatarTypes: typeof AvatarTypeEnum;\n}\n\nexport default withStaticProps<ChipsProps, ChipsStaticProps>(Chips, {\n  colors: ElementAllowedColorEnum,\n  avatarTypes: AvatarTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useHover","useHover","_useHover2","_slicedToArray","hoverRef","isHovered","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","useCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","wrapperProps","style","leftAvatarProps","text","src","rightAvatarProps","React","createElement","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","size","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"8/BAoBA,IAqSeA,EAAAA,EAhMDC,GACZ,SAAAC,EA8BEC,GACE,IA7BAC,EAASF,EAATE,UACAC,EAAeH,EAAfG,gBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACVS,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAV,EACfW,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAZ,EAChBa,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAd,EACjBe,YAAAA,OAAc,IAAHD,EAAG,KAAIA,EAAAE,EAAAhB,EAClBiB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAlB,EAChBmB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAApB,EAChBqB,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAtB,EAC1BuB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAxB,EACjByB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAA1B,EACb2B,SAAAA,OAAQ,IAAAD,EAAG,SAACE,EAAaC,GAA2C,EAACH,EACrEI,EAAW9B,EAAX8B,YACAC,EAAO/B,EAAP+B,QAAOC,EAAAhC,EACPiC,YAAAA,OAAc,IAAHD,GAAOA,EAClBE,EAASlC,EAATkC,UACaC,GAAAnC,EACboC,yBAAAA,QAA2B,IAAHD,IAAQA,GAAAE,GAAArC,EAChCsC,eAAAA,QAAiB,IAAHD,GAAG,MAAKA,GAAAE,GAAAvC,EACtBwC,gBAAAA,QAAkB,IAAHD,GAAG,MAAKA,GAAAE,GAAAzC,EACvB0C,WAAAA,QAAa,IAAHD,IAAQA,GAClBE,GAAY3C,EAAZ2C,aACAC,GAAa5C,EAAb4C,cAAaC,GAAA7C,EACb8C,qBAAAA,QAAuB,IAAHD,GAAG,SAAQA,GAI3BE,GAXqB/C,EAAzB,gBAWwCgD,EAAUC,EAAuBC,KAAM7C,GAC3E8C,MAAyBpB,IAAaD,GAAiBM,IACvDgB,IAAkBjC,IAAaF,EAC/BoC,GAAoBnB,GAA+B,iBAAV3B,GAAsBA,GAAU,GAEzE+C,GAAgBC,EAAO,MACvBC,GAAeD,EAAO,MAE5BE,GAA8BC,IAA0BC,GAAAC,EAAAH,GAAA,GAAjDI,GAAQF,GAAA,GAAEG,GAASH,GAAA,GAClBI,GAAcC,EAAY,CAAE/D,IAAKuD,KAAjCO,UAEFE,GAAYC,EAA4BjE,EAAKuD,GAAcK,IAE3DM,GAAoBC,EAAGC,EAAOC,MAAOpE,EAASqE,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACjDF,EAAOpD,SAAWA,GAClBoD,EAAOpC,YAAcA,GACrBoC,EAAOG,eAAiBnD,GACxBgD,EAAOI,OAAS/B,KAEbgC,GAAqBN,EAAGC,EAAOM,UAAWR,GAAiBI,EAAAA,EAC9DF,CAAAA,EAAAA,EAAOpD,SAAWA,GAClBoD,EAAOO,sBAAwBvD,IAG5BwD,GAAuBC,GAAQ,WASnC,MAAO,CAAEC,gBAPL9D,EACO+D,EAAU,6BACV7B,KAAwBW,IAAaC,IACrCkB,EAAgB1D,GAAO,GAAM,GAE7B0D,EAAgB1D,GAAO,GAGpC,GAAG,CAACN,EAAUkC,GAAqBW,GAAWC,GAAWxC,IAEnD2D,GAAmBC,GACvB,SAACC,GACCA,EAAEC,kBACE1D,GACFA,EAAStB,EAAI+E,EAEjB,GACA,CAAC/E,EAAIsB,IAGD2D,GAAkBH,GACtB,SAACC,QACiBG,IAAZxD,GAA0BqD,EAAEI,SAA2BlC,GAAcmC,UACvEL,EAAEM,iBACF3D,EAAQqD,GAEZ,GACA,CAACrD,IAGG4D,GAAiBC,EACrB,CACE7D,QAASuD,GACTxD,YAAAA,EACAb,SAAAA,EACAZ,GAAAA,EACA,cAAe0C,GACfb,UAAWmB,GACXwC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhB9B,IAEI+B,GAAe7C,kCAEZwC,IAAc,CACjB1F,IAAK0F,GAAe1F,IACpBC,UAAWwE,GACXuB,MAAOpB,KAET,CACE3E,UAAWiE,GACX,aAAcd,GACd4C,MAAOpB,GACP5E,IAAKgE,GACLlC,QAASuD,GACTxD,YAAAA,EACAzB,GAAIA,EACJ,cAAe0C,IAGfmD,GAAqC,SAAnB5D,GAA4B,CAAE6D,KAAMtF,GAAe,CAAEuF,IAAKvF,GAC5EwF,GAAsC,SAAnB/D,GAA4B,CAAE6D,KAAMpF,GAAgB,CAAEqF,IAAKrF,GAEpF,OACEuF,uCAASN,IACNnF,EACCyF,EAACC,cAAAC,iBACCC,eAAa,EACbvG,UAAWkE,EAAGC,EAAOqC,OAAQrC,EAAOsC,KAAMxG,GAC1CyG,WAvOc,GAwOdC,KAAMvE,GACNwE,IAAKzG,GACD6F,KAEJ,KACHzF,EACC6F,EAACC,cAAAQ,GACC7G,UAAWkE,EAAGC,EAAO2C,KAAM3C,EAAOsC,KAAMvG,GACxC6G,SAAS,OACTD,KAAMvG,EACNgB,SAAUA,EACVyF,kBAAgB,IAEhB,KACHvE,IAAgB2D,EAAKC,cAAA,MAAA,CAAArG,UAAWkE,EAAGC,EAAO8C,eAAgB9C,EAAOsC,OAAQhE,IAC1E2D,EAAAC,cAACa,EAAI,CAACP,KAAK,QAAQ3G,UAAWmE,EAAO9D,OAClCA,GAEFI,EACC2F,EAACC,cAAAQ,GACC7G,UAAWkE,EAAGC,EAAO2C,KAAM3C,EAAOgD,MAAOjH,GACzC6G,SAAS,OACTD,KAAMrG,EACNc,SAAUA,EACVyF,kBAAgB,IAEhB,KACHnG,EACCuF,EAACC,cAAAC,iBACCC,eAAa,EACbvG,UAAWkE,EAAGC,EAAOqC,OAAQrC,EAAOgD,MAAOlH,GAC3CyG,WAvQc,GAwQdC,KAAMrE,GACNsE,IAAKzG,GACDgG,KAEJ,KACHzD,IAAiB0D,EAAKC,cAAA,MAAA,CAAArG,UAAWkE,EAAGC,EAAO8C,eAAgB9C,EAAOgD,QAASzE,IAC3EQ,IACCkD,EAACC,cAAAe,GACCC,KAAK,MACLhG,MAAM,mBACNrB,UAAWkE,EAAGC,EAAO2C,KAAM3C,EAAOmD,OAClCtF,UAAWY,GACX2E,aAAW,EACXT,KAAMU,EACN3F,QAASmD,2BACOnC,GAA2B,UAC3C9C,IAAKqD,KAKf,IAQkE,CAClEqE,OAAQC,EACRC,YAAaC"}
+{"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useCallback, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport Icon from \"../Icon/Icon\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Text from \"../Text/Text\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { AvatarType as AvatarTypeEnum } from \"../Avatar/AvatarConstants\";\nimport { AvatarType } from \"../Avatar\";\nimport { ElementContent, SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport useHover from \"../../hooks/useHover/useHover\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport styles from \"./Chips.module.scss\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n  /**\n   * The text or content displayed inside the chip.\n   */\n  label?: ElementContent;\n  /**\n   * If true, the chip is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the chip is read-only and cannot be deleted.\n   */\n  readOnly?: boolean;\n  /**\n   * A React element displayed on the right side.\n   */\n  rightRenderer?: ElementContent;\n  /**\n   * A React element displayed on the left side.\n   */\n  leftRenderer?: ElementContent;\n  /**\n   * Icon displayed on the right side.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * Icon displayed on the left side.\n   */\n  leftIcon?: SubIcon;\n  /**\n   * Image URL or text for an avatar displayed on the right.\n   */\n  rightAvatar?: string;\n  /**\n   * The type of avatar displayed on the right.\n   */\n  rightAvatarType?: AvatarType;\n  /**\n   * Image URL or text for an avatar displayed on the left.\n   */\n  leftAvatar?: string;\n  /**\n   * The type of avatar displayed on the left.\n   */\n  leftAvatarType?: AvatarType;\n  /**\n   * Class name applied to left or right icons.\n   */\n  iconClassName?: string;\n  /**\n   * Class name applied to left or right avatars.\n   */\n  avatarClassName?: string;\n  /**\n   * The background color of the chip.\n   */\n  color?: Exclude<ElementAllowedColor, \"dark_indigo\" | \"blackish\">;\n  /**\n   * The size of the icons inside the chip.\n   */\n  iconSize?: number | string;\n  /**\n   * Callback fired when the chip is deleted.\n   */\n  onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * If true, disables the chip's entry animation.\n   */\n  noAnimation?: boolean;\n  /**\n   * If true, allows the user to select text inside the chip.\n   */\n  allowTextSelection?: boolean;\n  /**\n   * Callback fired when the mouse button is pressed on the chip.\n   */\n  onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * Callback fired when the chip is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  /**\n   * The label of the chip for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, disables all click behaviors.\n   */\n  disableClickableBehavior?: boolean;\n  /**\n   * If true, displays a border around the chip.\n   */\n  showBorder?: boolean;\n  /**\n   * The label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * If true, removes the default margin from the chip.\n   */\n  noMargin?: boolean;\n}\n\nconst Chips = forwardRef(\n  (\n    {\n      className,\n      avatarClassName,\n      iconClassName,\n      id,\n      label = \"\",\n      leftIcon = null,\n      rightIcon = null,\n      leftAvatar = null,\n      rightAvatar = null,\n      disabled = false,\n      readOnly = false,\n      allowTextSelection = false,\n      color = \"primary\",\n      iconSize = 18,\n      onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n      onMouseDown,\n      onClick,\n      noAnimation = true,\n      ariaLabel,\n      \"data-testid\": dataTestId,\n      disableClickableBehavior = false,\n      leftAvatarType = \"img\",\n      rightAvatarType = \"img\",\n      showBorder = false,\n      leftRenderer,\n      rightRenderer,\n      closeButtonAriaLabel = \"Remove\",\n      noMargin = false\n    }: ChipsProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const componentDataTestId = dataTestId || getTestId(ComponentDefaultTestId.CHIP, id);\n    const hasClickableWrapper = (!!onClick || !!onMouseDown) && !disableClickableBehavior;\n    const hasCloseButton = !readOnly && !disabled;\n    const overrideAriaLabel = ariaLabel || (typeof label === \"string\" && label) || \"\";\n\n    const iconButtonRef = useRef(null);\n    const componentRef = useRef(null);\n\n    const [hoverRef, isHovered] = useHover<HTMLDivElement>();\n    const { isFocused } = useSetFocus({ ref: componentRef });\n\n    const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef, hoverRef);\n\n    const overrideClassName = cx(styles.chips, className, {\n      [styles.disabled]: disabled,\n      [styles.noAnimation]: noAnimation,\n      [styles.withUserSelect]: allowTextSelection,\n      [styles.border]: showBorder,\n      [styles.noMargin]: noMargin\n    });\n    const clickableClassName = cx(styles.clickable, overrideClassName, {\n      [styles.disabled]: disabled,\n      [styles.disableTextSelection]: !allowTextSelection\n    });\n\n    const backgroundColorStyle = useMemo(() => {\n      let cssVar;\n      if (disabled) {\n        cssVar = getCSSVar(\"disabled-background-color\");\n      } else if (hasClickableWrapper && (isHovered || isFocused)) {\n        cssVar = getElementColor(color, true, true);\n      } else {\n        cssVar = getElementColor(color, true);\n      }\n      return { backgroundColor: cssVar };\n    }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n    const onDeleteCallback = useCallback(\n      (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        e.stopPropagation();\n        if (onDelete) {\n          onDelete(id, e);\n        }\n      },\n      [id, onDelete]\n    );\n\n    const onClickCallback = useCallback(\n      (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n        if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n          e.preventDefault();\n          onClick(e);\n        }\n      },\n      [onClick]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        onMouseDown,\n        disabled,\n        id,\n        \"data-testid\": componentDataTestId,\n        ariaLabel: overrideAriaLabel,\n        ariaHidden: false,\n        ariaHasPopup: false,\n        ariaExpanded: false\n      },\n      mergedRef\n    );\n    const wrapperProps = hasClickableWrapper\n      ? {\n          ...clickableProps,\n          ref: clickableProps.ref as RefObject<HTMLDivElement>,\n          className: clickableClassName,\n          style: backgroundColorStyle\n        }\n      : {\n          className: overrideClassName,\n          \"aria-label\": overrideAriaLabel,\n          style: backgroundColorStyle,\n          ref: mergedRef,\n          onClick: onClickCallback,\n          onMouseDown,\n          id: id,\n          \"data-testid\": componentDataTestId\n        };\n\n    const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n    const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n    return (\n      <div {...wrapperProps}>\n        {leftAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.left, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={leftAvatarType}\n            key={id}\n            {...leftAvatarProps}\n          />\n        ) : null}\n        {leftIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.left, iconClassName)}\n            iconType=\"font\"\n            icon={leftIcon}\n            iconSize={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n        <Text type=\"text2\" className={styles.label}>\n          {label}\n        </Text>\n        {rightIcon ? (\n          <Icon\n            className={cx(styles.icon, styles.right, iconClassName)}\n            iconType=\"font\"\n            icon={rightIcon}\n            iconSize={iconSize}\n            ignoreFocusStyle\n          />\n        ) : null}\n        {rightAvatar ? (\n          <Avatar\n            withoutBorder\n            className={cx(styles.avatar, styles.right, avatarClassName)}\n            customSize={CHIPS_AVATAR_SIZE}\n            type={rightAvatarType}\n            key={id}\n            {...rightAvatarProps}\n          />\n        ) : null}\n        {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n        {hasCloseButton && (\n          <IconButton\n            size=\"xxs\"\n            color=\"on-primary-color\"\n            className={cx(styles.icon, styles.close)}\n            ariaLabel={closeButtonAriaLabel}\n            hideTooltip\n            icon={CloseSmall}\n            onClick={onDeleteCallback}\n            data-testid={`${componentDataTestId}-close`}\n            ref={iconButtonRef}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\ninterface ChipsStaticProps {\n  colors: typeof ElementAllowedColorEnum;\n  avatarTypes: typeof AvatarTypeEnum;\n}\n\nexport default withStaticProps<ChipsProps, ChipsStaticProps>(Chips, {\n  colors: ElementAllowedColorEnum,\n  avatarTypes: AvatarTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useHover","useHover","_useHover2","_slicedToArray","hoverRef","isHovered","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","useCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","wrapperProps","style","leftAvatarProps","text","src","rightAvatarProps","React","createElement","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","size","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"8/BAoBA,IA2SeA,EAAAA,EAlMDC,GACZ,SAAAC,EA+BEC,GACE,IA9BAC,EAASF,EAATE,UACAC,EAAeH,EAAfG,gBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACVS,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAV,EACfW,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAZ,EAChBa,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAd,EACjBe,YAAAA,OAAc,IAAHD,EAAG,KAAIA,EAAAE,EAAAhB,EAClBiB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAlB,EAChBmB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAApB,EAChBqB,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAtB,EAC1BuB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAxB,EACjByB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAA1B,EACb2B,SAAAA,OAAQ,IAAAD,EAAG,SAACE,EAAaC,KAA4CH,EACrEI,EAAW9B,EAAX8B,YACAC,EAAO/B,EAAP+B,QAAOC,EAAAhC,EACPiC,YAAAA,OAAc,IAAHD,GAAOA,EAClBE,EAASlC,EAATkC,UACaC,GAAAnC,EACboC,yBAAAA,QAA2B,IAAHD,IAAQA,GAAAE,GAAArC,EAChCsC,eAAAA,QAAiB,IAAHD,GAAG,MAAKA,GAAAE,GAAAvC,EACtBwC,gBAAAA,QAAkB,IAAHD,GAAG,MAAKA,GAAAE,GAAAzC,EACvB0C,WAAAA,QAAa,IAAHD,IAAQA,GAClBE,GAAY3C,EAAZ2C,aACAC,GAAa5C,EAAb4C,cAAaC,GAAA7C,EACb8C,qBAAAA,QAAuB,IAAHD,GAAG,SAAQA,GAAAE,GAAA/C,EAC/BgD,SAAAA,QAAW,IAAHD,IAAQA,GAIZE,GAZqBjD,EAAzB,gBAYwCkD,EAAUC,EAAuBC,KAAM/C,GAC3EgD,MAAyBtB,IAAaD,GAAiBM,IACvDkB,IAAkBnC,IAAaF,EAC/BsC,GAAoBrB,GAA+B,iBAAV3B,GAAsBA,GAAU,GAEzEiD,GAAgBC,EAAO,MACvBC,GAAeD,EAAO,MAE5BE,GAA8BC,IAA0BC,GAAAC,EAAAH,GAAA,GAAjDI,GAAQF,GAAA,GAAEG,GAASH,GAAA,GAClBI,GAAcC,EAAY,CAAEjE,IAAKyD,KAAjCO,UAEFE,GAAYC,EAA4BnE,EAAKyD,GAAcK,IAE3DM,GAAoBC,EAAGC,EAAOC,MAAOtE,EAASuE,EAAAA,EAAAA,EAAAA,EAAAA,EACjDF,CAAAA,EAAAA,EAAOtD,SAAWA,GAClBsD,EAAOtC,YAAcA,GACrBsC,EAAOG,eAAiBrD,GACxBkD,EAAOI,OAASjC,IAChB6B,EAAOvB,SAAWA,KAEf4B,GAAqBN,EAAGC,EAAOM,UAAWR,GAAiBI,EAAAA,EAC9DF,CAAAA,EAAAA,EAAOtD,SAAWA,GAClBsD,EAAOO,sBAAwBzD,IAG5B0D,GAAuBC,GAAQ,WASnC,MAAO,CAAEC,gBAPLhE,EACOiE,EAAU,6BACV7B,KAAwBW,IAAaC,IACrCkB,EAAgB5D,GAAO,GAAM,GAE7B4D,EAAgB5D,GAAO,GAGpC,GAAG,CAACN,EAAUoC,GAAqBW,GAAWC,GAAW1C,IAEnD6D,GAAmBC,GACvB,SAACC,GACCA,EAAEC,kBACE5D,GACFA,EAAStB,EAAIiF,EAEjB,GACA,CAACjF,EAAIsB,IAGD6D,GAAkBH,GACtB,SAACC,QACiBG,IAAZ1D,GAA0BuD,EAAEI,SAA2BlC,GAAcmC,UACvEL,EAAEM,iBACF7D,EAAQuD,GAEZ,GACA,CAACvD,IAGG8D,GAAiBC,EACrB,CACE/D,QAASyD,GACT1D,YAAAA,EACAb,SAAAA,EACAZ,GAAAA,EACA,cAAe4C,GACff,UAAWqB,GACXwC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhB9B,IAEI+B,GAAe7C,kCAEZwC,IAAc,CACjB5F,IAAK4F,GAAe5F,IACpBC,UAAW0E,GACXuB,MAAOpB,KAET,CACE7E,UAAWmE,GACX,aAAcd,GACd4C,MAAOpB,GACP9E,IAAKkE,GACLpC,QAASyD,GACT1D,YAAAA,EACAzB,GAAIA,EACJ,cAAe4C,IAGfmD,GAAqC,SAAnB9D,GAA4B,CAAE+D,KAAMxF,GAAe,CAAEyF,IAAKzF,GAC5E0F,GAAsC,SAAnBjE,GAA4B,CAAE+D,KAAMtF,GAAgB,CAAEuF,IAAKvF,GAEpF,OACEyF,uCAASN,IACNrF,EACC2F,EAACC,cAAAC,iBACCC,eAAa,EACbzG,UAAWoE,EAAGC,EAAOqC,OAAQrC,EAAOsC,KAAM1G,GAC1C2G,WA7Oc,GA8OdC,KAAMzE,GACN0E,IAAK3G,GACD+F,KAEJ,KACH3F,EACC+F,EAACC,cAAAQ,GACC/G,UAAWoE,EAAGC,EAAO2C,KAAM3C,EAAOsC,KAAMzG,GACxC+G,SAAS,OACTD,KAAMzG,EACNgB,SAAUA,EACV2F,kBAAgB,IAEhB,KACHzE,IAAgB6D,EAAKC,cAAA,MAAA,CAAAvG,UAAWoE,EAAGC,EAAO8C,eAAgB9C,EAAOsC,OAAQlE,IAC1E6D,EAAAC,cAACa,EAAI,CAACP,KAAK,QAAQ7G,UAAWqE,EAAOhE,OAClCA,GAEFI,EACC6F,EAACC,cAAAQ,GACC/G,UAAWoE,EAAGC,EAAO2C,KAAM3C,EAAOgD,MAAOnH,GACzC+G,SAAS,OACTD,KAAMvG,EACNc,SAAUA,EACV2F,kBAAgB,IAEhB,KACHrG,EACCyF,EAACC,cAAAC,iBACCC,eAAa,EACbzG,UAAWoE,EAAGC,EAAOqC,OAAQrC,EAAOgD,MAAOpH,GAC3C2G,WA7Qc,GA8QdC,KAAMvE,GACNwE,IAAK3G,GACDkG,KAEJ,KACH3D,IAAiB4D,EAAKC,cAAA,MAAA,CAAAvG,UAAWoE,EAAGC,EAAO8C,eAAgB9C,EAAOgD,QAAS3E,IAC3EU,IACCkD,EAACC,cAAAe,GACCC,KAAK,MACLlG,MAAM,mBACNrB,UAAWoE,EAAGC,EAAO2C,KAAM3C,EAAOmD,OAClCxF,UAAWY,GACX6E,aAAW,EACXT,KAAMU,EACN7F,QAASqD,2BACOnC,GAA2B,UAC3ChD,IAAKuD,KAKf,IAQkE,CAClEqE,OAAQC,EACRC,YAAaC"}

package/dist/src/components/Chips/Chips.module.scss.js

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_70beb5aa67","focus-visible":"focus-visible_60773cfab0",disabled:"disabled_9ff4357fa9",disableTextSelection:"disableTextSelection_a299a1d0c5",chips:"chips_0c15c3b1ae","chips-pop-in-emphasized":"chips-pop-in-emphasized_6119a8b708",border:"border_5f67d67b83",withUserSelect:"withUserSelect_7381191fa2",label:"label_62647cfc01",noAnimation:"noAnimation_a933eb1fa7",icon:"icon_686466559c",avatar:"avatar_b3a6ab7702",customRenderer:"customRenderer_336588f867",left:"left_0c43d85c91",right:"right_d7cfe91bd9",close:"close_3a9ce59669",defaultCursor:"defaultCursor_9ff4357fa9"};!function(e){const n="s_id-a8c9f55659fd_3_46_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,c.firstChild?c.insertBefore(a,c.firstChild):c.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_70beb5aa67 {\n  cursor: pointer;\n}\n.clickable_70beb5aa67:focus-visible, .clickable_70beb5aa67.focus-visible_60773cfab0 {\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.clickable_70beb5aa67:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}\n.clickable_70beb5aa67.disabled_9ff4357fa9 {\n  cursor: default;\n}\n.disableTextSelection_a299a1d0c5 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.chips_0c15c3b1ae {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_6119a8b708 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_0c15c3b1ae.border_5f67d67b83 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_0c15c3b1ae.withUserSelect_7381191fa2 {\n  user-select: text;\n  cursor: text;\n}\n.chips_0c15c3b1ae .label_62647cfc01 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_0c15c3b1ae.noAnimation_a933eb1fa7 {\n  animation: none;\n}\n.chips_0c15c3b1ae .icon_686466559c,\n.chips_0c15c3b1ae .avatar_b3a6ab7702,\n.chips_0c15c3b1ae .customRenderer_336588f867 {\n  min-width: 18px;\n}\n.chips_0c15c3b1ae .icon_686466559c.left_0c43d85c91,\n.chips_0c15c3b1ae .avatar_b3a6ab7702.left_0c43d85c91,\n.chips_0c15c3b1ae .customRenderer_336588f867.left_0c43d85c91 {\n  margin-right: var(--spacing-xs);\n}\n.chips_0c15c3b1ae .icon_686466559c.right_d7cfe91bd9,\n.chips_0c15c3b1ae .avatar_b3a6ab7702.right_d7cfe91bd9,\n.chips_0c15c3b1ae .customRenderer_336588f867.right_d7cfe91bd9 {\n  margin-left: var(--spacing-xs);\n}\n.chips_0c15c3b1ae .icon_686466559c.close_3a9ce59669,\n.chips_0c15c3b1ae .avatar_b3a6ab7702.close_3a9ce59669,\n.chips_0c15c3b1ae .customRenderer_336588f867.close_3a9ce59669 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_0c15c3b1ae.disabled_9ff4357fa9 .icon_686466559c {\n  color: var(--disabled-text-color);\n}\n.chips_0c15c3b1ae.disabled_9ff4357fa9 .label_62647cfc01 {\n  color: var(--disabled-text-color);\n}\n.chips_0c15c3b1ae.defaultCursor_9ff4357fa9 {\n  cursor: default;\n}\n.chips_0c15c3b1ae.clickable_70beb5aa67 {\n  cursor: pointer;\n}\n.chips_0c15c3b1ae.clickable_70beb5aa67:focus-visible, .chips_0c15c3b1ae.clickable_70beb5aa67.focus-visible_60773cfab0 {\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.chips_0c15c3b1ae.clickable_70beb5aa67:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}\n.chips_0c15c3b1ae.clickable_70beb5aa67.disabled_9ff4357fa9 {\n  cursor: default;\n}\n.chips_0c15c3b1ae.clickable_70beb5aa67.disableTextSelection_a299a1d0c5 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_6119a8b708 {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
+var e={clickable:"clickable_170526b624","focus-visible":"focus-visible_182371357a",disabled:"disabled_76cd9d38a8",disableTextSelection:"disableTextSelection_63953385ab",chips:"chips_3665c38c37","chips-pop-in-emphasized":"chips-pop-in-emphasized_b299ad1d0a",border:"border_95b516fb31",withUserSelect:"withUserSelect_2d12345903",noMargin:"noMargin_390d3e0401",label:"label_c52b2f11e6",noAnimation:"noAnimation_82a1317c35",icon:"icon_cef545ba78",avatar:"avatar_820a7f4327",customRenderer:"customRenderer_66d7349dff",left:"left_925c122bc6",right:"right_a8a1efbc77",close:"close_fb8cb8044a",defaultCursor:"defaultCursor_76cd9d38a8"};!function(e){const n="s_id-b08f85dbbdad_3_47_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,c.firstChild?c.insertBefore(i,c.firstChild):c.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_170526b624 {\n  cursor: pointer;\n}\n.clickable_170526b624:focus-visible, .clickable_170526b624.focus-visible_182371357a {\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.clickable_170526b624:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}\n.clickable_170526b624.disabled_76cd9d38a8 {\n  cursor: default;\n}\n.disableTextSelection_63953385ab {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.chips_3665c38c37 {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_b299ad1d0a var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_3665c38c37.border_95b516fb31 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_3665c38c37.withUserSelect_2d12345903 {\n  user-select: text;\n  cursor: text;\n}\n.chips_3665c38c37.noMargin_390d3e0401 {\n  margin: 0;\n}\n.chips_3665c38c37 .label_c52b2f11e6 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_3665c38c37.noAnimation_82a1317c35 {\n  animation: none;\n}\n.chips_3665c38c37 .icon_cef545ba78,\n.chips_3665c38c37 .avatar_820a7f4327,\n.chips_3665c38c37 .customRenderer_66d7349dff {\n  min-width: 18px;\n}\n.chips_3665c38c37 .icon_cef545ba78.left_925c122bc6,\n.chips_3665c38c37 .avatar_820a7f4327.left_925c122bc6,\n.chips_3665c38c37 .customRenderer_66d7349dff.left_925c122bc6 {\n  margin-right: var(--spacing-xs);\n}\n.chips_3665c38c37 .icon_cef545ba78.right_a8a1efbc77,\n.chips_3665c38c37 .avatar_820a7f4327.right_a8a1efbc77,\n.chips_3665c38c37 .customRenderer_66d7349dff.right_a8a1efbc77 {\n  margin-left: var(--spacing-xs);\n}\n.chips_3665c38c37 .icon_cef545ba78.close_fb8cb8044a,\n.chips_3665c38c37 .avatar_820a7f4327.close_fb8cb8044a,\n.chips_3665c38c37 .customRenderer_66d7349dff.close_fb8cb8044a {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_3665c38c37.disabled_76cd9d38a8 .icon_cef545ba78 {\n  color: var(--disabled-text-color);\n}\n.chips_3665c38c37.disabled_76cd9d38a8 .label_c52b2f11e6 {\n  color: var(--disabled-text-color);\n}\n.chips_3665c38c37.defaultCursor_76cd9d38a8 {\n  cursor: default;\n}\n.chips_3665c38c37.clickable_170526b624 {\n  cursor: pointer;\n}\n.chips_3665c38c37.clickable_170526b624:focus-visible, .chips_3665c38c37.clickable_170526b624.focus-visible_182371357a {\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.chips_3665c38c37.clickable_170526b624:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}\n.chips_3665c38c37.clickable_170526b624.disabled_76cd9d38a8 {\n  cursor: default;\n}\n.chips_3665c38c37.clickable_170526b624.disableTextSelection_63953385ab {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_b299ad1d0a {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
 //# sourceMappingURL=Chips.module.scss.js.map

package/dist/src/components/Clickable/Clickable.module.scss.js

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_70beb5aa67","focus-visible":"focus-visible_60773cfab0",disabled:"disabled_9ff4357fa9",disableTextSelection:"disableTextSelection_a299a1d0c5"};!function(e){const n="s_id-8d33a9ee9e1f_3_46_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_70beb5aa67 {\n  cursor: pointer;\n}\n.clickable_70beb5aa67:focus-visible, .clickable_70beb5aa67.focus-visible_60773cfab0 {\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.clickable_70beb5aa67:focus:not(.focus-visible_60773cfab0) {\n  outline: none;\n}\n.clickable_70beb5aa67.disabled_9ff4357fa9 {\n  cursor: default;\n}\n.disableTextSelection_a299a1d0c5 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
+var e={clickable:"clickable_170526b624","focus-visible":"focus-visible_182371357a",disabled:"disabled_76cd9d38a8",disableTextSelection:"disableTextSelection_63953385ab"};!function(e){const n="s_id-8d33a9ee9e1f_3_47_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_170526b624 {\n  cursor: pointer;\n}\n.clickable_170526b624:focus-visible, .clickable_170526b624.focus-visible_182371357a {\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.clickable_170526b624:focus:not(.focus-visible_182371357a) {\n  outline: none;\n}\n.clickable_170526b624.disabled_76cd9d38a8 {\n  cursor: default;\n}\n.disableTextSelection_63953385ab {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
 //# sourceMappingURL=Clickable.module.scss.js.map

package/dist/src/components/ColorPicker/ColorPicker.module.scss.js

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_c3cec65e1f",colorPickerDialogContent:"colorPickerDialogContent_d5e1f3979b"};!function(e){const t="s_id-ffacbf9b6446_3_46_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_c3cec65e1f.colorPickerDialogContent_d5e1f3979b {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
+var e={colorPicker:"colorPicker_5c92904af6",colorPickerDialogContent:"colorPickerDialogContent_ffacedeae6"};!function(e){const t="s_id-ffacbf9b6446_3_47_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_5c92904af6.colorPickerDialogContent_ffacedeae6 {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=ColorPicker.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon_1737f98a3a",clearColorButton:"clearColorButton_920017bf3d"};!function(e){const n="s_id-774e60a23ee3_3_46_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_1737f98a3a {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_920017bf3d {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_d6ea4edcb7",clearColorButton:"clearColorButton_ab6b8e4ebd"};!function(e){const n="s_id-774e60a23ee3_3_47_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_d6ea4edcb7 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_ab6b8e4ebd {\n  margin-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ColorPickerClearButton.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid_a6a30dcfa5"};!function(e){const d="s_id-0a5f0eb78ee4_3_46_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".colorsGrid_a6a30dcfa5 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_47de417577"};!function(e){const d="s_id-0a5f0eb78ee4_3_47_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".colorsGrid_47de417577 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
 //# sourceMappingURL=ColorPickerColorsGrid.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_bbe58dd640",circle:"circle_d007063b1b",feedbackIndicator:"feedbackIndicator_cb50b9889e",active:"active_b67b2ef593",selectedColor:"selectedColor_c4d0c4ee14",colorItem:"colorItem_d5a45ce748",colorIndicatorWrapper:"colorIndicatorWrapper_49638f0413",colorItemSizeSmall:"colorItemSizeSmall_720a3bee4c",colorItemSizeMedium:"colorItemSizeMedium_7042c0d005",colorItemSizeLarge:"colorItemSizeLarge_b7c3e96600",colorItemTextMode:"colorItemTextMode_c607a6f780",colorIconWhite:"colorIconWhite_95814c6ae3"};!function(e){const r="s_id-faaf43e6ed49_3_46_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_bbe58dd640 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_bbe58dd640.circle_d007063b1b {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_bbe58dd640 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_bbe58dd640 .feedbackIndicator_cb50b9889e {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_bbe58dd640:focus,\n.itemWrapper_bbe58dd640:focus-visible,\n.itemWrapper_bbe58dd640.active_b67b2ef593 {\n  outline: none;\n}\n\n.itemWrapper_bbe58dd640:focus .feedbackIndicator_cb50b9889e:before,\n.itemWrapper_bbe58dd640:focus-visible .feedbackIndicator_cb50b9889e:before,\n.itemWrapper_bbe58dd640.active_b67b2ef593 .feedbackIndicator_cb50b9889e:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_bbe58dd640:focus .feedbackIndicator_cb50b9889e:after,\n.itemWrapper_bbe58dd640:focus-visible .feedbackIndicator_cb50b9889e:after,\n.itemWrapper_bbe58dd640.active_b67b2ef593 .feedbackIndicator_cb50b9889e:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_bbe58dd640:hover:not(.active_b67b2ef593):not(.selectedColor_c4d0c4ee14) .feedbackIndicator_cb50b9889e {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_bbe58dd640 .colorItem_d5a45ce748 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_bbe58dd640 .colorItem_d5a45ce748 .colorIndicatorWrapper_49638f0413 {\n  display: flex;\n}\n\n.itemWrapper_bbe58dd640 .colorItem_d5a45ce748.colorItemSizeSmall_720a3bee4c {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_bbe58dd640 .colorItem_d5a45ce748.colorItemSizeMedium_7042c0d005 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_bbe58dd640 .colorItem_d5a45ce748.colorItemSizeLarge_b7c3e96600 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_bbe58dd640.selectedColor_c4d0c4ee14 {\n  position: relative;\n}\n\n.itemWrapper_bbe58dd640.selectedColor_c4d0c4ee14:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_bbe58dd640.selectedColor_c4d0c4ee14 .feedbackIndicator_cb50b9889e:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_bbe58dd640 .colorItemTextMode_c607a6f780:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_bbe58dd640 .colorIconWhite_95814c6ae3 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_601f95c1de",circle:"circle_46d5ce613b",feedbackIndicator:"feedbackIndicator_ab52012a66",active:"active_8c273f2426",selectedColor:"selectedColor_8f71465065",colorItem:"colorItem_1bdcd51097",colorIndicatorWrapper:"colorIndicatorWrapper_7a77432ca0",colorItemSizeSmall:"colorItemSizeSmall_bb369727f9",colorItemSizeMedium:"colorItemSizeMedium_ccdad42dae",colorItemSizeLarge:"colorItemSizeLarge_fbed603ea6",colorItemTextMode:"colorItemTextMode_dea4d8f7f3",colorIconWhite:"colorIconWhite_e8fcf7a5ed"};!function(e){const r="s_id-faaf43e6ed49_3_47_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_601f95c1de {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_601f95c1de.circle_46d5ce613b {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_601f95c1de {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_601f95c1de .feedbackIndicator_ab52012a66 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_601f95c1de:focus,\n.itemWrapper_601f95c1de:focus-visible,\n.itemWrapper_601f95c1de.active_8c273f2426 {\n  outline: none;\n}\n\n.itemWrapper_601f95c1de:focus .feedbackIndicator_ab52012a66:before,\n.itemWrapper_601f95c1de:focus-visible .feedbackIndicator_ab52012a66:before,\n.itemWrapper_601f95c1de.active_8c273f2426 .feedbackIndicator_ab52012a66:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_601f95c1de:focus .feedbackIndicator_ab52012a66:after,\n.itemWrapper_601f95c1de:focus-visible .feedbackIndicator_ab52012a66:after,\n.itemWrapper_601f95c1de.active_8c273f2426 .feedbackIndicator_ab52012a66:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_601f95c1de:hover:not(.active_8c273f2426):not(.selectedColor_8f71465065) .feedbackIndicator_ab52012a66 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_601f95c1de .colorItem_1bdcd51097 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_601f95c1de .colorItem_1bdcd51097 .colorIndicatorWrapper_7a77432ca0 {\n  display: flex;\n}\n\n.itemWrapper_601f95c1de .colorItem_1bdcd51097.colorItemSizeSmall_bb369727f9 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_601f95c1de .colorItem_1bdcd51097.colorItemSizeMedium_ccdad42dae {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_601f95c1de .colorItem_1bdcd51097.colorItemSizeLarge_fbed603ea6 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_601f95c1de.selectedColor_8f71465065 {\n  position: relative;\n}\n\n.itemWrapper_601f95c1de.selectedColor_8f71465065:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_601f95c1de.selectedColor_8f71465065 .feedbackIndicator_ab52012a66:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_601f95c1de .colorItemTextMode_dea4d8f7f3:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_601f95c1de .colorIconWhite_e8fcf7a5ed {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

package/dist/src/components/Combobox/Combobox.module.scss.js

@@ -1,2 +1,2 @@
-var o={combobox:"combobox_cd4842a2bb",stickyCategory:"stickyCategory_1b0f685dbe",comboboxCategory:"comboboxCategory_a4e2adc573",sizeSmall:"sizeSmall_291867e393",sizeMedium:"sizeMedium_cd4842a2bb",sizeLarge:"sizeLarge_291867e393",empty:"empty_d6313e5eae",comboboxSearchWrapper:"comboboxSearchWrapper_c01a63b60b",comboboxNoResults:"comboboxNoResults_429bc1cc9a",comboboxMessageWrapper:"comboboxMessageWrapper_7fe00b26fe",comboboxMessage:"comboboxMessage_62647cfc01",addNewButton:"addNewButton_0142c78cd3",buttonLabel:"buttonLabel_62647cfc01",comboboxList:"comboboxList_85013365fe"};!function(o){const e="s_id-140391bb7df9_3_46_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".combobox_cd4842a2bb {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n\n.combobox_cd4842a2bb.stickyCategory_1b0f685dbe .comboboxCategory_a4e2adc573 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_cd4842a2bb.stickyCategory_1b0f685dbe.sizeSmall_291867e393 .comboboxCategory_a4e2adc573 {\n  top: 32px;\n}\n\n.combobox_cd4842a2bb.stickyCategory_1b0f685dbe.sizeMedium_cd4842a2bb .comboboxCategory_a4e2adc573 {\n  top: 40px;\n}\n\n.combobox_cd4842a2bb.stickyCategory_1b0f685dbe.sizeLarge_291867e393 .comboboxCategory_a4e2adc573 {\n  top: 48px;\n}\n\n.combobox_cd4842a2bb.empty_d6313e5eae {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_c01a63b60b {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_429bc1cc9a {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n\n.comboboxNoResults_429bc1cc9a .comboboxMessageWrapper_7fe00b26fe {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_429bc1cc9a .comboboxMessageWrapper_7fe00b26fe .comboboxMessage_62647cfc01 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_429bc1cc9a .addNewButton_0142c78cd3 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_429bc1cc9a .addNewButton_0142c78cd3 .buttonLabel_62647cfc01 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_85013365fe {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var o={combobox:"combobox_18d2c17165",stickyCategory:"stickyCategory_46748d8e03",comboboxCategory:"comboboxCategory_c13af5a75d",sizeSmall:"sizeSmall_dc9da41f76",sizeMedium:"sizeMedium_18d2c17165",sizeLarge:"sizeLarge_dc9da41f76",empty:"empty_ef36495662",comboboxSearchWrapper:"comboboxSearchWrapper_a8d891572d",comboboxNoResults:"comboboxNoResults_b48ad529d7",comboboxMessageWrapper:"comboboxMessageWrapper_abb605bcaf",comboboxMessage:"comboboxMessage_c52b2f11e6",addNewButton:"addNewButton_cfab5b4324",buttonLabel:"buttonLabel_c52b2f11e6",comboboxList:"comboboxList_6ccd112339"};!function(o){const e="s_id-140391bb7df9_3_47_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".combobox_18d2c17165 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n\n.combobox_18d2c17165.stickyCategory_46748d8e03 .comboboxCategory_c13af5a75d {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_18d2c17165.stickyCategory_46748d8e03.sizeSmall_dc9da41f76 .comboboxCategory_c13af5a75d {\n  top: 32px;\n}\n\n.combobox_18d2c17165.stickyCategory_46748d8e03.sizeMedium_18d2c17165 .comboboxCategory_c13af5a75d {\n  top: 40px;\n}\n\n.combobox_18d2c17165.stickyCategory_46748d8e03.sizeLarge_dc9da41f76 .comboboxCategory_c13af5a75d {\n  top: 48px;\n}\n\n.combobox_18d2c17165.empty_ef36495662 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_a8d891572d {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_b48ad529d7 {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n\n.comboboxNoResults_b48ad529d7 .comboboxMessageWrapper_abb605bcaf {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_b48ad529d7 .comboboxMessageWrapper_abb605bcaf .comboboxMessage_c52b2f11e6 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_b48ad529d7 .addNewButton_cfab5b4324 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_b48ad529d7 .addNewButton_cfab5b4324 .buttonLabel_c52b2f11e6 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_6ccd112339 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_935e4e9bfe",dividerContainer:"dividerContainer_a14faf1d9b",divider:"divider_fb073d7649",sticky:"sticky_1d9d3886fa"};!function(e){const n="s_id-78c8179b7fe9_3_46_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_935e4e9bfe {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_a14faf1d9b {\n  position: relative;\n  width: 95%;\n}\n\n.divider_fb073d7649 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_1d9d3886fa {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_b5440b41c8",dividerContainer:"dividerContainer_1b6dd32db5",divider:"divider_e8a8bb5593",sticky:"sticky_94f136ea3c"};!function(e){const n="s_id-78c8179b7fe9_3_47_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_b5440b41c8 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_1b6dd32db5 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_e8a8bb5593 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_94f136ea3c {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_7e383a19ca"};!function(e){const o="s_id-a004d249e1c1_3_46_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".comboboxCategory_7e383a19ca {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory_19c8fdab50"};!function(e){const o="s_id-a004d249e1c1_3_47_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".comboboxCategory_19c8fdab50 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_f55c5becb8",optionsContainer:"optionsContainer_ba16625ec2",categoryWithOptions:"categoryWithOptions_36680c6cd2",firstCategory:"firstCategory_bfcef39f99",categoryWithoutOptions:"categoryWithoutOptions_28ca7547f6"};!function(t){const e="s_id-4d4facb041a8_3_46_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".scrollableContainer_f55c5becb8::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_f55c5becb8::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_ba16625ec2 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_36680c6cd2.firstCategory_bfcef39f99,\n.categoryWithoutOptions_28ca7547f6.firstCategory_bfcef39f99 {\n  padding-top: 0;\n}\n.categoryWithOptions_36680c6cd2 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_28ca7547f6 {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer_1a636003e8",optionsContainer:"optionsContainer_894e9ccb5a",categoryWithOptions:"categoryWithOptions_3bff354984",firstCategory:"firstCategory_34ce1b1f8b",categoryWithoutOptions:"categoryWithoutOptions_765aac0798"};!function(t){const e="s_id-4d4facb041a8_3_47_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".scrollableContainer_1a636003e8::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_1a636003e8::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_894e9ccb5a {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_3bff354984.firstCategory_34ce1b1f8b,\n.categoryWithoutOptions_765aac0798.firstCategory_34ce1b1f8b {\n  padding-top: 0;\n}\n.categoryWithOptions_3bff354984 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_765aac0798 {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_77b1a2c16a",disabled:"disabled_d1a2399529",selected:"selected_b066f33621",active:"active_56167dbe12",activeOutline:"activeOutline_f61be7b3eb",optionLabel:"optionLabel_03b6b48543",optionIcon:"optionIcon_f565b614c3",left:"left_5827dd7d82"};!function(o){const n="s_id-cc5db5fd586e_3_46_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".comboboxOption_77b1a2c16a {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption_77b1a2c16a.disabled_d1a2399529 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption_77b1a2c16a.disabled_d1a2399529:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_77b1a2c16a.selected_b066f33621 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_77b1a2c16a:hover:not(.disabled_d1a2399529):not(.selected_b066f33621),\n.comboboxOption_77b1a2c16a.active_56167dbe12 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_77b1a2c16a.activeOutline_f61be7b3eb {\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  background-color: var(--secondary-background-color);\n}\n\n.comboboxOption_77b1a2c16a .optionLabel_03b6b48543 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_77b1a2c16a .optionIcon_f565b614c3 {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_77b1a2c16a .optionIcon_f565b614c3.left_5827dd7d82 {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption_10c3d54e83",disabled:"disabled_3e8f625a90",selected:"selected_6dce1aa475",active:"active_a66db1987a",activeOutline:"activeOutline_89a3d79407",optionLabel:"optionLabel_6b378ec830",optionIcon:"optionIcon_d141e71b04",left:"left_c36be71cee"};!function(o){const e="s_id-cc5db5fd586e_3_47_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".comboboxOption_10c3d54e83 {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption_10c3d54e83.disabled_3e8f625a90 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption_10c3d54e83.disabled_3e8f625a90:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_10c3d54e83.selected_6dce1aa475 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_10c3d54e83:hover:not(.disabled_3e8f625a90):not(.selected_6dce1aa475),\n.comboboxOption_10c3d54e83.active_a66db1987a {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_10c3d54e83.activeOutline_89a3d79407 {\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  background-color: var(--secondary-background-color);\n}\n\n.comboboxOption_10c3d54e83 .optionLabel_6b378ec830 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_10c3d54e83 .optionIcon_d141e71b04 {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_10c3d54e83 .optionIcon_d141e71b04.left_c36be71cee {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_af91eb93c9"};!function(e){const t="s_id-f549b49034f1_3_46_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_af91eb93c9 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader_5ac7c3cf2c"};!function(e){const t="s_id-f549b49034f1_3_47_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_5ac7c3cf2c {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

package/dist/src/components/Counter/Counter.module.scss.js

@@ -1,2 +1,2 @@
-var n={counter:"counter_99fb726530",withAnimation:"withAnimation_05697b203b",counterPopElastic:"counterPopElastic_bd63b4ace6",sizeXs:"sizeXs_837d7a3aab",sizeSmall:"sizeSmall_f661124b8c",sizeLarge:"sizeLarge_6fc154c965",kindFill:"kindFill_d43f7ffaec",colorPrimary:"colorPrimary_fccc5b4dc6",colorDark:"colorDark_70e1fc54db",colorNegative:"colorNegative_8a4c4d3e5a",colorLight:"colorLight_1b0d81e66d",kindLine:"kindLine_47c9ed028e",fadeEnter:"fadeEnter_901f5d084b",fadeEnterActive:"fadeEnterActive_5af724eb87",fadeExit:"fadeExit_d2fdbb3900",fadeExitActive:"fadeExitActive_aeb06c12ce","counter-pop-elastic":"counter-pop-elastic_813f0c5ca7"};!function(n){const o="s_id-51f4f5079107_3_46_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_99fb726530 {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_813f0c5ca7 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_05697b203b {\n  animation: counterPopElastic_bd63b4ace6 var(--motion-expressive-short);\n}\n.sizeXs_837d7a3aab {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeSmall_f661124b8c {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeLarge_6fc154c965 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill_d43f7ffaec.colorPrimary_fccc5b4dc6 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_d43f7ffaec.colorDark_70e1fc54db {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_d43f7ffaec.colorNegative_8a4c4d3e5a {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_d43f7ffaec.colorLight_1b0d81e66d {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_47c9ed028e {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_47c9ed028e.colorPrimary_fccc5b4dc6 {\n  color: var(--primary-color);\n}\n.kindLine_47c9ed028e.colorDark_70e1fc54db {\n  color: var(--inverted-color-background);\n}\n.kindLine_47c9ed028e.colorNegative_8a4c4d3e5a {\n  color: var(--negative-color);\n}\n.kindLine_47c9ed028e.colorLight_1b0d81e66d {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_901f5d084b {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_5af724eb87 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_d2fdbb3900 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_aeb06c12ce {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
+var n={counter:"counter_d0691d06ee",withAnimation:"withAnimation_0b9cb0b7bb",counterPopElastic:"counterPopElastic_d0e8b779ea",sizeXs:"sizeXs_50d274c9fc",sizeSmall:"sizeSmall_460fffc0d5",sizeLarge:"sizeLarge_079f6751db",kindFill:"kindFill_18ac09a7a9",colorPrimary:"colorPrimary_173e2017db",colorDark:"colorDark_d8850373de",colorNegative:"colorNegative_c4f8c2b5c4",colorLight:"colorLight_f19361fdce",kindLine:"kindLine_4188ac4df0",fadeEnter:"fadeEnter_022048ffd2",fadeEnterActive:"fadeEnterActive_1a5f5e4c50",fadeExit:"fadeExit_a7f144948f",fadeExitActive:"fadeExitActive_65c9d64b29","counter-pop-elastic":"counter-pop-elastic_c7a17bdc70"};!function(n){const o="s_id-51f4f5079107_3_47_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_d0691d06ee {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_c7a17bdc70 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_0b9cb0b7bb {\n  animation: counterPopElastic_d0e8b779ea var(--motion-expressive-short);\n}\n.sizeXs_50d274c9fc {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeSmall_460fffc0d5 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeLarge_079f6751db {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill_18ac09a7a9.colorPrimary_173e2017db {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_18ac09a7a9.colorDark_d8850373de {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_18ac09a7a9.colorNegative_c4f8c2b5c4 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_18ac09a7a9.colorLight_f19361fdce {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_4188ac4df0 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_4188ac4df0.colorPrimary_173e2017db {\n  color: var(--primary-color);\n}\n.kindLine_4188ac4df0.colorDark_d8850373de {\n  color: var(--inverted-color-background);\n}\n.kindLine_4188ac4df0.colorNegative_c4f8c2b5c4 {\n  color: var(--negative-color);\n}\n.kindLine_4188ac4df0.colorLight_f19361fdce {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_022048ffd2 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_1a5f5e4c50 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_a7f144948f {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_65c9d64b29 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
 //# sourceMappingURL=Counter.module.scss.js.map

package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer_3112dbb83a"};!function(e){const n="s_id-84193b4fa4fe_3_46_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".navigationItemContainer_3112dbb83a {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-color);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
+var e={navigationItemContainer:"navigationItemContainer_aa3c7c27fe"};!function(e){const n="s_id-84193b4fa4fe_3_47_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".navigationItemContainer_aa3c7c27fe {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-color);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=DateNavigationItem.module.scss.js.map

package/dist/src/components/DatePicker/DatePicker.module.scss.js

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer_db7b513bc8",monthYearSelection:"monthYearSelection_a07a90c956",rangePickerMode:"rangePickerMode_91edc9da54",withWeekNumber:"withWeekNumber_c3258648cb",calendarDayWeekNumber:"calendarDayWeekNumber_0564083a94"};!function(e){const n="s_id-08c822721057_3_46_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.datepickerContainer_db7b513bc8 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_db7b513bc8 table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer_db7b513bc8 td {\n  border: none;\n}\n.datepickerContainer_db7b513bc8.monthYearSelection_a07a90c956 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_db7b513bc8.monthYearSelection_a07a90c956 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_db7b513bc8 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_db7b513bc8 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_db7b513bc8 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_db7b513bc8 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_db7b513bc8 .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_db7b513bc8 .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer_db7b513bc8 .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer_db7b513bc8 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_db7b513bc8 .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer_db7b513bc8 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_db7b513bc8 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_db7b513bc8 .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_db7b513bc8 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_db7b513bc8 .CalendarDay__blocked_calendar, .datepickerContainer_db7b513bc8 .CalendarDay__blocked_calendar:active, .datepickerContainer_db7b513bc8 .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer_db7b513bc8 .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_db7b513bc8 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_db7b513bc8 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_db7b513bc8 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_db7b513bc8 .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__hovered_span, .datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__hovered_span:hover::before, .datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_db7b513bc8.rangePickerMode_91edc9da54.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_db7b513bc8.withWeekNumber_c3258648cb {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_db7b513bc8.withWeekNumber_c3258648cb .CalendarDay .calendarDayWeekNumber_0564083a94 {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer_db7b513bc8.withWeekNumber_c3258648cb .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_0564083a94 {\n  display: flex;\n}\n.datepickerContainer_db7b513bc8.withWeekNumber_c3258648cb .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_0564083a94 {\n  display: none;\n}\n.datepickerContainer_db7b513bc8.withWeekNumber_c3258648cb .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer_db7b513bc8.withWeekNumber_c3258648cb .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_db7b513bc8.withWeekNumber_c3258648cb .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_db7b513bc8.withWeekNumber_c3258648cb .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_db7b513bc8.withWeekNumber_c3258648cb .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_5141ac61fb",monthYearSelection:"monthYearSelection_99e7d99ea0",rangePickerMode:"rangePickerMode_12a8d1a76c",withWeekNumber:"withWeekNumber_bd2d608416",calendarDayWeekNumber:"calendarDayWeekNumber_0a821537c8"};!function(e){const n="s_id-08c822721057_3_47_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.datepickerContainer_5141ac61fb {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_5141ac61fb table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer_5141ac61fb td {\n  border: none;\n}\n.datepickerContainer_5141ac61fb.monthYearSelection_99e7d99ea0 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_5141ac61fb.monthYearSelection_99e7d99ea0 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_5141ac61fb .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_5141ac61fb .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_5141ac61fb .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_5141ac61fb .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_5141ac61fb .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_5141ac61fb .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer_5141ac61fb .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer_5141ac61fb .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_5141ac61fb .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer_5141ac61fb .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_5141ac61fb .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_5141ac61fb .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_5141ac61fb .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_5141ac61fb .CalendarDay__blocked_calendar, .datepickerContainer_5141ac61fb .CalendarDay__blocked_calendar:active, .datepickerContainer_5141ac61fb .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer_5141ac61fb .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_5141ac61fb .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_5141ac61fb .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_5141ac61fb .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_5141ac61fb .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__hovered_span, .datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__hovered_span:hover::before, .datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_5141ac61fb.rangePickerMode_12a8d1a76c.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_5141ac61fb.withWeekNumber_bd2d608416 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_5141ac61fb.withWeekNumber_bd2d608416 .CalendarDay .calendarDayWeekNumber_0a821537c8 {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer_5141ac61fb.withWeekNumber_bd2d608416 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_0a821537c8 {\n  display: flex;\n}\n.datepickerContainer_5141ac61fb.withWeekNumber_bd2d608416 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_0a821537c8 {\n  display: none;\n}\n.datepickerContainer_5141ac61fb.withWeekNumber_bd2d608416 .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer_5141ac61fb.withWeekNumber_bd2d608416 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_5141ac61fb.withWeekNumber_bd2d608416 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_5141ac61fb.withWeekNumber_bd2d608416 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_5141ac61fb.withWeekNumber_bd2d608416 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map