npm - @vibe/core - Versions diffs - 3.21.0 → 3.22.1 - Mend

@vibe/core 3.21.0 → 3.22.1

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

Files changed (327) hide show

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

@@ -1,2 +1,2 @@
-var o={button:"button_cc3c06d0b0","focus-visible":"focus-visible_3bb25fc751",loader:"loader_56b0580948",loaderSvg:"loaderSvg_7aee2300a0",textPlaceholder:"textPlaceholder_7bbd604fe0",success:"success_0a70211ef6",successContent:"successContent_a3288635d9",marginRight:"marginRight_7a9ed3dcb2",marginLeft:"marginLeft_9632dc327d",rightFlat:"rightFlat_5fd38a13f8",leftFlat:"leftFlat_7770511aba",preventClickAnimation:"preventClickAnimation_217a60a507",leftIcon:"leftIcon_7a9ed3dcb2",rightIcon:"rightIcon_9632dc327d",sizeXxs:"sizeXxs_af9a6ca1b5",sizeXs:"sizeXs_accaae8902",sizeSmall:"sizeSmall_a276748fa8",sizeMedium:"sizeMedium_a0350f7bd4",sizeLarge:"sizeLarge_3d13e59358",kindPrimary:"kindPrimary_3732805e5b",colorPrimary:"colorPrimary_6a261920bc",colorBrand:"colorBrand_2bb511df83",colorPrimaryActive:"colorPrimaryActive_585bdf3e64",colorBrandActive:"colorBrandActive_a09e3a2cfb",colorPositive:"colorPositive_de871458e8",colorPositiveActive:"colorPositiveActive_20b09e90cd",colorNegative:"colorNegative_db13c3b0c6",colorNegativeActive:"colorNegativeActive_20b09e90cd",colorInverted:"colorInverted_a8ee6e2bec",colorInvertedActive:"colorInvertedActive_20b09e90cd",disabled:"disabled_ea8706be76",colorOnPrimaryColor:"colorOnPrimaryColor_f6847edd67",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_40f03c9483",colorFixedLight:"colorFixedLight_2447404650",colorFixedLightActive:"colorFixedLightActive_217a60a507",colorOnInvertedBackground:"colorOnInvertedBackground_3a5686993e",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_7c7ffaedb4",kindSecondary:"kindSecondary_600b920603",kindTertiary:"kindTertiary_2234ef051a",noSidePadding:"noSidePadding_52c177d363",insetFocusStyle:"insetFocusStyle_dff0a7c18c"};!function(o){const r="s_id-9fe829f89bf2_3_20_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_cc3c06d0b0 {\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_cc3c06d0b0:focus-visible, .button_cc3c06d0b0.focus-visible_3bb25fc751 {\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_cc3c06d0b0:focus:not(.focus-visible_3bb25fc751) {\n  outline: none;\n}\n.button_cc3c06d0b0 .loader_56b0580948 {\n  height: 100%;\n}\n.button_cc3c06d0b0 .loader_56b0580948 .loaderSvg_7aee2300a0 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_cc3c06d0b0 .textPlaceholder_7bbd604fe0 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_cc3c06d0b0.success_0a70211ef6 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_cc3c06d0b0.success_0a70211ef6 .successContent_a3288635d9 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_7a9ed3dcb2 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_9632dc327d {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_5fd38a13f8 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_7770511aba {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_cc3c06d0b0:active:not(.preventClickAnimation_217a60a507) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_cc3c06d0b0 .leftIcon_7a9ed3dcb2 {\n  margin-right: var(--spacing-small);\n}\n.button_cc3c06d0b0 .rightIcon_9632dc327d {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_af9a6ca1b5 {\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_accaae8902 {\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_a276748fa8 {\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_a276748fa8 .loader_56b0580948 {\n  top: 7px;\n}\n.sizeMedium_a0350f7bd4 {\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_3d13e59358 {\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_3732805e5b {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_3732805e5b.colorPrimary_6a261920bc {\n  background: var(--primary-color);\n}\n.kindPrimary_3732805e5b.colorBrand_2bb511df83 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_3732805e5b.colorPrimaryActive_585bdf3e64,\n.kindPrimary_3732805e5b.colorPrimary_6a261920bc:hover,\n.kindPrimary_3732805e5b.colorPrimary_6a261920bc:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_3732805e5b.colorBrandActive_a09e3a2cfb,\n.kindPrimary_3732805e5b.colorBrand_2bb511df83:hover,\n.kindPrimary_3732805e5b.colorBrand_2bb511df83:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_3732805e5b.colorPositive_de871458e8 {\n  background: var(--positive-color);\n}\n.kindPrimary_3732805e5b.colorPositiveActive_20b09e90cd,\n.kindPrimary_3732805e5b.colorPositive_de871458e8:hover,\n.kindPrimary_3732805e5b.colorPositive_de871458e8:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_3732805e5b.colorNegative_db13c3b0c6 {\n  background: var(--negative-color);\n}\n.kindPrimary_3732805e5b.colorNegativeActive_20b09e90cd,\n.kindPrimary_3732805e5b.colorNegative_db13c3b0c6:hover,\n.kindPrimary_3732805e5b.colorNegative_db13c3b0c6:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_3732805e5b.colorInverted_a8ee6e2bec {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_3732805e5b.colorInvertedActive_20b09e90cd,\n.kindPrimary_3732805e5b.colorInverted_a8ee6e2bec:hover,\n.kindPrimary_3732805e5b.colorInverted_a8ee6e2bec:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_3732805e5b.button_cc3c06d0b0.colorInverted_a8ee6e2bec.disabled_ea8706be76 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_3732805e5b.colorOnPrimaryColor_f6847edd67 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_3732805e5b.colorOnPrimaryColorActive_40f03c9483,\n.kindPrimary_3732805e5b.colorOnPrimaryColor_f6847edd67:hover,\n.kindPrimary_3732805e5b.colorOnPrimaryColor_f6847edd67:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_3732805e5b.colorOnPrimaryColorActive_40f03c9483:focus-visible, .kindPrimary_3732805e5b.colorOnPrimaryColorActive_40f03c9483.focus-visible_3bb25fc751,\n.kindPrimary_3732805e5b.colorOnPrimaryColor_f6847edd67:hover:focus-visible,\n.kindPrimary_3732805e5b.colorOnPrimaryColor_f6847edd67:hover.focus-visible_3bb25fc751,\n.kindPrimary_3732805e5b.colorOnPrimaryColor_f6847edd67:focus:focus-visible,\n.kindPrimary_3732805e5b.colorOnPrimaryColor_f6847edd67:focus.focus-visible_3bb25fc751 {\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_3732805e5b.colorOnPrimaryColorActive_40f03c9483:focus:not(.focus-visible_3bb25fc751),\n.kindPrimary_3732805e5b.colorOnPrimaryColor_f6847edd67:hover:focus:not(.focus-visible_3bb25fc751),\n.kindPrimary_3732805e5b.colorOnPrimaryColor_f6847edd67:focus:focus:not(.focus-visible_3bb25fc751) {\n  outline: none;\n}\n.kindPrimary_3732805e5b.colorOnPrimaryColor_f6847edd67.disabled_ea8706be76 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_3732805e5b.colorFixedLight_2447404650 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_3732805e5b.colorFixedLightActive_217a60a507,\n.kindPrimary_3732805e5b.colorFixedLight_2447404650:hover,\n.kindPrimary_3732805e5b.colorFixedLight_2447404650:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_3732805e5b.colorFixedLightActive_217a60a507:focus-visible, .kindPrimary_3732805e5b.colorFixedLightActive_217a60a507.focus-visible_3bb25fc751,\n.kindPrimary_3732805e5b.colorFixedLight_2447404650:hover:focus-visible,\n.kindPrimary_3732805e5b.colorFixedLight_2447404650:hover.focus-visible_3bb25fc751,\n.kindPrimary_3732805e5b.colorFixedLight_2447404650:focus:focus-visible,\n.kindPrimary_3732805e5b.colorFixedLight_2447404650:focus.focus-visible_3bb25fc751 {\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_3732805e5b.colorFixedLightActive_217a60a507:focus:not(.focus-visible_3bb25fc751),\n.kindPrimary_3732805e5b.colorFixedLight_2447404650:hover:focus:not(.focus-visible_3bb25fc751),\n.kindPrimary_3732805e5b.colorFixedLight_2447404650:focus:focus:not(.focus-visible_3bb25fc751) {\n  outline: none;\n}\n.kindPrimary_3732805e5b.colorFixedLight_2447404650.disabled_ea8706be76 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_3732805e5b.colorOnInvertedBackground_3a5686993e {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_3732805e5b.colorOnInvertedBackgroundActive_7c7ffaedb4,\n.kindPrimary_3732805e5b.colorOnInvertedBackground_3a5686993e:hover,\n.kindPrimary_3732805e5b.colorOnInvertedBackground_3a5686993e:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_3732805e5b.button_cc3c06d0b0.colorOnInvertedBackground_3a5686993e.disabled_ea8706be76 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_3732805e5b.button_cc3c06d0b0.disabled_ea8706be76 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_600b920603 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_600b920603.sizeSmall_a276748fa8 {\n  line-height: 22px;\n}\n.kindSecondary_600b920603.sizeMedium_a0350f7bd4 {\n  line-height: 22px;\n}\n.kindSecondary_600b920603.sizeLarge_3d13e59358 {\n  line-height: 22px;\n}\n.kindSecondary_600b920603.colorPrimaryActive_585bdf3e64 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_600b920603.colorPrimaryActive_585bdf3e64:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_600b920603.colorBrandActive_a09e3a2cfb {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_600b920603.colorBrandActive_a09e3a2cfb,\n.kindSecondary_600b920603.colorBrandActive_a09e3a2cfb:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_600b920603.colorPrimary_6a261920bc:hover:not(.colorPrimaryActive_585bdf3e64),\n.kindSecondary_600b920603.colorPrimary_6a261920bc:focus:not(.colorPrimaryActive_585bdf3e64) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_600b920603.colorBrand_2bb511df83:hover:not(.colorBrandActive_a09e3a2cfb),\n.kindSecondary_600b920603.colorBrand_2bb511df83:focus:not(.colorBrandActive_a09e3a2cfb) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_600b920603.colorPositive_de871458e8 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_600b920603.colorPositiveActive_20b09e90cd,\n.kindSecondary_600b920603.colorPositive_de871458e8:hover,\n.kindSecondary_600b920603.colorPositive_de871458e8:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_600b920603.colorNegative_db13c3b0c6 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_600b920603.colorNegativeActive_20b09e90cd,\n.kindSecondary_600b920603.colorNegative_db13c3b0c6:hover,\n.kindSecondary_600b920603.colorNegative_db13c3b0c6:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_600b920603.colorInverted_a8ee6e2bec {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_600b920603.colorInvertedActive_20b09e90cd,\n.kindSecondary_600b920603.colorInverted_a8ee6e2bec:hover,\n.kindSecondary_600b920603.colorInverted_a8ee6e2bec:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_600b920603.colorInverted_a8ee6e2bec.disabled_ea8706be76 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_600b920603.colorOnPrimaryColor_f6847edd67 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_600b920603.colorOnPrimaryColorActive_40f03c9483,\n.kindSecondary_600b920603.colorOnPrimaryColor_f6847edd67:hover,\n.kindSecondary_600b920603.colorOnPrimaryColor_f6847edd67:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_600b920603.colorOnPrimaryColorActive_40f03c9483:focus-visible, .kindSecondary_600b920603.colorOnPrimaryColorActive_40f03c9483.focus-visible_3bb25fc751,\n.kindSecondary_600b920603.colorOnPrimaryColor_f6847edd67:hover:focus-visible,\n.kindSecondary_600b920603.colorOnPrimaryColor_f6847edd67:hover.focus-visible_3bb25fc751,\n.kindSecondary_600b920603.colorOnPrimaryColor_f6847edd67:focus:focus-visible,\n.kindSecondary_600b920603.colorOnPrimaryColor_f6847edd67:focus.focus-visible_3bb25fc751 {\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_600b920603.colorOnPrimaryColorActive_40f03c9483:focus:not(.focus-visible_3bb25fc751),\n.kindSecondary_600b920603.colorOnPrimaryColor_f6847edd67:hover:focus:not(.focus-visible_3bb25fc751),\n.kindSecondary_600b920603.colorOnPrimaryColor_f6847edd67:focus:focus:not(.focus-visible_3bb25fc751) {\n  outline: none;\n}\n.kindSecondary_600b920603.colorOnPrimaryColor_f6847edd67.disabled_ea8706be76 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_600b920603.colorFixedLight_2447404650 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_600b920603.colorFixedLightActive_217a60a507,\n.kindSecondary_600b920603.colorFixedLight_2447404650:hover,\n.kindSecondary_600b920603.colorFixedLight_2447404650:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_600b920603.colorFixedLightActive_217a60a507:focus-visible, .kindSecondary_600b920603.colorFixedLightActive_217a60a507.focus-visible_3bb25fc751,\n.kindSecondary_600b920603.colorFixedLight_2447404650:hover:focus-visible,\n.kindSecondary_600b920603.colorFixedLight_2447404650:hover.focus-visible_3bb25fc751,\n.kindSecondary_600b920603.colorFixedLight_2447404650:focus:focus-visible,\n.kindSecondary_600b920603.colorFixedLight_2447404650:focus.focus-visible_3bb25fc751 {\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_600b920603.colorFixedLightActive_217a60a507:focus:not(.focus-visible_3bb25fc751),\n.kindSecondary_600b920603.colorFixedLight_2447404650:hover:focus:not(.focus-visible_3bb25fc751),\n.kindSecondary_600b920603.colorFixedLight_2447404650:focus:focus:not(.focus-visible_3bb25fc751) {\n  outline: none;\n}\n.kindSecondary_600b920603.colorOnInvertedBackground_3a5686993e {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_600b920603.colorOnInvertedBackgroundActive_7c7ffaedb4,\n.kindSecondary_600b920603.colorOnInvertedBackground_3a5686993e:hover,\n.kindSecondary_600b920603.colorOnInvertedBackground_3a5686993e:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_600b920603.colorOnInvertedBackground_3a5686993e.disabled_ea8706be76 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_600b920603.colorFixedLight_2447404650.disabled_ea8706be76 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_600b920603.disabled_ea8706be76 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_600b920603.disabled_ea8706be76:hover {\n  background-color: transparent;\n}\n.kindTertiary_2234ef051a {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_2234ef051a.colorPrimaryActive_585bdf3e64 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_2234ef051a.colorPrimaryActive_585bdf3e64:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_2234ef051a.colorBrandActive_a09e3a2cfb {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_2234ef051a.colorBrandActive_a09e3a2cfb,\n.kindTertiary_2234ef051a.colorBrandActive_a09e3a2cfb:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_2234ef051a.colorPrimary_6a261920bc:hover:not(.colorPrimaryActive_585bdf3e64),\n.kindTertiary_2234ef051a.colorPrimary_6a261920bc:focus:not(.colorPrimaryActive_585bdf3e64) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2234ef051a.colorBrand_2bb511df83:hover:not(.colorBrandActive_a09e3a2cfb),\n.kindTertiary_2234ef051a.colorBrand_2bb511df83:focus:not(.colorBrandActive_a09e3a2cfb) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2234ef051a.colorPositive_de871458e8 {\n  color: var(--positive-color);\n}\n.kindTertiary_2234ef051a.colorPositiveActive_20b09e90cd,\n.kindTertiary_2234ef051a.colorPositive_de871458e8:hover,\n.kindTertiary_2234ef051a.colorPositive_de871458e8:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_2234ef051a.colorNegative_db13c3b0c6 {\n  color: var(--negative-color);\n}\n.kindTertiary_2234ef051a.colorNegativeActive_20b09e90cd,\n.kindTertiary_2234ef051a.colorNegative_db13c3b0c6:hover,\n.kindTertiary_2234ef051a.colorNegative_db13c3b0c6:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_2234ef051a.colorInverted_a8ee6e2bec {\n  color: var(--primary-text-color);\n}\n.kindTertiary_2234ef051a.colorInvertedActive_20b09e90cd,\n.kindTertiary_2234ef051a.colorInverted_a8ee6e2bec:hover,\n.kindTertiary_2234ef051a.colorInverted_a8ee6e2bec:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2234ef051a.colorInverted_a8ee6e2bec.disabled_ea8706be76 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_2234ef051a.colorOnPrimaryColor_f6847edd67 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_2234ef051a.colorOnPrimaryColorActive_40f03c9483,\n.kindTertiary_2234ef051a.colorOnPrimaryColor_f6847edd67:hover,\n.kindTertiary_2234ef051a.colorOnPrimaryColor_f6847edd67:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_2234ef051a.colorOnPrimaryColorActive_40f03c9483:focus-visible, .kindTertiary_2234ef051a.colorOnPrimaryColorActive_40f03c9483.focus-visible_3bb25fc751,\n.kindTertiary_2234ef051a.colorOnPrimaryColor_f6847edd67:hover:focus-visible,\n.kindTertiary_2234ef051a.colorOnPrimaryColor_f6847edd67:hover.focus-visible_3bb25fc751,\n.kindTertiary_2234ef051a.colorOnPrimaryColor_f6847edd67:focus:focus-visible,\n.kindTertiary_2234ef051a.colorOnPrimaryColor_f6847edd67:focus.focus-visible_3bb25fc751 {\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_2234ef051a.colorOnPrimaryColorActive_40f03c9483:focus:not(.focus-visible_3bb25fc751),\n.kindTertiary_2234ef051a.colorOnPrimaryColor_f6847edd67:hover:focus:not(.focus-visible_3bb25fc751),\n.kindTertiary_2234ef051a.colorOnPrimaryColor_f6847edd67:focus:focus:not(.focus-visible_3bb25fc751) {\n  outline: none;\n}\n.kindTertiary_2234ef051a.colorOnPrimaryColor_f6847edd67.disabled_ea8706be76 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_2234ef051a.colorFixedLight_2447404650 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_2234ef051a.colorFixedLightActive_217a60a507,\n.kindTertiary_2234ef051a.colorFixedLight_2447404650:hover,\n.kindTertiary_2234ef051a.colorFixedLight_2447404650:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_2234ef051a.colorFixedLightActive_217a60a507:focus-visible, .kindTertiary_2234ef051a.colorFixedLightActive_217a60a507.focus-visible_3bb25fc751,\n.kindTertiary_2234ef051a.colorFixedLight_2447404650:hover:focus-visible,\n.kindTertiary_2234ef051a.colorFixedLight_2447404650:hover.focus-visible_3bb25fc751,\n.kindTertiary_2234ef051a.colorFixedLight_2447404650:focus:focus-visible,\n.kindTertiary_2234ef051a.colorFixedLight_2447404650:focus.focus-visible_3bb25fc751 {\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_2234ef051a.colorFixedLightActive_217a60a507:focus:not(.focus-visible_3bb25fc751),\n.kindTertiary_2234ef051a.colorFixedLight_2447404650:hover:focus:not(.focus-visible_3bb25fc751),\n.kindTertiary_2234ef051a.colorFixedLight_2447404650:focus:focus:not(.focus-visible_3bb25fc751) {\n  outline: none;\n}\n.kindTertiary_2234ef051a.colorFixedLight_2447404650.disabled_ea8706be76 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_2234ef051a.colorOnInvertedBackground_3a5686993e {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_2234ef051a.colorOnInvertedBackgroundActive_7c7ffaedb4,\n.kindTertiary_2234ef051a.colorOnInvertedBackground_3a5686993e:hover,\n.kindTertiary_2234ef051a.colorOnInvertedBackground_3a5686993e:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_2234ef051a.colorOnInvertedBackground_3a5686993e.disabled_ea8706be76 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_2234ef051a.disabled_ea8706be76 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_2234ef051a.disabled_ea8706be76:hover {\n  background-color: transparent;\n}\n.noSidePadding_52c177d363 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_cc3c06d0b0.insetFocusStyle_dff0a7c18c:focus-visible, .button_cc3c06d0b0.insetFocusStyle_dff0a7c18c.focus-visible_3bb25fc751 {\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_cc3c06d0b0.insetFocusStyle_dff0a7c18c:focus:not(.focus-visible_3bb25fc751) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_785643aef5","focus-visible":"focus-visible_070e2761a9",loader:"loader_82cd45df74",loaderSvg:"loaderSvg_5c7926def6",textPlaceholder:"textPlaceholder_47d88dde30",success:"success_70ecc9041e",successContent:"successContent_3f1b9cb927",marginRight:"marginRight_f6271dd40e",marginLeft:"marginLeft_21effb1294",rightFlat:"rightFlat_ceb14e60c6",leftFlat:"leftFlat_099ee91158",preventClickAnimation:"preventClickAnimation_f7d4eb37d4",leftIcon:"leftIcon_f6271dd40e",rightIcon:"rightIcon_21effb1294",sizeXxs:"sizeXxs_a3f3e999b2",sizeXs:"sizeXs_1063ee2beb",sizeSmall:"sizeSmall_cf5a7009c1",sizeMedium:"sizeMedium_9c7b19e331",sizeLarge:"sizeLarge_2be9a3f79b",kindPrimary:"kindPrimary_2d92598e88",colorPrimary:"colorPrimary_a34fed3663",colorBrand:"colorBrand_c37fdaec19",colorPrimaryActive:"colorPrimaryActive_59b1ce0ff7",colorBrandActive:"colorBrandActive_e34d04f6d9",colorPositive:"colorPositive_e502c09422",colorPositiveActive:"colorPositiveActive_75dfebc397",colorNegative:"colorNegative_7f771385b5",colorNegativeActive:"colorNegativeActive_75dfebc397",colorInverted:"colorInverted_47a0c0736f",colorInvertedActive:"colorInvertedActive_75dfebc397",disabled:"disabled_93dedb044d",colorOnPrimaryColor:"colorOnPrimaryColor_460247bb44",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_9970cb54d3",colorFixedLight:"colorFixedLight_330695aac1",colorFixedLightActive:"colorFixedLightActive_f7d4eb37d4",colorOnInvertedBackground:"colorOnInvertedBackground_a7051cabb7",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_cfeb21d453",kindSecondary:"kindSecondary_86a15d621c",kindTertiary:"kindTertiary_f6d0d64c7f",noSidePadding:"noSidePadding_629288c2ed",insetFocusStyle:"insetFocusStyle_cd1a1fa6d4"};!function(o){const r="s_id-9fe829f89bf2_3_22_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_785643aef5 {\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_785643aef5:focus-visible, .button_785643aef5.focus-visible_070e2761a9 {\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_785643aef5:focus:not(.focus-visible_070e2761a9) {\n  outline: none;\n}\n.button_785643aef5 .loader_82cd45df74 {\n  height: 100%;\n}\n.button_785643aef5 .loader_82cd45df74 .loaderSvg_5c7926def6 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_785643aef5 .textPlaceholder_47d88dde30 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_785643aef5.success_70ecc9041e {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_785643aef5.success_70ecc9041e .successContent_3f1b9cb927 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_f6271dd40e {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_21effb1294 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_ceb14e60c6 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_099ee91158 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_785643aef5:active:not(.preventClickAnimation_f7d4eb37d4) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_785643aef5 .leftIcon_f6271dd40e {\n  margin-right: var(--spacing-small);\n}\n.button_785643aef5 .rightIcon_21effb1294 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_a3f3e999b2 {\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_1063ee2beb {\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_cf5a7009c1 {\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_cf5a7009c1 .loader_82cd45df74 {\n  top: 7px;\n}\n.sizeMedium_9c7b19e331 {\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_2be9a3f79b {\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_2d92598e88 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_2d92598e88.colorPrimary_a34fed3663 {\n  background: var(--primary-color);\n}\n.kindPrimary_2d92598e88.colorBrand_c37fdaec19 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_2d92598e88.colorPrimaryActive_59b1ce0ff7,\n.kindPrimary_2d92598e88.colorPrimary_a34fed3663:hover,\n.kindPrimary_2d92598e88.colorPrimary_a34fed3663:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_2d92598e88.colorBrandActive_e34d04f6d9,\n.kindPrimary_2d92598e88.colorBrand_c37fdaec19:hover,\n.kindPrimary_2d92598e88.colorBrand_c37fdaec19:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_2d92598e88.colorPositive_e502c09422 {\n  background: var(--positive-color);\n}\n.kindPrimary_2d92598e88.colorPositiveActive_75dfebc397,\n.kindPrimary_2d92598e88.colorPositive_e502c09422:hover,\n.kindPrimary_2d92598e88.colorPositive_e502c09422:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_2d92598e88.colorNegative_7f771385b5 {\n  background: var(--negative-color);\n}\n.kindPrimary_2d92598e88.colorNegativeActive_75dfebc397,\n.kindPrimary_2d92598e88.colorNegative_7f771385b5:hover,\n.kindPrimary_2d92598e88.colorNegative_7f771385b5:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_2d92598e88.colorInverted_47a0c0736f {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_2d92598e88.colorInvertedActive_75dfebc397,\n.kindPrimary_2d92598e88.colorInverted_47a0c0736f:hover,\n.kindPrimary_2d92598e88.colorInverted_47a0c0736f:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_2d92598e88.button_785643aef5.colorInverted_47a0c0736f.disabled_93dedb044d {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_2d92598e88.colorOnPrimaryColor_460247bb44 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_2d92598e88.colorOnPrimaryColorActive_9970cb54d3,\n.kindPrimary_2d92598e88.colorOnPrimaryColor_460247bb44:hover,\n.kindPrimary_2d92598e88.colorOnPrimaryColor_460247bb44:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_2d92598e88.colorOnPrimaryColorActive_9970cb54d3:focus-visible, .kindPrimary_2d92598e88.colorOnPrimaryColorActive_9970cb54d3.focus-visible_070e2761a9,\n.kindPrimary_2d92598e88.colorOnPrimaryColor_460247bb44:hover:focus-visible,\n.kindPrimary_2d92598e88.colorOnPrimaryColor_460247bb44:hover.focus-visible_070e2761a9,\n.kindPrimary_2d92598e88.colorOnPrimaryColor_460247bb44:focus:focus-visible,\n.kindPrimary_2d92598e88.colorOnPrimaryColor_460247bb44:focus.focus-visible_070e2761a9 {\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_2d92598e88.colorOnPrimaryColorActive_9970cb54d3:focus:not(.focus-visible_070e2761a9),\n.kindPrimary_2d92598e88.colorOnPrimaryColor_460247bb44:hover:focus:not(.focus-visible_070e2761a9),\n.kindPrimary_2d92598e88.colorOnPrimaryColor_460247bb44:focus:focus:not(.focus-visible_070e2761a9) {\n  outline: none;\n}\n.kindPrimary_2d92598e88.colorOnPrimaryColor_460247bb44.disabled_93dedb044d {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_2d92598e88.colorFixedLight_330695aac1 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_2d92598e88.colorFixedLightActive_f7d4eb37d4,\n.kindPrimary_2d92598e88.colorFixedLight_330695aac1:hover,\n.kindPrimary_2d92598e88.colorFixedLight_330695aac1:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_2d92598e88.colorFixedLightActive_f7d4eb37d4:focus-visible, .kindPrimary_2d92598e88.colorFixedLightActive_f7d4eb37d4.focus-visible_070e2761a9,\n.kindPrimary_2d92598e88.colorFixedLight_330695aac1:hover:focus-visible,\n.kindPrimary_2d92598e88.colorFixedLight_330695aac1:hover.focus-visible_070e2761a9,\n.kindPrimary_2d92598e88.colorFixedLight_330695aac1:focus:focus-visible,\n.kindPrimary_2d92598e88.colorFixedLight_330695aac1:focus.focus-visible_070e2761a9 {\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_2d92598e88.colorFixedLightActive_f7d4eb37d4:focus:not(.focus-visible_070e2761a9),\n.kindPrimary_2d92598e88.colorFixedLight_330695aac1:hover:focus:not(.focus-visible_070e2761a9),\n.kindPrimary_2d92598e88.colorFixedLight_330695aac1:focus:focus:not(.focus-visible_070e2761a9) {\n  outline: none;\n}\n.kindPrimary_2d92598e88.colorFixedLight_330695aac1.disabled_93dedb044d {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_2d92598e88.colorOnInvertedBackground_a7051cabb7 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_2d92598e88.colorOnInvertedBackgroundActive_cfeb21d453,\n.kindPrimary_2d92598e88.colorOnInvertedBackground_a7051cabb7:hover,\n.kindPrimary_2d92598e88.colorOnInvertedBackground_a7051cabb7:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_2d92598e88.button_785643aef5.colorOnInvertedBackground_a7051cabb7.disabled_93dedb044d {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_2d92598e88.button_785643aef5.disabled_93dedb044d {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_86a15d621c {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_86a15d621c.sizeSmall_cf5a7009c1 {\n  line-height: 22px;\n}\n.kindSecondary_86a15d621c.sizeMedium_9c7b19e331 {\n  line-height: 22px;\n}\n.kindSecondary_86a15d621c.sizeLarge_2be9a3f79b {\n  line-height: 22px;\n}\n.kindSecondary_86a15d621c.colorPrimaryActive_59b1ce0ff7 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_86a15d621c.colorPrimaryActive_59b1ce0ff7:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_86a15d621c.colorBrandActive_e34d04f6d9 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_86a15d621c.colorBrandActive_e34d04f6d9,\n.kindSecondary_86a15d621c.colorBrandActive_e34d04f6d9:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_86a15d621c.colorPrimary_a34fed3663:hover:not(.colorPrimaryActive_59b1ce0ff7),\n.kindSecondary_86a15d621c.colorPrimary_a34fed3663:focus:not(.colorPrimaryActive_59b1ce0ff7) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_86a15d621c.colorBrand_c37fdaec19:hover:not(.colorBrandActive_e34d04f6d9),\n.kindSecondary_86a15d621c.colorBrand_c37fdaec19:focus:not(.colorBrandActive_e34d04f6d9) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_86a15d621c.colorPositive_e502c09422 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_86a15d621c.colorPositiveActive_75dfebc397,\n.kindSecondary_86a15d621c.colorPositive_e502c09422:hover,\n.kindSecondary_86a15d621c.colorPositive_e502c09422:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_86a15d621c.colorNegative_7f771385b5 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_86a15d621c.colorNegativeActive_75dfebc397,\n.kindSecondary_86a15d621c.colorNegative_7f771385b5:hover,\n.kindSecondary_86a15d621c.colorNegative_7f771385b5:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_86a15d621c.colorInverted_47a0c0736f {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_86a15d621c.colorInvertedActive_75dfebc397,\n.kindSecondary_86a15d621c.colorInverted_47a0c0736f:hover,\n.kindSecondary_86a15d621c.colorInverted_47a0c0736f:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_86a15d621c.colorInverted_47a0c0736f.disabled_93dedb044d {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_86a15d621c.colorOnPrimaryColor_460247bb44 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_86a15d621c.colorOnPrimaryColorActive_9970cb54d3,\n.kindSecondary_86a15d621c.colorOnPrimaryColor_460247bb44:hover,\n.kindSecondary_86a15d621c.colorOnPrimaryColor_460247bb44:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_86a15d621c.colorOnPrimaryColorActive_9970cb54d3:focus-visible, .kindSecondary_86a15d621c.colorOnPrimaryColorActive_9970cb54d3.focus-visible_070e2761a9,\n.kindSecondary_86a15d621c.colorOnPrimaryColor_460247bb44:hover:focus-visible,\n.kindSecondary_86a15d621c.colorOnPrimaryColor_460247bb44:hover.focus-visible_070e2761a9,\n.kindSecondary_86a15d621c.colorOnPrimaryColor_460247bb44:focus:focus-visible,\n.kindSecondary_86a15d621c.colorOnPrimaryColor_460247bb44:focus.focus-visible_070e2761a9 {\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_86a15d621c.colorOnPrimaryColorActive_9970cb54d3:focus:not(.focus-visible_070e2761a9),\n.kindSecondary_86a15d621c.colorOnPrimaryColor_460247bb44:hover:focus:not(.focus-visible_070e2761a9),\n.kindSecondary_86a15d621c.colorOnPrimaryColor_460247bb44:focus:focus:not(.focus-visible_070e2761a9) {\n  outline: none;\n}\n.kindSecondary_86a15d621c.colorOnPrimaryColor_460247bb44.disabled_93dedb044d {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_86a15d621c.colorFixedLight_330695aac1 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_86a15d621c.colorFixedLightActive_f7d4eb37d4,\n.kindSecondary_86a15d621c.colorFixedLight_330695aac1:hover,\n.kindSecondary_86a15d621c.colorFixedLight_330695aac1:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_86a15d621c.colorFixedLightActive_f7d4eb37d4:focus-visible, .kindSecondary_86a15d621c.colorFixedLightActive_f7d4eb37d4.focus-visible_070e2761a9,\n.kindSecondary_86a15d621c.colorFixedLight_330695aac1:hover:focus-visible,\n.kindSecondary_86a15d621c.colorFixedLight_330695aac1:hover.focus-visible_070e2761a9,\n.kindSecondary_86a15d621c.colorFixedLight_330695aac1:focus:focus-visible,\n.kindSecondary_86a15d621c.colorFixedLight_330695aac1:focus.focus-visible_070e2761a9 {\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_86a15d621c.colorFixedLightActive_f7d4eb37d4:focus:not(.focus-visible_070e2761a9),\n.kindSecondary_86a15d621c.colorFixedLight_330695aac1:hover:focus:not(.focus-visible_070e2761a9),\n.kindSecondary_86a15d621c.colorFixedLight_330695aac1:focus:focus:not(.focus-visible_070e2761a9) {\n  outline: none;\n}\n.kindSecondary_86a15d621c.colorOnInvertedBackground_a7051cabb7 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_86a15d621c.colorOnInvertedBackgroundActive_cfeb21d453,\n.kindSecondary_86a15d621c.colorOnInvertedBackground_a7051cabb7:hover,\n.kindSecondary_86a15d621c.colorOnInvertedBackground_a7051cabb7:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_86a15d621c.colorOnInvertedBackground_a7051cabb7.disabled_93dedb044d {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_86a15d621c.colorFixedLight_330695aac1.disabled_93dedb044d {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_86a15d621c.disabled_93dedb044d {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_86a15d621c.disabled_93dedb044d:hover {\n  background-color: transparent;\n}\n.kindTertiary_f6d0d64c7f {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_f6d0d64c7f.colorPrimaryActive_59b1ce0ff7 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_f6d0d64c7f.colorPrimaryActive_59b1ce0ff7:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_f6d0d64c7f.colorBrandActive_e34d04f6d9 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_f6d0d64c7f.colorBrandActive_e34d04f6d9,\n.kindTertiary_f6d0d64c7f.colorBrandActive_e34d04f6d9:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_f6d0d64c7f.colorPrimary_a34fed3663:hover:not(.colorPrimaryActive_59b1ce0ff7),\n.kindTertiary_f6d0d64c7f.colorPrimary_a34fed3663:focus:not(.colorPrimaryActive_59b1ce0ff7) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f6d0d64c7f.colorBrand_c37fdaec19:hover:not(.colorBrandActive_e34d04f6d9),\n.kindTertiary_f6d0d64c7f.colorBrand_c37fdaec19:focus:not(.colorBrandActive_e34d04f6d9) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f6d0d64c7f.colorPositive_e502c09422 {\n  color: var(--positive-color);\n}\n.kindTertiary_f6d0d64c7f.colorPositiveActive_75dfebc397,\n.kindTertiary_f6d0d64c7f.colorPositive_e502c09422:hover,\n.kindTertiary_f6d0d64c7f.colorPositive_e502c09422:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_f6d0d64c7f.colorNegative_7f771385b5 {\n  color: var(--negative-color);\n}\n.kindTertiary_f6d0d64c7f.colorNegativeActive_75dfebc397,\n.kindTertiary_f6d0d64c7f.colorNegative_7f771385b5:hover,\n.kindTertiary_f6d0d64c7f.colorNegative_7f771385b5:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_f6d0d64c7f.colorInverted_47a0c0736f {\n  color: var(--primary-text-color);\n}\n.kindTertiary_f6d0d64c7f.colorInvertedActive_75dfebc397,\n.kindTertiary_f6d0d64c7f.colorInverted_47a0c0736f:hover,\n.kindTertiary_f6d0d64c7f.colorInverted_47a0c0736f:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f6d0d64c7f.colorInverted_47a0c0736f.disabled_93dedb044d {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_f6d0d64c7f.colorOnPrimaryColor_460247bb44 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f6d0d64c7f.colorOnPrimaryColorActive_9970cb54d3,\n.kindTertiary_f6d0d64c7f.colorOnPrimaryColor_460247bb44:hover,\n.kindTertiary_f6d0d64c7f.colorOnPrimaryColor_460247bb44:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f6d0d64c7f.colorOnPrimaryColorActive_9970cb54d3:focus-visible, .kindTertiary_f6d0d64c7f.colorOnPrimaryColorActive_9970cb54d3.focus-visible_070e2761a9,\n.kindTertiary_f6d0d64c7f.colorOnPrimaryColor_460247bb44:hover:focus-visible,\n.kindTertiary_f6d0d64c7f.colorOnPrimaryColor_460247bb44:hover.focus-visible_070e2761a9,\n.kindTertiary_f6d0d64c7f.colorOnPrimaryColor_460247bb44:focus:focus-visible,\n.kindTertiary_f6d0d64c7f.colorOnPrimaryColor_460247bb44:focus.focus-visible_070e2761a9 {\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_f6d0d64c7f.colorOnPrimaryColorActive_9970cb54d3:focus:not(.focus-visible_070e2761a9),\n.kindTertiary_f6d0d64c7f.colorOnPrimaryColor_460247bb44:hover:focus:not(.focus-visible_070e2761a9),\n.kindTertiary_f6d0d64c7f.colorOnPrimaryColor_460247bb44:focus:focus:not(.focus-visible_070e2761a9) {\n  outline: none;\n}\n.kindTertiary_f6d0d64c7f.colorOnPrimaryColor_460247bb44.disabled_93dedb044d {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f6d0d64c7f.colorFixedLight_330695aac1 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f6d0d64c7f.colorFixedLightActive_f7d4eb37d4,\n.kindTertiary_f6d0d64c7f.colorFixedLight_330695aac1:hover,\n.kindTertiary_f6d0d64c7f.colorFixedLight_330695aac1:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f6d0d64c7f.colorFixedLightActive_f7d4eb37d4:focus-visible, .kindTertiary_f6d0d64c7f.colorFixedLightActive_f7d4eb37d4.focus-visible_070e2761a9,\n.kindTertiary_f6d0d64c7f.colorFixedLight_330695aac1:hover:focus-visible,\n.kindTertiary_f6d0d64c7f.colorFixedLight_330695aac1:hover.focus-visible_070e2761a9,\n.kindTertiary_f6d0d64c7f.colorFixedLight_330695aac1:focus:focus-visible,\n.kindTertiary_f6d0d64c7f.colorFixedLight_330695aac1:focus.focus-visible_070e2761a9 {\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_f6d0d64c7f.colorFixedLightActive_f7d4eb37d4:focus:not(.focus-visible_070e2761a9),\n.kindTertiary_f6d0d64c7f.colorFixedLight_330695aac1:hover:focus:not(.focus-visible_070e2761a9),\n.kindTertiary_f6d0d64c7f.colorFixedLight_330695aac1:focus:focus:not(.focus-visible_070e2761a9) {\n  outline: none;\n}\n.kindTertiary_f6d0d64c7f.colorFixedLight_330695aac1.disabled_93dedb044d {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f6d0d64c7f.colorOnInvertedBackground_a7051cabb7 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f6d0d64c7f.colorOnInvertedBackgroundActive_cfeb21d453,\n.kindTertiary_f6d0d64c7f.colorOnInvertedBackground_a7051cabb7:hover,\n.kindTertiary_f6d0d64c7f.colorOnInvertedBackground_a7051cabb7:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_f6d0d64c7f.colorOnInvertedBackground_a7051cabb7.disabled_93dedb044d {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f6d0d64c7f.disabled_93dedb044d {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_f6d0d64c7f.disabled_93dedb044d:hover {\n  background-color: transparent;\n}\n.noSidePadding_629288c2ed {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_785643aef5.insetFocusStyle_cd1a1fa6d4:focus-visible, .button_785643aef5.insetFocusStyle_cd1a1fa6d4.focus-visible_070e2761a9 {\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_785643aef5.insetFocusStyle_cd1a1fa6d4:focus:not(.focus-visible_070e2761a9) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/dist/src/components/ButtonGroup/ButtonGroup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as s,useCallback as a,useMemo as l,useEffect as n}from"react";import{camelCase as d}from"lodash-es";import u from"classnames";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import m from"../Button/Button.js";import c from"../../hooks/usePrevious/index.js";import f from"../../hooks/useMergeRef.js";import{ButtonWrapper as v}from"./ButtonWrapper.js";import{withStaticProps as b}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as y}from"../../tests/testIds.js";import{ComponentDefaultTestId as h}from"../../tests/constants.js";import j from"./ButtonGroup.module.scss.js";var k=b(i((function(i,m){var b=i.className,k=i.options,B=i.name,C=void 0===B?"":B,g=i.disabled,x=void 0!==g&&g,N=i.value,P=void 0===N?"":N,T=i.onSelect,S=i.size,D=void 0===S?"small":S,z=i.kind,E=void 0===z?"secondary":z,H=i.groupAriaLabel,I=void 0===H?"":H,M=i.tooltipPosition,w=i.tooltipHideDelay,A=i.tooltipShowDelay,G=i.tooltipContainerSelector,L=i.tooltipMoveBy,W=i.id,_=i["data-testid"],F=i.fullWidth,O=void 0!==F&&F,R=r(),U=f(m,R),q=s(P),J=t(q,2),K=J[0],Q=J[1],V=c(P),X=a((function(t){x||t.disabled||(Q(t.value),T&&T(t.value,C))}),[T,x,C]),Y=l((function(){return k.find((function(t){return t.value===K}))}),[k,K]),Z=l((function(){return k.map((function(t,i){var r=t.value===K;return o.createElement(v,{key:t.value,size:D,onClick:function(){return X(t)},rightIcon:t.icon,leftIcon:t.leftIcon,active:r,rightFlat:i!==k.length-1,leftFlat:0!==i,kind:"tertiary",preventClickAnimation:!0,ariaLabel:t.ariaLabel,tooltipContent:t.tooltipContent,tooltipPosition:M,tooltipHideDelay:w,tooltipShowDelay:A,tooltipContainerSelector:G,tooltipMoveBy:L,className:u(j.button,j.optionText,e(e(e(e({},j.selected,r),j.disabled,x),j.buttonDisabled,t.disabled),j.fullWidth,O)),activeButtonClassName:j.activeButton},t.text)}))}),[k,K,D,M,w,A,G,L,x,O,X]);return n((function(){P!==V&&P!==K&&Q(P)}),[P,V,K,Q]),o.createElement("div",{className:u(j.buttonGroup,b,p(j,d("kind-"+E)),e({},j.disabled,x)),id:W,"data-testid":_||y(h.BUTTON_GROUP,W),ref:U},o.createElement("div",{role:"group","aria-label":I,className:u(j.buttonsContainer),"aria-disabled":x},Z),Y&&Y.subText&&o.createElement("div",{className:u(j.subTextContainer)},Y.subText))})),{sizes:m.sizes,kinds:m.kinds});export{k as default};
+import{slicedToArray as t,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as i,useRef as r,useState as s,useCallback as a,useMemo as l,useEffect as n}from"react";import{camelCase as u}from"lodash-es";import d from"classnames";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import m from"../Button/Button.js";import c from"../../hooks/usePrevious/index.js";import f from"../../hooks/useMergeRef.js";import{ButtonWrapper as v}from"./ButtonWrapper.js";import{withStaticProps as b}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as y}from"../../tests/testIds.js";import{ComponentDefaultTestId as h}from"../../tests/constants.js";import j from"./ButtonGroup.module.scss.js";var k=b(i((function(i,m){var b=i.className,k=i.options,B=i.name,C=void 0===B?"":B,g=i.disabled,x=void 0!==g&&g,N=i.value,P=void 0===N?"":N,T=i.onSelect,M=i.size,S=void 0===M?"small":M,D=i.kind,z=void 0===D?"secondary":D,E=i.groupAriaLabel,H=void 0===E?"":E,I=i.tooltipPosition,O=i.tooltipHideDelay,U=i.tooltipShowDelay,w=i.tooltipContainerSelector,A=i.tooltipMoveBy,G=i.blurOnMouseUp,L=void 0===G||G,W=i.id,_=i["data-testid"],F=i.fullWidth,R=void 0!==F&&F,q=r(),J=f(m,q),K=s(P),Q=t(K,2),V=Q[0],X=Q[1],Y=c(P),Z=a((function(t){x||t.disabled||(X(t.value),T&&T(t.value,C))}),[T,x,C]),$=l((function(){return k.find((function(t){return t.value===V}))}),[k,V]),tt=l((function(){return k.map((function(t,i){var r=t.value===V;return e.createElement(v,{key:t.value,size:S,onClick:function(){return Z(t)},rightIcon:t.icon,leftIcon:t.leftIcon,active:r,rightFlat:i!==k.length-1,leftFlat:0!==i,kind:"tertiary",preventClickAnimation:!0,ariaLabel:t.ariaLabel,tooltipContent:t.tooltipContent,tooltipPosition:I,tooltipHideDelay:O,tooltipShowDelay:U,tooltipContainerSelector:w,tooltipMoveBy:A,blurOnMouseUp:L,className:d(j.button,j.optionText,o(o(o(o({},j.selected,r),j.disabled,x),j.buttonDisabled,t.disabled),j.fullWidth,R)),activeButtonClassName:j.activeButton},t.text)}))}),[k,V,S,I,O,U,w,A,L,x,R,Z]);return n((function(){P!==Y&&P!==V&&X(P)}),[P,Y,V,X]),e.createElement("div",{className:d(j.buttonGroup,b,p(j,u("kind-"+z)),o({},j.disabled,x)),id:W,"data-testid":_||y(h.BUTTON_GROUP,W),ref:J},e.createElement("div",{role:"group","aria-label":H,className:d(j.buttonsContainer),"aria-disabled":x},tt),$&&$.subText&&e.createElement("div",{className:d(j.subTextContainer)},$.subText))})),{sizes:m.sizes,kinds:m.kinds});export{k as default};
 //# sourceMappingURL=ButtonGroup.js.map

package/dist/src/components/ButtonGroup/ButtonGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Button from \"../Button/Button\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { SIZES } from \"../../constants\";\nimport { ButtonType as ButtonTypeEnum } from \"../Button/ButtonConstants\";\nimport { ButtonType, ButtonSize } from \"../Button/Button.types\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\ntype ButtonGroupOption = {\n icon?: SubIcon;\n leftIcon?: SubIcon;\n ariaLabel?: string;\n subText?: string;\n value: ButtonValue;\n text: string;\n disabled?: boolean;\n tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n options: Array<ButtonGroupOption>;\n value?: ButtonValue;\n onSelect?: (value: ButtonValue, name: string) => void;\n size?: ButtonSize;\n kind?: Extract<ButtonType, \"secondary\" \| \"tertiary\">;\n name?: string;\n disabled?: boolean;\n groupAriaLabel?: string;\n /*\n Where the tooltip should be in reference to the children: Top, Left, Right, Bottom ...\n */\n tooltipPosition?: TooltipPositions;\n tooltipHideDelay?: number;\n tooltipShowDelay?: number;\n tooltipContainerSelector?: string;\n tooltipMoveBy?: MoveBy;\n children?: React.ReactNode;\n fullWidth?: boolean;\n}\n\nconst ButtonGroup: VibeComponent<ButtonGroupProps, HTMLDivElement> & {\n sizes?: typeof SIZES;\n kinds?: typeof ButtonTypeEnum;\n} = forwardRef(\n (\n {\n className,\n options,\n name = \"\",\n disabled = false,\n value = \"\",\n onSelect,\n size = \"small\",\n kind = \"secondary\",\n groupAriaLabel = \"\",\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n id,\n \"data-testid\": dataTestId,\n fullWidth = false\n }: ButtonGroupProps,\n ref\n ) => {\n const inputRef = useRef();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const [valueState, setValueState] = useState(value);\n const prevValue = usePrevious(value);\n\n const onClick = useCallback(\n (option: ButtonGroupOption) => {\n const isDisabled = disabled \|\| option.disabled;\n if (!isDisabled) {\n setValueState(option.value);\n if (onSelect) {\n onSelect(option.value, name);\n }\n }\n },\n [onSelect, disabled, name]\n );\n\n const selectedOption = useMemo(() => {\n return options.find(option => option.value === valueState);\n }, [options, valueState]);\n\n const Buttons = useMemo(() => {\n return options.map((option, index) => {\n const isSelected = option.value === valueState;\n return (\n <ButtonWrapper\n key={option.value}\n size={size}\n onClick={() => onClick(option)}\n rightIcon={option.icon}\n leftIcon={option.leftIcon}\n active={isSelected}\n rightFlat={index !== options.length - 1}\n leftFlat={index !== 0}\n kind=\"tertiary\"\n preventClickAnimation\n ariaLabel={option.ariaLabel}\n tooltipContent={option.tooltipContent}\n tooltipPosition={tooltipPosition}\n tooltipHideDelay={tooltipHideDelay}\n tooltipShowDelay={tooltipShowDelay}\n tooltipContainerSelector={tooltipContainerSelector}\n tooltipMoveBy={tooltipMoveBy}\n className={cx(styles.button, styles.optionText, {\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.buttonDisabled]: option.disabled,\n [styles.fullWidth]: fullWidth\n })}\n activeButtonClassName={styles.activeButton}\n >\n {option.text}\n </ButtonWrapper>\n );\n });\n }, [\n options,\n valueState,\n size,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n disabled,\n fullWidth,\n onClick\n ]);\n\n // Effects\n useEffect(() => {\n // Update value if changed from props\n if (value !== prevValue && value !== valueState) {\n setValueState(value);\n }\n }, [value, prevValue, valueState, setValueState]);\n\n return (\n <div\n className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n [styles.disabled]: disabled\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n ref={mergedRef}\n >\n <div role=\"group\" aria-label={groupAriaLabel} className={cx(styles.buttonsContainer)} aria-disabled={disabled}>\n {Buttons}\n </div>\n {selectedOption && selectedOption.subText && (\n <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n )}\n </div>\n );\n }\n);\n\nexport default withStaticProps(ButtonGroup, { sizes: Button.sizes, kinds: Button.kinds });\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","selectedOption","useMemo","find","Buttons","map","index","isSelected","React","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","length","leftFlat","preventClickAnimation","ariaLabel","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","~~createElement","~~role","buttonsContainer","subText","subTextContainer","sizes","Button","kinds"],"mappings":"+~~wBAmDA~~,~~IA6HeA~~,EAAAA,~~EA1HXC~~,GACF,SAAAC,~~EAoBEC~~,GACE,~~IAnBAC~~,EAASF,EAATE,UACAC,EAAOH,EAAPG,QAAOC,EAAAJ,EACPK,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACTO,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAR,EAChBS,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAb,EACdc,KAAAA,OAAO,IAAHD,EAAG,YAAWA,EAAAE,EAAAf,EAClBgB,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EACnBE,EAAejB,EAAfiB,gBACAC,EAAgBlB,EAAhBkB,iBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAwBpB,EAAxBoB,yBACAC,EAAarB,EAAbqB,~~cACAC~~,~~EAAEtB~~,~~EAAFsB~~,GACeC,~~EAAUvB~~,EAAzB,~~eAAawB~~,~~EAAAxB~~,~~EACbyB~~,UAAAA,OAAY,IAAHD,GAAQA,EAIbE,EAAWC,IACXC,EAAYC,~~EAAY5B~~,~~EAAKyB~~,GAEnCI,EAAoCC,~~EAAStB~~,~~GAAMuB~~,EAAAC,EAAAH,EAAA,GAA5CI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAYC,~~EAAY5B~~,~~GAExB6B~~,EAAUC,GACd,SAACC,~~GACoBjC~~,~~GAAYiC~~,~~EAAOjC~~,~~WAEpC4B~~,EAAcK,~~EAAO/B~~,OACjBC,GACFA,~~EAAS8B~~,~~EAAO/B~~,MAAOJ,GAG5B,GACD,CAACK,EAAUH,EAAUF,~~IAGjBoC~~,EAAiBC,GAAQ,WAC7B,~~OAAOvC~~,~~EAAQwC~~,MAAK,SAAAH,GAAM,OAAIA,~~EAAO/B~~,~~QAAUyB~~,IACjD,GAAG,~~CAAC/B~~,~~EAAS+B~~,IAEPU,~~EAAUF~~,GAAQ,WACtB,~~OAAOvC~~,~~EAAQ0C~~,KAAI,SAACL,EAAQM,GAC1B,IAAMC,EAAaP,~~EAAO/B~~,~~QAAUyB~~,EACpC,OACEc,~~gBAACC~~,~~EAAa~~,~~CACZC~~,~~IAAKV~~,~~EAAO/B~~,MACZG,KAAMA,~~EACN0B~~,QAAS,WAAA,OAAMA,EAAQE,EAAO,~~EAC9BW~~,~~UAAWX~~,~~EAAOY~~,KAClBC,~~SAAUb~~,~~EAAOa~~,SACjBC,~~OAAQP~~,~~EACRQ~~,~~UAAWT~~,~~IAAU3C~~,~~EAAQqD~~,OAAS,EACtCC,SAAoB,~~IAAVX~~,~~EACVhC~~,KAAK,~~WACL4C~~,~~uBACA~~,~~EAAAC~~,~~UAAWnB~~,~~EAAOmB,~~UAClBC,~~eAAgBpB~~,~~EAAOoB~~,~~eACvB3C~~,gBAAiBA,EACjBC,iBAAkBA,EAClBC,iBAAkBA,EAClBC,yBAA0BA,EAC1BC,cAAeA,~~EACfnB~~,~~UAAW2D~~,EAAGC,EAAOC,OAAQD,EAAOE,WAAUC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3CH,EAAOI,~~SAAWnB~~,~~GAClBe~~,~~EAAOvD~~,SAAWA,~~GAClBuD~~,EAAOK,~~eAAiB3B~~,~~EAAOjC~~,UAC/~~BuD~~,~~EAAOrC~~,UAAYA,~~IAEtB2C~~,sBAAuBN,EAAOO,~~cAE7B7B~~,~~EAAO8B~~,KAGd,GACD,GAAE,~~CACDnE~~,~~EACA+B~~,~~EACAtB~~,EACAK,EACAC,EACAC,EACAC,EACAC,~~EACAd~~,~~EACAkB~~,EACAa,IAWF,~~OAPAiC~~,GAAU,~~WAEJ9D~~,~~IAAU2B~~,~~GAAa3B~~,~~IAAUyB~~,GACnCC,~~EAAc1B~~,EAEjB,GAAE,CAACA,~~EAAO2B~~,EAAWF,EAAYC,IAGhCa,~~uBACE9C~~,~~UAAW2D~~,EAAGC,EAAOU,~~YAAatE~~,~~EAAWuE~~,EAASX,EAAQY,EAAU,~~QAAU5D~~,~~IAAMmD~~,EACrFH,CAAAA,EAAAA,~~EAAOvD~~,SAAWA,~~IAErBe~~,GAAIA,EACS,cAAAC,~~GAAcoD~~,EAAUC,EAAuBC,~~aAAcvD~~,~~GAC1ErB~~,~~IAAK2B~~,GAELoB,~~EAAA8B~~,cAAA,MAAA,~~CAAKC~~,KAAK,~~qBAAoB/D~~,EAAgBd,~~UAAW2D~~,EAAGC,~~EAAOkB~~,~~kCAAkCzE~~,~~GAClGqC~~,~~GAEFH~~,GAAkBA,EAAewC,SAChCjC,~~EAAA8B~~,cAAA,MAAA,~~CAAK5E~~,~~UAAW2D~~,EAAGC,~~EAAOoB~~,mBAAoBzC,EAAewC,SAIrE,IAG0C,CAAEE,MAAOC,EAAOD,MAAOE,MAAOD,EAAOC"}
1	+ {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Button from \"../Button/Button\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { SIZES } from \"../../constants\";\nimport { ButtonType as ButtonTypeEnum } from \"../Button/ButtonConstants\";\nimport { ButtonType, ButtonSize } from \"../Button/Button.types\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\ntype ButtonGroupOption = {\n icon?: SubIcon;\n leftIcon?: SubIcon;\n ariaLabel?: string;\n subText?: string;\n value: ButtonValue;\n text: string;\n disabled?: boolean;\n tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n options: Array<ButtonGroupOption>;\n value?: ButtonValue;\n onSelect?: (value: ButtonValue, name: string) => void;\n size?: ButtonSize;\n kind?: Extract<ButtonType, \"secondary\" \| \"tertiary\">;\n name?: string;\n disabled?: boolean;\n groupAriaLabel?: string;\n /*\n Where the tooltip should be in reference to the children: Top, Left, Right, Bottom ...\n */\n tooltipPosition?: TooltipPositions;\n tooltipHideDelay?: number;\n tooltipShowDelay?: number;\n tooltipContainerSelector?: string;\n tooltipMoveBy?: MoveBy;\n children?: React.ReactNode;\n fullWidth?: boolean;\n blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup: VibeComponent<ButtonGroupProps, HTMLDivElement> & {\n sizes?: typeof SIZES;\n kinds?: typeof ButtonTypeEnum;\n} = forwardRef(\n (\n {\n className,\n options,\n name = \"\",\n disabled = false,\n value = \"\",\n onSelect,\n size = \"small\",\n kind = \"secondary\",\n groupAriaLabel = \"\",\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp = true,\n id,\n \"data-testid\": dataTestId,\n fullWidth = false\n }: ButtonGroupProps,\n ref\n ) => {\n const inputRef = useRef();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const [valueState, setValueState] = useState(value);\n const prevValue = usePrevious(value);\n\n const onClick = useCallback(\n (option: ButtonGroupOption) => {\n const isDisabled = disabled \|\| option.disabled;\n if (!isDisabled) {\n setValueState(option.value);\n if (onSelect) {\n onSelect(option.value, name);\n }\n }\n },\n [onSelect, disabled, name]\n );\n\n const selectedOption = useMemo(() => {\n return options.find(option => option.value === valueState);\n }, [options, valueState]);\n\n const Buttons = useMemo(() => {\n return options.map((option, index) => {\n const isSelected = option.value === valueState;\n return (\n <ButtonWrapper\n key={option.value}\n size={size}\n onClick={() => onClick(option)}\n rightIcon={option.icon}\n leftIcon={option.leftIcon}\n active={isSelected}\n rightFlat={index !== options.length - 1}\n leftFlat={index !== 0}\n kind=\"tertiary\"\n preventClickAnimation\n ariaLabel={option.ariaLabel}\n tooltipContent={option.tooltipContent}\n tooltipPosition={tooltipPosition}\n tooltipHideDelay={tooltipHideDelay}\n tooltipShowDelay={tooltipShowDelay}\n tooltipContainerSelector={tooltipContainerSelector}\n tooltipMoveBy={tooltipMoveBy}\n blurOnMouseUp={blurOnMouseUp}\n className={cx(styles.button, styles.optionText, {\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.buttonDisabled]: option.disabled,\n [styles.fullWidth]: fullWidth\n })}\n activeButtonClassName={styles.activeButton}\n >\n {option.text}\n </ButtonWrapper>\n );\n });\n }, [\n options,\n valueState,\n size,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp,\n disabled,\n fullWidth,\n onClick\n ]);\n\n // Effects\n useEffect(() => {\n // Update value if changed from props\n if (value !== prevValue && value !== valueState) {\n setValueState(value);\n }\n }, [value, prevValue, valueState, setValueState]);\n\n return (\n <div\n className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n [styles.disabled]: disabled\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n ref={mergedRef}\n >\n <div role=\"group\" aria-label={groupAriaLabel} className={cx(styles.buttonsContainer)} aria-disabled={disabled}>\n {Buttons}\n </div>\n {selectedOption && selectedOption.subText && (\n <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n )}\n </div>\n );\n }\n);\n\nexport default withStaticProps(ButtonGroup, { sizes: Button.sizes, kinds: Button.kinds });\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","selectedOption","useMemo","find","Buttons","map","index","isSelected","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","length","leftFlat","preventClickAnimation","ariaLabel","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","role","buttonsContainer","subText","subTextContainer","sizes","Button","kinds"],"mappings":"+wBAoDA,IAgIeA,EAAAA,EA7HXC,GACF,SAAAC,EAqBEC,GACE,IApBAC,EAASF,EAATE,UACAC,EAAOH,EAAPG,QAAOC,EAAAJ,EACPK,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACTO,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAR,EAChBS,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAb,EACdc,KAAAA,OAAO,IAAHD,EAAG,YAAWA,EAAAE,EAAAf,EAClBgB,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EACnBE,EAAejB,EAAfiB,gBACAC,EAAgBlB,EAAhBkB,iBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAwBpB,EAAxBoB,yBACAC,EAAarB,EAAbqB,cAAaC,EAAAtB,EACbuB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAExB,EAAFwB,GACeC,EAAUzB,EAAzB,eAAa0B,EAAA1B,EACb2B,UAAAA,OAAY,IAAHD,GAAQA,EAIbE,EAAWC,IACXC,EAAYC,EAAY9B,EAAK2B,GAEnCI,EAAoCC,EAASxB,GAAMyB,EAAAC,EAAAH,EAAA,GAA5CI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAYC,EAAY9B,GAExB+B,EAAUC,GACd,SAACC,GACoBnC,GAAYmC,EAAOnC,WAEpC8B,EAAcK,EAAOjC,OACjBC,GACFA,EAASgC,EAAOjC,MAAOJ,GAG5B,GACD,CAACK,EAAUH,EAAUF,IAGjBsC,EAAiBC,GAAQ,WAC7B,OAAOzC,EAAQ0C,MAAK,SAAAH,GAAM,OAAIA,EAAOjC,QAAU2B,IACjD,GAAG,CAACjC,EAASiC,IAEPU,GAAUF,GAAQ,WACtB,OAAOzC,EAAQ4C,KAAI,SAACL,EAAQM,GAC1B,IAAMC,EAAaP,EAAOjC,QAAU2B,EACpC,OACEc,EAACC,cAAAC,EACC,CAAAC,IAAKX,EAAOjC,MACZG,KAAMA,EACN4B,QAAS,WAAA,OAAMA,EAAQE,EAAO,EAC9BY,UAAWZ,EAAOa,KAClBC,SAAUd,EAAOc,SACjBC,OAAQR,EACRS,UAAWV,IAAU7C,EAAQwD,OAAS,EACtCC,SAAoB,IAAVZ,EACVlC,KAAK,WACL+C,yBACAC,UAAWpB,EAAOoB,UAClBC,eAAgBrB,EAAOqB,eACvB9C,gBAAiBA,EACjBC,iBAAkBA,EAClBC,iBAAkBA,EAClBC,yBAA0BA,EAC1BC,cAAeA,EACfE,cAAeA,EACfrB,UAAW8D,EAAGC,EAAOC,OAAQD,EAAOE,WAAUC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3CH,EAAOI,SAAWpB,GAClBgB,EAAO1D,SAAWA,GAClB0D,EAAOK,eAAiB5B,EAAOnC,UAC/B0D,EAAOtC,UAAYA,IAEtB4C,sBAAuBN,EAAOO,cAE7B9B,EAAO+B,KAGd,GACD,GAAE,CACDtE,EACAiC,EACAxB,EACAK,EACAC,EACAC,EACAC,EACAC,EACAE,EACAhB,EACAoB,EACAa,IAWF,OAPAkC,GAAU,WAEJjE,IAAU6B,GAAa7B,IAAU2B,GACnCC,EAAc5B,EAEjB,GAAE,CAACA,EAAO6B,EAAWF,EAAYC,IAGhCa,uBACEhD,UAAW8D,EAAGC,EAAOU,YAAazE,EAAW0E,EAASX,EAAQY,EAAU,QAAU/D,IAAMsD,EACrFH,CAAAA,EAAAA,EAAO1D,SAAWA,IAErBiB,GAAIA,EACS,cAAAC,GAAcqD,EAAUC,EAAuBC,aAAcxD,GAC1EvB,IAAK6B,GAELoB,EAAAC,cAAA,MAAA,CAAK8B,KAAK,qBAAoBjE,EAAgBd,UAAW8D,EAAGC,EAAOiB,kCAAkC3E,GAClGuC,IAEFH,GAAkBA,EAAewC,SAChCjC,EAAAC,cAAA,MAAA,CAAKjD,UAAW8D,EAAGC,EAAOmB,mBAAoBzC,EAAewC,SAIrE,IAG0C,CAAEE,MAAOC,EAAOD,MAAOE,MAAOD,EAAOC"}

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_df63726df1",subTextContainer:"subTextContainer_1308d2a8ef",buttonsContainer:"buttonsContainer_7431988ee3",button:"button_30bbe342c3",activeButton:"activeButton_585bdf3e64",optionText:"optionText_bdd930cec8",disabled:"disabled_bfe985013d",selected:"selected_3d3bed8803",kindTertiary:"kindTertiary_051b1fb5ac",wrapper:"wrapper_dfe2cdf34a",buttonDisabled:"buttonDisabled_34bb1ec588",fullWidth:"fullWidth_e95f4ec9cd"};!function(n){const e="s_id-51d51089eef9_3_20_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".buttonGroup_df63726df1 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_1308d2a8ef {\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_7431988ee3 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_7431988ee3 .button_30bbe342c3 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_7431988ee3 .button_30bbe342c3.activeButton_585bdf3e64 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_7431988ee3 .button_30bbe342c3.activeButton_585bdf3e64:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_bdd930cec8:not(.disabled_bfe985013d) {\n  color: var(--primary-text-color);\n}\n\n.optionText_bdd930cec8:not(.disabled_bfe985013d).selected_3d3bed8803 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_051b1fb5ac .button_30bbe342c3 {\n  border-color: transparent;\n}\n\n.kindTertiary_051b1fb5ac .button_30bbe342c3:first-child {\n  border-color: transparent;\n}\n\n.wrapper_dfe2cdf34a.disabled_bfe985013d {\n  cursor: not-allowed;\n}\n\n.button_30bbe342c3.disabled_bfe985013d {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_30bbe342c3.buttonDisabled_34bb1ec588 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_e95f4ec9cd {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_a363f9f0b5",subTextContainer:"subTextContainer_6bf8d41520",buttonsContainer:"buttonsContainer_7523d050ec",button:"button_e19c955c3c",activeButton:"activeButton_59b1ce0ff7",optionText:"optionText_7dc3ff4c22",disabled:"disabled_c376b7e42a",selected:"selected_67dd435262",kindTertiary:"kindTertiary_621f0f0a32",wrapper:"wrapper_668694834d",buttonDisabled:"buttonDisabled_e741098119",fullWidth:"fullWidth_8ac6bf3965"};!function(n){const o="s_id-51d51089eef9_3_22_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)}(".buttonGroup_a363f9f0b5 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_6bf8d41520 {\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_7523d050ec {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_7523d050ec .button_e19c955c3c {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_7523d050ec .button_e19c955c3c.activeButton_59b1ce0ff7 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_7523d050ec .button_e19c955c3c.activeButton_59b1ce0ff7:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_7dc3ff4c22:not(.disabled_c376b7e42a) {\n  color: var(--primary-text-color);\n}\n\n.optionText_7dc3ff4c22:not(.disabled_c376b7e42a).selected_67dd435262 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_621f0f0a32 .button_e19c955c3c {\n  border-color: transparent;\n}\n\n.kindTertiary_621f0f0a32 .button_e19c955c3c:first-child {\n  border-color: transparent;\n}\n\n.wrapper_668694834d.disabled_c376b7e42a {\n  cursor: not-allowed;\n}\n\n.button_e19c955c3c.disabled_c376b7e42a {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_e19c955c3c.buttonDisabled_e741098119 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_8ac6bf3965 {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_3773444ccb",checkbox:"checkbox_438e0b6453",icon:"icon_3b52ba091c",label:"label_2deac58cf1",input:"input_8433c11cff",checkboxGrowAnimation:"checkboxGrowAnimation_269436e57a"};!function(n){const e="s_id-a622c58c4e9d_3_20_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_3773444ccb {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_438e0b6453 {\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_438e0b6453: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_438e0b6453:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_3b52ba091c {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_2deac58cf1 {\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_8433c11cff {\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_8433c11cff:focus + .checkbox_438e0b6453 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_8433c11cff:focus:checked + .checkbox_438e0b6453 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_8433c11cff:focus-visible + .checkbox_438e0b6453 {\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_8433c11cff:checked:focus + .checkbox_438e0b6453:after,\n.input_8433c11cff:indeterminate:focus + .checkbox_438e0b6453:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_8433c11cff:checked + .checkbox_438e0b6453,\n.input_8433c11cff:indeterminate + .checkbox_438e0b6453 {\n  animation: checkboxGrowAnimation_269436e57a var(--motion-productive-short);\n}\n\n.input_8433c11cff:checked + .checkbox_438e0b6453,\n.input_8433c11cff:indeterminate + .checkbox_438e0b6453 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_8433c11cff:checked + .checkbox_438e0b6453:hover,\n.input_8433c11cff:indeterminate + .checkbox_438e0b6453:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_8433c11cff:checked + .checkbox_438e0b6453:hover:after,\n.input_8433c11cff:indeterminate + .checkbox_438e0b6453:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_8433c11cff:checked + .checkbox_438e0b6453:after,\n.input_8433c11cff:indeterminate + .checkbox_438e0b6453: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_8433c11cff:checked + .checkbox_438e0b6453 > .icon_3b52ba091c,\n.input_8433c11cff:indeterminate + .checkbox_438e0b6453 > .icon_3b52ba091c {\n  visibility: visible;\n}\n\n.input_8433c11cff:checked:disabled + .checkbox_438e0b6453:after,\n.input_8433c11cff:indeterminate:disabled + .checkbox_438e0b6453:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_8433c11cff:disabled + .checkbox_438e0b6453,\n.input_8433c11cff:disabled + .checkbox_438e0b6453:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_8433c11cff:disabled + .checkbox_438e0b6453 .icon_3b52ba091c,\n.input_8433c11cff:disabled + .checkbox_438e0b6453:hover .icon_3b52ba091c {\n  color: var(--disabled-text-color);\n}\n\n.input_8433c11cff:disabled + .checkbox_438e0b6453,\n.input_8433c11cff:disabled + .checkbox_438e0b6453:hover {\n  cursor: not-allowed;\n}\n\n.input_8433c11cff:disabled ~ .label_2deac58cf1 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_269436e57a {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper_91c379a7c4",checkbox:"checkbox_4777e72017",icon:"icon_19ed22da1b",label:"label_98c483a5b5",input:"input_161935330a",checkboxGrowAnimation:"checkboxGrowAnimation_c6aa9c596e"};!function(n){const e="s_id-a622c58c4e9d_3_22_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_91c379a7c4 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_4777e72017 {\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_4777e72017: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_4777e72017:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_19ed22da1b {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_98c483a5b5 {\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_161935330a {\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_161935330a:focus + .checkbox_4777e72017 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_161935330a:focus:checked + .checkbox_4777e72017 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_161935330a:focus-visible + .checkbox_4777e72017 {\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_161935330a:checked:focus + .checkbox_4777e72017:after,\n.input_161935330a:indeterminate:focus + .checkbox_4777e72017:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_161935330a:checked + .checkbox_4777e72017,\n.input_161935330a:indeterminate + .checkbox_4777e72017 {\n  animation: checkboxGrowAnimation_c6aa9c596e var(--motion-productive-short);\n}\n\n.input_161935330a:checked + .checkbox_4777e72017,\n.input_161935330a:indeterminate + .checkbox_4777e72017 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_161935330a:checked + .checkbox_4777e72017:hover,\n.input_161935330a:indeterminate + .checkbox_4777e72017:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_161935330a:checked + .checkbox_4777e72017:hover:after,\n.input_161935330a:indeterminate + .checkbox_4777e72017:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_161935330a:checked + .checkbox_4777e72017:after,\n.input_161935330a:indeterminate + .checkbox_4777e72017: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_161935330a:checked + .checkbox_4777e72017 > .icon_19ed22da1b,\n.input_161935330a:indeterminate + .checkbox_4777e72017 > .icon_19ed22da1b {\n  visibility: visible;\n}\n\n.input_161935330a:checked:disabled + .checkbox_4777e72017:after,\n.input_161935330a:indeterminate:disabled + .checkbox_4777e72017:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_161935330a:disabled + .checkbox_4777e72017,\n.input_161935330a:disabled + .checkbox_4777e72017:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_161935330a:disabled + .checkbox_4777e72017 .icon_19ed22da1b,\n.input_161935330a:disabled + .checkbox_4777e72017:hover .icon_19ed22da1b {\n  color: var(--disabled-text-color);\n}\n\n.input_161935330a:disabled + .checkbox_4777e72017,\n.input_161935330a:disabled + .checkbox_4777e72017:hover {\n  cursor: not-allowed;\n}\n\n.input_161935330a:disabled ~ .label_98c483a5b5 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_c6aa9c596e {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_88847342ee","focus-visible":"focus-visible_3bb25fc751",disabled:"disabled_9f5ac0ea7a",disableTextSelection:"disableTextSelection_3700e4457d",chips:"chips_dc06ade382","chips-pop-in-emphasized":"chips-pop-in-emphasized_e00619b598",border:"border_f95920dc5b",withUserSelect:"withUserSelect_c500d099fc",label:"label_8f47542435",noAnimation:"noAnimation_2e1d6a2051",icon:"icon_8026808e15",avatar:"avatar_5d2f2f5304",customRenderer:"customRenderer_cb694e33e4",left:"left_caaff7f670",right:"right_c6d216712c",close:"close_1b4b9dce90",defaultCursor:"defaultCursor_9f5ac0ea7a"};!function(e){const n="s_id-a8c9f55659fd_3_20_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_88847342ee {\n  cursor: pointer;\n}\n.clickable_88847342ee:focus-visible, .clickable_88847342ee.focus-visible_3bb25fc751 {\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_88847342ee:focus:not(.focus-visible_3bb25fc751) {\n  outline: none;\n}\n.clickable_88847342ee.disabled_9f5ac0ea7a {\n  cursor: default;\n}\n.disableTextSelection_3700e4457d {\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_dc06ade382 {\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_e00619b598 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_dc06ade382.border_f95920dc5b {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_dc06ade382.withUserSelect_c500d099fc {\n  user-select: text;\n  cursor: text;\n}\n.chips_dc06ade382 .label_8f47542435 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_dc06ade382.noAnimation_2e1d6a2051 {\n  animation: none;\n}\n.chips_dc06ade382 .icon_8026808e15,\n.chips_dc06ade382 .avatar_5d2f2f5304,\n.chips_dc06ade382 .customRenderer_cb694e33e4 {\n  min-width: 18px;\n}\n.chips_dc06ade382 .icon_8026808e15.left_caaff7f670,\n.chips_dc06ade382 .avatar_5d2f2f5304.left_caaff7f670,\n.chips_dc06ade382 .customRenderer_cb694e33e4.left_caaff7f670 {\n  margin-right: var(--spacing-xs);\n}\n.chips_dc06ade382 .icon_8026808e15.right_c6d216712c,\n.chips_dc06ade382 .avatar_5d2f2f5304.right_c6d216712c,\n.chips_dc06ade382 .customRenderer_cb694e33e4.right_c6d216712c {\n  margin-left: var(--spacing-xs);\n}\n.chips_dc06ade382 .icon_8026808e15.close_1b4b9dce90,\n.chips_dc06ade382 .avatar_5d2f2f5304.close_1b4b9dce90,\n.chips_dc06ade382 .customRenderer_cb694e33e4.close_1b4b9dce90 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_dc06ade382.disabled_9f5ac0ea7a .icon_8026808e15 {\n  color: var(--disabled-text-color);\n}\n.chips_dc06ade382.disabled_9f5ac0ea7a .label_8f47542435 {\n  color: var(--disabled-text-color);\n}\n.chips_dc06ade382.defaultCursor_9f5ac0ea7a {\n  cursor: default;\n}\n.chips_dc06ade382.clickable_88847342ee {\n  cursor: pointer;\n}\n.chips_dc06ade382.clickable_88847342ee:focus-visible, .chips_dc06ade382.clickable_88847342ee.focus-visible_3bb25fc751 {\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_dc06ade382.clickable_88847342ee:focus:not(.focus-visible_3bb25fc751) {\n  outline: none;\n}\n.chips_dc06ade382.clickable_88847342ee.disabled_9f5ac0ea7a {\n  cursor: default;\n}\n.chips_dc06ade382.clickable_88847342ee.disableTextSelection_3700e4457d {\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_e00619b598 {\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_4261d63b81","focus-visible":"focus-visible_070e2761a9",disabled:"disabled_06c46f4334",disableTextSelection:"disableTextSelection_db5cfa9e98",chips:"chips_86ba34db32","chips-pop-in-emphasized":"chips-pop-in-emphasized_ee10b6bc1b",border:"border_5981b32d79",withUserSelect:"withUserSelect_6f19772209",label:"label_9524a21dfa",noAnimation:"noAnimation_555268d1db",icon:"icon_44b9750f45",avatar:"avatar_7c9c34e260",customRenderer:"customRenderer_19b88eebd9",left:"left_30a22771ab",right:"right_969d22f4ca",close:"close_df03970a48",defaultCursor:"defaultCursor_06c46f4334"};!function(e){const n="s_id-a8c9f55659fd_3_22_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_4261d63b81 {\n  cursor: pointer;\n}\n.clickable_4261d63b81:focus-visible, .clickable_4261d63b81.focus-visible_070e2761a9 {\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_4261d63b81:focus:not(.focus-visible_070e2761a9) {\n  outline: none;\n}\n.clickable_4261d63b81.disabled_06c46f4334 {\n  cursor: default;\n}\n.disableTextSelection_db5cfa9e98 {\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_86ba34db32 {\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_ee10b6bc1b var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_86ba34db32.border_5981b32d79 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_86ba34db32.withUserSelect_6f19772209 {\n  user-select: text;\n  cursor: text;\n}\n.chips_86ba34db32 .label_9524a21dfa {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_86ba34db32.noAnimation_555268d1db {\n  animation: none;\n}\n.chips_86ba34db32 .icon_44b9750f45,\n.chips_86ba34db32 .avatar_7c9c34e260,\n.chips_86ba34db32 .customRenderer_19b88eebd9 {\n  min-width: 18px;\n}\n.chips_86ba34db32 .icon_44b9750f45.left_30a22771ab,\n.chips_86ba34db32 .avatar_7c9c34e260.left_30a22771ab,\n.chips_86ba34db32 .customRenderer_19b88eebd9.left_30a22771ab {\n  margin-right: var(--spacing-xs);\n}\n.chips_86ba34db32 .icon_44b9750f45.right_969d22f4ca,\n.chips_86ba34db32 .avatar_7c9c34e260.right_969d22f4ca,\n.chips_86ba34db32 .customRenderer_19b88eebd9.right_969d22f4ca {\n  margin-left: var(--spacing-xs);\n}\n.chips_86ba34db32 .icon_44b9750f45.close_df03970a48,\n.chips_86ba34db32 .avatar_7c9c34e260.close_df03970a48,\n.chips_86ba34db32 .customRenderer_19b88eebd9.close_df03970a48 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_86ba34db32.disabled_06c46f4334 .icon_44b9750f45 {\n  color: var(--disabled-text-color);\n}\n.chips_86ba34db32.disabled_06c46f4334 .label_9524a21dfa {\n  color: var(--disabled-text-color);\n}\n.chips_86ba34db32.defaultCursor_06c46f4334 {\n  cursor: default;\n}\n.chips_86ba34db32.clickable_4261d63b81 {\n  cursor: pointer;\n}\n.chips_86ba34db32.clickable_4261d63b81:focus-visible, .chips_86ba34db32.clickable_4261d63b81.focus-visible_070e2761a9 {\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_86ba34db32.clickable_4261d63b81:focus:not(.focus-visible_070e2761a9) {\n  outline: none;\n}\n.chips_86ba34db32.clickable_4261d63b81.disabled_06c46f4334 {\n  cursor: default;\n}\n.chips_86ba34db32.clickable_4261d63b81.disableTextSelection_db5cfa9e98 {\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_ee10b6bc1b {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_88847342ee","focus-visible":"focus-visible_3bb25fc751",disabled:"disabled_9f5ac0ea7a",disableTextSelection:"disableTextSelection_3700e4457d"};!function(e){const n="s_id-8d33a9ee9e1f_3_20_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_88847342ee {\n  cursor: pointer;\n}\n.clickable_88847342ee:focus-visible, .clickable_88847342ee.focus-visible_3bb25fc751 {\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_88847342ee:focus:not(.focus-visible_3bb25fc751) {\n  outline: none;\n}\n.clickable_88847342ee.disabled_9f5ac0ea7a {\n  cursor: default;\n}\n.disableTextSelection_3700e4457d {\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_4261d63b81","focus-visible":"focus-visible_070e2761a9",disabled:"disabled_06c46f4334",disableTextSelection:"disableTextSelection_db5cfa9e98"};!function(e){const n="s_id-8d33a9ee9e1f_3_22_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_4261d63b81 {\n  cursor: pointer;\n}\n.clickable_4261d63b81:focus-visible, .clickable_4261d63b81.focus-visible_070e2761a9 {\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_4261d63b81:focus:not(.focus-visible_070e2761a9) {\n  outline: none;\n}\n.clickable_4261d63b81.disabled_06c46f4334 {\n  cursor: default;\n}\n.disableTextSelection_db5cfa9e98 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_1ec701613d",colorPickerDialogContent:"colorPickerDialogContent_57c3440803"};!function(e){const t="s_id-ffacbf9b6446_3_20_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_1ec701613d.colorPickerDialogContent_57c3440803 {\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_e54d94754b",colorPickerDialogContent:"colorPickerDialogContent_f4fb3d46b2"};!function(e){const t="s_id-ffacbf9b6446_3_22_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_e54d94754b.colorPickerDialogContent_f4fb3d46b2 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon_7a9ed3dcb2",clearColorButton:"clearColorButton_b975e03fe6"};!function(e){const n="s_id-774e60a23ee3_3_20_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_7a9ed3dcb2 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_b975e03fe6 {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_f6271dd40e",clearColorButton:"clearColorButton_c49bac89a6"};!function(e){const n="s_id-774e60a23ee3_3_22_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_f6271dd40e {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_c49bac89a6 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid_8ed5087b45"};!function(e){const d="s_id-0a5f0eb78ee4_3_20_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_8ed5087b45 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_964ccf9840"};!function(e){const n="s_id-0a5f0eb78ee4_3_22_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".colorsGrid_964ccf9840 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_b32c2235d9",circle:"circle_6e4684d30c",feedbackIndicator:"feedbackIndicator_5848c1038c",active:"active_d094869b79",selectedColor:"selectedColor_4c3db0e877",colorItem:"colorItem_3dba28e780",colorIndicatorWrapper:"colorIndicatorWrapper_abad934291",colorItemSizeSmall:"colorItemSizeSmall_4378528534",colorItemSizeMedium:"colorItemSizeMedium_1c8d658e7d",colorItemSizeLarge:"colorItemSizeLarge_1d49202506",colorItemTextMode:"colorItemTextMode_e46ad8fb0c",colorIconWhite:"colorIconWhite_1a946e055b"};!function(e){const r="s_id-2198989e565d_3_20_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_b32c2235d9 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_b32c2235d9.circle_6e4684d30c {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_b32c2235d9 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_b32c2235d9 .feedbackIndicator_5848c1038c {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_b32c2235d9:focus,\n.itemWrapper_b32c2235d9:focus-visible,\n.itemWrapper_b32c2235d9.active_d094869b79 {\n  outline: none;\n}\n\n.itemWrapper_b32c2235d9:focus .feedbackIndicator_5848c1038c:before,\n.itemWrapper_b32c2235d9:focus-visible .feedbackIndicator_5848c1038c:before,\n.itemWrapper_b32c2235d9.active_d094869b79 .feedbackIndicator_5848c1038c: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_b32c2235d9:focus .feedbackIndicator_5848c1038c:after,\n.itemWrapper_b32c2235d9:focus-visible .feedbackIndicator_5848c1038c:after,\n.itemWrapper_b32c2235d9.active_d094869b79 .feedbackIndicator_5848c1038c: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_b32c2235d9:hover:not(.active_d094869b79):not(.selectedColor_4c3db0e877) .feedbackIndicator_5848c1038c {\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_b32c2235d9 .colorItem_3dba28e780 {\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_b32c2235d9 .colorItem_3dba28e780 .colorIndicatorWrapper_abad934291 {\n  margin-top: 3px;\n}\n\n.itemWrapper_b32c2235d9 .colorItem_3dba28e780.colorItemSizeSmall_4378528534 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_b32c2235d9 .colorItem_3dba28e780.colorItemSizeMedium_1c8d658e7d {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_b32c2235d9 .colorItem_3dba28e780.colorItemSizeLarge_1d49202506 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_b32c2235d9.selectedColor_4c3db0e877 {\n  position: relative;\n}\n\n.itemWrapper_b32c2235d9.selectedColor_4c3db0e877: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_b32c2235d9.selectedColor_4c3db0e877 .feedbackIndicator_5848c1038c:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_b32c2235d9 .colorItemTextMode_e46ad8fb0c:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_b32c2235d9 .colorIconWhite_1a946e055b {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_26394eb24c",circle:"circle_7707969f64",feedbackIndicator:"feedbackIndicator_91880784c6",active:"active_d6347aedca",selectedColor:"selectedColor_96af26b60b",colorItem:"colorItem_62c3255754",colorIndicatorWrapper:"colorIndicatorWrapper_8a75559935",colorItemSizeSmall:"colorItemSizeSmall_143efff663",colorItemSizeMedium:"colorItemSizeMedium_e80870a5e8",colorItemSizeLarge:"colorItemSizeLarge_92dbdad038",colorItemTextMode:"colorItemTextMode_870fd5def3",colorIconWhite:"colorIconWhite_bb0a589d40"};!function(e){const r="s_id-2198989e565d_3_22_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_26394eb24c {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_26394eb24c.circle_7707969f64 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_26394eb24c {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_26394eb24c .feedbackIndicator_91880784c6 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_26394eb24c:focus,\n.itemWrapper_26394eb24c:focus-visible,\n.itemWrapper_26394eb24c.active_d6347aedca {\n  outline: none;\n}\n\n.itemWrapper_26394eb24c:focus .feedbackIndicator_91880784c6:before,\n.itemWrapper_26394eb24c:focus-visible .feedbackIndicator_91880784c6:before,\n.itemWrapper_26394eb24c.active_d6347aedca .feedbackIndicator_91880784c6: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_26394eb24c:focus .feedbackIndicator_91880784c6:after,\n.itemWrapper_26394eb24c:focus-visible .feedbackIndicator_91880784c6:after,\n.itemWrapper_26394eb24c.active_d6347aedca .feedbackIndicator_91880784c6: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_26394eb24c:hover:not(.active_d6347aedca):not(.selectedColor_96af26b60b) .feedbackIndicator_91880784c6 {\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_26394eb24c .colorItem_62c3255754 {\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_26394eb24c .colorItem_62c3255754 .colorIndicatorWrapper_8a75559935 {\n  margin-top: 3px;\n}\n\n.itemWrapper_26394eb24c .colorItem_62c3255754.colorItemSizeSmall_143efff663 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_26394eb24c .colorItem_62c3255754.colorItemSizeMedium_e80870a5e8 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_26394eb24c .colorItem_62c3255754.colorItemSizeLarge_92dbdad038 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_26394eb24c.selectedColor_96af26b60b {\n  position: relative;\n}\n\n.itemWrapper_26394eb24c.selectedColor_96af26b60b: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_26394eb24c.selectedColor_96af26b60b .feedbackIndicator_91880784c6:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_26394eb24c .colorItemTextMode_870fd5def3:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_26394eb24c .colorIconWhite_bb0a589d40 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={combobox:"combobox_b62b42a427",stickyCategory:"stickyCategory_15fbc44c0a",comboboxCategory:"comboboxCategory_3ac12885ee",sizeSmall:"sizeSmall_81cc3d8dfc",sizeMedium:"sizeMedium_b62b42a427",sizeLarge:"sizeLarge_81cc3d8dfc",empty:"empty_9731c0ffbb",comboboxSearchWrapper:"comboboxSearchWrapper_dbad9bda05",comboboxNoResults:"comboboxNoResults_0faa36e7e3",comboboxMessageWrapper:"comboboxMessageWrapper_14088f75dc",comboboxMessage:"comboboxMessage_8f47542435",addNewButton:"addNewButton_50aca74351",buttonLabel:"buttonLabel_8f47542435",comboboxList:"comboboxList_80e41b7176"};!function(o){const e="s_id-140391bb7df9_3_20_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".combobox_b62b42a427 {\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_b62b42a427.stickyCategory_15fbc44c0a .comboboxCategory_3ac12885ee {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_b62b42a427.stickyCategory_15fbc44c0a.sizeSmall_81cc3d8dfc .comboboxCategory_3ac12885ee {\n  top: 32px;\n}\n\n.combobox_b62b42a427.stickyCategory_15fbc44c0a.sizeMedium_b62b42a427 .comboboxCategory_3ac12885ee {\n  top: 40px;\n}\n\n.combobox_b62b42a427.stickyCategory_15fbc44c0a.sizeLarge_81cc3d8dfc .comboboxCategory_3ac12885ee {\n  top: 48px;\n}\n\n.combobox_b62b42a427.empty_9731c0ffbb {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_dbad9bda05 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_0faa36e7e3 {\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_0faa36e7e3 .comboboxMessageWrapper_14088f75dc {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_0faa36e7e3 .comboboxMessageWrapper_14088f75dc .comboboxMessage_8f47542435 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_0faa36e7e3 .addNewButton_50aca74351 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_0faa36e7e3 .addNewButton_50aca74351 .buttonLabel_8f47542435 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_80e41b7176 {\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_d25dc951a1",stickyCategory:"stickyCategory_7c98bbd6ae",comboboxCategory:"comboboxCategory_fe5fc1b9bd",sizeSmall:"sizeSmall_6301a21782",sizeMedium:"sizeMedium_d25dc951a1",sizeLarge:"sizeLarge_6301a21782",empty:"empty_3b9198fccc",comboboxSearchWrapper:"comboboxSearchWrapper_d081ffe5b8",comboboxNoResults:"comboboxNoResults_07365026c7",comboboxMessageWrapper:"comboboxMessageWrapper_b8199fea5c",comboboxMessage:"comboboxMessage_9524a21dfa",addNewButton:"addNewButton_683c1dbb52",buttonLabel:"buttonLabel_9524a21dfa",comboboxList:"comboboxList_42cc14fe80"};!function(o){const e="s_id-140391bb7df9_3_22_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_d25dc951a1 {\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_d25dc951a1.stickyCategory_7c98bbd6ae .comboboxCategory_fe5fc1b9bd {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_d25dc951a1.stickyCategory_7c98bbd6ae.sizeSmall_6301a21782 .comboboxCategory_fe5fc1b9bd {\n  top: 32px;\n}\n\n.combobox_d25dc951a1.stickyCategory_7c98bbd6ae.sizeMedium_d25dc951a1 .comboboxCategory_fe5fc1b9bd {\n  top: 40px;\n}\n\n.combobox_d25dc951a1.stickyCategory_7c98bbd6ae.sizeLarge_6301a21782 .comboboxCategory_fe5fc1b9bd {\n  top: 48px;\n}\n\n.combobox_d25dc951a1.empty_3b9198fccc {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_d081ffe5b8 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_07365026c7 {\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_07365026c7 .comboboxMessageWrapper_b8199fea5c {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_07365026c7 .comboboxMessageWrapper_b8199fea5c .comboboxMessage_9524a21dfa {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_07365026c7 .addNewButton_683c1dbb52 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_07365026c7 .addNewButton_683c1dbb52 .buttonLabel_9524a21dfa {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_42cc14fe80 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_36804430ca",dividerContainer:"dividerContainer_1850be2fd0",divider:"divider_1a5e1a3f06",sticky:"sticky_3b1f040538"};!function(e){const n="s_id-78c8179b7fe9_3_20_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_36804430ca {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_1850be2fd0 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_1a5e1a3f06 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_3b1f040538 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_ee3467c867",dividerContainer:"dividerContainer_5cdbac3bfa",divider:"divider_d2d0cdc702",sticky:"sticky_33416ed6ea"};!function(e){const n="s_id-78c8179b7fe9_3_22_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_ee3467c867 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_5cdbac3bfa {\n  position: relative;\n  width: 95%;\n}\n\n.divider_d2d0cdc702 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_33416ed6ea {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_d11427e870"};!function(e){const o="s_id-a004d249e1c1_3_20_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_d11427e870 {\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_33201ca897"};!function(e){const o="s_id-a004d249e1c1_3_22_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_33201ca897 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_603fd05347",optionsContainer:"optionsContainer_f49db75a90",categoryWithOptions:"categoryWithOptions_47fe0f3365",firstCategory:"firstCategory_36a794489f",categoryWithoutOptions:"categoryWithoutOptions_dc4325a9f9"};!function(t){const o="s_id-4d4facb041a8_3_20_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=t)}(".scrollableContainer_603fd05347::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_603fd05347::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_f49db75a90 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_47fe0f3365.firstCategory_36a794489f,\n.categoryWithoutOptions_dc4325a9f9.firstCategory_36a794489f {\n  padding-top: 0;\n}\n.categoryWithOptions_47fe0f3365 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_dc4325a9f9 {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer_7123aebc0e",optionsContainer:"optionsContainer_1d5d0c2dcc",categoryWithOptions:"categoryWithOptions_6196144c79",firstCategory:"firstCategory_32c65ec8c4",categoryWithoutOptions:"categoryWithoutOptions_bc06b98db9"};!function(t){const e="s_id-4d4facb041a8_3_22_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_7123aebc0e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_7123aebc0e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_1d5d0c2dcc {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_6196144c79.firstCategory_32c65ec8c4,\n.categoryWithoutOptions_bc06b98db9.firstCategory_32c65ec8c4 {\n  padding-top: 0;\n}\n.categoryWithOptions_6196144c79 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_bc06b98db9 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_9f04f829c5",disabled:"disabled_f84946dc33",selected:"selected_2180ae1567",active:"active_f07b7ca6c9",activeOutline:"activeOutline_b7b0d2d1be",optionLabel:"optionLabel_6da75ddd95",optionIcon:"optionIcon_046aeb949b",left:"left_22d9024eb6"};!function(o){const n="s_id-cc5db5fd586e_3_20_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".comboboxOption_9f04f829c5 {\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_9f04f829c5.disabled_f84946dc33 {\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_9f04f829c5.disabled_f84946dc33:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_9f04f829c5.selected_2180ae1567 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_9f04f829c5:hover:not(.disabled_f84946dc33):not(.selected_2180ae1567),\n.comboboxOption_9f04f829c5.active_f07b7ca6c9 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_9f04f829c5.activeOutline_b7b0d2d1be {\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_9f04f829c5 .optionLabel_6da75ddd95 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_9f04f829c5 .optionIcon_046aeb949b {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_9f04f829c5 .optionIcon_046aeb949b.left_22d9024eb6 {\n  margin-right: 4px;\n}");export{o as default};
+var e={comboboxOption:"comboboxOption_1061c3a8e6",disabled:"disabled_6dbedfd9ce",selected:"selected_04d495e631",active:"active_1173e29d3f",activeOutline:"activeOutline_5231409a51",optionLabel:"optionLabel_9ce1c18e3d",optionIcon:"optionIcon_b43c597e3d",left:"left_b8167811a8"};!function(e){const o="s_id-cc5db5fd586e_3_22_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const c=document.createElement("style");c.id=o,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".comboboxOption_1061c3a8e6 {\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_1061c3a8e6.disabled_6dbedfd9ce {\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_1061c3a8e6.disabled_6dbedfd9ce:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_1061c3a8e6.selected_04d495e631 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_1061c3a8e6:hover:not(.disabled_6dbedfd9ce):not(.selected_04d495e631),\n.comboboxOption_1061c3a8e6.active_1173e29d3f {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_1061c3a8e6.activeOutline_5231409a51 {\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_1061c3a8e6 .optionLabel_9ce1c18e3d {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_1061c3a8e6 .optionIcon_b43c597e3d {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_1061c3a8e6 .optionIcon_b43c597e3d.left_b8167811a8 {\n  margin-right: 4px;\n}");export{e as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_c9bf1776fb"};!function(e){const t="s_id-f549b49034f1_3_20_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_c9bf1776fb {\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_acd99bb4f4"};!function(e){const t="s_id-f549b49034f1_3_22_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_acd99bb4f4 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={counter:"counter_3f58926955",withAnimation:"withAnimation_dcc7f160b3",counterPopElastic:"counterPopElastic_b7d1a47223",sizeXs:"sizeXs_e7062f36af",sizeSmall:"sizeSmall_636322739b",sizeLarge:"sizeLarge_4ac739b841",kindFill:"kindFill_f444b9f801",colorPrimary:"colorPrimary_09d1f1851b",colorDark:"colorDark_06e6fc13c2",colorNegative:"colorNegative_6a6fe0ea2f",colorLight:"colorLight_252edfc824",kindLine:"kindLine_e0b03efe1d",fadeEnter:"fadeEnter_43d1f1d8c1",fadeEnterActive:"fadeEnterActive_2033bdf222",fadeExit:"fadeExit_08b491a731",fadeExitActive:"fadeExitActive_bc58fb4d40","counter-pop-elastic":"counter-pop-elastic_ea3d21e042"};!function(n){const o="s_id-51f4f5079107_3_20_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_3f58926955 {\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_ea3d21e042 {\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_dcc7f160b3 {\n  animation: counterPopElastic_b7d1a47223 var(--motion-expressive-short);\n}\n.sizeXs_e7062f36af {\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_636322739b {\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_4ac739b841 {\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_f444b9f801.colorPrimary_09d1f1851b {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_f444b9f801.colorDark_06e6fc13c2 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_f444b9f801.colorNegative_6a6fe0ea2f {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_f444b9f801.colorLight_252edfc824 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_e0b03efe1d {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_e0b03efe1d.colorPrimary_09d1f1851b {\n  color: var(--primary-color);\n}\n.kindLine_e0b03efe1d.colorDark_06e6fc13c2 {\n  color: var(--inverted-color-background);\n}\n.kindLine_e0b03efe1d.colorNegative_6a6fe0ea2f {\n  color: var(--negative-color);\n}\n.kindLine_e0b03efe1d.colorLight_252edfc824 {\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_43d1f1d8c1 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_2033bdf222 {\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_08b491a731 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_bc58fb4d40 {\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_c8713090b2",withAnimation:"withAnimation_ed85191962",counterPopElastic:"counterPopElastic_8d8354affe",sizeXs:"sizeXs_2e97de4ee0",sizeSmall:"sizeSmall_d0100874c6",sizeLarge:"sizeLarge_4b3ccc885d",kindFill:"kindFill_ff678eeeb4",colorPrimary:"colorPrimary_49ca4d82ab",colorDark:"colorDark_877405bf55",colorNegative:"colorNegative_83ad09979d",colorLight:"colorLight_1cd34d9fe3",kindLine:"kindLine_ccc708f172",fadeEnter:"fadeEnter_6d6e57bde7",fadeEnterActive:"fadeEnterActive_f0915c7c9b",fadeExit:"fadeExit_469e6e90e9",fadeExitActive:"fadeExitActive_be53c935a4","counter-pop-elastic":"counter-pop-elastic_27e6d46b72"};!function(n){const o="s_id-51f4f5079107_3_22_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_c8713090b2 {\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_27e6d46b72 {\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_ed85191962 {\n  animation: counterPopElastic_8d8354affe var(--motion-expressive-short);\n}\n.sizeXs_2e97de4ee0 {\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_d0100874c6 {\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_4b3ccc885d {\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_ff678eeeb4.colorPrimary_49ca4d82ab {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_ff678eeeb4.colorDark_877405bf55 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_ff678eeeb4.colorNegative_83ad09979d {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_ff678eeeb4.colorLight_1cd34d9fe3 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_ccc708f172 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_ccc708f172.colorPrimary_49ca4d82ab {\n  color: var(--primary-color);\n}\n.kindLine_ccc708f172.colorDark_877405bf55 {\n  color: var(--inverted-color-background);\n}\n.kindLine_ccc708f172.colorNegative_83ad09979d {\n  color: var(--negative-color);\n}\n.kindLine_ccc708f172.colorLight_1cd34d9fe3 {\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_6d6e57bde7 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_f0915c7c9b {\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_469e6e90e9 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_be53c935a4 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer_f516d4e7c5"};!function(e){const n="s_id-84193b4fa4fe_3_20_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_f516d4e7c5 {\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_6ab03fdb50"};!function(e){const n="s_id-84193b4fa4fe_3_22_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_6ab03fdb50 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer_634642ed30",monthYearSelection:"monthYearSelection_7dabf0ba3d",rangePickerMode:"rangePickerMode_74d3e7eae0",withWeekNumber:"withWeekNumber_449ed33c0b",calendarDayWeekNumber:"calendarDayWeekNumber_9993484d4c"};!function(e){const n="s_id-08c822721057_3_20_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_634642ed30 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_634642ed30 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_634642ed30 td {\n  border: none;\n}\n.datepickerContainer_634642ed30.monthYearSelection_7dabf0ba3d table tbody {\n  opacity: 0;\n}\n.datepickerContainer_634642ed30.monthYearSelection_7dabf0ba3d .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_634642ed30 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_634642ed30 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_634642ed30 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_634642ed30 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_634642ed30 .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_634642ed30 .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_634642ed30 .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_634642ed30 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_634642ed30 .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_634642ed30 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_634642ed30 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_634642ed30 .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_634642ed30 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_634642ed30 .CalendarDay__blocked_calendar, .datepickerContainer_634642ed30 .CalendarDay__blocked_calendar:active, .datepickerContainer_634642ed30 .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_634642ed30 .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_634642ed30 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_634642ed30 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_634642ed30 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_634642ed30 .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_634642ed30.rangePickerMode_74d3e7eae0 .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_634642ed30.rangePickerMode_74d3e7eae0 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_634642ed30.rangePickerMode_74d3e7eae0 .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_634642ed30.rangePickerMode_74d3e7eae0 .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_634642ed30.rangePickerMode_74d3e7eae0 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_634642ed30.rangePickerMode_74d3e7eae0 .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_634642ed30.rangePickerMode_74d3e7eae0 .CalendarDay__hovered_span, .datepickerContainer_634642ed30.rangePickerMode_74d3e7eae0 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_634642ed30.rangePickerMode_74d3e7eae0 .CalendarDay__hovered_span:hover::before, .datepickerContainer_634642ed30.rangePickerMode_74d3e7eae0 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_634642ed30.rangePickerMode_74d3e7eae0 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_634642ed30.rangePickerMode_74d3e7eae0 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_634642ed30.rangePickerMode_74d3e7eae0 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_634642ed30.rangePickerMode_74d3e7eae0 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_634642ed30.rangePickerMode_74d3e7eae0.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_634642ed30.rangePickerMode_74d3e7eae0.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_634642ed30.rangePickerMode_74d3e7eae0.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_634642ed30.withWeekNumber_449ed33c0b {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_634642ed30.withWeekNumber_449ed33c0b .CalendarDay .calendarDayWeekNumber_9993484d4c {\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_634642ed30.withWeekNumber_449ed33c0b .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_9993484d4c {\n  display: flex;\n}\n.datepickerContainer_634642ed30.withWeekNumber_449ed33c0b .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_9993484d4c {\n  display: none;\n}\n.datepickerContainer_634642ed30.withWeekNumber_449ed33c0b .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_634642ed30.withWeekNumber_449ed33c0b .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_634642ed30.withWeekNumber_449ed33c0b .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_634642ed30.withWeekNumber_449ed33c0b .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_634642ed30.withWeekNumber_449ed33c0b .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_343ca00020",monthYearSelection:"monthYearSelection_ad04ab837f",rangePickerMode:"rangePickerMode_cda6c2c157",withWeekNumber:"withWeekNumber_c256b094bb",calendarDayWeekNumber:"calendarDayWeekNumber_c3d49aa961"};!function(e){const n="s_id-08c822721057_3_22_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_343ca00020 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_343ca00020 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_343ca00020 td {\n  border: none;\n}\n.datepickerContainer_343ca00020.monthYearSelection_ad04ab837f table tbody {\n  opacity: 0;\n}\n.datepickerContainer_343ca00020.monthYearSelection_ad04ab837f .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_343ca00020 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_343ca00020 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_343ca00020 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_343ca00020 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_343ca00020 .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_343ca00020 .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_343ca00020 .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_343ca00020 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_343ca00020 .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_343ca00020 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_343ca00020 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_343ca00020 .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_343ca00020 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_343ca00020 .CalendarDay__blocked_calendar, .datepickerContainer_343ca00020 .CalendarDay__blocked_calendar:active, .datepickerContainer_343ca00020 .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_343ca00020 .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_343ca00020 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_343ca00020 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_343ca00020 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_343ca00020 .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_343ca00020.rangePickerMode_cda6c2c157 .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_343ca00020.rangePickerMode_cda6c2c157 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_343ca00020.rangePickerMode_cda6c2c157 .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_343ca00020.rangePickerMode_cda6c2c157 .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_343ca00020.rangePickerMode_cda6c2c157 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_343ca00020.rangePickerMode_cda6c2c157 .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_343ca00020.rangePickerMode_cda6c2c157 .CalendarDay__hovered_span, .datepickerContainer_343ca00020.rangePickerMode_cda6c2c157 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_343ca00020.rangePickerMode_cda6c2c157 .CalendarDay__hovered_span:hover::before, .datepickerContainer_343ca00020.rangePickerMode_cda6c2c157 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_343ca00020.rangePickerMode_cda6c2c157 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_343ca00020.rangePickerMode_cda6c2c157 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_343ca00020.rangePickerMode_cda6c2c157 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_343ca00020.rangePickerMode_cda6c2c157 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_343ca00020.rangePickerMode_cda6c2c157.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_343ca00020.rangePickerMode_cda6c2c157.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_343ca00020.rangePickerMode_cda6c2c157.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_343ca00020.withWeekNumber_c256b094bb {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_343ca00020.withWeekNumber_c256b094bb .CalendarDay .calendarDayWeekNumber_c3d49aa961 {\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_343ca00020.withWeekNumber_c256b094bb .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_c3d49aa961 {\n  display: flex;\n}\n.datepickerContainer_343ca00020.withWeekNumber_c256b094bb .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_c3d49aa961 {\n  display: none;\n}\n.datepickerContainer_343ca00020.withWeekNumber_c256b094bb .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_343ca00020.withWeekNumber_c256b094bb .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_343ca00020.withWeekNumber_c256b094bb .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_343ca00020.withWeekNumber_c256b094bb .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_343ca00020.withWeekNumber_c256b094bb .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader_7ac68cffcf",button:"button_6dc72a62b6",buttonContent:"buttonContent_1127da2612"};!function(e){const n="s_id-89778422f1e0_3_20_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader_7ac68cffcf {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_7ac68cffcf .button_6dc72a62b6 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_7ac68cffcf .button_6dc72a62b6 .buttonContent_1127da2612 {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader_7ac68cffcf .button_6dc72a62b6 .buttonContent_1127da2612:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_b05fa93ced",button:"button_04a84afd4c",buttonContent:"buttonContent_e54503ac5a"};!function(e){const n="s_id-89778422f1e0_3_22_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader_b05fa93ced {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_b05fa93ced .button_04a84afd4c {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_b05fa93ced .button_04a84afd4c .buttonContent_e54503ac5a {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader_b05fa93ced .button_04a84afd4c .buttonContent_e54503ac5a:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={monthYearPicker:"monthYearPicker_35da98c21a",navigationWrapper:"navigationWrapper_8466a7eade",navigationLeft:"navigationLeft_61d045b3fa",navigationRight:"navigationRight_95adc60f4d",pickerOptions:"pickerOptions_53c9d134b8",pickerOption:"pickerOption_d5ac09f4e3"};!function(n){const e="s_id-38af31aef936_3_20_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".monthYearPicker_35da98c21a {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_35da98c21a .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_35da98c21a .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_35da98c21a .navigationWrapper_8466a7eade {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_35da98c21a .navigationWrapper_8466a7eade.navigationLeft_61d045b3fa {\n  left: 21px;\n}\n.monthYearPicker_35da98c21a .navigationWrapper_8466a7eade.navigationRight_95adc60f4d {\n  right: 21px;\n}\n.monthYearPicker_35da98c21a .pickerOptions_53c9d134b8 {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_35da98c21a .pickerOptions_53c9d134b8 .pickerOption_d5ac09f4e3 {\n  min-width: 66px;\n}\n.monthYearPicker_35da98c21a .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
+var e={monthYearPicker:"monthYearPicker_8e5f9b251e",navigationWrapper:"navigationWrapper_6e6ce739b6",navigationLeft:"navigationLeft_d6350e7655",navigationRight:"navigationRight_29af809d75",pickerOptions:"pickerOptions_709fff06cd",pickerOption:"pickerOption_58a26a42a0"};!function(e){const n="s_id-38af31aef936_3_22_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_8e5f9b251e {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_8e5f9b251e .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_8e5f9b251e .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_8e5f9b251e .navigationWrapper_6e6ce739b6 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_8e5f9b251e .navigationWrapper_6e6ce739b6.navigationLeft_d6350e7655 {\n  left: 21px;\n}\n.monthYearPicker_8e5f9b251e .navigationWrapper_6e6ce739b6.navigationRight_29af809d75 {\n  right: 21px;\n}\n.monthYearPicker_8e5f9b251e .pickerOptions_709fff06cd {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_8e5f9b251e .pickerOptions_709fff06cd .pickerOption_58a26a42a0 {\n  min-width: 66px;\n}\n.monthYearPicker_8e5f9b251e .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map