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

@vibe/core 3.21.0 → 3.22.0

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

Files changed (325) 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_d92486919d","focus-visible":"focus-visible_20d611398f",loader:"loader_66793c7d4c",loaderSvg:"loaderSvg_66ea92e617",textPlaceholder:"textPlaceholder_7fd2c8c740",success:"success_bb4ca0b00a",successContent:"successContent_a156c59694",marginRight:"marginRight_3a88a96202",marginLeft:"marginLeft_b5f3a28052",rightFlat:"rightFlat_3a4283401b",leftFlat:"leftFlat_8eb44e62f9",preventClickAnimation:"preventClickAnimation_f5fcd1d808",leftIcon:"leftIcon_3a88a96202",rightIcon:"rightIcon_b5f3a28052",sizeXxs:"sizeXxs_d908b9d004",sizeXs:"sizeXs_45ff5044ba",sizeSmall:"sizeSmall_d3df8421cd",sizeMedium:"sizeMedium_3542c8dbd1",sizeLarge:"sizeLarge_9361d53aeb",kindPrimary:"kindPrimary_e4835d9d29",colorPrimary:"colorPrimary_555716c87f",colorBrand:"colorBrand_b9feb976b1",colorPrimaryActive:"colorPrimaryActive_5732dead36",colorBrandActive:"colorBrandActive_4337ecc744",colorPositive:"colorPositive_52c51a289b",colorPositiveActive:"colorPositiveActive_a06a52166c",colorNegative:"colorNegative_d72a674018",colorNegativeActive:"colorNegativeActive_a06a52166c",colorInverted:"colorInverted_4e483b1aec",colorInvertedActive:"colorInvertedActive_a06a52166c",disabled:"disabled_d85307402f",colorOnPrimaryColor:"colorOnPrimaryColor_0e3850f408",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_05bcbd597d",colorFixedLight:"colorFixedLight_1a2ef3ac20",colorFixedLightActive:"colorFixedLightActive_f5fcd1d808",colorOnInvertedBackground:"colorOnInvertedBackground_f89ae816dd",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_ba42745eef",kindSecondary:"kindSecondary_847168d9eb",kindTertiary:"kindTertiary_d6bbcf4253",noSidePadding:"noSidePadding_9dc57f58c7",insetFocusStyle:"insetFocusStyle_b8b57c235b"};!function(o){const r="s_id-9fe829f89bf2_3_21_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_d92486919d {\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_d92486919d:focus-visible, .button_d92486919d.focus-visible_20d611398f {\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_d92486919d:focus:not(.focus-visible_20d611398f) {\n  outline: none;\n}\n.button_d92486919d .loader_66793c7d4c {\n  height: 100%;\n}\n.button_d92486919d .loader_66793c7d4c .loaderSvg_66ea92e617 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_d92486919d .textPlaceholder_7fd2c8c740 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_d92486919d.success_bb4ca0b00a {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_d92486919d.success_bb4ca0b00a .successContent_a156c59694 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_3a88a96202 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_b5f3a28052 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_3a4283401b {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_8eb44e62f9 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_d92486919d:active:not(.preventClickAnimation_f5fcd1d808) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_d92486919d .leftIcon_3a88a96202 {\n  margin-right: var(--spacing-small);\n}\n.button_d92486919d .rightIcon_b5f3a28052 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_d908b9d004 {\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_45ff5044ba {\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_d3df8421cd {\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_d3df8421cd .loader_66793c7d4c {\n  top: 7px;\n}\n.sizeMedium_3542c8dbd1 {\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_9361d53aeb {\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_e4835d9d29 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_e4835d9d29.colorPrimary_555716c87f {\n  background: var(--primary-color);\n}\n.kindPrimary_e4835d9d29.colorBrand_b9feb976b1 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_e4835d9d29.colorPrimaryActive_5732dead36,\n.kindPrimary_e4835d9d29.colorPrimary_555716c87f:hover,\n.kindPrimary_e4835d9d29.colorPrimary_555716c87f:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_e4835d9d29.colorBrandActive_4337ecc744,\n.kindPrimary_e4835d9d29.colorBrand_b9feb976b1:hover,\n.kindPrimary_e4835d9d29.colorBrand_b9feb976b1:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_e4835d9d29.colorPositive_52c51a289b {\n  background: var(--positive-color);\n}\n.kindPrimary_e4835d9d29.colorPositiveActive_a06a52166c,\n.kindPrimary_e4835d9d29.colorPositive_52c51a289b:hover,\n.kindPrimary_e4835d9d29.colorPositive_52c51a289b:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_e4835d9d29.colorNegative_d72a674018 {\n  background: var(--negative-color);\n}\n.kindPrimary_e4835d9d29.colorNegativeActive_a06a52166c,\n.kindPrimary_e4835d9d29.colorNegative_d72a674018:hover,\n.kindPrimary_e4835d9d29.colorNegative_d72a674018:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_e4835d9d29.colorInverted_4e483b1aec {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_e4835d9d29.colorInvertedActive_a06a52166c,\n.kindPrimary_e4835d9d29.colorInverted_4e483b1aec:hover,\n.kindPrimary_e4835d9d29.colorInverted_4e483b1aec:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_e4835d9d29.button_d92486919d.colorInverted_4e483b1aec.disabled_d85307402f {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_e4835d9d29.colorOnPrimaryColor_0e3850f408 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_e4835d9d29.colorOnPrimaryColorActive_05bcbd597d,\n.kindPrimary_e4835d9d29.colorOnPrimaryColor_0e3850f408:hover,\n.kindPrimary_e4835d9d29.colorOnPrimaryColor_0e3850f408:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_e4835d9d29.colorOnPrimaryColorActive_05bcbd597d:focus-visible, .kindPrimary_e4835d9d29.colorOnPrimaryColorActive_05bcbd597d.focus-visible_20d611398f,\n.kindPrimary_e4835d9d29.colorOnPrimaryColor_0e3850f408:hover:focus-visible,\n.kindPrimary_e4835d9d29.colorOnPrimaryColor_0e3850f408:hover.focus-visible_20d611398f,\n.kindPrimary_e4835d9d29.colorOnPrimaryColor_0e3850f408:focus:focus-visible,\n.kindPrimary_e4835d9d29.colorOnPrimaryColor_0e3850f408:focus.focus-visible_20d611398f {\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_e4835d9d29.colorOnPrimaryColorActive_05bcbd597d:focus:not(.focus-visible_20d611398f),\n.kindPrimary_e4835d9d29.colorOnPrimaryColor_0e3850f408:hover:focus:not(.focus-visible_20d611398f),\n.kindPrimary_e4835d9d29.colorOnPrimaryColor_0e3850f408:focus:focus:not(.focus-visible_20d611398f) {\n  outline: none;\n}\n.kindPrimary_e4835d9d29.colorOnPrimaryColor_0e3850f408.disabled_d85307402f {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_e4835d9d29.colorFixedLight_1a2ef3ac20 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_e4835d9d29.colorFixedLightActive_f5fcd1d808,\n.kindPrimary_e4835d9d29.colorFixedLight_1a2ef3ac20:hover,\n.kindPrimary_e4835d9d29.colorFixedLight_1a2ef3ac20:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_e4835d9d29.colorFixedLightActive_f5fcd1d808:focus-visible, .kindPrimary_e4835d9d29.colorFixedLightActive_f5fcd1d808.focus-visible_20d611398f,\n.kindPrimary_e4835d9d29.colorFixedLight_1a2ef3ac20:hover:focus-visible,\n.kindPrimary_e4835d9d29.colorFixedLight_1a2ef3ac20:hover.focus-visible_20d611398f,\n.kindPrimary_e4835d9d29.colorFixedLight_1a2ef3ac20:focus:focus-visible,\n.kindPrimary_e4835d9d29.colorFixedLight_1a2ef3ac20:focus.focus-visible_20d611398f {\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_e4835d9d29.colorFixedLightActive_f5fcd1d808:focus:not(.focus-visible_20d611398f),\n.kindPrimary_e4835d9d29.colorFixedLight_1a2ef3ac20:hover:focus:not(.focus-visible_20d611398f),\n.kindPrimary_e4835d9d29.colorFixedLight_1a2ef3ac20:focus:focus:not(.focus-visible_20d611398f) {\n  outline: none;\n}\n.kindPrimary_e4835d9d29.colorFixedLight_1a2ef3ac20.disabled_d85307402f {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_e4835d9d29.colorOnInvertedBackground_f89ae816dd {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_e4835d9d29.colorOnInvertedBackgroundActive_ba42745eef,\n.kindPrimary_e4835d9d29.colorOnInvertedBackground_f89ae816dd:hover,\n.kindPrimary_e4835d9d29.colorOnInvertedBackground_f89ae816dd:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_e4835d9d29.button_d92486919d.colorOnInvertedBackground_f89ae816dd.disabled_d85307402f {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_e4835d9d29.button_d92486919d.disabled_d85307402f {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_847168d9eb {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_847168d9eb.sizeSmall_d3df8421cd {\n  line-height: 22px;\n}\n.kindSecondary_847168d9eb.sizeMedium_3542c8dbd1 {\n  line-height: 22px;\n}\n.kindSecondary_847168d9eb.sizeLarge_9361d53aeb {\n  line-height: 22px;\n}\n.kindSecondary_847168d9eb.colorPrimaryActive_5732dead36 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_847168d9eb.colorPrimaryActive_5732dead36:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_847168d9eb.colorBrandActive_4337ecc744 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_847168d9eb.colorBrandActive_4337ecc744,\n.kindSecondary_847168d9eb.colorBrandActive_4337ecc744:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_847168d9eb.colorPrimary_555716c87f:hover:not(.colorPrimaryActive_5732dead36),\n.kindSecondary_847168d9eb.colorPrimary_555716c87f:focus:not(.colorPrimaryActive_5732dead36) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_847168d9eb.colorBrand_b9feb976b1:hover:not(.colorBrandActive_4337ecc744),\n.kindSecondary_847168d9eb.colorBrand_b9feb976b1:focus:not(.colorBrandActive_4337ecc744) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_847168d9eb.colorPositive_52c51a289b {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_847168d9eb.colorPositiveActive_a06a52166c,\n.kindSecondary_847168d9eb.colorPositive_52c51a289b:hover,\n.kindSecondary_847168d9eb.colorPositive_52c51a289b:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_847168d9eb.colorNegative_d72a674018 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_847168d9eb.colorNegativeActive_a06a52166c,\n.kindSecondary_847168d9eb.colorNegative_d72a674018:hover,\n.kindSecondary_847168d9eb.colorNegative_d72a674018:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_847168d9eb.colorInverted_4e483b1aec {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_847168d9eb.colorInvertedActive_a06a52166c,\n.kindSecondary_847168d9eb.colorInverted_4e483b1aec:hover,\n.kindSecondary_847168d9eb.colorInverted_4e483b1aec:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_847168d9eb.colorInverted_4e483b1aec.disabled_d85307402f {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_847168d9eb.colorOnPrimaryColor_0e3850f408 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_847168d9eb.colorOnPrimaryColorActive_05bcbd597d,\n.kindSecondary_847168d9eb.colorOnPrimaryColor_0e3850f408:hover,\n.kindSecondary_847168d9eb.colorOnPrimaryColor_0e3850f408:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_847168d9eb.colorOnPrimaryColorActive_05bcbd597d:focus-visible, .kindSecondary_847168d9eb.colorOnPrimaryColorActive_05bcbd597d.focus-visible_20d611398f,\n.kindSecondary_847168d9eb.colorOnPrimaryColor_0e3850f408:hover:focus-visible,\n.kindSecondary_847168d9eb.colorOnPrimaryColor_0e3850f408:hover.focus-visible_20d611398f,\n.kindSecondary_847168d9eb.colorOnPrimaryColor_0e3850f408:focus:focus-visible,\n.kindSecondary_847168d9eb.colorOnPrimaryColor_0e3850f408:focus.focus-visible_20d611398f {\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_847168d9eb.colorOnPrimaryColorActive_05bcbd597d:focus:not(.focus-visible_20d611398f),\n.kindSecondary_847168d9eb.colorOnPrimaryColor_0e3850f408:hover:focus:not(.focus-visible_20d611398f),\n.kindSecondary_847168d9eb.colorOnPrimaryColor_0e3850f408:focus:focus:not(.focus-visible_20d611398f) {\n  outline: none;\n}\n.kindSecondary_847168d9eb.colorOnPrimaryColor_0e3850f408.disabled_d85307402f {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_847168d9eb.colorFixedLight_1a2ef3ac20 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_847168d9eb.colorFixedLightActive_f5fcd1d808,\n.kindSecondary_847168d9eb.colorFixedLight_1a2ef3ac20:hover,\n.kindSecondary_847168d9eb.colorFixedLight_1a2ef3ac20:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_847168d9eb.colorFixedLightActive_f5fcd1d808:focus-visible, .kindSecondary_847168d9eb.colorFixedLightActive_f5fcd1d808.focus-visible_20d611398f,\n.kindSecondary_847168d9eb.colorFixedLight_1a2ef3ac20:hover:focus-visible,\n.kindSecondary_847168d9eb.colorFixedLight_1a2ef3ac20:hover.focus-visible_20d611398f,\n.kindSecondary_847168d9eb.colorFixedLight_1a2ef3ac20:focus:focus-visible,\n.kindSecondary_847168d9eb.colorFixedLight_1a2ef3ac20:focus.focus-visible_20d611398f {\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_847168d9eb.colorFixedLightActive_f5fcd1d808:focus:not(.focus-visible_20d611398f),\n.kindSecondary_847168d9eb.colorFixedLight_1a2ef3ac20:hover:focus:not(.focus-visible_20d611398f),\n.kindSecondary_847168d9eb.colorFixedLight_1a2ef3ac20:focus:focus:not(.focus-visible_20d611398f) {\n  outline: none;\n}\n.kindSecondary_847168d9eb.colorOnInvertedBackground_f89ae816dd {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_847168d9eb.colorOnInvertedBackgroundActive_ba42745eef,\n.kindSecondary_847168d9eb.colorOnInvertedBackground_f89ae816dd:hover,\n.kindSecondary_847168d9eb.colorOnInvertedBackground_f89ae816dd:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_847168d9eb.colorOnInvertedBackground_f89ae816dd.disabled_d85307402f {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_847168d9eb.colorFixedLight_1a2ef3ac20.disabled_d85307402f {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_847168d9eb.disabled_d85307402f {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_847168d9eb.disabled_d85307402f:hover {\n  background-color: transparent;\n}\n.kindTertiary_d6bbcf4253 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_d6bbcf4253.colorPrimaryActive_5732dead36 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_d6bbcf4253.colorPrimaryActive_5732dead36:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_d6bbcf4253.colorBrandActive_4337ecc744 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_d6bbcf4253.colorBrandActive_4337ecc744,\n.kindTertiary_d6bbcf4253.colorBrandActive_4337ecc744:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_d6bbcf4253.colorPrimary_555716c87f:hover:not(.colorPrimaryActive_5732dead36),\n.kindTertiary_d6bbcf4253.colorPrimary_555716c87f:focus:not(.colorPrimaryActive_5732dead36) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_d6bbcf4253.colorBrand_b9feb976b1:hover:not(.colorBrandActive_4337ecc744),\n.kindTertiary_d6bbcf4253.colorBrand_b9feb976b1:focus:not(.colorBrandActive_4337ecc744) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_d6bbcf4253.colorPositive_52c51a289b {\n  color: var(--positive-color);\n}\n.kindTertiary_d6bbcf4253.colorPositiveActive_a06a52166c,\n.kindTertiary_d6bbcf4253.colorPositive_52c51a289b:hover,\n.kindTertiary_d6bbcf4253.colorPositive_52c51a289b:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_d6bbcf4253.colorNegative_d72a674018 {\n  color: var(--negative-color);\n}\n.kindTertiary_d6bbcf4253.colorNegativeActive_a06a52166c,\n.kindTertiary_d6bbcf4253.colorNegative_d72a674018:hover,\n.kindTertiary_d6bbcf4253.colorNegative_d72a674018:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_d6bbcf4253.colorInverted_4e483b1aec {\n  color: var(--primary-text-color);\n}\n.kindTertiary_d6bbcf4253.colorInvertedActive_a06a52166c,\n.kindTertiary_d6bbcf4253.colorInverted_4e483b1aec:hover,\n.kindTertiary_d6bbcf4253.colorInverted_4e483b1aec:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_d6bbcf4253.colorInverted_4e483b1aec.disabled_d85307402f {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_d6bbcf4253.colorOnPrimaryColor_0e3850f408 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_d6bbcf4253.colorOnPrimaryColorActive_05bcbd597d,\n.kindTertiary_d6bbcf4253.colorOnPrimaryColor_0e3850f408:hover,\n.kindTertiary_d6bbcf4253.colorOnPrimaryColor_0e3850f408:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_d6bbcf4253.colorOnPrimaryColorActive_05bcbd597d:focus-visible, .kindTertiary_d6bbcf4253.colorOnPrimaryColorActive_05bcbd597d.focus-visible_20d611398f,\n.kindTertiary_d6bbcf4253.colorOnPrimaryColor_0e3850f408:hover:focus-visible,\n.kindTertiary_d6bbcf4253.colorOnPrimaryColor_0e3850f408:hover.focus-visible_20d611398f,\n.kindTertiary_d6bbcf4253.colorOnPrimaryColor_0e3850f408:focus:focus-visible,\n.kindTertiary_d6bbcf4253.colorOnPrimaryColor_0e3850f408:focus.focus-visible_20d611398f {\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_d6bbcf4253.colorOnPrimaryColorActive_05bcbd597d:focus:not(.focus-visible_20d611398f),\n.kindTertiary_d6bbcf4253.colorOnPrimaryColor_0e3850f408:hover:focus:not(.focus-visible_20d611398f),\n.kindTertiary_d6bbcf4253.colorOnPrimaryColor_0e3850f408:focus:focus:not(.focus-visible_20d611398f) {\n  outline: none;\n}\n.kindTertiary_d6bbcf4253.colorOnPrimaryColor_0e3850f408.disabled_d85307402f {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_d6bbcf4253.colorFixedLight_1a2ef3ac20 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_d6bbcf4253.colorFixedLightActive_f5fcd1d808,\n.kindTertiary_d6bbcf4253.colorFixedLight_1a2ef3ac20:hover,\n.kindTertiary_d6bbcf4253.colorFixedLight_1a2ef3ac20:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_d6bbcf4253.colorFixedLightActive_f5fcd1d808:focus-visible, .kindTertiary_d6bbcf4253.colorFixedLightActive_f5fcd1d808.focus-visible_20d611398f,\n.kindTertiary_d6bbcf4253.colorFixedLight_1a2ef3ac20:hover:focus-visible,\n.kindTertiary_d6bbcf4253.colorFixedLight_1a2ef3ac20:hover.focus-visible_20d611398f,\n.kindTertiary_d6bbcf4253.colorFixedLight_1a2ef3ac20:focus:focus-visible,\n.kindTertiary_d6bbcf4253.colorFixedLight_1a2ef3ac20:focus.focus-visible_20d611398f {\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_d6bbcf4253.colorFixedLightActive_f5fcd1d808:focus:not(.focus-visible_20d611398f),\n.kindTertiary_d6bbcf4253.colorFixedLight_1a2ef3ac20:hover:focus:not(.focus-visible_20d611398f),\n.kindTertiary_d6bbcf4253.colorFixedLight_1a2ef3ac20:focus:focus:not(.focus-visible_20d611398f) {\n  outline: none;\n}\n.kindTertiary_d6bbcf4253.colorFixedLight_1a2ef3ac20.disabled_d85307402f {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_d6bbcf4253.colorOnInvertedBackground_f89ae816dd {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_d6bbcf4253.colorOnInvertedBackgroundActive_ba42745eef,\n.kindTertiary_d6bbcf4253.colorOnInvertedBackground_f89ae816dd:hover,\n.kindTertiary_d6bbcf4253.colorOnInvertedBackground_f89ae816dd:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_d6bbcf4253.colorOnInvertedBackground_f89ae816dd.disabled_d85307402f {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_d6bbcf4253.disabled_d85307402f {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_d6bbcf4253.disabled_d85307402f:hover {\n  background-color: transparent;\n}\n.noSidePadding_9dc57f58c7 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_d92486919d.insetFocusStyle_b8b57c235b:focus-visible, .button_d92486919d.insetFocusStyle_b8b57c235b.focus-visible_20d611398f {\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_d92486919d.insetFocusStyle_b8b57c235b:focus:not(.focus-visible_20d611398f) {\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_f5860633c6",subTextContainer:"subTextContainer_2f6180a40f",buttonsContainer:"buttonsContainer_406a74869d",button:"button_638653b3fe",activeButton:"activeButton_5732dead36",optionText:"optionText_776c0bc815",disabled:"disabled_8dfd751acd",selected:"selected_2d9812b731",kindTertiary:"kindTertiary_437b0dd2c3",wrapper:"wrapper_70c50aca6b",buttonDisabled:"buttonDisabled_6d7dd57f2f",fullWidth:"fullWidth_b705710db2"};!function(n){const o="s_id-51d51089eef9_3_21_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_f5860633c6 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_2f6180a40f {\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_406a74869d {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_406a74869d .button_638653b3fe {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_406a74869d .button_638653b3fe.activeButton_5732dead36 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_406a74869d .button_638653b3fe.activeButton_5732dead36:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_776c0bc815:not(.disabled_8dfd751acd) {\n  color: var(--primary-text-color);\n}\n\n.optionText_776c0bc815:not(.disabled_8dfd751acd).selected_2d9812b731 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_437b0dd2c3 .button_638653b3fe {\n  border-color: transparent;\n}\n\n.kindTertiary_437b0dd2c3 .button_638653b3fe:first-child {\n  border-color: transparent;\n}\n\n.wrapper_70c50aca6b.disabled_8dfd751acd {\n  cursor: not-allowed;\n}\n\n.button_638653b3fe.disabled_8dfd751acd {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_638653b3fe.buttonDisabled_6d7dd57f2f {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_b705710db2 {\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_7593e37673",checkbox:"checkbox_c319bb8193",icon:"icon_681dc73511",label:"label_9baa37c39e",input:"input_0ade0059bc",checkboxGrowAnimation:"checkboxGrowAnimation_b0ab36b4de"};!function(n){const e="s_id-a622c58c4e9d_3_21_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_7593e37673 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_c319bb8193 {\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_c319bb8193: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_c319bb8193:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_681dc73511 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_9baa37c39e {\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_0ade0059bc {\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_0ade0059bc:focus + .checkbox_c319bb8193 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_0ade0059bc:focus:checked + .checkbox_c319bb8193 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_0ade0059bc:focus-visible + .checkbox_c319bb8193 {\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_0ade0059bc:checked:focus + .checkbox_c319bb8193:after,\n.input_0ade0059bc:indeterminate:focus + .checkbox_c319bb8193:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_0ade0059bc:checked + .checkbox_c319bb8193,\n.input_0ade0059bc:indeterminate + .checkbox_c319bb8193 {\n  animation: checkboxGrowAnimation_b0ab36b4de var(--motion-productive-short);\n}\n\n.input_0ade0059bc:checked + .checkbox_c319bb8193,\n.input_0ade0059bc:indeterminate + .checkbox_c319bb8193 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_0ade0059bc:checked + .checkbox_c319bb8193:hover,\n.input_0ade0059bc:indeterminate + .checkbox_c319bb8193:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_0ade0059bc:checked + .checkbox_c319bb8193:hover:after,\n.input_0ade0059bc:indeterminate + .checkbox_c319bb8193:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_0ade0059bc:checked + .checkbox_c319bb8193:after,\n.input_0ade0059bc:indeterminate + .checkbox_c319bb8193: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_0ade0059bc:checked + .checkbox_c319bb8193 > .icon_681dc73511,\n.input_0ade0059bc:indeterminate + .checkbox_c319bb8193 > .icon_681dc73511 {\n  visibility: visible;\n}\n\n.input_0ade0059bc:checked:disabled + .checkbox_c319bb8193:after,\n.input_0ade0059bc:indeterminate:disabled + .checkbox_c319bb8193:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_0ade0059bc:disabled + .checkbox_c319bb8193,\n.input_0ade0059bc:disabled + .checkbox_c319bb8193:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_0ade0059bc:disabled + .checkbox_c319bb8193 .icon_681dc73511,\n.input_0ade0059bc:disabled + .checkbox_c319bb8193:hover .icon_681dc73511 {\n  color: var(--disabled-text-color);\n}\n\n.input_0ade0059bc:disabled + .checkbox_c319bb8193,\n.input_0ade0059bc:disabled + .checkbox_c319bb8193:hover {\n  cursor: not-allowed;\n}\n\n.input_0ade0059bc:disabled ~ .label_9baa37c39e {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_b0ab36b4de {\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_3936d93e39","focus-visible":"focus-visible_20d611398f",disabled:"disabled_0e5c5a7f9f",disableTextSelection:"disableTextSelection_68df2aedfc",chips:"chips_688ad6dd3a","chips-pop-in-emphasized":"chips-pop-in-emphasized_2fbb0f6795",border:"border_4cb09fd1d9",withUserSelect:"withUserSelect_6ccf797dea",label:"label_6aad3a7f35",noAnimation:"noAnimation_7e333b9fea",icon:"icon_4bc035eda6",avatar:"avatar_d4d7330598",customRenderer:"customRenderer_f7fc7efcf2",left:"left_150021ed96",right:"right_86ab24df18",close:"close_614bbbf8c6",defaultCursor:"defaultCursor_0e5c5a7f9f"};!function(e){const n="s_id-a8c9f55659fd_3_21_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_3936d93e39 {\n  cursor: pointer;\n}\n.clickable_3936d93e39:focus-visible, .clickable_3936d93e39.focus-visible_20d611398f {\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_3936d93e39:focus:not(.focus-visible_20d611398f) {\n  outline: none;\n}\n.clickable_3936d93e39.disabled_0e5c5a7f9f {\n  cursor: default;\n}\n.disableTextSelection_68df2aedfc {\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_688ad6dd3a {\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_2fbb0f6795 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_688ad6dd3a.border_4cb09fd1d9 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_688ad6dd3a.withUserSelect_6ccf797dea {\n  user-select: text;\n  cursor: text;\n}\n.chips_688ad6dd3a .label_6aad3a7f35 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_688ad6dd3a.noAnimation_7e333b9fea {\n  animation: none;\n}\n.chips_688ad6dd3a .icon_4bc035eda6,\n.chips_688ad6dd3a .avatar_d4d7330598,\n.chips_688ad6dd3a .customRenderer_f7fc7efcf2 {\n  min-width: 18px;\n}\n.chips_688ad6dd3a .icon_4bc035eda6.left_150021ed96,\n.chips_688ad6dd3a .avatar_d4d7330598.left_150021ed96,\n.chips_688ad6dd3a .customRenderer_f7fc7efcf2.left_150021ed96 {\n  margin-right: var(--spacing-xs);\n}\n.chips_688ad6dd3a .icon_4bc035eda6.right_86ab24df18,\n.chips_688ad6dd3a .avatar_d4d7330598.right_86ab24df18,\n.chips_688ad6dd3a .customRenderer_f7fc7efcf2.right_86ab24df18 {\n  margin-left: var(--spacing-xs);\n}\n.chips_688ad6dd3a .icon_4bc035eda6.close_614bbbf8c6,\n.chips_688ad6dd3a .avatar_d4d7330598.close_614bbbf8c6,\n.chips_688ad6dd3a .customRenderer_f7fc7efcf2.close_614bbbf8c6 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_688ad6dd3a.disabled_0e5c5a7f9f .icon_4bc035eda6 {\n  color: var(--disabled-text-color);\n}\n.chips_688ad6dd3a.disabled_0e5c5a7f9f .label_6aad3a7f35 {\n  color: var(--disabled-text-color);\n}\n.chips_688ad6dd3a.defaultCursor_0e5c5a7f9f {\n  cursor: default;\n}\n.chips_688ad6dd3a.clickable_3936d93e39 {\n  cursor: pointer;\n}\n.chips_688ad6dd3a.clickable_3936d93e39:focus-visible, .chips_688ad6dd3a.clickable_3936d93e39.focus-visible_20d611398f {\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_688ad6dd3a.clickable_3936d93e39:focus:not(.focus-visible_20d611398f) {\n  outline: none;\n}\n.chips_688ad6dd3a.clickable_3936d93e39.disabled_0e5c5a7f9f {\n  cursor: default;\n}\n.chips_688ad6dd3a.clickable_3936d93e39.disableTextSelection_68df2aedfc {\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_2fbb0f6795 {\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_3936d93e39","focus-visible":"focus-visible_20d611398f",disabled:"disabled_0e5c5a7f9f",disableTextSelection:"disableTextSelection_68df2aedfc"};!function(e){const n="s_id-8d33a9ee9e1f_3_21_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_3936d93e39 {\n  cursor: pointer;\n}\n.clickable_3936d93e39:focus-visible, .clickable_3936d93e39.focus-visible_20d611398f {\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_3936d93e39:focus:not(.focus-visible_20d611398f) {\n  outline: none;\n}\n.clickable_3936d93e39.disabled_0e5c5a7f9f {\n  cursor: default;\n}\n.disableTextSelection_68df2aedfc {\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_a86ba98556",colorPickerDialogContent:"colorPickerDialogContent_d396373755"};!function(e){const t="s_id-ffacbf9b6446_3_21_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_a86ba98556.colorPickerDialogContent_d396373755 {\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_3a88a96202",clearColorButton:"clearColorButton_0278dd0ac9"};!function(e){const n="s_id-774e60a23ee3_3_21_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_3a88a96202 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_0278dd0ac9 {\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_3a2b4e1c8a"};!function(e){const n="s_id-0a5f0eb78ee4_3_21_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_3a2b4e1c8a {\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_c427c5ee3e",circle:"circle_0caa7c931e",feedbackIndicator:"feedbackIndicator_07e64ed130",active:"active_447bb65431",selectedColor:"selectedColor_72cf4a9a9f",colorItem:"colorItem_d7b41a541f",colorIndicatorWrapper:"colorIndicatorWrapper_ad1e59229a",colorItemSizeSmall:"colorItemSizeSmall_d2663561a4",colorItemSizeMedium:"colorItemSizeMedium_2614c6daff",colorItemSizeLarge:"colorItemSizeLarge_34e2f527e4",colorItemTextMode:"colorItemTextMode_6f546c6ddb",colorIconWhite:"colorIconWhite_777f854285"};!function(e){const r="s_id-2198989e565d_3_21_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_c427c5ee3e {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_c427c5ee3e.circle_0caa7c931e {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_c427c5ee3e {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_c427c5ee3e .feedbackIndicator_07e64ed130 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_c427c5ee3e:focus,\n.itemWrapper_c427c5ee3e:focus-visible,\n.itemWrapper_c427c5ee3e.active_447bb65431 {\n  outline: none;\n}\n\n.itemWrapper_c427c5ee3e:focus .feedbackIndicator_07e64ed130:before,\n.itemWrapper_c427c5ee3e:focus-visible .feedbackIndicator_07e64ed130:before,\n.itemWrapper_c427c5ee3e.active_447bb65431 .feedbackIndicator_07e64ed130: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_c427c5ee3e:focus .feedbackIndicator_07e64ed130:after,\n.itemWrapper_c427c5ee3e:focus-visible .feedbackIndicator_07e64ed130:after,\n.itemWrapper_c427c5ee3e.active_447bb65431 .feedbackIndicator_07e64ed130: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_c427c5ee3e:hover:not(.active_447bb65431):not(.selectedColor_72cf4a9a9f) .feedbackIndicator_07e64ed130 {\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_c427c5ee3e .colorItem_d7b41a541f {\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_c427c5ee3e .colorItem_d7b41a541f .colorIndicatorWrapper_ad1e59229a {\n  margin-top: 3px;\n}\n\n.itemWrapper_c427c5ee3e .colorItem_d7b41a541f.colorItemSizeSmall_d2663561a4 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_c427c5ee3e .colorItem_d7b41a541f.colorItemSizeMedium_2614c6daff {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_c427c5ee3e .colorItem_d7b41a541f.colorItemSizeLarge_34e2f527e4 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_c427c5ee3e.selectedColor_72cf4a9a9f {\n  position: relative;\n}\n\n.itemWrapper_c427c5ee3e.selectedColor_72cf4a9a9f: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_c427c5ee3e.selectedColor_72cf4a9a9f .feedbackIndicator_07e64ed130:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_c427c5ee3e .colorItemTextMode_6f546c6ddb:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_c427c5ee3e .colorIconWhite_777f854285 {\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 e={combobox:"combobox_90fcf94fe5",stickyCategory:"stickyCategory_99c3eeb6d6",comboboxCategory:"comboboxCategory_82dee74195",sizeSmall:"sizeSmall_53ce9d750f",sizeMedium:"sizeMedium_90fcf94fe5",sizeLarge:"sizeLarge_53ce9d750f",empty:"empty_0bb5e82fdb",comboboxSearchWrapper:"comboboxSearchWrapper_db2b083d6c",comboboxNoResults:"comboboxNoResults_aeb2e0f064",comboboxMessageWrapper:"comboboxMessageWrapper_bfa84acaa0",comboboxMessage:"comboboxMessage_6aad3a7f35",addNewButton:"addNewButton_e33b58f925",buttonLabel:"buttonLabel_6aad3a7f35",comboboxList:"comboboxList_824c4d307c"};!function(e){const o="s_id-140391bb7df9_3_21_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".combobox_90fcf94fe5 {\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_90fcf94fe5.stickyCategory_99c3eeb6d6 .comboboxCategory_82dee74195 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_90fcf94fe5.stickyCategory_99c3eeb6d6.sizeSmall_53ce9d750f .comboboxCategory_82dee74195 {\n  top: 32px;\n}\n\n.combobox_90fcf94fe5.stickyCategory_99c3eeb6d6.sizeMedium_90fcf94fe5 .comboboxCategory_82dee74195 {\n  top: 40px;\n}\n\n.combobox_90fcf94fe5.stickyCategory_99c3eeb6d6.sizeLarge_53ce9d750f .comboboxCategory_82dee74195 {\n  top: 48px;\n}\n\n.combobox_90fcf94fe5.empty_0bb5e82fdb {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_db2b083d6c {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_aeb2e0f064 {\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_aeb2e0f064 .comboboxMessageWrapper_bfa84acaa0 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_aeb2e0f064 .comboboxMessageWrapper_bfa84acaa0 .comboboxMessage_6aad3a7f35 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_aeb2e0f064 .addNewButton_e33b58f925 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_aeb2e0f064 .addNewButton_e33b58f925 .buttonLabel_6aad3a7f35 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_824c4d307c {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{e 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_30783cf724",dividerContainer:"dividerContainer_e62588a0e7",divider:"divider_6a541889d9",sticky:"sticky_17eee12a87"};!function(e){const n="s_id-78c8179b7fe9_3_21_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_30783cf724 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_e62588a0e7 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_6a541889d9 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_17eee12a87 {\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_b2dcdffc85"};!function(e){const o="s_id-a004d249e1c1_3_21_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".comboboxCategory_b2dcdffc85 {\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 e={scrollableContainer:"scrollableContainer_32837c3631",optionsContainer:"optionsContainer_d52b04de78",categoryWithOptions:"categoryWithOptions_3a6b7a86f4",firstCategory:"firstCategory_a8f17e3e87",categoryWithoutOptions:"categoryWithoutOptions_02d57eae2a"};!function(e){const t="s_id-4d4facb041a8_3_21_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".scrollableContainer_32837c3631::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_32837c3631::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_d52b04de78 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_3a6b7a86f4.firstCategory_a8f17e3e87,\n.categoryWithoutOptions_02d57eae2a.firstCategory_a8f17e3e87 {\n  padding-top: 0;\n}\n.categoryWithOptions_3a6b7a86f4 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_02d57eae2a {\n  margin-bottom: 0;\n}");export{e 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 o={comboboxOption:"comboboxOption_d6c8d852e0",disabled:"disabled_567c7848e3",selected:"selected_621c64146c",active:"active_0363afe2d4",activeOutline:"activeOutline_ffc8642dcf",optionLabel:"optionLabel_a033b363e6",optionIcon:"optionIcon_c6f07ecfe5",left:"left_e1c99dca0a"};!function(o){const e="s_id-cc5db5fd586e_3_21_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".comboboxOption_d6c8d852e0 {\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_d6c8d852e0.disabled_567c7848e3 {\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_d6c8d852e0.disabled_567c7848e3:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_d6c8d852e0.selected_621c64146c {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_d6c8d852e0:hover:not(.disabled_567c7848e3):not(.selected_621c64146c),\n.comboboxOption_d6c8d852e0.active_0363afe2d4 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_d6c8d852e0.activeOutline_ffc8642dcf {\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_d6c8d852e0 .optionLabel_a033b363e6 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_d6c8d852e0 .optionIcon_c6f07ecfe5 {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_d6c8d852e0 .optionIcon_c6f07ecfe5.left_e1c99dca0a {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js 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_31e46aa4bc"};!function(e){const t="s_id-f549b49034f1_3_21_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_31e46aa4bc {\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_a520068f07",withAnimation:"withAnimation_5413efc3a7",counterPopElastic:"counterPopElastic_02d8680245",sizeXs:"sizeXs_6e0457f6f4",sizeSmall:"sizeSmall_3aa7b2fb9b",sizeLarge:"sizeLarge_6e0ed8cac1",kindFill:"kindFill_9827a21017",colorPrimary:"colorPrimary_50e94494a6",colorDark:"colorDark_11fa99183d",colorNegative:"colorNegative_fbecbac0d0",colorLight:"colorLight_d99793a074",kindLine:"kindLine_a26bae0627",fadeEnter:"fadeEnter_69a2fe6cbd",fadeEnterActive:"fadeEnterActive_04af718cb9",fadeExit:"fadeExit_54d1bad0c5",fadeExitActive:"fadeExitActive_70ad092c28","counter-pop-elastic":"counter-pop-elastic_e58d66ea5f"};!function(n){const o="s_id-51f4f5079107_3_21_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_a520068f07 {\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_e58d66ea5f {\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_5413efc3a7 {\n  animation: counterPopElastic_02d8680245 var(--motion-expressive-short);\n}\n.sizeXs_6e0457f6f4 {\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_3aa7b2fb9b {\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_6e0ed8cac1 {\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_9827a21017.colorPrimary_50e94494a6 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_9827a21017.colorDark_11fa99183d {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_9827a21017.colorNegative_fbecbac0d0 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_9827a21017.colorLight_d99793a074 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_a26bae0627 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_a26bae0627.colorPrimary_50e94494a6 {\n  color: var(--primary-color);\n}\n.kindLine_a26bae0627.colorDark_11fa99183d {\n  color: var(--inverted-color-background);\n}\n.kindLine_a26bae0627.colorNegative_fbecbac0d0 {\n  color: var(--negative-color);\n}\n.kindLine_a26bae0627.colorLight_d99793a074 {\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_69a2fe6cbd {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_04af718cb9 {\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_54d1bad0c5 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_70ad092c28 {\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_8bd112ccee"};!function(e){const n="s_id-84193b4fa4fe_3_21_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_8bd112ccee {\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_1642e7f56c",monthYearSelection:"monthYearSelection_4a3bbb1b26",rangePickerMode:"rangePickerMode_7e4430e2c8",withWeekNumber:"withWeekNumber_45b42e05a0",calendarDayWeekNumber:"calendarDayWeekNumber_a0735d121b"};!function(e){const n="s_id-08c822721057_3_21_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_1642e7f56c {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_1642e7f56c 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_1642e7f56c td {\n  border: none;\n}\n.datepickerContainer_1642e7f56c.monthYearSelection_4a3bbb1b26 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_1642e7f56c.monthYearSelection_4a3bbb1b26 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_1642e7f56c .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_1642e7f56c .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_1642e7f56c .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_1642e7f56c .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_1642e7f56c .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_1642e7f56c .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_1642e7f56c .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_1642e7f56c .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_1642e7f56c .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_1642e7f56c .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_1642e7f56c .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_1642e7f56c .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_1642e7f56c .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_1642e7f56c .CalendarDay__blocked_calendar, .datepickerContainer_1642e7f56c .CalendarDay__blocked_calendar:active, .datepickerContainer_1642e7f56c .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_1642e7f56c .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_1642e7f56c .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_1642e7f56c .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_1642e7f56c .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_1642e7f56c .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_1642e7f56c.rangePickerMode_7e4430e2c8 .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_1642e7f56c.rangePickerMode_7e4430e2c8 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_1642e7f56c.rangePickerMode_7e4430e2c8 .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_1642e7f56c.rangePickerMode_7e4430e2c8 .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_1642e7f56c.rangePickerMode_7e4430e2c8 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_1642e7f56c.rangePickerMode_7e4430e2c8 .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_1642e7f56c.rangePickerMode_7e4430e2c8 .CalendarDay__hovered_span, .datepickerContainer_1642e7f56c.rangePickerMode_7e4430e2c8 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_1642e7f56c.rangePickerMode_7e4430e2c8 .CalendarDay__hovered_span:hover::before, .datepickerContainer_1642e7f56c.rangePickerMode_7e4430e2c8 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_1642e7f56c.rangePickerMode_7e4430e2c8 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_1642e7f56c.rangePickerMode_7e4430e2c8 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_1642e7f56c.rangePickerMode_7e4430e2c8 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_1642e7f56c.rangePickerMode_7e4430e2c8 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_1642e7f56c.rangePickerMode_7e4430e2c8.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_1642e7f56c.rangePickerMode_7e4430e2c8.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_1642e7f56c.rangePickerMode_7e4430e2c8.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_1642e7f56c.withWeekNumber_45b42e05a0 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_1642e7f56c.withWeekNumber_45b42e05a0 .CalendarDay .calendarDayWeekNumber_a0735d121b {\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_1642e7f56c.withWeekNumber_45b42e05a0 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_a0735d121b {\n  display: flex;\n}\n.datepickerContainer_1642e7f56c.withWeekNumber_45b42e05a0 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_a0735d121b {\n  display: none;\n}\n.datepickerContainer_1642e7f56c.withWeekNumber_45b42e05a0 .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_1642e7f56c.withWeekNumber_45b42e05a0 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_1642e7f56c.withWeekNumber_45b42e05a0 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_1642e7f56c.withWeekNumber_45b42e05a0 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_1642e7f56c.withWeekNumber_45b42e05a0 .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_7e7142c672",button:"button_8be2e2f6f4",buttonContent:"buttonContent_79a66a1a5d"};!function(e){const n="s_id-89778422f1e0_3_21_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)}(".datePickerHeader_7e7142c672 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_7e7142c672 .button_8be2e2f6f4 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_7e7142c672 .button_8be2e2f6f4 .buttonContent_79a66a1a5d {\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_7e7142c672 .button_8be2e2f6f4 .buttonContent_79a66a1a5d: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 n={monthYearPicker:"monthYearPicker_5996a986ac",navigationWrapper:"navigationWrapper_8eb1dcd774",navigationLeft:"navigationLeft_5177d1e8b2",navigationRight:"navigationRight_c5cc1e1fdb",pickerOptions:"pickerOptions_3837d45fdd",pickerOption:"pickerOption_8206995512"};!function(n){const e="s_id-38af31aef936_3_21_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_5996a986ac {\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_5996a986ac .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_5996a986ac .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_5996a986ac .navigationWrapper_8eb1dcd774 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_5996a986ac .navigationWrapper_8eb1dcd774.navigationLeft_5177d1e8b2 {\n  left: 21px;\n}\n.monthYearPicker_5996a986ac .navigationWrapper_8eb1dcd774.navigationRight_c5cc1e1fdb {\n  right: 21px;\n}\n.monthYearPicker_5996a986ac .pickerOptions_3837d45fdd {\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_5996a986ac .pickerOptions_3837d45fdd .pickerOption_8206995512 {\n  min-width: 66px;\n}\n.monthYearPicker_5996a986ac .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map