@heliux-org/design-system-core 0.0.157 → 0.0.159

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

@@ -1,2 +1,2 @@
-var o={button:"button_6e01c608f6","focus-visible":"focus-visible_33c05db2e9",loader:"loader_dc068c1324",loaderSvg:"loaderSvg_5f23c9d695",textPlaceholder:"textPlaceholder_1747d378ec",success:"success_ca43cf2977",successContent:"successContent_6c4f40a518",marginRight:"marginRight_63d634858f",marginLeft:"marginLeft_1ad6c92de6",rightFlat:"rightFlat_1439a071df",leftFlat:"leftFlat_89698bd224",stretched:"stretched_f26a9388b1",preventClickAnimation:"preventClickAnimation_2f1859c50e",leftIcon:"leftIcon_63d634858f",rightIcon:"rightIcon_1ad6c92de6",sizeXxs:"sizeXxs_5c08ac2705",sizeXs:"sizeXs_c892033153",sizeSmall:"sizeSmall_6bf8d4c30f",sizeMedium:"sizeMedium_b3083843e1",sizeLarge:"sizeLarge_4e00cee69b",kindPrimary:"kindPrimary_f5e6d7f351",colorPrimary:"colorPrimary_1eb8670772",colorBrand:"colorBrand_49852a0ff1",colorPrimaryActive:"colorPrimaryActive_21438d863d",colorBrandActive:"colorBrandActive_540d5553cd",colorPositive:"colorPositive_e990f732bf",colorPositiveActive:"colorPositiveActive_c2eccd52b5",colorNegative:"colorNegative_882fe75037",colorNegativeActive:"colorNegativeActive_c2eccd52b5",colorInverted:"colorInverted_66346e1ca6",colorInvertedActive:"colorInvertedActive_c2eccd52b5",disabled:"disabled_6fb74a03e4",colorOnPrimaryColor:"colorOnPrimaryColor_8f351971cc",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_d54c98ea6d",colorFixedLight:"colorFixedLight_1bb72ef13e",colorFixedLightActive:"colorFixedLightActive_2f1859c50e",colorOnInvertedBackground:"colorOnInvertedBackground_66346e1ca6",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_31ae3891c7",kindSecondary:"kindSecondary_ff62023fe6",kindTertiary:"kindTertiary_8263f1d30e",noSidePadding:"noSidePadding_8f929dc3f9",insetFocusStyle:"insetFocusStyle_82c7b7144a"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-d31f50cc72b8_0_0_156";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))}(".button_6e01c608f6 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-medium);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n  font-weight: 600;\n}\n.button_6e01c608f6:focus-visible, .button_6e01c608f6.focus-visible_33c05db2e9 {\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_6e01c608f6:focus:not(.focus-visible_33c05db2e9) {\n  outline: none;\n}\n.button_6e01c608f6 .loader_dc068c1324 {\n  height: 100%;\n}\n.button_6e01c608f6 .loader_dc068c1324 .loaderSvg_5f23c9d695 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_6e01c608f6 .textPlaceholder_1747d378ec {\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_6e01c608f6.success_ca43cf2977 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_6e01c608f6.success_ca43cf2977 .successContent_6c4f40a518 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_63d634858f {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_1ad6c92de6 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_1439a071df {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_89698bd224 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.stretched_f26a9388b1 {\n  flex-grow: 1;\n}\n.button_6e01c608f6:active:not(.preventClickAnimation_2f1859c50e) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_6e01c608f6 .leftIcon_63d634858f {\n  margin-right: var(--spacing-small);\n}\n.button_6e01c608f6 .rightIcon_1ad6c92de6 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_5c08ac2705 {\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_c892033153 {\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.sizeXs_c892033153 .leftIcon_63d634858f {\n  margin-right: var(--spacing-xs);\n}\n.sizeXs_c892033153 .rightIcon_1ad6c92de6 {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_6bf8d4c30f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-bold);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_6bf8d4c30f .leftIcon_63d634858f {\n  margin-right: var(--spacing-xs);\n}\n.sizeSmall_6bf8d4c30f .rightIcon_1ad6c92de6 {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_6bf8d4c30f .loader_dc068c1324 {\n  top: 7px;\n}\n.sizeMedium_b3083843e1 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-bold);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_4e00cee69b {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-bold);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_f5e6d7f351 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_f5e6d7f351.colorPrimary_1eb8670772 {\n  background: var(--primary-color);\n}\n.kindPrimary_f5e6d7f351.colorBrand_49852a0ff1 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_f5e6d7f351.colorPrimaryActive_21438d863d,\n.kindPrimary_f5e6d7f351.colorPrimary_1eb8670772:hover,\n.kindPrimary_f5e6d7f351.colorPrimary_1eb8670772:focus {\n  background: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n.kindPrimary_f5e6d7f351.colorBrandActive_540d5553cd,\n.kindPrimary_f5e6d7f351.colorBrand_49852a0ff1:hover,\n.kindPrimary_f5e6d7f351.colorBrand_49852a0ff1:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_f5e6d7f351.colorPositive_e990f732bf {\n  background: var(--positive-color);\n}\n.kindPrimary_f5e6d7f351.colorPositiveActive_c2eccd52b5,\n.kindPrimary_f5e6d7f351.colorPositive_e990f732bf:hover,\n.kindPrimary_f5e6d7f351.colorPositive_e990f732bf:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_f5e6d7f351.colorNegative_882fe75037 {\n  background: var(--negative-color);\n}\n.kindPrimary_f5e6d7f351.colorNegativeActive_c2eccd52b5,\n.kindPrimary_f5e6d7f351.colorNegative_882fe75037:hover,\n.kindPrimary_f5e6d7f351.colorNegative_882fe75037:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_f5e6d7f351.colorInverted_66346e1ca6 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_f5e6d7f351.colorInvertedActive_c2eccd52b5,\n.kindPrimary_f5e6d7f351.colorInverted_66346e1ca6:hover,\n.kindPrimary_f5e6d7f351.colorInverted_66346e1ca6:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_f5e6d7f351.button_6e01c608f6.colorInverted_66346e1ca6.disabled_6fb74a03e4 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_f5e6d7f351.colorOnPrimaryColor_8f351971cc {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_f5e6d7f351.colorOnPrimaryColorActive_d54c98ea6d,\n.kindPrimary_f5e6d7f351.colorOnPrimaryColor_8f351971cc:hover,\n.kindPrimary_f5e6d7f351.colorOnPrimaryColor_8f351971cc:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_f5e6d7f351.colorOnPrimaryColorActive_d54c98ea6d:focus-visible, .kindPrimary_f5e6d7f351.colorOnPrimaryColorActive_d54c98ea6d.focus-visible_33c05db2e9,\n.kindPrimary_f5e6d7f351.colorOnPrimaryColor_8f351971cc:hover:focus-visible,\n.kindPrimary_f5e6d7f351.colorOnPrimaryColor_8f351971cc:hover.focus-visible_33c05db2e9,\n.kindPrimary_f5e6d7f351.colorOnPrimaryColor_8f351971cc:focus:focus-visible,\n.kindPrimary_f5e6d7f351.colorOnPrimaryColor_8f351971cc:focus.focus-visible_33c05db2e9 {\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_f5e6d7f351.colorOnPrimaryColorActive_d54c98ea6d:focus:not(.focus-visible_33c05db2e9),\n.kindPrimary_f5e6d7f351.colorOnPrimaryColor_8f351971cc:hover:focus:not(.focus-visible_33c05db2e9),\n.kindPrimary_f5e6d7f351.colorOnPrimaryColor_8f351971cc:focus:focus:not(.focus-visible_33c05db2e9) {\n  outline: none;\n}\n.kindPrimary_f5e6d7f351.colorOnPrimaryColor_8f351971cc.disabled_6fb74a03e4 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_f5e6d7f351.colorFixedLight_1bb72ef13e {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_f5e6d7f351.colorFixedLightActive_2f1859c50e,\n.kindPrimary_f5e6d7f351.colorFixedLight_1bb72ef13e:hover,\n.kindPrimary_f5e6d7f351.colorFixedLight_1bb72ef13e:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_f5e6d7f351.colorFixedLightActive_2f1859c50e:focus-visible, .kindPrimary_f5e6d7f351.colorFixedLightActive_2f1859c50e.focus-visible_33c05db2e9,\n.kindPrimary_f5e6d7f351.colorFixedLight_1bb72ef13e:hover:focus-visible,\n.kindPrimary_f5e6d7f351.colorFixedLight_1bb72ef13e:hover.focus-visible_33c05db2e9,\n.kindPrimary_f5e6d7f351.colorFixedLight_1bb72ef13e:focus:focus-visible,\n.kindPrimary_f5e6d7f351.colorFixedLight_1bb72ef13e:focus.focus-visible_33c05db2e9 {\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_f5e6d7f351.colorFixedLightActive_2f1859c50e:focus:not(.focus-visible_33c05db2e9),\n.kindPrimary_f5e6d7f351.colorFixedLight_1bb72ef13e:hover:focus:not(.focus-visible_33c05db2e9),\n.kindPrimary_f5e6d7f351.colorFixedLight_1bb72ef13e:focus:focus:not(.focus-visible_33c05db2e9) {\n  outline: none;\n}\n.kindPrimary_f5e6d7f351.colorFixedLight_1bb72ef13e.disabled_6fb74a03e4 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_f5e6d7f351.colorOnInvertedBackground_66346e1ca6 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_f5e6d7f351.colorOnInvertedBackgroundActive_31ae3891c7,\n.kindPrimary_f5e6d7f351.colorOnInvertedBackground_66346e1ca6:hover,\n.kindPrimary_f5e6d7f351.colorOnInvertedBackground_66346e1ca6:focus {\n  background: var(--surface-level-100);\n  color: var(--text-primary);\n}\n.kindPrimary_f5e6d7f351.button_6e01c608f6.colorOnInvertedBackground_66346e1ca6.disabled_6fb74a03e4 {\n  background: var(--surface-inverse);\n  color: var(--text-secondary);\n  opacity: 0.5;\n}\n.kindPrimary_f5e6d7f351.button_6e01c608f6.disabled_6fb74a03e4 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_ff62023fe6 {\n  border: 1px solid;\n  border-color: transparent;\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindSecondary_ff62023fe6.sizeSmall_6bf8d4c30f {\n  line-height: 22px;\n}\n.kindSecondary_ff62023fe6.sizeMedium_b3083843e1 {\n  line-height: 22px;\n}\n.kindSecondary_ff62023fe6.sizeLarge_4e00cee69b {\n  line-height: 22px;\n}\n.kindSecondary_ff62023fe6.colorPrimaryActive_21438d863d,\n.kindSecondary_ff62023fe6.colorPrimaryActive_21438d863d:hover {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n.kindSecondary_ff62023fe6.colorBrandActive_540d5553cd {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_ff62023fe6.colorBrandActive_540d5553cd,\n.kindSecondary_ff62023fe6.colorBrandActive_540d5553cd:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_ff62023fe6.colorPrimary_1eb8670772:hover:not(.colorPrimaryActive_21438d863d),\n.kindSecondary_ff62023fe6.colorPrimary_1eb8670772:focus:not(.colorPrimaryActive_21438d863d) {\n  background: var(--surface-level-300);\n  box-shadow: var(--effect-divider-halo);\n  border: 1px solid var(--divider-selected);\n}\n.kindSecondary_ff62023fe6.colorBrand_49852a0ff1:hover:not(.colorBrandActive_540d5553cd),\n.kindSecondary_ff62023fe6.colorBrand_49852a0ff1:focus:not(.colorBrandActive_540d5553cd) {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_ff62023fe6.colorPositive_e990f732bf {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_ff62023fe6.colorPositiveActive_c2eccd52b5,\n.kindSecondary_ff62023fe6.colorPositive_e990f732bf:hover,\n.kindSecondary_ff62023fe6.colorPositive_e990f732bf:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_ff62023fe6.colorNegative_882fe75037 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_ff62023fe6.colorNegativeActive_c2eccd52b5,\n.kindSecondary_ff62023fe6.colorNegative_882fe75037:hover,\n.kindSecondary_ff62023fe6.colorNegative_882fe75037:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_ff62023fe6.colorInverted_66346e1ca6 {\n  color: var(--text-primary);\n  border-color: var(--text-primary);\n}\n.kindSecondary_ff62023fe6.colorInvertedActive_c2eccd52b5,\n.kindSecondary_ff62023fe6.colorInverted_66346e1ca6:hover,\n.kindSecondary_ff62023fe6.colorInverted_66346e1ca6:focus {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_ff62023fe6.colorInverted_66346e1ca6.disabled_6fb74a03e4 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_ff62023fe6.colorOnPrimaryColor_8f351971cc {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_ff62023fe6.colorOnPrimaryColorActive_d54c98ea6d,\n.kindSecondary_ff62023fe6.colorOnPrimaryColor_8f351971cc:hover,\n.kindSecondary_ff62023fe6.colorOnPrimaryColor_8f351971cc:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_ff62023fe6.colorOnPrimaryColorActive_d54c98ea6d:focus-visible, .kindSecondary_ff62023fe6.colorOnPrimaryColorActive_d54c98ea6d.focus-visible_33c05db2e9,\n.kindSecondary_ff62023fe6.colorOnPrimaryColor_8f351971cc:hover:focus-visible,\n.kindSecondary_ff62023fe6.colorOnPrimaryColor_8f351971cc:hover.focus-visible_33c05db2e9,\n.kindSecondary_ff62023fe6.colorOnPrimaryColor_8f351971cc:focus:focus-visible,\n.kindSecondary_ff62023fe6.colorOnPrimaryColor_8f351971cc:focus.focus-visible_33c05db2e9 {\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_ff62023fe6.colorOnPrimaryColorActive_d54c98ea6d:focus:not(.focus-visible_33c05db2e9),\n.kindSecondary_ff62023fe6.colorOnPrimaryColor_8f351971cc:hover:focus:not(.focus-visible_33c05db2e9),\n.kindSecondary_ff62023fe6.colorOnPrimaryColor_8f351971cc:focus:focus:not(.focus-visible_33c05db2e9) {\n  outline: none;\n}\n.kindSecondary_ff62023fe6.colorOnPrimaryColor_8f351971cc.disabled_6fb74a03e4 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_ff62023fe6.colorFixedLight_1bb72ef13e {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_ff62023fe6.colorFixedLightActive_2f1859c50e,\n.kindSecondary_ff62023fe6.colorFixedLight_1bb72ef13e:hover,\n.kindSecondary_ff62023fe6.colorFixedLight_1bb72ef13e:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_ff62023fe6.colorFixedLightActive_2f1859c50e:focus-visible, .kindSecondary_ff62023fe6.colorFixedLightActive_2f1859c50e.focus-visible_33c05db2e9,\n.kindSecondary_ff62023fe6.colorFixedLight_1bb72ef13e:hover:focus-visible,\n.kindSecondary_ff62023fe6.colorFixedLight_1bb72ef13e:hover.focus-visible_33c05db2e9,\n.kindSecondary_ff62023fe6.colorFixedLight_1bb72ef13e:focus:focus-visible,\n.kindSecondary_ff62023fe6.colorFixedLight_1bb72ef13e:focus.focus-visible_33c05db2e9 {\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_ff62023fe6.colorFixedLightActive_2f1859c50e:focus:not(.focus-visible_33c05db2e9),\n.kindSecondary_ff62023fe6.colorFixedLight_1bb72ef13e:hover:focus:not(.focus-visible_33c05db2e9),\n.kindSecondary_ff62023fe6.colorFixedLight_1bb72ef13e:focus:focus:not(.focus-visible_33c05db2e9) {\n  outline: none;\n}\n.kindSecondary_ff62023fe6.colorOnInvertedBackground_66346e1ca6 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_ff62023fe6.colorOnInvertedBackgroundActive_31ae3891c7,\n.kindSecondary_ff62023fe6.colorOnInvertedBackground_66346e1ca6:hover,\n.kindSecondary_ff62023fe6.colorOnInvertedBackground_66346e1ca6:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_ff62023fe6.colorOnInvertedBackground_66346e1ca6.disabled_6fb74a03e4 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_ff62023fe6.colorFixedLight_1bb72ef13e.disabled_6fb74a03e4 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_ff62023fe6.disabled_6fb74a03e4 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_ff62023fe6.disabled_6fb74a03e4:hover {\n  background-color: transparent;\n}\n.kindTertiary_8263f1d30e {\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.kindTertiary_8263f1d30e.colorPrimaryActive_21438d863d,\n.kindTertiary_8263f1d30e.colorPrimaryActive_21438d863d:hover {\n  background-color: var(--surface-selected);\n}\n.kindTertiary_8263f1d30e.colorBrandActive_540d5553cd {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_8263f1d30e.colorBrandActive_540d5553cd,\n.kindTertiary_8263f1d30e.colorBrandActive_540d5553cd:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_8263f1d30e.colorPrimary_1eb8670772:hover:not(.colorPrimaryActive_21438d863d),\n.kindTertiary_8263f1d30e.colorPrimary_1eb8670772:focus:not(.colorPrimaryActive_21438d863d) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_8263f1d30e.colorBrand_49852a0ff1:hover:not(.colorBrandActive_540d5553cd),\n.kindTertiary_8263f1d30e.colorBrand_49852a0ff1:focus:not(.colorBrandActive_540d5553cd) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_8263f1d30e.colorPositive_e990f732bf {\n  color: var(--positive-color);\n}\n.kindTertiary_8263f1d30e.colorPositiveActive_c2eccd52b5,\n.kindTertiary_8263f1d30e.colorPositive_e990f732bf:hover,\n.kindTertiary_8263f1d30e.colorPositive_e990f732bf:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_8263f1d30e.colorNegative_882fe75037 {\n  color: var(--negative-color);\n}\n.kindTertiary_8263f1d30e.colorNegativeActive_c2eccd52b5,\n.kindTertiary_8263f1d30e.colorNegative_882fe75037:hover,\n.kindTertiary_8263f1d30e.colorNegative_882fe75037:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_8263f1d30e.colorInverted_66346e1ca6 {\n  color: var(--text-primary);\n}\n.kindTertiary_8263f1d30e.colorInvertedActive_c2eccd52b5,\n.kindTertiary_8263f1d30e.colorInverted_66346e1ca6:hover,\n.kindTertiary_8263f1d30e.colorInverted_66346e1ca6:focus {\n  background: var(--surface-level-200);\n}\n.kindTertiary_8263f1d30e.colorInverted_66346e1ca6.disabled_6fb74a03e4 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_8263f1d30e.colorOnPrimaryColor_8f351971cc {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_8263f1d30e.colorOnPrimaryColorActive_d54c98ea6d,\n.kindTertiary_8263f1d30e.colorOnPrimaryColor_8f351971cc:hover,\n.kindTertiary_8263f1d30e.colorOnPrimaryColor_8f351971cc:focus {\n  backdrop-filter: brightness(85%);\n  background: var(--icon-color);\n}\n.kindTertiary_8263f1d30e.colorOnPrimaryColorActive_d54c98ea6d:focus-visible, .kindTertiary_8263f1d30e.colorOnPrimaryColorActive_d54c98ea6d.focus-visible_33c05db2e9,\n.kindTertiary_8263f1d30e.colorOnPrimaryColor_8f351971cc:hover:focus-visible,\n.kindTertiary_8263f1d30e.colorOnPrimaryColor_8f351971cc:hover.focus-visible_33c05db2e9,\n.kindTertiary_8263f1d30e.colorOnPrimaryColor_8f351971cc:focus:focus-visible,\n.kindTertiary_8263f1d30e.colorOnPrimaryColor_8f351971cc:focus.focus-visible_33c05db2e9 {\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_8263f1d30e.colorOnPrimaryColorActive_d54c98ea6d:focus:not(.focus-visible_33c05db2e9),\n.kindTertiary_8263f1d30e.colorOnPrimaryColor_8f351971cc:hover:focus:not(.focus-visible_33c05db2e9),\n.kindTertiary_8263f1d30e.colorOnPrimaryColor_8f351971cc:focus:focus:not(.focus-visible_33c05db2e9) {\n  outline: none;\n}\n.kindTertiary_8263f1d30e.colorOnInvertedBackground_66346e1ca6.disabled_6fb74a03e4 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_8263f1d30e.colorOnPrimaryColor_8f351971cc.disabled_6fb74a03e4 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_8263f1d30e.colorFixedLight_1bb72ef13e {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_8263f1d30e.colorFixedLightActive_2f1859c50e,\n.kindTertiary_8263f1d30e.colorFixedLight_1bb72ef13e:hover,\n.kindTertiary_8263f1d30e.colorFixedLight_1bb72ef13e:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_8263f1d30e.colorFixedLightActive_2f1859c50e:focus-visible, .kindTertiary_8263f1d30e.colorFixedLightActive_2f1859c50e.focus-visible_33c05db2e9,\n.kindTertiary_8263f1d30e.colorFixedLight_1bb72ef13e:hover:focus-visible,\n.kindTertiary_8263f1d30e.colorFixedLight_1bb72ef13e:hover.focus-visible_33c05db2e9,\n.kindTertiary_8263f1d30e.colorFixedLight_1bb72ef13e:focus:focus-visible,\n.kindTertiary_8263f1d30e.colorFixedLight_1bb72ef13e:focus.focus-visible_33c05db2e9 {\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_8263f1d30e.colorFixedLightActive_2f1859c50e:focus:not(.focus-visible_33c05db2e9),\n.kindTertiary_8263f1d30e.colorFixedLight_1bb72ef13e:hover:focus:not(.focus-visible_33c05db2e9),\n.kindTertiary_8263f1d30e.colorFixedLight_1bb72ef13e:focus:focus:not(.focus-visible_33c05db2e9) {\n  outline: none;\n}\n.kindTertiary_8263f1d30e.colorFixedLight_1bb72ef13e.disabled_6fb74a03e4 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_8263f1d30e.colorOnInvertedBackground_66346e1ca6 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_8263f1d30e.colorOnInvertedBackgroundActive_31ae3891c7,\n.kindTertiary_8263f1d30e.colorOnInvertedBackground_66346e1ca6:hover,\n.kindTertiary_8263f1d30e.colorOnInvertedBackground_66346e1ca6:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_8263f1d30e.disabled_6fb74a03e4 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_8263f1d30e.disabled_6fb74a03e4:hover {\n  background-color: transparent;\n}\n.noSidePadding_8f929dc3f9 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_6e01c608f6.insetFocusStyle_82c7b7144a:focus-visible, .button_6e01c608f6.insetFocusStyle_82c7b7144a.focus-visible_33c05db2e9 {\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_6e01c608f6.insetFocusStyle_82c7b7144a:focus:not(.focus-visible_33c05db2e9) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_11dd2d98b6","focus-visible":"focus-visible_986960caa8",loader:"loader_e87456a5a0",loaderSvg:"loaderSvg_111a18019c",textPlaceholder:"textPlaceholder_8cd4b1c54d",success:"success_8c2e2ea3b2",successContent:"successContent_07b9a9ec0d",marginRight:"marginRight_8a73188dfa",marginLeft:"marginLeft_385141c28e",rightFlat:"rightFlat_271a58b69e",leftFlat:"leftFlat_967f26542e",stretched:"stretched_9be0bb7ac9",preventClickAnimation:"preventClickAnimation_9a32aa0473",leftIcon:"leftIcon_8a73188dfa",rightIcon:"rightIcon_385141c28e",sizeXxs:"sizeXxs_48d4c09305",sizeXs:"sizeXs_b0f8bc285a",sizeSmall:"sizeSmall_55645fdf87",sizeMedium:"sizeMedium_af39796d1f",sizeLarge:"sizeLarge_63786a14c6",kindPrimary:"kindPrimary_76189b539a",colorPrimary:"colorPrimary_16eae44456",colorBrand:"colorBrand_de91034d41",colorPrimaryActive:"colorPrimaryActive_713600b99c",colorBrandActive:"colorBrandActive_2895aefe58",colorPositive:"colorPositive_1b037a1d10",colorPositiveActive:"colorPositiveActive_7eec5252be",colorNegative:"colorNegative_aab86fdf2d",colorNegativeActive:"colorNegativeActive_7eec5252be",colorInverted:"colorInverted_de9f219ca1",colorInvertedActive:"colorInvertedActive_7eec5252be",disabled:"disabled_86219759fe",colorOnPrimaryColor:"colorOnPrimaryColor_6494e7e858",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_72a50c4f30",colorFixedLight:"colorFixedLight_22ab7868eb",colorFixedLightActive:"colorFixedLightActive_9a32aa0473",colorOnInvertedBackground:"colorOnInvertedBackground_de9f219ca1",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_b0d7146db4",kindSecondary:"kindSecondary_d6b9c3d9fc",kindTertiary:"kindTertiary_4d98fe1d58",noSidePadding:"noSidePadding_69dd44c88a",insetFocusStyle:"insetFocusStyle_15d4b3a22c"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d31f50cc72b8_0_0_158";if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}(".button_11dd2d98b6 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-medium);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n  font-weight: 600;\n}\n.button_11dd2d98b6:focus-visible, .button_11dd2d98b6.focus-visible_986960caa8 {\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_11dd2d98b6:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.button_11dd2d98b6 .loader_e87456a5a0 {\n  height: 100%;\n}\n.button_11dd2d98b6 .loader_e87456a5a0 .loaderSvg_111a18019c {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_11dd2d98b6 .textPlaceholder_8cd4b1c54d {\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_11dd2d98b6.success_8c2e2ea3b2 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_11dd2d98b6.success_8c2e2ea3b2 .successContent_07b9a9ec0d {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_8a73188dfa {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_385141c28e {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_271a58b69e {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_967f26542e {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.stretched_9be0bb7ac9 {\n  flex-grow: 1;\n}\n.button_11dd2d98b6:active:not(.preventClickAnimation_9a32aa0473) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_11dd2d98b6 .leftIcon_8a73188dfa {\n  margin-right: var(--spacing-small);\n}\n.button_11dd2d98b6 .rightIcon_385141c28e {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_48d4c09305 {\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_b0f8bc285a {\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.sizeXs_b0f8bc285a .leftIcon_8a73188dfa {\n  margin-right: var(--spacing-xs);\n}\n.sizeXs_b0f8bc285a .rightIcon_385141c28e {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_55645fdf87 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-bold);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_55645fdf87 .leftIcon_8a73188dfa {\n  margin-right: var(--spacing-xs);\n}\n.sizeSmall_55645fdf87 .rightIcon_385141c28e {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_55645fdf87 .loader_e87456a5a0 {\n  top: 7px;\n}\n.sizeMedium_af39796d1f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-bold);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_63786a14c6 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-bold);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_76189b539a {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_76189b539a.colorPrimary_16eae44456 {\n  background: var(--primary-color);\n}\n.kindPrimary_76189b539a.colorBrand_de91034d41 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_76189b539a.colorPrimaryActive_713600b99c,\n.kindPrimary_76189b539a.colorPrimary_16eae44456:hover,\n.kindPrimary_76189b539a.colorPrimary_16eae44456:focus {\n  background: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n.kindPrimary_76189b539a.colorBrandActive_2895aefe58,\n.kindPrimary_76189b539a.colorBrand_de91034d41:hover,\n.kindPrimary_76189b539a.colorBrand_de91034d41:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_76189b539a.colorPositive_1b037a1d10 {\n  background: var(--positive-color);\n}\n.kindPrimary_76189b539a.colorPositiveActive_7eec5252be,\n.kindPrimary_76189b539a.colorPositive_1b037a1d10:hover,\n.kindPrimary_76189b539a.colorPositive_1b037a1d10:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_76189b539a.colorNegative_aab86fdf2d {\n  background: var(--negative-color);\n}\n.kindPrimary_76189b539a.colorNegativeActive_7eec5252be,\n.kindPrimary_76189b539a.colorNegative_aab86fdf2d:hover,\n.kindPrimary_76189b539a.colorNegative_aab86fdf2d:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_76189b539a.colorInverted_de9f219ca1 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_76189b539a.colorInvertedActive_7eec5252be,\n.kindPrimary_76189b539a.colorInverted_de9f219ca1:hover,\n.kindPrimary_76189b539a.colorInverted_de9f219ca1:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_76189b539a.button_11dd2d98b6.colorInverted_de9f219ca1.disabled_86219759fe {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_76189b539a.colorOnPrimaryColorActive_72a50c4f30,\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:hover,\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_76189b539a.colorOnPrimaryColorActive_72a50c4f30:focus-visible, .kindPrimary_76189b539a.colorOnPrimaryColorActive_72a50c4f30.focus-visible_986960caa8,\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:hover:focus-visible,\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:hover.focus-visible_986960caa8,\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:focus:focus-visible,\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:focus.focus-visible_986960caa8 {\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_76189b539a.colorOnPrimaryColorActive_72a50c4f30:focus:not(.focus-visible_986960caa8),\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:hover:focus:not(.focus-visible_986960caa8),\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858:focus:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.kindPrimary_76189b539a.colorOnPrimaryColor_6494e7e858.disabled_86219759fe {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_76189b539a.colorFixedLightActive_9a32aa0473,\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:hover,\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_76189b539a.colorFixedLightActive_9a32aa0473:focus-visible, .kindPrimary_76189b539a.colorFixedLightActive_9a32aa0473.focus-visible_986960caa8,\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:hover:focus-visible,\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:hover.focus-visible_986960caa8,\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:focus:focus-visible,\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:focus.focus-visible_986960caa8 {\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_76189b539a.colorFixedLightActive_9a32aa0473:focus:not(.focus-visible_986960caa8),\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:hover:focus:not(.focus-visible_986960caa8),\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb:focus:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.kindPrimary_76189b539a.colorFixedLight_22ab7868eb.disabled_86219759fe {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_76189b539a.colorOnInvertedBackground_de9f219ca1 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_76189b539a.colorOnInvertedBackgroundActive_b0d7146db4,\n.kindPrimary_76189b539a.colorOnInvertedBackground_de9f219ca1:hover,\n.kindPrimary_76189b539a.colorOnInvertedBackground_de9f219ca1:focus {\n  background: var(--surface-level-100);\n  color: var(--text-primary);\n}\n.kindPrimary_76189b539a.button_11dd2d98b6.colorOnInvertedBackground_de9f219ca1.disabled_86219759fe {\n  background: var(--surface-inverse);\n  color: var(--text-secondary);\n  opacity: 0.5;\n}\n.kindPrimary_76189b539a.button_11dd2d98b6.disabled_86219759fe {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_d6b9c3d9fc {\n  border: 1px solid;\n  border-color: transparent;\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindSecondary_d6b9c3d9fc.sizeSmall_55645fdf87 {\n  line-height: 22px;\n}\n.kindSecondary_d6b9c3d9fc.sizeMedium_af39796d1f {\n  line-height: 22px;\n}\n.kindSecondary_d6b9c3d9fc.sizeLarge_63786a14c6 {\n  line-height: 22px;\n}\n.kindSecondary_d6b9c3d9fc.colorPrimaryActive_713600b99c,\n.kindSecondary_d6b9c3d9fc.colorPrimaryActive_713600b99c:hover {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n.kindSecondary_d6b9c3d9fc.colorBrandActive_2895aefe58 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_d6b9c3d9fc.colorBrandActive_2895aefe58,\n.kindSecondary_d6b9c3d9fc.colorBrandActive_2895aefe58:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_d6b9c3d9fc.colorPrimary_16eae44456:hover:not(.colorPrimaryActive_713600b99c),\n.kindSecondary_d6b9c3d9fc.colorPrimary_16eae44456:focus:not(.colorPrimaryActive_713600b99c) {\n  background: var(--surface-level-300);\n  box-shadow: var(--effect-divider-halo);\n  border: 1px solid var(--divider-selected);\n}\n.kindSecondary_d6b9c3d9fc.colorBrand_de91034d41:hover:not(.colorBrandActive_2895aefe58),\n.kindSecondary_d6b9c3d9fc.colorBrand_de91034d41:focus:not(.colorBrandActive_2895aefe58) {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_d6b9c3d9fc.colorPositive_1b037a1d10 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_d6b9c3d9fc.colorPositiveActive_7eec5252be,\n.kindSecondary_d6b9c3d9fc.colorPositive_1b037a1d10:hover,\n.kindSecondary_d6b9c3d9fc.colorPositive_1b037a1d10:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_d6b9c3d9fc.colorNegative_aab86fdf2d {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_d6b9c3d9fc.colorNegativeActive_7eec5252be,\n.kindSecondary_d6b9c3d9fc.colorNegative_aab86fdf2d:hover,\n.kindSecondary_d6b9c3d9fc.colorNegative_aab86fdf2d:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_d6b9c3d9fc.colorInverted_de9f219ca1 {\n  color: var(--text-primary);\n  border-color: var(--text-primary);\n}\n.kindSecondary_d6b9c3d9fc.colorInvertedActive_7eec5252be,\n.kindSecondary_d6b9c3d9fc.colorInverted_de9f219ca1:hover,\n.kindSecondary_d6b9c3d9fc.colorInverted_de9f219ca1:focus {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_d6b9c3d9fc.colorInverted_de9f219ca1.disabled_86219759fe {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColorActive_72a50c4f30,\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:hover,\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColorActive_72a50c4f30:focus-visible, .kindSecondary_d6b9c3d9fc.colorOnPrimaryColorActive_72a50c4f30.focus-visible_986960caa8,\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:hover:focus-visible,\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:hover.focus-visible_986960caa8,\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:focus:focus-visible,\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:focus.focus-visible_986960caa8 {\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_d6b9c3d9fc.colorOnPrimaryColorActive_72a50c4f30:focus:not(.focus-visible_986960caa8),\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:hover:focus:not(.focus-visible_986960caa8),\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858:focus:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.kindSecondary_d6b9c3d9fc.colorOnPrimaryColor_6494e7e858.disabled_86219759fe {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_d6b9c3d9fc.colorFixedLightActive_9a32aa0473,\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:hover,\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_d6b9c3d9fc.colorFixedLightActive_9a32aa0473:focus-visible, .kindSecondary_d6b9c3d9fc.colorFixedLightActive_9a32aa0473.focus-visible_986960caa8,\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:hover:focus-visible,\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:hover.focus-visible_986960caa8,\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:focus:focus-visible,\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:focus.focus-visible_986960caa8 {\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_d6b9c3d9fc.colorFixedLightActive_9a32aa0473:focus:not(.focus-visible_986960caa8),\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:hover:focus:not(.focus-visible_986960caa8),\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb:focus:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.kindSecondary_d6b9c3d9fc.colorOnInvertedBackground_de9f219ca1 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_d6b9c3d9fc.colorOnInvertedBackgroundActive_b0d7146db4,\n.kindSecondary_d6b9c3d9fc.colorOnInvertedBackground_de9f219ca1:hover,\n.kindSecondary_d6b9c3d9fc.colorOnInvertedBackground_de9f219ca1:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_d6b9c3d9fc.colorOnInvertedBackground_de9f219ca1.disabled_86219759fe {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_d6b9c3d9fc.colorFixedLight_22ab7868eb.disabled_86219759fe {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_d6b9c3d9fc.disabled_86219759fe {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_d6b9c3d9fc.disabled_86219759fe:hover {\n  background-color: transparent;\n}\n.kindTertiary_4d98fe1d58 {\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.kindTertiary_4d98fe1d58.colorPrimaryActive_713600b99c,\n.kindTertiary_4d98fe1d58.colorPrimaryActive_713600b99c:hover {\n  background-color: var(--surface-selected);\n}\n.kindTertiary_4d98fe1d58.colorBrandActive_2895aefe58 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_4d98fe1d58.colorBrandActive_2895aefe58,\n.kindTertiary_4d98fe1d58.colorBrandActive_2895aefe58:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_4d98fe1d58.colorPrimary_16eae44456:hover:not(.colorPrimaryActive_713600b99c),\n.kindTertiary_4d98fe1d58.colorPrimary_16eae44456:focus:not(.colorPrimaryActive_713600b99c) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_4d98fe1d58.colorBrand_de91034d41:hover:not(.colorBrandActive_2895aefe58),\n.kindTertiary_4d98fe1d58.colorBrand_de91034d41:focus:not(.colorBrandActive_2895aefe58) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_4d98fe1d58.colorPositive_1b037a1d10 {\n  color: var(--positive-color);\n}\n.kindTertiary_4d98fe1d58.colorPositiveActive_7eec5252be,\n.kindTertiary_4d98fe1d58.colorPositive_1b037a1d10:hover,\n.kindTertiary_4d98fe1d58.colorPositive_1b037a1d10:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_4d98fe1d58.colorNegative_aab86fdf2d {\n  color: var(--negative-color);\n}\n.kindTertiary_4d98fe1d58.colorNegativeActive_7eec5252be,\n.kindTertiary_4d98fe1d58.colorNegative_aab86fdf2d:hover,\n.kindTertiary_4d98fe1d58.colorNegative_aab86fdf2d:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_4d98fe1d58.colorInverted_de9f219ca1 {\n  color: var(--text-primary);\n}\n.kindTertiary_4d98fe1d58.colorInvertedActive_7eec5252be,\n.kindTertiary_4d98fe1d58.colorInverted_de9f219ca1:hover,\n.kindTertiary_4d98fe1d58.colorInverted_de9f219ca1:focus {\n  background: var(--surface-level-200);\n}\n.kindTertiary_4d98fe1d58.colorInverted_de9f219ca1.disabled_86219759fe {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_4d98fe1d58.colorOnPrimaryColorActive_72a50c4f30,\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:hover,\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:focus {\n  backdrop-filter: brightness(85%);\n  background: var(--icon-color);\n}\n.kindTertiary_4d98fe1d58.colorOnPrimaryColorActive_72a50c4f30:focus-visible, .kindTertiary_4d98fe1d58.colorOnPrimaryColorActive_72a50c4f30.focus-visible_986960caa8,\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:hover:focus-visible,\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:hover.focus-visible_986960caa8,\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:focus:focus-visible,\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:focus.focus-visible_986960caa8 {\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_4d98fe1d58.colorOnPrimaryColorActive_72a50c4f30:focus:not(.focus-visible_986960caa8),\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:hover:focus:not(.focus-visible_986960caa8),\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858:focus:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.kindTertiary_4d98fe1d58.colorOnInvertedBackground_de9f219ca1.disabled_86219759fe {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_4d98fe1d58.colorOnPrimaryColor_6494e7e858.disabled_86219759fe {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_4d98fe1d58.colorFixedLightActive_9a32aa0473,\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:hover,\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_4d98fe1d58.colorFixedLightActive_9a32aa0473:focus-visible, .kindTertiary_4d98fe1d58.colorFixedLightActive_9a32aa0473.focus-visible_986960caa8,\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:hover:focus-visible,\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:hover.focus-visible_986960caa8,\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:focus:focus-visible,\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:focus.focus-visible_986960caa8 {\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_4d98fe1d58.colorFixedLightActive_9a32aa0473:focus:not(.focus-visible_986960caa8),\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:hover:focus:not(.focus-visible_986960caa8),\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb:focus:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.kindTertiary_4d98fe1d58.colorFixedLight_22ab7868eb.disabled_86219759fe {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_4d98fe1d58.colorOnInvertedBackground_de9f219ca1 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_4d98fe1d58.colorOnInvertedBackgroundActive_b0d7146db4,\n.kindTertiary_4d98fe1d58.colorOnInvertedBackground_de9f219ca1:hover,\n.kindTertiary_4d98fe1d58.colorOnInvertedBackground_de9f219ca1:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_4d98fe1d58.disabled_86219759fe {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_4d98fe1d58.disabled_86219759fe:hover {\n  background-color: transparent;\n}\n.noSidePadding_69dd44c88a {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_11dd2d98b6.insetFocusStyle_15d4b3a22c:focus-visible, .button_11dd2d98b6.insetFocusStyle_15d4b3a22c.focus-visible_986960caa8 {\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_11dd2d98b6.insetFocusStyle_15d4b3a22c:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_76f49d0f06",subTextContainer:"subTextContainer_b003135fb6",buttonsContainer:"buttonsContainer_f413f813c1",button:"button_817abc16f8",activeButton:"activeButton_ddf020b019",optionText:"optionText_af8eb6dc40",disabled:"disabled_fd4de96d2f",selected:"selected_1d05d109bf",kindTertiary:"kindTertiary_69924f0fd6",wrapper:"wrapper_bcd3db065d",buttonDisabled:"buttonDisabled_fca298fad6"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],o="s_id-98261c00be2f_0_0_156";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))}(".buttonGroup_76f49d0f06 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_b003135fb6 {\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_f413f813c1 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_f413f813c1 .button_817abc16f8 {\n  border: 1px solid;\n  background-color: var(--surface-level-100);\n  border-color: var(--divider-primary);\n}\n\n.buttonsContainer_f413f813c1 .button_817abc16f8.activeButton_ddf020b019 {\n  z-index: 20;\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_f413f813c1 .button_817abc16f8.activeButton_ddf020b019:hover {\n  background-color: var(--surface-selected);\n}\n\n.optionText_af8eb6dc40:not(.disabled_fd4de96d2f) {\n  color: var(--text-primary);\n}\n\n.optionText_af8eb6dc40:not(.disabled_fd4de96d2f).selected_1d05d109bf {\n  z-index: 10;\n  color: var(--text-primary);\n}\n\n.kindTertiary_69924f0fd6 .button_817abc16f8 {\n  border-color: transparent;\n}\n\n.kindTertiary_69924f0fd6 .button_817abc16f8:first-child {\n  border-color: transparent;\n}\n\n.wrapper_bcd3db065d.disabled_fd4de96d2f {\n  cursor: not-allowed;\n}\n\n.button_817abc16f8.disabled_fd4de96d2f {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_817abc16f8.buttonDisabled_fca298fad6 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_642e9b48ae",subTextContainer:"subTextContainer_ab3c1a1a8c",buttonsContainer:"buttonsContainer_489706ba25",button:"button_fec200d499",activeButton:"activeButton_098585186c",optionText:"optionText_3589da6102",disabled:"disabled_4c39966859",selected:"selected_845dd464b1",kindTertiary:"kindTertiary_7f19b38678",wrapper:"wrapper_dcb9d59d54",buttonDisabled:"buttonDisabled_fc20893c0f"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-98261c00be2f_0_0_158";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".buttonGroup_642e9b48ae {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_ab3c1a1a8c {\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_489706ba25 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_489706ba25 .button_fec200d499 {\n  border: 1px solid;\n  background-color: var(--surface-level-100);\n  border-color: var(--divider-primary);\n}\n\n.buttonsContainer_489706ba25 .button_fec200d499.activeButton_098585186c {\n  z-index: 20;\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_489706ba25 .button_fec200d499.activeButton_098585186c:hover {\n  background-color: var(--surface-selected);\n}\n\n.optionText_3589da6102:not(.disabled_4c39966859) {\n  color: var(--text-primary);\n}\n\n.optionText_3589da6102:not(.disabled_4c39966859).selected_845dd464b1 {\n  z-index: 10;\n  color: var(--text-primary);\n}\n\n.kindTertiary_7f19b38678 .button_fec200d499 {\n  border-color: transparent;\n}\n\n.kindTertiary_7f19b38678 .button_fec200d499:first-child {\n  border-color: transparent;\n}\n\n.wrapper_dcb9d59d54.disabled_4c39966859 {\n  cursor: not-allowed;\n}\n\n.button_fec200d499.disabled_4c39966859 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_fec200d499.buttonDisabled_fc20893c0f {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_1b92a77f8b",checkbox:"checkbox_78e03166a3",icon:"icon_1d57c23806",label:"label_5995e5e47f",input:"input_311703e329",checkboxGrowAnimation:"checkboxGrowAnimation_45b8227973"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-48d5620ebb3c_0_0_156";if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}('.wrapper_1b92a77f8b {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_78e03166a3 {\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(--divider-primary);\n  border-radius: 2px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  position: relative;\n  overflow: hidden;\n  background-color: var(--surface-level-100);\n}\n\n.checkbox_78e03166a3: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_78e03166a3:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon_1d57c23806 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_5995e5e47f {\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_311703e329 {\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_311703e329:focus + .checkbox_78e03166a3 {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_311703e329:focus:checked + .checkbox_78e03166a3 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_311703e329:focus-visible + .checkbox_78e03166a3 {\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_311703e329:checked:focus + .checkbox_78e03166a3:after,\n.input_311703e329:indeterminate:focus + .checkbox_78e03166a3:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_311703e329:checked + .checkbox_78e03166a3,\n.input_311703e329:indeterminate + .checkbox_78e03166a3 {\n  animation: checkboxGrowAnimation_45b8227973 var(--motion-productive-short);\n}\n\n.input_311703e329:checked + .checkbox_78e03166a3,\n.input_311703e329:indeterminate + .checkbox_78e03166a3 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_311703e329:checked + .checkbox_78e03166a3:hover,\n.input_311703e329:indeterminate + .checkbox_78e03166a3:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_311703e329:checked + .checkbox_78e03166a3:hover:after,\n.input_311703e329:indeterminate + .checkbox_78e03166a3:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_311703e329:checked + .checkbox_78e03166a3:after,\n.input_311703e329:indeterminate + .checkbox_78e03166a3: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_311703e329:checked + .checkbox_78e03166a3 > .icon_1d57c23806,\n.input_311703e329:indeterminate + .checkbox_78e03166a3 > .icon_1d57c23806 {\n  visibility: visible;\n}\n\n.input_311703e329:checked:disabled + .checkbox_78e03166a3:after,\n.input_311703e329:indeterminate:disabled + .checkbox_78e03166a3:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_311703e329:disabled + .checkbox_78e03166a3,\n.input_311703e329:disabled + .checkbox_78e03166a3:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input_311703e329:disabled + .checkbox_78e03166a3 .icon_1d57c23806,\n.input_311703e329:disabled + .checkbox_78e03166a3:hover .icon_1d57c23806 {\n  color: var(--disabled-text-color);\n}\n\n.input_311703e329:disabled + .checkbox_78e03166a3,\n.input_311703e329:disabled + .checkbox_78e03166a3:hover {\n  cursor: not-allowed;\n}\n\n.input_311703e329:disabled ~ .label_5995e5e47f {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_45b8227973 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
+var e={wrapper:"wrapper_e9ce9e3924",checkbox:"checkbox_21d5efb98d",icon:"icon_4e0ade5b21",label:"label_aba274f2d4",input:"input_a5c18f79c3",checkboxGrowAnimation:"checkboxGrowAnimation_73d7f69f12"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-48d5620ebb3c_0_0_158";if(n.querySelector("#"+o))return;const c=document.createElement("style");c.id=o,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}('.wrapper_e9ce9e3924 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_21d5efb98d {\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(--divider-primary);\n  border-radius: 2px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  position: relative;\n  overflow: hidden;\n  background-color: var(--surface-level-100);\n}\n\n.checkbox_21d5efb98d: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_21d5efb98d:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon_4e0ade5b21 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_aba274f2d4 {\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_a5c18f79c3 {\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_a5c18f79c3:focus + .checkbox_21d5efb98d {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_a5c18f79c3:focus:checked + .checkbox_21d5efb98d {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_a5c18f79c3:focus-visible + .checkbox_21d5efb98d {\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_a5c18f79c3:checked:focus + .checkbox_21d5efb98d:after,\n.input_a5c18f79c3:indeterminate:focus + .checkbox_21d5efb98d:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_a5c18f79c3:checked + .checkbox_21d5efb98d,\n.input_a5c18f79c3:indeterminate + .checkbox_21d5efb98d {\n  animation: checkboxGrowAnimation_73d7f69f12 var(--motion-productive-short);\n}\n\n.input_a5c18f79c3:checked + .checkbox_21d5efb98d,\n.input_a5c18f79c3:indeterminate + .checkbox_21d5efb98d {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_a5c18f79c3:checked + .checkbox_21d5efb98d:hover,\n.input_a5c18f79c3:indeterminate + .checkbox_21d5efb98d:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_a5c18f79c3:checked + .checkbox_21d5efb98d:hover:after,\n.input_a5c18f79c3:indeterminate + .checkbox_21d5efb98d:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_a5c18f79c3:checked + .checkbox_21d5efb98d:after,\n.input_a5c18f79c3:indeterminate + .checkbox_21d5efb98d: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_a5c18f79c3:checked + .checkbox_21d5efb98d > .icon_4e0ade5b21,\n.input_a5c18f79c3:indeterminate + .checkbox_21d5efb98d > .icon_4e0ade5b21 {\n  visibility: visible;\n}\n\n.input_a5c18f79c3:checked:disabled + .checkbox_21d5efb98d:after,\n.input_a5c18f79c3:indeterminate:disabled + .checkbox_21d5efb98d:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_a5c18f79c3:disabled + .checkbox_21d5efb98d,\n.input_a5c18f79c3:disabled + .checkbox_21d5efb98d:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input_a5c18f79c3:disabled + .checkbox_21d5efb98d .icon_4e0ade5b21,\n.input_a5c18f79c3:disabled + .checkbox_21d5efb98d:hover .icon_4e0ade5b21 {\n  color: var(--disabled-text-color);\n}\n\n.input_a5c18f79c3:disabled + .checkbox_21d5efb98d,\n.input_a5c18f79c3:disabled + .checkbox_21d5efb98d:hover {\n  cursor: not-allowed;\n}\n\n.input_a5c18f79c3:disabled ~ .label_aba274f2d4 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_73d7f69f12 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_6ddd29c8c4","focus-visible":"focus-visible_33c05db2e9",disabled:"disabled_d3cce6850a",disableTextSelection:"disableTextSelection_93bd6e806e"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-8d33a9ee9e1f_0_0_156";if(d.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,d.firstChild?d.insertBefore(c,d.firstChild):d.appendChild(c),c.appendChild(document.createTextNode(e))}(".clickable_6ddd29c8c4 {\n  cursor: pointer;\n}\n.clickable_6ddd29c8c4:focus-visible, .clickable_6ddd29c8c4.focus-visible_33c05db2e9 {\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_6ddd29c8c4:focus:not(.focus-visible_33c05db2e9) {\n  outline: none;\n}\n.clickable_6ddd29c8c4.disabled_d3cce6850a {\n  cursor: default;\n}\n.disableTextSelection_93bd6e806e {\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_a43c2671bf","focus-visible":"focus-visible_986960caa8",disabled:"disabled_56858e8823",disableTextSelection:"disableTextSelection_acb8c5f9b5"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-8d33a9ee9e1f_0_0_158";if(n.querySelector("#"+i))return;const c=document.createElement("style");c.id=i,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}(".clickable_a43c2671bf {\n  cursor: pointer;\n}\n.clickable_a43c2671bf:focus-visible, .clickable_a43c2671bf.focus-visible_986960caa8 {\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_a43c2671bf:focus:not(.focus-visible_986960caa8) {\n  outline: none;\n}\n.clickable_a43c2671bf.disabled_56858e8823 {\n  cursor: default;\n}\n.disableTextSelection_acb8c5f9b5 {\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/esm/src/components/ColorPicker/ColorPicker.module.scss.js

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_7b9f936a1c",colorPickerDialogContent:"colorPickerDialogContent_469512fe07"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_156";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".colorPicker_7b9f936a1c.colorPickerDialogContent_469512fe07 {\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_69fa9de1b0",colorPickerDialogContent:"colorPickerDialogContent_b0af47c49c"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_158";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".colorPicker_69fa9de1b0.colorPickerDialogContent_b0af47c49c {\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/esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon_63d634858f",clearColorButton:"clearColorButton_e6ae8d5c32"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-774e60a23ee3_0_0_156";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".clearColorIcon_63d634858f {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_e6ae8d5c32 {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_8a73188dfa",clearColorButton:"clearColorButton_bfc8a562a7"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-774e60a23ee3_0_0_158";if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}(".clearColorIcon_8a73188dfa {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_bfc8a562a7 {\n  margin-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ColorPickerClearButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid_bab1d470de"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-0a5f0eb78ee4_0_0_156";if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}(".colorsGrid_bab1d470de {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_3de083d5cf"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-0a5f0eb78ee4_0_0_158";if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}(".colorsGrid_3de083d5cf {\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/esm/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_d375936c9d",circle:"circle_3381cc6df3",feedbackIndicator:"feedbackIndicator_130674968f",active:"active_68fe34c8a6",selectedColor:"selectedColor_35437749ea",colorItem:"colorItem_6370247e28",colorIndicatorWrapper:"colorIndicatorWrapper_7cc8ccba04",colorItemSizeSmall:"colorItemSizeSmall_6a49be56a9",colorItemSizeMedium:"colorItemSizeMedium_d746e79d34",colorItemSizeLarge:"colorItemSizeLarge_869525184b",colorItemTextMode:"colorItemTextMode_21e26ff41d",colorIconWhite:"colorIconWhite_3f68234597"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_156";if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}('.itemWrapper_d375936c9d {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_d375936c9d.circle_3381cc6df3 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_d375936c9d {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_d375936c9d .feedbackIndicator_130674968f {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_d375936c9d:focus,\n.itemWrapper_d375936c9d:focus-visible,\n.itemWrapper_d375936c9d.active_68fe34c8a6 {\n  outline: none;\n}\n\n.itemWrapper_d375936c9d:focus .feedbackIndicator_130674968f:before,\n.itemWrapper_d375936c9d:focus-visible .feedbackIndicator_130674968f:before,\n.itemWrapper_d375936c9d.active_68fe34c8a6 .feedbackIndicator_130674968f: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(--surface-selected);\n  pointer-events: none;\n}\n\n.itemWrapper_d375936c9d:focus .feedbackIndicator_130674968f:after,\n.itemWrapper_d375936c9d:focus-visible .feedbackIndicator_130674968f:after,\n.itemWrapper_d375936c9d.active_68fe34c8a6 .feedbackIndicator_130674968f: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_d375936c9d:hover:not(.active_68fe34c8a6):not(.selectedColor_35437749ea) .feedbackIndicator_130674968f {\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(--surface-level-100-hover);\n  pointer-events: none;\n}\n\n.itemWrapper_d375936c9d .colorItem_6370247e28 {\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_d375936c9d .colorItem_6370247e28 .colorIndicatorWrapper_7cc8ccba04 {\n  margin-top: 3px;\n}\n\n.itemWrapper_d375936c9d .colorItem_6370247e28.colorItemSizeSmall_6a49be56a9 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_d375936c9d .colorItem_6370247e28.colorItemSizeMedium_d746e79d34 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_d375936c9d .colorItem_6370247e28.colorItemSizeLarge_869525184b {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_d375936c9d.selectedColor_35437749ea {\n  position: relative;\n}\n\n.itemWrapper_d375936c9d.selectedColor_35437749ea: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_d375936c9d.selectedColor_35437749ea .feedbackIndicator_130674968f:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_d375936c9d .colorItemTextMode_21e26ff41d:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper_d375936c9d .colorIconWhite_3f68234597 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_6373d77ac2",circle:"circle_002fdd6091",feedbackIndicator:"feedbackIndicator_7ce5bd6f68",active:"active_981f18accc",selectedColor:"selectedColor_2ab5b2b2c8",colorItem:"colorItem_708f777f8b",colorIndicatorWrapper:"colorIndicatorWrapper_dab40132a6",colorItemSizeSmall:"colorItemSizeSmall_a4408abb6c",colorItemSizeMedium:"colorItemSizeMedium_338998832d",colorItemSizeLarge:"colorItemSizeLarge_3a2bad3397",colorItemTextMode:"colorItemTextMode_5878e03a18",colorIconWhite:"colorIconWhite_421490806d"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_158";if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}('.itemWrapper_6373d77ac2 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_6373d77ac2.circle_002fdd6091 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_6373d77ac2 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_6373d77ac2 .feedbackIndicator_7ce5bd6f68 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_6373d77ac2:focus,\n.itemWrapper_6373d77ac2:focus-visible,\n.itemWrapper_6373d77ac2.active_981f18accc {\n  outline: none;\n}\n\n.itemWrapper_6373d77ac2:focus .feedbackIndicator_7ce5bd6f68:before,\n.itemWrapper_6373d77ac2:focus-visible .feedbackIndicator_7ce5bd6f68:before,\n.itemWrapper_6373d77ac2.active_981f18accc .feedbackIndicator_7ce5bd6f68: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(--surface-selected);\n  pointer-events: none;\n}\n\n.itemWrapper_6373d77ac2:focus .feedbackIndicator_7ce5bd6f68:after,\n.itemWrapper_6373d77ac2:focus-visible .feedbackIndicator_7ce5bd6f68:after,\n.itemWrapper_6373d77ac2.active_981f18accc .feedbackIndicator_7ce5bd6f68: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_6373d77ac2:hover:not(.active_981f18accc):not(.selectedColor_2ab5b2b2c8) .feedbackIndicator_7ce5bd6f68 {\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(--surface-level-100-hover);\n  pointer-events: none;\n}\n\n.itemWrapper_6373d77ac2 .colorItem_708f777f8b {\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_6373d77ac2 .colorItem_708f777f8b .colorIndicatorWrapper_dab40132a6 {\n  margin-top: 3px;\n}\n\n.itemWrapper_6373d77ac2 .colorItem_708f777f8b.colorItemSizeSmall_a4408abb6c {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_6373d77ac2 .colorItem_708f777f8b.colorItemSizeMedium_338998832d {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_6373d77ac2 .colorItem_708f777f8b.colorItemSizeLarge_3a2bad3397 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_6373d77ac2.selectedColor_2ab5b2b2c8 {\n  position: relative;\n}\n\n.itemWrapper_6373d77ac2.selectedColor_2ab5b2b2c8: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_6373d77ac2.selectedColor_2ab5b2b2c8 .feedbackIndicator_7ce5bd6f68:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_6373d77ac2 .colorItemTextMode_5878e03a18:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper_6373d77ac2 .colorIconWhite_421490806d {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={combobox:"combobox_0db413184d",stickyCategory:"stickyCategory_129ac928f5",comboboxCategory:"comboboxCategory_07742d6016",sizeSmall:"sizeSmall_61262af24e",sizeMedium:"sizeMedium_0db413184d",sizeLarge:"sizeLarge_61262af24e",empty:"empty_9b9961d2c7",comboboxSearchWrapper:"comboboxSearchWrapper_a5c64a09ac",comboboxSearch:"comboboxSearch_27c4deb8d0",comboboxNoResults:"comboboxNoResults_954ac16b2e",comboboxMessageWrapper:"comboboxMessageWrapper_de7a56fec1",comboboxMessage:"comboboxMessage_f16ab96844",addNewButton:"addNewButton_2c7324a2f9",buttonLabel:"buttonLabel_f16ab96844",comboboxList:"comboboxList_d1cd19a1ec"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-f0ce05580104_0_0_156";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(o))}(".combobox_0db413184d {\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_0db413184d.stickyCategory_129ac928f5 .comboboxCategory_07742d6016 {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox_0db413184d.stickyCategory_129ac928f5.sizeSmall_61262af24e .comboboxCategory_07742d6016 {\n  top: 32px;\n}\n\n.combobox_0db413184d.stickyCategory_129ac928f5.sizeMedium_0db413184d .comboboxCategory_07742d6016 {\n  top: 40px;\n}\n\n.combobox_0db413184d.stickyCategory_129ac928f5.sizeLarge_61262af24e .comboboxCategory_07742d6016 {\n  top: 48px;\n}\n\n.combobox_0db413184d.empty_9b9961d2c7 {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper_a5c64a09ac {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch_27c4deb8d0 {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults_954ac16b2e {\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_954ac16b2e .comboboxMessageWrapper_de7a56fec1 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_954ac16b2e .comboboxMessageWrapper_de7a56fec1 .comboboxMessage_f16ab96844 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_954ac16b2e .addNewButton_2c7324a2f9 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_954ac16b2e .addNewButton_2c7324a2f9 .buttonLabel_f16ab96844 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_d1cd19a1ec {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var e={combobox:"combobox_5b0879e21a",stickyCategory:"stickyCategory_6bd651bead",comboboxCategory:"comboboxCategory_c1e2e9cdfe",sizeSmall:"sizeSmall_c82827cd96",sizeMedium:"sizeMedium_5b0879e21a",sizeLarge:"sizeLarge_c82827cd96",empty:"empty_0d47148e7e",comboboxSearchWrapper:"comboboxSearchWrapper_f1ff71e8c5",comboboxSearch:"comboboxSearch_e165f2b224",comboboxNoResults:"comboboxNoResults_6818f2a422",comboboxMessageWrapper:"comboboxMessageWrapper_2c4aef2681",comboboxMessage:"comboboxMessage_1229ee474e",addNewButton:"addNewButton_a4457224a9",buttonLabel:"buttonLabel_1229ee474e",comboboxList:"comboboxList_65feea3aac"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],n="s_id-f0ce05580104_0_0_158";if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}(".combobox_5b0879e21a {\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_5b0879e21a.stickyCategory_6bd651bead .comboboxCategory_c1e2e9cdfe {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox_5b0879e21a.stickyCategory_6bd651bead.sizeSmall_c82827cd96 .comboboxCategory_c1e2e9cdfe {\n  top: 32px;\n}\n\n.combobox_5b0879e21a.stickyCategory_6bd651bead.sizeMedium_5b0879e21a .comboboxCategory_c1e2e9cdfe {\n  top: 40px;\n}\n\n.combobox_5b0879e21a.stickyCategory_6bd651bead.sizeLarge_c82827cd96 .comboboxCategory_c1e2e9cdfe {\n  top: 48px;\n}\n\n.combobox_5b0879e21a.empty_0d47148e7e {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper_f1ff71e8c5 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch_e165f2b224 {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults_6818f2a422 {\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_6818f2a422 .comboboxMessageWrapper_2c4aef2681 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_6818f2a422 .comboboxMessageWrapper_2c4aef2681 .comboboxMessage_1229ee474e {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_6818f2a422 .addNewButton_a4457224a9 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_6818f2a422 .addNewButton_a4457224a9 .buttonLabel_1229ee474e {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_65feea3aac {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_df6f34bc4d",dividerContainer:"dividerContainer_e2502f14fa",divider:"divider_5403c315dd",sticky:"sticky_6bb5f21bb1"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-cea859f3b65c_0_0_156";if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".comboboxItemContainer_df6f34bc4d {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer_e2502f14fa {\n  position: relative;\n  width: 95%;\n}\n\n.divider_5403c315dd {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_6bb5f21bb1 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_4848d5bedd",dividerContainer:"dividerContainer_4436bcc74e",divider:"divider_90ccf59da1",sticky:"sticky_4a18273bef"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-cea859f3b65c_0_0_158";if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".comboboxItemContainer_4848d5bedd {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer_4436bcc74e {\n  position: relative;\n  width: 95%;\n}\n\n.divider_90ccf59da1 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_4a18273bef {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_83ec4a0161"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_156";if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}(".comboboxCategory_83ec4a0161 {\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_a3986f6762"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_158";if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}(".comboboxCategory_a3986f6762 {\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/esm/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_986d1982de",optionsContainer:"optionsContainer_54e1e016bb",firstCategory:"firstCategory_c3db5a03ce",categoryWithOptions:"categoryWithOptions_78505ee246",categoryWithoutOptions:"categoryWithoutOptions_c5152b1864"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7de573ecf1ec_0_0_156";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))}(".scrollableContainer_986d1982de::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_986d1982de::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.optionsContainer_54e1e016bb {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory_c3db5a03ce {\n  padding-top: 0;\n}\n.categoryWithOptions_78505ee246 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_c5152b1864 {\n  margin-bottom: 0;\n}");export{e as default};
+var t={scrollableContainer:"scrollableContainer_fb7a95d3b0",optionsContainer:"optionsContainer_f90457124c",firstCategory:"firstCategory_852e182f23",categoryWithOptions:"categoryWithOptions_805c2cfc8d",categoryWithoutOptions:"categoryWithoutOptions_f7a4bf7a1a"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7de573ecf1ec_0_0_158";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".scrollableContainer_fb7a95d3b0::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_fb7a95d3b0::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.optionsContainer_f90457124c {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory_852e182f23 {\n  padding-top: 0;\n}\n.categoryWithOptions_805c2cfc8d {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_f7a4bf7a1a {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_f1d799c9dc",disabled:"disabled_2a2cf1d6d9",selected:"selected_9b096b025c",active:"active_19f024d847",activeOutline:"activeOutline_27cd073200",optionLabel:"optionLabel_a370ba77f9",optionIcon:"optionIcon_27c4deb8d0",left:"left_6bec79e2d1"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-8651683ae470_0_0_156";if(e.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(o))}(".comboboxOption_f1d799c9dc {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption_f1d799c9dc.disabled_2a2cf1d6d9 {\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_f1d799c9dc.disabled_2a2cf1d6d9:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_f1d799c9dc.selected_9b096b025c {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption_f1d799c9dc:hover:not(.disabled_2a2cf1d6d9):not(.selected_9b096b025c),\n.comboboxOption_f1d799c9dc.active_19f024d847 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption_f1d799c9dc.activeOutline_27cd073200 {\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(--surface-level-100);\n}\n\n.comboboxOption_f1d799c9dc .optionLabel_a370ba77f9 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_f1d799c9dc .optionIcon_27c4deb8d0 {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_f1d799c9dc .optionIcon_27c4deb8d0.left_6bec79e2d1 {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption_3a4c53a205",disabled:"disabled_623507883d",selected:"selected_e2cc45d997",active:"active_a350f9362f",activeOutline:"activeOutline_47f92e6edb",optionLabel:"optionLabel_7348a2c226",optionIcon:"optionIcon_e165f2b224",left:"left_b7c23691ba"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-8651683ae470_0_0_158";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(o))}(".comboboxOption_3a4c53a205 {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption_3a4c53a205.disabled_623507883d {\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_3a4c53a205.disabled_623507883d:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_3a4c53a205.selected_e2cc45d997 {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption_3a4c53a205:hover:not(.disabled_623507883d):not(.selected_e2cc45d997),\n.comboboxOption_3a4c53a205.active_a350f9362f {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption_3a4c53a205.activeOutline_47f92e6edb {\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(--surface-level-100);\n}\n\n.comboboxOption_3a4c53a205 .optionLabel_7348a2c226 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_3a4c53a205 .optionIcon_e165f2b224 {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_3a4c53a205 .optionIcon_e165f2b224.left_b7c23691ba {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_bbae02d3b6"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_156";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".stickyCategoryHeader_bbae02d3b6 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--surface-level-100);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader_8431486ec4"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_158";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".stickyCategoryHeader_8431486ec4 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--surface-level-100);\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/esm/src/components/Comments/Comments.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,regeneratorRuntime as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../../_virtual/_tslib.js";import{jsxs as s,jsx as r,Fragment as c}from"react/jsx-runtime";import{useRef as a,useEffect as i,createElement as o,useState as l,useCallback as m}from"react";import"./comments.scss.js";import p from"../Avatar/Avatar.js";import d from"../TextAreaField/TextAreaField.js";import u from"../Flex/Flex.js";import"../Avatar/AvatarContent.js";import{AvatarType as h}from"../Avatar/AvatarConstants.js";import"../Avatar/AvatarBadge.js";import g from"../Button/Button.js";import{FlexDirection as b,FlexGap as T,FlexAlign as j}from"../Flex/FlexConstants.js";import y from"../Icon/Icons/components/Info.js";import v from"../Text/Text.js";import f from"../Icon/Icon.js";import A from"../Icon/Icons/components/Attach.js";function O(e){var t=e.comments,n=e.currentUser,c=e.onCommentSubmitted,l=e.isLabel,m=void 0!==l&&l,p=e.label,d=e.onClickAttachment,h=e.attachmentText,g=a(null);return i((function(){g.current&&(g.current.scrollTop=g.current.scrollHeight)}),[t]),s("div",Object.assign({className:"comments"},{children:[t.length>0&&r(u,Object.assign({ref:g,className:"message-container",direction:b.COLUMN,gap:T.MEDIUM,align:j.STRETCH},{children:t.map((function(e,t){return o(C,Object.assign({},e,{currentUser:n,key:t}))}))})),r(x,{onCommentSubmitted:c,currentUser:n,isLabel:m,label:p,onClickAttachment:d,attachmentText:h})]}))}function x(a){var i=this,o=a.onCommentSubmitted,p=a.isLabel,h=void 0!==p&&p,b=a.label,T=a.onClickAttachment,j=a.attachmentText,O=l(!1),x=e(O,2),C=x[0],S=x[1],E=l(""),L=e(E,2),N=L[0],k=L[1],U=m((function(e){return n(i,void 0,void 0,t().mark((function n(){var s;return t().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return S(!0),t.next=3,o(e);case 3:s=t.sent,S(!1),s&&k("");case 6:case"end":return t.stop()}}),n)})))}),[o]);return s("div",Object.assign({className:"comments-top"},{children:[s(u,Object.assign({gap:u.gaps.SMALL},{children:[h&&"internal"===b.status&&s(c,{children:[r(f,{iconType:f.type.SVG,style:{color:"#757575"},icon:y,iconSize:20,clickable:!1}),r(v,Object.assign({type:v.types.TEXT1,color:v.colors.SECONDARY},{children:"This is an internal conversation"}))]}),h&&"external"===b.status&&s(c,{children:[r(f,{iconType:f.type.SVG,style:{color:"#FF0020"},icon:y,iconSize:20,clickable:!1}),r(v,Object.assign({type:v.types.TEXT1,style:{color:"#BB0018"}},{children:"This is an external conversation"}))]})]})),s("div",Object.assign({className:"comments-buttons"},{children:[r(d,{disabled:C,onChange:k,placeholder:"What’s on your mind...",rows:3,value:N,isResizeable:!1}),r(g,Object.assign({disabled:!N||C,onClick:function(){return U(N)},size:g.sizes.SMALL,style:{width:"100%"}},{children:"Send"}))]})),s(g,Object.assign({onClick:T,size:g.sizes.SMALL,kind:g.kinds.TERTIARY,style:{marginTop:"var(--spacing-small)"}},{children:[r(f,{iconType:f.type.SVG,style:{color:"#375D81",transform:"rotate(30deg)"},icon:A,iconSize:17,clickable:!1}),j&&r(v,Object.assign({type:v.types.TEXT2,style:{color:"#375D81",marginTop:"2px"}},{children:j}))]}))]}))}function C(e){var t=e.author,n=e.commentedAt,c=e.label,a=e.text,i=e.currentUser;return s(u,Object.assign({direction:b.COLUMN,align:j.STRETCH,className:"comment"},{children:[s(u,Object.assign({direction:b.ROW,gap:T.SMALL,className:"comment-data"},{children:[!!c&&r(v,Object.assign({className:"comment-label",type:v.types.TEXT2},{children:c})),r("div",Object.assign({className:"comment-user"},{children:t&&r(S,{user:t})})),r(v,Object.assign({className:"comment-date",color:v.colors.SECONDARY,type:v.types.TEXT2},{children:n.toLocaleString()}))]})),r(v,Object.assign({className:"comment-text ".concat(i.id===t.id&&"comment-currentUser"),type:v.types.TEXT1},{children:a}))]}))}function S(e){var t=e.user;return s(u,Object.assign({gap:T.XS},{children:[r(p,{size:p.sizes.MEDIUM,type:h.TEXT,backgroundColor:p.colors.STEEL_DARK,text:E(t.name)}),r("div",Object.assign({className:"comment-user-name"},{children:r(v,Object.assign({type:v.types.TEXT2,weight:v.weights.BOLD},{children:t.name}))}))]}))}function E(e){var t=e.split(" ");return 1===t.length?t[0].charAt(0).toUpperCase():"".concat(t[0].charAt(0)).concat(t[t.length-1].charAt(0)).toUpperCase()}export{C as Comment,x as CommentForm,O as Comments,S as UserCard};
+import{slicedToArray as e,regeneratorRuntime as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../../_virtual/_tslib.js";import{jsxs as s,jsx as r,Fragment as i}from"react/jsx-runtime";import{useRef as a,useEffect as c,createElement as o,useState as l,useCallback as m}from"react";import"./comments.scss.js";import u from"../Avatar/Avatar.js";import d from"../TextAreaField/TextAreaField.js";import p from"../Flex/Flex.js";import"../Avatar/AvatarContent.js";import{AvatarType as g}from"../Avatar/AvatarConstants.js";import"../Avatar/AvatarBadge.js";import j from"../Button/Button.js";import{FlexDirection as b,FlexGap as h,FlexAlign as T}from"../Flex/FlexConstants.js";import f from"../Icon/Icons/components/Info.js";import y from"../Text/Text.js";import v from"../Icon/Icon.js";function O(e){var t=e.comments,n=e.currentUser,i=e.onCommentSubmitted,l=e.isLabel,m=void 0!==l&&l,u=e.label,d=a(null);return c((function(){d.current&&(d.current.scrollTop=d.current.scrollHeight)}),[t]),s("div",Object.assign({className:"comments"},{children:[r(p,t.length>0?Object.assign({ref:d,className:"message-container",direction:b.COLUMN,gap:h.MEDIUM,justify:p.justify.END,align:T.START},{children:t.map((function(e,t){return o(E,Object.assign({},e,{currentUser:n,key:t}))}))}):Object.assign({className:"message-container",direction:b.COLUMN,gap:h.MEDIUM,align:T.STRETCH,justify:p.justify.CENTER},{children:r(y,Object.assign({align:y.align.CENTER},{children:"No Comments Yet."}))})),r(C,{onCommentSubmitted:i,currentUser:n,isLabel:m,label:u})]}))}function C(a){var c=this,o=a.onCommentSubmitted,u=a.isLabel,g=void 0!==u&&u,b=a.label,h=l(!1),T=e(h,2),O=T[0],C=T[1],E=l(""),N=e(E,2),A=N[0],S=N[1],x=m((function(e){return n(c,void 0,void 0,t().mark((function n(){var s;return t().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return C(!0),t.next=3,o(e);case 3:s=t.sent,C(!1),s&&S("");case 6:case"end":return t.stop()}}),n)})))}),[o]);return s(p,Object.assign({className:"comments-top",direction:p.directions.COLUMN,justify:p.justify.END,align:p.align.STRETCH},{children:[s(p,Object.assign({gap:p.gaps.SMALL},{children:[g&&"internal"===b.status&&s(i,{children:[r(v,{iconType:v.type.SVG,style:{color:"#757575"},icon:f,iconSize:20,clickable:!1}),r(y,Object.assign({type:y.types.TEXT1,color:y.colors.SECONDARY},{children:"This is an internal conversation"}))]}),g&&"external"===b.status&&s(i,{children:[r(v,{iconType:v.type.SVG,style:{color:"#FF0020"},icon:f,iconSize:20,clickable:!1}),r(y,Object.assign({type:y.types.TEXT1,style:{color:"#BB0018"}},{children:"This is an external conversation"}))]})]})),s("div",Object.assign({className:"comments-buttons"},{children:[r(d,{disabled:O,onChange:S,placeholder:"What’s on your mind...",rows:3,value:A,isResizeable:!1}),r(j,Object.assign({disabled:!A||O,onClick:function(){return x(A)},size:j.sizes.SMALL,style:{width:"100%"}},{children:"Send"}))]}))]}))}function E(e){var t=e.author,n=e.commentedAt,i=e.label,a=e.text,c=e.currentUser;return s(p,Object.assign({direction:b.COLUMN,align:T.STRETCH,className:"comment"},{children:[s(p,Object.assign({direction:b.ROW,gap:h.SMALL,className:"comment-data"},{children:[!!i&&r(y,Object.assign({className:"comment-label",type:y.types.TEXT2},{children:i})),r("div",Object.assign({className:"comment-user"},{children:t&&r(N,{user:t})})),r(y,Object.assign({className:"comment-date",color:y.colors.SECONDARY,type:y.types.TEXT2},{children:n.toLocaleString()}))]})),r(y,Object.assign({className:"comment-text ".concat(c.id===t.id&&"comment-currentUser"),type:y.types.TEXT1},{children:a}))]}))}function N(e){var t=e.user;return s(p,Object.assign({gap:h.XS},{children:[r(u,{size:u.sizes.MEDIUM,type:g.TEXT,backgroundColor:u.colors.STEEL_DARK,text:A(t.name)}),r("div",Object.assign({className:"comment-user-name"},{children:r(y,Object.assign({type:y.types.TEXT2,weight:y.weights.BOLD},{children:t.name}))}))]}))}function A(e){var t=e.split(" ");return 1===t.length?t[0].charAt(0).toUpperCase():"".concat(t[0].charAt(0)).concat(t[t.length-1].charAt(0)).toUpperCase()}export{E as Comment,C as CommentForm,O as Comments,N as UserCard};
 //# sourceMappingURL=Comments.js.map

package/dist/esm/src/components/Comments/Comments.js.map

@@ -1 +1 @@
-{"version":3,"file":"Comments.js","sources":["../../../../../src/components/Comments/Comments.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport './comments.scss';\nimport Avatar from '../Avatar/Avatar';\nimport TextAreaField from '../TextAreaField/TextAreaField';\nimport Flex from '../Flex/Flex';\nimport { AvatarType } from '../Avatar';\nimport Button from '../Button/Button';\nimport { FlexAlign, FlexDirection, FlexGap } from '../Flex';\nimport Info from '../Icon/Icons/components/Info';\nimport Text from '../Text/Text';\nimport Icon from '../Icon/Icon';\nimport Attach from '../Icon/Icons/components/Attach';\n\nexport interface CommentProps {\n    text: string;\n    label?: string;\n    author: User;\n    commentedAt: Date;\n}\n\nexport interface User {\n    id: string;\n    email: string;\n    name: string;\n}\n\nexport interface CommentFormProps {\n    currentUser: User;\n    onCommentSubmitted: (text: string) => Promise<boolean>;\n    isLabel?: boolean;\n    label?: { status: \"external\" | \"internal\" };\n    onClickAttachment?: () => void;\n    attachmentText?: string;\n}\n\nexport interface CommentsProps extends CommentFormProps {\n    comments: CommentProps[];\n}\n\n\nexport function Comments({ comments, currentUser, onCommentSubmitted, isLabel = false, label, onClickAttachment, attachmentText }: CommentsProps) {\n    const messageContainerRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (messageContainerRef.current) {\n            messageContainerRef.current.scrollTop = messageContainerRef.current.scrollHeight;\n        }\n    }, [comments]);\n    \n    return (\n        <div className={'comments'}>\n            {comments.length > 0 && (\n                <Flex ref={messageContainerRef} className='message-container' direction={FlexDirection.COLUMN} gap={FlexGap.MEDIUM} align={FlexAlign.STRETCH}>\n                    {comments.map((comment, i) => <Comment {...comment} currentUser={currentUser} key={i} />)}\n                </Flex>\n            )}\n            <CommentForm onCommentSubmitted={onCommentSubmitted} currentUser={currentUser} isLabel={isLabel} label={label} onClickAttachment={onClickAttachment} attachmentText={attachmentText} />\n        </div>\n    );\n}\n\nexport function CommentForm({ onCommentSubmitted, currentUser, isLabel = false, label, onClickAttachment, attachmentText }: CommentFormProps) {\n    const [isWaiting, setIsWaiting] = useState<boolean>(false);\n    const [text, setText] = useState<string>('');\n\n    const onSubmit = useCallback(async (text: string) => {\n        setIsWaiting(true);\n        const succeeded = await onCommentSubmitted(text);\n        setIsWaiting(false);\n\n        if (succeeded) {\n            setText('');\n        }\n    }, [onCommentSubmitted]);\n    return (\n        <div className={'comments-top'}>\n            <Flex gap={Flex.gaps.SMALL}>\n                {isLabel && label.status === \"internal\" && (\n                    <>\n                        <Icon\n                            iconType={Icon.type.SVG}\n                            style={{ color: \"#757575\" }}\n                            icon={Info}\n                            iconSize={20}\n                            clickable={false}\n                        />\n                        <Text type={Text.types.TEXT1} color={Text.colors.SECONDARY}>\n                            This is an internal conversation\n                        </Text>\n                    </>\n                )}\n                {isLabel && label.status === \"external\" && (\n                    <>\n                        <Icon\n                            iconType={Icon.type.SVG}\n                            style={{ color: \"#FF0020\" }}\n                            icon={Info}\n                            iconSize={20}\n                            clickable={false}\n                        />\n                        <Text type={Text.types.TEXT1} style={{ color: \"#BB0018\" }}>\n                            This is an external conversation\n                        </Text>\n                    </>\n                )}\n            </Flex>\n            <div className={'comments-buttons'}>\n                <TextAreaField\n                    disabled={isWaiting}\n                    onChange={setText}\n                    placeholder={'What’s on your mind...'}\n                    rows={3}\n                    value={text}\n                    isResizeable={false}\n                />\n                <Button\n                    disabled={!text || isWaiting}\n                    onClick={() => onSubmit(text)}\n                    size={Button.sizes.SMALL}\n                    style={{ width: \"100%\" }}\n                >\n                    Send\n                </Button>\n            </div>\n            <Button\n                onClick={onClickAttachment}\n                size={Button.sizes.SMALL}\n                kind={Button.kinds.TERTIARY}\n                style={{ marginTop: \"var(--spacing-small)\" }}\n            >\n                <Icon iconType={Icon.type.SVG} style={{ color: \"#375D81\", transform: \"rotate(30deg)\" }} icon={Attach} iconSize={17} clickable={false} />\n                {attachmentText && <Text type={Text.types.TEXT2} style={{ color: \"#375D81\", marginTop: \"2px\" }}>{attachmentText}</Text>}\n            </Button>\n        </div>\n    );\n}\n\nexport function Comment({ author, commentedAt, label, text, currentUser }: { currentUser: User } & CommentProps) {\n    return (\n        <Flex direction={FlexDirection.COLUMN} align={FlexAlign.STRETCH} className={'comment'}>\n            <Flex direction={FlexDirection.ROW} gap={FlexGap.SMALL} className={'comment-data'}>\n                {!!label && (\n                    <Text className={'comment-label'} type={Text.types.TEXT2}>{label}</Text>\n                )}\n                <div className={'comment-user'}>\n                    {author && <UserCard user={author} />}\n                </div>\n                <Text className={'comment-date'} color={Text.colors.SECONDARY} type={Text.types.TEXT2}>{commentedAt.toLocaleString()}</Text>\n            </Flex>\n            <Text className={`comment-text ${currentUser.id === author.id && \"comment-currentUser\"}`} type={Text.types.TEXT1}>{text}</Text>\n        </Flex>\n    );\n}\n\nexport function UserCard({ user }: { user: User }) {\n    return (\n        <Flex gap={FlexGap.XS}>\n            <Avatar\n                size={Avatar.sizes.MEDIUM}\n                type={AvatarType.TEXT}\n                backgroundColor={Avatar.colors.STEEL_DARK}\n                text={toInitials(user.name)}\n            />\n            <div className={'comment-user-name'}>\n                <Text type={Text.types.TEXT2} weight={Text.weights.BOLD}>{user.name}</Text>\n            </div>\n        </Flex>\n    );\n}\n\nfunction toInitials(fullName: string) {\n    const names = fullName.split(' ');\n\n    if (names.length === 1) {\n        return names[0].charAt(0).toUpperCase();\n    }\n\n    return `${names[0].charAt(0)}${names[names.length - 1].charAt(0)}`.toUpperCase();\n}\n\n"],"names":["Comments","_ref","comments","currentUser","onCommentSubmitted","_ref$isLabel","isLabel","label","onClickAttachment","attachmentText","messageContainerRef","useRef","useEffect","current","scrollTop","scrollHeight","_jsxs","className","children","length","_jsx","Flex","Object","assign","ref","direction","FlexDirection","COLUMN","gap","FlexGap","MEDIUM","align","FlexAlign","STRETCH","map","comment","i","_createElement","Comment","key","CommentForm","_ref2","_this","this","_ref2$isLabel","_useState","useState","_useState2","_slicedToArray","isWaiting","setIsWaiting","_useState3","_useState4","text","setText","onSubmit","useCallback","__awaiter","_regeneratorRuntime","mark","_callee","succeeded","wrap","_context","prev","next","sent","stop","gaps","SMALL","status","_Fragment","Icon","iconType","type","SVG","style","color","icon","Info","iconSize","clickable","Text","types","TEXT1","colors","SECONDARY","TextAreaField","disabled","onChange","placeholder","rows","value","isResizeable","Button","onClick","size","sizes","width","kind","kinds","TERTIARY","marginTop","transform","Attach","TEXT2","_ref3","author","commentedAt","ROW","UserCard","user","toLocaleString","concat","id","_ref4","XS","Avatar","AvatarType","TEXT","backgroundColor","STEEL_DARK","toInitials","name","weight","weights","BOLD","fullName","names","split","charAt","toUpperCase"],"mappings":"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"}
+{"version":3,"file":"Comments.js","sources":["../../../../../src/components/Comments/Comments.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport './comments.scss';\nimport Avatar from '../Avatar/Avatar';\nimport TextAreaField from '../TextAreaField/TextAreaField';\nimport Flex from '../Flex/Flex';\nimport { AvatarType } from '../Avatar';\nimport Button from '../Button/Button';\nimport { FlexAlign, FlexDirection, FlexGap } from '../Flex';\nimport Info from '../Icon/Icons/components/Info';\nimport Text from '../Text/Text';\nimport Icon from '../Icon/Icon';\n// import Attach from '../Icon/Icons/components/Attach';\n\nexport interface CommentProps {\n    text: string;\n    label?: string;\n    author: User;\n    commentedAt: Date;\n}\n\nexport interface User {\n    id: string;\n    email: string;\n    name: string;\n}\n\nexport interface CommentFormProps {\n    currentUser: User;\n    onCommentSubmitted: (text: string) => Promise<boolean>;\n    isLabel?: boolean;\n    label?: { status: \"external\" | \"internal\" };\n    // onClickAttachment?: () => void;\n}\n\nexport interface CommentsProps extends CommentFormProps {\n    comments: CommentProps[];\n}\n\n\nexport function Comments({ comments, currentUser, onCommentSubmitted, isLabel = false, label }: CommentsProps) {\n    const messageContainerRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (messageContainerRef.current) {\n            messageContainerRef.current.scrollTop = messageContainerRef.current.scrollHeight;\n        }\n    }, [comments]);\n    return (\n        <div className={'comments'}>\n            {comments.length > 0\n                ? (\n                    <Flex ref={messageContainerRef} className='message-container' direction={FlexDirection.COLUMN} gap={FlexGap.MEDIUM} justify={Flex.justify.END} align={FlexAlign.START}>\n                        {comments.map((comment, i) => <Comment {...comment} currentUser={currentUser} key={i} />)}\n                    </Flex>\n                )\n                : (\n                    <Flex className='message-container' direction={FlexDirection.COLUMN} gap={FlexGap.MEDIUM} align={FlexAlign.STRETCH} justify={Flex.justify.CENTER}>\n                        <Text align={Text.align.CENTER}>\n                            No Comments Yet.\n                        </Text>\n                    </Flex>\n                )\n            }\n            <CommentForm onCommentSubmitted={onCommentSubmitted} currentUser={currentUser} isLabel={isLabel} label={label} />\n        </div>\n    );\n}\n\nexport function CommentForm({ onCommentSubmitted, currentUser, isLabel = false, label }: CommentFormProps) {\n    const [isWaiting, setIsWaiting] = useState<boolean>(false);\n    const [text, setText] = useState<string>('');\n\n    const onSubmit = useCallback(async (text: string) => {\n        setIsWaiting(true);\n        const succeeded = await onCommentSubmitted(text);\n        setIsWaiting(false);\n\n        if (succeeded) {\n            setText('');\n        }\n    }, [onCommentSubmitted]);\n    return (\n        <Flex className={'comments-top'} direction={Flex.directions.COLUMN} justify={Flex.justify.END} align={Flex.align.STRETCH}>\n            <Flex gap={Flex.gaps.SMALL}>\n                {isLabel && label.status === \"internal\" && (\n                    <>\n                        <Icon\n                            iconType={Icon.type.SVG}\n                            style={{ color: \"#757575\" }}\n                            icon={Info}\n                            iconSize={20}\n                            clickable={false}\n                        />\n                        <Text type={Text.types.TEXT1} color={Text.colors.SECONDARY}>\n                            This is an internal conversation\n                        </Text>\n                    </>\n                )}\n                {isLabel && label.status === \"external\" && (\n                    <>\n                        <Icon\n                            iconType={Icon.type.SVG}\n                            style={{ color: \"#FF0020\" }}\n                            icon={Info}\n                            iconSize={20}\n                            clickable={false}\n                        />\n                        <Text type={Text.types.TEXT1} style={{ color: \"#BB0018\" }}>\n                            This is an external conversation\n                        </Text>\n                    </>\n                )}\n            </Flex>\n            <div className={'comments-buttons'}>\n                <TextAreaField\n                    disabled={isWaiting}\n                    onChange={setText}\n                    placeholder={'What’s on your mind...'}\n                    rows={3}\n                    value={text}\n                    isResizeable={false}\n                />\n                <Button\n                    disabled={!text || isWaiting}\n                    onClick={() => onSubmit(text)}\n                    size={Button.sizes.SMALL}\n                    style={{ width: \"100%\" }}\n                >\n                    Send\n                </Button>\n            </div>\n            {/* <Button\n                onClick={onClickAttachment}\n                size={Button.sizes.SMALL}\n                kind={Button.kinds.TERTIARY}\n                style={{ marginTop: \"var(--spacing-small)\" }}\n            >\n                <Icon iconType={Icon.type.SVG} style={{ color: \"#375D81\", transform: \"rotate(30deg)\" }} icon={Attach} iconSize={17} clickable={false} />\n                <Text type={Text.types.TEXT2} style={{ color: \"#375D81\", marginTop: \"2px\" }}>Attachment</Text>\n            </Button> */}\n        </Flex>\n    );\n}\n\nexport function Comment({ author, commentedAt, label, text, currentUser }: { currentUser: User } & CommentProps) {\n    return (\n        <Flex direction={FlexDirection.COLUMN} align={FlexAlign.STRETCH} className={'comment'}>\n            <Flex direction={FlexDirection.ROW} gap={FlexGap.SMALL} className={'comment-data'}>\n                {!!label && (\n                    <Text className={'comment-label'} type={Text.types.TEXT2}>{label}</Text>\n                )}\n                <div className={'comment-user'}>\n                    {author && <UserCard user={author} />}\n                </div>\n                <Text className={'comment-date'} color={Text.colors.SECONDARY} type={Text.types.TEXT2}>{commentedAt.toLocaleString()}</Text>\n            </Flex>\n            <Text className={`comment-text ${currentUser.id === author.id && \"comment-currentUser\"}`} type={Text.types.TEXT1}>{text}</Text>\n        </Flex>\n    );\n}\n\nexport function UserCard({ user }: { user: User }) {\n    return (\n        <Flex gap={FlexGap.XS}>\n            <Avatar\n                size={Avatar.sizes.MEDIUM}\n                type={AvatarType.TEXT}\n                backgroundColor={Avatar.colors.STEEL_DARK}\n                text={toInitials(user.name)}\n            />\n            <div className={'comment-user-name'}>\n                <Text type={Text.types.TEXT2} weight={Text.weights.BOLD}>{user.name}</Text>\n            </div>\n        </Flex>\n    );\n}\n\nfunction toInitials(fullName: string) {\n    const names = fullName.split(' ');\n\n    if (names.length === 1) {\n        return names[0].charAt(0).toUpperCase();\n    }\n\n    return `${names[0].charAt(0)}${names[names.length - 1].charAt(0)}`.toUpperCase();\n}\n\n"],"names":["Comments","_ref","comments","currentUser","onCommentSubmitted","_ref$isLabel","isLabel","label","messageContainerRef","useRef","useEffect","current","scrollTop","scrollHeight","_jsxs","Object","assign","className","_jsx","Flex","length","ref","direction","FlexDirection","COLUMN","gap","FlexGap","MEDIUM","justify","END","align","FlexAlign","START","children","map","comment","i","_createElement","Comment","key","STRETCH","CENTER","Text","CommentForm","_ref2","_this","this","_ref2$isLabel","_useState","useState","_useState2","_slicedToArray","isWaiting","setIsWaiting","_useState3","_useState4","text","setText","onSubmit","useCallback","__awaiter","_regeneratorRuntime","mark","_callee","succeeded","wrap","_context","prev","next","sent","stop","directions","gaps","SMALL","status","_Fragment","Icon","iconType","type","SVG","style","color","icon","Info","iconSize","clickable","types","TEXT1","colors","SECONDARY","TextAreaField","disabled","onChange","placeholder","rows","value","isResizeable","Button","onClick","size","sizes","width","_ref3","author","commentedAt","ROW","TEXT2","UserCard","user","toLocaleString","concat","id","_ref4","XS","Avatar","AvatarType","TEXT","backgroundColor","STEEL_DARK","toInitials","name","weight","weights","BOLD","fullName","names","split","charAt","toUpperCase"],"mappings":"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"}

package/dist/esm/src/components/Comments/comments.scss.js

@@ -1,2 +1,2 @@
-var n=".comments {\n  height: 100%;\n}\n.comments .message-container {\n  margin-bottom: var(--spacing-large);\n  max-width: 345px;\n  height: 72%;\n  overflow-y: auto;\n}\n.comments .comments-top {\n  height: 23%;\n  margin-bottom: 0 !important;\n  width: 345px !important;\n}\n.comments .comment-data {\n  margin-bottom: var(--spacing-small);\n}\n.comments .comment-buttons {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.comments .comment-user {\n  font: var(--font-text1-normal);\n}\n.comments .comment-currentUser {\n  background-color: var(--surface-level-200);\n}\n.comments .comment-label {\n  font: var(--font-text1-normal);\n}\n.comments .comment-date {\n  font: var(--font-text1-normal);\n}\n.comments .comment-text {\n  padding: 10px;\n  border-radius: 6px 0px 6px 6px;\n  margin-left: var(--spacing-xl);\n  width: fit-content;\n  max-width: 15rem;\n  white-space: normal;\n  overflow-wrap: break-word;\n}";!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-0085097a83ce_0_0_156";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".comments {\n  height: 100%;\n}\n.comments .message-container {\n  margin-bottom: var(--spacing-large);\n  max-width: 345px;\n  height: 72%;\n  overflow-y: auto;\n}\n.comments .comments-top {\n  height: 23%;\n  margin-bottom: 0 !important;\n  width: 345px !important;\n}\n.comments .comment-data {\n  margin-bottom: var(--spacing-small);\n}\n.comments .comment-buttons {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.comments .comment-user {\n  font: var(--font-text1-normal);\n}\n.comments .comment-currentUser {\n  background-color: var(--surface-level-200);\n}\n.comments .comment-label {\n  font: var(--font-text1-normal);\n}\n.comments .comment-date {\n  font: var(--font-text1-normal);\n}\n.comments .comment-text {\n  padding: 10px;\n  border-radius: 6px 0px 6px 6px;\n  margin-left: var(--spacing-xl);\n  width: fit-content;\n  max-width: 15rem;\n  white-space: normal;\n  overflow-wrap: break-word;\n}";!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-0085097a83ce_0_0_158";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=comments.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={counter:"counter_5de2ad8a15",withAnimation:"withAnimation_fa73e5eaa0",counterPopElastic:"counterPopElastic_a9882a7de6",sizeSmall:"sizeSmall_9c1673775d",sizeLarge:"sizeLarge_ae7615d45a",kindFill:"kindFill_25e48e554c",colorPrimary:"colorPrimary_bca5b2f87b",colorDark:"colorDark_460cbbe64f",colorNegative:"colorNegative_3d4e5598df",colorWarning:"colorWarning_54ddea3139",colorLight:"colorLight_546727524f",kindLine:"kindLine_ff82c0cb4e",fadeEnter:"fadeEnter_c124b5f332",fadeEnterActive:"fadeEnterActive_f8d4cabaa8",fadeExit:"fadeExit_2478e03d4e",fadeExitActive:"fadeExitActive_ea5040e5b8","counter-pop-elastic":"counter-pop-elastic_784ccbe2bd"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-7af1f4daeef9_0_0_156";if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".counter_5de2ad8a15 {\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_784ccbe2bd {\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_fa73e5eaa0 {\n  animation: counterPopElastic_a9882a7de6 var(--motion-expressive-short);\n}\n.sizeSmall_9c1673775d {\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: 14px;\n  padding: 2px;\n}\n.sizeLarge_ae7615d45a {\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_25e48e554c.colorPrimary_bca5b2f87b {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_25e48e554c.colorDark_460cbbe64f {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill_25e48e554c.colorNegative_3d4e5598df {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_25e48e554c.colorWarning_54ddea3139 {\n  background-color: var(--warning-color);\n}\n.kindFill_25e48e554c.colorLight_546727524f {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine_ff82c0cb4e {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_ff82c0cb4e.colorPrimary_bca5b2f87b {\n  color: var(--primary-color);\n}\n.kindLine_ff82c0cb4e.colorDark_460cbbe64f {\n  color: var(--surface-inverse);\n}\n.kindLine_ff82c0cb4e.colorNegative_3d4e5598df {\n  color: var(--negative-color);\n}\n.kindLine_ff82c0cb4e.colorLight_546727524f {\n  color: var(--text-primary);\n  box-shadow: 0 0 0 1px var(--surface-level-200) inset !important;\n}\n/* New number enters */\n.fadeEnter_c124b5f332 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_f8d4cabaa8 {\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_2478e03d4e {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_ea5040e5b8 {\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_bc7d08575f",withAnimation:"withAnimation_ce204c2320",counterPopElastic:"counterPopElastic_79b12a2434",sizeSmall:"sizeSmall_2611fc881a",sizeLarge:"sizeLarge_cf01561651",kindFill:"kindFill_5947f64f20",colorPrimary:"colorPrimary_9635108caf",colorDark:"colorDark_959fabe2f5",colorNegative:"colorNegative_dbfc937d43",colorWarning:"colorWarning_2a881a841e",colorLight:"colorLight_11a3db906f",kindLine:"kindLine_094845bea1",fadeEnter:"fadeEnter_7871ee6c58",fadeEnterActive:"fadeEnterActive_cc13c54091",fadeExit:"fadeExit_e21c2197cb",fadeExitActive:"fadeExitActive_5db1c65e7e","counter-pop-elastic":"counter-pop-elastic_912fd05855"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-7af1f4daeef9_0_0_158";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".counter_bc7d08575f {\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_912fd05855 {\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_ce204c2320 {\n  animation: counterPopElastic_79b12a2434 var(--motion-expressive-short);\n}\n.sizeSmall_2611fc881a {\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: 14px;\n  padding: 2px;\n}\n.sizeLarge_cf01561651 {\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_5947f64f20.colorPrimary_9635108caf {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_5947f64f20.colorDark_959fabe2f5 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill_5947f64f20.colorNegative_dbfc937d43 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_5947f64f20.colorWarning_2a881a841e {\n  background-color: var(--warning-color);\n}\n.kindFill_5947f64f20.colorLight_11a3db906f {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine_094845bea1 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_094845bea1.colorPrimary_9635108caf {\n  color: var(--primary-color);\n}\n.kindLine_094845bea1.colorDark_959fabe2f5 {\n  color: var(--surface-inverse);\n}\n.kindLine_094845bea1.colorNegative_dbfc937d43 {\n  color: var(--negative-color);\n}\n.kindLine_094845bea1.colorLight_11a3db906f {\n  color: var(--text-primary);\n  box-shadow: 0 0 0 1px var(--surface-level-200) inset !important;\n}\n/* New number enters */\n.fadeEnter_7871ee6c58 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_cc13c54091 {\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_e21c2197cb {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_5db1c65e7e {\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/esm/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={monthYearPicker:"monthYearPicker_147124dbcb",navigationWrapper:"navigationWrapper_8653f7e8f1",navigationLeft:"navigationLeft_9fe376623c",navigationRight:"navigationRight_b2aef5be8c",pickerOptions:"pickerOptions_f21a61b64c"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ae0835531883_0_0_156";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".monthYearPicker_147124dbcb {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_147124dbcb .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_147124dbcb .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_147124dbcb .navigationWrapper_8653f7e8f1 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_147124dbcb .navigationWrapper_8653f7e8f1.navigationLeft_9fe376623c {\n  left: 21px;\n}\n.monthYearPicker_147124dbcb .navigationWrapper_8653f7e8f1.navigationRight_b2aef5be8c {\n  right: 21px;\n}\n.monthYearPicker_147124dbcb .pickerOptions_f21a61b64c {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--surface-level-100);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_147124dbcb .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
+var e={monthYearPicker:"monthYearPicker_82f626e657",navigationWrapper:"navigationWrapper_6461eb4f00",navigationLeft:"navigationLeft_1cc0372652",navigationRight:"navigationRight_e4540ffb55",pickerOptions:"pickerOptions_f5da1a9eba"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ae0835531883_0_0_158";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".monthYearPicker_82f626e657 {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_82f626e657 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_82f626e657 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_82f626e657 .navigationWrapper_6461eb4f00 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_82f626e657 .navigationWrapper_6461eb4f00.navigationLeft_1cc0372652 {\n  left: 21px;\n}\n.monthYearPicker_82f626e657 .navigationWrapper_6461eb4f00.navigationRight_e4540ffb55 {\n  right: 21px;\n}\n.monthYearPicker_82f626e657 .pickerOptions_f5da1a9eba {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--surface-level-100);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_82f626e657 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

package/dist/esm/src/components/Dialog/Dialog.module.scss.js

@@ -1,2 +1,2 @@
-var e={arrow:"arrow_d1dfac7cfe"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c86e07e1dadb_0_0_156";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".arrow_d1dfac7cfe {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-level-100);\n}\n\n.arrow_d1dfac7cfe[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_d1dfac7cfe[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_d1dfac7cfe[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_d1dfac7cfe[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var e={arrow:"arrow_9fd786921a"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c86e07e1dadb_0_0_158";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".arrow_9fd786921a {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-level-100);\n}\n\n.arrow_9fd786921a[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_9fd786921a[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_9fd786921a[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_9fd786921a[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map