npm - @vibe/core - Versions diffs - 3.31.1 → 3.32.0 - Mend

@vibe/core 3.31.1 → 3.32.0

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

Files changed (361) hide show

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

@@ -1,2 +1,2 @@
-var o={button:"button_6d95b8c0f6","focus-visible":"focus-visible_3fa5442027",loader:"loader_5edf5c8063",loaderSvg:"loaderSvg_5fbd1d980f",textPlaceholder:"textPlaceholder_00f72adc6e",success:"success_e2e03fdcdc",successContent:"successContent_f32a353a9b",marginRight:"marginRight_c879005daf",marginLeft:"marginLeft_5f939c4cdc",rightFlat:"rightFlat_5afa22ebd3",leftFlat:"leftFlat_05337e9fab",preventClickAnimation:"preventClickAnimation_dd26fde55c",leftIcon:"leftIcon_c879005daf",rightIcon:"rightIcon_5f939c4cdc",sizeXxs:"sizeXxs_e31def3916",sizeXs:"sizeXs_1d98220559",sizeSmall:"sizeSmall_5cb01898c2",sizeMedium:"sizeMedium_2ba2dfa184",sizeLarge:"sizeLarge_a288011c90",kindPrimary:"kindPrimary_14fbd2199d",colorPrimary:"colorPrimary_98c1ab0584",colorBrand:"colorBrand_565b22d584",colorPrimaryActive:"colorPrimaryActive_3a6ec38d65",colorBrandActive:"colorBrandActive_e5e8971e9b",colorPositive:"colorPositive_07f792fc8b",colorPositiveActive:"colorPositiveActive_71cf6d5b99",colorNegative:"colorNegative_071840c459",colorNegativeActive:"colorNegativeActive_71cf6d5b99",colorInverted:"colorInverted_948d0ee875",colorInvertedActive:"colorInvertedActive_71cf6d5b99",disabled:"disabled_5bd94366c6",colorOnPrimaryColor:"colorOnPrimaryColor_c02c53a2bc",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_7003ccfa16",colorFixedLight:"colorFixedLight_8b83126a6c",colorFixedLightActive:"colorFixedLightActive_dd26fde55c",colorFixedDark:"colorFixedDark_8de7cb6baa",colorFixedDarkActive:"colorFixedDarkActive_026fb679de",colorOnInvertedBackground:"colorOnInvertedBackground_49982a1758",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_cfca87c357",kindSecondary:"kindSecondary_e68a6938a7",kindTertiary:"kindTertiary_f3fe54e1e7",noSidePadding:"noSidePadding_63fd3716d1",insetFocusStyle:"insetFocusStyle_efc63615bd"};!function(o){const r="s_id-f5db469b1a79_3_31_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_6d95b8c0f6 {\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_6d95b8c0f6:focus-visible, .button_6d95b8c0f6.focus-visible_3fa5442027 {\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_6d95b8c0f6:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.button_6d95b8c0f6 .loader_5edf5c8063 {\n  height: 100%;\n}\n.button_6d95b8c0f6 .loader_5edf5c8063 .loaderSvg_5fbd1d980f {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_6d95b8c0f6 .textPlaceholder_00f72adc6e {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_6d95b8c0f6.success_e2e03fdcdc {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_6d95b8c0f6.success_e2e03fdcdc .successContent_f32a353a9b {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_c879005daf {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_5f939c4cdc {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_5afa22ebd3 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_05337e9fab {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_6d95b8c0f6:active:not(.preventClickAnimation_dd26fde55c) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_6d95b8c0f6 .leftIcon_c879005daf {\n  margin-right: var(--spacing-small);\n}\n.button_6d95b8c0f6 .rightIcon_5f939c4cdc {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_e31def3916 {\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_1d98220559 {\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_5cb01898c2 {\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_5cb01898c2 .loader_5edf5c8063 {\n  top: 7px;\n}\n.sizeMedium_2ba2dfa184 {\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_a288011c90 {\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_14fbd2199d {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_14fbd2199d.colorPrimary_98c1ab0584 {\n  background: var(--primary-color);\n}\n.kindPrimary_14fbd2199d.colorBrand_565b22d584 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_14fbd2199d.colorPrimaryActive_3a6ec38d65,\n.kindPrimary_14fbd2199d.colorPrimary_98c1ab0584:hover,\n.kindPrimary_14fbd2199d.colorPrimary_98c1ab0584:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_14fbd2199d.colorBrandActive_e5e8971e9b,\n.kindPrimary_14fbd2199d.colorBrand_565b22d584:hover,\n.kindPrimary_14fbd2199d.colorBrand_565b22d584:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_14fbd2199d.colorPositive_07f792fc8b {\n  background: var(--positive-color);\n}\n.kindPrimary_14fbd2199d.colorPositiveActive_71cf6d5b99,\n.kindPrimary_14fbd2199d.colorPositive_07f792fc8b:hover,\n.kindPrimary_14fbd2199d.colorPositive_07f792fc8b:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_14fbd2199d.colorNegative_071840c459 {\n  background: var(--negative-color);\n}\n.kindPrimary_14fbd2199d.colorNegativeActive_71cf6d5b99,\n.kindPrimary_14fbd2199d.colorNegative_071840c459:hover,\n.kindPrimary_14fbd2199d.colorNegative_071840c459:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_14fbd2199d.colorInverted_948d0ee875 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_14fbd2199d.colorInvertedActive_71cf6d5b99,\n.kindPrimary_14fbd2199d.colorInverted_948d0ee875:hover,\n.kindPrimary_14fbd2199d.colorInverted_948d0ee875:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_14fbd2199d.button_6d95b8c0f6.colorInverted_948d0ee875.disabled_5bd94366c6 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_14fbd2199d.colorOnPrimaryColorActive_7003ccfa16,\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:hover,\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_14fbd2199d.colorOnPrimaryColorActive_7003ccfa16:focus-visible, .kindPrimary_14fbd2199d.colorOnPrimaryColorActive_7003ccfa16.focus-visible_3fa5442027,\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:hover:focus-visible,\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:hover.focus-visible_3fa5442027,\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:focus:focus-visible,\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:focus.focus-visible_3fa5442027 {\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_14fbd2199d.colorOnPrimaryColorActive_7003ccfa16:focus:not(.focus-visible_3fa5442027),\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:hover:focus:not(.focus-visible_3fa5442027),\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_14fbd2199d.colorFixedLightActive_dd26fde55c,\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:hover,\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_14fbd2199d.colorFixedLightActive_dd26fde55c:focus-visible, .kindPrimary_14fbd2199d.colorFixedLightActive_dd26fde55c.focus-visible_3fa5442027,\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:hover:focus-visible,\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:hover.focus-visible_3fa5442027,\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:focus:focus-visible,\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:focus.focus-visible_3fa5442027 {\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_14fbd2199d.colorFixedLightActive_dd26fde55c:focus:not(.focus-visible_3fa5442027),\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:hover:focus:not(.focus-visible_3fa5442027),\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_14fbd2199d.colorFixedDarkActive_026fb679de,\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:hover,\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_14fbd2199d.colorFixedDarkActive_026fb679de:focus-visible, .kindPrimary_14fbd2199d.colorFixedDarkActive_026fb679de.focus-visible_3fa5442027,\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:hover:focus-visible,\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:hover.focus-visible_3fa5442027,\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:focus:focus-visible,\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:focus.focus-visible_3fa5442027 {\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_14fbd2199d.colorFixedDarkActive_026fb679de:focus:not(.focus-visible_3fa5442027),\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:hover:focus:not(.focus-visible_3fa5442027),\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_14fbd2199d.colorOnInvertedBackground_49982a1758 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_14fbd2199d.colorOnInvertedBackgroundActive_cfca87c357,\n.kindPrimary_14fbd2199d.colorOnInvertedBackground_49982a1758:hover,\n.kindPrimary_14fbd2199d.colorOnInvertedBackground_49982a1758:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_14fbd2199d.button_6d95b8c0f6.colorOnInvertedBackground_49982a1758.disabled_5bd94366c6 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_14fbd2199d.button_6d95b8c0f6.disabled_5bd94366c6 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_e68a6938a7 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_e68a6938a7.sizeSmall_5cb01898c2 {\n  line-height: 22px;\n}\n.kindSecondary_e68a6938a7.sizeMedium_2ba2dfa184 {\n  line-height: 22px;\n}\n.kindSecondary_e68a6938a7.sizeLarge_a288011c90 {\n  line-height: 22px;\n}\n.kindSecondary_e68a6938a7.colorPrimaryActive_3a6ec38d65 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_e68a6938a7.colorPrimaryActive_3a6ec38d65:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_e68a6938a7.colorBrandActive_e5e8971e9b {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_e68a6938a7.colorBrandActive_e5e8971e9b,\n.kindSecondary_e68a6938a7.colorBrandActive_e5e8971e9b:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_e68a6938a7.colorPrimary_98c1ab0584:hover:not(.colorPrimaryActive_3a6ec38d65),\n.kindSecondary_e68a6938a7.colorPrimary_98c1ab0584:focus:not(.colorPrimaryActive_3a6ec38d65) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e68a6938a7.colorBrand_565b22d584:hover:not(.colorBrandActive_e5e8971e9b),\n.kindSecondary_e68a6938a7.colorBrand_565b22d584:focus:not(.colorBrandActive_e5e8971e9b) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e68a6938a7.colorPositive_07f792fc8b {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_e68a6938a7.colorPositiveActive_71cf6d5b99,\n.kindSecondary_e68a6938a7.colorPositive_07f792fc8b:hover,\n.kindSecondary_e68a6938a7.colorPositive_07f792fc8b:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_e68a6938a7.colorNegative_071840c459 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_e68a6938a7.colorNegativeActive_71cf6d5b99,\n.kindSecondary_e68a6938a7.colorNegative_071840c459:hover,\n.kindSecondary_e68a6938a7.colorNegative_071840c459:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_e68a6938a7.colorInverted_948d0ee875 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_e68a6938a7.colorInvertedActive_71cf6d5b99,\n.kindSecondary_e68a6938a7.colorInverted_948d0ee875:hover,\n.kindSecondary_e68a6938a7.colorInverted_948d0ee875:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e68a6938a7.colorInverted_948d0ee875.disabled_5bd94366c6 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_e68a6938a7.colorOnPrimaryColorActive_7003ccfa16,\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:hover,\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_e68a6938a7.colorOnPrimaryColorActive_7003ccfa16:focus-visible, .kindSecondary_e68a6938a7.colorOnPrimaryColorActive_7003ccfa16.focus-visible_3fa5442027,\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:hover:focus-visible,\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:hover.focus-visible_3fa5442027,\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:focus:focus-visible,\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:focus.focus-visible_3fa5442027 {\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_e68a6938a7.colorOnPrimaryColorActive_7003ccfa16:focus:not(.focus-visible_3fa5442027),\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:hover:focus:not(.focus-visible_3fa5442027),\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_e68a6938a7.colorFixedLightActive_dd26fde55c,\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:hover,\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_e68a6938a7.colorFixedLightActive_dd26fde55c:focus-visible, .kindSecondary_e68a6938a7.colorFixedLightActive_dd26fde55c.focus-visible_3fa5442027,\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:hover:focus-visible,\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:hover.focus-visible_3fa5442027,\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:focus:focus-visible,\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:focus.focus-visible_3fa5442027 {\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_e68a6938a7.colorFixedLightActive_dd26fde55c:focus:not(.focus-visible_3fa5442027),\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:hover:focus:not(.focus-visible_3fa5442027),\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_e68a6938a7.colorFixedDarkActive_026fb679de,\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:hover,\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_e68a6938a7.colorFixedDarkActive_026fb679de:focus-visible, .kindSecondary_e68a6938a7.colorFixedDarkActive_026fb679de.focus-visible_3fa5442027,\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:hover:focus-visible,\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:hover.focus-visible_3fa5442027,\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:focus:focus-visible,\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:focus.focus-visible_3fa5442027 {\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_e68a6938a7.colorFixedDarkActive_026fb679de:focus:not(.focus-visible_3fa5442027),\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:hover:focus:not(.focus-visible_3fa5442027),\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindSecondary_e68a6938a7.colorOnInvertedBackground_49982a1758 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_e68a6938a7.colorOnInvertedBackgroundActive_cfca87c357,\n.kindSecondary_e68a6938a7.colorOnInvertedBackground_49982a1758:hover,\n.kindSecondary_e68a6938a7.colorOnInvertedBackground_49982a1758:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_e68a6938a7.colorOnInvertedBackground_49982a1758.disabled_5bd94366c6 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_e68a6938a7.disabled_5bd94366c6 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_e68a6938a7.disabled_5bd94366c6:hover {\n  background-color: transparent;\n}\n.kindTertiary_f3fe54e1e7 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_f3fe54e1e7.colorPrimaryActive_3a6ec38d65 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_f3fe54e1e7.colorPrimaryActive_3a6ec38d65:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_f3fe54e1e7.colorBrandActive_e5e8971e9b {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_f3fe54e1e7.colorBrandActive_e5e8971e9b,\n.kindTertiary_f3fe54e1e7.colorBrandActive_e5e8971e9b:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_f3fe54e1e7.colorPrimary_98c1ab0584:hover:not(.colorPrimaryActive_3a6ec38d65),\n.kindTertiary_f3fe54e1e7.colorPrimary_98c1ab0584:focus:not(.colorPrimaryActive_3a6ec38d65) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f3fe54e1e7.colorBrand_565b22d584:hover:not(.colorBrandActive_e5e8971e9b),\n.kindTertiary_f3fe54e1e7.colorBrand_565b22d584:focus:not(.colorBrandActive_e5e8971e9b) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f3fe54e1e7.colorPositive_07f792fc8b {\n  color: var(--positive-color);\n}\n.kindTertiary_f3fe54e1e7.colorPositiveActive_71cf6d5b99,\n.kindTertiary_f3fe54e1e7.colorPositive_07f792fc8b:hover,\n.kindTertiary_f3fe54e1e7.colorPositive_07f792fc8b:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_f3fe54e1e7.colorNegative_071840c459 {\n  color: var(--negative-color);\n}\n.kindTertiary_f3fe54e1e7.colorNegativeActive_71cf6d5b99,\n.kindTertiary_f3fe54e1e7.colorNegative_071840c459:hover,\n.kindTertiary_f3fe54e1e7.colorNegative_071840c459:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_f3fe54e1e7.colorInverted_948d0ee875 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_f3fe54e1e7.colorInvertedActive_71cf6d5b99,\n.kindTertiary_f3fe54e1e7.colorInverted_948d0ee875:hover,\n.kindTertiary_f3fe54e1e7.colorInverted_948d0ee875:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f3fe54e1e7.colorInverted_948d0ee875.disabled_5bd94366c6 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColorActive_7003ccfa16,\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:hover,\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColorActive_7003ccfa16:focus-visible, .kindTertiary_f3fe54e1e7.colorOnPrimaryColorActive_7003ccfa16.focus-visible_3fa5442027,\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:hover:focus-visible,\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:hover.focus-visible_3fa5442027,\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:focus:focus-visible,\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:focus.focus-visible_3fa5442027 {\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_f3fe54e1e7.colorOnPrimaryColorActive_7003ccfa16:focus:not(.focus-visible_3fa5442027),\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:hover:focus:not(.focus-visible_3fa5442027),\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f3fe54e1e7.colorFixedLightActive_dd26fde55c,\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:hover,\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f3fe54e1e7.colorFixedLightActive_dd26fde55c:focus-visible, .kindTertiary_f3fe54e1e7.colorFixedLightActive_dd26fde55c.focus-visible_3fa5442027,\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:hover:focus-visible,\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:hover.focus-visible_3fa5442027,\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:focus:focus-visible,\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:focus.focus-visible_3fa5442027 {\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_f3fe54e1e7.colorFixedLightActive_dd26fde55c:focus:not(.focus-visible_3fa5442027),\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:hover:focus:not(.focus-visible_3fa5442027),\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_f3fe54e1e7.colorFixedDarkActive_026fb679de,\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:hover,\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_f3fe54e1e7.colorFixedDarkActive_026fb679de:focus-visible, .kindTertiary_f3fe54e1e7.colorFixedDarkActive_026fb679de.focus-visible_3fa5442027,\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:hover:focus-visible,\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:hover.focus-visible_3fa5442027,\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:focus:focus-visible,\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:focus.focus-visible_3fa5442027 {\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_f3fe54e1e7.colorFixedDarkActive_026fb679de:focus:not(.focus-visible_3fa5442027),\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:hover:focus:not(.focus-visible_3fa5442027),\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_f3fe54e1e7.colorOnInvertedBackground_49982a1758 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f3fe54e1e7.colorOnInvertedBackgroundActive_cfca87c357,\n.kindTertiary_f3fe54e1e7.colorOnInvertedBackground_49982a1758:hover,\n.kindTertiary_f3fe54e1e7.colorOnInvertedBackground_49982a1758:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_f3fe54e1e7.colorOnInvertedBackground_49982a1758.disabled_5bd94366c6 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f3fe54e1e7.disabled_5bd94366c6 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_f3fe54e1e7.disabled_5bd94366c6:hover {\n  background-color: transparent;\n}\n.noSidePadding_63fd3716d1 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_6d95b8c0f6.insetFocusStyle_efc63615bd:focus-visible, .button_6d95b8c0f6.insetFocusStyle_efc63615bd.focus-visible_3fa5442027 {\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_6d95b8c0f6.insetFocusStyle_efc63615bd:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_f4553f4095","focus-visible":"focus-visible_0e536ebde7",loader:"loader_bf1deb2134",loaderSvg:"loaderSvg_ebfc4ec72c",textPlaceholder:"textPlaceholder_bd4380134b",success:"success_05ac0b4fe2",successContent:"successContent_19a776e7d3",marginRight:"marginRight_58edc0e568",marginLeft:"marginLeft_9bf462bb11",rightFlat:"rightFlat_b3078503ec",leftFlat:"leftFlat_b9488526ff",preventClickAnimation:"preventClickAnimation_626793be5d",leftIcon:"leftIcon_58edc0e568",rightIcon:"rightIcon_9bf462bb11",sizeXxs:"sizeXxs_b79a79409f",sizeXs:"sizeXs_bcbdaa82a1",sizeSmall:"sizeSmall_6cb4f9146b",sizeMedium:"sizeMedium_82080e5394",sizeLarge:"sizeLarge_59b9ff05cd",kindPrimary:"kindPrimary_df1ab3349f",colorPrimary:"colorPrimary_43487d1802",colorBrand:"colorBrand_b5a22bf0ad",colorPrimaryActive:"colorPrimaryActive_13e34c50ba",colorBrandActive:"colorBrandActive_f3bad68de1",colorPositive:"colorPositive_86c97aa50f",colorPositiveActive:"colorPositiveActive_7ea9d8c4d1",colorNegative:"colorNegative_e368716e32",colorNegativeActive:"colorNegativeActive_7ea9d8c4d1",colorInverted:"colorInverted_564d988156",colorInvertedActive:"colorInvertedActive_7ea9d8c4d1",disabled:"disabled_62c3a28ad2",colorOnPrimaryColor:"colorOnPrimaryColor_ec7887b037",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_63fcc0b2ca",colorFixedLight:"colorFixedLight_b9d84a8a75",colorFixedLightActive:"colorFixedLightActive_626793be5d",colorFixedDark:"colorFixedDark_001f66acf7",colorFixedDarkActive:"colorFixedDarkActive_37d2f620ca",colorOnInvertedBackground:"colorOnInvertedBackground_96c432829a",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_0d33df1f6a",kindSecondary:"kindSecondary_22e90b80f7",kindTertiary:"kindTertiary_676c6f9ab0",noSidePadding:"noSidePadding_4ff3017271",insetFocusStyle:"insetFocusStyle_111091a54b"};!function(o){const r="s_id-f5db469b1a79_3_31_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_f4553f4095 {\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_f4553f4095:focus-visible, .button_f4553f4095.focus-visible_0e536ebde7 {\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_f4553f4095:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}\n.button_f4553f4095 .loader_bf1deb2134 {\n  height: 100%;\n}\n.button_f4553f4095 .loader_bf1deb2134 .loaderSvg_ebfc4ec72c {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_f4553f4095 .textPlaceholder_bd4380134b {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_f4553f4095.success_05ac0b4fe2 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_f4553f4095.success_05ac0b4fe2 .successContent_19a776e7d3 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_58edc0e568 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_9bf462bb11 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_b3078503ec {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_b9488526ff {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_f4553f4095:active:not(.preventClickAnimation_626793be5d) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_f4553f4095 .leftIcon_58edc0e568 {\n  margin-right: var(--spacing-small);\n}\n.button_f4553f4095 .rightIcon_9bf462bb11 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_b79a79409f {\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_bcbdaa82a1 {\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_6cb4f9146b {\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_6cb4f9146b .loader_bf1deb2134 {\n  top: 7px;\n}\n.sizeMedium_82080e5394 {\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_59b9ff05cd {\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_df1ab3349f {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_df1ab3349f.colorPrimary_43487d1802 {\n  background: var(--primary-color);\n}\n.kindPrimary_df1ab3349f.colorBrand_b5a22bf0ad {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_df1ab3349f.colorPrimaryActive_13e34c50ba,\n.kindPrimary_df1ab3349f.colorPrimary_43487d1802:hover,\n.kindPrimary_df1ab3349f.colorPrimary_43487d1802:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_df1ab3349f.colorBrandActive_f3bad68de1,\n.kindPrimary_df1ab3349f.colorBrand_b5a22bf0ad:hover,\n.kindPrimary_df1ab3349f.colorBrand_b5a22bf0ad:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_df1ab3349f.colorPositive_86c97aa50f {\n  background: var(--positive-color);\n}\n.kindPrimary_df1ab3349f.colorPositiveActive_7ea9d8c4d1,\n.kindPrimary_df1ab3349f.colorPositive_86c97aa50f:hover,\n.kindPrimary_df1ab3349f.colorPositive_86c97aa50f:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_df1ab3349f.colorNegative_e368716e32 {\n  background: var(--negative-color);\n}\n.kindPrimary_df1ab3349f.colorNegativeActive_7ea9d8c4d1,\n.kindPrimary_df1ab3349f.colorNegative_e368716e32:hover,\n.kindPrimary_df1ab3349f.colorNegative_e368716e32:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_df1ab3349f.colorInverted_564d988156 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_df1ab3349f.colorInvertedActive_7ea9d8c4d1,\n.kindPrimary_df1ab3349f.colorInverted_564d988156:hover,\n.kindPrimary_df1ab3349f.colorInverted_564d988156:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_df1ab3349f.button_f4553f4095.colorInverted_564d988156.disabled_62c3a28ad2 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_df1ab3349f.colorOnPrimaryColor_ec7887b037 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_df1ab3349f.colorOnPrimaryColorActive_63fcc0b2ca,\n.kindPrimary_df1ab3349f.colorOnPrimaryColor_ec7887b037:hover,\n.kindPrimary_df1ab3349f.colorOnPrimaryColor_ec7887b037:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_df1ab3349f.colorOnPrimaryColorActive_63fcc0b2ca:focus-visible, .kindPrimary_df1ab3349f.colorOnPrimaryColorActive_63fcc0b2ca.focus-visible_0e536ebde7,\n.kindPrimary_df1ab3349f.colorOnPrimaryColor_ec7887b037:hover:focus-visible,\n.kindPrimary_df1ab3349f.colorOnPrimaryColor_ec7887b037:hover.focus-visible_0e536ebde7,\n.kindPrimary_df1ab3349f.colorOnPrimaryColor_ec7887b037:focus:focus-visible,\n.kindPrimary_df1ab3349f.colorOnPrimaryColor_ec7887b037:focus.focus-visible_0e536ebde7 {\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_df1ab3349f.colorOnPrimaryColorActive_63fcc0b2ca:focus:not(.focus-visible_0e536ebde7),\n.kindPrimary_df1ab3349f.colorOnPrimaryColor_ec7887b037:hover:focus:not(.focus-visible_0e536ebde7),\n.kindPrimary_df1ab3349f.colorOnPrimaryColor_ec7887b037:focus:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}\n.kindPrimary_df1ab3349f.colorOnPrimaryColor_ec7887b037.disabled_62c3a28ad2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_df1ab3349f.colorFixedLight_b9d84a8a75 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_df1ab3349f.colorFixedLightActive_626793be5d,\n.kindPrimary_df1ab3349f.colorFixedLight_b9d84a8a75:hover,\n.kindPrimary_df1ab3349f.colorFixedLight_b9d84a8a75:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_df1ab3349f.colorFixedLightActive_626793be5d:focus-visible, .kindPrimary_df1ab3349f.colorFixedLightActive_626793be5d.focus-visible_0e536ebde7,\n.kindPrimary_df1ab3349f.colorFixedLight_b9d84a8a75:hover:focus-visible,\n.kindPrimary_df1ab3349f.colorFixedLight_b9d84a8a75:hover.focus-visible_0e536ebde7,\n.kindPrimary_df1ab3349f.colorFixedLight_b9d84a8a75:focus:focus-visible,\n.kindPrimary_df1ab3349f.colorFixedLight_b9d84a8a75:focus.focus-visible_0e536ebde7 {\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_df1ab3349f.colorFixedLightActive_626793be5d:focus:not(.focus-visible_0e536ebde7),\n.kindPrimary_df1ab3349f.colorFixedLight_b9d84a8a75:hover:focus:not(.focus-visible_0e536ebde7),\n.kindPrimary_df1ab3349f.colorFixedLight_b9d84a8a75:focus:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}\n.kindPrimary_df1ab3349f.colorFixedLight_b9d84a8a75.disabled_62c3a28ad2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_df1ab3349f.colorFixedDark_001f66acf7 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_df1ab3349f.colorFixedDarkActive_37d2f620ca,\n.kindPrimary_df1ab3349f.colorFixedDark_001f66acf7:hover,\n.kindPrimary_df1ab3349f.colorFixedDark_001f66acf7:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_df1ab3349f.colorFixedDarkActive_37d2f620ca:focus-visible, .kindPrimary_df1ab3349f.colorFixedDarkActive_37d2f620ca.focus-visible_0e536ebde7,\n.kindPrimary_df1ab3349f.colorFixedDark_001f66acf7:hover:focus-visible,\n.kindPrimary_df1ab3349f.colorFixedDark_001f66acf7:hover.focus-visible_0e536ebde7,\n.kindPrimary_df1ab3349f.colorFixedDark_001f66acf7:focus:focus-visible,\n.kindPrimary_df1ab3349f.colorFixedDark_001f66acf7:focus.focus-visible_0e536ebde7 {\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_df1ab3349f.colorFixedDarkActive_37d2f620ca:focus:not(.focus-visible_0e536ebde7),\n.kindPrimary_df1ab3349f.colorFixedDark_001f66acf7:hover:focus:not(.focus-visible_0e536ebde7),\n.kindPrimary_df1ab3349f.colorFixedDark_001f66acf7:focus:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}\n.kindPrimary_df1ab3349f.colorFixedDark_001f66acf7.disabled_62c3a28ad2 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_df1ab3349f.colorOnInvertedBackground_96c432829a {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_df1ab3349f.colorOnInvertedBackgroundActive_0d33df1f6a,\n.kindPrimary_df1ab3349f.colorOnInvertedBackground_96c432829a:hover,\n.kindPrimary_df1ab3349f.colorOnInvertedBackground_96c432829a:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_df1ab3349f.button_f4553f4095.colorOnInvertedBackground_96c432829a.disabled_62c3a28ad2 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_df1ab3349f.button_f4553f4095.disabled_62c3a28ad2 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_22e90b80f7 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_22e90b80f7.sizeSmall_6cb4f9146b {\n  line-height: 22px;\n}\n.kindSecondary_22e90b80f7.sizeMedium_82080e5394 {\n  line-height: 22px;\n}\n.kindSecondary_22e90b80f7.sizeLarge_59b9ff05cd {\n  line-height: 22px;\n}\n.kindSecondary_22e90b80f7.colorPrimaryActive_13e34c50ba {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_22e90b80f7.colorPrimaryActive_13e34c50ba:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_22e90b80f7.colorBrandActive_f3bad68de1 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_22e90b80f7.colorBrandActive_f3bad68de1,\n.kindSecondary_22e90b80f7.colorBrandActive_f3bad68de1:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_22e90b80f7.colorPrimary_43487d1802:hover:not(.colorPrimaryActive_13e34c50ba),\n.kindSecondary_22e90b80f7.colorPrimary_43487d1802:focus:not(.colorPrimaryActive_13e34c50ba) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_22e90b80f7.colorBrand_b5a22bf0ad:hover:not(.colorBrandActive_f3bad68de1),\n.kindSecondary_22e90b80f7.colorBrand_b5a22bf0ad:focus:not(.colorBrandActive_f3bad68de1) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_22e90b80f7.colorPositive_86c97aa50f {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_22e90b80f7.colorPositiveActive_7ea9d8c4d1,\n.kindSecondary_22e90b80f7.colorPositive_86c97aa50f:hover,\n.kindSecondary_22e90b80f7.colorPositive_86c97aa50f:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_22e90b80f7.colorNegative_e368716e32 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_22e90b80f7.colorNegativeActive_7ea9d8c4d1,\n.kindSecondary_22e90b80f7.colorNegative_e368716e32:hover,\n.kindSecondary_22e90b80f7.colorNegative_e368716e32:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_22e90b80f7.colorInverted_564d988156 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_22e90b80f7.colorInvertedActive_7ea9d8c4d1,\n.kindSecondary_22e90b80f7.colorInverted_564d988156:hover,\n.kindSecondary_22e90b80f7.colorInverted_564d988156:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_22e90b80f7.colorInverted_564d988156.disabled_62c3a28ad2 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_22e90b80f7.colorOnPrimaryColor_ec7887b037 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_22e90b80f7.colorOnPrimaryColorActive_63fcc0b2ca,\n.kindSecondary_22e90b80f7.colorOnPrimaryColor_ec7887b037:hover,\n.kindSecondary_22e90b80f7.colorOnPrimaryColor_ec7887b037:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_22e90b80f7.colorOnPrimaryColorActive_63fcc0b2ca:focus-visible, .kindSecondary_22e90b80f7.colorOnPrimaryColorActive_63fcc0b2ca.focus-visible_0e536ebde7,\n.kindSecondary_22e90b80f7.colorOnPrimaryColor_ec7887b037:hover:focus-visible,\n.kindSecondary_22e90b80f7.colorOnPrimaryColor_ec7887b037:hover.focus-visible_0e536ebde7,\n.kindSecondary_22e90b80f7.colorOnPrimaryColor_ec7887b037:focus:focus-visible,\n.kindSecondary_22e90b80f7.colorOnPrimaryColor_ec7887b037:focus.focus-visible_0e536ebde7 {\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_22e90b80f7.colorOnPrimaryColorActive_63fcc0b2ca:focus:not(.focus-visible_0e536ebde7),\n.kindSecondary_22e90b80f7.colorOnPrimaryColor_ec7887b037:hover:focus:not(.focus-visible_0e536ebde7),\n.kindSecondary_22e90b80f7.colorOnPrimaryColor_ec7887b037:focus:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}\n.kindSecondary_22e90b80f7.colorOnPrimaryColor_ec7887b037.disabled_62c3a28ad2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_22e90b80f7.colorFixedLight_b9d84a8a75 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_22e90b80f7.colorFixedLightActive_626793be5d,\n.kindSecondary_22e90b80f7.colorFixedLight_b9d84a8a75:hover,\n.kindSecondary_22e90b80f7.colorFixedLight_b9d84a8a75:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_22e90b80f7.colorFixedLightActive_626793be5d:focus-visible, .kindSecondary_22e90b80f7.colorFixedLightActive_626793be5d.focus-visible_0e536ebde7,\n.kindSecondary_22e90b80f7.colorFixedLight_b9d84a8a75:hover:focus-visible,\n.kindSecondary_22e90b80f7.colorFixedLight_b9d84a8a75:hover.focus-visible_0e536ebde7,\n.kindSecondary_22e90b80f7.colorFixedLight_b9d84a8a75:focus:focus-visible,\n.kindSecondary_22e90b80f7.colorFixedLight_b9d84a8a75:focus.focus-visible_0e536ebde7 {\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_22e90b80f7.colorFixedLightActive_626793be5d:focus:not(.focus-visible_0e536ebde7),\n.kindSecondary_22e90b80f7.colorFixedLight_b9d84a8a75:hover:focus:not(.focus-visible_0e536ebde7),\n.kindSecondary_22e90b80f7.colorFixedLight_b9d84a8a75:focus:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}\n.kindSecondary_22e90b80f7.colorFixedDark_001f66acf7 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_22e90b80f7.colorFixedDarkActive_37d2f620ca,\n.kindSecondary_22e90b80f7.colorFixedDark_001f66acf7:hover,\n.kindSecondary_22e90b80f7.colorFixedDark_001f66acf7:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_22e90b80f7.colorFixedDarkActive_37d2f620ca:focus-visible, .kindSecondary_22e90b80f7.colorFixedDarkActive_37d2f620ca.focus-visible_0e536ebde7,\n.kindSecondary_22e90b80f7.colorFixedDark_001f66acf7:hover:focus-visible,\n.kindSecondary_22e90b80f7.colorFixedDark_001f66acf7:hover.focus-visible_0e536ebde7,\n.kindSecondary_22e90b80f7.colorFixedDark_001f66acf7:focus:focus-visible,\n.kindSecondary_22e90b80f7.colorFixedDark_001f66acf7:focus.focus-visible_0e536ebde7 {\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_22e90b80f7.colorFixedDarkActive_37d2f620ca:focus:not(.focus-visible_0e536ebde7),\n.kindSecondary_22e90b80f7.colorFixedDark_001f66acf7:hover:focus:not(.focus-visible_0e536ebde7),\n.kindSecondary_22e90b80f7.colorFixedDark_001f66acf7:focus:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}\n.kindSecondary_22e90b80f7.colorOnInvertedBackground_96c432829a {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_22e90b80f7.colorOnInvertedBackgroundActive_0d33df1f6a,\n.kindSecondary_22e90b80f7.colorOnInvertedBackground_96c432829a:hover,\n.kindSecondary_22e90b80f7.colorOnInvertedBackground_96c432829a:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_22e90b80f7.colorOnInvertedBackground_96c432829a.disabled_62c3a28ad2 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_22e90b80f7.colorFixedLight_b9d84a8a75.disabled_62c3a28ad2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_22e90b80f7.colorFixedDark_001f66acf7.disabled_62c3a28ad2 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_22e90b80f7.disabled_62c3a28ad2 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_22e90b80f7.disabled_62c3a28ad2:hover {\n  background-color: transparent;\n}\n.kindTertiary_676c6f9ab0 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_676c6f9ab0.colorPrimaryActive_13e34c50ba {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_676c6f9ab0.colorPrimaryActive_13e34c50ba:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_676c6f9ab0.colorBrandActive_f3bad68de1 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_676c6f9ab0.colorBrandActive_f3bad68de1,\n.kindTertiary_676c6f9ab0.colorBrandActive_f3bad68de1:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_676c6f9ab0.colorPrimary_43487d1802:hover:not(.colorPrimaryActive_13e34c50ba),\n.kindTertiary_676c6f9ab0.colorPrimary_43487d1802:focus:not(.colorPrimaryActive_13e34c50ba) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_676c6f9ab0.colorBrand_b5a22bf0ad:hover:not(.colorBrandActive_f3bad68de1),\n.kindTertiary_676c6f9ab0.colorBrand_b5a22bf0ad:focus:not(.colorBrandActive_f3bad68de1) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_676c6f9ab0.colorPositive_86c97aa50f {\n  color: var(--positive-color);\n}\n.kindTertiary_676c6f9ab0.colorPositiveActive_7ea9d8c4d1,\n.kindTertiary_676c6f9ab0.colorPositive_86c97aa50f:hover,\n.kindTertiary_676c6f9ab0.colorPositive_86c97aa50f:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_676c6f9ab0.colorNegative_e368716e32 {\n  color: var(--negative-color);\n}\n.kindTertiary_676c6f9ab0.colorNegativeActive_7ea9d8c4d1,\n.kindTertiary_676c6f9ab0.colorNegative_e368716e32:hover,\n.kindTertiary_676c6f9ab0.colorNegative_e368716e32:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_676c6f9ab0.colorInverted_564d988156 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_676c6f9ab0.colorInvertedActive_7ea9d8c4d1,\n.kindTertiary_676c6f9ab0.colorInverted_564d988156:hover,\n.kindTertiary_676c6f9ab0.colorInverted_564d988156:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_676c6f9ab0.colorInverted_564d988156.disabled_62c3a28ad2 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_676c6f9ab0.colorOnPrimaryColor_ec7887b037 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_676c6f9ab0.colorOnPrimaryColorActive_63fcc0b2ca,\n.kindTertiary_676c6f9ab0.colorOnPrimaryColor_ec7887b037:hover,\n.kindTertiary_676c6f9ab0.colorOnPrimaryColor_ec7887b037:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_676c6f9ab0.colorOnPrimaryColorActive_63fcc0b2ca:focus-visible, .kindTertiary_676c6f9ab0.colorOnPrimaryColorActive_63fcc0b2ca.focus-visible_0e536ebde7,\n.kindTertiary_676c6f9ab0.colorOnPrimaryColor_ec7887b037:hover:focus-visible,\n.kindTertiary_676c6f9ab0.colorOnPrimaryColor_ec7887b037:hover.focus-visible_0e536ebde7,\n.kindTertiary_676c6f9ab0.colorOnPrimaryColor_ec7887b037:focus:focus-visible,\n.kindTertiary_676c6f9ab0.colorOnPrimaryColor_ec7887b037:focus.focus-visible_0e536ebde7 {\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_676c6f9ab0.colorOnPrimaryColorActive_63fcc0b2ca:focus:not(.focus-visible_0e536ebde7),\n.kindTertiary_676c6f9ab0.colorOnPrimaryColor_ec7887b037:hover:focus:not(.focus-visible_0e536ebde7),\n.kindTertiary_676c6f9ab0.colorOnPrimaryColor_ec7887b037:focus:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}\n.kindTertiary_676c6f9ab0.colorOnPrimaryColor_ec7887b037.disabled_62c3a28ad2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_676c6f9ab0.colorFixedLight_b9d84a8a75 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_676c6f9ab0.colorFixedLightActive_626793be5d,\n.kindTertiary_676c6f9ab0.colorFixedLight_b9d84a8a75:hover,\n.kindTertiary_676c6f9ab0.colorFixedLight_b9d84a8a75:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_676c6f9ab0.colorFixedLightActive_626793be5d:focus-visible, .kindTertiary_676c6f9ab0.colorFixedLightActive_626793be5d.focus-visible_0e536ebde7,\n.kindTertiary_676c6f9ab0.colorFixedLight_b9d84a8a75:hover:focus-visible,\n.kindTertiary_676c6f9ab0.colorFixedLight_b9d84a8a75:hover.focus-visible_0e536ebde7,\n.kindTertiary_676c6f9ab0.colorFixedLight_b9d84a8a75:focus:focus-visible,\n.kindTertiary_676c6f9ab0.colorFixedLight_b9d84a8a75:focus.focus-visible_0e536ebde7 {\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_676c6f9ab0.colorFixedLightActive_626793be5d:focus:not(.focus-visible_0e536ebde7),\n.kindTertiary_676c6f9ab0.colorFixedLight_b9d84a8a75:hover:focus:not(.focus-visible_0e536ebde7),\n.kindTertiary_676c6f9ab0.colorFixedLight_b9d84a8a75:focus:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}\n.kindTertiary_676c6f9ab0.colorFixedLight_b9d84a8a75.disabled_62c3a28ad2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_676c6f9ab0.colorFixedDark_001f66acf7 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_676c6f9ab0.colorFixedDarkActive_37d2f620ca,\n.kindTertiary_676c6f9ab0.colorFixedDark_001f66acf7:hover,\n.kindTertiary_676c6f9ab0.colorFixedDark_001f66acf7:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_676c6f9ab0.colorFixedDarkActive_37d2f620ca:focus-visible, .kindTertiary_676c6f9ab0.colorFixedDarkActive_37d2f620ca.focus-visible_0e536ebde7,\n.kindTertiary_676c6f9ab0.colorFixedDark_001f66acf7:hover:focus-visible,\n.kindTertiary_676c6f9ab0.colorFixedDark_001f66acf7:hover.focus-visible_0e536ebde7,\n.kindTertiary_676c6f9ab0.colorFixedDark_001f66acf7:focus:focus-visible,\n.kindTertiary_676c6f9ab0.colorFixedDark_001f66acf7:focus.focus-visible_0e536ebde7 {\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_676c6f9ab0.colorFixedDarkActive_37d2f620ca:focus:not(.focus-visible_0e536ebde7),\n.kindTertiary_676c6f9ab0.colorFixedDark_001f66acf7:hover:focus:not(.focus-visible_0e536ebde7),\n.kindTertiary_676c6f9ab0.colorFixedDark_001f66acf7:focus:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}\n.kindTertiary_676c6f9ab0.colorFixedDark_001f66acf7.disabled_62c3a28ad2 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_676c6f9ab0.colorOnInvertedBackground_96c432829a {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_676c6f9ab0.colorOnInvertedBackgroundActive_0d33df1f6a,\n.kindTertiary_676c6f9ab0.colorOnInvertedBackground_96c432829a:hover,\n.kindTertiary_676c6f9ab0.colorOnInvertedBackground_96c432829a:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_676c6f9ab0.colorOnInvertedBackground_96c432829a.disabled_62c3a28ad2 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_676c6f9ab0.disabled_62c3a28ad2 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_676c6f9ab0.disabled_62c3a28ad2:hover {\n  background-color: transparent;\n}\n.noSidePadding_4ff3017271 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_f4553f4095.insetFocusStyle_111091a54b:focus-visible, .button_f4553f4095.insetFocusStyle_111091a54b.focus-visible_0e536ebde7 {\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_f4553f4095.insetFocusStyle_111091a54b:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/dist/src/components/Button/ButtonConstants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var r,i;!function(r){r.PRIMARY="primary",r.SECONDARY="secondary",r.TERTIARY="tertiary"}(r||(r={})),function(r){r.PRIMARY="primary",r.POSITIVE="positive",r.NEGATIVE="negative",r.INVERTED="inverted",r.ON_PRIMARY_COLOR="on-primary-color",r.ON_INVERTED_BACKGROUND="on-inverted-background",r.BRAND="brand",r.FIXED_LIGHT="fixed-light",r.FIXED_DARK="fixed-dark"}(i||(i={}));var R,n=20;!function(r){r.BUTTON="button",r.SUBMIT="submit",r.RESET="reset"}(R||(R={}));export{n as BUTTON_ICON_SIZE,i as ButtonColor,R as ButtonInputType,r as ButtonType};
+var r,i;!function(r){r.PRIMARY="primary",r.SECONDARY="secondary",r.TERTIARY="tertiary"}(r||(r={})),function(r){r.PRIMARY="primary",r.POSITIVE="positive",r.NEGATIVE="negative",r.INVERTED="inverted",r.ON_PRIMARY_COLOR="on-primary-color",r.ON_INVERTED_BACKGROUND="on-inverted-background",r.BRAND="brand",r.FIXED_LIGHT="fixed-light",r.FIXED_DARK="fixed-dark"}(i||(i={}));var R,n=16,t=20;!function(r){r.BUTTON="button",r.SUBMIT="submit",r.RESET="reset"}(R||(R={}));export{t as BUTTON_ICON_SIZE,i as ButtonColor,R as ButtonInputType,r as ButtonType,n as SMALL_BUTTON_ICON_SIZE};
 //# sourceMappingURL=ButtonConstants.js.map

package/dist/src/components/Button/ButtonConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonConstants.js","sources":["../../../../src/components/Button/ButtonConstants.ts"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\n\n/*\n @deprecated\n /\nexport enum ButtonType {\n PRIMARY = \"primary\",\n SECONDARY = \"secondary\",\n TERTIARY = \"tertiary\"\n}\n\n/\n @deprecated\n /\nexport enum ButtonColor {\n PRIMARY = \"primary\",\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n INVERTED = \"inverted\",\n ON_PRIMARY_COLOR = \"on-primary-color\",\n ON_INVERTED_BACKGROUND = \"on-inverted-background\",\n BRAND = \"brand\",\n FIXED_LIGHT = \"fixed-light\",\n FIXED_DARK = \"fixed-dark\"\n}\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport const BUTTON_KIND_CLASS_NAMES = {\n PRIMARY: \"\"\n};\n\nexport const BUTTON_ICON_SIZE = 20;\n\n/\n @deprecated\n */\nexport enum ButtonInputType {\n BUTTON = \"button\",\n SUBMIT = \"submit\",\n RESET = \"reset\"\n}\n"],"names":["ButtonType","ButtonColor","ButtonInputType","BUTTON_ICON_SIZE"],"mappings":"IAKYA,EASAC,GATZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,iBAAA,mBACAA,EAAA,uBAAA,yBACAA,EAAA,MAAA,QACAA,EAAA,YAAA,cACAA,EAAA,WAAA,YACD,CAVD,CAAYA,IAAAA,EAUX,CAAA,IAQM,~~IAKKC~~,~~EALCC~~,EAAmB,IAKhC,~~SAAYD~~,GACVA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}
1	+ {"version":3,"file":"ButtonConstants.js","sources":["../../../../src/components/Button/ButtonConstants.ts"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\n\n/*\n @deprecated\n /\nexport enum ButtonType {\n PRIMARY = \"primary\",\n SECONDARY = \"secondary\",\n TERTIARY = \"tertiary\"\n}\n\n/\n @deprecated\n /\nexport enum ButtonColor {\n PRIMARY = \"primary\",\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n INVERTED = \"inverted\",\n ON_PRIMARY_COLOR = \"on-primary-color\",\n ON_INVERTED_BACKGROUND = \"on-inverted-background\",\n BRAND = \"brand\",\n FIXED_LIGHT = \"fixed-light\",\n FIXED_DARK = \"fixed-dark\"\n}\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport const BUTTON_KIND_CLASS_NAMES = {\n PRIMARY: \"\"\n};\n\nexport const SMALL_BUTTON_ICON_SIZE = 16;\n\nexport const BUTTON_ICON_SIZE = 20;\n\n/\n @deprecated\n */\nexport enum ButtonInputType {\n BUTTON = \"button\",\n SUBMIT = \"submit\",\n RESET = \"reset\"\n}\n"],"names":["ButtonType","ButtonColor","ButtonInputType","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE"],"mappings":"IAKYA,EASAC,GATZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,iBAAA,mBACAA,EAAA,uBAAA,yBACAA,EAAA,MAAA,QACAA,EAAA,YAAA,cACAA,EAAA,WAAA,YACD,CAVD,CAAYA,IAAAA,EAUX,CAAA,IAQM,IAOKC,EAPCC,EAAyB,GAEzBC,EAAmB,IAKhC,SAAYF,GACVA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_d4efdcf038",subTextContainer:"subTextContainer_f4036b26d8",buttonsContainer:"buttonsContainer_f23a1e3cbd",button:"button_711164ac68",activeButton:"activeButton_3a6ec38d65",optionText:"optionText_c9b9fe9e4c",disabled:"disabled_bca4d11a6a",selected:"selected_91e8e25598",kindTertiary:"kindTertiary_5fa85d5177",wrapper:"wrapper_b7f2259949",buttonDisabled:"buttonDisabled_e5d9224c2d",fullWidth:"fullWidth_0bffc56b3d"};!function(n){const o="s_id-51d51089eef9_3_31_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".buttonGroup_d4efdcf038 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_f4036b26d8 {\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_f23a1e3cbd {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_f23a1e3cbd .button_711164ac68 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_f23a1e3cbd .button_711164ac68.activeButton_3a6ec38d65 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_f23a1e3cbd .button_711164ac68.activeButton_3a6ec38d65:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_c9b9fe9e4c:not(.disabled_bca4d11a6a) {\n  color: var(--primary-text-color);\n}\n\n.optionText_c9b9fe9e4c:not(.disabled_bca4d11a6a).selected_91e8e25598 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_5fa85d5177 .button_711164ac68 {\n  border-color: transparent;\n}\n\n.kindTertiary_5fa85d5177 .button_711164ac68:first-child {\n  border-color: transparent;\n}\n\n.wrapper_b7f2259949.disabled_bca4d11a6a {\n  cursor: not-allowed;\n}\n\n.button_711164ac68.disabled_bca4d11a6a {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_711164ac68.buttonDisabled_e5d9224c2d {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_0bffc56b3d {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_639f33e430",subTextContainer:"subTextContainer_4460877c4b",buttonsContainer:"buttonsContainer_5bd1ae526b",button:"button_7f7dbac9b9",activeButton:"activeButton_13e34c50ba",optionText:"optionText_c4d2bcd8ca",disabled:"disabled_b4e3a43e56",selected:"selected_1cd30346fd",kindTertiary:"kindTertiary_8b99e4b6fb",wrapper:"wrapper_c12a8e833d",buttonDisabled:"buttonDisabled_04659900af",fullWidth:"fullWidth_c65394656d"};!function(n){const o="s_id-51d51089eef9_3_31_2";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_639f33e430 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_4460877c4b {\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_5bd1ae526b {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_5bd1ae526b .button_7f7dbac9b9 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_5bd1ae526b .button_7f7dbac9b9.activeButton_13e34c50ba {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_5bd1ae526b .button_7f7dbac9b9.activeButton_13e34c50ba:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_c4d2bcd8ca:not(.disabled_b4e3a43e56) {\n  color: var(--primary-text-color);\n}\n\n.optionText_c4d2bcd8ca:not(.disabled_b4e3a43e56).selected_1cd30346fd {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_8b99e4b6fb .button_7f7dbac9b9 {\n  border-color: transparent;\n}\n\n.kindTertiary_8b99e4b6fb .button_7f7dbac9b9:first-child {\n  border-color: transparent;\n}\n\n.wrapper_c12a8e833d.disabled_b4e3a43e56 {\n  cursor: not-allowed;\n}\n\n.button_7f7dbac9b9.disabled_b4e3a43e56 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_7f7dbac9b9.buttonDisabled_04659900af {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_c65394656d {\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_b08fe35e18",checkbox:"checkbox_2396129b7f",icon:"icon_e7c687e7ea",label:"label_96505bfb1c",input:"input_a3312cd7d3",checkboxGrowAnimation:"checkboxGrowAnimation_7cd69f1c70"};!function(n){const e="s_id-a622c58c4e9d_3_31_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_b08fe35e18 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_2396129b7f {\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_2396129b7f: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_2396129b7f:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_e7c687e7ea {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_96505bfb1c {\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_a3312cd7d3 {\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_a3312cd7d3:focus + .checkbox_2396129b7f {\n  border-color: var(--secondary-text-color);\n}\n\n.input_a3312cd7d3:focus:checked + .checkbox_2396129b7f {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_a3312cd7d3:focus-visible + .checkbox_2396129b7f {\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_a3312cd7d3:checked:focus + .checkbox_2396129b7f:after,\n.input_a3312cd7d3:indeterminate:focus + .checkbox_2396129b7f:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_a3312cd7d3:checked + .checkbox_2396129b7f,\n.input_a3312cd7d3:indeterminate + .checkbox_2396129b7f {\n  animation: checkboxGrowAnimation_7cd69f1c70 var(--motion-productive-short);\n}\n\n.input_a3312cd7d3:checked + .checkbox_2396129b7f,\n.input_a3312cd7d3:indeterminate + .checkbox_2396129b7f {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_a3312cd7d3:checked + .checkbox_2396129b7f:hover,\n.input_a3312cd7d3:indeterminate + .checkbox_2396129b7f:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_a3312cd7d3:checked + .checkbox_2396129b7f:hover:after,\n.input_a3312cd7d3:indeterminate + .checkbox_2396129b7f:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_a3312cd7d3:checked + .checkbox_2396129b7f:after,\n.input_a3312cd7d3:indeterminate + .checkbox_2396129b7f: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_a3312cd7d3:checked + .checkbox_2396129b7f > .icon_e7c687e7ea,\n.input_a3312cd7d3:indeterminate + .checkbox_2396129b7f > .icon_e7c687e7ea {\n  visibility: visible;\n}\n\n.input_a3312cd7d3:checked:disabled + .checkbox_2396129b7f:after,\n.input_a3312cd7d3:indeterminate:disabled + .checkbox_2396129b7f:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_a3312cd7d3:disabled + .checkbox_2396129b7f,\n.input_a3312cd7d3:disabled + .checkbox_2396129b7f:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_a3312cd7d3:disabled + .checkbox_2396129b7f .icon_e7c687e7ea,\n.input_a3312cd7d3:disabled + .checkbox_2396129b7f:hover .icon_e7c687e7ea {\n  color: var(--disabled-text-color);\n}\n\n.input_a3312cd7d3:disabled + .checkbox_2396129b7f,\n.input_a3312cd7d3:disabled + .checkbox_2396129b7f:hover {\n  cursor: not-allowed;\n}\n\n.input_a3312cd7d3:disabled ~ .label_96505bfb1c {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_7cd69f1c70 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper_1dc0f9d3f4",checkbox:"checkbox_f2dd8b4da5",icon:"icon_73ed0063ed",label:"label_8776c7c6b2",input:"input_9e93719591",checkboxGrowAnimation:"checkboxGrowAnimation_b887bc0e83"};!function(n){const e="s_id-a622c58c4e9d_3_31_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_1dc0f9d3f4 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_f2dd8b4da5 {\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_f2dd8b4da5: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_f2dd8b4da5:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_73ed0063ed {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_8776c7c6b2 {\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_9e93719591 {\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_9e93719591:focus + .checkbox_f2dd8b4da5 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_9e93719591:focus:checked + .checkbox_f2dd8b4da5 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_9e93719591:focus-visible + .checkbox_f2dd8b4da5 {\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_9e93719591:checked:focus + .checkbox_f2dd8b4da5:after,\n.input_9e93719591:indeterminate:focus + .checkbox_f2dd8b4da5:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_9e93719591:checked + .checkbox_f2dd8b4da5,\n.input_9e93719591:indeterminate + .checkbox_f2dd8b4da5 {\n  animation: checkboxGrowAnimation_b887bc0e83 var(--motion-productive-short);\n}\n\n.input_9e93719591:checked + .checkbox_f2dd8b4da5,\n.input_9e93719591:indeterminate + .checkbox_f2dd8b4da5 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_9e93719591:checked + .checkbox_f2dd8b4da5:hover,\n.input_9e93719591:indeterminate + .checkbox_f2dd8b4da5:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_9e93719591:checked + .checkbox_f2dd8b4da5:hover:after,\n.input_9e93719591:indeterminate + .checkbox_f2dd8b4da5:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_9e93719591:checked + .checkbox_f2dd8b4da5:after,\n.input_9e93719591:indeterminate + .checkbox_f2dd8b4da5: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_9e93719591:checked + .checkbox_f2dd8b4da5 > .icon_73ed0063ed,\n.input_9e93719591:indeterminate + .checkbox_f2dd8b4da5 > .icon_73ed0063ed {\n  visibility: visible;\n}\n\n.input_9e93719591:checked:disabled + .checkbox_f2dd8b4da5:after,\n.input_9e93719591:indeterminate:disabled + .checkbox_f2dd8b4da5:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_9e93719591:disabled + .checkbox_f2dd8b4da5,\n.input_9e93719591:disabled + .checkbox_f2dd8b4da5:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_9e93719591:disabled + .checkbox_f2dd8b4da5 .icon_73ed0063ed,\n.input_9e93719591:disabled + .checkbox_f2dd8b4da5:hover .icon_73ed0063ed {\n  color: var(--disabled-text-color);\n}\n\n.input_9e93719591:disabled + .checkbox_f2dd8b4da5,\n.input_9e93719591:disabled + .checkbox_f2dd8b4da5:hover {\n  cursor: not-allowed;\n}\n\n.input_9e93719591:disabled ~ .label_8776c7c6b2 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_b887bc0e83 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_f1faf381d6","focus-visible":"focus-visible_3fa5442027",disabled:"disabled_b016059edb",disableTextSelection:"disableTextSelection_705dca8e9a",chips:"chips_1d64a56adc","chips-pop-in-emphasized":"chips-pop-in-emphasized_02334d99ae",border:"border_e5a34db256",withUserSelect:"withUserSelect_3dae429f2d",label:"label_19fa709e14",noAnimation:"noAnimation_b560f87add",icon:"icon_cb82a84aa8",avatar:"avatar_a2aa223653",customRenderer:"customRenderer_88f9efc325",left:"left_89afc45f8d",right:"right_9a88cef370",close:"close_3e4184cff8",defaultCursor:"defaultCursor_b016059edb"};!function(e){const a="s_id-a8c9f55659fd_3_31_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".clickable_f1faf381d6 {\n  cursor: pointer;\n}\n.clickable_f1faf381d6:focus-visible, .clickable_f1faf381d6.focus-visible_3fa5442027 {\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_f1faf381d6:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.clickable_f1faf381d6.disabled_b016059edb {\n  cursor: default;\n}\n.disableTextSelection_705dca8e9a {\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_1d64a56adc {\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_02334d99ae var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_1d64a56adc.border_e5a34db256 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_1d64a56adc.withUserSelect_3dae429f2d {\n  user-select: text;\n  cursor: text;\n}\n.chips_1d64a56adc .label_19fa709e14 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_1d64a56adc.noAnimation_b560f87add {\n  animation: none;\n}\n.chips_1d64a56adc .icon_cb82a84aa8,\n.chips_1d64a56adc .avatar_a2aa223653,\n.chips_1d64a56adc .customRenderer_88f9efc325 {\n  min-width: 18px;\n}\n.chips_1d64a56adc .icon_cb82a84aa8.left_89afc45f8d,\n.chips_1d64a56adc .avatar_a2aa223653.left_89afc45f8d,\n.chips_1d64a56adc .customRenderer_88f9efc325.left_89afc45f8d {\n  margin-right: var(--spacing-xs);\n}\n.chips_1d64a56adc .icon_cb82a84aa8.right_9a88cef370,\n.chips_1d64a56adc .avatar_a2aa223653.right_9a88cef370,\n.chips_1d64a56adc .customRenderer_88f9efc325.right_9a88cef370 {\n  margin-left: var(--spacing-xs);\n}\n.chips_1d64a56adc .icon_cb82a84aa8.close_3e4184cff8,\n.chips_1d64a56adc .avatar_a2aa223653.close_3e4184cff8,\n.chips_1d64a56adc .customRenderer_88f9efc325.close_3e4184cff8 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_1d64a56adc.disabled_b016059edb .icon_cb82a84aa8 {\n  color: var(--disabled-text-color);\n}\n.chips_1d64a56adc.disabled_b016059edb .label_19fa709e14 {\n  color: var(--disabled-text-color);\n}\n.chips_1d64a56adc.defaultCursor_b016059edb {\n  cursor: default;\n}\n.chips_1d64a56adc.clickable_f1faf381d6 {\n  cursor: pointer;\n}\n.chips_1d64a56adc.clickable_f1faf381d6:focus-visible, .chips_1d64a56adc.clickable_f1faf381d6.focus-visible_3fa5442027 {\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_1d64a56adc.clickable_f1faf381d6:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.chips_1d64a56adc.clickable_f1faf381d6.disabled_b016059edb {\n  cursor: default;\n}\n.chips_1d64a56adc.clickable_f1faf381d6.disableTextSelection_705dca8e9a {\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_02334d99ae {\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_c9003c5718","focus-visible":"focus-visible_0e536ebde7",disabled:"disabled_a6d6f4ce7c",disableTextSelection:"disableTextSelection_1ac8514572",chips:"chips_b9dc28d008","chips-pop-in-emphasized":"chips-pop-in-emphasized_e0861f36e6",border:"border_760163e0ca",withUserSelect:"withUserSelect_fbe7d489c7",label:"label_ee21ea856d",noAnimation:"noAnimation_90d805a585",icon:"icon_d5789f46b4",avatar:"avatar_8eec8800b1",customRenderer:"customRenderer_d217075834",left:"left_9341fbb4d8",right:"right_dcf9f63bd3",close:"close_f90bc4413f",defaultCursor:"defaultCursor_a6d6f4ce7c"};!function(e){const n="s_id-a8c9f55659fd_3_31_2";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,c.firstChild?c.insertBefore(i,c.firstChild):c.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_c9003c5718 {\n  cursor: pointer;\n}\n.clickable_c9003c5718:focus-visible, .clickable_c9003c5718.focus-visible_0e536ebde7 {\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_c9003c5718:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}\n.clickable_c9003c5718.disabled_a6d6f4ce7c {\n  cursor: default;\n}\n.disableTextSelection_1ac8514572 {\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_b9dc28d008 {\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_e0861f36e6 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_b9dc28d008.border_760163e0ca {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_b9dc28d008.withUserSelect_fbe7d489c7 {\n  user-select: text;\n  cursor: text;\n}\n.chips_b9dc28d008 .label_ee21ea856d {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_b9dc28d008.noAnimation_90d805a585 {\n  animation: none;\n}\n.chips_b9dc28d008 .icon_d5789f46b4,\n.chips_b9dc28d008 .avatar_8eec8800b1,\n.chips_b9dc28d008 .customRenderer_d217075834 {\n  min-width: 18px;\n}\n.chips_b9dc28d008 .icon_d5789f46b4.left_9341fbb4d8,\n.chips_b9dc28d008 .avatar_8eec8800b1.left_9341fbb4d8,\n.chips_b9dc28d008 .customRenderer_d217075834.left_9341fbb4d8 {\n  margin-right: var(--spacing-xs);\n}\n.chips_b9dc28d008 .icon_d5789f46b4.right_dcf9f63bd3,\n.chips_b9dc28d008 .avatar_8eec8800b1.right_dcf9f63bd3,\n.chips_b9dc28d008 .customRenderer_d217075834.right_dcf9f63bd3 {\n  margin-left: var(--spacing-xs);\n}\n.chips_b9dc28d008 .icon_d5789f46b4.close_f90bc4413f,\n.chips_b9dc28d008 .avatar_8eec8800b1.close_f90bc4413f,\n.chips_b9dc28d008 .customRenderer_d217075834.close_f90bc4413f {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_b9dc28d008.disabled_a6d6f4ce7c .icon_d5789f46b4 {\n  color: var(--disabled-text-color);\n}\n.chips_b9dc28d008.disabled_a6d6f4ce7c .label_ee21ea856d {\n  color: var(--disabled-text-color);\n}\n.chips_b9dc28d008.defaultCursor_a6d6f4ce7c {\n  cursor: default;\n}\n.chips_b9dc28d008.clickable_c9003c5718 {\n  cursor: pointer;\n}\n.chips_b9dc28d008.clickable_c9003c5718:focus-visible, .chips_b9dc28d008.clickable_c9003c5718.focus-visible_0e536ebde7 {\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_b9dc28d008.clickable_c9003c5718:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}\n.chips_b9dc28d008.clickable_c9003c5718.disabled_a6d6f4ce7c {\n  cursor: default;\n}\n.chips_b9dc28d008.clickable_c9003c5718.disableTextSelection_1ac8514572 {\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_e0861f36e6 {\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_f1faf381d6","focus-visible":"focus-visible_3fa5442027",disabled:"disabled_b016059edb",disableTextSelection:"disableTextSelection_705dca8e9a"};!function(e){const n="s_id-8d33a9ee9e1f_3_31_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_f1faf381d6 {\n  cursor: pointer;\n}\n.clickable_f1faf381d6:focus-visible, .clickable_f1faf381d6.focus-visible_3fa5442027 {\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_f1faf381d6:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.clickable_f1faf381d6.disabled_b016059edb {\n  cursor: default;\n}\n.disableTextSelection_705dca8e9a {\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_c9003c5718","focus-visible":"focus-visible_0e536ebde7",disabled:"disabled_a6d6f4ce7c",disableTextSelection:"disableTextSelection_1ac8514572"};!function(e){const n="s_id-8d33a9ee9e1f_3_31_2";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,c.firstChild?c.insertBefore(i,c.firstChild):c.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_c9003c5718 {\n  cursor: pointer;\n}\n.clickable_c9003c5718:focus-visible, .clickable_c9003c5718.focus-visible_0e536ebde7 {\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_c9003c5718:focus:not(.focus-visible_0e536ebde7) {\n  outline: none;\n}\n.clickable_c9003c5718.disabled_a6d6f4ce7c {\n  cursor: default;\n}\n.disableTextSelection_1ac8514572 {\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.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport { BaseSizes } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport { ColorStyle as ColorStyleEnum } from \"../../utils/colors-vars-map\";\nimport { NoColor } from \"@vibe/icons\";\nimport ColorPickerContent from \"./components/ColorPickerContent/ColorPickerContent\";\nimport { ColorShapes as ColorShapesEnum, DEFAULT_NUMBER_OF_COLORS_IN_LINE } from \"./ColorPickerConstants\";\nimport { ColorShapes, ColorPickerSizes, ColorPickerValue, ColorPickerArrayValueOnly } from \"./ColorPicker.types\";\nimport { calculateColorPickerDialogWidth } from \"./services/ColorPickerStyleService\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ColorPicker.module.scss\";\nimport { ColorStyle } from \"../../types/Colors\";\n\nexport interface ColorPickerProps extends VibeComponentProps {\n value?: ColorPickerValue;\n onSave?: (value: ColorPickerArrayValueOnly) => void;\n ColorIndicatorIcon?: SubIcon;\n SelectedIndicatorIcon?: SubIcon;\n /*\n Hide color icon\n /\n NoColorIcon?: SubIcon;\n colorStyle?: ColorStyle;\n noColorText?: string;\n shouldRenderIndicatorWithoutBackground?: boolean;\n isBlackListMode?: boolean;\n colorsList?: ColorPickerArrayValueOnly;\n isMultiselect?: boolean;\n colorSize?: ColorPickerSizes;\n numberOfColorsInLine?: number;\n focusOnMount?: boolean;\n colorShape?: ColorShapes;\n /\n Used to force the component render the colorList prop as is. Usually, this flag should not be used. It's intended only for edge cases.\n * Usually, only \"monday colors\" will be rendered (unless blacklist mode is used). This flag will override this behavior.\n /\n forceUseRawColorList?: boolean;\n /\n Used to enable color name tooltip on each color in the component~~. it's incompatible with forceUseRawColorList flag~~.\n * When \"tooltipContentByColor\" is supplied, it will override the color name tooltip.\n \n /\n showColorNameTooltip?: boolean;\n}\n\nconst ColorPicker: VibeComponent<ColorPickerProps> & {\n sizes?: typeof BaseSizes;\n colorStyles?: typeof ColorStyleEnum;\n colorSizes?: typeof BaseSizes;\n colorShapes?: typeof ColorShapesEnum;\n} = forwardRef(\n (\n {\n className,\n onSave = NOOP,\n value = \"\",\n noColorText,\n colorStyle = \"regular\",\n ColorIndicatorIcon,\n SelectedIndicatorIcon,\n shouldRenderIndicatorWithoutBackground,\n NoColorIcon = NoColor,\n isBlackListMode = true,\n colorsList = [],\n isMultiselect,\n colorSize = \"medium\",\n numberOfColorsInLine = DEFAULT_NUMBER_OF_COLORS_IN_LINE,\n focusOnMount,\n colorShape = \"square\",\n forceUseRawColorList,\n showColorNameTooltip,\n id,\n \"data-testid\": dataTestId\n }: ColorPickerProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const onChange = useCallback(onSave, [onSave]);\n\n const width = calculateColorPickerDialogWidth(colorSize as BaseSizes, numberOfColorsInLine);\n\n return (\n <DialogContentContainer\n ref={mergedRef}\n className={cx(styles.colorPicker, styles.colorPickerDialogContent, className)}\n ariaLabelledby=\"Color Picker Dialog\"\n ariaDescribedby=\"Pick color\"\n style={{ width }}\n >\n <ColorPickerContent\n onValueChange={onChange}\n value={value}\n noColorText={noColorText}\n shouldRenderIndicatorWithoutBackground={ColorIndicatorIcon && shouldRenderIndicatorWithoutBackground}\n colorStyle={colorStyle}\n ColorIndicatorIcon={ColorIndicatorIcon}\n SelectedIndicatorIcon={SelectedIndicatorIcon}\n NoColorIcon={NoColorIcon}\n colorsList={colorsList}\n isBlackListMode={isBlackListMode}\n isMultiselect={isMultiselect}\n colorSize={colorSize}\n numberOfColorsInLine={numberOfColorsInLine}\n focusOnMount={focusOnMount}\n colorShape={colorShape}\n forceUseRawColorList={forceUseRawColorList}\n showColorNameTooltip={showColorNameTooltip}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.COLOR_PICKER, id)}\n />\n </DialogContentContainer>\n );\n }\n);\n\nexport default withStaticProps(ColorPicker, {\n sizes: BaseSizes,\n colorStyles: ColorStyleEnum,\n colorSizes: BaseSizes,\n colorShapes: ColorShapesEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","_ref$onSave","onSave","NOOP","_ref$value","value","noColorText","_ref$colorStyle","colorStyle","ColorIndicatorIcon","SelectedIndicatorIcon","shouldRenderIndicatorWithoutBackground","_ref$NoColorIcon","NoColorIcon","NoColor","_ref$isBlackListMode","isBlackListMode","_ref$colorsList","colorsList","isMultiselect","_ref$colorSize","colorSize","_ref$numberOfColorsIn","numberOfColorsInLine","DEFAULT_NUMBER_OF_COLORS_IN_LINE","focusOnMount","_ref$colorShape","colorShape","forceUseRawColorList","showColorNameTooltip","id","dataTestId","componentRef","useRef","mergedRef","useMergeRef","onChange","useCallback","width","calculateColorPickerDialogWidth","React","createElement","DialogContentContainer","cx","styles","colorPicker","colorPickerDialogContent","ariaLabelledby","ariaDescribedby","style","ColorPickerContent","onValueChange","getTestId","ComponentDefaultTestId","COLOR_PICKER","sizes","BaseSizes","colorStyles","ColorStyleEnum","colorSizes","colorShapes","ColorShapesEnum"],"mappings":"21BAiDA,IAwEeA,EAAAA,EAnEXC,GACF,SAAAC,EAuBEC,GACE,IAtBAC,EAASF,EAATE,UAASC,EAAAH,EACTI,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAAWR,EAAXQ,YAAWC,EAAAT,EACXU,WAAAA,OAAa,IAAHD,EAAG,UAASA,EACtBE,EAAkBX,EAAlBW,mBACAC,EAAqBZ,EAArBY,sBACAC,EAAsCb,EAAtCa,uCAAsCC,EAAAd,EACtCe,YAAAA,OAAcC,IAAHF,EAAGE,EAAOF,EAAAG,EAAAjB,EACrBkB,gBAAAA,OAAkB,IAAHD,GAAOA,EAAAE,EAAAnB,EACtBoB,WAAAA,OAAa,IAAHD,EAAG,GAAEA,EACfE,EAAarB,EAAbqB,cAAaC,EAAAtB,EACbuB,UAAAA,OAAY,IAAHD,EAAG,SAAQA,EAAAE,EAAAxB,EACpByB,qBAAAA,OAAuBC,IAAHF,EAAGE,EAAgCF,EACvDG,EAAY3B,EAAZ2B,aAAYC,EAAA5B,EACZ6B,WAAAA,OAAa,IAAHD,EAAG,SAAQA,EACrBE,EAAoB9B,EAApB8B,qBACAC,EAAoB/B,EAApB+B,qBACAC,EAAEhC,EAAFgC,GACeC,EAAUjC,EAAzB,eAIIkC,EAAeC,EAAO,MACtBC,EAAYC,EAAYpC,EAAKiC,GAE7BI,EAAWC,EAAYnC,EAAQ,CAACA,IAEhCoC,EAAQC,EAAgClB,EAAwBE,GAEtE,OACEiB,EAAAC,cAACC,EAAsB,CACrB3C,IAAKmC,EACLlC,UAAW2C,EAAGC,EAAOC,YAAaD,EAAOE,yBAA0B9C,GACnE+C,eAAe,sBACfC,gBAAgB,aAChBC,MAAO,CAAEX,MAAAA,IAETE,EAAAC,cAACS,EACC,CAAAC,cAAef,EACf/B,MAAOA,EACPC,YAAaA,EACbK,uCAAwCF,GAAsBE,EAC9DH,WAAYA,EACZC,mBAAoBA,EACpBC,sBAAuBA,EACvBG,YAAaA,EACbK,WAAYA,EACZF,gBAAiBA,EACjBG,cAAeA,EACfE,UAAWA,EACXE,qBAAsBA,EACtBE,aAAcA,EACdE,WAAYA,EACZC,qBAAsBA,EACtBC,qBAAsBA,EACtBC,GAAIA,EAAE,cACOC,GAAcqB,EAAUC,EAAuBC,aAAcxB,KAIlF,IAG0C,CAC1CyB,MAAOC,EACPC,YAAaC,EACbC,WAAYH,EACZI,YAAaC"}
1	+ {"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport { BaseSizes } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport { ColorStyle as ColorStyleEnum } from \"../../utils/colors-vars-map\";\nimport { NoColor } from \"@vibe/icons\";\nimport ColorPickerContent from \"./components/ColorPickerContent/ColorPickerContent\";\nimport { ColorShapes as ColorShapesEnum, DEFAULT_NUMBER_OF_COLORS_IN_LINE } from \"./ColorPickerConstants\";\nimport { ColorShapes, ColorPickerSizes, ColorPickerValue, ColorPickerArrayValueOnly } from \"./ColorPicker.types\";\nimport { calculateColorPickerDialogWidth } from \"./services/ColorPickerStyleService\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ColorPicker.module.scss\";\nimport { ColorStyle } from \"../../types/Colors\";\n\nexport interface ColorPickerProps extends VibeComponentProps {\n value?: ColorPickerValue;\n onSave?: (value: ColorPickerArrayValueOnly) => void;\n ColorIndicatorIcon?: SubIcon;\n SelectedIndicatorIcon?: SubIcon;\n /*\n Hide color icon\n /\n NoColorIcon?: SubIcon;\n colorStyle?: ColorStyle;\n noColorText?: string;\n shouldRenderIndicatorWithoutBackground?: boolean;\n isBlackListMode?: boolean;\n colorsList?: ColorPickerArrayValueOnly;\n isMultiselect?: boolean;\n colorSize?: ColorPickerSizes;\n numberOfColorsInLine?: number;\n focusOnMount?: boolean;\n colorShape?: ColorShapes;\n /\n Used to force the component render the colorList prop as is. Usually, this flag should not be used. It's intended only for edge cases.\n * Usually, only \"monday colors\" will be rendered (unless blacklist mode is used). This flag will override this behavior.\n /\n forceUseRawColorList?: boolean;\n /\n Used to enable color name tooltip on each color in the component.\n * When \"tooltipContentByColor\" is supplied, it will override the color name tooltip.\n \n /\n showColorNameTooltip?: boolean;\n}\n\nconst ColorPicker: VibeComponent<ColorPickerProps> & {\n sizes?: typeof BaseSizes;\n colorStyles?: typeof ColorStyleEnum;\n colorSizes?: typeof BaseSizes;\n colorShapes?: typeof ColorShapesEnum;\n} = forwardRef(\n (\n {\n className,\n onSave = NOOP,\n value = \"\",\n noColorText,\n colorStyle = \"regular\",\n ColorIndicatorIcon,\n SelectedIndicatorIcon,\n shouldRenderIndicatorWithoutBackground,\n NoColorIcon = NoColor,\n isBlackListMode = true,\n colorsList = [],\n isMultiselect,\n colorSize = \"medium\",\n numberOfColorsInLine = DEFAULT_NUMBER_OF_COLORS_IN_LINE,\n focusOnMount,\n colorShape = \"square\",\n forceUseRawColorList,\n showColorNameTooltip,\n id,\n \"data-testid\": dataTestId\n }: ColorPickerProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const onChange = useCallback(onSave, [onSave]);\n\n const width = calculateColorPickerDialogWidth(colorSize as BaseSizes, numberOfColorsInLine);\n\n return (\n <DialogContentContainer\n ref={mergedRef}\n className={cx(styles.colorPicker, styles.colorPickerDialogContent, className)}\n ariaLabelledby=\"Color Picker Dialog\"\n ariaDescribedby=\"Pick color\"\n style={{ width }}\n >\n <ColorPickerContent\n onValueChange={onChange}\n value={value}\n noColorText={noColorText}\n shouldRenderIndicatorWithoutBackground={ColorIndicatorIcon && shouldRenderIndicatorWithoutBackground}\n colorStyle={colorStyle}\n ColorIndicatorIcon={ColorIndicatorIcon}\n SelectedIndicatorIcon={SelectedIndicatorIcon}\n NoColorIcon={NoColorIcon}\n colorsList={colorsList}\n isBlackListMode={isBlackListMode}\n isMultiselect={isMultiselect}\n colorSize={colorSize}\n numberOfColorsInLine={numberOfColorsInLine}\n focusOnMount={focusOnMount}\n colorShape={colorShape}\n forceUseRawColorList={forceUseRawColorList}\n showColorNameTooltip={showColorNameTooltip}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.COLOR_PICKER, id)}\n />\n </DialogContentContainer>\n );\n }\n);\n\nexport default withStaticProps(ColorPicker, {\n sizes: BaseSizes,\n colorStyles: ColorStyleEnum,\n colorSizes: BaseSizes,\n colorShapes: ColorShapesEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","_ref$onSave","onSave","NOOP","_ref$value","value","noColorText","_ref$colorStyle","colorStyle","ColorIndicatorIcon","SelectedIndicatorIcon","shouldRenderIndicatorWithoutBackground","_ref$NoColorIcon","NoColorIcon","NoColor","_ref$isBlackListMode","isBlackListMode","_ref$colorsList","colorsList","isMultiselect","_ref$colorSize","colorSize","_ref$numberOfColorsIn","numberOfColorsInLine","DEFAULT_NUMBER_OF_COLORS_IN_LINE","focusOnMount","_ref$colorShape","colorShape","forceUseRawColorList","showColorNameTooltip","id","dataTestId","componentRef","useRef","mergedRef","useMergeRef","onChange","useCallback","width","calculateColorPickerDialogWidth","React","createElement","DialogContentContainer","cx","styles","colorPicker","colorPickerDialogContent","ariaLabelledby","ariaDescribedby","style","ColorPickerContent","onValueChange","getTestId","ComponentDefaultTestId","COLOR_PICKER","sizes","BaseSizes","colorStyles","ColorStyleEnum","colorSizes","colorShapes","ColorShapesEnum"],"mappings":"21BAiDA,IAwEeA,EAAAA,EAnEXC,GACF,SAAAC,EAuBEC,GACE,IAtBAC,EAASF,EAATE,UAASC,EAAAH,EACTI,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAAWR,EAAXQ,YAAWC,EAAAT,EACXU,WAAAA,OAAa,IAAHD,EAAG,UAASA,EACtBE,EAAkBX,EAAlBW,mBACAC,EAAqBZ,EAArBY,sBACAC,EAAsCb,EAAtCa,uCAAsCC,EAAAd,EACtCe,YAAAA,OAAcC,IAAHF,EAAGE,EAAOF,EAAAG,EAAAjB,EACrBkB,gBAAAA,OAAkB,IAAHD,GAAOA,EAAAE,EAAAnB,EACtBoB,WAAAA,OAAa,IAAHD,EAAG,GAAEA,EACfE,EAAarB,EAAbqB,cAAaC,EAAAtB,EACbuB,UAAAA,OAAY,IAAHD,EAAG,SAAQA,EAAAE,EAAAxB,EACpByB,qBAAAA,OAAuBC,IAAHF,EAAGE,EAAgCF,EACvDG,EAAY3B,EAAZ2B,aAAYC,EAAA5B,EACZ6B,WAAAA,OAAa,IAAHD,EAAG,SAAQA,EACrBE,EAAoB9B,EAApB8B,qBACAC,EAAoB/B,EAApB+B,qBACAC,EAAEhC,EAAFgC,GACeC,EAAUjC,EAAzB,eAIIkC,EAAeC,EAAO,MACtBC,EAAYC,EAAYpC,EAAKiC,GAE7BI,EAAWC,EAAYnC,EAAQ,CAACA,IAEhCoC,EAAQC,EAAgClB,EAAwBE,GAEtE,OACEiB,EAAAC,cAACC,EAAsB,CACrB3C,IAAKmC,EACLlC,UAAW2C,EAAGC,EAAOC,YAAaD,EAAOE,yBAA0B9C,GACnE+C,eAAe,sBACfC,gBAAgB,aAChBC,MAAO,CAAEX,MAAAA,IAETE,EAAAC,cAACS,EACC,CAAAC,cAAef,EACf/B,MAAOA,EACPC,YAAaA,EACbK,uCAAwCF,GAAsBE,EAC9DH,WAAYA,EACZC,mBAAoBA,EACpBC,sBAAuBA,EACvBG,YAAaA,EACbK,WAAYA,EACZF,gBAAiBA,EACjBG,cAAeA,EACfE,UAAWA,EACXE,qBAAsBA,EACtBE,aAAcA,EACdE,WAAYA,EACZC,qBAAsBA,EACtBC,qBAAsBA,EACtBC,GAAIA,EAAE,cACOC,GAAcqB,EAAUC,EAAuBC,aAAcxB,KAIlF,IAG0C,CAC1CyB,MAAOC,EACPC,YAAaC,EACbC,WAAYH,EACZI,YAAaC"}

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

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_d8a28c1493",colorPickerDialogContent:"colorPickerDialogContent_481b596704"};!function(e){const t="s_id-ffacbf9b6446_3_31_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_d8a28c1493.colorPickerDialogContent_481b596704 {\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_cb4176bd95",colorPickerDialogContent:"colorPickerDialogContent_612e0548be"};!function(e){const t="s_id-ffacbf9b6446_3_31_2";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_cb4176bd95.colorPickerDialogContent_612e0548be {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=ColorPicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon_c879005daf",clearColorButton:"clearColorButton_62375b4583"};!function(e){const n="s_id-774e60a23ee3_3_31_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_c879005daf {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_62375b4583 {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_58edc0e568",clearColorButton:"clearColorButton_0a9051b859"};!function(e){const n="s_id-774e60a23ee3_3_31_2";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_58edc0e568 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_0a9051b859 {\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_fa4d939796"};!function(e){const d="s_id-0a5f0eb78ee4_3_31_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".colorsGrid_fa4d939796 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_3d34acae10"};!function(e){const d="s_id-0a5f0eb78ee4_3_31_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".colorsGrid_3d34acae10 {\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/ColorPickerContent/ColorPickerContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{toConsumableArray as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{difference as r,intersection as e}from"lodash-es";import t,{forwardRef as i,useRef as l,useCallback as n,useMemo as s}from"react";import{BaseSizes as a}from"../../../../constants/sizes.js";import{ColorStyle as c,contentColors as d}from"../../../../utils/colors-vars-map.js";import{ColorShapes as m,DEFAULT_NUMBER_OF_COLORS_IN_LINE as u}from"../../ColorPickerConstants.js";import{calculateColorPickerWidth as f}from"../../services/ColorPickerStyleService.js";import{useGridKeyboardNavigationContext as p,GridKeyboardNavigationContext as C}from"../../../GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import{ColorPickerClearButton as v}from"./ColorPickerClearButton.js";import{ColorPickerColorsGrid as I}from"./ColorPickerColorsGrid.js";import{withStaticProps as h}from"../../../../types/withStaticProps.js";import S from"../../../../hooks/useMergeRef.js";import j from"../../../../../icons/dist/react/NoColor.js";var y=h(i((function(i,c){var m=i.className,h=i.onValueChange,y=i.value,k=i.noColorText,b=i.colorStyle,g=void 0===b?"regular":b,N=i.ColorIndicatorIcon,x=i.SelectedIndicatorIcon,B=i.shouldRenderIndicatorWithoutBackground,E=i.NoColorIcon,M=void 0===E?j:E,P=i.isBlackListMode,w=void 0===P||P,z=i.colorsList,L=i.isMultiselect,O=i.colorSize,R=void 0===O?a.MEDIUM:O,T=i.numberOfColorsInLine,G=void 0===T?u:T,K=i.tooltipContentByColor,U=void 0===K?{}:K,W=i.focusOnMount,_=i.colorShape,q=void 0===_?"square":_,A=i.forceUseRawColorList,D=i.showColorNameTooltip,H=i.id,V=i["data-testid"],F=l(null),J=S(c,F),Q=l(null),X=l(null),Y=n((function(){h(null)}),[h]),Z=s((function(){return A?z:w?r(d,z):e(d,z)}),[A,w,z]),$=n((function(r){if(L){var e=o(y);if(e.includes(r)){var t=e.indexOf(r);t>-1&&e.splice(t,1)}else e.push(r);h(e)}else h([r])}),[L,h,y]),oo=s((function(){return[{topElement:Q,bottomElement:X}]}),[]),ro=p(oo,F),eo=f(R,G);return t.createElement("div",{className:m,style:{width:eo},ref:J,tabIndex:-1},t.createElement(C.Provider,{value:ro},t.createElement(I,{ref:Q,onColorClicked:$,colorsToRender:Z,numberOfColorsInLine:G,focusOnMount:W,value:y,colorStyle:g,ColorIndicatorIcon:N,shouldRenderIndicatorWithoutBackground:B,SelectedIndicatorIcon:x,colorSize:R,tooltipContentByColor:U,colorShape:q,showColorNameTooltip:D&&!A,id:H,"data-testid":V}),k&&t.createElement(v,{Icon:M,onClick:Y,text:k,ref:X})))})),{sizes:a,colorStyles:c,colorSizes:a,colorShapes:m});export{y as default};
+import{toConsumableArray as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{difference as r,intersection as e}from"lodash-es";import t,{forwardRef as i,useRef as l,useCallback as n,useMemo as s}from"react";import{BaseSizes as a}from"../../../../constants/sizes.js";import{ColorStyle as c,contentColors as d}from"../../../../utils/colors-vars-map.js";import{ColorShapes as m,DEFAULT_NUMBER_OF_COLORS_IN_LINE as u}from"../../ColorPickerConstants.js";import{calculateColorPickerWidth as f}from"../../services/ColorPickerStyleService.js";import{useGridKeyboardNavigationContext as p,GridKeyboardNavigationContext as C}from"../../../GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import{ColorPickerClearButton as v}from"./ColorPickerClearButton.js";import{ColorPickerColorsGrid as I}from"./ColorPickerColorsGrid.js";import{withStaticProps as h}from"../../../../types/withStaticProps.js";import S from"../../../../hooks/useMergeRef.js";import j from"../../../../../icons/dist/react/NoColor.js";var y=h(i((function(i,c){var m=i.className,h=i.onValueChange,y=i.value,k=i.noColorText,b=i.colorStyle,g=void 0===b?"regular":b,N=i.ColorIndicatorIcon,x=i.SelectedIndicatorIcon,B=i.shouldRenderIndicatorWithoutBackground,E=i.NoColorIcon,M=void 0===E?j:E,P=i.isBlackListMode,w=void 0===P||P,z=i.colorsList,L=i.isMultiselect,O=i.colorSize,R=void 0===O?a.MEDIUM:O,T=i.numberOfColorsInLine,G=void 0===T?u:T,K=i.tooltipContentByColor,U=void 0===K?{}:K,W=i.focusOnMount,_=i.colorShape,q=void 0===_?"square":_,A=i.forceUseRawColorList,D=i.showColorNameTooltip,H=i.id,V=i["data-testid"],F=l(null),J=S(c,F),Q=l(null),X=l(null),Y=n((function(){h(null)}),[h]),Z=s((function(){return A?z:w?r(d,z):e(d,z)}),[A,w,z]),$=n((function(r){if(L){var e=o(y);if(e.includes(r)){var t=e.indexOf(r);t>-1&&e.splice(t,1)}else e.push(r);h(e)}else h([r])}),[L,h,y]),oo=s((function(){return[{topElement:Q,bottomElement:X}]}),[]),ro=p(oo,F),eo=f(R,G);return t.createElement("div",{className:m,style:{width:eo},ref:J,tabIndex:-1},t.createElement(C.Provider,{value:ro},t.createElement(I,{ref:Q,onColorClicked:$,colorsToRender:Z,numberOfColorsInLine:G,focusOnMount:W,value:y,colorStyle:g,ColorIndicatorIcon:N,shouldRenderIndicatorWithoutBackground:B,SelectedIndicatorIcon:x,colorSize:R,tooltipContentByColor:U,colorShape:q,showColorNameTooltip:D,id:H,"data-testid":V}),k&&t.createElement(v,{Icon:M,onClick:Y,text:k,ref:X})))})),{sizes:a,colorStyles:c,colorSizes:a,colorShapes:m});export{y as default};
 //# sourceMappingURL=ColorPickerContent.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPickerContent.js","sources":["../../../../../../src/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.tsx"],"sourcesContent":["import { difference as _difference, intersection as _intersection } from \"lodash-es\";\nimport React, { forwardRef, useCallback, useMemo, useRef } from \"react\";\nimport { BaseSizes } from \"../../../../constants\";\nimport { ColorStyle as ColorStyleEnum, CONTENT_COLORS_VALUES, contentColors } from \"../../../../utils/colors-vars-map\";\nimport { NoColor } from \"@vibe/icons\";\nimport { ColorShapes as ColorShapesEnum, DEFAULT_NUMBER_OF_COLORS_IN_LINE } from \"../../ColorPickerConstants\";\nimport { ColorShapes, ColorPickerSizes, ColorPickerValue, ColorPickerArrayValueOnly } from \"../../ColorPicker.types\";\nimport { calculateColorPickerWidth } from \"../../services/ColorPickerStyleService\";\nimport {\n GridKeyboardNavigationContext,\n useGridKeyboardNavigationContext\n} from \"../../../GridKeyboardNavigationContext/GridKeyboardNavigationContext\";\nimport { ColorPickerClearButton } from \"./ColorPickerClearButton\";\nimport { ColorPickerColorsGrid } from \"./ColorPickerColorsGrid\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../../../types\";\nimport useMergeRef from \"../../../../hooks/useMergeRef\";\nimport { ColorStyle } from \"../../../../types/Colors\";\n\nexport interface ColorPickerContentProps extends VibeComponentProps {\n value: ColorPickerValue;\n onValueChange: (value: ColorPickerArrayValueOnly) => void;\n colorsList: ColorPickerArrayValueOnly;\n ColorIndicatorIcon?: SubIcon;\n SelectedIndicatorIcon?: SubIcon;\n NoColorIcon?: SubIcon;\n colorStyle?: ColorStyle;\n colorSize?: ColorPickerSizes;\n colorShape?: ColorShapes;\n tooltipContentByColor?: Partial<Record<CONTENT_COLORS_VALUES, string>>;\n noColorText?: string;\n shouldRenderIndicatorWithoutBackground?: boolean;\n isBlackListMode?: boolean;\n numberOfColorsInLine?: number;\n focusOnMount?: boolean;\n isMultiselect?: boolean;\n /*\n Used to force the component render the colorList prop as is. Usually, this flag should not be used. It's intended only for edge cases.\n * Usually, only \"monday colors\" will be rendered (unless blacklist mode is used). This flag will override this behavior.\n /\n forceUseRawColorList?: boolean;\n /\n Used to enable color name tooltip on each color in the component~~. it's incompatible with forceUseRawColorList flag~~.\n * When \"tooltipContentByColor\" is supplied, it will override the color name tooltip.\n */\n showColorNameTooltip?: boolean;\n}\n\nconst ColorPickerContent: VibeComponent<ColorPickerContentProps, HTMLDivElement> & {\n sizes?: typeof BaseSizes;\n colorStyles?: typeof ColorStyleEnum;\n colorSizes?: typeof BaseSizes;\n colorShapes?: typeof ColorShapesEnum;\n} = forwardRef(\n (\n {\n className,\n onValueChange,\n value,\n noColorText,\n colorStyle = \"regular\",\n ColorIndicatorIcon,\n SelectedIndicatorIcon,\n shouldRenderIndicatorWithoutBackground,\n NoColorIcon = NoColor,\n isBlackListMode = true,\n colorsList,\n isMultiselect,\n colorSize = BaseSizes.MEDIUM,\n numberOfColorsInLine = DEFAULT_NUMBER_OF_COLORS_IN_LINE,\n tooltipContentByColor = {},\n focusOnMount,\n colorShape = \"square\",\n forceUseRawColorList,\n showColorNameTooltip,\n id,\n \"data-testid\": dataTestId\n }: ColorPickerContentProps,\n ref\n ) => {\n const gridRef = useRef(null);\n const mergedRef = useMergeRef(ref, gridRef);\n const colorsRef = useRef(null);\n const buttonRef = useRef(null);\n\n const onClearButton = useCallback(() => {\n onValueChange(null);\n }, [onValueChange]);\n\n const colorsToRender = useMemo(() => {\n if (forceUseRawColorList) {\n return colorsList;\n }\n return isBlackListMode ? _difference(contentColors, colorsList) : _intersection(contentColors, colorsList);\n }, [forceUseRawColorList, isBlackListMode, colorsList]);\n\n const onColorClicked = useCallback(\n (color: CONTENT_COLORS_VALUES) => {\n if (!isMultiselect) {\n onValueChange([color]);\n return;\n }\n const colors = [...value];\n if (colors.includes(color)) {\n const indexInSelected = colors.indexOf(color);\n if (indexInSelected > -1) {\n colors.splice(indexInSelected, 1);\n }\n } else {\n colors.push(color);\n }\n onValueChange(colors);\n },\n [isMultiselect, onValueChange, value]\n );\n\n const positions = useMemo(() => [{ topElement: colorsRef, bottomElement: buttonRef }], []);\n const keyboardContext = useGridKeyboardNavigationContext(positions, gridRef);\n const width = calculateColorPickerWidth(colorSize as BaseSizes, numberOfColorsInLine);\n\n return (\n <div className={className} style={{ width }} ref={mergedRef} tabIndex={-1}>\n <GridKeyboardNavigationContext.Provider value={keyboardContext}>\n <ColorPickerColorsGrid\n ref={colorsRef}\n onColorClicked={onColorClicked}\n colorsToRender={colorsToRender}\n numberOfColorsInLine={numberOfColorsInLine}\n focusOnMount={focusOnMount}\n value={value}\n colorStyle={colorStyle}\n ColorIndicatorIcon={ColorIndicatorIcon}\n shouldRenderIndicatorWithoutBackground={shouldRenderIndicatorWithoutBackground}\n SelectedIndicatorIcon={SelectedIndicatorIcon}\n colorSize={colorSize}\n tooltipContentByColor={tooltipContentByColor}\n colorShape={colorShape}\n showColorNameTooltip={showColorNameTooltip ~~&& !forceUseRawColorList~~}\n id={id}\n data-testid={dataTestId}\n />\n {noColorText && (\n <ColorPickerClearButton Icon={NoColorIcon} onClick={onClearButton} text={noColorText} ref={buttonRef} />\n )}\n </GridKeyboardNavigationContext.Provider>\n </div>\n );\n }\n);\n\nexport default withStaticProps(ColorPickerContent, {\n sizes: BaseSizes,\n colorStyles: ColorStyleEnum,\n colorSizes: BaseSizes,\n colorShapes: ColorShapesEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","onValueChange","value","noColorText","_ref$colorStyle","colorStyle","ColorIndicatorIcon","SelectedIndicatorIcon","shouldRenderIndicatorWithoutBackground","_ref$NoColorIcon","NoColorIcon","NoColor","_ref$isBlackListMode","isBlackListMode","colorsList","isMultiselect","_ref$colorSize","colorSize","BaseSizes","MEDIUM","_ref$numberOfColorsIn","numberOfColorsInLine","DEFAULT_NUMBER_OF_COLORS_IN_LINE","_ref$tooltipContentBy","tooltipContentByColor","focusOnMount","_ref$colorShape","colorShape","forceUseRawColorList","showColorNameTooltip","id","dataTestId","gridRef","useRef","mergedRef","useMergeRef","colorsRef","buttonRef","onClearButton","useCallback","colorsToRender","useMemo","_difference","contentColors","_intersection","onColorClicked","color","colors","_toConsumableArray","includes","indexInSelected","indexOf","splice","push","positions","topElement","bottomElement","keyboardContext","useGridKeyboardNavigationContext","width","calculateColorPickerWidth","React","createElement","style","tabIndex","GridKeyboardNavigationContext","Provider","ColorPickerColorsGrid","ColorPickerClearButton","Icon","onClick","text","sizes","colorStyles","ColorStyleEnum","colorSizes","colorShapes","ColorShapesEnum"],"mappings":"igCA+CA,IAsGeA,EAAAA,EAjGXC,GACF,SAAAC,EAwBEC,GACE,IAvBAC,EAASF,EAATE,UACAC,EAAaH,EAAbG,cACAC,EAAKJ,EAALI,MACAC,EAAWL,EAAXK,YAAWC,EAAAN,EACXO,WAAAA,OAAa,IAAHD,EAAG,UAASA,EACtBE,EAAkBR,EAAlBQ,mBACAC,EAAqBT,EAArBS,sBACAC,EAAsCV,EAAtCU,uCAAsCC,EAAAX,EACtCY,YAAAA,OAAcC,IAAHF,EAAGE,EAAOF,EAAAG,EAAAd,EACrBe,gBAAAA,OAAkB,IAAHD,GAAOA,EACtBE,EAAUhB,EAAVgB,WACAC,EAAajB,EAAbiB,cAAaC,EAAAlB,EACbmB,UAAAA,OAAS,IAAAD,EAAGE,EAAUC,OAAMH,EAAAI,EAAAtB,EAC5BuB,qBAAAA,OAAuBC,IAAHF,EAAGE,EAAgCF,EAAAG,EAAAzB,EACvD0B,sBAAAA,OAAqB,IAAAD,EAAG,CAAE,EAAAA,EAC1BE,EAAY3B,EAAZ2B,aAAYC,EAAA5B,EACZ6B,WAAAA,OAAa,IAAHD,EAAG,SAAQA,EACrBE,EAAoB9B,EAApB8B,qBACAC,EAAoB/B,EAApB+B,qBACAC,EAAEhC,EAAFgC,GACeC,EAAUjC,EAAzB,eAIIkC,EAAUC,EAAO,MACjBC,EAAYC,EAAYpC,EAAKiC,GAC7BI,EAAYH,EAAO,MACnBI,EAAYJ,EAAO,MAEnBK,EAAgBC,GAAY,WAChCtC,EAAc,KAChB,GAAG,CAACA,IAEEuC,EAAiBC,GAAQ,WAC7B,OAAIb,EACKd,EAEFD,EAAkB6B,EAAYC,EAAe7B,GAAc8B,EAAcD,EAAe7B,EAChG,GAAE,CAACc,EAAsBf,EAAiBC,IAErC+B,EAAiBN,GACrB,SAACO,GACC,GAAK/B,EAAL,CAIA,IAAMgC,EAAMC,EAAO9C,GACnB,GAAI6C,EAAOE,SAASH,GAAQ,CAC1B,IAAMI,EAAkBH,EAAOI,QAAQL,GACnCI,GAAmB,GACrBH,EAAOK,OAAOF,EAAiB,EAElC,MACCH,EAAOM,KAAKP,GAEd7C,EAAc8C,EAVb,MAFC9C,EAAc,CAAC6C,GAalB,GACD,CAAC/B,EAAed,EAAeC,IAG3BoD,GAAYb,GAAQ,WAAA,MAAM,CAAC,CAAEc,WAAYnB,EAAWoB,cAAenB,GAAY,GAAE,IACjFoB,GAAkBC,EAAiCJ,GAAWtB,GAC9D2B,GAAQC,EAA0B3C,EAAwBI,GAEhE,OACEwC,EAAKC,cAAA,MAAA,CAAA9D,UAAWA,EAAW+D,MAAO,CAAEJ,MAAAA,IAAS5D,IAAKmC,EAAW8B,UAAW,GACtEH,EAAAC,cAACG,EAA8BC,SAAS,CAAAhE,MAAOuD,IAC7CI,EAAAC,cAACK,EAAqB,CACpBpE,IAAKqC,EACLS,eAAgBA,EAChBL,eAAgBA,EAChBnB,qBAAsBA,EACtBI,aAAcA,EACdvB,MAAOA,EACPG,WAAYA,EACZC,mBAAoBA,EACpBE,uCAAwCA,EACxCD,sBAAuBA,EACvBU,UAAWA,EACXO,sBAAuBA,EACvBG,WAAYA,EACZE,qBAAsBA,~~IAAyBD~~,~~EAC/CE,~~GAAIA,EAAE,cACOC,IAEd5B,GACC0D,EAAAC,cAACM,EAAsB,CAACC,KAAM3D,EAAa4D,QAAShC,EAAeiC,KAAMpE,EAAaJ,IAAKsC,KAKrG,IAGiD,CACjDmC,MAAOtD,EACPuD,YAAaC,EACbC,WAAYzD,EACZ0D,YAAaC"}
1	+ {"version":3,"file":"ColorPickerContent.js","sources":["../../../../../../src/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.tsx"],"sourcesContent":["import { difference as _difference, intersection as _intersection } from \"lodash-es\";\nimport React, { forwardRef, useCallback, useMemo, useRef } from \"react\";\nimport { BaseSizes } from \"../../../../constants\";\nimport { ColorStyle as ColorStyleEnum, CONTENT_COLORS_VALUES, contentColors } from \"../../../../utils/colors-vars-map\";\nimport { NoColor } from \"@vibe/icons\";\nimport { ColorShapes as ColorShapesEnum, DEFAULT_NUMBER_OF_COLORS_IN_LINE } from \"../../ColorPickerConstants\";\nimport { ColorShapes, ColorPickerSizes, ColorPickerValue, ColorPickerArrayValueOnly } from \"../../ColorPicker.types\";\nimport { calculateColorPickerWidth } from \"../../services/ColorPickerStyleService\";\nimport {\n GridKeyboardNavigationContext,\n useGridKeyboardNavigationContext\n} from \"../../../GridKeyboardNavigationContext/GridKeyboardNavigationContext\";\nimport { ColorPickerClearButton } from \"./ColorPickerClearButton\";\nimport { ColorPickerColorsGrid } from \"./ColorPickerColorsGrid\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../../../types\";\nimport useMergeRef from \"../../../../hooks/useMergeRef\";\nimport { ColorStyle } from \"../../../../types/Colors\";\n\nexport interface ColorPickerContentProps extends VibeComponentProps {\n value: ColorPickerValue;\n onValueChange: (value: ColorPickerArrayValueOnly) => void;\n colorsList: ColorPickerArrayValueOnly;\n ColorIndicatorIcon?: SubIcon;\n SelectedIndicatorIcon?: SubIcon;\n NoColorIcon?: SubIcon;\n colorStyle?: ColorStyle;\n colorSize?: ColorPickerSizes;\n colorShape?: ColorShapes;\n tooltipContentByColor?: Partial<Record<CONTENT_COLORS_VALUES, string>>;\n noColorText?: string;\n shouldRenderIndicatorWithoutBackground?: boolean;\n isBlackListMode?: boolean;\n numberOfColorsInLine?: number;\n focusOnMount?: boolean;\n isMultiselect?: boolean;\n /*\n Used to force the component render the colorList prop as is. Usually, this flag should not be used. It's intended only for edge cases.\n * Usually, only \"monday colors\" will be rendered (unless blacklist mode is used). This flag will override this behavior.\n /\n forceUseRawColorList?: boolean;\n /\n Used to enable color name tooltip on each color in the component.\n * When \"tooltipContentByColor\" is supplied, it will override the color name tooltip.\n */\n showColorNameTooltip?: boolean;\n}\n\nconst ColorPickerContent: VibeComponent<ColorPickerContentProps, HTMLDivElement> & {\n sizes?: typeof BaseSizes;\n colorStyles?: typeof ColorStyleEnum;\n colorSizes?: typeof BaseSizes;\n colorShapes?: typeof ColorShapesEnum;\n} = forwardRef(\n (\n {\n className,\n onValueChange,\n value,\n noColorText,\n colorStyle = \"regular\",\n ColorIndicatorIcon,\n SelectedIndicatorIcon,\n shouldRenderIndicatorWithoutBackground,\n NoColorIcon = NoColor,\n isBlackListMode = true,\n colorsList,\n isMultiselect,\n colorSize = BaseSizes.MEDIUM,\n numberOfColorsInLine = DEFAULT_NUMBER_OF_COLORS_IN_LINE,\n tooltipContentByColor = {},\n focusOnMount,\n colorShape = \"square\",\n forceUseRawColorList,\n showColorNameTooltip,\n id,\n \"data-testid\": dataTestId\n }: ColorPickerContentProps,\n ref\n ) => {\n const gridRef = useRef(null);\n const mergedRef = useMergeRef(ref, gridRef);\n const colorsRef = useRef(null);\n const buttonRef = useRef(null);\n\n const onClearButton = useCallback(() => {\n onValueChange(null);\n }, [onValueChange]);\n\n const colorsToRender = useMemo(() => {\n if (forceUseRawColorList) {\n return colorsList;\n }\n return isBlackListMode ? _difference(contentColors, colorsList) : _intersection(contentColors, colorsList);\n }, [forceUseRawColorList, isBlackListMode, colorsList]);\n\n const onColorClicked = useCallback(\n (color: CONTENT_COLORS_VALUES) => {\n if (!isMultiselect) {\n onValueChange([color]);\n return;\n }\n const colors = [...value];\n if (colors.includes(color)) {\n const indexInSelected = colors.indexOf(color);\n if (indexInSelected > -1) {\n colors.splice(indexInSelected, 1);\n }\n } else {\n colors.push(color);\n }\n onValueChange(colors);\n },\n [isMultiselect, onValueChange, value]\n );\n\n const positions = useMemo(() => [{ topElement: colorsRef, bottomElement: buttonRef }], []);\n const keyboardContext = useGridKeyboardNavigationContext(positions, gridRef);\n const width = calculateColorPickerWidth(colorSize as BaseSizes, numberOfColorsInLine);\n\n return (\n <div className={className} style={{ width }} ref={mergedRef} tabIndex={-1}>\n <GridKeyboardNavigationContext.Provider value={keyboardContext}>\n <ColorPickerColorsGrid\n ref={colorsRef}\n onColorClicked={onColorClicked}\n colorsToRender={colorsToRender}\n numberOfColorsInLine={numberOfColorsInLine}\n focusOnMount={focusOnMount}\n value={value}\n colorStyle={colorStyle}\n ColorIndicatorIcon={ColorIndicatorIcon}\n shouldRenderIndicatorWithoutBackground={shouldRenderIndicatorWithoutBackground}\n SelectedIndicatorIcon={SelectedIndicatorIcon}\n colorSize={colorSize}\n tooltipContentByColor={tooltipContentByColor}\n colorShape={colorShape}\n showColorNameTooltip={showColorNameTooltip}\n id={id}\n data-testid={dataTestId}\n />\n {noColorText && (\n <ColorPickerClearButton Icon={NoColorIcon} onClick={onClearButton} text={noColorText} ref={buttonRef} />\n )}\n </GridKeyboardNavigationContext.Provider>\n </div>\n );\n }\n);\n\nexport default withStaticProps(ColorPickerContent, {\n sizes: BaseSizes,\n colorStyles: ColorStyleEnum,\n colorSizes: BaseSizes,\n colorShapes: ColorShapesEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","onValueChange","value","noColorText","_ref$colorStyle","colorStyle","ColorIndicatorIcon","SelectedIndicatorIcon","shouldRenderIndicatorWithoutBackground","_ref$NoColorIcon","NoColorIcon","NoColor","_ref$isBlackListMode","isBlackListMode","colorsList","isMultiselect","_ref$colorSize","colorSize","BaseSizes","MEDIUM","_ref$numberOfColorsIn","numberOfColorsInLine","DEFAULT_NUMBER_OF_COLORS_IN_LINE","_ref$tooltipContentBy","tooltipContentByColor","focusOnMount","_ref$colorShape","colorShape","forceUseRawColorList","showColorNameTooltip","id","dataTestId","gridRef","useRef","mergedRef","useMergeRef","colorsRef","buttonRef","onClearButton","useCallback","colorsToRender","useMemo","_difference","contentColors","_intersection","onColorClicked","color","colors","_toConsumableArray","includes","indexInSelected","indexOf","splice","push","positions","topElement","bottomElement","keyboardContext","useGridKeyboardNavigationContext","width","calculateColorPickerWidth","React","createElement","style","tabIndex","GridKeyboardNavigationContext","Provider","ColorPickerColorsGrid","ColorPickerClearButton","Icon","onClick","text","sizes","colorStyles","ColorStyleEnum","colorSizes","colorShapes","ColorShapesEnum"],"mappings":"igCA+CA,IAsGeA,EAAAA,EAjGXC,GACF,SAAAC,EAwBEC,GACE,IAvBAC,EAASF,EAATE,UACAC,EAAaH,EAAbG,cACAC,EAAKJ,EAALI,MACAC,EAAWL,EAAXK,YAAWC,EAAAN,EACXO,WAAAA,OAAa,IAAHD,EAAG,UAASA,EACtBE,EAAkBR,EAAlBQ,mBACAC,EAAqBT,EAArBS,sBACAC,EAAsCV,EAAtCU,uCAAsCC,EAAAX,EACtCY,YAAAA,OAAcC,IAAHF,EAAGE,EAAOF,EAAAG,EAAAd,EACrBe,gBAAAA,OAAkB,IAAHD,GAAOA,EACtBE,EAAUhB,EAAVgB,WACAC,EAAajB,EAAbiB,cAAaC,EAAAlB,EACbmB,UAAAA,OAAS,IAAAD,EAAGE,EAAUC,OAAMH,EAAAI,EAAAtB,EAC5BuB,qBAAAA,OAAuBC,IAAHF,EAAGE,EAAgCF,EAAAG,EAAAzB,EACvD0B,sBAAAA,OAAqB,IAAAD,EAAG,CAAE,EAAAA,EAC1BE,EAAY3B,EAAZ2B,aAAYC,EAAA5B,EACZ6B,WAAAA,OAAa,IAAHD,EAAG,SAAQA,EACrBE,EAAoB9B,EAApB8B,qBACAC,EAAoB/B,EAApB+B,qBACAC,EAAEhC,EAAFgC,GACeC,EAAUjC,EAAzB,eAIIkC,EAAUC,EAAO,MACjBC,EAAYC,EAAYpC,EAAKiC,GAC7BI,EAAYH,EAAO,MACnBI,EAAYJ,EAAO,MAEnBK,EAAgBC,GAAY,WAChCtC,EAAc,KAChB,GAAG,CAACA,IAEEuC,EAAiBC,GAAQ,WAC7B,OAAIb,EACKd,EAEFD,EAAkB6B,EAAYC,EAAe7B,GAAc8B,EAAcD,EAAe7B,EAChG,GAAE,CAACc,EAAsBf,EAAiBC,IAErC+B,EAAiBN,GACrB,SAACO,GACC,GAAK/B,EAAL,CAIA,IAAMgC,EAAMC,EAAO9C,GACnB,GAAI6C,EAAOE,SAASH,GAAQ,CAC1B,IAAMI,EAAkBH,EAAOI,QAAQL,GACnCI,GAAmB,GACrBH,EAAOK,OAAOF,EAAiB,EAElC,MACCH,EAAOM,KAAKP,GAEd7C,EAAc8C,EAVb,MAFC9C,EAAc,CAAC6C,GAalB,GACD,CAAC/B,EAAed,EAAeC,IAG3BoD,GAAYb,GAAQ,WAAA,MAAM,CAAC,CAAEc,WAAYnB,EAAWoB,cAAenB,GAAY,GAAE,IACjFoB,GAAkBC,EAAiCJ,GAAWtB,GAC9D2B,GAAQC,EAA0B3C,EAAwBI,GAEhE,OACEwC,EAAKC,cAAA,MAAA,CAAA9D,UAAWA,EAAW+D,MAAO,CAAEJ,MAAAA,IAAS5D,IAAKmC,EAAW8B,UAAW,GACtEH,EAAAC,cAACG,EAA8BC,SAAS,CAAAhE,MAAOuD,IAC7CI,EAAAC,cAACK,EAAqB,CACpBpE,IAAKqC,EACLS,eAAgBA,EAChBL,eAAgBA,EAChBnB,qBAAsBA,EACtBI,aAAcA,EACdvB,MAAOA,EACPG,WAAYA,EACZC,mBAAoBA,EACpBE,uCAAwCA,EACxCD,sBAAuBA,EACvBU,UAAWA,EACXO,sBAAuBA,EACvBG,WAAYA,EACZE,qBAAsBA,EACtBC,GAAIA,EAAE,cACOC,IAEd5B,GACC0D,EAAAC,cAACM,EAAsB,CAACC,KAAM3D,EAAa4D,QAAShC,EAAeiC,KAAMpE,EAAaJ,IAAKsC,KAKrG,IAGiD,CACjDmC,MAAOtD,EACPuD,YAAaC,EACbC,WAAYzD,EACZ0D,YAAaC"}

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

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_4004b1d310",circle:"circle_48181eb172",feedbackIndicator:"feedbackIndicator_f17b1a6751",active:"active_7e6c84ea75",selectedColor:"selectedColor_129a8b3b6b",colorItem:"colorItem_3bee6a9352",colorIndicatorWrapper:"colorIndicatorWrapper_888f8496f6",colorItemSizeSmall:"colorItemSizeSmall_2d0b66958e",colorItemSizeMedium:"colorItemSizeMedium_74a6fceafa",colorItemSizeLarge:"colorItemSizeLarge_84dac1432b",colorItemTextMode:"colorItemTextMode_4110f78aa1",colorIconWhite:"colorIconWhite_d04ec2fdb7"};!function(e){const r="s_id-2198989e565d_3_31_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_4004b1d310 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_4004b1d310.circle_48181eb172 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_4004b1d310 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_4004b1d310 .feedbackIndicator_f17b1a6751 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_4004b1d310:focus,\n.itemWrapper_4004b1d310:focus-visible,\n.itemWrapper_4004b1d310.active_7e6c84ea75 {\n  outline: none;\n}\n\n.itemWrapper_4004b1d310:focus .feedbackIndicator_f17b1a6751:before,\n.itemWrapper_4004b1d310:focus-visible .feedbackIndicator_f17b1a6751:before,\n.itemWrapper_4004b1d310.active_7e6c84ea75 .feedbackIndicator_f17b1a6751: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_4004b1d310:focus .feedbackIndicator_f17b1a6751:after,\n.itemWrapper_4004b1d310:focus-visible .feedbackIndicator_f17b1a6751:after,\n.itemWrapper_4004b1d310.active_7e6c84ea75 .feedbackIndicator_f17b1a6751: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_4004b1d310:hover:not(.active_7e6c84ea75):not(.selectedColor_129a8b3b6b) .feedbackIndicator_f17b1a6751 {\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_4004b1d310 .colorItem_3bee6a9352 {\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_4004b1d310 .colorItem_3bee6a9352 .colorIndicatorWrapper_888f8496f6 {\n  margin-top: 3px;\n}\n\n.itemWrapper_4004b1d310 .colorItem_3bee6a9352.colorItemSizeSmall_2d0b66958e {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_4004b1d310 .colorItem_3bee6a9352.colorItemSizeMedium_74a6fceafa {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_4004b1d310 .colorItem_3bee6a9352.colorItemSizeLarge_84dac1432b {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_4004b1d310.selectedColor_129a8b3b6b {\n  position: relative;\n}\n\n.itemWrapper_4004b1d310.selectedColor_129a8b3b6b: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_4004b1d310.selectedColor_129a8b3b6b .feedbackIndicator_f17b1a6751:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_4004b1d310 .colorItemTextMode_4110f78aa1:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_4004b1d310 .colorIconWhite_d04ec2fdb7 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_81da666231",circle:"circle_f89ef16e03",feedbackIndicator:"feedbackIndicator_4717cd7ec2",active:"active_22fcbaefd8",selectedColor:"selectedColor_a4b7ead3fe",colorItem:"colorItem_59f6bd2023",colorIndicatorWrapper:"colorIndicatorWrapper_40b9df13b2",colorItemSizeSmall:"colorItemSizeSmall_f8c0d244a4",colorItemSizeMedium:"colorItemSizeMedium_c250798aae",colorItemSizeLarge:"colorItemSizeLarge_05ce72272a",colorItemTextMode:"colorItemTextMode_29d84793b9",colorIconWhite:"colorIconWhite_59f75c9ab0"};!function(e){const r="s_id-2198989e565d_3_31_2";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_81da666231 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_81da666231.circle_f89ef16e03 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_81da666231 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_81da666231 .feedbackIndicator_4717cd7ec2 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_81da666231:focus,\n.itemWrapper_81da666231:focus-visible,\n.itemWrapper_81da666231.active_22fcbaefd8 {\n  outline: none;\n}\n\n.itemWrapper_81da666231:focus .feedbackIndicator_4717cd7ec2:before,\n.itemWrapper_81da666231:focus-visible .feedbackIndicator_4717cd7ec2:before,\n.itemWrapper_81da666231.active_22fcbaefd8 .feedbackIndicator_4717cd7ec2: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_81da666231:focus .feedbackIndicator_4717cd7ec2:after,\n.itemWrapper_81da666231:focus-visible .feedbackIndicator_4717cd7ec2:after,\n.itemWrapper_81da666231.active_22fcbaefd8 .feedbackIndicator_4717cd7ec2: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_81da666231:hover:not(.active_22fcbaefd8):not(.selectedColor_a4b7ead3fe) .feedbackIndicator_4717cd7ec2 {\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_81da666231 .colorItem_59f6bd2023 {\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_81da666231 .colorItem_59f6bd2023 .colorIndicatorWrapper_40b9df13b2 {\n  margin-top: 3px;\n}\n\n.itemWrapper_81da666231 .colorItem_59f6bd2023.colorItemSizeSmall_f8c0d244a4 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_81da666231 .colorItem_59f6bd2023.colorItemSizeMedium_c250798aae {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_81da666231 .colorItem_59f6bd2023.colorItemSizeLarge_05ce72272a {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_81da666231.selectedColor_a4b7ead3fe {\n  position: relative;\n}\n\n.itemWrapper_81da666231.selectedColor_a4b7ead3fe: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_81da666231.selectedColor_a4b7ead3fe .feedbackIndicator_4717cd7ec2:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_81da666231 .colorItemTextMode_29d84793b9:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_81da666231 .colorIconWhite_59f75c9ab0 {\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_5840b32e48",stickyCategory:"stickyCategory_8154a94f4a",comboboxCategory:"comboboxCategory_624adcbf4f",sizeSmall:"sizeSmall_03a5e66daa",sizeMedium:"sizeMedium_5840b32e48",sizeLarge:"sizeLarge_03a5e66daa",empty:"empty_df0d596eb4",comboboxSearchWrapper:"comboboxSearchWrapper_f039cccb18",comboboxNoResults:"comboboxNoResults_54e9ba0566",comboboxMessageWrapper:"comboboxMessageWrapper_5a9192b46b",comboboxMessage:"comboboxMessage_19fa709e14",addNewButton:"addNewButton_a665e384eb",buttonLabel:"buttonLabel_19fa709e14",comboboxList:"comboboxList_c04ba5655d"};!function(o){const e="s_id-140391bb7df9_3_31_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".combobox_5840b32e48 {\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_5840b32e48.stickyCategory_8154a94f4a .comboboxCategory_624adcbf4f {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_5840b32e48.stickyCategory_8154a94f4a.sizeSmall_03a5e66daa .comboboxCategory_624adcbf4f {\n  top: 32px;\n}\n\n.combobox_5840b32e48.stickyCategory_8154a94f4a.sizeMedium_5840b32e48 .comboboxCategory_624adcbf4f {\n  top: 40px;\n}\n\n.combobox_5840b32e48.stickyCategory_8154a94f4a.sizeLarge_03a5e66daa .comboboxCategory_624adcbf4f {\n  top: 48px;\n}\n\n.combobox_5840b32e48.empty_df0d596eb4 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_f039cccb18 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_54e9ba0566 {\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_54e9ba0566 .comboboxMessageWrapper_5a9192b46b {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_54e9ba0566 .comboboxMessageWrapper_5a9192b46b .comboboxMessage_19fa709e14 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_54e9ba0566 .addNewButton_a665e384eb {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_54e9ba0566 .addNewButton_a665e384eb .buttonLabel_19fa709e14 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_c04ba5655d {\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_f88fbb2ddc",stickyCategory:"stickyCategory_f690b3545a",comboboxCategory:"comboboxCategory_95aa2b6b5b",sizeSmall:"sizeSmall_19f0104037",sizeMedium:"sizeMedium_f88fbb2ddc",sizeLarge:"sizeLarge_19f0104037",empty:"empty_cb2cb9bd14",comboboxSearchWrapper:"comboboxSearchWrapper_c8e3eddf56",comboboxNoResults:"comboboxNoResults_3ece713458",comboboxMessageWrapper:"comboboxMessageWrapper_40913478aa",comboboxMessage:"comboboxMessage_ee21ea856d",addNewButton:"addNewButton_23edbccdae",buttonLabel:"buttonLabel_ee21ea856d",comboboxList:"comboboxList_e38bb3df4e"};!function(o){const e="s_id-140391bb7df9_3_31_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const b=document.createElement("style");b.id=e,n.firstChild?n.insertBefore(b,n.firstChild):n.appendChild(b),b.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".combobox_f88fbb2ddc {\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_f88fbb2ddc.stickyCategory_f690b3545a .comboboxCategory_95aa2b6b5b {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_f88fbb2ddc.stickyCategory_f690b3545a.sizeSmall_19f0104037 .comboboxCategory_95aa2b6b5b {\n  top: 32px;\n}\n\n.combobox_f88fbb2ddc.stickyCategory_f690b3545a.sizeMedium_f88fbb2ddc .comboboxCategory_95aa2b6b5b {\n  top: 40px;\n}\n\n.combobox_f88fbb2ddc.stickyCategory_f690b3545a.sizeLarge_19f0104037 .comboboxCategory_95aa2b6b5b {\n  top: 48px;\n}\n\n.combobox_f88fbb2ddc.empty_cb2cb9bd14 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_c8e3eddf56 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_3ece713458 {\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_3ece713458 .comboboxMessageWrapper_40913478aa {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_3ece713458 .comboboxMessageWrapper_40913478aa .comboboxMessage_ee21ea856d {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_3ece713458 .addNewButton_23edbccdae {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_3ece713458 .addNewButton_23edbccdae .buttonLabel_ee21ea856d {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_e38bb3df4e {\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_f521af283a",dividerContainer:"dividerContainer_eef4b7f3d1",divider:"divider_4c8be20525",sticky:"sticky_40418ecb8c"};!function(e){const n="s_id-78c8179b7fe9_3_31_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_f521af283a {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_eef4b7f3d1 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_4c8be20525 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_40418ecb8c {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_03f9c408ce",dividerContainer:"dividerContainer_704d7cc456",divider:"divider_f5bac866ad",sticky:"sticky_54ecaee1cc"};!function(e){const n="s_id-78c8179b7fe9_3_31_2";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_03f9c408ce {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_704d7cc456 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_f5bac866ad {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_54ecaee1cc {\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_ba8adfcc0d"};!function(e){const o="s_id-a004d249e1c1_3_31_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".comboboxCategory_ba8adfcc0d {\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_90fdf1817b"};!function(e){const o="s_id-a004d249e1c1_3_31_2";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_90fdf1817b {\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_0f9cc0eb7c",optionsContainer:"optionsContainer_1e0d8f9905",categoryWithOptions:"categoryWithOptions_77035f8eb3",firstCategory:"firstCategory_342edda0b7",categoryWithoutOptions:"categoryWithoutOptions_947cbac0f5"};!function(t){const e="s_id-4d4facb041a8_3_31_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".scrollableContainer_0f9cc0eb7c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_0f9cc0eb7c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_1e0d8f9905 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_77035f8eb3.firstCategory_342edda0b7,\n.categoryWithoutOptions_947cbac0f5.firstCategory_342edda0b7 {\n  padding-top: 0;\n}\n.categoryWithOptions_77035f8eb3 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_947cbac0f5 {\n  margin-bottom: 0;\n}");export{t as default};
+var e={scrollableContainer:"scrollableContainer_8f545db870",optionsContainer:"optionsContainer_33456a8885",categoryWithOptions:"categoryWithOptions_3aeee84730",firstCategory:"firstCategory_efd4abd0c5",categoryWithoutOptions:"categoryWithoutOptions_619ce483b4"};!function(e){const t="s_id-4d4facb041a8_3_31_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".scrollableContainer_8f545db870::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_8f545db870::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_33456a8885 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_3aeee84730.firstCategory_efd4abd0c5,\n.categoryWithoutOptions_619ce483b4.firstCategory_efd4abd0c5 {\n  padding-top: 0;\n}\n.categoryWithOptions_3aeee84730 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_619ce483b4 {\n  margin-bottom: 0;\n}");export{e as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_7cb7d0b002",disabled:"disabled_75a464aad6",selected:"selected_bcb7612a42",active:"active_3bf9fdf3f5",activeOutline:"activeOutline_d50329d215",optionLabel:"optionLabel_b2ddb5383c",optionIcon:"optionIcon_e21aeabc5e",left:"left_106ab155c1"};!function(o){const n="s_id-cc5db5fd586e_3_31_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".comboboxOption_7cb7d0b002 {\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_7cb7d0b002.disabled_75a464aad6 {\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_7cb7d0b002.disabled_75a464aad6:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_7cb7d0b002.selected_bcb7612a42 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_7cb7d0b002:hover:not(.disabled_75a464aad6):not(.selected_bcb7612a42),\n.comboboxOption_7cb7d0b002.active_3bf9fdf3f5 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_7cb7d0b002.activeOutline_d50329d215 {\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_7cb7d0b002 .optionLabel_b2ddb5383c {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_7cb7d0b002 .optionIcon_e21aeabc5e {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_7cb7d0b002 .optionIcon_e21aeabc5e.left_106ab155c1 {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption_5db733bfc5",disabled:"disabled_3ebebd5bbf",selected:"selected_a82c9fd7b9",active:"active_a6578aa67a",activeOutline:"activeOutline_2b8c105ba1",optionLabel:"optionLabel_d53da321a4",optionIcon:"optionIcon_8a6b77c345",left:"left_ea43fdf32f"};!function(o){const n="s_id-cc5db5fd586e_3_31_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const b=document.createElement("style");b.id=n,e.firstChild?e.insertBefore(b,e.firstChild):e.appendChild(b),b.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".comboboxOption_5db733bfc5 {\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_5db733bfc5.disabled_3ebebd5bbf {\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_5db733bfc5.disabled_3ebebd5bbf:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_5db733bfc5.selected_a82c9fd7b9 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_5db733bfc5:hover:not(.disabled_3ebebd5bbf):not(.selected_a82c9fd7b9),\n.comboboxOption_5db733bfc5.active_a6578aa67a {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_5db733bfc5.activeOutline_2b8c105ba1 {\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_5db733bfc5 .optionLabel_d53da321a4 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_5db733bfc5 .optionIcon_8a6b77c345 {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_5db733bfc5 .optionIcon_8a6b77c345.left_ea43fdf32f {\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_a9f8bde51e"};!function(e){const t="s_id-f549b49034f1_3_31_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_a9f8bde51e {\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_95e6613c31"};!function(e){const t="s_id-f549b49034f1_3_31_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_95e6613c31 {\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_051b6f00ec",withAnimation:"withAnimation_d20cbb40fd",counterPopElastic:"counterPopElastic_6575dfd3c1",sizeXs:"sizeXs_8212ac4936",sizeSmall:"sizeSmall_7f76adc9d0",sizeLarge:"sizeLarge_d9d8cc0389",kindFill:"kindFill_ab79d969b2",colorPrimary:"colorPrimary_6bde1cbfab",colorDark:"colorDark_a7284f03fb",colorNegative:"colorNegative_fc0b8001c4",colorLight:"colorLight_da129bf36b",kindLine:"kindLine_13d27c9b96",fadeEnter:"fadeEnter_5ab38e07fd",fadeEnterActive:"fadeEnterActive_51583f1976",fadeExit:"fadeExit_cad20c3c7e",fadeExitActive:"fadeExitActive_fb79bd09dd","counter-pop-elastic":"counter-pop-elastic_9afe71a803"};!function(n){const o="s_id-51f4f5079107_3_31_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_051b6f00ec {\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_9afe71a803 {\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_d20cbb40fd {\n  animation: counterPopElastic_6575dfd3c1 var(--motion-expressive-short);\n}\n.sizeXs_8212ac4936 {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeSmall_7f76adc9d0 {\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_d9d8cc0389 {\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_ab79d969b2.colorPrimary_6bde1cbfab {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_ab79d969b2.colorDark_a7284f03fb {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_ab79d969b2.colorNegative_fc0b8001c4 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_ab79d969b2.colorLight_da129bf36b {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_13d27c9b96 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_13d27c9b96.colorPrimary_6bde1cbfab {\n  color: var(--primary-color);\n}\n.kindLine_13d27c9b96.colorDark_a7284f03fb {\n  color: var(--inverted-color-background);\n}\n.kindLine_13d27c9b96.colorNegative_fc0b8001c4 {\n  color: var(--negative-color);\n}\n.kindLine_13d27c9b96.colorLight_da129bf36b {\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_5ab38e07fd {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_51583f1976 {\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_cad20c3c7e {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_fb79bd09dd {\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_cfdab8f6bd",withAnimation:"withAnimation_746b88b13e",counterPopElastic:"counterPopElastic_e9f109e2eb",sizeXs:"sizeXs_8c829c8c4a",sizeSmall:"sizeSmall_80b9d92c11",sizeLarge:"sizeLarge_af77c89179",kindFill:"kindFill_18ef91ac4d",colorPrimary:"colorPrimary_2208d510dc",colorDark:"colorDark_51f03126b7",colorNegative:"colorNegative_22ad186bde",colorLight:"colorLight_0a7d51073e",kindLine:"kindLine_17ccdb0282",fadeEnter:"fadeEnter_6511492895",fadeEnterActive:"fadeEnterActive_d3989715d6",fadeExit:"fadeExit_48960c524c",fadeExitActive:"fadeExitActive_a08cd8f0d4","counter-pop-elastic":"counter-pop-elastic_1b26ad2d2b"};!function(n){const o="s_id-51f4f5079107_3_31_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_cfdab8f6bd {\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_1b26ad2d2b {\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_746b88b13e {\n  animation: counterPopElastic_e9f109e2eb var(--motion-expressive-short);\n}\n.sizeXs_8c829c8c4a {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeSmall_80b9d92c11 {\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_af77c89179 {\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_18ef91ac4d.colorPrimary_2208d510dc {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_18ef91ac4d.colorDark_51f03126b7 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_18ef91ac4d.colorNegative_22ad186bde {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_18ef91ac4d.colorLight_0a7d51073e {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_17ccdb0282 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_17ccdb0282.colorPrimary_2208d510dc {\n  color: var(--primary-color);\n}\n.kindLine_17ccdb0282.colorDark_51f03126b7 {\n  color: var(--inverted-color-background);\n}\n.kindLine_17ccdb0282.colorNegative_22ad186bde {\n  color: var(--negative-color);\n}\n.kindLine_17ccdb0282.colorLight_0a7d51073e {\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_6511492895 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_d3989715d6 {\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_48960c524c {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_a08cd8f0d4 {\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_cf17b64397"};!function(e){const n="s_id-84193b4fa4fe_3_31_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".navigationItemContainer_cf17b64397 {\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_db155ec016"};!function(e){const n="s_id-84193b4fa4fe_3_31_2";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_db155ec016 {\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