@heliux-org/design-system-core 0.0.148 → 0.0.149

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

@@ -1,2 +1,2 @@
-var e={button:"button_2838d3f396","focus-visible":"focus-visible_206ad86cba",loader:"loader_9ce3f1599e",loaderSvg:"loaderSvg_acc1fcf02a",textPlaceholder:"textPlaceholder_019d73fe18",success:"success_c91fb0c900",successContent:"successContent_eb7eda8ca5",marginRight:"marginRight_b0de729468",marginLeft:"marginLeft_8e1ec394fa",rightFlat:"rightFlat_921fe56426",leftFlat:"leftFlat_f3b9b14a69",stretched:"stretched_fa0f6e55bd",preventClickAnimation:"preventClickAnimation_8382e5dea8",leftIcon:"leftIcon_b0de729468",rightIcon:"rightIcon_8e1ec394fa",sizeXxs:"sizeXxs_ba1484961c",sizeXs:"sizeXs_1c703379d9",sizeSmall:"sizeSmall_d5cead9ce3",sizeMedium:"sizeMedium_d23d8b8faf",sizeLarge:"sizeLarge_1258662694",kindPrimary:"kindPrimary_7cb05003c7",colorPrimary:"colorPrimary_13805e71c3",colorBrand:"colorBrand_d1243bf953",colorPrimaryActive:"colorPrimaryActive_da6c00b3e2",colorBrandActive:"colorBrandActive_abc0ed4f5f",colorPositive:"colorPositive_0541a62089",colorPositiveActive:"colorPositiveActive_8934e7fcb9",colorNegative:"colorNegative_e005b606c6",colorNegativeActive:"colorNegativeActive_8934e7fcb9",colorInverted:"colorInverted_22096a4958",colorInvertedActive:"colorInvertedActive_8934e7fcb9",disabled:"disabled_207ef83c77",colorOnPrimaryColor:"colorOnPrimaryColor_ec3c2aa6f1",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_f7f5f195fb",colorFixedLight:"colorFixedLight_72e51287df",colorFixedLightActive:"colorFixedLightActive_8382e5dea8",colorOnInvertedBackground:"colorOnInvertedBackground_22096a4958",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_dbcdcee756",kindSecondary:"kindSecondary_fe6c1edefc",kindTertiary:"kindTertiary_9eb5f21f71",noSidePadding:"noSidePadding_39bf38224a",insetFocusStyle:"insetFocusStyle_1c1e458a99"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],r="s_id-d31f50cc72b8_0_0_147";if(o.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}(".button_2838d3f396 {\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_2838d3f396:focus-visible, .button_2838d3f396.focus-visible_206ad86cba {\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_2838d3f396:focus:not(.focus-visible_206ad86cba) {\n  outline: none;\n}\n.button_2838d3f396 .loader_9ce3f1599e {\n  height: 100%;\n}\n.button_2838d3f396 .loader_9ce3f1599e .loaderSvg_acc1fcf02a {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_2838d3f396 .textPlaceholder_019d73fe18 {\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_2838d3f396.success_c91fb0c900 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_2838d3f396.success_c91fb0c900 .successContent_eb7eda8ca5 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_b0de729468 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_8e1ec394fa {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_921fe56426 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_f3b9b14a69 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.stretched_fa0f6e55bd {\n  flex-grow: 1;\n}\n.button_2838d3f396:active:not(.preventClickAnimation_8382e5dea8) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_2838d3f396 .leftIcon_b0de729468 {\n  margin-right: var(--spacing-small);\n}\n.button_2838d3f396 .rightIcon_8e1ec394fa {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_ba1484961c {\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_1c703379d9 {\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_1c703379d9 .leftIcon_b0de729468 {\n  margin-right: var(--spacing-xs);\n}\n.sizeXs_1c703379d9 .rightIcon_8e1ec394fa {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_d5cead9ce3 {\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_d5cead9ce3 .leftIcon_b0de729468 {\n  margin-right: var(--spacing-xs);\n}\n.sizeSmall_d5cead9ce3 .rightIcon_8e1ec394fa {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_d5cead9ce3 .loader_9ce3f1599e {\n  top: 7px;\n}\n.sizeMedium_d23d8b8faf {\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_1258662694 {\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_7cb05003c7 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_7cb05003c7.colorPrimary_13805e71c3 {\n  background: var(--primary-color);\n}\n.kindPrimary_7cb05003c7.colorBrand_d1243bf953 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_7cb05003c7.colorPrimaryActive_da6c00b3e2,\n.kindPrimary_7cb05003c7.colorPrimary_13805e71c3:hover,\n.kindPrimary_7cb05003c7.colorPrimary_13805e71c3:focus {\n  background: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n.kindPrimary_7cb05003c7.colorBrandActive_abc0ed4f5f,\n.kindPrimary_7cb05003c7.colorBrand_d1243bf953:hover,\n.kindPrimary_7cb05003c7.colorBrand_d1243bf953:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_7cb05003c7.colorPositive_0541a62089 {\n  background: var(--positive-color);\n}\n.kindPrimary_7cb05003c7.colorPositiveActive_8934e7fcb9,\n.kindPrimary_7cb05003c7.colorPositive_0541a62089:hover,\n.kindPrimary_7cb05003c7.colorPositive_0541a62089:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_7cb05003c7.colorNegative_e005b606c6 {\n  background: var(--negative-color);\n}\n.kindPrimary_7cb05003c7.colorNegativeActive_8934e7fcb9,\n.kindPrimary_7cb05003c7.colorNegative_e005b606c6:hover,\n.kindPrimary_7cb05003c7.colorNegative_e005b606c6:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_7cb05003c7.colorInverted_22096a4958 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_7cb05003c7.colorInvertedActive_8934e7fcb9,\n.kindPrimary_7cb05003c7.colorInverted_22096a4958:hover,\n.kindPrimary_7cb05003c7.colorInverted_22096a4958:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_7cb05003c7.button_2838d3f396.colorInverted_22096a4958.disabled_207ef83c77 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_7cb05003c7.colorOnPrimaryColor_ec3c2aa6f1 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_7cb05003c7.colorOnPrimaryColorActive_f7f5f195fb,\n.kindPrimary_7cb05003c7.colorOnPrimaryColor_ec3c2aa6f1:hover,\n.kindPrimary_7cb05003c7.colorOnPrimaryColor_ec3c2aa6f1:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_7cb05003c7.colorOnPrimaryColorActive_f7f5f195fb:focus-visible, .kindPrimary_7cb05003c7.colorOnPrimaryColorActive_f7f5f195fb.focus-visible_206ad86cba,\n.kindPrimary_7cb05003c7.colorOnPrimaryColor_ec3c2aa6f1:hover:focus-visible,\n.kindPrimary_7cb05003c7.colorOnPrimaryColor_ec3c2aa6f1:hover.focus-visible_206ad86cba,\n.kindPrimary_7cb05003c7.colorOnPrimaryColor_ec3c2aa6f1:focus:focus-visible,\n.kindPrimary_7cb05003c7.colorOnPrimaryColor_ec3c2aa6f1:focus.focus-visible_206ad86cba {\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_7cb05003c7.colorOnPrimaryColorActive_f7f5f195fb:focus:not(.focus-visible_206ad86cba),\n.kindPrimary_7cb05003c7.colorOnPrimaryColor_ec3c2aa6f1:hover:focus:not(.focus-visible_206ad86cba),\n.kindPrimary_7cb05003c7.colorOnPrimaryColor_ec3c2aa6f1:focus:focus:not(.focus-visible_206ad86cba) {\n  outline: none;\n}\n.kindPrimary_7cb05003c7.colorOnPrimaryColor_ec3c2aa6f1.disabled_207ef83c77 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_7cb05003c7.colorFixedLight_72e51287df {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_7cb05003c7.colorFixedLightActive_8382e5dea8,\n.kindPrimary_7cb05003c7.colorFixedLight_72e51287df:hover,\n.kindPrimary_7cb05003c7.colorFixedLight_72e51287df:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_7cb05003c7.colorFixedLightActive_8382e5dea8:focus-visible, .kindPrimary_7cb05003c7.colorFixedLightActive_8382e5dea8.focus-visible_206ad86cba,\n.kindPrimary_7cb05003c7.colorFixedLight_72e51287df:hover:focus-visible,\n.kindPrimary_7cb05003c7.colorFixedLight_72e51287df:hover.focus-visible_206ad86cba,\n.kindPrimary_7cb05003c7.colorFixedLight_72e51287df:focus:focus-visible,\n.kindPrimary_7cb05003c7.colorFixedLight_72e51287df:focus.focus-visible_206ad86cba {\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_7cb05003c7.colorFixedLightActive_8382e5dea8:focus:not(.focus-visible_206ad86cba),\n.kindPrimary_7cb05003c7.colorFixedLight_72e51287df:hover:focus:not(.focus-visible_206ad86cba),\n.kindPrimary_7cb05003c7.colorFixedLight_72e51287df:focus:focus:not(.focus-visible_206ad86cba) {\n  outline: none;\n}\n.kindPrimary_7cb05003c7.colorFixedLight_72e51287df.disabled_207ef83c77 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_7cb05003c7.colorOnInvertedBackground_22096a4958 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_7cb05003c7.colorOnInvertedBackgroundActive_dbcdcee756,\n.kindPrimary_7cb05003c7.colorOnInvertedBackground_22096a4958:hover,\n.kindPrimary_7cb05003c7.colorOnInvertedBackground_22096a4958:focus {\n  background: var(--surface-level-100);\n  color: var(--text-primary);\n}\n.kindPrimary_7cb05003c7.button_2838d3f396.colorOnInvertedBackground_22096a4958.disabled_207ef83c77 {\n  background: var(--surface-inverse);\n  color: var(--text-secondary);\n  opacity: 0.5;\n}\n.kindPrimary_7cb05003c7.button_2838d3f396.disabled_207ef83c77 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_fe6c1edefc {\n  border: 1px solid;\n  border-color: transparent;\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindSecondary_fe6c1edefc.sizeSmall_d5cead9ce3 {\n  line-height: 22px;\n}\n.kindSecondary_fe6c1edefc.sizeMedium_d23d8b8faf {\n  line-height: 22px;\n}\n.kindSecondary_fe6c1edefc.sizeLarge_1258662694 {\n  line-height: 22px;\n}\n.kindSecondary_fe6c1edefc.colorPrimaryActive_da6c00b3e2,\n.kindSecondary_fe6c1edefc.colorPrimaryActive_da6c00b3e2:hover {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n.kindSecondary_fe6c1edefc.colorBrandActive_abc0ed4f5f {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_fe6c1edefc.colorBrandActive_abc0ed4f5f,\n.kindSecondary_fe6c1edefc.colorBrandActive_abc0ed4f5f:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_fe6c1edefc.colorPrimary_13805e71c3:hover:not(.colorPrimaryActive_da6c00b3e2),\n.kindSecondary_fe6c1edefc.colorPrimary_13805e71c3:focus:not(.colorPrimaryActive_da6c00b3e2) {\n  background: var(--surface-level-300);\n  box-shadow: var(--effect-divider-halo);\n  border: 1px solid var(--divider-selected);\n}\n.kindSecondary_fe6c1edefc.colorBrand_d1243bf953:hover:not(.colorBrandActive_abc0ed4f5f),\n.kindSecondary_fe6c1edefc.colorBrand_d1243bf953:focus:not(.colorBrandActive_abc0ed4f5f) {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_fe6c1edefc.colorPositive_0541a62089 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_fe6c1edefc.colorPositiveActive_8934e7fcb9,\n.kindSecondary_fe6c1edefc.colorPositive_0541a62089:hover,\n.kindSecondary_fe6c1edefc.colorPositive_0541a62089:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_fe6c1edefc.colorNegative_e005b606c6 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_fe6c1edefc.colorNegativeActive_8934e7fcb9,\n.kindSecondary_fe6c1edefc.colorNegative_e005b606c6:hover,\n.kindSecondary_fe6c1edefc.colorNegative_e005b606c6:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_fe6c1edefc.colorInverted_22096a4958 {\n  color: var(--text-primary);\n  border-color: var(--text-primary);\n}\n.kindSecondary_fe6c1edefc.colorInvertedActive_8934e7fcb9,\n.kindSecondary_fe6c1edefc.colorInverted_22096a4958:hover,\n.kindSecondary_fe6c1edefc.colorInverted_22096a4958:focus {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_fe6c1edefc.colorInverted_22096a4958.disabled_207ef83c77 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_fe6c1edefc.colorOnPrimaryColor_ec3c2aa6f1 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_fe6c1edefc.colorOnPrimaryColorActive_f7f5f195fb,\n.kindSecondary_fe6c1edefc.colorOnPrimaryColor_ec3c2aa6f1:hover,\n.kindSecondary_fe6c1edefc.colorOnPrimaryColor_ec3c2aa6f1:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_fe6c1edefc.colorOnPrimaryColorActive_f7f5f195fb:focus-visible, .kindSecondary_fe6c1edefc.colorOnPrimaryColorActive_f7f5f195fb.focus-visible_206ad86cba,\n.kindSecondary_fe6c1edefc.colorOnPrimaryColor_ec3c2aa6f1:hover:focus-visible,\n.kindSecondary_fe6c1edefc.colorOnPrimaryColor_ec3c2aa6f1:hover.focus-visible_206ad86cba,\n.kindSecondary_fe6c1edefc.colorOnPrimaryColor_ec3c2aa6f1:focus:focus-visible,\n.kindSecondary_fe6c1edefc.colorOnPrimaryColor_ec3c2aa6f1:focus.focus-visible_206ad86cba {\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_fe6c1edefc.colorOnPrimaryColorActive_f7f5f195fb:focus:not(.focus-visible_206ad86cba),\n.kindSecondary_fe6c1edefc.colorOnPrimaryColor_ec3c2aa6f1:hover:focus:not(.focus-visible_206ad86cba),\n.kindSecondary_fe6c1edefc.colorOnPrimaryColor_ec3c2aa6f1:focus:focus:not(.focus-visible_206ad86cba) {\n  outline: none;\n}\n.kindSecondary_fe6c1edefc.colorOnPrimaryColor_ec3c2aa6f1.disabled_207ef83c77 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_fe6c1edefc.colorFixedLight_72e51287df {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_fe6c1edefc.colorFixedLightActive_8382e5dea8,\n.kindSecondary_fe6c1edefc.colorFixedLight_72e51287df:hover,\n.kindSecondary_fe6c1edefc.colorFixedLight_72e51287df:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_fe6c1edefc.colorFixedLightActive_8382e5dea8:focus-visible, .kindSecondary_fe6c1edefc.colorFixedLightActive_8382e5dea8.focus-visible_206ad86cba,\n.kindSecondary_fe6c1edefc.colorFixedLight_72e51287df:hover:focus-visible,\n.kindSecondary_fe6c1edefc.colorFixedLight_72e51287df:hover.focus-visible_206ad86cba,\n.kindSecondary_fe6c1edefc.colorFixedLight_72e51287df:focus:focus-visible,\n.kindSecondary_fe6c1edefc.colorFixedLight_72e51287df:focus.focus-visible_206ad86cba {\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_fe6c1edefc.colorFixedLightActive_8382e5dea8:focus:not(.focus-visible_206ad86cba),\n.kindSecondary_fe6c1edefc.colorFixedLight_72e51287df:hover:focus:not(.focus-visible_206ad86cba),\n.kindSecondary_fe6c1edefc.colorFixedLight_72e51287df:focus:focus:not(.focus-visible_206ad86cba) {\n  outline: none;\n}\n.kindSecondary_fe6c1edefc.colorOnInvertedBackground_22096a4958 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_fe6c1edefc.colorOnInvertedBackgroundActive_dbcdcee756,\n.kindSecondary_fe6c1edefc.colorOnInvertedBackground_22096a4958:hover,\n.kindSecondary_fe6c1edefc.colorOnInvertedBackground_22096a4958:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_fe6c1edefc.colorOnInvertedBackground_22096a4958.disabled_207ef83c77 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_fe6c1edefc.colorFixedLight_72e51287df.disabled_207ef83c77 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_fe6c1edefc.disabled_207ef83c77 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_fe6c1edefc.disabled_207ef83c77:hover {\n  background-color: transparent;\n}\n.kindTertiary_9eb5f21f71 {\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.kindTertiary_9eb5f21f71.colorPrimaryActive_da6c00b3e2,\n.kindTertiary_9eb5f21f71.colorPrimaryActive_da6c00b3e2:hover {\n  background-color: var(--surface-selected);\n}\n.kindTertiary_9eb5f21f71.colorBrandActive_abc0ed4f5f {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_9eb5f21f71.colorBrandActive_abc0ed4f5f,\n.kindTertiary_9eb5f21f71.colorBrandActive_abc0ed4f5f:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_9eb5f21f71.colorPrimary_13805e71c3:hover:not(.colorPrimaryActive_da6c00b3e2),\n.kindTertiary_9eb5f21f71.colorPrimary_13805e71c3:focus:not(.colorPrimaryActive_da6c00b3e2) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_9eb5f21f71.colorBrand_d1243bf953:hover:not(.colorBrandActive_abc0ed4f5f),\n.kindTertiary_9eb5f21f71.colorBrand_d1243bf953:focus:not(.colorBrandActive_abc0ed4f5f) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_9eb5f21f71.colorPositive_0541a62089 {\n  color: var(--positive-color);\n}\n.kindTertiary_9eb5f21f71.colorPositiveActive_8934e7fcb9,\n.kindTertiary_9eb5f21f71.colorPositive_0541a62089:hover,\n.kindTertiary_9eb5f21f71.colorPositive_0541a62089:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_9eb5f21f71.colorNegative_e005b606c6 {\n  color: var(--negative-color);\n}\n.kindTertiary_9eb5f21f71.colorNegativeActive_8934e7fcb9,\n.kindTertiary_9eb5f21f71.colorNegative_e005b606c6:hover,\n.kindTertiary_9eb5f21f71.colorNegative_e005b606c6:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_9eb5f21f71.colorInverted_22096a4958 {\n  color: var(--text-primary);\n}\n.kindTertiary_9eb5f21f71.colorInvertedActive_8934e7fcb9,\n.kindTertiary_9eb5f21f71.colorInverted_22096a4958:hover,\n.kindTertiary_9eb5f21f71.colorInverted_22096a4958:focus {\n  background: var(--surface-level-200);\n}\n.kindTertiary_9eb5f21f71.colorInverted_22096a4958.disabled_207ef83c77 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_9eb5f21f71.colorOnPrimaryColor_ec3c2aa6f1 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_9eb5f21f71.colorOnPrimaryColorActive_f7f5f195fb,\n.kindTertiary_9eb5f21f71.colorOnPrimaryColor_ec3c2aa6f1:hover,\n.kindTertiary_9eb5f21f71.colorOnPrimaryColor_ec3c2aa6f1:focus {\n  backdrop-filter: brightness(85%);\n  background: var(--icon-color);\n}\n.kindTertiary_9eb5f21f71.colorOnPrimaryColorActive_f7f5f195fb:focus-visible, .kindTertiary_9eb5f21f71.colorOnPrimaryColorActive_f7f5f195fb.focus-visible_206ad86cba,\n.kindTertiary_9eb5f21f71.colorOnPrimaryColor_ec3c2aa6f1:hover:focus-visible,\n.kindTertiary_9eb5f21f71.colorOnPrimaryColor_ec3c2aa6f1:hover.focus-visible_206ad86cba,\n.kindTertiary_9eb5f21f71.colorOnPrimaryColor_ec3c2aa6f1:focus:focus-visible,\n.kindTertiary_9eb5f21f71.colorOnPrimaryColor_ec3c2aa6f1:focus.focus-visible_206ad86cba {\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_9eb5f21f71.colorOnPrimaryColorActive_f7f5f195fb:focus:not(.focus-visible_206ad86cba),\n.kindTertiary_9eb5f21f71.colorOnPrimaryColor_ec3c2aa6f1:hover:focus:not(.focus-visible_206ad86cba),\n.kindTertiary_9eb5f21f71.colorOnPrimaryColor_ec3c2aa6f1:focus:focus:not(.focus-visible_206ad86cba) {\n  outline: none;\n}\n.kindTertiary_9eb5f21f71.colorOnInvertedBackground_22096a4958.disabled_207ef83c77 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_9eb5f21f71.colorOnPrimaryColor_ec3c2aa6f1.disabled_207ef83c77 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_9eb5f21f71.colorFixedLight_72e51287df {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_9eb5f21f71.colorFixedLightActive_8382e5dea8,\n.kindTertiary_9eb5f21f71.colorFixedLight_72e51287df:hover,\n.kindTertiary_9eb5f21f71.colorFixedLight_72e51287df:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_9eb5f21f71.colorFixedLightActive_8382e5dea8:focus-visible, .kindTertiary_9eb5f21f71.colorFixedLightActive_8382e5dea8.focus-visible_206ad86cba,\n.kindTertiary_9eb5f21f71.colorFixedLight_72e51287df:hover:focus-visible,\n.kindTertiary_9eb5f21f71.colorFixedLight_72e51287df:hover.focus-visible_206ad86cba,\n.kindTertiary_9eb5f21f71.colorFixedLight_72e51287df:focus:focus-visible,\n.kindTertiary_9eb5f21f71.colorFixedLight_72e51287df:focus.focus-visible_206ad86cba {\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_9eb5f21f71.colorFixedLightActive_8382e5dea8:focus:not(.focus-visible_206ad86cba),\n.kindTertiary_9eb5f21f71.colorFixedLight_72e51287df:hover:focus:not(.focus-visible_206ad86cba),\n.kindTertiary_9eb5f21f71.colorFixedLight_72e51287df:focus:focus:not(.focus-visible_206ad86cba) {\n  outline: none;\n}\n.kindTertiary_9eb5f21f71.colorFixedLight_72e51287df.disabled_207ef83c77 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_9eb5f21f71.colorOnInvertedBackground_22096a4958 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_9eb5f21f71.colorOnInvertedBackgroundActive_dbcdcee756,\n.kindTertiary_9eb5f21f71.colorOnInvertedBackground_22096a4958:hover,\n.kindTertiary_9eb5f21f71.colorOnInvertedBackground_22096a4958:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_9eb5f21f71.disabled_207ef83c77 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_9eb5f21f71.disabled_207ef83c77:hover {\n  background-color: transparent;\n}\n.noSidePadding_39bf38224a {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_2838d3f396.insetFocusStyle_1c1e458a99:focus-visible, .button_2838d3f396.insetFocusStyle_1c1e458a99.focus-visible_206ad86cba {\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_2838d3f396.insetFocusStyle_1c1e458a99:focus:not(.focus-visible_206ad86cba) {\n  outline: none;\n}");export{e as default};
+var o={button:"button_30dc78aac0","focus-visible":"focus-visible_669cc64922",loader:"loader_47eb1d733c",loaderSvg:"loaderSvg_9bfca683b4",textPlaceholder:"textPlaceholder_f8b5c749ef",success:"success_39f72647cf",successContent:"successContent_0fe0fdb017",marginRight:"marginRight_6146b1144b",marginLeft:"marginLeft_7172bac44f",rightFlat:"rightFlat_b975683e57",leftFlat:"leftFlat_a02eb121a8",stretched:"stretched_0573f2ccef",preventClickAnimation:"preventClickAnimation_74a4de34db",leftIcon:"leftIcon_6146b1144b",rightIcon:"rightIcon_7172bac44f",sizeXxs:"sizeXxs_0750cb25b5",sizeXs:"sizeXs_aa3ab7ed8c",sizeSmall:"sizeSmall_61628245d1",sizeMedium:"sizeMedium_84c687715a",sizeLarge:"sizeLarge_92f3de377a",kindPrimary:"kindPrimary_3680e2e00e",colorPrimary:"colorPrimary_45764f09e7",colorBrand:"colorBrand_d7a85296d9",colorPrimaryActive:"colorPrimaryActive_1882029b71",colorBrandActive:"colorBrandActive_bf22caf49c",colorPositive:"colorPositive_f97e9aff43",colorPositiveActive:"colorPositiveActive_b6f8e0a0cd",colorNegative:"colorNegative_d042df96bc",colorNegativeActive:"colorNegativeActive_b6f8e0a0cd",colorInverted:"colorInverted_965dc09fe6",colorInvertedActive:"colorInvertedActive_b6f8e0a0cd",disabled:"disabled_1b85050461",colorOnPrimaryColor:"colorOnPrimaryColor_bfddc04df5",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_e1d1be1e66",colorFixedLight:"colorFixedLight_1267eff26f",colorFixedLightActive:"colorFixedLightActive_74a4de34db",colorOnInvertedBackground:"colorOnInvertedBackground_965dc09fe6",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_ccd92b306c",kindSecondary:"kindSecondary_4c17bf293c",kindTertiary:"kindTertiary_10143fcf8a",noSidePadding:"noSidePadding_ab17f7c266",insetFocusStyle:"insetFocusStyle_f33f6a30e8"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d31f50cc72b8_0_0_148";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_30dc78aac0 {\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_30dc78aac0:focus-visible, .button_30dc78aac0.focus-visible_669cc64922 {\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_30dc78aac0:focus:not(.focus-visible_669cc64922) {\n  outline: none;\n}\n.button_30dc78aac0 .loader_47eb1d733c {\n  height: 100%;\n}\n.button_30dc78aac0 .loader_47eb1d733c .loaderSvg_9bfca683b4 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_30dc78aac0 .textPlaceholder_f8b5c749ef {\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_30dc78aac0.success_39f72647cf {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_30dc78aac0.success_39f72647cf .successContent_0fe0fdb017 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_6146b1144b {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_7172bac44f {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_b975683e57 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_a02eb121a8 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.stretched_0573f2ccef {\n  flex-grow: 1;\n}\n.button_30dc78aac0:active:not(.preventClickAnimation_74a4de34db) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_30dc78aac0 .leftIcon_6146b1144b {\n  margin-right: var(--spacing-small);\n}\n.button_30dc78aac0 .rightIcon_7172bac44f {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_0750cb25b5 {\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_aa3ab7ed8c {\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_aa3ab7ed8c .leftIcon_6146b1144b {\n  margin-right: var(--spacing-xs);\n}\n.sizeXs_aa3ab7ed8c .rightIcon_7172bac44f {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_61628245d1 {\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_61628245d1 .leftIcon_6146b1144b {\n  margin-right: var(--spacing-xs);\n}\n.sizeSmall_61628245d1 .rightIcon_7172bac44f {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_61628245d1 .loader_47eb1d733c {\n  top: 7px;\n}\n.sizeMedium_84c687715a {\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_92f3de377a {\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_3680e2e00e {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_3680e2e00e.colorPrimary_45764f09e7 {\n  background: var(--primary-color);\n}\n.kindPrimary_3680e2e00e.colorBrand_d7a85296d9 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_3680e2e00e.colorPrimaryActive_1882029b71,\n.kindPrimary_3680e2e00e.colorPrimary_45764f09e7:hover,\n.kindPrimary_3680e2e00e.colorPrimary_45764f09e7:focus {\n  background: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n.kindPrimary_3680e2e00e.colorBrandActive_bf22caf49c,\n.kindPrimary_3680e2e00e.colorBrand_d7a85296d9:hover,\n.kindPrimary_3680e2e00e.colorBrand_d7a85296d9:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_3680e2e00e.colorPositive_f97e9aff43 {\n  background: var(--positive-color);\n}\n.kindPrimary_3680e2e00e.colorPositiveActive_b6f8e0a0cd,\n.kindPrimary_3680e2e00e.colorPositive_f97e9aff43:hover,\n.kindPrimary_3680e2e00e.colorPositive_f97e9aff43:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_3680e2e00e.colorNegative_d042df96bc {\n  background: var(--negative-color);\n}\n.kindPrimary_3680e2e00e.colorNegativeActive_b6f8e0a0cd,\n.kindPrimary_3680e2e00e.colorNegative_d042df96bc:hover,\n.kindPrimary_3680e2e00e.colorNegative_d042df96bc:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_3680e2e00e.colorInverted_965dc09fe6 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_3680e2e00e.colorInvertedActive_b6f8e0a0cd,\n.kindPrimary_3680e2e00e.colorInverted_965dc09fe6:hover,\n.kindPrimary_3680e2e00e.colorInverted_965dc09fe6:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_3680e2e00e.button_30dc78aac0.colorInverted_965dc09fe6.disabled_1b85050461 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_3680e2e00e.colorOnPrimaryColor_bfddc04df5 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_3680e2e00e.colorOnPrimaryColorActive_e1d1be1e66,\n.kindPrimary_3680e2e00e.colorOnPrimaryColor_bfddc04df5:hover,\n.kindPrimary_3680e2e00e.colorOnPrimaryColor_bfddc04df5:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_3680e2e00e.colorOnPrimaryColorActive_e1d1be1e66:focus-visible, .kindPrimary_3680e2e00e.colorOnPrimaryColorActive_e1d1be1e66.focus-visible_669cc64922,\n.kindPrimary_3680e2e00e.colorOnPrimaryColor_bfddc04df5:hover:focus-visible,\n.kindPrimary_3680e2e00e.colorOnPrimaryColor_bfddc04df5:hover.focus-visible_669cc64922,\n.kindPrimary_3680e2e00e.colorOnPrimaryColor_bfddc04df5:focus:focus-visible,\n.kindPrimary_3680e2e00e.colorOnPrimaryColor_bfddc04df5:focus.focus-visible_669cc64922 {\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_3680e2e00e.colorOnPrimaryColorActive_e1d1be1e66:focus:not(.focus-visible_669cc64922),\n.kindPrimary_3680e2e00e.colorOnPrimaryColor_bfddc04df5:hover:focus:not(.focus-visible_669cc64922),\n.kindPrimary_3680e2e00e.colorOnPrimaryColor_bfddc04df5:focus:focus:not(.focus-visible_669cc64922) {\n  outline: none;\n}\n.kindPrimary_3680e2e00e.colorOnPrimaryColor_bfddc04df5.disabled_1b85050461 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_3680e2e00e.colorFixedLight_1267eff26f {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_3680e2e00e.colorFixedLightActive_74a4de34db,\n.kindPrimary_3680e2e00e.colorFixedLight_1267eff26f:hover,\n.kindPrimary_3680e2e00e.colorFixedLight_1267eff26f:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_3680e2e00e.colorFixedLightActive_74a4de34db:focus-visible, .kindPrimary_3680e2e00e.colorFixedLightActive_74a4de34db.focus-visible_669cc64922,\n.kindPrimary_3680e2e00e.colorFixedLight_1267eff26f:hover:focus-visible,\n.kindPrimary_3680e2e00e.colorFixedLight_1267eff26f:hover.focus-visible_669cc64922,\n.kindPrimary_3680e2e00e.colorFixedLight_1267eff26f:focus:focus-visible,\n.kindPrimary_3680e2e00e.colorFixedLight_1267eff26f:focus.focus-visible_669cc64922 {\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_3680e2e00e.colorFixedLightActive_74a4de34db:focus:not(.focus-visible_669cc64922),\n.kindPrimary_3680e2e00e.colorFixedLight_1267eff26f:hover:focus:not(.focus-visible_669cc64922),\n.kindPrimary_3680e2e00e.colorFixedLight_1267eff26f:focus:focus:not(.focus-visible_669cc64922) {\n  outline: none;\n}\n.kindPrimary_3680e2e00e.colorFixedLight_1267eff26f.disabled_1b85050461 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_3680e2e00e.colorOnInvertedBackground_965dc09fe6 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_3680e2e00e.colorOnInvertedBackgroundActive_ccd92b306c,\n.kindPrimary_3680e2e00e.colorOnInvertedBackground_965dc09fe6:hover,\n.kindPrimary_3680e2e00e.colorOnInvertedBackground_965dc09fe6:focus {\n  background: var(--surface-level-100);\n  color: var(--text-primary);\n}\n.kindPrimary_3680e2e00e.button_30dc78aac0.colorOnInvertedBackground_965dc09fe6.disabled_1b85050461 {\n  background: var(--surface-inverse);\n  color: var(--text-secondary);\n  opacity: 0.5;\n}\n.kindPrimary_3680e2e00e.button_30dc78aac0.disabled_1b85050461 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_4c17bf293c {\n  border: 1px solid;\n  border-color: transparent;\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindSecondary_4c17bf293c.sizeSmall_61628245d1 {\n  line-height: 22px;\n}\n.kindSecondary_4c17bf293c.sizeMedium_84c687715a {\n  line-height: 22px;\n}\n.kindSecondary_4c17bf293c.sizeLarge_92f3de377a {\n  line-height: 22px;\n}\n.kindSecondary_4c17bf293c.colorPrimaryActive_1882029b71,\n.kindSecondary_4c17bf293c.colorPrimaryActive_1882029b71:hover {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n.kindSecondary_4c17bf293c.colorBrandActive_bf22caf49c {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_4c17bf293c.colorBrandActive_bf22caf49c,\n.kindSecondary_4c17bf293c.colorBrandActive_bf22caf49c:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_4c17bf293c.colorPrimary_45764f09e7:hover:not(.colorPrimaryActive_1882029b71),\n.kindSecondary_4c17bf293c.colorPrimary_45764f09e7:focus:not(.colorPrimaryActive_1882029b71) {\n  background: var(--surface-level-300);\n  box-shadow: var(--effect-divider-halo);\n  border: 1px solid var(--divider-selected);\n}\n.kindSecondary_4c17bf293c.colorBrand_d7a85296d9:hover:not(.colorBrandActive_bf22caf49c),\n.kindSecondary_4c17bf293c.colorBrand_d7a85296d9:focus:not(.colorBrandActive_bf22caf49c) {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_4c17bf293c.colorPositive_f97e9aff43 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_4c17bf293c.colorPositiveActive_b6f8e0a0cd,\n.kindSecondary_4c17bf293c.colorPositive_f97e9aff43:hover,\n.kindSecondary_4c17bf293c.colorPositive_f97e9aff43:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_4c17bf293c.colorNegative_d042df96bc {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_4c17bf293c.colorNegativeActive_b6f8e0a0cd,\n.kindSecondary_4c17bf293c.colorNegative_d042df96bc:hover,\n.kindSecondary_4c17bf293c.colorNegative_d042df96bc:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_4c17bf293c.colorInverted_965dc09fe6 {\n  color: var(--text-primary);\n  border-color: var(--text-primary);\n}\n.kindSecondary_4c17bf293c.colorInvertedActive_b6f8e0a0cd,\n.kindSecondary_4c17bf293c.colorInverted_965dc09fe6:hover,\n.kindSecondary_4c17bf293c.colorInverted_965dc09fe6:focus {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_4c17bf293c.colorInverted_965dc09fe6.disabled_1b85050461 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_4c17bf293c.colorOnPrimaryColor_bfddc04df5 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_4c17bf293c.colorOnPrimaryColorActive_e1d1be1e66,\n.kindSecondary_4c17bf293c.colorOnPrimaryColor_bfddc04df5:hover,\n.kindSecondary_4c17bf293c.colorOnPrimaryColor_bfddc04df5:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_4c17bf293c.colorOnPrimaryColorActive_e1d1be1e66:focus-visible, .kindSecondary_4c17bf293c.colorOnPrimaryColorActive_e1d1be1e66.focus-visible_669cc64922,\n.kindSecondary_4c17bf293c.colorOnPrimaryColor_bfddc04df5:hover:focus-visible,\n.kindSecondary_4c17bf293c.colorOnPrimaryColor_bfddc04df5:hover.focus-visible_669cc64922,\n.kindSecondary_4c17bf293c.colorOnPrimaryColor_bfddc04df5:focus:focus-visible,\n.kindSecondary_4c17bf293c.colorOnPrimaryColor_bfddc04df5:focus.focus-visible_669cc64922 {\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_4c17bf293c.colorOnPrimaryColorActive_e1d1be1e66:focus:not(.focus-visible_669cc64922),\n.kindSecondary_4c17bf293c.colorOnPrimaryColor_bfddc04df5:hover:focus:not(.focus-visible_669cc64922),\n.kindSecondary_4c17bf293c.colorOnPrimaryColor_bfddc04df5:focus:focus:not(.focus-visible_669cc64922) {\n  outline: none;\n}\n.kindSecondary_4c17bf293c.colorOnPrimaryColor_bfddc04df5.disabled_1b85050461 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_4c17bf293c.colorFixedLight_1267eff26f {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_4c17bf293c.colorFixedLightActive_74a4de34db,\n.kindSecondary_4c17bf293c.colorFixedLight_1267eff26f:hover,\n.kindSecondary_4c17bf293c.colorFixedLight_1267eff26f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_4c17bf293c.colorFixedLightActive_74a4de34db:focus-visible, .kindSecondary_4c17bf293c.colorFixedLightActive_74a4de34db.focus-visible_669cc64922,\n.kindSecondary_4c17bf293c.colorFixedLight_1267eff26f:hover:focus-visible,\n.kindSecondary_4c17bf293c.colorFixedLight_1267eff26f:hover.focus-visible_669cc64922,\n.kindSecondary_4c17bf293c.colorFixedLight_1267eff26f:focus:focus-visible,\n.kindSecondary_4c17bf293c.colorFixedLight_1267eff26f:focus.focus-visible_669cc64922 {\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_4c17bf293c.colorFixedLightActive_74a4de34db:focus:not(.focus-visible_669cc64922),\n.kindSecondary_4c17bf293c.colorFixedLight_1267eff26f:hover:focus:not(.focus-visible_669cc64922),\n.kindSecondary_4c17bf293c.colorFixedLight_1267eff26f:focus:focus:not(.focus-visible_669cc64922) {\n  outline: none;\n}\n.kindSecondary_4c17bf293c.colorOnInvertedBackground_965dc09fe6 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_4c17bf293c.colorOnInvertedBackgroundActive_ccd92b306c,\n.kindSecondary_4c17bf293c.colorOnInvertedBackground_965dc09fe6:hover,\n.kindSecondary_4c17bf293c.colorOnInvertedBackground_965dc09fe6:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_4c17bf293c.colorOnInvertedBackground_965dc09fe6.disabled_1b85050461 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_4c17bf293c.colorFixedLight_1267eff26f.disabled_1b85050461 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_4c17bf293c.disabled_1b85050461 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_4c17bf293c.disabled_1b85050461:hover {\n  background-color: transparent;\n}\n.kindTertiary_10143fcf8a {\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.kindTertiary_10143fcf8a.colorPrimaryActive_1882029b71,\n.kindTertiary_10143fcf8a.colorPrimaryActive_1882029b71:hover {\n  background-color: var(--surface-selected);\n}\n.kindTertiary_10143fcf8a.colorBrandActive_bf22caf49c {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_10143fcf8a.colorBrandActive_bf22caf49c,\n.kindTertiary_10143fcf8a.colorBrandActive_bf22caf49c:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_10143fcf8a.colorPrimary_45764f09e7:hover:not(.colorPrimaryActive_1882029b71),\n.kindTertiary_10143fcf8a.colorPrimary_45764f09e7:focus:not(.colorPrimaryActive_1882029b71) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_10143fcf8a.colorBrand_d7a85296d9:hover:not(.colorBrandActive_bf22caf49c),\n.kindTertiary_10143fcf8a.colorBrand_d7a85296d9:focus:not(.colorBrandActive_bf22caf49c) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_10143fcf8a.colorPositive_f97e9aff43 {\n  color: var(--positive-color);\n}\n.kindTertiary_10143fcf8a.colorPositiveActive_b6f8e0a0cd,\n.kindTertiary_10143fcf8a.colorPositive_f97e9aff43:hover,\n.kindTertiary_10143fcf8a.colorPositive_f97e9aff43:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_10143fcf8a.colorNegative_d042df96bc {\n  color: var(--negative-color);\n}\n.kindTertiary_10143fcf8a.colorNegativeActive_b6f8e0a0cd,\n.kindTertiary_10143fcf8a.colorNegative_d042df96bc:hover,\n.kindTertiary_10143fcf8a.colorNegative_d042df96bc:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_10143fcf8a.colorInverted_965dc09fe6 {\n  color: var(--text-primary);\n}\n.kindTertiary_10143fcf8a.colorInvertedActive_b6f8e0a0cd,\n.kindTertiary_10143fcf8a.colorInverted_965dc09fe6:hover,\n.kindTertiary_10143fcf8a.colorInverted_965dc09fe6:focus {\n  background: var(--surface-level-200);\n}\n.kindTertiary_10143fcf8a.colorInverted_965dc09fe6.disabled_1b85050461 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_10143fcf8a.colorOnPrimaryColor_bfddc04df5 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_10143fcf8a.colorOnPrimaryColorActive_e1d1be1e66,\n.kindTertiary_10143fcf8a.colorOnPrimaryColor_bfddc04df5:hover,\n.kindTertiary_10143fcf8a.colorOnPrimaryColor_bfddc04df5:focus {\n  backdrop-filter: brightness(85%);\n  background: var(--icon-color);\n}\n.kindTertiary_10143fcf8a.colorOnPrimaryColorActive_e1d1be1e66:focus-visible, .kindTertiary_10143fcf8a.colorOnPrimaryColorActive_e1d1be1e66.focus-visible_669cc64922,\n.kindTertiary_10143fcf8a.colorOnPrimaryColor_bfddc04df5:hover:focus-visible,\n.kindTertiary_10143fcf8a.colorOnPrimaryColor_bfddc04df5:hover.focus-visible_669cc64922,\n.kindTertiary_10143fcf8a.colorOnPrimaryColor_bfddc04df5:focus:focus-visible,\n.kindTertiary_10143fcf8a.colorOnPrimaryColor_bfddc04df5:focus.focus-visible_669cc64922 {\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_10143fcf8a.colorOnPrimaryColorActive_e1d1be1e66:focus:not(.focus-visible_669cc64922),\n.kindTertiary_10143fcf8a.colorOnPrimaryColor_bfddc04df5:hover:focus:not(.focus-visible_669cc64922),\n.kindTertiary_10143fcf8a.colorOnPrimaryColor_bfddc04df5:focus:focus:not(.focus-visible_669cc64922) {\n  outline: none;\n}\n.kindTertiary_10143fcf8a.colorOnInvertedBackground_965dc09fe6.disabled_1b85050461 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_10143fcf8a.colorOnPrimaryColor_bfddc04df5.disabled_1b85050461 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_10143fcf8a.colorFixedLight_1267eff26f {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_10143fcf8a.colorFixedLightActive_74a4de34db,\n.kindTertiary_10143fcf8a.colorFixedLight_1267eff26f:hover,\n.kindTertiary_10143fcf8a.colorFixedLight_1267eff26f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_10143fcf8a.colorFixedLightActive_74a4de34db:focus-visible, .kindTertiary_10143fcf8a.colorFixedLightActive_74a4de34db.focus-visible_669cc64922,\n.kindTertiary_10143fcf8a.colorFixedLight_1267eff26f:hover:focus-visible,\n.kindTertiary_10143fcf8a.colorFixedLight_1267eff26f:hover.focus-visible_669cc64922,\n.kindTertiary_10143fcf8a.colorFixedLight_1267eff26f:focus:focus-visible,\n.kindTertiary_10143fcf8a.colorFixedLight_1267eff26f:focus.focus-visible_669cc64922 {\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_10143fcf8a.colorFixedLightActive_74a4de34db:focus:not(.focus-visible_669cc64922),\n.kindTertiary_10143fcf8a.colorFixedLight_1267eff26f:hover:focus:not(.focus-visible_669cc64922),\n.kindTertiary_10143fcf8a.colorFixedLight_1267eff26f:focus:focus:not(.focus-visible_669cc64922) {\n  outline: none;\n}\n.kindTertiary_10143fcf8a.colorFixedLight_1267eff26f.disabled_1b85050461 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_10143fcf8a.colorOnInvertedBackground_965dc09fe6 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_10143fcf8a.colorOnInvertedBackgroundActive_ccd92b306c,\n.kindTertiary_10143fcf8a.colorOnInvertedBackground_965dc09fe6:hover,\n.kindTertiary_10143fcf8a.colorOnInvertedBackground_965dc09fe6:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_10143fcf8a.disabled_1b85050461 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_10143fcf8a.disabled_1b85050461:hover {\n  background-color: transparent;\n}\n.noSidePadding_ab17f7c266 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_30dc78aac0.insetFocusStyle_f33f6a30e8:focus-visible, .button_30dc78aac0.insetFocusStyle_f33f6a30e8.focus-visible_669cc64922 {\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_30dc78aac0.insetFocusStyle_f33f6a30e8:focus:not(.focus-visible_669cc64922) {\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_c4ea8ece86",subTextContainer:"subTextContainer_98b842740d",buttonsContainer:"buttonsContainer_2082999f7e",button:"button_5054a4996a",activeButton:"activeButton_79492ba409",optionText:"optionText_d88e149df8",disabled:"disabled_bda6dbf2c7",selected:"selected_7ec277bcd0",kindTertiary:"kindTertiary_abd8cecf22",wrapper:"wrapper_5b74bdc93c",buttonDisabled:"buttonDisabled_64525a8399"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-98261c00be2f_0_0_147";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_c4ea8ece86 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_98b842740d {\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_2082999f7e {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_2082999f7e .button_5054a4996a {\n  border: 1px solid;\n  background-color: var(--surface-level-100);\n  border-color: var(--divider-primary);\n}\n\n.buttonsContainer_2082999f7e .button_5054a4996a.activeButton_79492ba409 {\n  z-index: 20;\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_2082999f7e .button_5054a4996a.activeButton_79492ba409:hover {\n  background-color: var(--surface-selected);\n}\n\n.optionText_d88e149df8:not(.disabled_bda6dbf2c7) {\n  color: var(--text-primary);\n}\n\n.optionText_d88e149df8:not(.disabled_bda6dbf2c7).selected_7ec277bcd0 {\n  z-index: 10;\n  color: var(--text-primary);\n}\n\n.kindTertiary_abd8cecf22 .button_5054a4996a {\n  border-color: transparent;\n}\n\n.kindTertiary_abd8cecf22 .button_5054a4996a:first-child {\n  border-color: transparent;\n}\n\n.wrapper_5b74bdc93c.disabled_bda6dbf2c7 {\n  cursor: not-allowed;\n}\n\n.button_5054a4996a.disabled_bda6dbf2c7 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_5054a4996a.buttonDisabled_64525a8399 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}");export{n as default};
+var e={buttonGroup:"buttonGroup_40ac41915c",subTextContainer:"subTextContainer_eb63dbfd69",buttonsContainer:"buttonsContainer_1ea4795032",button:"button_b0eda5d795",activeButton:"activeButton_17c2e0581c",optionText:"optionText_f95277bd1e",disabled:"disabled_e74912d0e2",selected:"selected_dbf0fd88e5",kindTertiary:"kindTertiary_213e17e78e",wrapper:"wrapper_eb0d327441",buttonDisabled:"buttonDisabled_980bf7619e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-98261c00be2f_0_0_148";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_40ac41915c {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_eb63dbfd69 {\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_1ea4795032 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_1ea4795032 .button_b0eda5d795 {\n  border: 1px solid;\n  background-color: var(--surface-level-100);\n  border-color: var(--divider-primary);\n}\n\n.buttonsContainer_1ea4795032 .button_b0eda5d795.activeButton_17c2e0581c {\n  z-index: 20;\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_1ea4795032 .button_b0eda5d795.activeButton_17c2e0581c:hover {\n  background-color: var(--surface-selected);\n}\n\n.optionText_f95277bd1e:not(.disabled_e74912d0e2) {\n  color: var(--text-primary);\n}\n\n.optionText_f95277bd1e:not(.disabled_e74912d0e2).selected_dbf0fd88e5 {\n  z-index: 10;\n  color: var(--text-primary);\n}\n\n.kindTertiary_213e17e78e .button_b0eda5d795 {\n  border-color: transparent;\n}\n\n.kindTertiary_213e17e78e .button_b0eda5d795:first-child {\n  border-color: transparent;\n}\n\n.wrapper_eb0d327441.disabled_e74912d0e2 {\n  cursor: not-allowed;\n}\n\n.button_b0eda5d795.disabled_e74912d0e2 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_b0eda5d795.buttonDisabled_980bf7619e {\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_3bf4853f74",checkbox:"checkbox_6c9f74d142",icon:"icon_8429982370",label:"label_2084d39532",input:"input_55889499e0",checkboxGrowAnimation:"checkboxGrowAnimation_8bbdc022c2"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-48d5620ebb3c_0_0_147";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_3bf4853f74 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_6c9f74d142 {\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_6c9f74d142: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_6c9f74d142:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon_8429982370 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_2084d39532 {\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_55889499e0 {\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_55889499e0:focus + .checkbox_6c9f74d142 {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_55889499e0:focus:checked + .checkbox_6c9f74d142 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_55889499e0:focus-visible + .checkbox_6c9f74d142 {\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_55889499e0:checked:focus + .checkbox_6c9f74d142:after,\n.input_55889499e0:indeterminate:focus + .checkbox_6c9f74d142:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_55889499e0:checked + .checkbox_6c9f74d142,\n.input_55889499e0:indeterminate + .checkbox_6c9f74d142 {\n  animation: checkboxGrowAnimation_8bbdc022c2 var(--motion-productive-short);\n}\n\n.input_55889499e0:checked + .checkbox_6c9f74d142,\n.input_55889499e0:indeterminate + .checkbox_6c9f74d142 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_55889499e0:checked + .checkbox_6c9f74d142:hover,\n.input_55889499e0:indeterminate + .checkbox_6c9f74d142:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_55889499e0:checked + .checkbox_6c9f74d142:hover:after,\n.input_55889499e0:indeterminate + .checkbox_6c9f74d142:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_55889499e0:checked + .checkbox_6c9f74d142:after,\n.input_55889499e0:indeterminate + .checkbox_6c9f74d142: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_55889499e0:checked + .checkbox_6c9f74d142 > .icon_8429982370,\n.input_55889499e0:indeterminate + .checkbox_6c9f74d142 > .icon_8429982370 {\n  visibility: visible;\n}\n\n.input_55889499e0:checked:disabled + .checkbox_6c9f74d142:after,\n.input_55889499e0:indeterminate:disabled + .checkbox_6c9f74d142:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_55889499e0:disabled + .checkbox_6c9f74d142,\n.input_55889499e0:disabled + .checkbox_6c9f74d142:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input_55889499e0:disabled + .checkbox_6c9f74d142 .icon_8429982370,\n.input_55889499e0:disabled + .checkbox_6c9f74d142:hover .icon_8429982370 {\n  color: var(--disabled-text-color);\n}\n\n.input_55889499e0:disabled + .checkbox_6c9f74d142,\n.input_55889499e0:disabled + .checkbox_6c9f74d142:hover {\n  cursor: not-allowed;\n}\n\n.input_55889499e0:disabled ~ .label_2084d39532 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_8bbdc022c2 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var e={wrapper:"wrapper_e402b90b6f",checkbox:"checkbox_1e42752545",icon:"icon_33f32aa910",label:"label_a9100051ee",input:"input_8e91010fed",checkboxGrowAnimation:"checkboxGrowAnimation_ffa825cc8d"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-48d5620ebb3c_0_0_148";if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}('.wrapper_e402b90b6f {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_1e42752545 {\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_1e42752545: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_1e42752545:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon_33f32aa910 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_a9100051ee {\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_8e91010fed {\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_8e91010fed:focus + .checkbox_1e42752545 {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_8e91010fed:focus:checked + .checkbox_1e42752545 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_8e91010fed:focus-visible + .checkbox_1e42752545 {\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_8e91010fed:checked:focus + .checkbox_1e42752545:after,\n.input_8e91010fed:indeterminate:focus + .checkbox_1e42752545:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_8e91010fed:checked + .checkbox_1e42752545,\n.input_8e91010fed:indeterminate + .checkbox_1e42752545 {\n  animation: checkboxGrowAnimation_ffa825cc8d var(--motion-productive-short);\n}\n\n.input_8e91010fed:checked + .checkbox_1e42752545,\n.input_8e91010fed:indeterminate + .checkbox_1e42752545 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_8e91010fed:checked + .checkbox_1e42752545:hover,\n.input_8e91010fed:indeterminate + .checkbox_1e42752545:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_8e91010fed:checked + .checkbox_1e42752545:hover:after,\n.input_8e91010fed:indeterminate + .checkbox_1e42752545:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_8e91010fed:checked + .checkbox_1e42752545:after,\n.input_8e91010fed:indeterminate + .checkbox_1e42752545: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_8e91010fed:checked + .checkbox_1e42752545 > .icon_33f32aa910,\n.input_8e91010fed:indeterminate + .checkbox_1e42752545 > .icon_33f32aa910 {\n  visibility: visible;\n}\n\n.input_8e91010fed:checked:disabled + .checkbox_1e42752545:after,\n.input_8e91010fed:indeterminate:disabled + .checkbox_1e42752545:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_8e91010fed:disabled + .checkbox_1e42752545,\n.input_8e91010fed:disabled + .checkbox_1e42752545:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input_8e91010fed:disabled + .checkbox_1e42752545 .icon_33f32aa910,\n.input_8e91010fed:disabled + .checkbox_1e42752545:hover .icon_33f32aa910 {\n  color: var(--disabled-text-color);\n}\n\n.input_8e91010fed:disabled + .checkbox_1e42752545,\n.input_8e91010fed:disabled + .checkbox_1e42752545:hover {\n  cursor: not-allowed;\n}\n\n.input_8e91010fed:disabled ~ .label_a9100051ee {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_ffa825cc8d {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_506ffc4b23","focus-visible":"focus-visible_206ad86cba",disabled:"disabled_75f098df75",disableTextSelection:"disableTextSelection_97e7834bca"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-8d33a9ee9e1f_0_0_147";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_506ffc4b23 {\n  cursor: pointer;\n}\n.clickable_506ffc4b23:focus-visible, .clickable_506ffc4b23.focus-visible_206ad86cba {\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_506ffc4b23:focus:not(.focus-visible_206ad86cba) {\n  outline: none;\n}\n.clickable_506ffc4b23.disabled_75f098df75 {\n  cursor: default;\n}\n.disableTextSelection_97e7834bca {\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_6a1d288a86","focus-visible":"focus-visible_669cc64922",disabled:"disabled_5eb3ac392b",disableTextSelection:"disableTextSelection_b0203f02ee"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-8d33a9ee9e1f_0_0_148";if(n.querySelector("#"+i))return;const a=document.createElement("style");a.id=i,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".clickable_6a1d288a86 {\n  cursor: pointer;\n}\n.clickable_6a1d288a86:focus-visible, .clickable_6a1d288a86.focus-visible_669cc64922 {\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_6a1d288a86:focus:not(.focus-visible_669cc64922) {\n  outline: none;\n}\n.clickable_6a1d288a86.disabled_5eb3ac392b {\n  cursor: default;\n}\n.disableTextSelection_b0203f02ee {\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_10bf7e1919",colorPickerDialogContent:"colorPickerDialogContent_7b910688d7"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_147";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_10bf7e1919.colorPickerDialogContent_7b910688d7 {\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_74e6da5a6b",colorPickerDialogContent:"colorPickerDialogContent_0bc6f34bd8"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_148";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_74e6da5a6b.colorPickerDialogContent_0bc6f34bd8 {\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_b0de729468",clearColorButton:"clearColorButton_e28a8ab31e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-774e60a23ee3_0_0_147";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_b0de729468 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_e28a8ab31e {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_6146b1144b",clearColorButton:"clearColorButton_1ed727ebee"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-774e60a23ee3_0_0_148";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_6146b1144b {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_1ed727ebee {\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_bed0d52d1f"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-0a5f0eb78ee4_0_0_147";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_bed0d52d1f {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_1787ec7499"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-0a5f0eb78ee4_0_0_148";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_1787ec7499 {\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_972844accd",circle:"circle_22996b1c93",feedbackIndicator:"feedbackIndicator_a6a026f812",active:"active_f41e15ea40",selectedColor:"selectedColor_7061c9aba8",colorItem:"colorItem_5f6d55a3e0",colorIndicatorWrapper:"colorIndicatorWrapper_b519220d60",colorItemSizeSmall:"colorItemSizeSmall_d68de0cc30",colorItemSizeMedium:"colorItemSizeMedium_f7dffb5159",colorItemSizeLarge:"colorItemSizeLarge_531ff2846e",colorItemTextMode:"colorItemTextMode_f7f568f1c0",colorIconWhite:"colorIconWhite_c1c25ba897"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_147";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_972844accd {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_972844accd.circle_22996b1c93 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_972844accd {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_972844accd .feedbackIndicator_a6a026f812 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_972844accd:focus,\n.itemWrapper_972844accd:focus-visible,\n.itemWrapper_972844accd.active_f41e15ea40 {\n  outline: none;\n}\n\n.itemWrapper_972844accd:focus .feedbackIndicator_a6a026f812:before,\n.itemWrapper_972844accd:focus-visible .feedbackIndicator_a6a026f812:before,\n.itemWrapper_972844accd.active_f41e15ea40 .feedbackIndicator_a6a026f812: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_972844accd:focus .feedbackIndicator_a6a026f812:after,\n.itemWrapper_972844accd:focus-visible .feedbackIndicator_a6a026f812:after,\n.itemWrapper_972844accd.active_f41e15ea40 .feedbackIndicator_a6a026f812: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_972844accd:hover:not(.active_f41e15ea40):not(.selectedColor_7061c9aba8) .feedbackIndicator_a6a026f812 {\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_972844accd .colorItem_5f6d55a3e0 {\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_972844accd .colorItem_5f6d55a3e0 .colorIndicatorWrapper_b519220d60 {\n  margin-top: 3px;\n}\n\n.itemWrapper_972844accd .colorItem_5f6d55a3e0.colorItemSizeSmall_d68de0cc30 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_972844accd .colorItem_5f6d55a3e0.colorItemSizeMedium_f7dffb5159 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_972844accd .colorItem_5f6d55a3e0.colorItemSizeLarge_531ff2846e {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_972844accd.selectedColor_7061c9aba8 {\n  position: relative;\n}\n\n.itemWrapper_972844accd.selectedColor_7061c9aba8: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_972844accd.selectedColor_7061c9aba8 .feedbackIndicator_a6a026f812:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_972844accd .colorItemTextMode_f7f568f1c0:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper_972844accd .colorIconWhite_c1c25ba897 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_6010b9ba29",circle:"circle_6c6ad5c593",feedbackIndicator:"feedbackIndicator_29ffb1eab7",active:"active_c6e5fa478b",selectedColor:"selectedColor_0603c3081a",colorItem:"colorItem_d16e327f11",colorIndicatorWrapper:"colorIndicatorWrapper_503e86515a",colorItemSizeSmall:"colorItemSizeSmall_b402f89a73",colorItemSizeMedium:"colorItemSizeMedium_b7d7644890",colorItemSizeLarge:"colorItemSizeLarge_c2442c7c66",colorItemTextMode:"colorItemTextMode_fd43c5892b",colorIconWhite:"colorIconWhite_21317ddcde"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_148";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_6010b9ba29 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_6010b9ba29.circle_6c6ad5c593 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_6010b9ba29 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_6010b9ba29 .feedbackIndicator_29ffb1eab7 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_6010b9ba29:focus,\n.itemWrapper_6010b9ba29:focus-visible,\n.itemWrapper_6010b9ba29.active_c6e5fa478b {\n  outline: none;\n}\n\n.itemWrapper_6010b9ba29:focus .feedbackIndicator_29ffb1eab7:before,\n.itemWrapper_6010b9ba29:focus-visible .feedbackIndicator_29ffb1eab7:before,\n.itemWrapper_6010b9ba29.active_c6e5fa478b .feedbackIndicator_29ffb1eab7: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_6010b9ba29:focus .feedbackIndicator_29ffb1eab7:after,\n.itemWrapper_6010b9ba29:focus-visible .feedbackIndicator_29ffb1eab7:after,\n.itemWrapper_6010b9ba29.active_c6e5fa478b .feedbackIndicator_29ffb1eab7: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_6010b9ba29:hover:not(.active_c6e5fa478b):not(.selectedColor_0603c3081a) .feedbackIndicator_29ffb1eab7 {\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_6010b9ba29 .colorItem_d16e327f11 {\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_6010b9ba29 .colorItem_d16e327f11 .colorIndicatorWrapper_503e86515a {\n  margin-top: 3px;\n}\n\n.itemWrapper_6010b9ba29 .colorItem_d16e327f11.colorItemSizeSmall_b402f89a73 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_6010b9ba29 .colorItem_d16e327f11.colorItemSizeMedium_b7d7644890 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_6010b9ba29 .colorItem_d16e327f11.colorItemSizeLarge_c2442c7c66 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_6010b9ba29.selectedColor_0603c3081a {\n  position: relative;\n}\n\n.itemWrapper_6010b9ba29.selectedColor_0603c3081a: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_6010b9ba29.selectedColor_0603c3081a .feedbackIndicator_29ffb1eab7:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_6010b9ba29 .colorItemTextMode_fd43c5892b:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper_6010b9ba29 .colorIconWhite_21317ddcde {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={combobox:"combobox_56cd76b132",stickyCategory:"stickyCategory_b9d67d6278",comboboxCategory:"comboboxCategory_ef79481d9b",sizeSmall:"sizeSmall_4879919b3d",sizeMedium:"sizeMedium_56cd76b132",sizeLarge:"sizeLarge_4879919b3d",empty:"empty_34505bf0bb",comboboxSearchWrapper:"comboboxSearchWrapper_7f2745409c",comboboxSearch:"comboboxSearch_3583ab1e85",comboboxNoResults:"comboboxNoResults_b366499a1a",comboboxMessageWrapper:"comboboxMessageWrapper_e9cc075f8b",comboboxMessage:"comboboxMessage_f519f1f199",addNewButton:"addNewButton_555511eb74",buttonLabel:"buttonLabel_f519f1f199",comboboxList:"comboboxList_7133a58f93"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-f0ce05580104_0_0_147";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_56cd76b132 {\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_56cd76b132.stickyCategory_b9d67d6278 .comboboxCategory_ef79481d9b {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox_56cd76b132.stickyCategory_b9d67d6278.sizeSmall_4879919b3d .comboboxCategory_ef79481d9b {\n  top: 32px;\n}\n\n.combobox_56cd76b132.stickyCategory_b9d67d6278.sizeMedium_56cd76b132 .comboboxCategory_ef79481d9b {\n  top: 40px;\n}\n\n.combobox_56cd76b132.stickyCategory_b9d67d6278.sizeLarge_4879919b3d .comboboxCategory_ef79481d9b {\n  top: 48px;\n}\n\n.combobox_56cd76b132.empty_34505bf0bb {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper_7f2745409c {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch_3583ab1e85 {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults_b366499a1a {\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_b366499a1a .comboboxMessageWrapper_e9cc075f8b {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_b366499a1a .comboboxMessageWrapper_e9cc075f8b .comboboxMessage_f519f1f199 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_b366499a1a .addNewButton_555511eb74 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_b366499a1a .addNewButton_555511eb74 .buttonLabel_f519f1f199 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_7133a58f93 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var o={combobox:"combobox_10db1cebe5",stickyCategory:"stickyCategory_1661b7ae2f",comboboxCategory:"comboboxCategory_793eb59b5b",sizeSmall:"sizeSmall_a72fbfea76",sizeMedium:"sizeMedium_10db1cebe5",sizeLarge:"sizeLarge_a72fbfea76",empty:"empty_256c2a0b1c",comboboxSearchWrapper:"comboboxSearchWrapper_dcd15b83f6",comboboxSearch:"comboboxSearch_546886a00e",comboboxNoResults:"comboboxNoResults_7c11fbf640",comboboxMessageWrapper:"comboboxMessageWrapper_76e0ccb5fd",comboboxMessage:"comboboxMessage_2f52869ddb",addNewButton:"addNewButton_87d4bc30d5",buttonLabel:"buttonLabel_2f52869ddb",comboboxList:"comboboxList_965fccd5c4"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-f0ce05580104_0_0_148";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_10db1cebe5 {\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_10db1cebe5.stickyCategory_1661b7ae2f .comboboxCategory_793eb59b5b {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox_10db1cebe5.stickyCategory_1661b7ae2f.sizeSmall_a72fbfea76 .comboboxCategory_793eb59b5b {\n  top: 32px;\n}\n\n.combobox_10db1cebe5.stickyCategory_1661b7ae2f.sizeMedium_10db1cebe5 .comboboxCategory_793eb59b5b {\n  top: 40px;\n}\n\n.combobox_10db1cebe5.stickyCategory_1661b7ae2f.sizeLarge_a72fbfea76 .comboboxCategory_793eb59b5b {\n  top: 48px;\n}\n\n.combobox_10db1cebe5.empty_256c2a0b1c {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper_dcd15b83f6 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch_546886a00e {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults_7c11fbf640 {\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_7c11fbf640 .comboboxMessageWrapper_76e0ccb5fd {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_7c11fbf640 .comboboxMessageWrapper_76e0ccb5fd .comboboxMessage_2f52869ddb {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_7c11fbf640 .addNewButton_87d4bc30d5 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_7c11fbf640 .addNewButton_87d4bc30d5 .buttonLabel_2f52869ddb {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_965fccd5c4 {\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_9a136c9ea5",dividerContainer:"dividerContainer_ac413dc5fe",divider:"divider_22e3648953",sticky:"sticky_3c773dd30b"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-cea859f3b65c_0_0_147";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_9a136c9ea5 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer_ac413dc5fe {\n  position: relative;\n  width: 95%;\n}\n\n.divider_22e3648953 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_3c773dd30b {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_21685c9fe6",dividerContainer:"dividerContainer_87d5335086",divider:"divider_6a10551073",sticky:"sticky_4c0b832787"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-cea859f3b65c_0_0_148";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_21685c9fe6 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer_87d5335086 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_6a10551073 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_4c0b832787 {\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_781c146331"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_147";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_781c146331 {\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_4671a3ba43"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_148";if(o.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}(".comboboxCategory_4671a3ba43 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_07791ebb45",optionsContainer:"optionsContainer_3c04aac32d",firstCategory:"firstCategory_37a0c0b209",categoryWithOptions:"categoryWithOptions_5ff57fb0ed",categoryWithoutOptions:"categoryWithoutOptions_ea08be1d27"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7de573ecf1ec_0_0_147";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".scrollableContainer_07791ebb45::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_07791ebb45::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.optionsContainer_3c04aac32d {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory_37a0c0b209 {\n  padding-top: 0;\n}\n.categoryWithOptions_5ff57fb0ed {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_ea08be1d27 {\n  margin-bottom: 0;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_6ad81785e6",optionsContainer:"optionsContainer_a9ad256b56",firstCategory:"firstCategory_52af85d417",categoryWithOptions:"categoryWithOptions_edd6a08459",categoryWithoutOptions:"categoryWithoutOptions_52804aa87e"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7de573ecf1ec_0_0_148";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".scrollableContainer_6ad81785e6::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_6ad81785e6::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.optionsContainer_a9ad256b56 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory_52af85d417 {\n  padding-top: 0;\n}\n.categoryWithOptions_edd6a08459 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_52804aa87e {\n  margin-bottom: 0;\n}");export{e as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_cc3b69c5fd",disabled:"disabled_1ee11726a4",selected:"selected_5dd7dc77df",active:"active_c2e5793016",activeOutline:"activeOutline_0740939a22",optionLabel:"optionLabel_9c32815a8e",optionIcon:"optionIcon_3583ab1e85",left:"left_94204caa61"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-8651683ae470_0_0_147";if(e.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c),c.appendChild(document.createTextNode(o))}(".comboboxOption_cc3b69c5fd {\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_cc3b69c5fd.disabled_1ee11726a4 {\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_cc3b69c5fd.disabled_1ee11726a4:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_cc3b69c5fd.selected_5dd7dc77df {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption_cc3b69c5fd:hover:not(.disabled_1ee11726a4):not(.selected_5dd7dc77df),\n.comboboxOption_cc3b69c5fd.active_c2e5793016 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption_cc3b69c5fd.activeOutline_0740939a22 {\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_cc3b69c5fd .optionLabel_9c32815a8e {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_cc3b69c5fd .optionIcon_3583ab1e85 {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_cc3b69c5fd .optionIcon_3583ab1e85.left_94204caa61 {\n  margin-right: 4px;\n}");export{o as default};
+var e={comboboxOption:"comboboxOption_1bee01efeb",disabled:"disabled_3cbb154544",selected:"selected_1daae362f9",active:"active_1eeedee3d9",activeOutline:"activeOutline_2b8e327352",optionLabel:"optionLabel_12bcf84391",optionIcon:"optionIcon_546886a00e",left:"left_a15562bf26"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],n="s_id-8651683ae470_0_0_148";if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}(".comboboxOption_1bee01efeb {\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_1bee01efeb.disabled_3cbb154544 {\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_1bee01efeb.disabled_3cbb154544:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_1bee01efeb.selected_1daae362f9 {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption_1bee01efeb:hover:not(.disabled_3cbb154544):not(.selected_1daae362f9),\n.comboboxOption_1bee01efeb.active_1eeedee3d9 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption_1bee01efeb.activeOutline_2b8e327352 {\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_1bee01efeb .optionLabel_12bcf84391 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_1bee01efeb .optionIcon_546886a00e {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_1bee01efeb .optionIcon_546886a00e.left_a15562bf26 {\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_71ec37b534"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_147";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".stickyCategoryHeader_71ec37b534 {\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_0058f65929"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_148";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".stickyCategoryHeader_0058f65929 {\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 i}from"react/jsx-runtime";import{createElement as o,useState as c,useCallback as a}from"react";import"./comments.scss.js";import l from"../Avatar/Avatar.js";import m from"../TextAreaField/TextAreaField.js";import p from"../Flex/Flex.js";import"../Avatar/AvatarContent.js";import{AvatarType as d}from"../Avatar/AvatarConstants.js";import"../Avatar/AvatarBadge.js";import u from"../Button/Button.js";import{FlexDirection as g,FlexGap as h,FlexAlign as b}from"../Flex/FlexConstants.js";import j from"../Icon/Icons/components/Info.js";import T from"../Text/Text.js";import y from"../Icon/Icon.js";import v from"../Icon/Icons/components/Attach.js";function A(e){var t=e.comments,n=e.currentUser,i=e.onCommentSubmitted,c=e.isLabel,a=void 0!==c&&c,l=e.label,m=e.onClickAttachment;return s("div",Object.assign({className:"comments"},{children:[t.length>0&&r(p,Object.assign({direction:g.COLUMN,style:{marginBottom:"var(--spacing-large)"},gap:h.MEDIUM,align:b.STRETCH},{children:t.map((function(e,t){return o(O,Object.assign({},e,{currentUser:n,key:t}))}))})),r(f,{onCommentSubmitted:i,currentUser:n,isLabel:a,label:l,onClickAttachment:m})]}))}function f(o){var l=this,d=o.onCommentSubmitted,g=o.isLabel,h=void 0!==g&&g,b=o.label,A=o.onClickAttachment,f=c(!1),O=e(f,2),C=O[0],S=O[1],x=c(""),E=e(x,2),L=E[0],N=E[1],k=a((function(e){return n(l,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,d(e);case 3:s=t.sent,S(!1),s&&N("");case 6:case"end":return t.stop()}}),n)})))}),[d]);return s("div",Object.assign({className:"comments-top"},{children:[s(p,Object.assign({gap:p.gaps.SMALL},{children:[h&&"internal"===b.status&&s(i,{children:[r(y,{iconType:y.type.SVG,style:{color:"#757575"},icon:j,iconSize:20,clickable:!1}),r(T,Object.assign({type:T.types.TEXT1,color:T.colors.SECONDARY},{children:"This is an internal conversation"}))]}),h&&"external"===b.status&&s(i,{children:[r(y,{iconType:y.type.SVG,style:{color:"#FF0020"},icon:j,iconSize:20,clickable:!1}),r(T,Object.assign({type:T.types.TEXT1,style:{color:"#BB0018"}},{children:"This is an external conversation"}))]})]})),s("div",Object.assign({className:"comments-buttons"},{children:[r(m,{disabled:C,onChange:N,placeholder:"What’s on your mind...",rows:2,value:L}),r(u,Object.assign({disabled:!L||C,onClick:function(){return k(L)},size:u.sizes.SMALL,style:{width:"100%"}},{children:"Send"}))]})),s(u,Object.assign({onClick:A,size:u.sizes.SMALL,kind:u.kinds.TERTIARY,style:{marginTop:"var(--spacing-small)"}},{children:[r(y,{iconType:y.type.SVG,style:{color:"#375D81",transform:"rotate(30deg)"},icon:v,iconSize:17,clickable:!1}),r(T,Object.assign({type:T.types.TEXT2,style:{color:"#375D81",marginTop:"2px"}},{children:"Attachment"}))]}))]}))}function O(e){var t=e.author,n=e.commentedAt,i=e.label,o=e.text,c=e.currentUser;return s(p,Object.assign({direction:g.COLUMN,align:b.STRETCH,className:"comment"},{children:[s(p,Object.assign({direction:g.ROW,gap:h.SMALL,className:"comment-data"},{children:[!!i&&r(T,Object.assign({className:"comment-label",type:T.types.TEXT2},{children:i})),r("div",Object.assign({className:"comment-user"},{children:t&&r(C,{user:t})})),r(T,Object.assign({className:"comment-date",color:T.colors.SECONDARY,type:T.types.TEXT2},{children:n.toLocaleString()}))]})),r(T,Object.assign({className:"comment-text ".concat(c.id===t.id&&"comment-currentUser"),type:T.types.TEXT1},{children:o}))]}))}function C(e){var t=e.user;return s(p,Object.assign({gap:h.XS},{children:[r(l,{size:l.sizes.MEDIUM,type:d.TEXT,backgroundColor:l.colors.STEEL_DARK,text:S(t.name)}),r("div",Object.assign({className:"comment-user-name"},{children:r(T,Object.assign({type:T.types.TEXT2,weight:T.weights.BOLD},{children:t.name}))}))]}))}function S(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{O as Comment,f as CommentForm,A as Comments,C 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 a}from"react/jsx-runtime";import{createElement as i,useState as c,useCallback as o}from"react";import"./comments.scss.js";import l from"../Avatar/Avatar.js";import m from"../TextAreaField/TextAreaField.js";import p from"../Flex/Flex.js";import"../Avatar/AvatarContent.js";import{AvatarType as d}from"../Avatar/AvatarConstants.js";import"../Avatar/AvatarBadge.js";import u from"../Button/Button.js";import{FlexDirection as h,FlexGap as g,FlexAlign as b}from"../Flex/FlexConstants.js";import T from"../Icon/Icons/components/Info.js";import j from"../Text/Text.js";import y from"../Icon/Icon.js";import v from"../Icon/Icons/components/Attach.js";function f(e){var t=e.comments,n=e.currentUser,a=e.onCommentSubmitted,c=e.isLabel,o=void 0!==c&&c,l=e.label,m=e.onClickAttachment,d=e.attachmentText;return s("div",Object.assign({className:"comments"},{children:[t.length>0&&r(p,Object.assign({direction:h.COLUMN,style:{marginBottom:"var(--spacing-large)",maxWidth:"345px"},gap:g.MEDIUM,align:b.STRETCH},{children:t.map((function(e,t){return i(O,Object.assign({},e,{currentUser:n,key:t}))}))})),r(A,{onCommentSubmitted:a,currentUser:n,isLabel:o,label:l,onClickAttachment:m,attachmentText:d})]}))}function A(i){var l=this,d=i.onCommentSubmitted,h=i.isLabel,g=void 0!==h&&h,b=i.label,f=i.onClickAttachment,A=i.attachmentText,O=c(!1),x=e(O,2),C=x[0],S=x[1],E=c(""),L=e(E,2),N=L[0],k=L[1],U=o((function(e){return n(l,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,d(e);case 3:s=t.sent,S(!1),s&&k("");case 6:case"end":return t.stop()}}),n)})))}),[d]);return s("div",Object.assign({className:"comments-top"},{children:[s(p,Object.assign({gap:p.gaps.SMALL},{children:[g&&"internal"===b.status&&s(a,{children:[r(y,{iconType:y.type.SVG,style:{color:"#757575"},icon:T,iconSize:20,clickable:!1}),r(j,Object.assign({type:j.types.TEXT1,color:j.colors.SECONDARY},{children:"This is an internal conversation"}))]}),g&&"external"===b.status&&s(a,{children:[r(y,{iconType:y.type.SVG,style:{color:"#FF0020"},icon:T,iconSize:20,clickable:!1}),r(j,Object.assign({type:j.types.TEXT1,style:{color:"#BB0018"}},{children:"This is an external conversation"}))]})]})),s("div",Object.assign({className:"comments-buttons"},{children:[r(m,{disabled:C,onChange:k,placeholder:"What’s on your mind...",rows:3,value:N}),r(u,Object.assign({disabled:!N||C,onClick:function(){return U(N)},size:u.sizes.SMALL,style:{width:"100%"}},{children:"Send"}))]})),s(u,Object.assign({onClick:f,size:u.sizes.SMALL,kind:u.kinds.TERTIARY,style:{marginTop:"var(--spacing-small)"}},{children:[r(y,{iconType:y.type.SVG,style:{color:"#375D81",transform:"rotate(30deg)"},icon:v,iconSize:17,clickable:!1}),A&&r(j,Object.assign({type:j.types.TEXT2,style:{color:"#375D81",marginTop:"2px"}},{children:A}))]}))]}))}function O(e){var t=e.author,n=e.commentedAt,a=e.label,i=e.text,c=e.currentUser;return s(p,Object.assign({direction:h.COLUMN,align:b.STRETCH,className:"comment"},{children:[s(p,Object.assign({direction:h.ROW,gap:g.SMALL,className:"comment-data"},{children:[!!a&&r(j,Object.assign({className:"comment-label",type:j.types.TEXT2},{children:a})),r("div",Object.assign({className:"comment-user"},{children:t&&r(x,{user:t})})),r(j,Object.assign({className:"comment-date",color:j.colors.SECONDARY,type:j.types.TEXT2},{children:n.toLocaleString()}))]})),r(j,Object.assign({className:"comment-text ".concat(c.id===t.id&&"comment-currentUser"),type:j.types.TEXT1},{children:i}))]}))}function x(e){var t=e.user;return s(p,Object.assign({gap:g.XS},{children:[r(l,{size:l.sizes.MEDIUM,type:d.TEXT,backgroundColor:l.colors.STEEL_DARK,text:C(t.name)}),r("div",Object.assign({className:"comment-user-name"},{children:r(j,Object.assign({type:j.types.TEXT2,weight:j.weights.BOLD},{children:t.name}))}))]}))}function C(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{O as Comment,A as CommentForm,f as Comments,x 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, 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}\n\nexport interface CommentsProps extends CommentFormProps {\n    comments: CommentProps[];\n}\n\n\nexport function Comments({ comments, currentUser, onCommentSubmitted, isLabel = false, label, onClickAttachment }: CommentsProps) {\n    return (\n        <div className={'comments'}>\n            {comments.length > 0 && (\n                <Flex direction={FlexDirection.COLUMN} style={{ marginBottom: \"var(--spacing-large)\" }} 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} />\n        </div>\n    );\n}\n\nexport function CommentForm({ onCommentSubmitted, currentUser, isLabel = false, label, onClickAttachment }: 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={2}\n                    value={text}\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        </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","_jsxs","className","children","length","_jsx","Flex","Object","assign","direction","FlexDirection","COLUMN","style","marginBottom","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","color","icon","Info","iconSize","clickable","Text","types","TEXT1","colors","SECONDARY","TextAreaField","disabled","onChange","placeholder","rows","value","Button","onClick","size","sizes","width","kind","kinds","TERTIARY","marginTop","transform","Attach","TEXT2","_ref3","author","commentedAt","ROW","UserCard","user","toLocaleString","concat","id","_ref4","XS","Avatar","AvatarType","TEXT","backgroundColor","STEEL_DARK","toInitials","name","weight","weights","BOLD","fullName","names","split","charAt","toUpperCase"],"mappings":"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"}
+{"version":3,"file":"Comments.js","sources":["../../../../../src/components/Comments/Comments.tsx"],"sourcesContent":["import React, { useCallback, 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    return (\n        <div className={'comments'}>\n            {comments.length > 0 && (\n                <Flex direction={FlexDirection.COLUMN} style={{ marginBottom: \"var(--spacing-large)\", maxWidth: \"345px\" }} 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                />\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","_jsxs","className","children","length","_jsx","Flex","Object","assign","direction","FlexDirection","COLUMN","style","marginBottom","maxWidth","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","color","icon","Info","iconSize","clickable","Text","types","TEXT1","colors","SECONDARY","TextAreaField","disabled","onChange","placeholder","rows","value","Button","onClick","size","sizes","width","kind","kinds","TERTIARY","marginTop","transform","Attach","TEXT2","_ref3","author","commentedAt","ROW","UserCard","user","toLocaleString","concat","id","_ref4","XS","Avatar","AvatarType","TEXT","backgroundColor","STEEL_DARK","toInitials","name","weight","weights","BOLD","fullName","names","split","charAt","toUpperCase"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n=".comments {\n  overflow: auto;\n}\n.comments .comments-top {\n  margin-bottom: var(--spacing-medium);\n}\n.comments .comment-data {\n  margin-bottom: var(--spacing-small);\n}\n.comments .comment-buttons {\n  width: 600px;\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 e=document.head||document.getElementsByTagName("head")[0],t="s_id-39100222edc5_0_0_147";if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".comments {\n  overflow: auto;\n}\n.comments .comments-top {\n  margin-bottom: var(--spacing-medium);\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 e=document.head||document.getElementsByTagName("head")[0],t="s_id-8d58e1b115cd_0_0_148";if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.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_ec36d0d24d",withAnimation:"withAnimation_782e5849bb",counterPopElastic:"counterPopElastic_8807f9c60b",sizeSmall:"sizeSmall_b48c0972e0",sizeLarge:"sizeLarge_2b55969ecb",kindFill:"kindFill_13a473423b",colorPrimary:"colorPrimary_c6d4b519f9",colorDark:"colorDark_f9341240f7",colorNegative:"colorNegative_eec5a1a7df",colorWarning:"colorWarning_e5d51c9646",colorLight:"colorLight_e5fcbcbc89",kindLine:"kindLine_4b1b812430",fadeEnter:"fadeEnter_f29f4fa2b5",fadeEnterActive:"fadeEnterActive_2d771dab34",fadeExit:"fadeExit_f7b1a84d22",fadeExitActive:"fadeExitActive_2b0d06bce5","counter-pop-elastic":"counter-pop-elastic_2ca600f791"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-7af1f4daeef9_0_0_147";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_ec36d0d24d {\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_2ca600f791 {\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_782e5849bb {\n  animation: counterPopElastic_8807f9c60b var(--motion-expressive-short);\n}\n.sizeSmall_b48c0972e0 {\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_2b55969ecb {\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_13a473423b.colorPrimary_c6d4b519f9 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_13a473423b.colorDark_f9341240f7 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill_13a473423b.colorNegative_eec5a1a7df {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_13a473423b.colorWarning_e5d51c9646 {\n  background-color: var(--warning-color);\n}\n.kindFill_13a473423b.colorLight_e5fcbcbc89 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine_4b1b812430 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_4b1b812430.colorPrimary_c6d4b519f9 {\n  color: var(--primary-color);\n}\n.kindLine_4b1b812430.colorDark_f9341240f7 {\n  color: var(--surface-inverse);\n}\n.kindLine_4b1b812430.colorNegative_eec5a1a7df {\n  color: var(--negative-color);\n}\n.kindLine_4b1b812430.colorLight_e5fcbcbc89 {\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_f29f4fa2b5 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_2d771dab34 {\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_f7b1a84d22 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_2b0d06bce5 {\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_5e4841246c",withAnimation:"withAnimation_88569ad9cf",counterPopElastic:"counterPopElastic_80b631ebcd",sizeSmall:"sizeSmall_aa62943f58",sizeLarge:"sizeLarge_fa7248cf37",kindFill:"kindFill_0376e86c43",colorPrimary:"colorPrimary_35334c07c2",colorDark:"colorDark_8938f6b1c3",colorNegative:"colorNegative_a50da006ee",colorWarning:"colorWarning_2c78884e7c",colorLight:"colorLight_722e0458a1",kindLine:"kindLine_4fa32d40ec",fadeEnter:"fadeEnter_f7f1b2566f",fadeEnterActive:"fadeEnterActive_d6529351d1",fadeExit:"fadeExit_0fc95c8719",fadeExitActive:"fadeExitActive_61d833697b","counter-pop-elastic":"counter-pop-elastic_c1707c3804"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-7af1f4daeef9_0_0_148";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_5e4841246c {\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_c1707c3804 {\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_88569ad9cf {\n  animation: counterPopElastic_80b631ebcd var(--motion-expressive-short);\n}\n.sizeSmall_aa62943f58 {\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_fa7248cf37 {\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_0376e86c43.colorPrimary_35334c07c2 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_0376e86c43.colorDark_8938f6b1c3 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill_0376e86c43.colorNegative_a50da006ee {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_0376e86c43.colorWarning_2c78884e7c {\n  background-color: var(--warning-color);\n}\n.kindFill_0376e86c43.colorLight_722e0458a1 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine_4fa32d40ec {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_4fa32d40ec.colorPrimary_35334c07c2 {\n  color: var(--primary-color);\n}\n.kindLine_4fa32d40ec.colorDark_8938f6b1c3 {\n  color: var(--surface-inverse);\n}\n.kindLine_4fa32d40ec.colorNegative_a50da006ee {\n  color: var(--negative-color);\n}\n.kindLine_4fa32d40ec.colorLight_722e0458a1 {\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_f7f1b2566f {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_d6529351d1 {\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_0fc95c8719 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_61d833697b {\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_35d3984b64"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0631eeee63bb_0_0_147";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_35d3984b64 {\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_86239a6d7f"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0631eeee63bb_0_0_148";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_86239a6d7f {\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_f1d3b58c37",monthYearSelection:"monthYearSelection_73de8e9c1f",rangePickerMode:"rangePickerMode_3a82b4d1f6",withWeekNumber:"withWeekNumber_c60406a283",calendarDayWeekNumber:"calendarDayWeekNumber_3ef0ca8342"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-efb8b12c27d8_0_0_147";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_f1d3b58c37 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_f1d3b58c37 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_f1d3b58c37 td {\n  border: none;\n}\n.datepickerContainer_f1d3b58c37.monthYearSelection_73de8e9c1f table tbody {\n  opacity: 0;\n}\n.datepickerContainer_f1d3b58c37.monthYearSelection_73de8e9c1f .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_f1d3b58c37 .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_f1d3b58c37 .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_f1d3b58c37 .DayPicker__horizontal {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_f1d3b58c37 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_f1d3b58c37 .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_f1d3b58c37 .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_f1d3b58c37 .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_f1d3b58c37 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_f1d3b58c37 .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_f1d3b58c37 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_f1d3b58c37 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_f1d3b58c37 .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_f1d3b58c37 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_f1d3b58c37 .CalendarDay__blocked_calendar, .datepickerContainer_f1d3b58c37 .CalendarDay__blocked_calendar:active, .datepickerContainer_f1d3b58c37 .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_f1d3b58c37 .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-tertiary);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_f1d3b58c37 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_f1d3b58c37 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_f1d3b58c37 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_f1d3b58c37 .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_f1d3b58c37.rangePickerMode_3a82b4d1f6 .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_f1d3b58c37.rangePickerMode_3a82b4d1f6 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n}\n.datepickerContainer_f1d3b58c37.rangePickerMode_3a82b4d1f6 .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_f1d3b58c37.rangePickerMode_3a82b4d1f6 .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_f1d3b58c37.rangePickerMode_3a82b4d1f6 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n}\n.datepickerContainer_f1d3b58c37.rangePickerMode_3a82b4d1f6 .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_f1d3b58c37.rangePickerMode_3a82b4d1f6 .CalendarDay__hovered_span, .datepickerContainer_f1d3b58c37.rangePickerMode_3a82b4d1f6 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--text-primary);\n  background: var(--surface-selected);\n}\n.datepickerContainer_f1d3b58c37.rangePickerMode_3a82b4d1f6 .CalendarDay__hovered_span:hover::before, .datepickerContainer_f1d3b58c37.rangePickerMode_3a82b4d1f6 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--surface-selected);\n}\n.datepickerContainer_f1d3b58c37.rangePickerMode_3a82b4d1f6 .CalendarDay__selected_span {\n  background: var(--surface-selected);\n}\n.datepickerContainer_f1d3b58c37.rangePickerMode_3a82b4d1f6 .CalendarDay__selected_span:hover {\n  color: var(--text-primary);\n}\n.datepickerContainer_f1d3b58c37.rangePickerMode_3a82b4d1f6 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_f1d3b58c37.rangePickerMode_3a82b4d1f6 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_f1d3b58c37.rangePickerMode_3a82b4d1f6.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer_f1d3b58c37.rangePickerMode_3a82b4d1f6.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_f1d3b58c37.rangePickerMode_3a82b4d1f6.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer_f1d3b58c37.withWeekNumber_c60406a283 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_f1d3b58c37.withWeekNumber_c60406a283 .CalendarDay .calendarDayWeekNumber_3ef0ca8342 {\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_f1d3b58c37.withWeekNumber_c60406a283 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_3ef0ca8342 {\n  display: flex;\n}\n.datepickerContainer_f1d3b58c37.withWeekNumber_c60406a283 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_3ef0ca8342 {\n  display: none;\n}\n.datepickerContainer_f1d3b58c37.withWeekNumber_c60406a283 .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_f1d3b58c37.withWeekNumber_c60406a283 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_f1d3b58c37.withWeekNumber_c60406a283 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_f1d3b58c37.withWeekNumber_c60406a283 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_f1d3b58c37.withWeekNumber_c60406a283 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_ec4a9c9333",monthYearSelection:"monthYearSelection_00d01019f5",rangePickerMode:"rangePickerMode_4aab80f9bc",withWeekNumber:"withWeekNumber_44269dc603",calendarDayWeekNumber:"calendarDayWeekNumber_547a28fc14"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-efb8b12c27d8_0_0_148";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_ec4a9c9333 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_ec4a9c9333 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_ec4a9c9333 td {\n  border: none;\n}\n.datepickerContainer_ec4a9c9333.monthYearSelection_00d01019f5 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_ec4a9c9333.monthYearSelection_00d01019f5 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_ec4a9c9333 .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_ec4a9c9333 .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_ec4a9c9333 .DayPicker__horizontal {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_ec4a9c9333 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_ec4a9c9333 .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_ec4a9c9333 .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_ec4a9c9333 .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_ec4a9c9333 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_ec4a9c9333 .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_ec4a9c9333 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_ec4a9c9333 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_ec4a9c9333 .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_ec4a9c9333 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_ec4a9c9333 .CalendarDay__blocked_calendar, .datepickerContainer_ec4a9c9333 .CalendarDay__blocked_calendar:active, .datepickerContainer_ec4a9c9333 .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_ec4a9c9333 .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-tertiary);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_ec4a9c9333 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_ec4a9c9333 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_ec4a9c9333 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_ec4a9c9333 .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_ec4a9c9333.rangePickerMode_4aab80f9bc .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_ec4a9c9333.rangePickerMode_4aab80f9bc .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n}\n.datepickerContainer_ec4a9c9333.rangePickerMode_4aab80f9bc .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_ec4a9c9333.rangePickerMode_4aab80f9bc .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_ec4a9c9333.rangePickerMode_4aab80f9bc .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n}\n.datepickerContainer_ec4a9c9333.rangePickerMode_4aab80f9bc .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_ec4a9c9333.rangePickerMode_4aab80f9bc .CalendarDay__hovered_span, .datepickerContainer_ec4a9c9333.rangePickerMode_4aab80f9bc .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--text-primary);\n  background: var(--surface-selected);\n}\n.datepickerContainer_ec4a9c9333.rangePickerMode_4aab80f9bc .CalendarDay__hovered_span:hover::before, .datepickerContainer_ec4a9c9333.rangePickerMode_4aab80f9bc .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--surface-selected);\n}\n.datepickerContainer_ec4a9c9333.rangePickerMode_4aab80f9bc .CalendarDay__selected_span {\n  background: var(--surface-selected);\n}\n.datepickerContainer_ec4a9c9333.rangePickerMode_4aab80f9bc .CalendarDay__selected_span:hover {\n  color: var(--text-primary);\n}\n.datepickerContainer_ec4a9c9333.rangePickerMode_4aab80f9bc .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_ec4a9c9333.rangePickerMode_4aab80f9bc .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_ec4a9c9333.rangePickerMode_4aab80f9bc.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer_ec4a9c9333.rangePickerMode_4aab80f9bc.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_ec4a9c9333.rangePickerMode_4aab80f9bc.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer_ec4a9c9333.withWeekNumber_44269dc603 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_ec4a9c9333.withWeekNumber_44269dc603 .CalendarDay .calendarDayWeekNumber_547a28fc14 {\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_ec4a9c9333.withWeekNumber_44269dc603 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_547a28fc14 {\n  display: flex;\n}\n.datepickerContainer_ec4a9c9333.withWeekNumber_44269dc603 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_547a28fc14 {\n  display: none;\n}\n.datepickerContainer_ec4a9c9333.withWeekNumber_44269dc603 .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_ec4a9c9333.withWeekNumber_44269dc603 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_ec4a9c9333.withWeekNumber_44269dc603 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_ec4a9c9333.withWeekNumber_44269dc603 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_ec4a9c9333.withWeekNumber_44269dc603 .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_6529671b7f",button:"button_ff95ab2e4d",buttonContent:"buttonContent_5d88d97be2"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_0_0_147";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".datePickerHeader_6529671b7f {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_6529671b7f .button_ff95ab2e4d {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_6529671b7f .button_ff95ab2e4d .buttonContent_5d88d97be2 {\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_6529671b7f .button_ff95ab2e4d .buttonContent_5d88d97be2:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_c3cab33e29",button:"button_f4b7de5a94",buttonContent:"buttonContent_7ae0204dcd"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_0_0_148";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".datePickerHeader_c3cab33e29 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_c3cab33e29 .button_f4b7de5a94 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_c3cab33e29 .button_f4b7de5a94 .buttonContent_7ae0204dcd {\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_c3cab33e29 .button_f4b7de5a94 .buttonContent_7ae0204dcd:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={monthYearPicker:"monthYearPicker_ddc704aa79",navigationWrapper:"navigationWrapper_e23b38fb66",navigationLeft:"navigationLeft_fecc8676ba",navigationRight:"navigationRight_a948e12c5e",pickerOptions:"pickerOptions_4867325392"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-ae0835531883_0_0_147";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".monthYearPicker_ddc704aa79 {\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_ddc704aa79 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_ddc704aa79 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_ddc704aa79 .navigationWrapper_e23b38fb66 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_ddc704aa79 .navigationWrapper_e23b38fb66.navigationLeft_fecc8676ba {\n  left: 21px;\n}\n.monthYearPicker_ddc704aa79 .navigationWrapper_e23b38fb66.navigationRight_a948e12c5e {\n  right: 21px;\n}\n.monthYearPicker_ddc704aa79 .pickerOptions_4867325392 {\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_ddc704aa79 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
+var e={monthYearPicker:"monthYearPicker_ce4d63f401",navigationWrapper:"navigationWrapper_bd84cba3aa",navigationLeft:"navigationLeft_3ccc46cc92",navigationRight:"navigationRight_9700e84d2d",pickerOptions:"pickerOptions_6defa4031c"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-ae0835531883_0_0_148";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".monthYearPicker_ce4d63f401 {\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_ce4d63f401 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_ce4d63f401 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_ce4d63f401 .navigationWrapper_bd84cba3aa {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_ce4d63f401 .navigationWrapper_bd84cba3aa.navigationLeft_3ccc46cc92 {\n  left: 21px;\n}\n.monthYearPicker_ce4d63f401 .navigationWrapper_bd84cba3aa.navigationRight_9700e84d2d {\n  right: 21px;\n}\n.monthYearPicker_ce4d63f401 .pickerOptions_6defa4031c {\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_ce4d63f401 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

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

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