npm - @vibe/core - Versions diffs - 3.0.0-alpha.7 → 3.0.0-alpha.9 - Mend

@vibe/core 3.0.0-alpha.7 → 3.0.0-alpha.9

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 (402) hide show

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

@@ -1,2 +1,2 @@
-var o={button:"button_bdf2a204f9","focus-visible":"focus-visible_bf698772be",loader:"loader_1efa6db58f",loaderSvg:"loaderSvg_be382b6a97",textPlaceholder:"textPlaceholder_6b0c019c45",success:"success_24945294c2",successContent:"successContent_b2a874f58e",marginRight:"marginRight_0713190850",marginLeft:"marginLeft_e7d84d68f1",rightFlat:"rightFlat_bce5188e14",leftFlat:"leftFlat_e31f51a366",preventClickAnimation:"preventClickAnimation_c4756785f2",leftIcon:"leftIcon_0713190850",rightIcon:"rightIcon_e7d84d68f1",sizeXxs:"sizeXxs_cc01c7849c",sizeXs:"sizeXs_ac93eb4111",sizeSmall:"sizeSmall_c99248f8fa",sizeMedium:"sizeMedium_a2e9035df0",sizeLarge:"sizeLarge_630ace5edd",kindPrimary:"kindPrimary_b5ca6bb986",colorPrimary:"colorPrimary_842a5655c0",colorBrand:"colorBrand_da938b44ac",colorPrimaryActive:"colorPrimaryActive_a0cd8297b2",colorBrandActive:"colorBrandActive_120d642d2e",colorPositive:"colorPositive_daf0df7cd3",colorPositiveActive:"colorPositiveActive_7271a94855",colorNegative:"colorNegative_f80f482cb0",colorNegativeActive:"colorNegativeActive_7271a94855",colorInverted:"colorInverted_ff83e64a4e",colorInvertedActive:"colorInvertedActive_7271a94855",disabled:"disabled_7252d0d1f2",colorOnPrimaryColor:"colorOnPrimaryColor_6826ca8d6f",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_a28bff626c",colorFixedLight:"colorFixedLight_5f9bb958cf",colorFixedLightActive:"colorFixedLightActive_c4756785f2",colorOnInvertedBackground:"colorOnInvertedBackground_ba1c5ae409",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_3392a2be19",kindSecondary:"kindSecondary_06e4834ac9",kindTertiary:"kindTertiary_ec8de4dc57",noSidePadding:"noSidePadding_0194dbdfc2",insetFocusStyle:"insetFocusStyle_7c3fb5d118"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-cc4fb503a885_3_0_0-alpha_6";if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}(".button_bdf2a204f9 {\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_bdf2a204f9:focus-visible, .button_bdf2a204f9.focus-visible_bf698772be {\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_bdf2a204f9:focus:not(.focus-visible_bf698772be) {\n  outline: none;\n}\n.button_bdf2a204f9 .loader_1efa6db58f {\n  height: 100%;\n}\n.button_bdf2a204f9 .loader_1efa6db58f .loaderSvg_be382b6a97 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_bdf2a204f9 .textPlaceholder_6b0c019c45 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_bdf2a204f9.success_24945294c2 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_bdf2a204f9.success_24945294c2 .successContent_b2a874f58e {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_0713190850 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_e7d84d68f1 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_bce5188e14 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_e31f51a366 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_bdf2a204f9:active:not(.preventClickAnimation_c4756785f2) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_bdf2a204f9 .leftIcon_0713190850 {\n  margin-right: var(--spacing-small);\n}\n.button_bdf2a204f9 .rightIcon_e7d84d68f1 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_cc01c7849c {\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_ac93eb4111 {\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_c99248f8fa {\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_c99248f8fa .loader_1efa6db58f {\n  top: 7px;\n}\n.sizeMedium_a2e9035df0 {\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_630ace5edd {\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_b5ca6bb986 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_b5ca6bb986.colorPrimary_842a5655c0 {\n  background: var(--primary-color);\n}\n.kindPrimary_b5ca6bb986.colorBrand_da938b44ac {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_b5ca6bb986.colorPrimaryActive_a0cd8297b2,\n.kindPrimary_b5ca6bb986.colorPrimary_842a5655c0:hover,\n.kindPrimary_b5ca6bb986.colorPrimary_842a5655c0:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_b5ca6bb986.colorBrandActive_120d642d2e,\n.kindPrimary_b5ca6bb986.colorBrand_da938b44ac:hover,\n.kindPrimary_b5ca6bb986.colorBrand_da938b44ac:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_b5ca6bb986.colorPositive_daf0df7cd3 {\n  background: var(--positive-color);\n}\n.kindPrimary_b5ca6bb986.colorPositiveActive_7271a94855,\n.kindPrimary_b5ca6bb986.colorPositive_daf0df7cd3:hover,\n.kindPrimary_b5ca6bb986.colorPositive_daf0df7cd3:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_b5ca6bb986.colorNegative_f80f482cb0 {\n  background: var(--negative-color);\n}\n.kindPrimary_b5ca6bb986.colorNegativeActive_7271a94855,\n.kindPrimary_b5ca6bb986.colorNegative_f80f482cb0:hover,\n.kindPrimary_b5ca6bb986.colorNegative_f80f482cb0:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_b5ca6bb986.colorInverted_ff83e64a4e {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_b5ca6bb986.colorInvertedActive_7271a94855,\n.kindPrimary_b5ca6bb986.colorInverted_ff83e64a4e:hover,\n.kindPrimary_b5ca6bb986.colorInverted_ff83e64a4e:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_b5ca6bb986.button_bdf2a204f9.colorInverted_ff83e64a4e.disabled_7252d0d1f2 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_b5ca6bb986.colorOnPrimaryColor_6826ca8d6f {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_b5ca6bb986.colorOnPrimaryColorActive_a28bff626c,\n.kindPrimary_b5ca6bb986.colorOnPrimaryColor_6826ca8d6f:hover,\n.kindPrimary_b5ca6bb986.colorOnPrimaryColor_6826ca8d6f:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_b5ca6bb986.colorOnPrimaryColorActive_a28bff626c:focus-visible, .kindPrimary_b5ca6bb986.colorOnPrimaryColorActive_a28bff626c.focus-visible_bf698772be,\n.kindPrimary_b5ca6bb986.colorOnPrimaryColor_6826ca8d6f:hover:focus-visible,\n.kindPrimary_b5ca6bb986.colorOnPrimaryColor_6826ca8d6f:hover.focus-visible_bf698772be,\n.kindPrimary_b5ca6bb986.colorOnPrimaryColor_6826ca8d6f:focus:focus-visible,\n.kindPrimary_b5ca6bb986.colorOnPrimaryColor_6826ca8d6f:focus.focus-visible_bf698772be {\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_b5ca6bb986.colorOnPrimaryColorActive_a28bff626c:focus:not(.focus-visible_bf698772be),\n.kindPrimary_b5ca6bb986.colorOnPrimaryColor_6826ca8d6f:hover:focus:not(.focus-visible_bf698772be),\n.kindPrimary_b5ca6bb986.colorOnPrimaryColor_6826ca8d6f:focus:focus:not(.focus-visible_bf698772be) {\n  outline: none;\n}\n.kindPrimary_b5ca6bb986.colorOnPrimaryColor_6826ca8d6f.disabled_7252d0d1f2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_b5ca6bb986.colorFixedLight_5f9bb958cf {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_b5ca6bb986.colorFixedLightActive_c4756785f2,\n.kindPrimary_b5ca6bb986.colorFixedLight_5f9bb958cf:hover,\n.kindPrimary_b5ca6bb986.colorFixedLight_5f9bb958cf:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_b5ca6bb986.colorFixedLightActive_c4756785f2:focus-visible, .kindPrimary_b5ca6bb986.colorFixedLightActive_c4756785f2.focus-visible_bf698772be,\n.kindPrimary_b5ca6bb986.colorFixedLight_5f9bb958cf:hover:focus-visible,\n.kindPrimary_b5ca6bb986.colorFixedLight_5f9bb958cf:hover.focus-visible_bf698772be,\n.kindPrimary_b5ca6bb986.colorFixedLight_5f9bb958cf:focus:focus-visible,\n.kindPrimary_b5ca6bb986.colorFixedLight_5f9bb958cf:focus.focus-visible_bf698772be {\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_b5ca6bb986.colorFixedLightActive_c4756785f2:focus:not(.focus-visible_bf698772be),\n.kindPrimary_b5ca6bb986.colorFixedLight_5f9bb958cf:hover:focus:not(.focus-visible_bf698772be),\n.kindPrimary_b5ca6bb986.colorFixedLight_5f9bb958cf:focus:focus:not(.focus-visible_bf698772be) {\n  outline: none;\n}\n.kindPrimary_b5ca6bb986.colorFixedLight_5f9bb958cf.disabled_7252d0d1f2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_b5ca6bb986.colorOnInvertedBackground_ba1c5ae409 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_b5ca6bb986.colorOnInvertedBackgroundActive_3392a2be19,\n.kindPrimary_b5ca6bb986.colorOnInvertedBackground_ba1c5ae409:hover,\n.kindPrimary_b5ca6bb986.colorOnInvertedBackground_ba1c5ae409:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_b5ca6bb986.button_bdf2a204f9.colorOnInvertedBackground_ba1c5ae409.disabled_7252d0d1f2 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_b5ca6bb986.button_bdf2a204f9.disabled_7252d0d1f2 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_06e4834ac9 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_06e4834ac9.sizeSmall_c99248f8fa {\n  line-height: 22px;\n}\n.kindSecondary_06e4834ac9.sizeMedium_a2e9035df0 {\n  line-height: 22px;\n}\n.kindSecondary_06e4834ac9.sizeLarge_630ace5edd {\n  line-height: 22px;\n}\n.kindSecondary_06e4834ac9.colorPrimaryActive_a0cd8297b2 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_06e4834ac9.colorPrimaryActive_a0cd8297b2:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_06e4834ac9.colorBrandActive_120d642d2e {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_06e4834ac9.colorBrandActive_120d642d2e,\n.kindSecondary_06e4834ac9.colorBrandActive_120d642d2e:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_06e4834ac9.colorPrimary_842a5655c0:hover:not(.colorPrimaryActive_a0cd8297b2),\n.kindSecondary_06e4834ac9.colorPrimary_842a5655c0:focus:not(.colorPrimaryActive_a0cd8297b2) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_06e4834ac9.colorBrand_da938b44ac:hover:not(.colorBrandActive_120d642d2e),\n.kindSecondary_06e4834ac9.colorBrand_da938b44ac:focus:not(.colorBrandActive_120d642d2e) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_06e4834ac9.colorPositive_daf0df7cd3 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_06e4834ac9.colorPositiveActive_7271a94855,\n.kindSecondary_06e4834ac9.colorPositive_daf0df7cd3:hover,\n.kindSecondary_06e4834ac9.colorPositive_daf0df7cd3:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_06e4834ac9.colorNegative_f80f482cb0 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_06e4834ac9.colorNegativeActive_7271a94855,\n.kindSecondary_06e4834ac9.colorNegative_f80f482cb0:hover,\n.kindSecondary_06e4834ac9.colorNegative_f80f482cb0:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_06e4834ac9.colorInverted_ff83e64a4e {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_06e4834ac9.colorInvertedActive_7271a94855,\n.kindSecondary_06e4834ac9.colorInverted_ff83e64a4e:hover,\n.kindSecondary_06e4834ac9.colorInverted_ff83e64a4e:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_06e4834ac9.colorInverted_ff83e64a4e.disabled_7252d0d1f2 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_06e4834ac9.colorOnPrimaryColor_6826ca8d6f {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_06e4834ac9.colorOnPrimaryColorActive_a28bff626c,\n.kindSecondary_06e4834ac9.colorOnPrimaryColor_6826ca8d6f:hover,\n.kindSecondary_06e4834ac9.colorOnPrimaryColor_6826ca8d6f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_06e4834ac9.colorOnPrimaryColorActive_a28bff626c:focus-visible, .kindSecondary_06e4834ac9.colorOnPrimaryColorActive_a28bff626c.focus-visible_bf698772be,\n.kindSecondary_06e4834ac9.colorOnPrimaryColor_6826ca8d6f:hover:focus-visible,\n.kindSecondary_06e4834ac9.colorOnPrimaryColor_6826ca8d6f:hover.focus-visible_bf698772be,\n.kindSecondary_06e4834ac9.colorOnPrimaryColor_6826ca8d6f:focus:focus-visible,\n.kindSecondary_06e4834ac9.colorOnPrimaryColor_6826ca8d6f:focus.focus-visible_bf698772be {\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_06e4834ac9.colorOnPrimaryColorActive_a28bff626c:focus:not(.focus-visible_bf698772be),\n.kindSecondary_06e4834ac9.colorOnPrimaryColor_6826ca8d6f:hover:focus:not(.focus-visible_bf698772be),\n.kindSecondary_06e4834ac9.colorOnPrimaryColor_6826ca8d6f:focus:focus:not(.focus-visible_bf698772be) {\n  outline: none;\n}\n.kindSecondary_06e4834ac9.colorOnPrimaryColor_6826ca8d6f.disabled_7252d0d1f2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_06e4834ac9.colorFixedLight_5f9bb958cf {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_06e4834ac9.colorFixedLightActive_c4756785f2,\n.kindSecondary_06e4834ac9.colorFixedLight_5f9bb958cf:hover,\n.kindSecondary_06e4834ac9.colorFixedLight_5f9bb958cf:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_06e4834ac9.colorFixedLightActive_c4756785f2:focus-visible, .kindSecondary_06e4834ac9.colorFixedLightActive_c4756785f2.focus-visible_bf698772be,\n.kindSecondary_06e4834ac9.colorFixedLight_5f9bb958cf:hover:focus-visible,\n.kindSecondary_06e4834ac9.colorFixedLight_5f9bb958cf:hover.focus-visible_bf698772be,\n.kindSecondary_06e4834ac9.colorFixedLight_5f9bb958cf:focus:focus-visible,\n.kindSecondary_06e4834ac9.colorFixedLight_5f9bb958cf:focus.focus-visible_bf698772be {\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_06e4834ac9.colorFixedLightActive_c4756785f2:focus:not(.focus-visible_bf698772be),\n.kindSecondary_06e4834ac9.colorFixedLight_5f9bb958cf:hover:focus:not(.focus-visible_bf698772be),\n.kindSecondary_06e4834ac9.colorFixedLight_5f9bb958cf:focus:focus:not(.focus-visible_bf698772be) {\n  outline: none;\n}\n.kindSecondary_06e4834ac9.colorOnInvertedBackground_ba1c5ae409 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_06e4834ac9.colorOnInvertedBackgroundActive_3392a2be19,\n.kindSecondary_06e4834ac9.colorOnInvertedBackground_ba1c5ae409:hover,\n.kindSecondary_06e4834ac9.colorOnInvertedBackground_ba1c5ae409:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_06e4834ac9.colorOnInvertedBackground_ba1c5ae409.disabled_7252d0d1f2 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_06e4834ac9.colorFixedLight_5f9bb958cf.disabled_7252d0d1f2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_06e4834ac9.disabled_7252d0d1f2 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_06e4834ac9.disabled_7252d0d1f2:hover {\n  background-color: transparent;\n}\n.kindTertiary_ec8de4dc57 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_ec8de4dc57.colorPrimaryActive_a0cd8297b2 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_ec8de4dc57.colorPrimaryActive_a0cd8297b2:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_ec8de4dc57.colorBrandActive_120d642d2e {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_ec8de4dc57.colorBrandActive_120d642d2e,\n.kindTertiary_ec8de4dc57.colorBrandActive_120d642d2e:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_ec8de4dc57.colorPrimary_842a5655c0:hover:not(.colorPrimaryActive_a0cd8297b2),\n.kindTertiary_ec8de4dc57.colorPrimary_842a5655c0:focus:not(.colorPrimaryActive_a0cd8297b2) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_ec8de4dc57.colorBrand_da938b44ac:hover:not(.colorBrandActive_120d642d2e),\n.kindTertiary_ec8de4dc57.colorBrand_da938b44ac:focus:not(.colorBrandActive_120d642d2e) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_ec8de4dc57.colorPositive_daf0df7cd3 {\n  color: var(--positive-color);\n}\n.kindTertiary_ec8de4dc57.colorPositiveActive_7271a94855,\n.kindTertiary_ec8de4dc57.colorPositive_daf0df7cd3:hover,\n.kindTertiary_ec8de4dc57.colorPositive_daf0df7cd3:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_ec8de4dc57.colorNegative_f80f482cb0 {\n  color: var(--negative-color);\n}\n.kindTertiary_ec8de4dc57.colorNegativeActive_7271a94855,\n.kindTertiary_ec8de4dc57.colorNegative_f80f482cb0:hover,\n.kindTertiary_ec8de4dc57.colorNegative_f80f482cb0:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_ec8de4dc57.colorInverted_ff83e64a4e {\n  color: var(--primary-text-color);\n}\n.kindTertiary_ec8de4dc57.colorInvertedActive_7271a94855,\n.kindTertiary_ec8de4dc57.colorInverted_ff83e64a4e:hover,\n.kindTertiary_ec8de4dc57.colorInverted_ff83e64a4e:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_ec8de4dc57.colorInverted_ff83e64a4e.disabled_7252d0d1f2 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_ec8de4dc57.colorOnPrimaryColor_6826ca8d6f {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_ec8de4dc57.colorOnPrimaryColorActive_a28bff626c,\n.kindTertiary_ec8de4dc57.colorOnPrimaryColor_6826ca8d6f:hover,\n.kindTertiary_ec8de4dc57.colorOnPrimaryColor_6826ca8d6f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_ec8de4dc57.colorOnPrimaryColorActive_a28bff626c:focus-visible, .kindTertiary_ec8de4dc57.colorOnPrimaryColorActive_a28bff626c.focus-visible_bf698772be,\n.kindTertiary_ec8de4dc57.colorOnPrimaryColor_6826ca8d6f:hover:focus-visible,\n.kindTertiary_ec8de4dc57.colorOnPrimaryColor_6826ca8d6f:hover.focus-visible_bf698772be,\n.kindTertiary_ec8de4dc57.colorOnPrimaryColor_6826ca8d6f:focus:focus-visible,\n.kindTertiary_ec8de4dc57.colorOnPrimaryColor_6826ca8d6f:focus.focus-visible_bf698772be {\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_ec8de4dc57.colorOnPrimaryColorActive_a28bff626c:focus:not(.focus-visible_bf698772be),\n.kindTertiary_ec8de4dc57.colorOnPrimaryColor_6826ca8d6f:hover:focus:not(.focus-visible_bf698772be),\n.kindTertiary_ec8de4dc57.colorOnPrimaryColor_6826ca8d6f:focus:focus:not(.focus-visible_bf698772be) {\n  outline: none;\n}\n.kindTertiary_ec8de4dc57.colorOnPrimaryColor_6826ca8d6f.disabled_7252d0d1f2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_ec8de4dc57.colorFixedLight_5f9bb958cf {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_ec8de4dc57.colorFixedLightActive_c4756785f2,\n.kindTertiary_ec8de4dc57.colorFixedLight_5f9bb958cf:hover,\n.kindTertiary_ec8de4dc57.colorFixedLight_5f9bb958cf:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_ec8de4dc57.colorFixedLightActive_c4756785f2:focus-visible, .kindTertiary_ec8de4dc57.colorFixedLightActive_c4756785f2.focus-visible_bf698772be,\n.kindTertiary_ec8de4dc57.colorFixedLight_5f9bb958cf:hover:focus-visible,\n.kindTertiary_ec8de4dc57.colorFixedLight_5f9bb958cf:hover.focus-visible_bf698772be,\n.kindTertiary_ec8de4dc57.colorFixedLight_5f9bb958cf:focus:focus-visible,\n.kindTertiary_ec8de4dc57.colorFixedLight_5f9bb958cf:focus.focus-visible_bf698772be {\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_ec8de4dc57.colorFixedLightActive_c4756785f2:focus:not(.focus-visible_bf698772be),\n.kindTertiary_ec8de4dc57.colorFixedLight_5f9bb958cf:hover:focus:not(.focus-visible_bf698772be),\n.kindTertiary_ec8de4dc57.colorFixedLight_5f9bb958cf:focus:focus:not(.focus-visible_bf698772be) {\n  outline: none;\n}\n.kindTertiary_ec8de4dc57.colorFixedLight_5f9bb958cf.disabled_7252d0d1f2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_ec8de4dc57.colorOnInvertedBackground_ba1c5ae409 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_ec8de4dc57.colorOnInvertedBackgroundActive_3392a2be19,\n.kindTertiary_ec8de4dc57.colorOnInvertedBackground_ba1c5ae409:hover,\n.kindTertiary_ec8de4dc57.colorOnInvertedBackground_ba1c5ae409:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_ec8de4dc57.colorOnInvertedBackground_ba1c5ae409.disabled_7252d0d1f2 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_ec8de4dc57.disabled_7252d0d1f2 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_ec8de4dc57.disabled_7252d0d1f2:hover {\n  background-color: transparent;\n}\n.noSidePadding_0194dbdfc2 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_bdf2a204f9.insetFocusStyle_7c3fb5d118:focus-visible, .button_bdf2a204f9.insetFocusStyle_7c3fb5d118.focus-visible_bf698772be {\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_bdf2a204f9.insetFocusStyle_7c3fb5d118:focus:not(.focus-visible_bf698772be) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_8475e0cbba","focus-visible":"focus-visible_78a95fb4b9",loader:"loader_900b1f00c1",loaderSvg:"loaderSvg_969fa8be68",textPlaceholder:"textPlaceholder_f4aec15bb2",success:"success_f12165a300",successContent:"successContent_5bb7b3c6f0",marginRight:"marginRight_ee089cb006",marginLeft:"marginLeft_c7122b2288",rightFlat:"rightFlat_e694bab01d",leftFlat:"leftFlat_2e5b6fe1ca",preventClickAnimation:"preventClickAnimation_551c1cf7a5",leftIcon:"leftIcon_ee089cb006",rightIcon:"rightIcon_c7122b2288",sizeXxs:"sizeXxs_71493bb4d4",sizeXs:"sizeXs_4da3954809",sizeSmall:"sizeSmall_2a75d76954",sizeMedium:"sizeMedium_f86e427865",sizeLarge:"sizeLarge_1228b6d7cf",kindPrimary:"kindPrimary_61785c1c54",colorPrimary:"colorPrimary_bf3c537579",colorBrand:"colorBrand_b97acea838",colorPrimaryActive:"colorPrimaryActive_caddaca6a9",colorBrandActive:"colorBrandActive_edf413c4ad",colorPositive:"colorPositive_2c1a52eefd",colorPositiveActive:"colorPositiveActive_e49cf38579",colorNegative:"colorNegative_c3df0e7cb7",colorNegativeActive:"colorNegativeActive_e49cf38579",colorInverted:"colorInverted_47c362dbf5",colorInvertedActive:"colorInvertedActive_e49cf38579",disabled:"disabled_78dd5f884d",colorOnPrimaryColor:"colorOnPrimaryColor_0f3acd9f46",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_d67cb2c92e",colorFixedLight:"colorFixedLight_2346ff6324",colorFixedLightActive:"colorFixedLightActive_551c1cf7a5",colorOnInvertedBackground:"colorOnInvertedBackground_19b32527f3",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_5b20e49fab",kindSecondary:"kindSecondary_22295d3d87",kindTertiary:"kindTertiary_b202e44a82",noSidePadding:"noSidePadding_77bb4c3b88",insetFocusStyle:"insetFocusStyle_297785afc1"};!function(o){const r="s_id-cc4fb503a885_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_8475e0cbba {\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_8475e0cbba:focus-visible, .button_8475e0cbba.focus-visible_78a95fb4b9 {\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_8475e0cbba:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.button_8475e0cbba .loader_900b1f00c1 {\n  height: 100%;\n}\n.button_8475e0cbba .loader_900b1f00c1 .loaderSvg_969fa8be68 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_8475e0cbba .textPlaceholder_f4aec15bb2 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_8475e0cbba.success_f12165a300 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_8475e0cbba.success_f12165a300 .successContent_5bb7b3c6f0 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_ee089cb006 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_c7122b2288 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_e694bab01d {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_2e5b6fe1ca {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_8475e0cbba:active:not(.preventClickAnimation_551c1cf7a5) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_8475e0cbba .leftIcon_ee089cb006 {\n  margin-right: var(--spacing-small);\n}\n.button_8475e0cbba .rightIcon_c7122b2288 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_71493bb4d4 {\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_4da3954809 {\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_2a75d76954 {\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_2a75d76954 .loader_900b1f00c1 {\n  top: 7px;\n}\n.sizeMedium_f86e427865 {\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_1228b6d7cf {\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_61785c1c54 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_61785c1c54.colorPrimary_bf3c537579 {\n  background: var(--primary-color);\n}\n.kindPrimary_61785c1c54.colorBrand_b97acea838 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_61785c1c54.colorPrimaryActive_caddaca6a9,\n.kindPrimary_61785c1c54.colorPrimary_bf3c537579:hover,\n.kindPrimary_61785c1c54.colorPrimary_bf3c537579:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_61785c1c54.colorBrandActive_edf413c4ad,\n.kindPrimary_61785c1c54.colorBrand_b97acea838:hover,\n.kindPrimary_61785c1c54.colorBrand_b97acea838:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_61785c1c54.colorPositive_2c1a52eefd {\n  background: var(--positive-color);\n}\n.kindPrimary_61785c1c54.colorPositiveActive_e49cf38579,\n.kindPrimary_61785c1c54.colorPositive_2c1a52eefd:hover,\n.kindPrimary_61785c1c54.colorPositive_2c1a52eefd:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_61785c1c54.colorNegative_c3df0e7cb7 {\n  background: var(--negative-color);\n}\n.kindPrimary_61785c1c54.colorNegativeActive_e49cf38579,\n.kindPrimary_61785c1c54.colorNegative_c3df0e7cb7:hover,\n.kindPrimary_61785c1c54.colorNegative_c3df0e7cb7:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_61785c1c54.colorInverted_47c362dbf5 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_61785c1c54.colorInvertedActive_e49cf38579,\n.kindPrimary_61785c1c54.colorInverted_47c362dbf5:hover,\n.kindPrimary_61785c1c54.colorInverted_47c362dbf5:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_61785c1c54.button_8475e0cbba.colorInverted_47c362dbf5.disabled_78dd5f884d {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_61785c1c54.colorOnPrimaryColorActive_d67cb2c92e,\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:hover,\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_61785c1c54.colorOnPrimaryColorActive_d67cb2c92e:focus-visible, .kindPrimary_61785c1c54.colorOnPrimaryColorActive_d67cb2c92e.focus-visible_78a95fb4b9,\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:hover:focus-visible,\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:hover.focus-visible_78a95fb4b9,\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:focus:focus-visible,\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:focus.focus-visible_78a95fb4b9 {\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_61785c1c54.colorOnPrimaryColorActive_d67cb2c92e:focus:not(.focus-visible_78a95fb4b9),\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:hover:focus:not(.focus-visible_78a95fb4b9),\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46:focus:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.kindPrimary_61785c1c54.colorOnPrimaryColor_0f3acd9f46.disabled_78dd5f884d {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_61785c1c54.colorFixedLightActive_551c1cf7a5,\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:hover,\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_61785c1c54.colorFixedLightActive_551c1cf7a5:focus-visible, .kindPrimary_61785c1c54.colorFixedLightActive_551c1cf7a5.focus-visible_78a95fb4b9,\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:hover:focus-visible,\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:hover.focus-visible_78a95fb4b9,\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:focus:focus-visible,\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:focus.focus-visible_78a95fb4b9 {\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_61785c1c54.colorFixedLightActive_551c1cf7a5:focus:not(.focus-visible_78a95fb4b9),\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:hover:focus:not(.focus-visible_78a95fb4b9),\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324:focus:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.kindPrimary_61785c1c54.colorFixedLight_2346ff6324.disabled_78dd5f884d {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_61785c1c54.colorOnInvertedBackground_19b32527f3 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_61785c1c54.colorOnInvertedBackgroundActive_5b20e49fab,\n.kindPrimary_61785c1c54.colorOnInvertedBackground_19b32527f3:hover,\n.kindPrimary_61785c1c54.colorOnInvertedBackground_19b32527f3:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_61785c1c54.button_8475e0cbba.colorOnInvertedBackground_19b32527f3.disabled_78dd5f884d {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_61785c1c54.button_8475e0cbba.disabled_78dd5f884d {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_22295d3d87 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_22295d3d87.sizeSmall_2a75d76954 {\n  line-height: 22px;\n}\n.kindSecondary_22295d3d87.sizeMedium_f86e427865 {\n  line-height: 22px;\n}\n.kindSecondary_22295d3d87.sizeLarge_1228b6d7cf {\n  line-height: 22px;\n}\n.kindSecondary_22295d3d87.colorPrimaryActive_caddaca6a9 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_22295d3d87.colorPrimaryActive_caddaca6a9:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_22295d3d87.colorBrandActive_edf413c4ad {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_22295d3d87.colorBrandActive_edf413c4ad,\n.kindSecondary_22295d3d87.colorBrandActive_edf413c4ad:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_22295d3d87.colorPrimary_bf3c537579:hover:not(.colorPrimaryActive_caddaca6a9),\n.kindSecondary_22295d3d87.colorPrimary_bf3c537579:focus:not(.colorPrimaryActive_caddaca6a9) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_22295d3d87.colorBrand_b97acea838:hover:not(.colorBrandActive_edf413c4ad),\n.kindSecondary_22295d3d87.colorBrand_b97acea838:focus:not(.colorBrandActive_edf413c4ad) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_22295d3d87.colorPositive_2c1a52eefd {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_22295d3d87.colorPositiveActive_e49cf38579,\n.kindSecondary_22295d3d87.colorPositive_2c1a52eefd:hover,\n.kindSecondary_22295d3d87.colorPositive_2c1a52eefd:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_22295d3d87.colorNegative_c3df0e7cb7 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_22295d3d87.colorNegativeActive_e49cf38579,\n.kindSecondary_22295d3d87.colorNegative_c3df0e7cb7:hover,\n.kindSecondary_22295d3d87.colorNegative_c3df0e7cb7:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_22295d3d87.colorInverted_47c362dbf5 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_22295d3d87.colorInvertedActive_e49cf38579,\n.kindSecondary_22295d3d87.colorInverted_47c362dbf5:hover,\n.kindSecondary_22295d3d87.colorInverted_47c362dbf5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_22295d3d87.colorInverted_47c362dbf5.disabled_78dd5f884d {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_22295d3d87.colorOnPrimaryColorActive_d67cb2c92e,\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:hover,\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_22295d3d87.colorOnPrimaryColorActive_d67cb2c92e:focus-visible, .kindSecondary_22295d3d87.colorOnPrimaryColorActive_d67cb2c92e.focus-visible_78a95fb4b9,\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:hover:focus-visible,\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:hover.focus-visible_78a95fb4b9,\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:focus:focus-visible,\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:focus.focus-visible_78a95fb4b9 {\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_22295d3d87.colorOnPrimaryColorActive_d67cb2c92e:focus:not(.focus-visible_78a95fb4b9),\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:hover:focus:not(.focus-visible_78a95fb4b9),\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46:focus:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.kindSecondary_22295d3d87.colorOnPrimaryColor_0f3acd9f46.disabled_78dd5f884d {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_22295d3d87.colorFixedLightActive_551c1cf7a5,\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:hover,\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_22295d3d87.colorFixedLightActive_551c1cf7a5:focus-visible, .kindSecondary_22295d3d87.colorFixedLightActive_551c1cf7a5.focus-visible_78a95fb4b9,\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:hover:focus-visible,\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:hover.focus-visible_78a95fb4b9,\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:focus:focus-visible,\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:focus.focus-visible_78a95fb4b9 {\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_22295d3d87.colorFixedLightActive_551c1cf7a5:focus:not(.focus-visible_78a95fb4b9),\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:hover:focus:not(.focus-visible_78a95fb4b9),\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324:focus:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.kindSecondary_22295d3d87.colorOnInvertedBackground_19b32527f3 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_22295d3d87.colorOnInvertedBackgroundActive_5b20e49fab,\n.kindSecondary_22295d3d87.colorOnInvertedBackground_19b32527f3:hover,\n.kindSecondary_22295d3d87.colorOnInvertedBackground_19b32527f3:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_22295d3d87.colorOnInvertedBackground_19b32527f3.disabled_78dd5f884d {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_22295d3d87.colorFixedLight_2346ff6324.disabled_78dd5f884d {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_22295d3d87.disabled_78dd5f884d {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_22295d3d87.disabled_78dd5f884d:hover {\n  background-color: transparent;\n}\n.kindTertiary_b202e44a82 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_b202e44a82.colorPrimaryActive_caddaca6a9 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_b202e44a82.colorPrimaryActive_caddaca6a9:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_b202e44a82.colorBrandActive_edf413c4ad {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_b202e44a82.colorBrandActive_edf413c4ad,\n.kindTertiary_b202e44a82.colorBrandActive_edf413c4ad:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_b202e44a82.colorPrimary_bf3c537579:hover:not(.colorPrimaryActive_caddaca6a9),\n.kindTertiary_b202e44a82.colorPrimary_bf3c537579:focus:not(.colorPrimaryActive_caddaca6a9) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b202e44a82.colorBrand_b97acea838:hover:not(.colorBrandActive_edf413c4ad),\n.kindTertiary_b202e44a82.colorBrand_b97acea838:focus:not(.colorBrandActive_edf413c4ad) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b202e44a82.colorPositive_2c1a52eefd {\n  color: var(--positive-color);\n}\n.kindTertiary_b202e44a82.colorPositiveActive_e49cf38579,\n.kindTertiary_b202e44a82.colorPositive_2c1a52eefd:hover,\n.kindTertiary_b202e44a82.colorPositive_2c1a52eefd:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_b202e44a82.colorNegative_c3df0e7cb7 {\n  color: var(--negative-color);\n}\n.kindTertiary_b202e44a82.colorNegativeActive_e49cf38579,\n.kindTertiary_b202e44a82.colorNegative_c3df0e7cb7:hover,\n.kindTertiary_b202e44a82.colorNegative_c3df0e7cb7:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_b202e44a82.colorInverted_47c362dbf5 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_b202e44a82.colorInvertedActive_e49cf38579,\n.kindTertiary_b202e44a82.colorInverted_47c362dbf5:hover,\n.kindTertiary_b202e44a82.colorInverted_47c362dbf5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b202e44a82.colorInverted_47c362dbf5.disabled_78dd5f884d {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b202e44a82.colorOnPrimaryColorActive_d67cb2c92e,\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:hover,\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b202e44a82.colorOnPrimaryColorActive_d67cb2c92e:focus-visible, .kindTertiary_b202e44a82.colorOnPrimaryColorActive_d67cb2c92e.focus-visible_78a95fb4b9,\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:hover:focus-visible,\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:hover.focus-visible_78a95fb4b9,\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:focus:focus-visible,\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:focus.focus-visible_78a95fb4b9 {\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_b202e44a82.colorOnPrimaryColorActive_d67cb2c92e:focus:not(.focus-visible_78a95fb4b9),\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:hover:focus:not(.focus-visible_78a95fb4b9),\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46:focus:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.kindTertiary_b202e44a82.colorOnPrimaryColor_0f3acd9f46.disabled_78dd5f884d {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b202e44a82.colorFixedLightActive_551c1cf7a5,\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:hover,\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b202e44a82.colorFixedLightActive_551c1cf7a5:focus-visible, .kindTertiary_b202e44a82.colorFixedLightActive_551c1cf7a5.focus-visible_78a95fb4b9,\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:hover:focus-visible,\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:hover.focus-visible_78a95fb4b9,\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:focus:focus-visible,\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:focus.focus-visible_78a95fb4b9 {\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_b202e44a82.colorFixedLightActive_551c1cf7a5:focus:not(.focus-visible_78a95fb4b9),\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:hover:focus:not(.focus-visible_78a95fb4b9),\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324:focus:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.kindTertiary_b202e44a82.colorFixedLight_2346ff6324.disabled_78dd5f884d {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b202e44a82.colorOnInvertedBackground_19b32527f3 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b202e44a82.colorOnInvertedBackgroundActive_5b20e49fab,\n.kindTertiary_b202e44a82.colorOnInvertedBackground_19b32527f3:hover,\n.kindTertiary_b202e44a82.colorOnInvertedBackground_19b32527f3:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_b202e44a82.colorOnInvertedBackground_19b32527f3.disabled_78dd5f884d {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b202e44a82.disabled_78dd5f884d {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_b202e44a82.disabled_78dd5f884d:hover {\n  background-color: transparent;\n}\n.noSidePadding_77bb4c3b88 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_8475e0cbba.insetFocusStyle_297785afc1:focus-visible, .button_8475e0cbba.insetFocusStyle_297785afc1.focus-visible_78a95fb4b9 {\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_8475e0cbba.insetFocusStyle_297785afc1:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_6fad23a99c",subTextContainer:"subTextContainer_7607b545e3",buttonsContainer:"buttonsContainer_ab7bb211aa",button:"button_9614b6e932",activeButton:"activeButton_bb65fc6299",optionText:"optionText_d748d04300",disabled:"disabled_07a996cca4",selected:"selected_297b1c2d68",kindTertiary:"kindTertiary_a11bb7e99b",wrapper:"wrapper_cd62f6c0c7",buttonDisabled:"buttonDisabled_4bbfe322da",fullWidth:"fullWidth_1752f2c3cd"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-d90954a39e96_3_0_0-alpha_6";if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}(".buttonGroup_6fad23a99c {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_7607b545e3 {\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_ab7bb211aa {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_ab7bb211aa .button_9614b6e932 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_ab7bb211aa .button_9614b6e932.activeButton_bb65fc6299 {\n  z-index: 20;\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_ab7bb211aa .button_9614b6e932.activeButton_bb65fc6299:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_d748d04300:not(.disabled_07a996cca4) {\n  color: var(--primary-text-color);\n}\n\n.optionText_d748d04300:not(.disabled_07a996cca4).selected_297b1c2d68 {\n  z-index: 10;\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_a11bb7e99b .button_9614b6e932 {\n  border-color: transparent;\n}\n\n.kindTertiary_a11bb7e99b .button_9614b6e932:first-child {\n  border-color: transparent;\n}\n\n.wrapper_cd62f6c0c7.disabled_07a996cca4 {\n  cursor: not-allowed;\n}\n\n.button_9614b6e932.disabled_07a996cca4 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_9614b6e932.buttonDisabled_4bbfe322da {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_1752f2c3cd {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_3dc0a39688",subTextContainer:"subTextContainer_4238672867",buttonsContainer:"buttonsContainer_dc1b810a17",button:"button_abeaf743fa",activeButton:"activeButton_97d70db9dd",optionText:"optionText_9b509a75a3",disabled:"disabled_d88d1e9acc",selected:"selected_6cea9b6ff8",kindTertiary:"kindTertiary_f687951319",wrapper:"wrapper_0e3034007f",buttonDisabled:"buttonDisabled_56c79e582e",fullWidth:"fullWidth_c2f364411a"};!function(n){const o="s_id-d90954a39e96_3_0_0-alpha_8";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_3dc0a39688 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_4238672867 {\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_dc1b810a17 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_dc1b810a17 .button_abeaf743fa {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_dc1b810a17 .button_abeaf743fa.activeButton_97d70db9dd {\n  z-index: 20;\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_dc1b810a17 .button_abeaf743fa.activeButton_97d70db9dd:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_9b509a75a3:not(.disabled_d88d1e9acc) {\n  color: var(--primary-text-color);\n}\n\n.optionText_9b509a75a3:not(.disabled_d88d1e9acc).selected_6cea9b6ff8 {\n  z-index: 10;\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_f687951319 .button_abeaf743fa {\n  border-color: transparent;\n}\n\n.kindTertiary_f687951319 .button_abeaf743fa:first-child {\n  border-color: transparent;\n}\n\n.wrapper_0e3034007f.disabled_d88d1e9acc {\n  cursor: not-allowed;\n}\n\n.button_abeaf743fa.disabled_d88d1e9acc {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_abeaf743fa.buttonDisabled_56c79e582e {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_c2f364411a {\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_8dabc4a870",checkbox:"checkbox_b624320345",icon:"icon_9d2a275112",label:"label_cbeecea573",input:"input_65ab0cbf41",checkboxGrowAnimation:"checkboxGrowAnimation_eb0fefb6d2"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-a622c58c4e9d_3_0_0-alpha_6";if(e.querySelector("#"+o))return;const c=document.createElement("style");c.id=o,e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c),c.appendChild(document.createTextNode(n))}('.wrapper_8dabc4a870 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_b624320345 {\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_b624320345: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_b624320345:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_9d2a275112 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_cbeecea573 {\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_65ab0cbf41 {\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_65ab0cbf41:focus + .checkbox_b624320345 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_65ab0cbf41:focus:checked + .checkbox_b624320345 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_65ab0cbf41:focus-visible + .checkbox_b624320345 {\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_65ab0cbf41:checked:focus + .checkbox_b624320345:after,\n.input_65ab0cbf41:indeterminate:focus + .checkbox_b624320345:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_65ab0cbf41:checked + .checkbox_b624320345,\n.input_65ab0cbf41:indeterminate + .checkbox_b624320345 {\n  animation: checkboxGrowAnimation_eb0fefb6d2 var(--motion-productive-short);\n}\n\n.input_65ab0cbf41:checked + .checkbox_b624320345,\n.input_65ab0cbf41:indeterminate + .checkbox_b624320345 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_65ab0cbf41:checked + .checkbox_b624320345:hover,\n.input_65ab0cbf41:indeterminate + .checkbox_b624320345:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_65ab0cbf41:checked + .checkbox_b624320345:hover:after,\n.input_65ab0cbf41:indeterminate + .checkbox_b624320345:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_65ab0cbf41:checked + .checkbox_b624320345:after,\n.input_65ab0cbf41:indeterminate + .checkbox_b624320345: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_65ab0cbf41:checked + .checkbox_b624320345 > .icon_9d2a275112,\n.input_65ab0cbf41:indeterminate + .checkbox_b624320345 > .icon_9d2a275112 {\n  visibility: visible;\n}\n\n.input_65ab0cbf41:checked:disabled + .checkbox_b624320345:after,\n.input_65ab0cbf41:indeterminate:disabled + .checkbox_b624320345:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_65ab0cbf41:disabled + .checkbox_b624320345,\n.input_65ab0cbf41:disabled + .checkbox_b624320345:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_65ab0cbf41:disabled + .checkbox_b624320345 .icon_9d2a275112,\n.input_65ab0cbf41:disabled + .checkbox_b624320345:hover .icon_9d2a275112 {\n  color: var(--disabled-text-color);\n}\n\n.input_65ab0cbf41:disabled + .checkbox_b624320345,\n.input_65ab0cbf41:disabled + .checkbox_b624320345:hover {\n  cursor: not-allowed;\n}\n\n.input_65ab0cbf41:disabled ~ .label_cbeecea573 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_eb0fefb6d2 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var e={wrapper:"wrapper_1ee1c6771a",checkbox:"checkbox_e5623fe3e5",icon:"icon_c07fbf7ee5",label:"label_41b821ae1f",input:"input_edecdf561b",checkboxGrowAnimation:"checkboxGrowAnimation_97dbda3e36"};!function(e){const n="s_id-a622c58c4e9d_3_0_0-alpha_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.wrapper_1ee1c6771a {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_e5623fe3e5 {\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_e5623fe3e5: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_e5623fe3e5:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_c07fbf7ee5 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_41b821ae1f {\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_edecdf561b {\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_edecdf561b:focus + .checkbox_e5623fe3e5 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_edecdf561b:focus:checked + .checkbox_e5623fe3e5 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_edecdf561b:focus-visible + .checkbox_e5623fe3e5 {\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_edecdf561b:checked:focus + .checkbox_e5623fe3e5:after,\n.input_edecdf561b:indeterminate:focus + .checkbox_e5623fe3e5:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_edecdf561b:checked + .checkbox_e5623fe3e5,\n.input_edecdf561b:indeterminate + .checkbox_e5623fe3e5 {\n  animation: checkboxGrowAnimation_97dbda3e36 var(--motion-productive-short);\n}\n\n.input_edecdf561b:checked + .checkbox_e5623fe3e5,\n.input_edecdf561b:indeterminate + .checkbox_e5623fe3e5 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_edecdf561b:checked + .checkbox_e5623fe3e5:hover,\n.input_edecdf561b:indeterminate + .checkbox_e5623fe3e5:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_edecdf561b:checked + .checkbox_e5623fe3e5:hover:after,\n.input_edecdf561b:indeterminate + .checkbox_e5623fe3e5:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_edecdf561b:checked + .checkbox_e5623fe3e5:after,\n.input_edecdf561b:indeterminate + .checkbox_e5623fe3e5: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_edecdf561b:checked + .checkbox_e5623fe3e5 > .icon_c07fbf7ee5,\n.input_edecdf561b:indeterminate + .checkbox_e5623fe3e5 > .icon_c07fbf7ee5 {\n  visibility: visible;\n}\n\n.input_edecdf561b:checked:disabled + .checkbox_e5623fe3e5:after,\n.input_edecdf561b:indeterminate:disabled + .checkbox_e5623fe3e5:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_edecdf561b:disabled + .checkbox_e5623fe3e5,\n.input_edecdf561b:disabled + .checkbox_e5623fe3e5:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_edecdf561b:disabled + .checkbox_e5623fe3e5 .icon_c07fbf7ee5,\n.input_edecdf561b:disabled + .checkbox_e5623fe3e5:hover .icon_c07fbf7ee5 {\n  color: var(--disabled-text-color);\n}\n\n.input_edecdf561b:disabled + .checkbox_e5623fe3e5,\n.input_edecdf561b:disabled + .checkbox_e5623fe3e5:hover {\n  cursor: not-allowed;\n}\n\n.input_edecdf561b:disabled ~ .label_41b821ae1f {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_97dbda3e36 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e 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_7be465e278","focus-visible":"focus-visible_bf698772be",disabled:"disabled_3ee31f3f99",disableTextSelection:"disableTextSelection_9028b2fe21",chips:"chips_8f978debea","chips-pop-in-emphasized":"chips-pop-in-emphasized_06d1eff048",border:"border_9083fc10d6",withUserSelect:"withUserSelect_8d49962482",label:"label_342082a713",noAnimation:"noAnimation_f793e5c7cc",icon:"icon_875593d14b",avatar:"avatar_50764182d6",customRenderer:"customRenderer_fc8c4e9f4c",left:"left_18bd56e358",right:"right_290c69cc68",close:"close_c4895b7a08",defaultCursor:"defaultCursor_3ee31f3f99"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-a8c9f55659fd_3_0_0-alpha_6";if(n.querySelector("#"+i))return;const c=document.createElement("style");c.id=i,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}(".clickable_7be465e278 {\n  cursor: pointer;\n}\n.clickable_7be465e278:focus-visible, .clickable_7be465e278.focus-visible_bf698772be {\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_7be465e278:focus:not(.focus-visible_bf698772be) {\n  outline: none;\n}\n.clickable_7be465e278.disabled_3ee31f3f99 {\n  cursor: default;\n}\n.disableTextSelection_9028b2fe21 {\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_8f978debea {\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_06d1eff048 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_8f978debea.border_9083fc10d6 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_8f978debea.withUserSelect_8d49962482 {\n  user-select: text;\n  cursor: text;\n}\n.chips_8f978debea .label_342082a713 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_8f978debea.noAnimation_f793e5c7cc {\n  animation: none;\n}\n.chips_8f978debea .icon_875593d14b,\n.chips_8f978debea .avatar_50764182d6,\n.chips_8f978debea .customRenderer_fc8c4e9f4c {\n  min-width: 18px;\n}\n.chips_8f978debea .icon_875593d14b.left_18bd56e358,\n.chips_8f978debea .avatar_50764182d6.left_18bd56e358,\n.chips_8f978debea .customRenderer_fc8c4e9f4c.left_18bd56e358 {\n  margin-right: var(--spacing-xs);\n}\n.chips_8f978debea .icon_875593d14b.right_290c69cc68,\n.chips_8f978debea .avatar_50764182d6.right_290c69cc68,\n.chips_8f978debea .customRenderer_fc8c4e9f4c.right_290c69cc68 {\n  margin-left: var(--spacing-xs);\n}\n.chips_8f978debea .icon_875593d14b.close_c4895b7a08,\n.chips_8f978debea .avatar_50764182d6.close_c4895b7a08,\n.chips_8f978debea .customRenderer_fc8c4e9f4c.close_c4895b7a08 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_8f978debea.disabled_3ee31f3f99 .icon_875593d14b {\n  color: var(--disabled-text-color);\n}\n.chips_8f978debea.disabled_3ee31f3f99 .label_342082a713 {\n  color: var(--disabled-text-color);\n}\n.chips_8f978debea.defaultCursor_3ee31f3f99 {\n  cursor: default;\n}\n.chips_8f978debea.clickable_7be465e278 {\n  cursor: pointer;\n}\n.chips_8f978debea.clickable_7be465e278:focus-visible, .chips_8f978debea.clickable_7be465e278.focus-visible_bf698772be {\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_8f978debea.clickable_7be465e278:focus:not(.focus-visible_bf698772be) {\n  outline: none;\n}\n.chips_8f978debea.clickable_7be465e278.disabled_3ee31f3f99 {\n  cursor: default;\n}\n.chips_8f978debea.clickable_7be465e278.disableTextSelection_9028b2fe21 {\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_06d1eff048 {\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_cc17068872","focus-visible":"focus-visible_78a95fb4b9",disabled:"disabled_6059a275a2",disableTextSelection:"disableTextSelection_5b5f92e9dc",chips:"chips_7c30df6f85","chips-pop-in-emphasized":"chips-pop-in-emphasized_aa59e5eb87",border:"border_8283d1f2fd",withUserSelect:"withUserSelect_ac19011588",label:"label_8a1fa39f00",noAnimation:"noAnimation_b891b6b3ac",icon:"icon_53ced64961",avatar:"avatar_c958062eaa",customRenderer:"customRenderer_d8cb9ae93a",left:"left_b259d36e8c",right:"right_bfbb25a38f",close:"close_a30bc3fbfc",defaultCursor:"defaultCursor_6059a275a2"};!function(e){const n="s_id-a8c9f55659fd_3_0_0-alpha_8";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,c.firstChild?c.insertBefore(a,c.firstChild):c.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_cc17068872 {\n  cursor: pointer;\n}\n.clickable_cc17068872:focus-visible, .clickable_cc17068872.focus-visible_78a95fb4b9 {\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_cc17068872:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.clickable_cc17068872.disabled_6059a275a2 {\n  cursor: default;\n}\n.disableTextSelection_5b5f92e9dc {\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_7c30df6f85 {\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_aa59e5eb87 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_7c30df6f85.border_8283d1f2fd {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_7c30df6f85.withUserSelect_ac19011588 {\n  user-select: text;\n  cursor: text;\n}\n.chips_7c30df6f85 .label_8a1fa39f00 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_7c30df6f85.noAnimation_b891b6b3ac {\n  animation: none;\n}\n.chips_7c30df6f85 .icon_53ced64961,\n.chips_7c30df6f85 .avatar_c958062eaa,\n.chips_7c30df6f85 .customRenderer_d8cb9ae93a {\n  min-width: 18px;\n}\n.chips_7c30df6f85 .icon_53ced64961.left_b259d36e8c,\n.chips_7c30df6f85 .avatar_c958062eaa.left_b259d36e8c,\n.chips_7c30df6f85 .customRenderer_d8cb9ae93a.left_b259d36e8c {\n  margin-right: var(--spacing-xs);\n}\n.chips_7c30df6f85 .icon_53ced64961.right_bfbb25a38f,\n.chips_7c30df6f85 .avatar_c958062eaa.right_bfbb25a38f,\n.chips_7c30df6f85 .customRenderer_d8cb9ae93a.right_bfbb25a38f {\n  margin-left: var(--spacing-xs);\n}\n.chips_7c30df6f85 .icon_53ced64961.close_a30bc3fbfc,\n.chips_7c30df6f85 .avatar_c958062eaa.close_a30bc3fbfc,\n.chips_7c30df6f85 .customRenderer_d8cb9ae93a.close_a30bc3fbfc {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_7c30df6f85.disabled_6059a275a2 .icon_53ced64961 {\n  color: var(--disabled-text-color);\n}\n.chips_7c30df6f85.disabled_6059a275a2 .label_8a1fa39f00 {\n  color: var(--disabled-text-color);\n}\n.chips_7c30df6f85.defaultCursor_6059a275a2 {\n  cursor: default;\n}\n.chips_7c30df6f85.clickable_cc17068872 {\n  cursor: pointer;\n}\n.chips_7c30df6f85.clickable_cc17068872:focus-visible, .chips_7c30df6f85.clickable_cc17068872.focus-visible_78a95fb4b9 {\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_7c30df6f85.clickable_cc17068872:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.chips_7c30df6f85.clickable_cc17068872.disabled_6059a275a2 {\n  cursor: default;\n}\n.chips_7c30df6f85.clickable_cc17068872.disableTextSelection_5b5f92e9dc {\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_aa59e5eb87 {\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_7be465e278","focus-visible":"focus-visible_bf698772be",disabled:"disabled_3ee31f3f99",disableTextSelection:"disableTextSelection_9028b2fe21"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-8d33a9ee9e1f_3_0_0-alpha_6";if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".clickable_7be465e278 {\n  cursor: pointer;\n}\n.clickable_7be465e278:focus-visible, .clickable_7be465e278.focus-visible_bf698772be {\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_7be465e278:focus:not(.focus-visible_bf698772be) {\n  outline: none;\n}\n.clickable_7be465e278.disabled_3ee31f3f99 {\n  cursor: default;\n}\n.disableTextSelection_9028b2fe21 {\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_cc17068872","focus-visible":"focus-visible_78a95fb4b9",disabled:"disabled_6059a275a2",disableTextSelection:"disableTextSelection_5b5f92e9dc"};!function(e){const n="s_id-8d33a9ee9e1f_3_0_0-alpha_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,i.firstChild?i.insertBefore(c,i.firstChild):i.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_cc17068872 {\n  cursor: pointer;\n}\n.clickable_cc17068872:focus-visible, .clickable_cc17068872.focus-visible_78a95fb4b9 {\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_cc17068872:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.clickable_cc17068872.disabled_6059a275a2 {\n  cursor: default;\n}\n.disableTextSelection_5b5f92e9dc {\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_2f97918634",colorPickerDialogContent:"colorPickerDialogContent_5b9bdb93ba"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_3_0_0-alpha_6";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))}(".colorPicker_2f97918634.colorPickerDialogContent_5b9bdb93ba {\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_314cde2211",colorPickerDialogContent:"colorPickerDialogContent_2c8e5d351e"};!function(e){const t="s_id-ffacbf9b6446_3_0_0-alpha_8";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_314cde2211.colorPickerDialogContent_2c8e5d351e {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import o from"../../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import t from"../../../Button/Button.js";import{NOOP as r}from"../../../../utils/function-utils.js";import n from"./ColorPickerClearButton.module.scss.js";var i=e.forwardRef((function(i,a){var m=i.text,s=i.Icon,l=o({ref:a,itemsCount:1,numberOfItemsInLine:1,onItemClicked:i.onClick,getItemByIndex:r}).onSelectionAction;return e.createElement(t,{ref:a,size:"small",kind:"tertiary",onClick:function(){return l(-1)},className:n.clearColorButton},e.createElement(s,{size:"16",className:n.clearColorIcon}),m||"Clear")}));export{i as ColorPickerClearButton};
+import e from"react";import o from"../../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import r from"../../../Button/Button.js";import{NOOP as t}from"../../../../utils/function-utils.js";import n from"./ColorPickerClearButton.module.scss.js";var i=e.forwardRef((function(i,a){var s=i.text,l=i.Icon,m=o({ref:a,itemsCount:1,numberOfItemsInLine:1,onItemClicked:i.onClick,getItemByIndex:t}).onSelectionAction;return e.createElement(r,{ref:a,size:"small",kind:"tertiary",onClick:function(){return m(-1)},blurOnMouseUp:!1,className:n.clearColorButton},e.createElement(l,{size:"16",className:n.clearColorIcon}),s||"Clear")}));export{i as ColorPickerClearButton};
 //# sourceMappingURL=ColorPickerClearButton.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPickerClearButton.js","sources":["../../../../../../src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.tsx"],"sourcesContent":["import React from \"react\";\nimport useGridKeyboardNavigation from \"../../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport Button from \"../../../Button/Button\";\nimport { VibeComponentProps, VibeComponent, SubIcon } from \"../../../../types\";\nimport { NOOP } from \"../../../../utils/function-utils\";\nimport styles from \"./ColorPickerClearButton.module.scss\";\n\nexport interface ColorPickerClearButtonProps extends VibeComponentProps {\n onClick: () => void;\n text?: string;\n Icon: SubIcon;\n}\n\nexport const ColorPickerClearButton: VibeComponent<ColorPickerClearButtonProps> = React.forwardRef(\n ({ onClick, text, Icon }: ColorPickerClearButtonProps, ref) => {\n const { onSelectionAction } = useGridKeyboardNavigation({\n ref: ref as React.MutableRefObject<HTMLElement>,\n itemsCount: 1,\n numberOfItemsInLine: 1,\n onItemClicked: onClick,\n getItemByIndex: NOOP //hack - we don't really have a grid, it's just for keyboard navigation outside the clear button\n });\n\n return (\n <Button\n ref={ref}\n size=\"small\"\n kind=\"tertiary\"\n onClick={() => onSelectionAction(-1)} //hack - we don't really have a grid, it's just for keyboard navigation outside the clear button\n className={styles.clearColorButton}\n >\n <Icon size=\"16\" className={styles.clearColorIcon} />\n {text \|\| \"Clear\"}\n </Button>\n );\n }\n);\n"],"names":["ColorPickerClearButton","React","forwardRef","_ref","ref","text","Icon","onSelectionAction","useGridKeyboardNavigation","itemsCount","numberOfItemsInLine","onItemClicked","onClick","getItemByIndex","NOOP","createElement","Button","size","kind","className","styles","clearColorButton","clearColorIcon"],"mappings":"wQAaO,IAAMA,EAAqEC,EAAMC,YACtF,SAAAC,EAAuDC,GAAO,IAAlDC,EAAIF,EAAJE,KAAMC,EAAIH,EAAJG,KACRC,EAAsBC,EAA0B,CACtDJ,IAAKA,EACLK,WAAY,EACZC,oBAAqB,EACrBC,cALMR,EAAPS,QAMCC,eAAgBC,IALVP,kBAQR,OACEN,EAAAc,cAACC,EAAM,CACLZ,IAAKA,EACLa,KAAK,QACLC,KAAK,WACLN,QAAS,WAAA,OAAML,GAAmB,EAAE,EACpCY,UAAWC,EAAOC,~~kBAElBpB~~,EAACc,cAAAT,EAAK,CAAAW,KAAK,~~KAAKE~~,UAAWC,EAAOE,~~iBACjCjB~~,GAAQ,QAGf"}
1	+ {"version":3,"file":"ColorPickerClearButton.js","sources":["../../../../../../src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.tsx"],"sourcesContent":["import React from \"react\";\nimport useGridKeyboardNavigation from \"../../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport Button from \"../../../Button/Button\";\nimport { VibeComponentProps, VibeComponent, SubIcon } from \"../../../../types\";\nimport { NOOP } from \"../../../../utils/function-utils\";\nimport styles from \"./ColorPickerClearButton.module.scss\";\n\nexport interface ColorPickerClearButtonProps extends VibeComponentProps {\n onClick: () => void;\n text?: string;\n Icon: SubIcon;\n}\n\nexport const ColorPickerClearButton: VibeComponent<ColorPickerClearButtonProps> = React.forwardRef(\n ({ onClick, text, Icon }: ColorPickerClearButtonProps, ref) => {\n const { onSelectionAction } = useGridKeyboardNavigation({\n ref: ref as React.MutableRefObject<HTMLElement>,\n itemsCount: 1,\n numberOfItemsInLine: 1,\n onItemClicked: onClick,\n getItemByIndex: NOOP //hack - we don't really have a grid, it's just for keyboard navigation outside the clear button\n });\n\n return (\n <Button\n ref={ref}\n size=\"small\"\n kind=\"tertiary\"\n onClick={() => onSelectionAction(-1)} //hack - we don't really have a grid, it's just for keyboard navigation outside the clear button\n blurOnMouseUp={false}\n className={styles.clearColorButton}\n >\n <Icon size=\"16\" className={styles.clearColorIcon} />\n {text \|\| \"Clear\"}\n </Button>\n );\n }\n);\n"],"names":["ColorPickerClearButton","React","forwardRef","_ref","ref","text","Icon","onSelectionAction","useGridKeyboardNavigation","itemsCount","numberOfItemsInLine","onItemClicked","onClick","getItemByIndex","NOOP","createElement","Button","size","kind","blurOnMouseUp","className","styles","clearColorButton","clearColorIcon"],"mappings":"wQAaO,IAAMA,EAAqEC,EAAMC,YACtF,SAAAC,EAAuDC,GAAO,IAAlDC,EAAIF,EAAJE,KAAMC,EAAIH,EAAJG,KACRC,EAAsBC,EAA0B,CACtDJ,IAAKA,EACLK,WAAY,EACZC,oBAAqB,EACrBC,cALMR,EAAPS,QAMCC,eAAgBC,IALVP,kBAQR,OACEN,EAAAc,cAACC,EAAM,CACLZ,IAAKA,EACLa,KAAK,QACLC,KAAK,WACLN,QAAS,WAAA,OAAML,GAAmB,EAAE,EACpCY,eAAe,EACfC,UAAWC,EAAOC,kBAElBrB,EAACc,cAAAT,EAAK,CAAAW,KAAK,KAAKG,UAAWC,EAAOE,iBACjClB,GAAQ,QAGf"}

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

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon_0713190850",clearColorButton:"clearColorButton_692e7b1b6c"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-774e60a23ee3_3_0_0-alpha_6";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))}(".clearColorIcon_0713190850 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_692e7b1b6c {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_ee089cb006",clearColorButton:"clearColorButton_9e918f3024"};!function(e){const n="s_id-774e60a23ee3_3_0_0-alpha_8";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_ee089cb006 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_9e918f3024 {\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_07ca3a74c2"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-0a5f0eb78ee4_3_0_0-alpha_6";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))}(".colorsGrid_07ca3a74c2 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_70c71b8ecf"};!function(e){const n="s_id-0a5f0eb78ee4_3_0_0-alpha_8";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_70c71b8ecf {\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_6462189787",circle:"circle_3e772296cb",feedbackIndicator:"feedbackIndicator_55b9b7b50c",active:"active_672f5b5882",selectedColor:"selectedColor_4bdb929579",colorItem:"colorItem_bc93591b3c",colorIndicatorWrapper:"colorIndicatorWrapper_9e7732ce69",colorItemSizeSmall:"colorItemSizeSmall_d9feeb100a",colorItemSizeMedium:"colorItemSizeMedium_bf2029a986",colorItemSizeLarge:"colorItemSizeLarge_8b7a72102e",colorItemTextMode:"colorItemTextMode_052688925f",colorIconWhite:"colorIconWhite_ca4dea330d"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-2198989e565d_3_0_0-alpha_6";if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}('.itemWrapper_6462189787 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_6462189787.circle_3e772296cb {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_6462189787 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_6462189787 .feedbackIndicator_55b9b7b50c {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_6462189787:focus,\n.itemWrapper_6462189787:focus-visible,\n.itemWrapper_6462189787.active_672f5b5882 {\n  outline: none;\n}\n\n.itemWrapper_6462189787:focus .feedbackIndicator_55b9b7b50c:before,\n.itemWrapper_6462189787:focus-visible .feedbackIndicator_55b9b7b50c:before,\n.itemWrapper_6462189787.active_672f5b5882 .feedbackIndicator_55b9b7b50c: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_6462189787:focus .feedbackIndicator_55b9b7b50c:after,\n.itemWrapper_6462189787:focus-visible .feedbackIndicator_55b9b7b50c:after,\n.itemWrapper_6462189787.active_672f5b5882 .feedbackIndicator_55b9b7b50c: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_6462189787:hover:not(.active_672f5b5882):not(.selectedColor_4bdb929579) .feedbackIndicator_55b9b7b50c {\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_6462189787 .colorItem_bc93591b3c {\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_6462189787 .colorItem_bc93591b3c .colorIndicatorWrapper_9e7732ce69 {\n  margin-top: 3px;\n}\n\n.itemWrapper_6462189787 .colorItem_bc93591b3c.colorItemSizeSmall_d9feeb100a {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_6462189787 .colorItem_bc93591b3c.colorItemSizeMedium_bf2029a986 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_6462189787 .colorItem_bc93591b3c.colorItemSizeLarge_8b7a72102e {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_6462189787.selectedColor_4bdb929579 {\n  position: relative;\n}\n\n.itemWrapper_6462189787.selectedColor_4bdb929579: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_6462189787.selectedColor_4bdb929579 .feedbackIndicator_55b9b7b50c:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_6462189787 .colorItemTextMode_052688925f:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_6462189787 .colorIconWhite_ca4dea330d {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_ccb808af47",circle:"circle_d1ac437af0",feedbackIndicator:"feedbackIndicator_4e63b1559d",active:"active_1c2a237175",selectedColor:"selectedColor_15af74e04d",colorItem:"colorItem_9c256bc090",colorIndicatorWrapper:"colorIndicatorWrapper_1b9c15a613",colorItemSizeSmall:"colorItemSizeSmall_2f6b66aa9a",colorItemSizeMedium:"colorItemSizeMedium_8d4b3eea27",colorItemSizeLarge:"colorItemSizeLarge_5b214c8873",colorItemTextMode:"colorItemTextMode_b8b884b86a",colorIconWhite:"colorIconWhite_4f2be58980"};!function(e){const r="s_id-2198989e565d_3_0_0-alpha_8";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_ccb808af47 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_ccb808af47.circle_d1ac437af0 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_ccb808af47 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_ccb808af47 .feedbackIndicator_4e63b1559d {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_ccb808af47:focus,\n.itemWrapper_ccb808af47:focus-visible,\n.itemWrapper_ccb808af47.active_1c2a237175 {\n  outline: none;\n}\n\n.itemWrapper_ccb808af47:focus .feedbackIndicator_4e63b1559d:before,\n.itemWrapper_ccb808af47:focus-visible .feedbackIndicator_4e63b1559d:before,\n.itemWrapper_ccb808af47.active_1c2a237175 .feedbackIndicator_4e63b1559d: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_ccb808af47:focus .feedbackIndicator_4e63b1559d:after,\n.itemWrapper_ccb808af47:focus-visible .feedbackIndicator_4e63b1559d:after,\n.itemWrapper_ccb808af47.active_1c2a237175 .feedbackIndicator_4e63b1559d: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_ccb808af47:hover:not(.active_1c2a237175):not(.selectedColor_15af74e04d) .feedbackIndicator_4e63b1559d {\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_ccb808af47 .colorItem_9c256bc090 {\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_ccb808af47 .colorItem_9c256bc090 .colorIndicatorWrapper_1b9c15a613 {\n  margin-top: 3px;\n}\n\n.itemWrapper_ccb808af47 .colorItem_9c256bc090.colorItemSizeSmall_2f6b66aa9a {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_ccb808af47 .colorItem_9c256bc090.colorItemSizeMedium_8d4b3eea27 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_ccb808af47 .colorItem_9c256bc090.colorItemSizeLarge_5b214c8873 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_ccb808af47.selectedColor_15af74e04d {\n  position: relative;\n}\n\n.itemWrapper_ccb808af47.selectedColor_15af74e04d: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_ccb808af47.selectedColor_15af74e04d .feedbackIndicator_4e63b1559d:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_ccb808af47 .colorItemTextMode_b8b884b86a:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_ccb808af47 .colorIconWhite_4f2be58980 {\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_17df25fd02",stickyCategory:"stickyCategory_1ba73763f6",comboboxCategory:"comboboxCategory_762640f5e2",sizeSmall:"sizeSmall_b5b1b4e3c9",sizeMedium:"sizeMedium_17df25fd02",sizeLarge:"sizeLarge_b5b1b4e3c9",empty:"empty_0e7535fb8e",comboboxSearchWrapper:"comboboxSearchWrapper_0e8858cc3d",comboboxNoResults:"comboboxNoResults_0a587bd779",comboboxMessageWrapper:"comboboxMessageWrapper_4cd5c94674",comboboxMessage:"comboboxMessage_342082a713",addNewButton:"addNewButton_16e7ae08d6",buttonLabel:"buttonLabel_342082a713",comboboxList:"comboboxList_9e63539601"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-140391bb7df9_3_0_0-alpha_6";if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(o))}(".combobox_17df25fd02 {\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_17df25fd02.stickyCategory_1ba73763f6 .comboboxCategory_762640f5e2 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_17df25fd02.stickyCategory_1ba73763f6.sizeSmall_b5b1b4e3c9 .comboboxCategory_762640f5e2 {\n  top: 32px;\n}\n\n.combobox_17df25fd02.stickyCategory_1ba73763f6.sizeMedium_17df25fd02 .comboboxCategory_762640f5e2 {\n  top: 40px;\n}\n\n.combobox_17df25fd02.stickyCategory_1ba73763f6.sizeLarge_b5b1b4e3c9 .comboboxCategory_762640f5e2 {\n  top: 48px;\n}\n\n.combobox_17df25fd02.empty_0e7535fb8e {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_0e8858cc3d {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_0a587bd779 {\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_0a587bd779 .comboboxMessageWrapper_4cd5c94674 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_0a587bd779 .comboboxMessageWrapper_4cd5c94674 .comboboxMessage_342082a713 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_0a587bd779 .addNewButton_16e7ae08d6 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_0a587bd779 .addNewButton_16e7ae08d6 .buttonLabel_342082a713 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_9e63539601 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var o={combobox:"combobox_cde68fc84d",stickyCategory:"stickyCategory_b6c3d0785f",comboboxCategory:"comboboxCategory_8b90e8dfed",sizeSmall:"sizeSmall_f3f961d8be",sizeMedium:"sizeMedium_cde68fc84d",sizeLarge:"sizeLarge_f3f961d8be",empty:"empty_df0f5948da",comboboxSearchWrapper:"comboboxSearchWrapper_56e4ff8c44",comboboxNoResults:"comboboxNoResults_eb7c796809",comboboxMessageWrapper:"comboboxMessageWrapper_c2b7e19043",comboboxMessage:"comboboxMessage_8a1fa39f00",addNewButton:"addNewButton_bb7b49c4ba",buttonLabel:"buttonLabel_8a1fa39f00",comboboxList:"comboboxList_d774004c56"};!function(o){const e="s_id-140391bb7df9_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".combobox_cde68fc84d {\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_cde68fc84d.stickyCategory_b6c3d0785f .comboboxCategory_8b90e8dfed {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_cde68fc84d.stickyCategory_b6c3d0785f.sizeSmall_f3f961d8be .comboboxCategory_8b90e8dfed {\n  top: 32px;\n}\n\n.combobox_cde68fc84d.stickyCategory_b6c3d0785f.sizeMedium_cde68fc84d .comboboxCategory_8b90e8dfed {\n  top: 40px;\n}\n\n.combobox_cde68fc84d.stickyCategory_b6c3d0785f.sizeLarge_f3f961d8be .comboboxCategory_8b90e8dfed {\n  top: 48px;\n}\n\n.combobox_cde68fc84d.empty_df0f5948da {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_56e4ff8c44 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_eb7c796809 {\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_eb7c796809 .comboboxMessageWrapper_c2b7e19043 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_eb7c796809 .comboboxMessageWrapper_c2b7e19043 .comboboxMessage_8a1fa39f00 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_eb7c796809 .addNewButton_bb7b49c4ba {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_eb7c796809 .addNewButton_bb7b49c4ba .buttonLabel_8a1fa39f00 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_d774004c56 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_4f9a3655a8",dividerContainer:"dividerContainer_c5423b5dc5",divider:"divider_d41742ce79",sticky:"sticky_b468473380"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-78c8179b7fe9_3_0_0-alpha_6";if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".comboboxItemContainer_4f9a3655a8 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_c5423b5dc5 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_d41742ce79 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_b468473380 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_425858ccce",dividerContainer:"dividerContainer_2df077eb38",divider:"divider_96dd707300",sticky:"sticky_818dbc3dc7"};!function(e){const n="s_id-78c8179b7fe9_3_0_0-alpha_8";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_425858ccce {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_2df077eb38 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_96dd707300 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_818dbc3dc7 {\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_53c98f409c"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_3_0_0-alpha_6";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))}(".comboboxCategory_53c98f409c {\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_96e24b0658"};!function(e){const o="s_id-a004d249e1c1_3_0_0-alpha_8";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_96e24b0658 {\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_52acfea6de",optionsContainer:"optionsContainer_04fd685a2f",categoryWithOptions:"categoryWithOptions_80f9f00224",firstCategory:"firstCategory_ec19c58cb5",categoryWithoutOptions:"categoryWithoutOptions_ac6d398df3"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-4d4facb041a8_3_0_0-alpha_6";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))}(".scrollableContainer_52acfea6de::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_52acfea6de::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_04fd685a2f {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_80f9f00224.firstCategory_ec19c58cb5,\n.categoryWithoutOptions_ac6d398df3.firstCategory_ec19c58cb5 {\n  padding-top: 0;\n}\n.categoryWithOptions_80f9f00224 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_ac6d398df3 {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer_073300a72b",optionsContainer:"optionsContainer_ac29377285",categoryWithOptions:"categoryWithOptions_9c6cb449d1",firstCategory:"firstCategory_2d8eaff1f7",categoryWithoutOptions:"categoryWithoutOptions_f927ec5d35"};!function(t){const e="s_id-4d4facb041a8_3_0_0-alpha_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".scrollableContainer_073300a72b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_073300a72b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_ac29377285 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_9c6cb449d1.firstCategory_2d8eaff1f7,\n.categoryWithoutOptions_f927ec5d35.firstCategory_2d8eaff1f7 {\n  padding-top: 0;\n}\n.categoryWithOptions_9c6cb449d1 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_f927ec5d35 {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import t,{useRef as n,useEffect as i,useCallback as r,useMemo as l}from"react";import s from"../../../Icon/Icon.js";import c from"../../../Tooltip/Tooltip.js";import a from"../../../../hooks/useIsOverflowing/useIsOverflowing.js";import{keyCodes as m}from"../../../../constants/keyCodes.js";import{getOptionId as p}from"../../helpers.js";import{withStaticProps as u}from"../../../../types/withStaticProps.js";import"../../../../utils/colors-vars-map.js";import{ComboboxOptionIconType as f}from"../ComboboxConstants.js";import{getTestId as d,ComponentDefaultTestId as v}from"../../../../tests/testIds.js";import b from"./ComboboxOption.module.scss.js";var y=u((function(u){var f=u.index,y=u.option,O=u.className,I=u.isActive,h=u.visualFocus,g=u.scrollRef,j=u.scrollOffset,T=void 0===j?100:j,C=u.onOptionClick,E=u.onOptionLeave,k=u.onOptionHover,N=u.optionLineHeight,S=u.shouldScrollWhenActive,w=void 0===S||S,x=u.optionRenderer,L=void 0===x?null:x,P=y.id,A=y.leftIcon,B=y.leftIconType,F=y.rightIcon,H=y.rightIconType,M=y.label,R=y.iconSize,_=void 0===R?18:R,z=y.disabled,D=y.selected,K=y.ariaLabel,V=y.belongToCategory,W=void 0!==V&&V,X=y.tooltipContent,q=n(null),G=n(),J=a({ref:G});i((function(){var o,e=q.current;h&&e&&w&&((null==g?void 0:g.current)&&e?g.current.scrollTop=e.offsetTop-T:null===(o=null==e?void 0:e.scrollIntoView)||void 0===o||o.call(e,{behaviour:"smooth"}))}),[q,h,w,g,T,W]);var Q=function(o,n,i){return"renderer"===n?o(e(b.optionIcon,i)):t.createElement(s,{className:e(b.optionIcon,i),iconType:"font",icon:o,iconSize:_,ignoreFocusStyle:!0})},U=r((function(o){C(o,f,y,!0)}),[f,y,C]),Y=r((function(o){z||E(o,f,y,!0)}),[f,y,E,z]),Z=r((function(o){z||k(o,f,y,!0)}),[f,y,k,z]),$=r((function(o){o.key!==m.ENTER&&o.key!==m.SPACE||C(o,f,y,!1)}),[C,f,y]);X||(X=J?M:null);var oo=l((function(){return L&&L(y)}),[L,y]),eo=t.createElement(t.Fragment,null,A&&Q(A,B,b.left),t.createElement("div",{ref:G,className:e(b.optionLabel)},M),F&&Q(F,H,""));return t.createElement(c,{content:X},t.createElement("div",{ref:q,key:P||M,"aria-level":W?2:1,"aria-selected":I,"aria-label":K||M,id:p(P,f),"data-testid":d(v.COMBOBOX_OPTION,f),onMouseEnter:Z,onClick:U,onKeyDown:$,onMouseLeave:Y,className:e(b.comboboxOption,O,o(o(o(o({},b.disabled,z),b.selected,D),b.active,I),b.activeOutline,h)),style:{height:N}},oo||eo))}),{iconTypes:f});export{y as default};
+import{defineProperty as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import t,{useRef as n,useEffect as i,useCallback as r,useMemo as l}from"react";import s from"../../../Icon/Icon.js";import c from"../../../Tooltip/Tooltip.js";import a from"../../../../hooks/useIsOverflowing/useIsOverflowing.js";import{keyCodes as m}from"../../../../constants/keyCodes.js";import{getOptionId as p}from"../../helpers.js";import{withStaticProps as u}from"../../../../types/withStaticProps.js";import"../../../../utils/colors-vars-map.js";import{ComboboxOptionIconType as f}from"../ComboboxConstants.js";import{getTestId as d,ComponentDefaultTestId as v}from"../../../../tests/testIds.js";import b from"./ComboboxOption.module.scss.js";var y=u((function(u){var f=u.index,y=u.option,O=u.className,I=u.isActive,h=u.visualFocus,g=u.scrollRef,j=u.scrollOffset,T=void 0===j?100:j,C=u.onOptionClick,E=u.onOptionLeave,k=u.onOptionHover,N=u.optionLineHeight,S=u.shouldScrollWhenActive,w=void 0===S||S,x=u.optionRenderer,L=void 0===x?null:x,P=y.id,A=y.leftIcon,B=y.leftIconType,F=y.rightIcon,H=y.rightIconType,M=y.label,R=y.iconSize,_=void 0===R?18:R,z=y.disabled,D=y.selected,K=y.ariaLabel,V=y.belongToCategory,W=void 0!==V&&V,X=y.tooltipContent,q=n(null),G=n(),J=a({ref:G});i((function(){var o,e=q.current;h&&e&&w&&((null==g?void 0:g.current)&&e?g.current.scrollTop=e.offsetTop-T:null===(o=null==e?void 0:e.scrollIntoView)||void 0===o||o.call(e,{behaviour:"smooth"}))}),[q,h,w,g,T,W]);var Q=function(o,n,i){return"renderer"===n?o(e(b.optionIcon,i)):t.createElement(s,{className:e(b.optionIcon,i),iconType:"font",icon:o,iconSize:_,ignoreFocusStyle:!0})},U=r((function(o){z||C(o,f,y,!0)}),[f,y,C,z]),Y=r((function(o){z||E(o,f,y,!0)}),[f,y,E,z]),Z=r((function(o){z||k(o,f,y,!0)}),[f,y,k,z]),$=r((function(o){o.key!==m.ENTER&&o.key!==m.SPACE||C(o,f,y,!1)}),[C,f,y]);X||(X=J?M:null);var oo=l((function(){return L&&L(y)}),[L,y]),eo=t.createElement(t.Fragment,null,A&&Q(A,B,b.left),t.createElement("div",{ref:G,className:e(b.optionLabel)},M),F&&Q(F,H,""));return t.createElement(c,{content:X},t.createElement("div",{ref:q,key:P||M,"aria-level":W?2:1,"aria-selected":I,"aria-label":K||M,id:p(P,f),"data-testid":d(v.COMBOBOX_OPTION,f),onMouseEnter:Z,onClick:U,onKeyDown:$,onMouseLeave:Y,className:e(b.comboboxOption,O,o(o(o(o({},b.disabled,z),b.selected,D),b.active,I),b.activeOutline,h)),style:{height:N}},oo||eo))}),{iconTypes:f});export{y as default};
 //# sourceMappingURL=ComboboxOption.js.map

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComboboxOption.js","sources":["../../../../../../src/components/Combobox/components/ComboboxOption/ComboboxOption.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { RefObject, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport Icon from \"../../../Icon/Icon\";\nimport Tooltip from \"../../../Tooltip/Tooltip\";\nimport useIsOverflowing from \"../../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport { getOptionId } from \"../../helpers\";\nimport { SubIcon, withStaticProps } from \"../../../../types\";\nimport {\n ComboboxOptionIconType as ComboboxOptionIconTypeEnum,\n IComboboxOption,\n IComboboxOptionEvents\n} from \"../ComboboxConstants\";\nimport { ComboboxOptionIconType } from \"../../Combobox.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport styles from \"./ComboboxOption.module.scss\";\n\nexport interface ComboboxOptionProps extends IComboboxOptionEvents {\n index?: number;\n option?: IComboboxOption;\n className?: string;\n isActive?: boolean;\n visualFocus?: boolean;\n scrollRef?: RefObject<HTMLElement>;\n scrollOffset?: number;\n optionLineHeight?: number;\n shouldScrollWhenActive?: boolean;\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n\nconst ComboboxOption: React.FC<ComboboxOptionProps> & { iconTypes?: typeof ComboboxOptionIconTypeEnum } = ({\n index,\n option,\n className,\n isActive,\n visualFocus,\n scrollRef,\n scrollOffset = 100,\n onOptionClick,\n onOptionLeave,\n onOptionHover,\n optionLineHeight,\n shouldScrollWhenActive = true,\n optionRenderer = null\n}) => {\n const {\n id,\n leftIcon,\n leftIconType,\n rightIcon,\n rightIconType,\n label,\n iconSize = 18,\n disabled,\n selected,\n ariaLabel,\n belongToCategory = false\n } = option;\n let { tooltipContent } = option;\n\n const ref = useRef(null);\n const labelRef = useRef();\n\n const isOptionOverflowing = useIsOverflowing({ ref: labelRef });\n\n useEffect(() => {\n const element = ref.current;\n if (visualFocus && element && shouldScrollWhenActive) {\n if (scrollRef?.current && element) {\n // not supported with virtualized atm, need their scrollRef (element with overflow-y auto that has the scroll)\n scrollRef.current.scrollTop = element.offsetTop - scrollOffset;\n } else {\n element?.scrollIntoView?.({ behaviour: \"smooth\" });\n }\n }\n }, [ref, visualFocus, shouldScrollWhenActive, scrollRef, scrollOffset, belongToCategory]);\n\n const renderIcon = (\n icon: SubIcon \| ((className: string) => JSX.Element),\n iconType: ComboboxOptionIconType,\n className: string\n ) => {\n if (iconType === \"renderer\") {\n return (icon as (className: string) => JSX.Element)(cx(styles.optionIcon, className));\n }\n\n return (\n <Icon\n className={cx(styles.optionIcon, className)}\n iconType=\"font\"\n icon={icon as SubIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n );\n };\n\n const onClick = useCallback(\n (event: React.MouseEvent) => {\n onOptionClick(event, index, option, true);\n },\n [index, option, onOptionClick]\n );\n\n const onMouseLeave = useCallback(\n (event: React.MouseEvent) => {\n if (disabled) return;\n onOptionLeave(event, index, option, true);\n },\n [index, option, onOptionLeave, disabled]\n );\n\n const onMouseEnter = useCallback(\n (event: React.MouseEvent) => {\n if (disabled) return;\n onOptionHover(event, index, option, true);\n },\n [index, option, onOptionHover, disabled]\n );\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n onOptionClick(event, index, option, false);\n }\n },\n [onOptionClick, index, option]\n );\n if (!tooltipContent) {\n tooltipContent = isOptionOverflowing ? label : null;\n }\n\n const optionRendererValue = useMemo(() => optionRenderer && optionRenderer(option), [optionRenderer, option]);\n\n const optionValue = (\n <>\n {leftIcon && renderIcon(leftIcon, leftIconType, styles.left)}\n <div ref={labelRef} className={cx(styles.optionLabel)}>\n {label}\n </div>\n {rightIcon && renderIcon(rightIcon, rightIconType, \"\")}\n </>\n );\n\n return (\n <Tooltip content={tooltipContent}>\n <div\n ref={ref}\n key={id \|\| label}\n aria-level={belongToCategory ? 2 : 1}\n aria-selected={isActive}\n aria-label={ariaLabel \|\| label}\n id={getOptionId(id, index)}\n data-testid={getTestId(ComponentDefaultTestId.COMBOBOX_OPTION, index)}\n onMouseEnter={onMouseEnter}\n onClick={onClick}\n onKeyDown={onKeyDown}\n onMouseLeave={onMouseLeave}\n className={cx(styles.comboboxOption, className, {\n [styles.disabled]: disabled,\n [styles.selected]: selected,\n [styles.active]: isActive,\n [styles.activeOutline]: visualFocus\n })}\n style={{ height: optionLineHeight }}\n >\n {optionRendererValue \|\| optionValue}\n </div>\n </Tooltip>\n );\n};\n\nexport default withStaticProps(ComboboxOption, { iconTypes: ComboboxOptionIconTypeEnum });\n"],"names":["withStaticProps","_ref","index","option","className","isActive","visualFocus","scrollRef","_ref$scrollOffset","scrollOffset","onOptionClick","onOptionLeave","onOptionHover","optionLineHeight","_ref$shouldScrollWhen","shouldScrollWhenActive","_ref$optionRenderer","optionRenderer","id","leftIcon","leftIconType","rightIcon","rightIconType","label","_option$iconSize","iconSize","disabled","selected","ariaLabel","_option$belongToCateg","belongToCategory","tooltipContent","ref","useRef","labelRef","isOptionOverflowing","useIsOverflowing","useEffect","element","current","scrollTop","offsetTop","_a","scrollIntoView","call","behaviour","renderIcon","icon","iconType","cx","styles","optionIcon","React","createElement","Icon","ignoreFocusStyle","onClick","useCallback","event","onMouseLeave","onMouseEnter","onKeyDown","key","keyCodes","ENTER","SPACE","optionRendererValue","useMemo","optionValue","Fragment","left","optionLabel","Tooltip","content","getOptionId","getTestId","ComponentDefaultTestId","COMBOBOX_OPTION","comboboxOption","_defineProperty","active","activeOutline","style","height","iconTypes","ComboboxOptionIconTypeEnum"],"mappings":"0vBA8BA,~~IA8IeA~~,EAAAA,~~GA9I2F~~,SAAtFC,GAcf,IAbHC,EAAKD,EAALC,MACAC,EAAMF,EAANE,OACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAWL,EAAXK,YACAC,EAASN,EAATM,UAASC,EAAAP,EACTQ,aAAAA,OAAe,IAAHD,EAAG,IAAGA,EAClBE,EAAaT,EAAbS,cACAC,EAAaV,EAAbU,cACAC,EAAaX,EAAbW,cACAC,EAAgBZ,EAAhBY,iBAAgBC,EAAAb,EAChBc,uBAAAA,OAAyB,IAAHD,GAAOA,EAAAE,EAAAf,EAC7BgB,eAAAA,OAAiB,IAAHD,EAAG,KAAIA,EAGnBE,EAWEf,EAXFe,GACAC,EAUEhB,EAVFgB,SACAC,EASEjB,EATFiB,aACAC,EAQElB,EARFkB,UACAC,EAOEnB,EAPFmB,cACAC,EAMEpB,EANFoB,MAAKC,EAMHrB,EALFsB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAIEvB,EAJFuB,SACAC,EAGExB,EAHFwB,SACAC,EAEEzB,EAFFyB,UAASC,EAEP1B,EADF2B,iBAAAA,OAAmB,IAAHD,GAAQA,EAEpBE,EAAmB5B,EAAnB4B,eAEAC,EAAMC,EAAO,MACbC,EAAWD,IAEXE,EAAsBC,EAAiB,CAAEJ,IAAKE,IAEpDG,GAAU,iBACFC,EAAUN,EAAIO,QAChBjC,GAAegC,GAAWvB,KACxBR,aAAS,EAATA,EAAWgC,UAAWD,EAExB/B,EAAUgC,QAAQC,UAAYF,EAAQG,UAAYhC,EAExB,QAA1BiC,EAAAJ,aAAO,EAAPA,EAASK,sBAAiB,IAAAD,GAAAA,EAAAE,KAAAN,EAAA,CAAEO,UAAW,WAG7C,GAAG,CAACb,EAAK1B,EAAaS,EAAwBR,EAAWE,EAAcqB,IAEvE,IAAMgB,EAAa,SACjBC,EACAC,EACA5C,GAEA,MAAiB,aAAb4C,EACMD,EAA4CE,EAAGC,EAAOC,WAAY/C,IAI1EgD,EAAAC,cAACC,EAAI,CACHlD,UAAW6C,EAAGC,EAAOC,WAAY/C,GACjC4C,SAAS,OACTD,KAAMA,EACNtB,SAAUA,EACV8B,kBAAgB,KAKhBC,EAAUC,GACd,SAACC,~~GACChD~~,EAAcgD,EAAOxD,EAAOC,GAAQ,EACrC,GACD,CAACD,EAAOC,EAAQO,~~IAGZiD~~,EAAeF,GACnB,SAACC,GACKhC,GACJf,EAAc+C,EAAOxD,EAAOC,GAAQ,EACrC,GACD,CAACD,EAAOC,EAAQQ,EAAee,IAG3BkC,EAAeH,GACnB,SAACC,GACKhC,GACJd,EAAc8C,EAAOxD,EAAOC,GAAQ,EACrC,GACD,CAACD,EAAOC,EAAQS,EAAec,IAG3BmC,EAAYJ,GAChB,SAACC,GACKA,EAAMI,MAAQC,EAASC,OAASN,EAAMI,MAAQC,EAASE,OACzDvD,EAAcgD,EAAOxD,EAAOC,GAAQ,EAEvC,GACD,CAACO,EAAeR,EAAOC,IAEpB4B,IACHA,EAAiBI,EAAsBZ,EAAQ,MAGjD,IAAM2C,GAAsBC,GAAQ,WAAA,OAAMlD,GAAkBA,EAAed,EAAO,GAAE,CAACc,EAAgBd,IAE/FiE,GACJhB,EAAAC,cAAAD,EAAAiB,SAAA,KACGlD,GAAY2B,EAAW3B,EAAUC,EAAc8B,EAAOoB,MACvDlB,EAAAC,cAAA,MAAA,CAAKrB,IAAKE,EAAU9B,UAAW6C,EAAGC,EAAOqB,cACtChD,GAEFF,GAAayB,EAAWzB,EAAWC,EAAe,KAIvD,OACE8B,EAACC,cAAAmB,EAAQ,CAAAC,QAAS1C,GAChBqB,EAAAC,cAAA,MAAA,CACErB,IAAKA,EACL8B,IAAK5C,GAAMK,EACC,aAAAO,EAAmB,EAAI,EAAC,gBACrBzB,EAAQ,aACXuB,GAAaL,EACzBL,GAAIwD,EAAYxD,EAAIhB,GACP,cAAAyE,EAAUC,EAAuBC,gBAAiB3E,GAC/D0D,aAAcA,EACdJ,QAASA,EACTK,UAAWA,EACXF,aAAcA,EACdvD,UAAW6C,EAAGC,EAAO4B,eAAgB1E,EAAS2E,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3C7B,EAAOxB,SAAWA,GAClBwB,EAAOvB,SAAWA,GAClBuB,EAAO8B,OAAS3E,GAChB6C,EAAO+B,cAAgB3E,IAE1B4E,MAAO,CAAEC,OAAQtE,IAEhBqD,IAAuBE,IAIhC,GAE+C,CAAEgB,UAAWC"}
1	+ {"version":3,"file":"ComboboxOption.js","sources":["../../../../../../src/components/Combobox/components/ComboboxOption/ComboboxOption.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { RefObject, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport Icon from \"../../../Icon/Icon\";\nimport Tooltip from \"../../../Tooltip/Tooltip\";\nimport useIsOverflowing from \"../../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport { getOptionId } from \"../../helpers\";\nimport { SubIcon, withStaticProps } from \"../../../../types\";\nimport {\n ComboboxOptionIconType as ComboboxOptionIconTypeEnum,\n IComboboxOption,\n IComboboxOptionEvents\n} from \"../ComboboxConstants\";\nimport { ComboboxOptionIconType } from \"../../Combobox.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport styles from \"./ComboboxOption.module.scss\";\n\nexport interface ComboboxOptionProps extends IComboboxOptionEvents {\n index?: number;\n option?: IComboboxOption;\n className?: string;\n isActive?: boolean;\n visualFocus?: boolean;\n scrollRef?: RefObject<HTMLElement>;\n scrollOffset?: number;\n optionLineHeight?: number;\n shouldScrollWhenActive?: boolean;\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n\nconst ComboboxOption: React.FC<ComboboxOptionProps> & { iconTypes?: typeof ComboboxOptionIconTypeEnum } = ({\n index,\n option,\n className,\n isActive,\n visualFocus,\n scrollRef,\n scrollOffset = 100,\n onOptionClick,\n onOptionLeave,\n onOptionHover,\n optionLineHeight,\n shouldScrollWhenActive = true,\n optionRenderer = null\n}) => {\n const {\n id,\n leftIcon,\n leftIconType,\n rightIcon,\n rightIconType,\n label,\n iconSize = 18,\n disabled,\n selected,\n ariaLabel,\n belongToCategory = false\n } = option;\n let { tooltipContent } = option;\n\n const ref = useRef(null);\n const labelRef = useRef();\n\n const isOptionOverflowing = useIsOverflowing({ ref: labelRef });\n\n useEffect(() => {\n const element = ref.current;\n if (visualFocus && element && shouldScrollWhenActive) {\n if (scrollRef?.current && element) {\n // not supported with virtualized atm, need their scrollRef (element with overflow-y auto that has the scroll)\n scrollRef.current.scrollTop = element.offsetTop - scrollOffset;\n } else {\n element?.scrollIntoView?.({ behaviour: \"smooth\" });\n }\n }\n }, [ref, visualFocus, shouldScrollWhenActive, scrollRef, scrollOffset, belongToCategory]);\n\n const renderIcon = (\n icon: SubIcon \| ((className: string) => JSX.Element),\n iconType: ComboboxOptionIconType,\n className: string\n ) => {\n if (iconType === \"renderer\") {\n return (icon as (className: string) => JSX.Element)(cx(styles.optionIcon, className));\n }\n\n return (\n <Icon\n className={cx(styles.optionIcon, className)}\n iconType=\"font\"\n icon={icon as SubIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n );\n };\n\n const onClick = useCallback(\n (event: React.MouseEvent) => {\n if (disabled) return;\n onOptionClick(event, index, option, true);\n },\n [index, option, onOptionClick, disabled]\n );\n\n const onMouseLeave = useCallback(\n (event: React.MouseEvent) => {\n if (disabled) return;\n onOptionLeave(event, index, option, true);\n },\n [index, option, onOptionLeave, disabled]\n );\n\n const onMouseEnter = useCallback(\n (event: React.MouseEvent) => {\n if (disabled) return;\n onOptionHover(event, index, option, true);\n },\n [index, option, onOptionHover, disabled]\n );\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n onOptionClick(event, index, option, false);\n }\n },\n [onOptionClick, index, option]\n );\n if (!tooltipContent) {\n tooltipContent = isOptionOverflowing ? label : null;\n }\n\n const optionRendererValue = useMemo(() => optionRenderer && optionRenderer(option), [optionRenderer, option]);\n\n const optionValue = (\n <>\n {leftIcon && renderIcon(leftIcon, leftIconType, styles.left)}\n <div ref={labelRef} className={cx(styles.optionLabel)}>\n {label}\n </div>\n {rightIcon && renderIcon(rightIcon, rightIconType, \"\")}\n </>\n );\n\n return (\n <Tooltip content={tooltipContent}>\n <div\n ref={ref}\n key={id \|\| label}\n aria-level={belongToCategory ? 2 : 1}\n aria-selected={isActive}\n aria-label={ariaLabel \|\| label}\n id={getOptionId(id, index)}\n data-testid={getTestId(ComponentDefaultTestId.COMBOBOX_OPTION, index)}\n onMouseEnter={onMouseEnter}\n onClick={onClick}\n onKeyDown={onKeyDown}\n onMouseLeave={onMouseLeave}\n className={cx(styles.comboboxOption, className, {\n [styles.disabled]: disabled,\n [styles.selected]: selected,\n [styles.active]: isActive,\n [styles.activeOutline]: visualFocus\n })}\n style={{ height: optionLineHeight }}\n >\n {optionRendererValue \|\| optionValue}\n </div>\n </Tooltip>\n );\n};\n\nexport default withStaticProps(ComboboxOption, { iconTypes: ComboboxOptionIconTypeEnum });\n"],"names":["withStaticProps","_ref","index","option","className","isActive","visualFocus","scrollRef","_ref$scrollOffset","scrollOffset","onOptionClick","onOptionLeave","onOptionHover","optionLineHeight","_ref$shouldScrollWhen","shouldScrollWhenActive","_ref$optionRenderer","optionRenderer","id","leftIcon","leftIconType","rightIcon","rightIconType","label","_option$iconSize","iconSize","disabled","selected","ariaLabel","_option$belongToCateg","belongToCategory","tooltipContent","ref","useRef","labelRef","isOptionOverflowing","useIsOverflowing","useEffect","element","current","scrollTop","offsetTop","_a","scrollIntoView","call","behaviour","renderIcon","icon","iconType","cx","styles","optionIcon","React","createElement","Icon","ignoreFocusStyle","onClick","useCallback","event","onMouseLeave","onMouseEnter","onKeyDown","key","keyCodes","ENTER","SPACE","optionRendererValue","useMemo","optionValue","Fragment","left","optionLabel","Tooltip","content","getOptionId","getTestId","ComponentDefaultTestId","COMBOBOX_OPTION","comboboxOption","_defineProperty","active","activeOutline","style","height","iconTypes","ComboboxOptionIconTypeEnum"],"mappings":"0vBA8BA,IA+IeA,EAAAA,GA/I2F,SAAtFC,GAcf,IAbHC,EAAKD,EAALC,MACAC,EAAMF,EAANE,OACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAWL,EAAXK,YACAC,EAASN,EAATM,UAASC,EAAAP,EACTQ,aAAAA,OAAe,IAAHD,EAAG,IAAGA,EAClBE,EAAaT,EAAbS,cACAC,EAAaV,EAAbU,cACAC,EAAaX,EAAbW,cACAC,EAAgBZ,EAAhBY,iBAAgBC,EAAAb,EAChBc,uBAAAA,OAAyB,IAAHD,GAAOA,EAAAE,EAAAf,EAC7BgB,eAAAA,OAAiB,IAAHD,EAAG,KAAIA,EAGnBE,EAWEf,EAXFe,GACAC,EAUEhB,EAVFgB,SACAC,EASEjB,EATFiB,aACAC,EAQElB,EARFkB,UACAC,EAOEnB,EAPFmB,cACAC,EAMEpB,EANFoB,MAAKC,EAMHrB,EALFsB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAIEvB,EAJFuB,SACAC,EAGExB,EAHFwB,SACAC,EAEEzB,EAFFyB,UAASC,EAEP1B,EADF2B,iBAAAA,OAAmB,IAAHD,GAAQA,EAEpBE,EAAmB5B,EAAnB4B,eAEAC,EAAMC,EAAO,MACbC,EAAWD,IAEXE,EAAsBC,EAAiB,CAAEJ,IAAKE,IAEpDG,GAAU,iBACFC,EAAUN,EAAIO,QAChBjC,GAAegC,GAAWvB,KACxBR,aAAS,EAATA,EAAWgC,UAAWD,EAExB/B,EAAUgC,QAAQC,UAAYF,EAAQG,UAAYhC,EAExB,QAA1BiC,EAAAJ,aAAO,EAAPA,EAASK,sBAAiB,IAAAD,GAAAA,EAAAE,KAAAN,EAAA,CAAEO,UAAW,WAG7C,GAAG,CAACb,EAAK1B,EAAaS,EAAwBR,EAAWE,EAAcqB,IAEvE,IAAMgB,EAAa,SACjBC,EACAC,EACA5C,GAEA,MAAiB,aAAb4C,EACMD,EAA4CE,EAAGC,EAAOC,WAAY/C,IAI1EgD,EAAAC,cAACC,EAAI,CACHlD,UAAW6C,EAAGC,EAAOC,WAAY/C,GACjC4C,SAAS,OACTD,KAAMA,EACNtB,SAAUA,EACV8B,kBAAgB,KAKhBC,EAAUC,GACd,SAACC,GACKhC,GACJhB,EAAcgD,EAAOxD,EAAOC,GAAQ,EACrC,GACD,CAACD,EAAOC,EAAQO,EAAegB,IAG3BiC,EAAeF,GACnB,SAACC,GACKhC,GACJf,EAAc+C,EAAOxD,EAAOC,GAAQ,EACrC,GACD,CAACD,EAAOC,EAAQQ,EAAee,IAG3BkC,EAAeH,GACnB,SAACC,GACKhC,GACJd,EAAc8C,EAAOxD,EAAOC,GAAQ,EACrC,GACD,CAACD,EAAOC,EAAQS,EAAec,IAG3BmC,EAAYJ,GAChB,SAACC,GACKA,EAAMI,MAAQC,EAASC,OAASN,EAAMI,MAAQC,EAASE,OACzDvD,EAAcgD,EAAOxD,EAAOC,GAAQ,EAEvC,GACD,CAACO,EAAeR,EAAOC,IAEpB4B,IACHA,EAAiBI,EAAsBZ,EAAQ,MAGjD,IAAM2C,GAAsBC,GAAQ,WAAA,OAAMlD,GAAkBA,EAAed,EAAO,GAAE,CAACc,EAAgBd,IAE/FiE,GACJhB,EAAAC,cAAAD,EAAAiB,SAAA,KACGlD,GAAY2B,EAAW3B,EAAUC,EAAc8B,EAAOoB,MACvDlB,EAAAC,cAAA,MAAA,CAAKrB,IAAKE,EAAU9B,UAAW6C,EAAGC,EAAOqB,cACtChD,GAEFF,GAAayB,EAAWzB,EAAWC,EAAe,KAIvD,OACE8B,EAACC,cAAAmB,EAAQ,CAAAC,QAAS1C,GAChBqB,EAAAC,cAAA,MAAA,CACErB,IAAKA,EACL8B,IAAK5C,GAAMK,EACC,aAAAO,EAAmB,EAAI,EAAC,gBACrBzB,EAAQ,aACXuB,GAAaL,EACzBL,GAAIwD,EAAYxD,EAAIhB,GACP,cAAAyE,EAAUC,EAAuBC,gBAAiB3E,GAC/D0D,aAAcA,EACdJ,QAASA,EACTK,UAAWA,EACXF,aAAcA,EACdvD,UAAW6C,EAAGC,EAAO4B,eAAgB1E,EAAS2E,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3C7B,EAAOxB,SAAWA,GAClBwB,EAAOvB,SAAWA,GAClBuB,EAAO8B,OAAS3E,GAChB6C,EAAO+B,cAAgB3E,IAE1B4E,MAAO,CAAEC,OAAQtE,IAEhBqD,IAAuBE,IAIhC,GAE+C,CAAEgB,UAAWC"}

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

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_caf18ca31e",disabled:"disabled_bd62398888",selected:"selected_fc7b3b3ff4",active:"active_16a476892b",activeOutline:"activeOutline_75d63f8c14",optionLabel:"optionLabel_e650d0ed09",optionIcon:"optionIcon_e4be22c95c",left:"left_a9b7e351d7"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-cc5db5fd586e_3_0_0-alpha_6";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))}(".comboboxOption_caf18ca31e {\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_caf18ca31e.disabled_bd62398888 {\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_caf18ca31e.disabled_bd62398888:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_caf18ca31e.selected_fc7b3b3ff4 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_caf18ca31e:hover:not(.disabled_bd62398888):not(.selected_fc7b3b3ff4),\n.comboboxOption_caf18ca31e.active_16a476892b {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_caf18ca31e.activeOutline_75d63f8c14 {\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_caf18ca31e .optionLabel_e650d0ed09 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_caf18ca31e .optionIcon_e4be22c95c {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_caf18ca31e .optionIcon_e4be22c95c.left_a9b7e351d7 {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption_05f66c1d8a",disabled:"disabled_5e125f83a0",selected:"selected_048387885b",active:"active_4ca6d8a025",activeOutline:"activeOutline_c5e902220f",optionLabel:"optionLabel_1f4f59c9a5",optionIcon:"optionIcon_fb52ce32af",left:"left_1bd7088e85"};!function(o){const e="s_id-cc5db5fd586e_3_0_0-alpha_8";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)}(".comboboxOption_05f66c1d8a {\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_05f66c1d8a.disabled_5e125f83a0 {\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_05f66c1d8a.disabled_5e125f83a0:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_05f66c1d8a.selected_048387885b {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_05f66c1d8a:hover:not(.disabled_5e125f83a0):not(.selected_048387885b),\n.comboboxOption_05f66c1d8a.active_4ca6d8a025 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_05f66c1d8a.activeOutline_c5e902220f {\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_05f66c1d8a .optionLabel_1f4f59c9a5 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_05f66c1d8a .optionIcon_fb52ce32af {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_05f66c1d8a .optionIcon_fb52ce32af.left_1bd7088e85 {\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_fa66ff58ab"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-f549b49034f1_3_0_0-alpha_6";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".stickyCategoryHeader_fa66ff58ab {\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_1da59f1297"};!function(e){const t="s_id-f549b49034f1_3_0_0-alpha_8";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_1da59f1297 {\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_d2883156a4",withAnimation:"withAnimation_f0902a567b",counterPopElastic:"counterPopElastic_17051eccc9",sizeSmall:"sizeSmall_13f9dcce46",sizeLarge:"sizeLarge_b4f691f6ac",kindFill:"kindFill_aa27de7d2b",colorPrimary:"colorPrimary_bf57f78275",colorDark:"colorDark_3a854ee306",colorNegative:"colorNegative_f568afa923",colorLight:"colorLight_7deeda3f50",kindLine:"kindLine_33097ecda6",fadeEnter:"fadeEnter_76b5e2dae8",fadeEnterActive:"fadeEnterActive_d17937d564",fadeExit:"fadeExit_86593cedea",fadeExitActive:"fadeExitActive_0c679c4e2b","counter-pop-elastic":"counter-pop-elastic_ae5489b574"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-2d04cfa2a785_3_0_0-alpha_6";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".counter_d2883156a4 {\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_ae5489b574 {\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_f0902a567b {\n  animation: counterPopElastic_17051eccc9 var(--motion-expressive-short);\n}\n.sizeSmall_13f9dcce46 {\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_b4f691f6ac {\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_aa27de7d2b.colorPrimary_bf57f78275 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_aa27de7d2b.colorDark_3a854ee306 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_aa27de7d2b.colorNegative_f568afa923 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_aa27de7d2b.colorLight_7deeda3f50 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_33097ecda6 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_33097ecda6.colorPrimary_bf57f78275 {\n  color: var(--primary-color);\n}\n.kindLine_33097ecda6.colorDark_3a854ee306 {\n  color: var(--inverted-color-background);\n}\n.kindLine_33097ecda6.colorNegative_f568afa923 {\n  color: var(--negative-color);\n}\n.kindLine_33097ecda6.colorLight_7deeda3f50 {\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_76b5e2dae8 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_d17937d564 {\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_86593cedea {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_0c679c4e2b {\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_f7d7ff4a94",withAnimation:"withAnimation_16f4f58f8c",counterPopElastic:"counterPopElastic_12e3597dab",sizeSmall:"sizeSmall_73562fa669",sizeLarge:"sizeLarge_096efd856f",kindFill:"kindFill_053c9fff3b",colorPrimary:"colorPrimary_c41fb90cdd",colorDark:"colorDark_14f3bb21c5",colorNegative:"colorNegative_ddba62c1ca",colorLight:"colorLight_0b592ee329",kindLine:"kindLine_e86d1b2344",fadeEnter:"fadeEnter_c6c1207e20",fadeEnterActive:"fadeEnterActive_93fe042902",fadeExit:"fadeExit_e679470392",fadeExitActive:"fadeExitActive_aee87510b3","counter-pop-elastic":"counter-pop-elastic_823945ca59"};!function(n){const o="s_id-2d04cfa2a785_3_0_0-alpha_8";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_f7d7ff4a94 {\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_823945ca59 {\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_16f4f58f8c {\n  animation: counterPopElastic_12e3597dab var(--motion-expressive-short);\n}\n.sizeSmall_73562fa669 {\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_096efd856f {\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_053c9fff3b.colorPrimary_c41fb90cdd {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_053c9fff3b.colorDark_14f3bb21c5 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_053c9fff3b.colorNegative_ddba62c1ca {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_053c9fff3b.colorLight_0b592ee329 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_e86d1b2344 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_e86d1b2344.colorPrimary_c41fb90cdd {\n  color: var(--primary-color);\n}\n.kindLine_e86d1b2344.colorDark_14f3bb21c5 {\n  color: var(--inverted-color-background);\n}\n.kindLine_e86d1b2344.colorNegative_ddba62c1ca {\n  color: var(--negative-color);\n}\n.kindLine_e86d1b2344.colorLight_0b592ee329 {\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_c6c1207e20 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_93fe042902 {\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_e679470392 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_aee87510b3 {\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_9a584e6588"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-84193b4fa4fe_3_0_0-alpha_6";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))}(".navigationItemContainer_9a584e6588 {\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_d893f5d3e5"};!function(e){const n="s_id-84193b4fa4fe_3_0_0-alpha_8";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_d893f5d3e5 {\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_e858d6b8d8",monthYearSelection:"monthYearSelection_b8544d3325",rangePickerMode:"rangePickerMode_70e4b90489",withWeekNumber:"withWeekNumber_cdb2cee2a4",calendarDayWeekNumber:"calendarDayWeekNumber_35ad5ff687"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-08c822721057_3_0_0-alpha_6";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}('.datepickerContainer_e858d6b8d8 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_e858d6b8d8 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_e858d6b8d8 td {\n  border: none;\n}\n.datepickerContainer_e858d6b8d8.monthYearSelection_b8544d3325 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_e858d6b8d8.monthYearSelection_b8544d3325 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_e858d6b8d8 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_e858d6b8d8 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_e858d6b8d8 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_e858d6b8d8 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_e858d6b8d8 .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_e858d6b8d8 .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_e858d6b8d8 .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_e858d6b8d8 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_e858d6b8d8 .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_e858d6b8d8 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_e858d6b8d8 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_e858d6b8d8 .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_e858d6b8d8 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_e858d6b8d8 .CalendarDay__blocked_calendar, .datepickerContainer_e858d6b8d8 .CalendarDay__blocked_calendar:active, .datepickerContainer_e858d6b8d8 .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_e858d6b8d8 .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_e858d6b8d8 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_e858d6b8d8 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_e858d6b8d8 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_e858d6b8d8 .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_e858d6b8d8.rangePickerMode_70e4b90489 .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_e858d6b8d8.rangePickerMode_70e4b90489 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_e858d6b8d8.rangePickerMode_70e4b90489 .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_e858d6b8d8.rangePickerMode_70e4b90489 .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_e858d6b8d8.rangePickerMode_70e4b90489 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_e858d6b8d8.rangePickerMode_70e4b90489 .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_e858d6b8d8.rangePickerMode_70e4b90489 .CalendarDay__hovered_span, .datepickerContainer_e858d6b8d8.rangePickerMode_70e4b90489 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_e858d6b8d8.rangePickerMode_70e4b90489 .CalendarDay__hovered_span:hover::before, .datepickerContainer_e858d6b8d8.rangePickerMode_70e4b90489 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_e858d6b8d8.rangePickerMode_70e4b90489 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_e858d6b8d8.rangePickerMode_70e4b90489 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_e858d6b8d8.rangePickerMode_70e4b90489 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_e858d6b8d8.rangePickerMode_70e4b90489 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_e858d6b8d8.rangePickerMode_70e4b90489.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_e858d6b8d8.rangePickerMode_70e4b90489.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_e858d6b8d8.rangePickerMode_70e4b90489.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_e858d6b8d8.withWeekNumber_cdb2cee2a4 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_e858d6b8d8.withWeekNumber_cdb2cee2a4 .CalendarDay .calendarDayWeekNumber_35ad5ff687 {\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_e858d6b8d8.withWeekNumber_cdb2cee2a4 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_35ad5ff687 {\n  display: flex;\n}\n.datepickerContainer_e858d6b8d8.withWeekNumber_cdb2cee2a4 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_35ad5ff687 {\n  display: none;\n}\n.datepickerContainer_e858d6b8d8.withWeekNumber_cdb2cee2a4 .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_e858d6b8d8.withWeekNumber_cdb2cee2a4 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_e858d6b8d8.withWeekNumber_cdb2cee2a4 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_e858d6b8d8.withWeekNumber_cdb2cee2a4 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_e858d6b8d8.withWeekNumber_cdb2cee2a4 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_1d6393fb2c",monthYearSelection:"monthYearSelection_c40c57b24f",rangePickerMode:"rangePickerMode_efe558f87c",withWeekNumber:"withWeekNumber_6fd8e774c4",calendarDayWeekNumber:"calendarDayWeekNumber_c8ed1f3382"};!function(e){const n="s_id-08c822721057_3_0_0-alpha_8";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_1d6393fb2c {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_1d6393fb2c 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_1d6393fb2c td {\n  border: none;\n}\n.datepickerContainer_1d6393fb2c.monthYearSelection_c40c57b24f table tbody {\n  opacity: 0;\n}\n.datepickerContainer_1d6393fb2c.monthYearSelection_c40c57b24f .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_1d6393fb2c .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_1d6393fb2c .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_1d6393fb2c .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_1d6393fb2c .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_1d6393fb2c .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_1d6393fb2c .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_1d6393fb2c .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_1d6393fb2c .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_1d6393fb2c .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_1d6393fb2c .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_1d6393fb2c .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_1d6393fb2c .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_1d6393fb2c .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_1d6393fb2c .CalendarDay__blocked_calendar, .datepickerContainer_1d6393fb2c .CalendarDay__blocked_calendar:active, .datepickerContainer_1d6393fb2c .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_1d6393fb2c .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_1d6393fb2c .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_1d6393fb2c .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_1d6393fb2c .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_1d6393fb2c .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_1d6393fb2c.rangePickerMode_efe558f87c .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_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .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_1d6393fb2c.rangePickerMode_efe558f87c .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_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .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_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__hovered_span, .datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__hovered_span:hover::before, .datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .CalendarDay .calendarDayWeekNumber_c8ed1f3382 {\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_1d6393fb2c.withWeekNumber_6fd8e774c4 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_c8ed1f3382 {\n  display: flex;\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_c8ed1f3382 {\n  display: none;\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .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_1d6393fb2c.withWeekNumber_6fd8e774c4 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .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_7400b008b5",button:"button_5636bb418f",buttonContent:"buttonContent_042c09762c"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_3_0_0-alpha_6";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".datePickerHeader_7400b008b5 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_7400b008b5 .button_5636bb418f {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_7400b008b5 .button_5636bb418f .buttonContent_042c09762c {\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_7400b008b5 .button_5636bb418f .buttonContent_042c09762c:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_1e019f4625",button:"button_b61f88ba05",buttonContent:"buttonContent_40bdf5693d"};!function(e){const n="s_id-89778422f1e0_3_0_0-alpha_8";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_1e019f4625 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_1e019f4625 .button_b61f88ba05 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_1e019f4625 .button_b61f88ba05 .buttonContent_40bdf5693d {\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_1e019f4625 .button_b61f88ba05 .buttonContent_40bdf5693d: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_76813bca30",navigationWrapper:"navigationWrapper_87ea9fe210",navigationLeft:"navigationLeft_31e3fa50e2",navigationRight:"navigationRight_8369d86d19",pickerOptions:"pickerOptions_b0d339db99",pickerOption:"pickerOption_912acf717a"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-38af31aef936_3_0_0-alpha_6";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".monthYearPicker_76813bca30 {\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_76813bca30 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_76813bca30 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_76813bca30 .navigationWrapper_87ea9fe210 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_76813bca30 .navigationWrapper_87ea9fe210.navigationLeft_31e3fa50e2 {\n  left: 21px;\n}\n.monthYearPicker_76813bca30 .navigationWrapper_87ea9fe210.navigationRight_8369d86d19 {\n  right: 21px;\n}\n.monthYearPicker_76813bca30 .pickerOptions_b0d339db99 {\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_76813bca30 .pickerOptions_b0d339db99 .pickerOption_912acf717a {\n  min-width: 66px;\n}\n.monthYearPicker_76813bca30 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
+var e={monthYearPicker:"monthYearPicker_223cc73128",navigationWrapper:"navigationWrapper_6b23e8eb36",navigationLeft:"navigationLeft_ac59d64de2",navigationRight:"navigationRight_81201b35ca",pickerOptions:"pickerOptions_67c3c1d8fa",pickerOption:"pickerOption_0ba1d6beaa"};!function(e){const n="s_id-38af31aef936_3_0_0-alpha_8";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)}(".monthYearPicker_223cc73128 {\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_223cc73128 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_223cc73128 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_223cc73128 .navigationWrapper_6b23e8eb36 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_223cc73128 .navigationWrapper_6b23e8eb36.navigationLeft_ac59d64de2 {\n  left: 21px;\n}\n.monthYearPicker_223cc73128 .navigationWrapper_6b23e8eb36.navigationRight_81201b35ca {\n  right: 21px;\n}\n.monthYearPicker_223cc73128 .pickerOptions_67c3c1d8fa {\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_223cc73128 .pickerOptions_67c3c1d8fa .pickerOption_0ba1d6beaa {\n  min-width: 66px;\n}\n.monthYearPicker_223cc73128 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map