@heliux-org/design-system-core 0.0.158 → 0.0.160

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

@@ -1,2 +1,2 @@
-var o={button:"button_3cb7bf97ad","focus-visible":"focus-visible_035c3cde77",loader:"loader_436b41fe1b",loaderSvg:"loaderSvg_715cad770e",textPlaceholder:"textPlaceholder_6540bd20f7",success:"success_6adb908281",successContent:"successContent_37043e1005",marginRight:"marginRight_cd09cfc2fb",marginLeft:"marginLeft_fabbd66c9f",rightFlat:"rightFlat_c269692f27",leftFlat:"leftFlat_b1bfe5389a",stretched:"stretched_45aef41664",preventClickAnimation:"preventClickAnimation_670b8f5187",leftIcon:"leftIcon_cd09cfc2fb",rightIcon:"rightIcon_fabbd66c9f",sizeXxs:"sizeXxs_6d956e67af",sizeXs:"sizeXs_29f64c1ceb",sizeSmall:"sizeSmall_68e54909d0",sizeMedium:"sizeMedium_71e1a973bc",sizeLarge:"sizeLarge_caa8fbd17a",kindPrimary:"kindPrimary_477ee1d870",colorPrimary:"colorPrimary_8ae11f7dff",colorBrand:"colorBrand_54cef3298e",colorPrimaryActive:"colorPrimaryActive_1644ea61d0",colorBrandActive:"colorBrandActive_831de7bf9a",colorPositive:"colorPositive_be149c910e",colorPositiveActive:"colorPositiveActive_f0c8d0248d",colorNegative:"colorNegative_0e103d2caf",colorNegativeActive:"colorNegativeActive_f0c8d0248d",colorInverted:"colorInverted_d3512b4768",colorInvertedActive:"colorInvertedActive_f0c8d0248d",disabled:"disabled_039abf5048",colorOnPrimaryColor:"colorOnPrimaryColor_45ceaba3cc",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_aeeed299e2",colorFixedLight:"colorFixedLight_71d9301c45",colorFixedLightActive:"colorFixedLightActive_670b8f5187",colorOnInvertedBackground:"colorOnInvertedBackground_d3512b4768",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_aad2bb44ed",kindSecondary:"kindSecondary_743fda13c9",kindTertiary:"kindTertiary_ff4ab7177f",noSidePadding:"noSidePadding_0dc423e890",insetFocusStyle:"insetFocusStyle_c058948f29"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d31f50cc72b8_0_0_157";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_3cb7bf97ad {\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_3cb7bf97ad:focus-visible, .button_3cb7bf97ad.focus-visible_035c3cde77 {\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_3cb7bf97ad:focus:not(.focus-visible_035c3cde77) {\n  outline: none;\n}\n.button_3cb7bf97ad .loader_436b41fe1b {\n  height: 100%;\n}\n.button_3cb7bf97ad .loader_436b41fe1b .loaderSvg_715cad770e {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_3cb7bf97ad .textPlaceholder_6540bd20f7 {\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_3cb7bf97ad.success_6adb908281 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_3cb7bf97ad.success_6adb908281 .successContent_37043e1005 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_cd09cfc2fb {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_fabbd66c9f {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_c269692f27 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_b1bfe5389a {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.stretched_45aef41664 {\n  flex-grow: 1;\n}\n.button_3cb7bf97ad:active:not(.preventClickAnimation_670b8f5187) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_3cb7bf97ad .leftIcon_cd09cfc2fb {\n  margin-right: var(--spacing-small);\n}\n.button_3cb7bf97ad .rightIcon_fabbd66c9f {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_6d956e67af {\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_29f64c1ceb {\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_29f64c1ceb .leftIcon_cd09cfc2fb {\n  margin-right: var(--spacing-xs);\n}\n.sizeXs_29f64c1ceb .rightIcon_fabbd66c9f {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_68e54909d0 {\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_68e54909d0 .leftIcon_cd09cfc2fb {\n  margin-right: var(--spacing-xs);\n}\n.sizeSmall_68e54909d0 .rightIcon_fabbd66c9f {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_68e54909d0 .loader_436b41fe1b {\n  top: 7px;\n}\n.sizeMedium_71e1a973bc {\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_caa8fbd17a {\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_477ee1d870 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_477ee1d870.colorPrimary_8ae11f7dff {\n  background: var(--primary-color);\n}\n.kindPrimary_477ee1d870.colorBrand_54cef3298e {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_477ee1d870.colorPrimaryActive_1644ea61d0,\n.kindPrimary_477ee1d870.colorPrimary_8ae11f7dff:hover,\n.kindPrimary_477ee1d870.colorPrimary_8ae11f7dff:focus {\n  background: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n.kindPrimary_477ee1d870.colorBrandActive_831de7bf9a,\n.kindPrimary_477ee1d870.colorBrand_54cef3298e:hover,\n.kindPrimary_477ee1d870.colorBrand_54cef3298e:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_477ee1d870.colorPositive_be149c910e {\n  background: var(--positive-color);\n}\n.kindPrimary_477ee1d870.colorPositiveActive_f0c8d0248d,\n.kindPrimary_477ee1d870.colorPositive_be149c910e:hover,\n.kindPrimary_477ee1d870.colorPositive_be149c910e:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_477ee1d870.colorNegative_0e103d2caf {\n  background: var(--negative-color);\n}\n.kindPrimary_477ee1d870.colorNegativeActive_f0c8d0248d,\n.kindPrimary_477ee1d870.colorNegative_0e103d2caf:hover,\n.kindPrimary_477ee1d870.colorNegative_0e103d2caf:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_477ee1d870.colorInverted_d3512b4768 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_477ee1d870.colorInvertedActive_f0c8d0248d,\n.kindPrimary_477ee1d870.colorInverted_d3512b4768:hover,\n.kindPrimary_477ee1d870.colorInverted_d3512b4768:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_477ee1d870.button_3cb7bf97ad.colorInverted_d3512b4768.disabled_039abf5048 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_477ee1d870.colorOnPrimaryColor_45ceaba3cc {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_477ee1d870.colorOnPrimaryColorActive_aeeed299e2,\n.kindPrimary_477ee1d870.colorOnPrimaryColor_45ceaba3cc:hover,\n.kindPrimary_477ee1d870.colorOnPrimaryColor_45ceaba3cc:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_477ee1d870.colorOnPrimaryColorActive_aeeed299e2:focus-visible, .kindPrimary_477ee1d870.colorOnPrimaryColorActive_aeeed299e2.focus-visible_035c3cde77,\n.kindPrimary_477ee1d870.colorOnPrimaryColor_45ceaba3cc:hover:focus-visible,\n.kindPrimary_477ee1d870.colorOnPrimaryColor_45ceaba3cc:hover.focus-visible_035c3cde77,\n.kindPrimary_477ee1d870.colorOnPrimaryColor_45ceaba3cc:focus:focus-visible,\n.kindPrimary_477ee1d870.colorOnPrimaryColor_45ceaba3cc:focus.focus-visible_035c3cde77 {\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_477ee1d870.colorOnPrimaryColorActive_aeeed299e2:focus:not(.focus-visible_035c3cde77),\n.kindPrimary_477ee1d870.colorOnPrimaryColor_45ceaba3cc:hover:focus:not(.focus-visible_035c3cde77),\n.kindPrimary_477ee1d870.colorOnPrimaryColor_45ceaba3cc:focus:focus:not(.focus-visible_035c3cde77) {\n  outline: none;\n}\n.kindPrimary_477ee1d870.colorOnPrimaryColor_45ceaba3cc.disabled_039abf5048 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_477ee1d870.colorFixedLight_71d9301c45 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_477ee1d870.colorFixedLightActive_670b8f5187,\n.kindPrimary_477ee1d870.colorFixedLight_71d9301c45:hover,\n.kindPrimary_477ee1d870.colorFixedLight_71d9301c45:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_477ee1d870.colorFixedLightActive_670b8f5187:focus-visible, .kindPrimary_477ee1d870.colorFixedLightActive_670b8f5187.focus-visible_035c3cde77,\n.kindPrimary_477ee1d870.colorFixedLight_71d9301c45:hover:focus-visible,\n.kindPrimary_477ee1d870.colorFixedLight_71d9301c45:hover.focus-visible_035c3cde77,\n.kindPrimary_477ee1d870.colorFixedLight_71d9301c45:focus:focus-visible,\n.kindPrimary_477ee1d870.colorFixedLight_71d9301c45:focus.focus-visible_035c3cde77 {\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_477ee1d870.colorFixedLightActive_670b8f5187:focus:not(.focus-visible_035c3cde77),\n.kindPrimary_477ee1d870.colorFixedLight_71d9301c45:hover:focus:not(.focus-visible_035c3cde77),\n.kindPrimary_477ee1d870.colorFixedLight_71d9301c45:focus:focus:not(.focus-visible_035c3cde77) {\n  outline: none;\n}\n.kindPrimary_477ee1d870.colorFixedLight_71d9301c45.disabled_039abf5048 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_477ee1d870.colorOnInvertedBackground_d3512b4768 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_477ee1d870.colorOnInvertedBackgroundActive_aad2bb44ed,\n.kindPrimary_477ee1d870.colorOnInvertedBackground_d3512b4768:hover,\n.kindPrimary_477ee1d870.colorOnInvertedBackground_d3512b4768:focus {\n  background: var(--surface-level-100);\n  color: var(--text-primary);\n}\n.kindPrimary_477ee1d870.button_3cb7bf97ad.colorOnInvertedBackground_d3512b4768.disabled_039abf5048 {\n  background: var(--surface-inverse);\n  color: var(--text-secondary);\n  opacity: 0.5;\n}\n.kindPrimary_477ee1d870.button_3cb7bf97ad.disabled_039abf5048 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_743fda13c9 {\n  border: 1px solid;\n  border-color: transparent;\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindSecondary_743fda13c9.sizeSmall_68e54909d0 {\n  line-height: 22px;\n}\n.kindSecondary_743fda13c9.sizeMedium_71e1a973bc {\n  line-height: 22px;\n}\n.kindSecondary_743fda13c9.sizeLarge_caa8fbd17a {\n  line-height: 22px;\n}\n.kindSecondary_743fda13c9.colorPrimaryActive_1644ea61d0,\n.kindSecondary_743fda13c9.colorPrimaryActive_1644ea61d0:hover {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n.kindSecondary_743fda13c9.colorBrandActive_831de7bf9a {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_743fda13c9.colorBrandActive_831de7bf9a,\n.kindSecondary_743fda13c9.colorBrandActive_831de7bf9a:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_743fda13c9.colorPrimary_8ae11f7dff:hover:not(.colorPrimaryActive_1644ea61d0),\n.kindSecondary_743fda13c9.colorPrimary_8ae11f7dff:focus:not(.colorPrimaryActive_1644ea61d0) {\n  background: var(--surface-level-300);\n  box-shadow: var(--effect-divider-halo);\n  border: 1px solid var(--divider-selected);\n}\n.kindSecondary_743fda13c9.colorBrand_54cef3298e:hover:not(.colorBrandActive_831de7bf9a),\n.kindSecondary_743fda13c9.colorBrand_54cef3298e:focus:not(.colorBrandActive_831de7bf9a) {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_743fda13c9.colorPositive_be149c910e {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_743fda13c9.colorPositiveActive_f0c8d0248d,\n.kindSecondary_743fda13c9.colorPositive_be149c910e:hover,\n.kindSecondary_743fda13c9.colorPositive_be149c910e:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_743fda13c9.colorNegative_0e103d2caf {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_743fda13c9.colorNegativeActive_f0c8d0248d,\n.kindSecondary_743fda13c9.colorNegative_0e103d2caf:hover,\n.kindSecondary_743fda13c9.colorNegative_0e103d2caf:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_743fda13c9.colorInverted_d3512b4768 {\n  color: var(--text-primary);\n  border-color: var(--text-primary);\n}\n.kindSecondary_743fda13c9.colorInvertedActive_f0c8d0248d,\n.kindSecondary_743fda13c9.colorInverted_d3512b4768:hover,\n.kindSecondary_743fda13c9.colorInverted_d3512b4768:focus {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_743fda13c9.colorInverted_d3512b4768.disabled_039abf5048 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_743fda13c9.colorOnPrimaryColor_45ceaba3cc {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_743fda13c9.colorOnPrimaryColorActive_aeeed299e2,\n.kindSecondary_743fda13c9.colorOnPrimaryColor_45ceaba3cc:hover,\n.kindSecondary_743fda13c9.colorOnPrimaryColor_45ceaba3cc:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_743fda13c9.colorOnPrimaryColorActive_aeeed299e2:focus-visible, .kindSecondary_743fda13c9.colorOnPrimaryColorActive_aeeed299e2.focus-visible_035c3cde77,\n.kindSecondary_743fda13c9.colorOnPrimaryColor_45ceaba3cc:hover:focus-visible,\n.kindSecondary_743fda13c9.colorOnPrimaryColor_45ceaba3cc:hover.focus-visible_035c3cde77,\n.kindSecondary_743fda13c9.colorOnPrimaryColor_45ceaba3cc:focus:focus-visible,\n.kindSecondary_743fda13c9.colorOnPrimaryColor_45ceaba3cc:focus.focus-visible_035c3cde77 {\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_743fda13c9.colorOnPrimaryColorActive_aeeed299e2:focus:not(.focus-visible_035c3cde77),\n.kindSecondary_743fda13c9.colorOnPrimaryColor_45ceaba3cc:hover:focus:not(.focus-visible_035c3cde77),\n.kindSecondary_743fda13c9.colorOnPrimaryColor_45ceaba3cc:focus:focus:not(.focus-visible_035c3cde77) {\n  outline: none;\n}\n.kindSecondary_743fda13c9.colorOnPrimaryColor_45ceaba3cc.disabled_039abf5048 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_743fda13c9.colorFixedLight_71d9301c45 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_743fda13c9.colorFixedLightActive_670b8f5187,\n.kindSecondary_743fda13c9.colorFixedLight_71d9301c45:hover,\n.kindSecondary_743fda13c9.colorFixedLight_71d9301c45:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_743fda13c9.colorFixedLightActive_670b8f5187:focus-visible, .kindSecondary_743fda13c9.colorFixedLightActive_670b8f5187.focus-visible_035c3cde77,\n.kindSecondary_743fda13c9.colorFixedLight_71d9301c45:hover:focus-visible,\n.kindSecondary_743fda13c9.colorFixedLight_71d9301c45:hover.focus-visible_035c3cde77,\n.kindSecondary_743fda13c9.colorFixedLight_71d9301c45:focus:focus-visible,\n.kindSecondary_743fda13c9.colorFixedLight_71d9301c45:focus.focus-visible_035c3cde77 {\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_743fda13c9.colorFixedLightActive_670b8f5187:focus:not(.focus-visible_035c3cde77),\n.kindSecondary_743fda13c9.colorFixedLight_71d9301c45:hover:focus:not(.focus-visible_035c3cde77),\n.kindSecondary_743fda13c9.colorFixedLight_71d9301c45:focus:focus:not(.focus-visible_035c3cde77) {\n  outline: none;\n}\n.kindSecondary_743fda13c9.colorOnInvertedBackground_d3512b4768 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_743fda13c9.colorOnInvertedBackgroundActive_aad2bb44ed,\n.kindSecondary_743fda13c9.colorOnInvertedBackground_d3512b4768:hover,\n.kindSecondary_743fda13c9.colorOnInvertedBackground_d3512b4768:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_743fda13c9.colorOnInvertedBackground_d3512b4768.disabled_039abf5048 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_743fda13c9.colorFixedLight_71d9301c45.disabled_039abf5048 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_743fda13c9.disabled_039abf5048 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_743fda13c9.disabled_039abf5048:hover {\n  background-color: transparent;\n}\n.kindTertiary_ff4ab7177f {\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.kindTertiary_ff4ab7177f.colorPrimaryActive_1644ea61d0,\n.kindTertiary_ff4ab7177f.colorPrimaryActive_1644ea61d0:hover {\n  background-color: var(--surface-selected);\n}\n.kindTertiary_ff4ab7177f.colorBrandActive_831de7bf9a {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_ff4ab7177f.colorBrandActive_831de7bf9a,\n.kindTertiary_ff4ab7177f.colorBrandActive_831de7bf9a:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_ff4ab7177f.colorPrimary_8ae11f7dff:hover:not(.colorPrimaryActive_1644ea61d0),\n.kindTertiary_ff4ab7177f.colorPrimary_8ae11f7dff:focus:not(.colorPrimaryActive_1644ea61d0) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_ff4ab7177f.colorBrand_54cef3298e:hover:not(.colorBrandActive_831de7bf9a),\n.kindTertiary_ff4ab7177f.colorBrand_54cef3298e:focus:not(.colorBrandActive_831de7bf9a) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_ff4ab7177f.colorPositive_be149c910e {\n  color: var(--positive-color);\n}\n.kindTertiary_ff4ab7177f.colorPositiveActive_f0c8d0248d,\n.kindTertiary_ff4ab7177f.colorPositive_be149c910e:hover,\n.kindTertiary_ff4ab7177f.colorPositive_be149c910e:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_ff4ab7177f.colorNegative_0e103d2caf {\n  color: var(--negative-color);\n}\n.kindTertiary_ff4ab7177f.colorNegativeActive_f0c8d0248d,\n.kindTertiary_ff4ab7177f.colorNegative_0e103d2caf:hover,\n.kindTertiary_ff4ab7177f.colorNegative_0e103d2caf:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_ff4ab7177f.colorInverted_d3512b4768 {\n  color: var(--text-primary);\n}\n.kindTertiary_ff4ab7177f.colorInvertedActive_f0c8d0248d,\n.kindTertiary_ff4ab7177f.colorInverted_d3512b4768:hover,\n.kindTertiary_ff4ab7177f.colorInverted_d3512b4768:focus {\n  background: var(--surface-level-200);\n}\n.kindTertiary_ff4ab7177f.colorInverted_d3512b4768.disabled_039abf5048 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_ff4ab7177f.colorOnPrimaryColor_45ceaba3cc {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_ff4ab7177f.colorOnPrimaryColorActive_aeeed299e2,\n.kindTertiary_ff4ab7177f.colorOnPrimaryColor_45ceaba3cc:hover,\n.kindTertiary_ff4ab7177f.colorOnPrimaryColor_45ceaba3cc:focus {\n  backdrop-filter: brightness(85%);\n  background: var(--icon-color);\n}\n.kindTertiary_ff4ab7177f.colorOnPrimaryColorActive_aeeed299e2:focus-visible, .kindTertiary_ff4ab7177f.colorOnPrimaryColorActive_aeeed299e2.focus-visible_035c3cde77,\n.kindTertiary_ff4ab7177f.colorOnPrimaryColor_45ceaba3cc:hover:focus-visible,\n.kindTertiary_ff4ab7177f.colorOnPrimaryColor_45ceaba3cc:hover.focus-visible_035c3cde77,\n.kindTertiary_ff4ab7177f.colorOnPrimaryColor_45ceaba3cc:focus:focus-visible,\n.kindTertiary_ff4ab7177f.colorOnPrimaryColor_45ceaba3cc:focus.focus-visible_035c3cde77 {\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_ff4ab7177f.colorOnPrimaryColorActive_aeeed299e2:focus:not(.focus-visible_035c3cde77),\n.kindTertiary_ff4ab7177f.colorOnPrimaryColor_45ceaba3cc:hover:focus:not(.focus-visible_035c3cde77),\n.kindTertiary_ff4ab7177f.colorOnPrimaryColor_45ceaba3cc:focus:focus:not(.focus-visible_035c3cde77) {\n  outline: none;\n}\n.kindTertiary_ff4ab7177f.colorOnInvertedBackground_d3512b4768.disabled_039abf5048 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_ff4ab7177f.colorOnPrimaryColor_45ceaba3cc.disabled_039abf5048 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_ff4ab7177f.colorFixedLight_71d9301c45 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_ff4ab7177f.colorFixedLightActive_670b8f5187,\n.kindTertiary_ff4ab7177f.colorFixedLight_71d9301c45:hover,\n.kindTertiary_ff4ab7177f.colorFixedLight_71d9301c45:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_ff4ab7177f.colorFixedLightActive_670b8f5187:focus-visible, .kindTertiary_ff4ab7177f.colorFixedLightActive_670b8f5187.focus-visible_035c3cde77,\n.kindTertiary_ff4ab7177f.colorFixedLight_71d9301c45:hover:focus-visible,\n.kindTertiary_ff4ab7177f.colorFixedLight_71d9301c45:hover.focus-visible_035c3cde77,\n.kindTertiary_ff4ab7177f.colorFixedLight_71d9301c45:focus:focus-visible,\n.kindTertiary_ff4ab7177f.colorFixedLight_71d9301c45:focus.focus-visible_035c3cde77 {\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_ff4ab7177f.colorFixedLightActive_670b8f5187:focus:not(.focus-visible_035c3cde77),\n.kindTertiary_ff4ab7177f.colorFixedLight_71d9301c45:hover:focus:not(.focus-visible_035c3cde77),\n.kindTertiary_ff4ab7177f.colorFixedLight_71d9301c45:focus:focus:not(.focus-visible_035c3cde77) {\n  outline: none;\n}\n.kindTertiary_ff4ab7177f.colorFixedLight_71d9301c45.disabled_039abf5048 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_ff4ab7177f.colorOnInvertedBackground_d3512b4768 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_ff4ab7177f.colorOnInvertedBackgroundActive_aad2bb44ed,\n.kindTertiary_ff4ab7177f.colorOnInvertedBackground_d3512b4768:hover,\n.kindTertiary_ff4ab7177f.colorOnInvertedBackground_d3512b4768:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_ff4ab7177f.disabled_039abf5048 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_ff4ab7177f.disabled_039abf5048:hover {\n  background-color: transparent;\n}\n.noSidePadding_0dc423e890 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_3cb7bf97ad.insetFocusStyle_c058948f29:focus-visible, .button_3cb7bf97ad.insetFocusStyle_c058948f29.focus-visible_035c3cde77 {\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_3cb7bf97ad.insetFocusStyle_c058948f29:focus:not(.focus-visible_035c3cde77) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_565545311c","focus-visible":"focus-visible_dee80aba9e",loader:"loader_0abd4e0479",loaderSvg:"loaderSvg_dc70ec9ae6",textPlaceholder:"textPlaceholder_3aefe59686",success:"success_aa11341bca",successContent:"successContent_148a1444bf",marginRight:"marginRight_630727ab32",marginLeft:"marginLeft_47b3c2c7c9",rightFlat:"rightFlat_2d6ac4a108",leftFlat:"leftFlat_dc29b092e9",stretched:"stretched_cff1d70132",preventClickAnimation:"preventClickAnimation_3f56c7dce7",leftIcon:"leftIcon_630727ab32",rightIcon:"rightIcon_47b3c2c7c9",sizeXxs:"sizeXxs_c9cca60dd2",sizeXs:"sizeXs_f957761f2e",sizeSmall:"sizeSmall_d82f55ba6f",sizeMedium:"sizeMedium_2fea635a3f",sizeLarge:"sizeLarge_28d3f15383",kindPrimary:"kindPrimary_802e7b7078",colorPrimary:"colorPrimary_dfa3a2df8b",colorBrand:"colorBrand_1611522ca6",colorPrimaryActive:"colorPrimaryActive_ed1f78b4df",colorBrandActive:"colorBrandActive_8f9c3ea497",colorPositive:"colorPositive_d385291b0b",colorPositiveActive:"colorPositiveActive_2ab70f8711",colorNegative:"colorNegative_d764affd9c",colorNegativeActive:"colorNegativeActive_2ab70f8711",colorInverted:"colorInverted_08b0490f5e",colorInvertedActive:"colorInvertedActive_2ab70f8711",disabled:"disabled_3c8dab3831",colorOnPrimaryColor:"colorOnPrimaryColor_b6919cb5be",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_c5183183a7",colorFixedLight:"colorFixedLight_06780ca5bd",colorFixedLightActive:"colorFixedLightActive_3f56c7dce7",colorOnInvertedBackground:"colorOnInvertedBackground_08b0490f5e",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_8099f21813",kindSecondary:"kindSecondary_b5ac51d639",kindTertiary:"kindTertiary_f449c577f6",noSidePadding:"noSidePadding_886478f351",insetFocusStyle:"insetFocusStyle_bea55cc686"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d31f50cc72b8_0_0_159";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_565545311c {\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_565545311c:focus-visible, .button_565545311c.focus-visible_dee80aba9e {\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_565545311c:focus:not(.focus-visible_dee80aba9e) {\n  outline: none;\n}\n.button_565545311c .loader_0abd4e0479 {\n  height: 100%;\n}\n.button_565545311c .loader_0abd4e0479 .loaderSvg_dc70ec9ae6 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_565545311c .textPlaceholder_3aefe59686 {\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_565545311c.success_aa11341bca {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_565545311c.success_aa11341bca .successContent_148a1444bf {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_630727ab32 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_47b3c2c7c9 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_2d6ac4a108 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_dc29b092e9 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.stretched_cff1d70132 {\n  flex-grow: 1;\n}\n.button_565545311c:active:not(.preventClickAnimation_3f56c7dce7) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_565545311c .leftIcon_630727ab32 {\n  margin-right: var(--spacing-small);\n}\n.button_565545311c .rightIcon_47b3c2c7c9 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_c9cca60dd2 {\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_f957761f2e {\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_f957761f2e .leftIcon_630727ab32 {\n  margin-right: var(--spacing-xs);\n}\n.sizeXs_f957761f2e .rightIcon_47b3c2c7c9 {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_d82f55ba6f {\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_d82f55ba6f .leftIcon_630727ab32 {\n  margin-right: var(--spacing-xs);\n}\n.sizeSmall_d82f55ba6f .rightIcon_47b3c2c7c9 {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_d82f55ba6f .loader_0abd4e0479 {\n  top: 7px;\n}\n.sizeMedium_2fea635a3f {\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_28d3f15383 {\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_802e7b7078 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_802e7b7078.colorPrimary_dfa3a2df8b {\n  background: var(--primary-color);\n}\n.kindPrimary_802e7b7078.colorBrand_1611522ca6 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_802e7b7078.colorPrimaryActive_ed1f78b4df,\n.kindPrimary_802e7b7078.colorPrimary_dfa3a2df8b:hover,\n.kindPrimary_802e7b7078.colorPrimary_dfa3a2df8b:focus {\n  background: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n.kindPrimary_802e7b7078.colorBrandActive_8f9c3ea497,\n.kindPrimary_802e7b7078.colorBrand_1611522ca6:hover,\n.kindPrimary_802e7b7078.colorBrand_1611522ca6:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_802e7b7078.colorPositive_d385291b0b {\n  background: var(--positive-color);\n}\n.kindPrimary_802e7b7078.colorPositiveActive_2ab70f8711,\n.kindPrimary_802e7b7078.colorPositive_d385291b0b:hover,\n.kindPrimary_802e7b7078.colorPositive_d385291b0b:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_802e7b7078.colorNegative_d764affd9c {\n  background: var(--negative-color);\n}\n.kindPrimary_802e7b7078.colorNegativeActive_2ab70f8711,\n.kindPrimary_802e7b7078.colorNegative_d764affd9c:hover,\n.kindPrimary_802e7b7078.colorNegative_d764affd9c:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_802e7b7078.colorInverted_08b0490f5e {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_802e7b7078.colorInvertedActive_2ab70f8711,\n.kindPrimary_802e7b7078.colorInverted_08b0490f5e:hover,\n.kindPrimary_802e7b7078.colorInverted_08b0490f5e:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_802e7b7078.button_565545311c.colorInverted_08b0490f5e.disabled_3c8dab3831 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_802e7b7078.colorOnPrimaryColor_b6919cb5be {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_802e7b7078.colorOnPrimaryColorActive_c5183183a7,\n.kindPrimary_802e7b7078.colorOnPrimaryColor_b6919cb5be:hover,\n.kindPrimary_802e7b7078.colorOnPrimaryColor_b6919cb5be:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_802e7b7078.colorOnPrimaryColorActive_c5183183a7:focus-visible, .kindPrimary_802e7b7078.colorOnPrimaryColorActive_c5183183a7.focus-visible_dee80aba9e,\n.kindPrimary_802e7b7078.colorOnPrimaryColor_b6919cb5be:hover:focus-visible,\n.kindPrimary_802e7b7078.colorOnPrimaryColor_b6919cb5be:hover.focus-visible_dee80aba9e,\n.kindPrimary_802e7b7078.colorOnPrimaryColor_b6919cb5be:focus:focus-visible,\n.kindPrimary_802e7b7078.colorOnPrimaryColor_b6919cb5be:focus.focus-visible_dee80aba9e {\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_802e7b7078.colorOnPrimaryColorActive_c5183183a7:focus:not(.focus-visible_dee80aba9e),\n.kindPrimary_802e7b7078.colorOnPrimaryColor_b6919cb5be:hover:focus:not(.focus-visible_dee80aba9e),\n.kindPrimary_802e7b7078.colorOnPrimaryColor_b6919cb5be:focus:focus:not(.focus-visible_dee80aba9e) {\n  outline: none;\n}\n.kindPrimary_802e7b7078.colorOnPrimaryColor_b6919cb5be.disabled_3c8dab3831 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_802e7b7078.colorFixedLight_06780ca5bd {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_802e7b7078.colorFixedLightActive_3f56c7dce7,\n.kindPrimary_802e7b7078.colorFixedLight_06780ca5bd:hover,\n.kindPrimary_802e7b7078.colorFixedLight_06780ca5bd:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_802e7b7078.colorFixedLightActive_3f56c7dce7:focus-visible, .kindPrimary_802e7b7078.colorFixedLightActive_3f56c7dce7.focus-visible_dee80aba9e,\n.kindPrimary_802e7b7078.colorFixedLight_06780ca5bd:hover:focus-visible,\n.kindPrimary_802e7b7078.colorFixedLight_06780ca5bd:hover.focus-visible_dee80aba9e,\n.kindPrimary_802e7b7078.colorFixedLight_06780ca5bd:focus:focus-visible,\n.kindPrimary_802e7b7078.colorFixedLight_06780ca5bd:focus.focus-visible_dee80aba9e {\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_802e7b7078.colorFixedLightActive_3f56c7dce7:focus:not(.focus-visible_dee80aba9e),\n.kindPrimary_802e7b7078.colorFixedLight_06780ca5bd:hover:focus:not(.focus-visible_dee80aba9e),\n.kindPrimary_802e7b7078.colorFixedLight_06780ca5bd:focus:focus:not(.focus-visible_dee80aba9e) {\n  outline: none;\n}\n.kindPrimary_802e7b7078.colorFixedLight_06780ca5bd.disabled_3c8dab3831 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_802e7b7078.colorOnInvertedBackground_08b0490f5e {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_802e7b7078.colorOnInvertedBackgroundActive_8099f21813,\n.kindPrimary_802e7b7078.colorOnInvertedBackground_08b0490f5e:hover,\n.kindPrimary_802e7b7078.colorOnInvertedBackground_08b0490f5e:focus {\n  background: var(--surface-level-100);\n  color: var(--text-primary);\n}\n.kindPrimary_802e7b7078.button_565545311c.colorOnInvertedBackground_08b0490f5e.disabled_3c8dab3831 {\n  background: var(--surface-inverse);\n  color: var(--text-secondary);\n  opacity: 0.5;\n}\n.kindPrimary_802e7b7078.button_565545311c.disabled_3c8dab3831 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_b5ac51d639 {\n  border: 1px solid;\n  border-color: transparent;\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindSecondary_b5ac51d639.sizeSmall_d82f55ba6f {\n  line-height: 22px;\n}\n.kindSecondary_b5ac51d639.sizeMedium_2fea635a3f {\n  line-height: 22px;\n}\n.kindSecondary_b5ac51d639.sizeLarge_28d3f15383 {\n  line-height: 22px;\n}\n.kindSecondary_b5ac51d639.colorPrimaryActive_ed1f78b4df,\n.kindSecondary_b5ac51d639.colorPrimaryActive_ed1f78b4df:hover {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n.kindSecondary_b5ac51d639.colorBrandActive_8f9c3ea497 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_b5ac51d639.colorBrandActive_8f9c3ea497,\n.kindSecondary_b5ac51d639.colorBrandActive_8f9c3ea497:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_b5ac51d639.colorPrimary_dfa3a2df8b:hover:not(.colorPrimaryActive_ed1f78b4df),\n.kindSecondary_b5ac51d639.colorPrimary_dfa3a2df8b:focus:not(.colorPrimaryActive_ed1f78b4df) {\n  background: var(--surface-level-300);\n  box-shadow: var(--effect-divider-halo);\n  border: 1px solid var(--divider-selected);\n}\n.kindSecondary_b5ac51d639.colorBrand_1611522ca6:hover:not(.colorBrandActive_8f9c3ea497),\n.kindSecondary_b5ac51d639.colorBrand_1611522ca6:focus:not(.colorBrandActive_8f9c3ea497) {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_b5ac51d639.colorPositive_d385291b0b {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_b5ac51d639.colorPositiveActive_2ab70f8711,\n.kindSecondary_b5ac51d639.colorPositive_d385291b0b:hover,\n.kindSecondary_b5ac51d639.colorPositive_d385291b0b:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_b5ac51d639.colorNegative_d764affd9c {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_b5ac51d639.colorNegativeActive_2ab70f8711,\n.kindSecondary_b5ac51d639.colorNegative_d764affd9c:hover,\n.kindSecondary_b5ac51d639.colorNegative_d764affd9c:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_b5ac51d639.colorInverted_08b0490f5e {\n  color: var(--text-primary);\n  border-color: var(--text-primary);\n}\n.kindSecondary_b5ac51d639.colorInvertedActive_2ab70f8711,\n.kindSecondary_b5ac51d639.colorInverted_08b0490f5e:hover,\n.kindSecondary_b5ac51d639.colorInverted_08b0490f5e:focus {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_b5ac51d639.colorInverted_08b0490f5e.disabled_3c8dab3831 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_b5ac51d639.colorOnPrimaryColor_b6919cb5be {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_b5ac51d639.colorOnPrimaryColorActive_c5183183a7,\n.kindSecondary_b5ac51d639.colorOnPrimaryColor_b6919cb5be:hover,\n.kindSecondary_b5ac51d639.colorOnPrimaryColor_b6919cb5be:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_b5ac51d639.colorOnPrimaryColorActive_c5183183a7:focus-visible, .kindSecondary_b5ac51d639.colorOnPrimaryColorActive_c5183183a7.focus-visible_dee80aba9e,\n.kindSecondary_b5ac51d639.colorOnPrimaryColor_b6919cb5be:hover:focus-visible,\n.kindSecondary_b5ac51d639.colorOnPrimaryColor_b6919cb5be:hover.focus-visible_dee80aba9e,\n.kindSecondary_b5ac51d639.colorOnPrimaryColor_b6919cb5be:focus:focus-visible,\n.kindSecondary_b5ac51d639.colorOnPrimaryColor_b6919cb5be:focus.focus-visible_dee80aba9e {\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_b5ac51d639.colorOnPrimaryColorActive_c5183183a7:focus:not(.focus-visible_dee80aba9e),\n.kindSecondary_b5ac51d639.colorOnPrimaryColor_b6919cb5be:hover:focus:not(.focus-visible_dee80aba9e),\n.kindSecondary_b5ac51d639.colorOnPrimaryColor_b6919cb5be:focus:focus:not(.focus-visible_dee80aba9e) {\n  outline: none;\n}\n.kindSecondary_b5ac51d639.colorOnPrimaryColor_b6919cb5be.disabled_3c8dab3831 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_b5ac51d639.colorFixedLight_06780ca5bd {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_b5ac51d639.colorFixedLightActive_3f56c7dce7,\n.kindSecondary_b5ac51d639.colorFixedLight_06780ca5bd:hover,\n.kindSecondary_b5ac51d639.colorFixedLight_06780ca5bd:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_b5ac51d639.colorFixedLightActive_3f56c7dce7:focus-visible, .kindSecondary_b5ac51d639.colorFixedLightActive_3f56c7dce7.focus-visible_dee80aba9e,\n.kindSecondary_b5ac51d639.colorFixedLight_06780ca5bd:hover:focus-visible,\n.kindSecondary_b5ac51d639.colorFixedLight_06780ca5bd:hover.focus-visible_dee80aba9e,\n.kindSecondary_b5ac51d639.colorFixedLight_06780ca5bd:focus:focus-visible,\n.kindSecondary_b5ac51d639.colorFixedLight_06780ca5bd:focus.focus-visible_dee80aba9e {\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_b5ac51d639.colorFixedLightActive_3f56c7dce7:focus:not(.focus-visible_dee80aba9e),\n.kindSecondary_b5ac51d639.colorFixedLight_06780ca5bd:hover:focus:not(.focus-visible_dee80aba9e),\n.kindSecondary_b5ac51d639.colorFixedLight_06780ca5bd:focus:focus:not(.focus-visible_dee80aba9e) {\n  outline: none;\n}\n.kindSecondary_b5ac51d639.colorOnInvertedBackground_08b0490f5e {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_b5ac51d639.colorOnInvertedBackgroundActive_8099f21813,\n.kindSecondary_b5ac51d639.colorOnInvertedBackground_08b0490f5e:hover,\n.kindSecondary_b5ac51d639.colorOnInvertedBackground_08b0490f5e:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_b5ac51d639.colorOnInvertedBackground_08b0490f5e.disabled_3c8dab3831 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_b5ac51d639.colorFixedLight_06780ca5bd.disabled_3c8dab3831 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_b5ac51d639.disabled_3c8dab3831 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_b5ac51d639.disabled_3c8dab3831:hover {\n  background-color: transparent;\n}\n.kindTertiary_f449c577f6 {\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.kindTertiary_f449c577f6.colorPrimaryActive_ed1f78b4df,\n.kindTertiary_f449c577f6.colorPrimaryActive_ed1f78b4df:hover {\n  background-color: var(--surface-selected);\n}\n.kindTertiary_f449c577f6.colorBrandActive_8f9c3ea497 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_f449c577f6.colorBrandActive_8f9c3ea497,\n.kindTertiary_f449c577f6.colorBrandActive_8f9c3ea497:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_f449c577f6.colorPrimary_dfa3a2df8b:hover:not(.colorPrimaryActive_ed1f78b4df),\n.kindTertiary_f449c577f6.colorPrimary_dfa3a2df8b:focus:not(.colorPrimaryActive_ed1f78b4df) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_f449c577f6.colorBrand_1611522ca6:hover:not(.colorBrandActive_8f9c3ea497),\n.kindTertiary_f449c577f6.colorBrand_1611522ca6:focus:not(.colorBrandActive_8f9c3ea497) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_f449c577f6.colorPositive_d385291b0b {\n  color: var(--positive-color);\n}\n.kindTertiary_f449c577f6.colorPositiveActive_2ab70f8711,\n.kindTertiary_f449c577f6.colorPositive_d385291b0b:hover,\n.kindTertiary_f449c577f6.colorPositive_d385291b0b:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_f449c577f6.colorNegative_d764affd9c {\n  color: var(--negative-color);\n}\n.kindTertiary_f449c577f6.colorNegativeActive_2ab70f8711,\n.kindTertiary_f449c577f6.colorNegative_d764affd9c:hover,\n.kindTertiary_f449c577f6.colorNegative_d764affd9c:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_f449c577f6.colorInverted_08b0490f5e {\n  color: var(--text-primary);\n}\n.kindTertiary_f449c577f6.colorInvertedActive_2ab70f8711,\n.kindTertiary_f449c577f6.colorInverted_08b0490f5e:hover,\n.kindTertiary_f449c577f6.colorInverted_08b0490f5e:focus {\n  background: var(--surface-level-200);\n}\n.kindTertiary_f449c577f6.colorInverted_08b0490f5e.disabled_3c8dab3831 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_f449c577f6.colorOnPrimaryColor_b6919cb5be {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f449c577f6.colorOnPrimaryColorActive_c5183183a7,\n.kindTertiary_f449c577f6.colorOnPrimaryColor_b6919cb5be:hover,\n.kindTertiary_f449c577f6.colorOnPrimaryColor_b6919cb5be:focus {\n  backdrop-filter: brightness(85%);\n  background: var(--icon-color);\n}\n.kindTertiary_f449c577f6.colorOnPrimaryColorActive_c5183183a7:focus-visible, .kindTertiary_f449c577f6.colorOnPrimaryColorActive_c5183183a7.focus-visible_dee80aba9e,\n.kindTertiary_f449c577f6.colorOnPrimaryColor_b6919cb5be:hover:focus-visible,\n.kindTertiary_f449c577f6.colorOnPrimaryColor_b6919cb5be:hover.focus-visible_dee80aba9e,\n.kindTertiary_f449c577f6.colorOnPrimaryColor_b6919cb5be:focus:focus-visible,\n.kindTertiary_f449c577f6.colorOnPrimaryColor_b6919cb5be:focus.focus-visible_dee80aba9e {\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_f449c577f6.colorOnPrimaryColorActive_c5183183a7:focus:not(.focus-visible_dee80aba9e),\n.kindTertiary_f449c577f6.colorOnPrimaryColor_b6919cb5be:hover:focus:not(.focus-visible_dee80aba9e),\n.kindTertiary_f449c577f6.colorOnPrimaryColor_b6919cb5be:focus:focus:not(.focus-visible_dee80aba9e) {\n  outline: none;\n}\n.kindTertiary_f449c577f6.colorOnInvertedBackground_08b0490f5e.disabled_3c8dab3831 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f449c577f6.colorOnPrimaryColor_b6919cb5be.disabled_3c8dab3831 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f449c577f6.colorFixedLight_06780ca5bd {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f449c577f6.colorFixedLightActive_3f56c7dce7,\n.kindTertiary_f449c577f6.colorFixedLight_06780ca5bd:hover,\n.kindTertiary_f449c577f6.colorFixedLight_06780ca5bd:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f449c577f6.colorFixedLightActive_3f56c7dce7:focus-visible, .kindTertiary_f449c577f6.colorFixedLightActive_3f56c7dce7.focus-visible_dee80aba9e,\n.kindTertiary_f449c577f6.colorFixedLight_06780ca5bd:hover:focus-visible,\n.kindTertiary_f449c577f6.colorFixedLight_06780ca5bd:hover.focus-visible_dee80aba9e,\n.kindTertiary_f449c577f6.colorFixedLight_06780ca5bd:focus:focus-visible,\n.kindTertiary_f449c577f6.colorFixedLight_06780ca5bd:focus.focus-visible_dee80aba9e {\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_f449c577f6.colorFixedLightActive_3f56c7dce7:focus:not(.focus-visible_dee80aba9e),\n.kindTertiary_f449c577f6.colorFixedLight_06780ca5bd:hover:focus:not(.focus-visible_dee80aba9e),\n.kindTertiary_f449c577f6.colorFixedLight_06780ca5bd:focus:focus:not(.focus-visible_dee80aba9e) {\n  outline: none;\n}\n.kindTertiary_f449c577f6.colorFixedLight_06780ca5bd.disabled_3c8dab3831 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f449c577f6.colorOnInvertedBackground_08b0490f5e {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f449c577f6.colorOnInvertedBackgroundActive_8099f21813,\n.kindTertiary_f449c577f6.colorOnInvertedBackground_08b0490f5e:hover,\n.kindTertiary_f449c577f6.colorOnInvertedBackground_08b0490f5e:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f449c577f6.disabled_3c8dab3831 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_f449c577f6.disabled_3c8dab3831:hover {\n  background-color: transparent;\n}\n.noSidePadding_886478f351 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_565545311c.insetFocusStyle_bea55cc686:focus-visible, .button_565545311c.insetFocusStyle_bea55cc686.focus-visible_dee80aba9e {\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_565545311c.insetFocusStyle_bea55cc686:focus:not(.focus-visible_dee80aba9e) {\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_3dbb9ca48c",subTextContainer:"subTextContainer_b6bde343fd",buttonsContainer:"buttonsContainer_a0777244c5",button:"button_c9f00e7adc",activeButton:"activeButton_4745eb7e77",optionText:"optionText_653df3cc15",disabled:"disabled_2a94c5f1f2",selected:"selected_21c9c2fbd3",kindTertiary:"kindTertiary_bbcc92df31",wrapper:"wrapper_887b3dc370",buttonDisabled:"buttonDisabled_3f2c19ea2e"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-98261c00be2f_0_0_157";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_3dbb9ca48c {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_b6bde343fd {\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_a0777244c5 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_a0777244c5 .button_c9f00e7adc {\n  border: 1px solid;\n  background-color: var(--surface-level-100);\n  border-color: var(--divider-primary);\n}\n\n.buttonsContainer_a0777244c5 .button_c9f00e7adc.activeButton_4745eb7e77 {\n  z-index: 20;\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_a0777244c5 .button_c9f00e7adc.activeButton_4745eb7e77:hover {\n  background-color: var(--surface-selected);\n}\n\n.optionText_653df3cc15:not(.disabled_2a94c5f1f2) {\n  color: var(--text-primary);\n}\n\n.optionText_653df3cc15:not(.disabled_2a94c5f1f2).selected_21c9c2fbd3 {\n  z-index: 10;\n  color: var(--text-primary);\n}\n\n.kindTertiary_bbcc92df31 .button_c9f00e7adc {\n  border-color: transparent;\n}\n\n.kindTertiary_bbcc92df31 .button_c9f00e7adc:first-child {\n  border-color: transparent;\n}\n\n.wrapper_887b3dc370.disabled_2a94c5f1f2 {\n  cursor: not-allowed;\n}\n\n.button_c9f00e7adc.disabled_2a94c5f1f2 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_c9f00e7adc.buttonDisabled_3f2c19ea2e {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}");export{n as default};
+var e={buttonGroup:"buttonGroup_51045fb35e",subTextContainer:"subTextContainer_74e810710d",buttonsContainer:"buttonsContainer_e8e8f6ae6a",button:"button_a22eeafafc",activeButton:"activeButton_e89bf1e811",optionText:"optionText_9c765edc99",disabled:"disabled_f02116baf9",selected:"selected_f082142612",kindTertiary:"kindTertiary_105f9af894",wrapper:"wrapper_fc4d3bbd61",buttonDisabled:"buttonDisabled_be36a9b220"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-98261c00be2f_0_0_159";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))}(".buttonGroup_51045fb35e {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_74e810710d {\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_e8e8f6ae6a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_e8e8f6ae6a .button_a22eeafafc {\n  border: 1px solid;\n  background-color: var(--surface-level-100);\n  border-color: var(--divider-primary);\n}\n\n.buttonsContainer_e8e8f6ae6a .button_a22eeafafc.activeButton_e89bf1e811 {\n  z-index: 20;\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_e8e8f6ae6a .button_a22eeafafc.activeButton_e89bf1e811:hover {\n  background-color: var(--surface-selected);\n}\n\n.optionText_9c765edc99:not(.disabled_f02116baf9) {\n  color: var(--text-primary);\n}\n\n.optionText_9c765edc99:not(.disabled_f02116baf9).selected_f082142612 {\n  z-index: 10;\n  color: var(--text-primary);\n}\n\n.kindTertiary_105f9af894 .button_a22eeafafc {\n  border-color: transparent;\n}\n\n.kindTertiary_105f9af894 .button_a22eeafafc:first-child {\n  border-color: transparent;\n}\n\n.wrapper_fc4d3bbd61.disabled_f02116baf9 {\n  cursor: not-allowed;\n}\n\n.button_a22eeafafc.disabled_f02116baf9 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_a22eeafafc.buttonDisabled_be36a9b220 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_5ff7b9f3be",checkbox:"checkbox_2b4d7f6042",icon:"icon_b7fed5b1c6",label:"label_3262a0289f",input:"input_84dc700450",checkboxGrowAnimation:"checkboxGrowAnimation_41c3d29555"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-48d5620ebb3c_0_0_157";if(e.querySelector("#"+o))return;const c=document.createElement("style");c.id=o,e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c),c.appendChild(document.createTextNode(n))}('.wrapper_5ff7b9f3be {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_2b4d7f6042 {\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_2b4d7f6042: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_2b4d7f6042:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon_b7fed5b1c6 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_3262a0289f {\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_84dc700450 {\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_84dc700450:focus + .checkbox_2b4d7f6042 {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_84dc700450:focus:checked + .checkbox_2b4d7f6042 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_84dc700450:focus-visible + .checkbox_2b4d7f6042 {\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_84dc700450:checked:focus + .checkbox_2b4d7f6042:after,\n.input_84dc700450:indeterminate:focus + .checkbox_2b4d7f6042:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_84dc700450:checked + .checkbox_2b4d7f6042,\n.input_84dc700450:indeterminate + .checkbox_2b4d7f6042 {\n  animation: checkboxGrowAnimation_41c3d29555 var(--motion-productive-short);\n}\n\n.input_84dc700450:checked + .checkbox_2b4d7f6042,\n.input_84dc700450:indeterminate + .checkbox_2b4d7f6042 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_84dc700450:checked + .checkbox_2b4d7f6042:hover,\n.input_84dc700450:indeterminate + .checkbox_2b4d7f6042:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_84dc700450:checked + .checkbox_2b4d7f6042:hover:after,\n.input_84dc700450:indeterminate + .checkbox_2b4d7f6042:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_84dc700450:checked + .checkbox_2b4d7f6042:after,\n.input_84dc700450:indeterminate + .checkbox_2b4d7f6042: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_84dc700450:checked + .checkbox_2b4d7f6042 > .icon_b7fed5b1c6,\n.input_84dc700450:indeterminate + .checkbox_2b4d7f6042 > .icon_b7fed5b1c6 {\n  visibility: visible;\n}\n\n.input_84dc700450:checked:disabled + .checkbox_2b4d7f6042:after,\n.input_84dc700450:indeterminate:disabled + .checkbox_2b4d7f6042:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_84dc700450:disabled + .checkbox_2b4d7f6042,\n.input_84dc700450:disabled + .checkbox_2b4d7f6042:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input_84dc700450:disabled + .checkbox_2b4d7f6042 .icon_b7fed5b1c6,\n.input_84dc700450:disabled + .checkbox_2b4d7f6042:hover .icon_b7fed5b1c6 {\n  color: var(--disabled-text-color);\n}\n\n.input_84dc700450:disabled + .checkbox_2b4d7f6042,\n.input_84dc700450:disabled + .checkbox_2b4d7f6042:hover {\n  cursor: not-allowed;\n}\n\n.input_84dc700450:disabled ~ .label_3262a0289f {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_41c3d29555 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper_76bbfeb44c",checkbox:"checkbox_cdbc77f8da",icon:"icon_c2118bdfdb",label:"label_7a371a0454",input:"input_dc35d90d94",checkboxGrowAnimation:"checkboxGrowAnimation_9698adaf39"};!function(n){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],e="s_id-48d5620ebb3c_0_0_159";if(d.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,d.firstChild?d.insertBefore(c,d.firstChild):d.appendChild(c),c.appendChild(document.createTextNode(n))}('.wrapper_76bbfeb44c {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_cdbc77f8da {\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_cdbc77f8da: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_cdbc77f8da:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon_c2118bdfdb {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_7a371a0454 {\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_dc35d90d94 {\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_dc35d90d94:focus + .checkbox_cdbc77f8da {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_dc35d90d94:focus:checked + .checkbox_cdbc77f8da {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_dc35d90d94:focus-visible + .checkbox_cdbc77f8da {\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_dc35d90d94:checked:focus + .checkbox_cdbc77f8da:after,\n.input_dc35d90d94:indeterminate:focus + .checkbox_cdbc77f8da:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_dc35d90d94:checked + .checkbox_cdbc77f8da,\n.input_dc35d90d94:indeterminate + .checkbox_cdbc77f8da {\n  animation: checkboxGrowAnimation_9698adaf39 var(--motion-productive-short);\n}\n\n.input_dc35d90d94:checked + .checkbox_cdbc77f8da,\n.input_dc35d90d94:indeterminate + .checkbox_cdbc77f8da {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_dc35d90d94:checked + .checkbox_cdbc77f8da:hover,\n.input_dc35d90d94:indeterminate + .checkbox_cdbc77f8da:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_dc35d90d94:checked + .checkbox_cdbc77f8da:hover:after,\n.input_dc35d90d94:indeterminate + .checkbox_cdbc77f8da:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_dc35d90d94:checked + .checkbox_cdbc77f8da:after,\n.input_dc35d90d94:indeterminate + .checkbox_cdbc77f8da: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_dc35d90d94:checked + .checkbox_cdbc77f8da > .icon_c2118bdfdb,\n.input_dc35d90d94:indeterminate + .checkbox_cdbc77f8da > .icon_c2118bdfdb {\n  visibility: visible;\n}\n\n.input_dc35d90d94:checked:disabled + .checkbox_cdbc77f8da:after,\n.input_dc35d90d94:indeterminate:disabled + .checkbox_cdbc77f8da:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_dc35d90d94:disabled + .checkbox_cdbc77f8da,\n.input_dc35d90d94:disabled + .checkbox_cdbc77f8da:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input_dc35d90d94:disabled + .checkbox_cdbc77f8da .icon_c2118bdfdb,\n.input_dc35d90d94:disabled + .checkbox_cdbc77f8da:hover .icon_c2118bdfdb {\n  color: var(--disabled-text-color);\n}\n\n.input_dc35d90d94:disabled + .checkbox_cdbc77f8da,\n.input_dc35d90d94:disabled + .checkbox_cdbc77f8da:hover {\n  cursor: not-allowed;\n}\n\n.input_dc35d90d94:disabled ~ .label_7a371a0454 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_9698adaf39 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_b201fb6793","focus-visible":"focus-visible_035c3cde77",disabled:"disabled_b2b235657c",disableTextSelection:"disableTextSelection_d284e1c43b"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-8d33a9ee9e1f_0_0_157";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_b201fb6793 {\n  cursor: pointer;\n}\n.clickable_b201fb6793:focus-visible, .clickable_b201fb6793.focus-visible_035c3cde77 {\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_b201fb6793:focus:not(.focus-visible_035c3cde77) {\n  outline: none;\n}\n.clickable_b201fb6793.disabled_b2b235657c {\n  cursor: default;\n}\n.disableTextSelection_d284e1c43b {\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_b4e092ec6e","focus-visible":"focus-visible_dee80aba9e",disabled:"disabled_4c458ebeb9",disableTextSelection:"disableTextSelection_5dfd1c4f8f"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-8d33a9ee9e1f_0_0_159";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_b4e092ec6e {\n  cursor: pointer;\n}\n.clickable_b4e092ec6e:focus-visible, .clickable_b4e092ec6e.focus-visible_dee80aba9e {\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_b4e092ec6e:focus:not(.focus-visible_dee80aba9e) {\n  outline: none;\n}\n.clickable_b4e092ec6e.disabled_4c458ebeb9 {\n  cursor: default;\n}\n.disableTextSelection_5dfd1c4f8f {\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_cb27ff4706",colorPickerDialogContent:"colorPickerDialogContent_9b39c17de2"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_157";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_cb27ff4706.colorPickerDialogContent_9b39c17de2 {\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_20bc9e4dcd",colorPickerDialogContent:"colorPickerDialogContent_16337c11db"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_159";if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}(".colorPicker_20bc9e4dcd.colorPickerDialogContent_16337c11db {\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_cd09cfc2fb",clearColorButton:"clearColorButton_31289ec509"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-774e60a23ee3_0_0_157";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_cd09cfc2fb {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_31289ec509 {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_630727ab32",clearColorButton:"clearColorButton_8af9da21cc"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-774e60a23ee3_0_0_159";if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".clearColorIcon_630727ab32 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_8af9da21cc {\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_181acc5eac"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-0a5f0eb78ee4_0_0_157";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".colorsGrid_181acc5eac {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_605ddc5944"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-0a5f0eb78ee4_0_0_159";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_605ddc5944 {\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_a0e6059834",circle:"circle_bd3dc527d8",feedbackIndicator:"feedbackIndicator_fcee8eb718",active:"active_b00a792174",selectedColor:"selectedColor_53842f5d51",colorItem:"colorItem_8a3f968341",colorIndicatorWrapper:"colorIndicatorWrapper_b8e5c57728",colorItemSizeSmall:"colorItemSizeSmall_74ef55f3b8",colorItemSizeMedium:"colorItemSizeMedium_4174b1dcee",colorItemSizeLarge:"colorItemSizeLarge_a8a0e87955",colorItemTextMode:"colorItemTextMode_ef29b1bae1",colorIconWhite:"colorIconWhite_92de83e00a"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_157";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_a0e6059834 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_a0e6059834.circle_bd3dc527d8 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_a0e6059834 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_a0e6059834 .feedbackIndicator_fcee8eb718 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_a0e6059834:focus,\n.itemWrapper_a0e6059834:focus-visible,\n.itemWrapper_a0e6059834.active_b00a792174 {\n  outline: none;\n}\n\n.itemWrapper_a0e6059834:focus .feedbackIndicator_fcee8eb718:before,\n.itemWrapper_a0e6059834:focus-visible .feedbackIndicator_fcee8eb718:before,\n.itemWrapper_a0e6059834.active_b00a792174 .feedbackIndicator_fcee8eb718: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_a0e6059834:focus .feedbackIndicator_fcee8eb718:after,\n.itemWrapper_a0e6059834:focus-visible .feedbackIndicator_fcee8eb718:after,\n.itemWrapper_a0e6059834.active_b00a792174 .feedbackIndicator_fcee8eb718: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_a0e6059834:hover:not(.active_b00a792174):not(.selectedColor_53842f5d51) .feedbackIndicator_fcee8eb718 {\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_a0e6059834 .colorItem_8a3f968341 {\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_a0e6059834 .colorItem_8a3f968341 .colorIndicatorWrapper_b8e5c57728 {\n  margin-top: 3px;\n}\n\n.itemWrapper_a0e6059834 .colorItem_8a3f968341.colorItemSizeSmall_74ef55f3b8 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_a0e6059834 .colorItem_8a3f968341.colorItemSizeMedium_4174b1dcee {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_a0e6059834 .colorItem_8a3f968341.colorItemSizeLarge_a8a0e87955 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_a0e6059834.selectedColor_53842f5d51 {\n  position: relative;\n}\n\n.itemWrapper_a0e6059834.selectedColor_53842f5d51: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_a0e6059834.selectedColor_53842f5d51 .feedbackIndicator_fcee8eb718:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_a0e6059834 .colorItemTextMode_ef29b1bae1:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper_a0e6059834 .colorIconWhite_92de83e00a {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_7b8f4665b6",circle:"circle_25f29605ac",feedbackIndicator:"feedbackIndicator_2141cf4268",active:"active_8242bcc373",selectedColor:"selectedColor_a6d33c24b2",colorItem:"colorItem_8e5b91aa47",colorIndicatorWrapper:"colorIndicatorWrapper_71a273cd04",colorItemSizeSmall:"colorItemSizeSmall_e7bd677191",colorItemSizeMedium:"colorItemSizeMedium_93e7d6b70f",colorItemSizeLarge:"colorItemSizeLarge_e3b32391dd",colorItemTextMode:"colorItemTextMode_da01211cf7",colorIconWhite:"colorIconWhite_b5a51eb1be"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_159";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_7b8f4665b6 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_7b8f4665b6.circle_25f29605ac {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_7b8f4665b6 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_7b8f4665b6 .feedbackIndicator_2141cf4268 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_7b8f4665b6:focus,\n.itemWrapper_7b8f4665b6:focus-visible,\n.itemWrapper_7b8f4665b6.active_8242bcc373 {\n  outline: none;\n}\n\n.itemWrapper_7b8f4665b6:focus .feedbackIndicator_2141cf4268:before,\n.itemWrapper_7b8f4665b6:focus-visible .feedbackIndicator_2141cf4268:before,\n.itemWrapper_7b8f4665b6.active_8242bcc373 .feedbackIndicator_2141cf4268: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_7b8f4665b6:focus .feedbackIndicator_2141cf4268:after,\n.itemWrapper_7b8f4665b6:focus-visible .feedbackIndicator_2141cf4268:after,\n.itemWrapper_7b8f4665b6.active_8242bcc373 .feedbackIndicator_2141cf4268: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_7b8f4665b6:hover:not(.active_8242bcc373):not(.selectedColor_a6d33c24b2) .feedbackIndicator_2141cf4268 {\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_7b8f4665b6 .colorItem_8e5b91aa47 {\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_7b8f4665b6 .colorItem_8e5b91aa47 .colorIndicatorWrapper_71a273cd04 {\n  margin-top: 3px;\n}\n\n.itemWrapper_7b8f4665b6 .colorItem_8e5b91aa47.colorItemSizeSmall_e7bd677191 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_7b8f4665b6 .colorItem_8e5b91aa47.colorItemSizeMedium_93e7d6b70f {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_7b8f4665b6 .colorItem_8e5b91aa47.colorItemSizeLarge_e3b32391dd {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_7b8f4665b6.selectedColor_a6d33c24b2 {\n  position: relative;\n}\n\n.itemWrapper_7b8f4665b6.selectedColor_a6d33c24b2: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_7b8f4665b6.selectedColor_a6d33c24b2 .feedbackIndicator_2141cf4268:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_7b8f4665b6 .colorItemTextMode_da01211cf7:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper_7b8f4665b6 .colorIconWhite_b5a51eb1be {\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 e={combobox:"combobox_ea0cadee1d",stickyCategory:"stickyCategory_ad7c16f20c",comboboxCategory:"comboboxCategory_292afa370a",sizeSmall:"sizeSmall_47f127952b",sizeMedium:"sizeMedium_ea0cadee1d",sizeLarge:"sizeLarge_47f127952b",empty:"empty_bf1d400ef2",comboboxSearchWrapper:"comboboxSearchWrapper_72e7bcceae",comboboxSearch:"comboboxSearch_ba1954b08e",comboboxNoResults:"comboboxNoResults_c904ea99ba",comboboxMessageWrapper:"comboboxMessageWrapper_29005c22ab",comboboxMessage:"comboboxMessage_018e5e5aee",addNewButton:"addNewButton_a96fd331d7",buttonLabel:"buttonLabel_018e5e5aee",comboboxList:"comboboxList_0277887c32"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],a="s_id-f0ce05580104_0_0_157";if(o.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}(".combobox_ea0cadee1d {\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_ea0cadee1d.stickyCategory_ad7c16f20c .comboboxCategory_292afa370a {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox_ea0cadee1d.stickyCategory_ad7c16f20c.sizeSmall_47f127952b .comboboxCategory_292afa370a {\n  top: 32px;\n}\n\n.combobox_ea0cadee1d.stickyCategory_ad7c16f20c.sizeMedium_ea0cadee1d .comboboxCategory_292afa370a {\n  top: 40px;\n}\n\n.combobox_ea0cadee1d.stickyCategory_ad7c16f20c.sizeLarge_47f127952b .comboboxCategory_292afa370a {\n  top: 48px;\n}\n\n.combobox_ea0cadee1d.empty_bf1d400ef2 {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper_72e7bcceae {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch_ba1954b08e {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults_c904ea99ba {\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_c904ea99ba .comboboxMessageWrapper_29005c22ab {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_c904ea99ba .comboboxMessageWrapper_29005c22ab .comboboxMessage_018e5e5aee {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_c904ea99ba .addNewButton_a96fd331d7 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_c904ea99ba .addNewButton_a96fd331d7 .buttonLabel_018e5e5aee {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_0277887c32 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{e as default};
+var o={combobox:"combobox_8855a65e8c",stickyCategory:"stickyCategory_e15de77259",comboboxCategory:"comboboxCategory_f373415db2",sizeSmall:"sizeSmall_52448f3dc1",sizeMedium:"sizeMedium_8855a65e8c",sizeLarge:"sizeLarge_52448f3dc1",empty:"empty_483b3bd486",comboboxSearchWrapper:"comboboxSearchWrapper_d94222ec3e",comboboxSearch:"comboboxSearch_6b2e03e86e",comboboxNoResults:"comboboxNoResults_8ba67352da",comboboxMessageWrapper:"comboboxMessageWrapper_4cbb36899b",comboboxMessage:"comboboxMessage_3fdb4e531b",addNewButton:"addNewButton_c9b839bf78",buttonLabel:"buttonLabel_3fdb4e531b",comboboxList:"comboboxList_368381726f"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-f0ce05580104_0_0_159";if(e.querySelector("#"+n))return;const b=document.createElement("style");b.id=n,e.firstChild?e.insertBefore(b,e.firstChild):e.appendChild(b),b.appendChild(document.createTextNode(o))}(".combobox_8855a65e8c {\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_8855a65e8c.stickyCategory_e15de77259 .comboboxCategory_f373415db2 {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox_8855a65e8c.stickyCategory_e15de77259.sizeSmall_52448f3dc1 .comboboxCategory_f373415db2 {\n  top: 32px;\n}\n\n.combobox_8855a65e8c.stickyCategory_e15de77259.sizeMedium_8855a65e8c .comboboxCategory_f373415db2 {\n  top: 40px;\n}\n\n.combobox_8855a65e8c.stickyCategory_e15de77259.sizeLarge_52448f3dc1 .comboboxCategory_f373415db2 {\n  top: 48px;\n}\n\n.combobox_8855a65e8c.empty_483b3bd486 {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper_d94222ec3e {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch_6b2e03e86e {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults_8ba67352da {\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_8ba67352da .comboboxMessageWrapper_4cbb36899b {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_8ba67352da .comboboxMessageWrapper_4cbb36899b .comboboxMessage_3fdb4e531b {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_8ba67352da .addNewButton_c9b839bf78 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_8ba67352da .addNewButton_c9b839bf78 .buttonLabel_3fdb4e531b {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_368381726f {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_d04564427c",dividerContainer:"dividerContainer_387df7dfc8",divider:"divider_1bcad42287",sticky:"sticky_ba2a1d5c25"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-cea859f3b65c_0_0_157";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_d04564427c {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer_387df7dfc8 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_1bcad42287 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_ba2a1d5c25 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_c1fbd22be4",dividerContainer:"dividerContainer_641c35b47d",divider:"divider_446b86f339",sticky:"sticky_2167fc2558"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-cea859f3b65c_0_0_159";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_c1fbd22be4 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer_641c35b47d {\n  position: relative;\n  width: 95%;\n}\n\n.divider_446b86f339 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_2167fc2558 {\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_3ccdcb49a6"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_157";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_3ccdcb49a6 {\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_ddf866ed1d"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],o="s_id-a004d249e1c1_0_0_159";if(d.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}(".comboboxCategory_ddf866ed1d {\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 t={scrollableContainer:"scrollableContainer_e3abddd2bc",optionsContainer:"optionsContainer_1949f203ce",firstCategory:"firstCategory_2886513066",categoryWithOptions:"categoryWithOptions_389569d546",categoryWithoutOptions:"categoryWithoutOptions_4c4816a9bc"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-7de573ecf1ec_0_0_157";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".scrollableContainer_e3abddd2bc::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_e3abddd2bc::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.optionsContainer_1949f203ce {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory_2886513066 {\n  padding-top: 0;\n}\n.categoryWithOptions_389569d546 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_4c4816a9bc {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer_a4c717935a",optionsContainer:"optionsContainer_4f9d481121",firstCategory:"firstCategory_64c12df244",categoryWithOptions:"categoryWithOptions_89cac0e63c",categoryWithoutOptions:"categoryWithoutOptions_a596511f42"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7de573ecf1ec_0_0_159";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_a4c717935a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_a4c717935a::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.optionsContainer_4f9d481121 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory_64c12df244 {\n  padding-top: 0;\n}\n.categoryWithOptions_89cac0e63c {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_a596511f42 {\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 e={comboboxOption:"comboboxOption_7a8eeb87a4",disabled:"disabled_19a0349c52",selected:"selected_62483720d8",active:"active_4f89acbfe8",activeOutline:"activeOutline_1c9b8e55bf",optionLabel:"optionLabel_f2c67887aa",optionIcon:"optionIcon_ba1954b08e",left:"left_dbb20009fa"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],n="s_id-8651683ae470_0_0_157";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))}(".comboboxOption_7a8eeb87a4 {\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_7a8eeb87a4.disabled_19a0349c52 {\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_7a8eeb87a4.disabled_19a0349c52:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_7a8eeb87a4.selected_62483720d8 {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption_7a8eeb87a4:hover:not(.disabled_19a0349c52):not(.selected_62483720d8),\n.comboboxOption_7a8eeb87a4.active_4f89acbfe8 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption_7a8eeb87a4.activeOutline_1c9b8e55bf {\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_7a8eeb87a4 .optionLabel_f2c67887aa {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_7a8eeb87a4 .optionIcon_ba1954b08e {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_7a8eeb87a4 .optionIcon_ba1954b08e.left_dbb20009fa {\n  margin-right: 4px;\n}");export{e as default};
+var e={comboboxOption:"comboboxOption_25c729e96c",disabled:"disabled_7553c1677a",selected:"selected_560e156264",active:"active_f7be5cab66",activeOutline:"activeOutline_b7c003a203",optionLabel:"optionLabel_52851643c1",optionIcon:"optionIcon_6b2e03e86e",left:"left_d8aaf6a6d4"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],n="s_id-8651683ae470_0_0_159";if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}(".comboboxOption_25c729e96c {\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_25c729e96c.disabled_7553c1677a {\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_25c729e96c.disabled_7553c1677a:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_25c729e96c.selected_560e156264 {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption_25c729e96c:hover:not(.disabled_7553c1677a):not(.selected_560e156264),\n.comboboxOption_25c729e96c.active_f7be5cab66 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption_25c729e96c.activeOutline_b7c003a203 {\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_25c729e96c .optionLabel_52851643c1 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_25c729e96c .optionIcon_6b2e03e86e {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_25c729e96c .optionIcon_6b2e03e86e.left_d8aaf6a6d4 {\n  margin-right: 4px;\n}");export{e 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_4c8a3ba465"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_157";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".stickyCategoryHeader_4c8a3ba465 {\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_2d807e80da"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-7fd28c7f6b31_0_0_159";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".stickyCategoryHeader_2d807e80da {\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 d from"../Avatar/Avatar.js";import u 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 b from"../Button/Button.js";import{FlexDirection as h,FlexGap as j,FlexAlign as T}from"../Flex/FlexConstants.js";import f from"../Icon/Icons/components/Info.js";import v from"../Text/Text.js";import y 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,d=e.label,u=a(null);return c((function(){u.current&&(u.current.scrollTop=u.current.scrollHeight)}),[t]),s("div",Object.assign({className:"comments"},{children:[r(p,t.length>0?Object.assign({ref:u,className:"message-container",direction:h.COLUMN,gap:j.MEDIUM,align:T.START},{children:t.map((function(e,t){return o(A,Object.assign({},e,{currentUser:n,key:t}))}))}):Object.assign({className:"message-container",direction:h.COLUMN,gap:j.MEDIUM,align:T.STRETCH,justify:p.justify.CENTER},{children:r(v,Object.assign({align:v.align.CENTER},{children:"No Comments Yet."}))})),r(C,{onCommentSubmitted:i,currentUser:n,isLabel:m,label:d})]}))}function C(a){var c=this,o=a.onCommentSubmitted,d=a.isLabel,g=void 0!==d&&d,h=a.label,j=l(!1),T=e(j,2),O=T[0],C=T[1],A=l(""),E=e(A,2),N=E[0],S=E[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"===h.status&&s(i,{children:[r(y,{iconType:y.type.SVG,style:{color:"#757575"},icon:f,iconSize:20,clickable:!1}),r(v,Object.assign({type:v.types.TEXT1,color:v.colors.SECONDARY},{children:"This is an internal conversation"}))]}),g&&"external"===h.status&&s(i,{children:[r(y,{iconType:y.type.SVG,style:{color:"#FF0020"},icon:f,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(u,{disabled:O,onChange:S,placeholder:"What’s on your mind...",rows:3,value:N,isResizeable:!1}),r(b,Object.assign({disabled:!N||O,onClick:function(){return x(N)},size:b.sizes.SMALL,style:{width:"100%"}},{children:"Send"}))]}))]}))}function A(e){var t=e.author,n=e.commentedAt,i=e.label,a=e.text,c=e.currentUser;return s(p,Object.assign({direction:h.COLUMN,align:T.STRETCH,className:"comment"},{children:[s(p,Object.assign({direction:h.ROW,gap:j.SMALL,className:"comment-data"},{children:[!!i&&r(v,Object.assign({className:"comment-label",type:v.types.TEXT2},{children:i})),r("div",Object.assign({className:"comment-user"},{children:t&&r(E,{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(c.id===t.id&&"comment-currentUser"),type:v.types.TEXT1},{children:a}))]}))}function E(e){var t=e.user;return s(p,Object.assign({gap:j.XS},{children:[r(d,{size:d.sizes.MEDIUM,type:g.TEXT,backgroundColor:d.colors.STEEL_DARK,text:N(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 N(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{A as Comment,C as CommentForm,O as Comments,E 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":"42BAyCgBA,EAAQC,GAAwH,IAArHC,EAAQD,EAARC,SAAUC,EAAWF,EAAXE,YAAaC,EAAkBH,EAAlBG,mBAAkBC,EAAAJ,EAAEK,QAAAA,OAAU,IAAHD,GAAQA,EAAEE,EAAKN,EAALM,MAAOC,EAAiBP,EAAjBO,kBAAmBC,EAAcR,EAAdQ,eACvGC,EAAsBC,EAAuB,MAQnD,OANAC,GAAU,WACFF,EAAoBG,UACpBH,EAAoBG,QAAQC,UAAYJ,EAAoBG,QAAQE,aAE5E,GAAG,CAACb,IAGAc,uBAAKC,UAAW,YACX,CAAAC,SAAA,CAAAhB,EAASiB,OAAS,GACfC,EAACC,EAAIC,OAAAC,OAAA,CAACC,IAAKd,EAAqBO,UAAU,oBAAoBQ,UAAWC,EAAcC,OAAQC,IAAKC,EAAQC,OAAQC,MAAOC,EAAUC,SAAO,CAAAf,SACvIhB,EAASgC,KAAI,SAACC,EAASC,GAAC,OAAKC,EAACC,mBAAYH,EAAO,CAAEhC,YAAaA,EAAaoC,IAAKH,IAAK,OAGhGhB,EAACoB,EAAW,CAACpC,mBAAoBA,EAAoBD,YAAaA,EAAaG,QAASA,EAASC,MAAOA,EAAOC,kBAAmBA,EAAmBC,eAAgBA,OAGjL,UAEgB+B,EAAWC,GAAiH,IAAAC,EAAAC,KAA9GvC,EAAkBqC,EAAlBrC,mBAA+BwC,EAAAH,EAAEnC,QAAAA,OAAU,IAAHsC,GAAQA,EAAErC,EAAKkC,EAALlC,MAAOC,EAAiBiC,EAAjBjC,kBAAmBC,EAAcgC,EAAdhC,eACtGoC,EAAkCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAnDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAwBL,EAAiB,IAAGM,EAAAJ,EAAAG,EAAA,GAArCE,EAAID,EAAA,GAAEE,EAAOF,EAAA,GAEdG,EAAWC,GAAY,SAAOH,GAAY,OAAII,EAAAf,OAAA,OAAA,EAAAgB,IAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,IAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAE9B,OADlBf,GAAa,GAAMa,EAAAE,KAAA,EACK7D,EAAmBiD,GAAK,KAAA,EAA1CQ,EAASE,EAAAG,KACfhB,GAAa,GAETW,GACAP,EAAQ,IACX,KAAA,EAAA,IAAA,MAAA,OAAAS,EAAAI,OAAA,GAAAP,EACJ,OAAE,CAACxD,IACJ,OACIY,EAAA,MAAAM,OAAAC,OAAA,CAAKN,UAAW,gBACZ,CAAAC,SAAA,CAAAF,EAACK,EAAIC,OAAAC,OAAA,CAACK,IAAKP,EAAK+C,KAAKC,OAAK,CAAAnD,SAAA,CACrBZ,GAA4B,aAAjBC,EAAM+D,QACdtD,EAAAuD,EAAA,CAAArD,SAAA,CACIE,EAACoD,GACGC,SAAUD,EAAKE,KAAKC,IACpBC,MAAO,CAAEC,MAAO,WAChBC,KAAMC,EACNC,SAAU,GACVC,WAAW,IAEf7D,EAAC8D,EAAI5D,OAAAC,OAAA,CAACmD,KAAMQ,EAAKC,MAAMC,MAAOP,MAAOK,EAAKG,OAAOC,WAE1C,CAAApE,SAAA,yCAGdZ,GAA4B,aAAjBC,EAAM+D,QACdtD,EACIuD,EAAA,CAAArD,SAAA,CAAAE,EAACoD,EAAI,CACDC,SAAUD,EAAKE,KAAKC,IACpBC,MAAO,CAAEC,MAAO,WAChBC,KAAMC,EACNC,SAAU,GACVC,WAAW,IAEf7D,EAAC8D,EAAK5D,OAAAC,OAAA,CAAAmD,KAAMQ,EAAKC,MAAMC,MAAOR,MAAO,CAAEC,MAAO,YAAW,CAAA3D,SAAA,6CAMrEF,EAAA,MAAAM,OAAAC,OAAA,CAAKN,UAAW,oBACZ,CAAAC,SAAA,CAAAE,EAACmE,EAAa,CACVC,SAAUvC,EACVwC,SAAUnC,EACVoC,YAAa,yBACbC,KAAM,EACNC,MAAOvC,EACPwC,cAAc,IAElBzE,EAAC0E,EACGxE,OAAAC,OAAA,CAAAiE,UAAWnC,GAAQJ,EACnB8C,QAAS,WAAA,OAAMxC,EAASF,EAAK,EAC7B2C,KAAMF,EAAOG,MAAM5B,MACnBO,MAAO,CAAEsB,MAAO,SAGX,CAAAhF,SAAA,cAEbF,EAAC8E,EACGxE,OAAAC,OAAA,CAAAwE,QAASvF,EACTwF,KAAMF,EAAOG,MAAM5B,MACnB8B,KAAML,EAAOM,MAAMC,SACnBzB,MAAO,CAAE0B,UAAW,yBAAwB,CAAApF,SAAA,CAE5CE,EAACoD,EAAI,CAACC,SAAUD,EAAKE,KAAKC,IAAKC,MAAO,CAAEC,MAAO,UAAW0B,UAAW,iBAAmBzB,KAAM0B,EAAQxB,SAAU,GAAIC,WAAW,IAC9HxE,GAAkBW,EAAC8D,iBAAKR,KAAMQ,EAAKC,MAAMsB,MAAO7B,MAAO,CAAEC,MAAO,UAAWyB,UAAW,kBAAU7F,YAIjH,CAEgB,SAAA6B,EAAOoE,GAAwF,IAArFC,EAAMD,EAANC,OAAQC,EAAWF,EAAXE,YAAarG,EAAKmG,EAALnG,MAAO8C,EAAIqD,EAAJrD,KAAMlD,EAAWuG,EAAXvG,YACxD,OACIa,EAACK,EAAIC,OAAAC,OAAA,CAACE,UAAWC,EAAcC,OAAQI,MAAOC,EAAUC,QAAShB,UAAW,WACxE,CAAAC,SAAA,CAAAF,EAACK,EAAKC,OAAAC,OAAA,CAAAE,UAAWC,EAAcmF,IAAKjF,IAAKC,EAAQwC,MAAOpD,UAAW,gBAAc,CAAAC,SAAA,GAC1EX,GACCa,EAAC8D,EAAK5D,OAAAC,OAAA,CAAAN,UAAW,gBAAiByD,KAAMQ,EAAKC,MAAMsB,OAAQ,CAAAvF,SAAAX,KAE/Da,EAAA,MAAAE,OAAAC,OAAA,CAAKN,UAAW,gBACX,CAAAC,SAAAyF,GAAUvF,EAAC0F,EAAQ,CAACC,KAAMJ,OAE/BvF,EAAC8D,EAAK5D,OAAAC,OAAA,CAAAN,UAAW,eAAgB4D,MAAOK,EAAKG,OAAOC,UAAWZ,KAAMQ,EAAKC,MAAMsB,iBAAQG,EAAYI,wBAExG5F,EAAC8D,EAAK5D,OAAAC,OAAA,CAAAN,UAASgG,gBAAAA,OAAkB9G,EAAY+G,KAAOP,EAAOO,IAAM,uBAAyBxC,KAAMQ,EAAKC,MAAMC,OAAQ,CAAAlE,SAAAmC,QAG/H,CAEgB,SAAAyD,EAAQK,GAAyB,IAAtBJ,EAAII,EAAJJ,KACvB,OACI/F,EAACK,EAAKC,OAAAC,OAAA,CAAAK,IAAKC,EAAQuF,IAAE,CAAAlG,SAAA,CACjBE,EAACiG,EAAM,CACHrB,KAAMqB,EAAOpB,MAAMnE,OACnB4C,KAAM4C,EAAWC,KACjBC,gBAAiBH,EAAOhC,OAAOoC,WAC/BpE,KAAMqE,EAAWX,EAAKY,QAE1BvG,uBAAKH,UAAW,qBAAmB,CAAAC,SAC/BE,EAAC8D,EAAI5D,OAAAC,OAAA,CAACmD,KAAMQ,EAAKC,MAAMsB,MAAOmB,OAAQ1C,EAAK2C,QAAQC,MAAO,CAAA5G,SAAA6F,EAAKY,cAI/E,CAEA,SAASD,EAAWK,GAChB,IAAMC,EAAQD,EAASE,MAAM,KAE7B,OAAqB,IAAjBD,EAAM7G,OACC6G,EAAM,GAAGE,OAAO,GAAGC,cAGvB,GAAAlB,OAAGe,EAAM,GAAGE,OAAO,IAAEjB,OAAGe,EAAMA,EAAM7G,OAAS,GAAG+G,OAAO,IAAKC,aACvE"}
+{"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} 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","align","FlexAlign","START","children","map","comment","i","_createElement","Comment","key","STRETCH","justify","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","END","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_157";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_159";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_06589cf79f",withAnimation:"withAnimation_592361d7e4",counterPopElastic:"counterPopElastic_c3f8885529",sizeSmall:"sizeSmall_208c1c7ba0",sizeLarge:"sizeLarge_e1ef00a3b2",kindFill:"kindFill_0c682b5973",colorPrimary:"colorPrimary_eec5e67fc4",colorDark:"colorDark_6bfcfc239a",colorNegative:"colorNegative_1a7cdd6deb",colorWarning:"colorWarning_a75d27676e",colorLight:"colorLight_9023b54e50",kindLine:"kindLine_571faf5903",fadeEnter:"fadeEnter_6061462f8d",fadeEnterActive:"fadeEnterActive_4070ce627e",fadeExit:"fadeExit_e8562a8a28",fadeExitActive:"fadeExitActive_28055def03","counter-pop-elastic":"counter-pop-elastic_d706c4dccf"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-7af1f4daeef9_0_0_157";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_06589cf79f {\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_d706c4dccf {\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_592361d7e4 {\n  animation: counterPopElastic_c3f8885529 var(--motion-expressive-short);\n}\n.sizeSmall_208c1c7ba0 {\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_e1ef00a3b2 {\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_0c682b5973.colorPrimary_eec5e67fc4 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_0c682b5973.colorDark_6bfcfc239a {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill_0c682b5973.colorNegative_1a7cdd6deb {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_0c682b5973.colorWarning_a75d27676e {\n  background-color: var(--warning-color);\n}\n.kindFill_0c682b5973.colorLight_9023b54e50 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine_571faf5903 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_571faf5903.colorPrimary_eec5e67fc4 {\n  color: var(--primary-color);\n}\n.kindLine_571faf5903.colorDark_6bfcfc239a {\n  color: var(--surface-inverse);\n}\n.kindLine_571faf5903.colorNegative_1a7cdd6deb {\n  color: var(--negative-color);\n}\n.kindLine_571faf5903.colorLight_9023b54e50 {\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_6061462f8d {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_4070ce627e {\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_e8562a8a28 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_28055def03 {\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_4958b3c22e",withAnimation:"withAnimation_8acf7ab7ad",counterPopElastic:"counterPopElastic_4b9de8c2c0",sizeSmall:"sizeSmall_5a337fdc2d",sizeLarge:"sizeLarge_55e4a8a4be",kindFill:"kindFill_9eea4b8157",colorPrimary:"colorPrimary_4b5498d349",colorDark:"colorDark_b757f93740",colorNegative:"colorNegative_cf51617204",colorWarning:"colorWarning_df9fb0ab98",colorLight:"colorLight_1cd88bcada",kindLine:"kindLine_0eb8b94885",fadeEnter:"fadeEnter_7d6f647fd4",fadeEnterActive:"fadeEnterActive_85a3b80d19",fadeExit:"fadeExit_c785a3033d",fadeExitActive:"fadeExitActive_1ab22ba0ac","counter-pop-elastic":"counter-pop-elastic_8554b2d235"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-7af1f4daeef9_0_0_159";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_4958b3c22e {\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_8554b2d235 {\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_8acf7ab7ad {\n  animation: counterPopElastic_4b9de8c2c0 var(--motion-expressive-short);\n}\n.sizeSmall_5a337fdc2d {\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_55e4a8a4be {\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_9eea4b8157.colorPrimary_4b5498d349 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_9eea4b8157.colorDark_b757f93740 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill_9eea4b8157.colorNegative_cf51617204 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_9eea4b8157.colorWarning_df9fb0ab98 {\n  background-color: var(--warning-color);\n}\n.kindFill_9eea4b8157.colorLight_1cd88bcada {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine_0eb8b94885 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_0eb8b94885.colorPrimary_4b5498d349 {\n  color: var(--primary-color);\n}\n.kindLine_0eb8b94885.colorDark_b757f93740 {\n  color: var(--surface-inverse);\n}\n.kindLine_0eb8b94885.colorNegative_cf51617204 {\n  color: var(--negative-color);\n}\n.kindLine_0eb8b94885.colorLight_1cd88bcada {\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_7d6f647fd4 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_85a3b80d19 {\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_c785a3033d {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_1ab22ba0ac {\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_4f4d0e32e7"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0631eeee63bb_0_0_157";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_4f4d0e32e7 {\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_fac995e55d"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0631eeee63bb_0_0_159";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_fac995e55d {\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_9edd0e9005",monthYearSelection:"monthYearSelection_7920569155",rangePickerMode:"rangePickerMode_72a15acedd",withWeekNumber:"withWeekNumber_1c26ff8ba7",calendarDayWeekNumber:"calendarDayWeekNumber_fe8f0fbc69"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-efb8b12c27d8_0_0_157";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_9edd0e9005 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_9edd0e9005 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_9edd0e9005 td {\n  border: none;\n}\n.datepickerContainer_9edd0e9005.monthYearSelection_7920569155 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_9edd0e9005.monthYearSelection_7920569155 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_9edd0e9005 .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_9edd0e9005 .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_9edd0e9005 .DayPicker__horizontal {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_9edd0e9005 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_9edd0e9005 .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_9edd0e9005 .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_9edd0e9005 .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_9edd0e9005 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_9edd0e9005 .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_9edd0e9005 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_9edd0e9005 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_9edd0e9005 .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_9edd0e9005 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_9edd0e9005 .CalendarDay__blocked_calendar, .datepickerContainer_9edd0e9005 .CalendarDay__blocked_calendar:active, .datepickerContainer_9edd0e9005 .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_9edd0e9005 .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-tertiary);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_9edd0e9005 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_9edd0e9005 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_9edd0e9005 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_9edd0e9005 .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_9edd0e9005.rangePickerMode_72a15acedd .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_9edd0e9005.rangePickerMode_72a15acedd .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n}\n.datepickerContainer_9edd0e9005.rangePickerMode_72a15acedd .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_9edd0e9005.rangePickerMode_72a15acedd .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_9edd0e9005.rangePickerMode_72a15acedd .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n}\n.datepickerContainer_9edd0e9005.rangePickerMode_72a15acedd .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_9edd0e9005.rangePickerMode_72a15acedd .CalendarDay__hovered_span, .datepickerContainer_9edd0e9005.rangePickerMode_72a15acedd .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--text-primary);\n  background: var(--surface-selected);\n}\n.datepickerContainer_9edd0e9005.rangePickerMode_72a15acedd .CalendarDay__hovered_span:hover::before, .datepickerContainer_9edd0e9005.rangePickerMode_72a15acedd .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--surface-selected);\n}\n.datepickerContainer_9edd0e9005.rangePickerMode_72a15acedd .CalendarDay__selected_span {\n  background: var(--surface-selected);\n}\n.datepickerContainer_9edd0e9005.rangePickerMode_72a15acedd .CalendarDay__selected_span:hover {\n  color: var(--text-primary);\n}\n.datepickerContainer_9edd0e9005.rangePickerMode_72a15acedd .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_9edd0e9005.rangePickerMode_72a15acedd .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_9edd0e9005.rangePickerMode_72a15acedd.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer_9edd0e9005.rangePickerMode_72a15acedd.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_9edd0e9005.rangePickerMode_72a15acedd.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer_9edd0e9005.withWeekNumber_1c26ff8ba7 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_9edd0e9005.withWeekNumber_1c26ff8ba7 .CalendarDay .calendarDayWeekNumber_fe8f0fbc69 {\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_9edd0e9005.withWeekNumber_1c26ff8ba7 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_fe8f0fbc69 {\n  display: flex;\n}\n.datepickerContainer_9edd0e9005.withWeekNumber_1c26ff8ba7 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_fe8f0fbc69 {\n  display: none;\n}\n.datepickerContainer_9edd0e9005.withWeekNumber_1c26ff8ba7 .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_9edd0e9005.withWeekNumber_1c26ff8ba7 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_9edd0e9005.withWeekNumber_1c26ff8ba7 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_9edd0e9005.withWeekNumber_1c26ff8ba7 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_9edd0e9005.withWeekNumber_1c26ff8ba7 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_42fddce785",monthYearSelection:"monthYearSelection_c4c543b412",rangePickerMode:"rangePickerMode_5e19f3f24b",withWeekNumber:"withWeekNumber_7e66ff6b5c",calendarDayWeekNumber:"calendarDayWeekNumber_506b828666"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-efb8b12c27d8_0_0_159";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_42fddce785 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_42fddce785 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_42fddce785 td {\n  border: none;\n}\n.datepickerContainer_42fddce785.monthYearSelection_c4c543b412 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_42fddce785.monthYearSelection_c4c543b412 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_42fddce785 .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_42fddce785 .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_42fddce785 .DayPicker__horizontal {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_42fddce785 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_42fddce785 .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_42fddce785 .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_42fddce785 .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_42fddce785 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_42fddce785 .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_42fddce785 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_42fddce785 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_42fddce785 .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_42fddce785 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_42fddce785 .CalendarDay__blocked_calendar, .datepickerContainer_42fddce785 .CalendarDay__blocked_calendar:active, .datepickerContainer_42fddce785 .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_42fddce785 .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-tertiary);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_42fddce785 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_42fddce785 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_42fddce785 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_42fddce785 .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_42fddce785.rangePickerMode_5e19f3f24b .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_42fddce785.rangePickerMode_5e19f3f24b .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n}\n.datepickerContainer_42fddce785.rangePickerMode_5e19f3f24b .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_42fddce785.rangePickerMode_5e19f3f24b .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_42fddce785.rangePickerMode_5e19f3f24b .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n}\n.datepickerContainer_42fddce785.rangePickerMode_5e19f3f24b .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_42fddce785.rangePickerMode_5e19f3f24b .CalendarDay__hovered_span, .datepickerContainer_42fddce785.rangePickerMode_5e19f3f24b .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--text-primary);\n  background: var(--surface-selected);\n}\n.datepickerContainer_42fddce785.rangePickerMode_5e19f3f24b .CalendarDay__hovered_span:hover::before, .datepickerContainer_42fddce785.rangePickerMode_5e19f3f24b .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--surface-selected);\n}\n.datepickerContainer_42fddce785.rangePickerMode_5e19f3f24b .CalendarDay__selected_span {\n  background: var(--surface-selected);\n}\n.datepickerContainer_42fddce785.rangePickerMode_5e19f3f24b .CalendarDay__selected_span:hover {\n  color: var(--text-primary);\n}\n.datepickerContainer_42fddce785.rangePickerMode_5e19f3f24b .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_42fddce785.rangePickerMode_5e19f3f24b .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_42fddce785.rangePickerMode_5e19f3f24b.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer_42fddce785.rangePickerMode_5e19f3f24b.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_42fddce785.rangePickerMode_5e19f3f24b.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer_42fddce785.withWeekNumber_7e66ff6b5c {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_42fddce785.withWeekNumber_7e66ff6b5c .CalendarDay .calendarDayWeekNumber_506b828666 {\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_42fddce785.withWeekNumber_7e66ff6b5c .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_506b828666 {\n  display: flex;\n}\n.datepickerContainer_42fddce785.withWeekNumber_7e66ff6b5c .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_506b828666 {\n  display: none;\n}\n.datepickerContainer_42fddce785.withWeekNumber_7e66ff6b5c .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_42fddce785.withWeekNumber_7e66ff6b5c .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_42fddce785.withWeekNumber_7e66ff6b5c .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_42fddce785.withWeekNumber_7e66ff6b5c .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_42fddce785.withWeekNumber_7e66ff6b5c .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_ad06ceee40",button:"button_7ffa83aba1",buttonContent:"buttonContent_1ef7482e29"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_0_0_157";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))}(".datePickerHeader_ad06ceee40 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_ad06ceee40 .button_7ffa83aba1 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_ad06ceee40 .button_7ffa83aba1 .buttonContent_1ef7482e29 {\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_ad06ceee40 .button_7ffa83aba1 .buttonContent_1ef7482e29:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_a374a3837b",button:"button_0001830ecc",buttonContent:"buttonContent_cae99d4a23"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_0_0_159";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))}(".datePickerHeader_a374a3837b {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_a374a3837b .button_0001830ecc {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_a374a3837b .button_0001830ecc .buttonContent_cae99d4a23 {\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_a374a3837b .button_0001830ecc .buttonContent_cae99d4a23: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 n={monthYearPicker:"monthYearPicker_74d2a800b1",navigationWrapper:"navigationWrapper_d765170d2d",navigationLeft:"navigationLeft_1cfcac2c98",navigationRight:"navigationRight_5ba6b175cf",pickerOptions:"pickerOptions_1f915fc050"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-ae0835531883_0_0_157";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".monthYearPicker_74d2a800b1 {\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_74d2a800b1 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_74d2a800b1 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_74d2a800b1 .navigationWrapper_d765170d2d {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_74d2a800b1 .navigationWrapper_d765170d2d.navigationLeft_1cfcac2c98 {\n  left: 21px;\n}\n.monthYearPicker_74d2a800b1 .navigationWrapper_d765170d2d.navigationRight_5ba6b175cf {\n  right: 21px;\n}\n.monthYearPicker_74d2a800b1 .pickerOptions_1f915fc050 {\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_74d2a800b1 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
+var e={monthYearPicker:"monthYearPicker_918e3290f3",navigationWrapper:"navigationWrapper_90ecc8a9e2",navigationLeft:"navigationLeft_73681776ad",navigationRight:"navigationRight_121da19511",pickerOptions:"pickerOptions_b462bb9156"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ae0835531883_0_0_159";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_918e3290f3 {\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_918e3290f3 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_918e3290f3 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_918e3290f3 .navigationWrapper_90ecc8a9e2 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_918e3290f3 .navigationWrapper_90ecc8a9e2.navigationLeft_73681776ad {\n  left: 21px;\n}\n.monthYearPicker_918e3290f3 .navigationWrapper_90ecc8a9e2.navigationRight_121da19511 {\n  right: 21px;\n}\n.monthYearPicker_918e3290f3 .pickerOptions_b462bb9156 {\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_918e3290f3 .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 d={arrow:"arrow_f70dd11dd9"};!function(d){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-c86e07e1dadb_0_0_157";if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(d))}(".arrow_f70dd11dd9 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-level-100);\n}\n\n.arrow_f70dd11dd9[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_f70dd11dd9[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_f70dd11dd9[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_f70dd11dd9[data-placement*=right] {\n  left: 1px;\n}");export{d as default};
+var e={arrow:"arrow_9d545601c7"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c86e07e1dadb_0_0_159";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))}(".arrow_9d545601c7 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-level-100);\n}\n\n.arrow_9d545601c7[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_9d545601c7[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_9d545601c7[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_9d545601c7[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map