npm - @heliux-org/design-system-core - Versions diffs - 0.0.152 → 0.0.154 - Mend

@heliux-org/design-system-core 0.0.152 → 0.0.154

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

Files changed (1654) hide show

package/dist/esm/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_84de8724b7",separator:"separator_6fe9f5204b",separatorIcon:"separatorIcon_6e77fd1f9c",moreButton:"moreButton_f04eb8b36a",relativePosition:"relativePosition_83c283c61e",iconColor:"iconColor_2cb2ebfc90"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-ddd00daede01_0_0_151";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))}(".breadcrumbsBar_84de8724b7 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.breadcrumbsBar_84de8724b7 ol li {\n  list-style: none;\n}\n.breadcrumbsBar_84de8724b7 ol .separator_6fe9f5204b {\n  margin: 0 2px;\n  color: var(--divider-secondary);\n  font: var(--font-text2-normal);\n}\n.breadcrumbsBar_84de8724b7 ol .separatorIcon_6e77fd1f9c {\n  color: var(--text-secondary);\n  flex-shrink: 0;\n}\n.moreButton_f04eb8b36a {\n  border: 1px solid var(--divider-primary);\n}\n.relativePosition_83c283c61e {\n  position: relative;\n}\n.iconColor_2cb2ebfc90 {\n  color: var(--text-secondary);\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_9c216dad1b",separator:"separator_4a30b8a137",separatorIcon:"separatorIcon_e0d4f9cbd9",moreButton:"moreButton_1775aa5b53",relativePosition:"relativePosition_d01df04d80",iconColor:"iconColor_287eef8fea"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-ddd00daede01_0_0_153";if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}(".breadcrumbsBar_9c216dad1b ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.breadcrumbsBar_9c216dad1b ol li {\n  list-style: none;\n}\n.breadcrumbsBar_9c216dad1b ol .separator_4a30b8a137 {\n  margin: 0 2px;\n  color: var(--divider-secondary);\n  font: var(--font-text2-normal);\n}\n.breadcrumbsBar_9c216dad1b ol .separatorIcon_e0d4f9cbd9 {\n  color: var(--text-secondary);\n  flex-shrink: 0;\n}\n.moreButton_1775aa5b53 {\n  border: 1px solid var(--divider-primary);\n}\n.relativePosition_d01df04d80 {\n  position: relative;\n}\n.iconColor_287eef8fea {\n  color: var(--text-secondary);\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={button:"button_5608118fdf","focus-visible":"focus-visible_81df2a6153",loader:"loader_144e2d67fe",loaderSvg:"loaderSvg_ca8215dccb",textPlaceholder:"textPlaceholder_546c044a0e",success:"success_0751fe8e59",successContent:"successContent_17cbfb596f",marginRight:"marginRight_90b5ad7f6e",marginLeft:"marginLeft_f38e3846fc",rightFlat:"rightFlat_78ca9e26fc",leftFlat:"leftFlat_a3896c3d6d",stretched:"stretched_fdd6bcbc3e",preventClickAnimation:"preventClickAnimation_c191fa59f7",leftIcon:"leftIcon_90b5ad7f6e",rightIcon:"rightIcon_f38e3846fc",sizeXxs:"sizeXxs_6531530e7c",sizeXs:"sizeXs_60dc58c0ab",sizeSmall:"sizeSmall_5c0ec5f016",sizeMedium:"sizeMedium_16b9d2f3c2",sizeLarge:"sizeLarge_c0704a33a7",kindPrimary:"kindPrimary_08bf2c612b",colorPrimary:"colorPrimary_659845d1ae",colorBrand:"colorBrand_4651160ad7",colorPrimaryActive:"colorPrimaryActive_5acdc0e186",colorBrandActive:"colorBrandActive_9022d7aa3b",colorPositive:"colorPositive_dcda4eb9e7",colorPositiveActive:"colorPositiveActive_d8189294eb",colorNegative:"colorNegative_ec779e897a",colorNegativeActive:"colorNegativeActive_d8189294eb",colorInverted:"colorInverted_764327761c",colorInvertedActive:"colorInvertedActive_d8189294eb",disabled:"disabled_b919b835b1",colorOnPrimaryColor:"colorOnPrimaryColor_a2dfb30d3c",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_19d640b8b2",colorFixedLight:"colorFixedLight_c03c387632",colorFixedLightActive:"colorFixedLightActive_c191fa59f7",colorOnInvertedBackground:"colorOnInvertedBackground_764327761c",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_3fd9ce96d8",kindSecondary:"kindSecondary_adb4b87a7a",kindTertiary:"kindTertiary_b0cd060d82",noSidePadding:"noSidePadding_65b92d6065",insetFocusStyle:"insetFocusStyle_7baf3a8980"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d31f50cc72b8_0_0_151";if(r.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(o))}(".button_5608118fdf {\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_5608118fdf:focus-visible, .button_5608118fdf.focus-visible_81df2a6153 {\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_5608118fdf:focus:not(.focus-visible_81df2a6153) {\n  outline: none;\n}\n.button_5608118fdf .loader_144e2d67fe {\n  height: 100%;\n}\n.button_5608118fdf .loader_144e2d67fe .loaderSvg_ca8215dccb {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_5608118fdf .textPlaceholder_546c044a0e {\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_5608118fdf.success_0751fe8e59 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_5608118fdf.success_0751fe8e59 .successContent_17cbfb596f {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_90b5ad7f6e {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_f38e3846fc {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_78ca9e26fc {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_a3896c3d6d {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.stretched_fdd6bcbc3e {\n  flex-grow: 1;\n}\n.button_5608118fdf:active:not(.preventClickAnimation_c191fa59f7) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_5608118fdf .leftIcon_90b5ad7f6e {\n  margin-right: var(--spacing-small);\n}\n.button_5608118fdf .rightIcon_f38e3846fc {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_6531530e7c {\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_60dc58c0ab {\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_60dc58c0ab .leftIcon_90b5ad7f6e {\n  margin-right: var(--spacing-xs);\n}\n.sizeXs_60dc58c0ab .rightIcon_f38e3846fc {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_5c0ec5f016 {\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_5c0ec5f016 .leftIcon_90b5ad7f6e {\n  margin-right: var(--spacing-xs);\n}\n.sizeSmall_5c0ec5f016 .rightIcon_f38e3846fc {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_5c0ec5f016 .loader_144e2d67fe {\n  top: 7px;\n}\n.sizeMedium_16b9d2f3c2 {\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_c0704a33a7 {\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_08bf2c612b {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_08bf2c612b.colorPrimary_659845d1ae {\n  background: var(--primary-color);\n}\n.kindPrimary_08bf2c612b.colorBrand_4651160ad7 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_08bf2c612b.colorPrimaryActive_5acdc0e186,\n.kindPrimary_08bf2c612b.colorPrimary_659845d1ae:hover,\n.kindPrimary_08bf2c612b.colorPrimary_659845d1ae:focus {\n  background: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n.kindPrimary_08bf2c612b.colorBrandActive_9022d7aa3b,\n.kindPrimary_08bf2c612b.colorBrand_4651160ad7:hover,\n.kindPrimary_08bf2c612b.colorBrand_4651160ad7:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_08bf2c612b.colorPositive_dcda4eb9e7 {\n  background: var(--positive-color);\n}\n.kindPrimary_08bf2c612b.colorPositiveActive_d8189294eb,\n.kindPrimary_08bf2c612b.colorPositive_dcda4eb9e7:hover,\n.kindPrimary_08bf2c612b.colorPositive_dcda4eb9e7:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_08bf2c612b.colorNegative_ec779e897a {\n  background: var(--negative-color);\n}\n.kindPrimary_08bf2c612b.colorNegativeActive_d8189294eb,\n.kindPrimary_08bf2c612b.colorNegative_ec779e897a:hover,\n.kindPrimary_08bf2c612b.colorNegative_ec779e897a:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_08bf2c612b.colorInverted_764327761c {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_08bf2c612b.colorInvertedActive_d8189294eb,\n.kindPrimary_08bf2c612b.colorInverted_764327761c:hover,\n.kindPrimary_08bf2c612b.colorInverted_764327761c:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_08bf2c612b.button_5608118fdf.colorInverted_764327761c.disabled_b919b835b1 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_08bf2c612b.colorOnPrimaryColor_a2dfb30d3c {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_08bf2c612b.colorOnPrimaryColorActive_19d640b8b2,\n.kindPrimary_08bf2c612b.colorOnPrimaryColor_a2dfb30d3c:hover,\n.kindPrimary_08bf2c612b.colorOnPrimaryColor_a2dfb30d3c:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_08bf2c612b.colorOnPrimaryColorActive_19d640b8b2:focus-visible, .kindPrimary_08bf2c612b.colorOnPrimaryColorActive_19d640b8b2.focus-visible_81df2a6153,\n.kindPrimary_08bf2c612b.colorOnPrimaryColor_a2dfb30d3c:hover:focus-visible,\n.kindPrimary_08bf2c612b.colorOnPrimaryColor_a2dfb30d3c:hover.focus-visible_81df2a6153,\n.kindPrimary_08bf2c612b.colorOnPrimaryColor_a2dfb30d3c:focus:focus-visible,\n.kindPrimary_08bf2c612b.colorOnPrimaryColor_a2dfb30d3c:focus.focus-visible_81df2a6153 {\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_08bf2c612b.colorOnPrimaryColorActive_19d640b8b2:focus:not(.focus-visible_81df2a6153),\n.kindPrimary_08bf2c612b.colorOnPrimaryColor_a2dfb30d3c:hover:focus:not(.focus-visible_81df2a6153),\n.kindPrimary_08bf2c612b.colorOnPrimaryColor_a2dfb30d3c:focus:focus:not(.focus-visible_81df2a6153) {\n  outline: none;\n}\n.kindPrimary_08bf2c612b.colorOnPrimaryColor_a2dfb30d3c.disabled_b919b835b1 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_08bf2c612b.colorFixedLight_c03c387632 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_08bf2c612b.colorFixedLightActive_c191fa59f7,\n.kindPrimary_08bf2c612b.colorFixedLight_c03c387632:hover,\n.kindPrimary_08bf2c612b.colorFixedLight_c03c387632:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_08bf2c612b.colorFixedLightActive_c191fa59f7:focus-visible, .kindPrimary_08bf2c612b.colorFixedLightActive_c191fa59f7.focus-visible_81df2a6153,\n.kindPrimary_08bf2c612b.colorFixedLight_c03c387632:hover:focus-visible,\n.kindPrimary_08bf2c612b.colorFixedLight_c03c387632:hover.focus-visible_81df2a6153,\n.kindPrimary_08bf2c612b.colorFixedLight_c03c387632:focus:focus-visible,\n.kindPrimary_08bf2c612b.colorFixedLight_c03c387632:focus.focus-visible_81df2a6153 {\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_08bf2c612b.colorFixedLightActive_c191fa59f7:focus:not(.focus-visible_81df2a6153),\n.kindPrimary_08bf2c612b.colorFixedLight_c03c387632:hover:focus:not(.focus-visible_81df2a6153),\n.kindPrimary_08bf2c612b.colorFixedLight_c03c387632:focus:focus:not(.focus-visible_81df2a6153) {\n  outline: none;\n}\n.kindPrimary_08bf2c612b.colorFixedLight_c03c387632.disabled_b919b835b1 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_08bf2c612b.colorOnInvertedBackground_764327761c {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_08bf2c612b.colorOnInvertedBackgroundActive_3fd9ce96d8,\n.kindPrimary_08bf2c612b.colorOnInvertedBackground_764327761c:hover,\n.kindPrimary_08bf2c612b.colorOnInvertedBackground_764327761c:focus {\n  background: var(--surface-level-100);\n  color: var(--text-primary);\n}\n.kindPrimary_08bf2c612b.button_5608118fdf.colorOnInvertedBackground_764327761c.disabled_b919b835b1 {\n  background: var(--surface-inverse);\n  color: var(--text-secondary);\n  opacity: 0.5;\n}\n.kindPrimary_08bf2c612b.button_5608118fdf.disabled_b919b835b1 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_adb4b87a7a {\n  border: 1px solid;\n  border-color: transparent;\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindSecondary_adb4b87a7a.sizeSmall_5c0ec5f016 {\n  line-height: 22px;\n}\n.kindSecondary_adb4b87a7a.sizeMedium_16b9d2f3c2 {\n  line-height: 22px;\n}\n.kindSecondary_adb4b87a7a.sizeLarge_c0704a33a7 {\n  line-height: 22px;\n}\n.kindSecondary_adb4b87a7a.colorPrimaryActive_5acdc0e186,\n.kindSecondary_adb4b87a7a.colorPrimaryActive_5acdc0e186:hover {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n.kindSecondary_adb4b87a7a.colorBrandActive_9022d7aa3b {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_adb4b87a7a.colorBrandActive_9022d7aa3b,\n.kindSecondary_adb4b87a7a.colorBrandActive_9022d7aa3b:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_adb4b87a7a.colorPrimary_659845d1ae:hover:not(.colorPrimaryActive_5acdc0e186),\n.kindSecondary_adb4b87a7a.colorPrimary_659845d1ae:focus:not(.colorPrimaryActive_5acdc0e186) {\n  background: var(--surface-level-300);\n  box-shadow: var(--effect-divider-halo);\n  border: 1px solid var(--divider-selected);\n}\n.kindSecondary_adb4b87a7a.colorBrand_4651160ad7:hover:not(.colorBrandActive_9022d7aa3b),\n.kindSecondary_adb4b87a7a.colorBrand_4651160ad7:focus:not(.colorBrandActive_9022d7aa3b) {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_adb4b87a7a.colorPositive_dcda4eb9e7 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_adb4b87a7a.colorPositiveActive_d8189294eb,\n.kindSecondary_adb4b87a7a.colorPositive_dcda4eb9e7:hover,\n.kindSecondary_adb4b87a7a.colorPositive_dcda4eb9e7:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_adb4b87a7a.colorNegative_ec779e897a {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_adb4b87a7a.colorNegativeActive_d8189294eb,\n.kindSecondary_adb4b87a7a.colorNegative_ec779e897a:hover,\n.kindSecondary_adb4b87a7a.colorNegative_ec779e897a:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_adb4b87a7a.colorInverted_764327761c {\n  color: var(--text-primary);\n  border-color: var(--text-primary);\n}\n.kindSecondary_adb4b87a7a.colorInvertedActive_d8189294eb,\n.kindSecondary_adb4b87a7a.colorInverted_764327761c:hover,\n.kindSecondary_adb4b87a7a.colorInverted_764327761c:focus {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_adb4b87a7a.colorInverted_764327761c.disabled_b919b835b1 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_adb4b87a7a.colorOnPrimaryColor_a2dfb30d3c {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_adb4b87a7a.colorOnPrimaryColorActive_19d640b8b2,\n.kindSecondary_adb4b87a7a.colorOnPrimaryColor_a2dfb30d3c:hover,\n.kindSecondary_adb4b87a7a.colorOnPrimaryColor_a2dfb30d3c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_adb4b87a7a.colorOnPrimaryColorActive_19d640b8b2:focus-visible, .kindSecondary_adb4b87a7a.colorOnPrimaryColorActive_19d640b8b2.focus-visible_81df2a6153,\n.kindSecondary_adb4b87a7a.colorOnPrimaryColor_a2dfb30d3c:hover:focus-visible,\n.kindSecondary_adb4b87a7a.colorOnPrimaryColor_a2dfb30d3c:hover.focus-visible_81df2a6153,\n.kindSecondary_adb4b87a7a.colorOnPrimaryColor_a2dfb30d3c:focus:focus-visible,\n.kindSecondary_adb4b87a7a.colorOnPrimaryColor_a2dfb30d3c:focus.focus-visible_81df2a6153 {\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_adb4b87a7a.colorOnPrimaryColorActive_19d640b8b2:focus:not(.focus-visible_81df2a6153),\n.kindSecondary_adb4b87a7a.colorOnPrimaryColor_a2dfb30d3c:hover:focus:not(.focus-visible_81df2a6153),\n.kindSecondary_adb4b87a7a.colorOnPrimaryColor_a2dfb30d3c:focus:focus:not(.focus-visible_81df2a6153) {\n  outline: none;\n}\n.kindSecondary_adb4b87a7a.colorOnPrimaryColor_a2dfb30d3c.disabled_b919b835b1 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_adb4b87a7a.colorFixedLight_c03c387632 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_adb4b87a7a.colorFixedLightActive_c191fa59f7,\n.kindSecondary_adb4b87a7a.colorFixedLight_c03c387632:hover,\n.kindSecondary_adb4b87a7a.colorFixedLight_c03c387632:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_adb4b87a7a.colorFixedLightActive_c191fa59f7:focus-visible, .kindSecondary_adb4b87a7a.colorFixedLightActive_c191fa59f7.focus-visible_81df2a6153,\n.kindSecondary_adb4b87a7a.colorFixedLight_c03c387632:hover:focus-visible,\n.kindSecondary_adb4b87a7a.colorFixedLight_c03c387632:hover.focus-visible_81df2a6153,\n.kindSecondary_adb4b87a7a.colorFixedLight_c03c387632:focus:focus-visible,\n.kindSecondary_adb4b87a7a.colorFixedLight_c03c387632:focus.focus-visible_81df2a6153 {\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_adb4b87a7a.colorFixedLightActive_c191fa59f7:focus:not(.focus-visible_81df2a6153),\n.kindSecondary_adb4b87a7a.colorFixedLight_c03c387632:hover:focus:not(.focus-visible_81df2a6153),\n.kindSecondary_adb4b87a7a.colorFixedLight_c03c387632:focus:focus:not(.focus-visible_81df2a6153) {\n  outline: none;\n}\n.kindSecondary_adb4b87a7a.colorOnInvertedBackground_764327761c {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_adb4b87a7a.colorOnInvertedBackgroundActive_3fd9ce96d8,\n.kindSecondary_adb4b87a7a.colorOnInvertedBackground_764327761c:hover,\n.kindSecondary_adb4b87a7a.colorOnInvertedBackground_764327761c:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_adb4b87a7a.colorOnInvertedBackground_764327761c.disabled_b919b835b1 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_adb4b87a7a.colorFixedLight_c03c387632.disabled_b919b835b1 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_adb4b87a7a.disabled_b919b835b1 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_adb4b87a7a.disabled_b919b835b1:hover {\n  background-color: transparent;\n}\n.kindTertiary_b0cd060d82 {\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.kindTertiary_b0cd060d82.colorPrimaryActive_5acdc0e186,\n.kindTertiary_b0cd060d82.colorPrimaryActive_5acdc0e186:hover {\n  background-color: var(--surface-selected);\n}\n.kindTertiary_b0cd060d82.colorBrandActive_9022d7aa3b {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_b0cd060d82.colorBrandActive_9022d7aa3b,\n.kindTertiary_b0cd060d82.colorBrandActive_9022d7aa3b:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_b0cd060d82.colorPrimary_659845d1ae:hover:not(.colorPrimaryActive_5acdc0e186),\n.kindTertiary_b0cd060d82.colorPrimary_659845d1ae:focus:not(.colorPrimaryActive_5acdc0e186) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_b0cd060d82.colorBrand_4651160ad7:hover:not(.colorBrandActive_9022d7aa3b),\n.kindTertiary_b0cd060d82.colorBrand_4651160ad7:focus:not(.colorBrandActive_9022d7aa3b) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_b0cd060d82.colorPositive_dcda4eb9e7 {\n  color: var(--positive-color);\n}\n.kindTertiary_b0cd060d82.colorPositiveActive_d8189294eb,\n.kindTertiary_b0cd060d82.colorPositive_dcda4eb9e7:hover,\n.kindTertiary_b0cd060d82.colorPositive_dcda4eb9e7:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_b0cd060d82.colorNegative_ec779e897a {\n  color: var(--negative-color);\n}\n.kindTertiary_b0cd060d82.colorNegativeActive_d8189294eb,\n.kindTertiary_b0cd060d82.colorNegative_ec779e897a:hover,\n.kindTertiary_b0cd060d82.colorNegative_ec779e897a:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_b0cd060d82.colorInverted_764327761c {\n  color: var(--text-primary);\n}\n.kindTertiary_b0cd060d82.colorInvertedActive_d8189294eb,\n.kindTertiary_b0cd060d82.colorInverted_764327761c:hover,\n.kindTertiary_b0cd060d82.colorInverted_764327761c:focus {\n  background: var(--surface-level-200);\n}\n.kindTertiary_b0cd060d82.colorInverted_764327761c.disabled_b919b835b1 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_b0cd060d82.colorOnPrimaryColor_a2dfb30d3c {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b0cd060d82.colorOnPrimaryColorActive_19d640b8b2,\n.kindTertiary_b0cd060d82.colorOnPrimaryColor_a2dfb30d3c:hover,\n.kindTertiary_b0cd060d82.colorOnPrimaryColor_a2dfb30d3c:focus {\n  backdrop-filter: brightness(85%);\n  background: var(--icon-color);\n}\n.kindTertiary_b0cd060d82.colorOnPrimaryColorActive_19d640b8b2:focus-visible, .kindTertiary_b0cd060d82.colorOnPrimaryColorActive_19d640b8b2.focus-visible_81df2a6153,\n.kindTertiary_b0cd060d82.colorOnPrimaryColor_a2dfb30d3c:hover:focus-visible,\n.kindTertiary_b0cd060d82.colorOnPrimaryColor_a2dfb30d3c:hover.focus-visible_81df2a6153,\n.kindTertiary_b0cd060d82.colorOnPrimaryColor_a2dfb30d3c:focus:focus-visible,\n.kindTertiary_b0cd060d82.colorOnPrimaryColor_a2dfb30d3c:focus.focus-visible_81df2a6153 {\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_b0cd060d82.colorOnPrimaryColorActive_19d640b8b2:focus:not(.focus-visible_81df2a6153),\n.kindTertiary_b0cd060d82.colorOnPrimaryColor_a2dfb30d3c:hover:focus:not(.focus-visible_81df2a6153),\n.kindTertiary_b0cd060d82.colorOnPrimaryColor_a2dfb30d3c:focus:focus:not(.focus-visible_81df2a6153) {\n  outline: none;\n}\n.kindTertiary_b0cd060d82.colorOnInvertedBackground_764327761c.disabled_b919b835b1 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b0cd060d82.colorOnPrimaryColor_a2dfb30d3c.disabled_b919b835b1 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b0cd060d82.colorFixedLight_c03c387632 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b0cd060d82.colorFixedLightActive_c191fa59f7,\n.kindTertiary_b0cd060d82.colorFixedLight_c03c387632:hover,\n.kindTertiary_b0cd060d82.colorFixedLight_c03c387632:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b0cd060d82.colorFixedLightActive_c191fa59f7:focus-visible, .kindTertiary_b0cd060d82.colorFixedLightActive_c191fa59f7.focus-visible_81df2a6153,\n.kindTertiary_b0cd060d82.colorFixedLight_c03c387632:hover:focus-visible,\n.kindTertiary_b0cd060d82.colorFixedLight_c03c387632:hover.focus-visible_81df2a6153,\n.kindTertiary_b0cd060d82.colorFixedLight_c03c387632:focus:focus-visible,\n.kindTertiary_b0cd060d82.colorFixedLight_c03c387632:focus.focus-visible_81df2a6153 {\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_b0cd060d82.colorFixedLightActive_c191fa59f7:focus:not(.focus-visible_81df2a6153),\n.kindTertiary_b0cd060d82.colorFixedLight_c03c387632:hover:focus:not(.focus-visible_81df2a6153),\n.kindTertiary_b0cd060d82.colorFixedLight_c03c387632:focus:focus:not(.focus-visible_81df2a6153) {\n  outline: none;\n}\n.kindTertiary_b0cd060d82.colorFixedLight_c03c387632.disabled_b919b835b1 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b0cd060d82.colorOnInvertedBackground_764327761c {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b0cd060d82.colorOnInvertedBackgroundActive_3fd9ce96d8,\n.kindTertiary_b0cd060d82.colorOnInvertedBackground_764327761c:hover,\n.kindTertiary_b0cd060d82.colorOnInvertedBackground_764327761c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b0cd060d82.disabled_b919b835b1 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_b0cd060d82.disabled_b919b835b1:hover {\n  background-color: transparent;\n}\n.noSidePadding_65b92d6065 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_5608118fdf.insetFocusStyle_7baf3a8980:focus-visible, .button_5608118fdf.insetFocusStyle_7baf3a8980.focus-visible_81df2a6153 {\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_5608118fdf.insetFocusStyle_7baf3a8980:focus:not(.focus-visible_81df2a6153) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_31d6cbb869","focus-visible":"focus-visible_eb5149d733",loader:"loader_d5e2699832",loaderSvg:"loaderSvg_e744ee8665",textPlaceholder:"textPlaceholder_3133028368",success:"success_970f2bbb04",successContent:"successContent_ad338b173b",marginRight:"marginRight_8d1e534688",marginLeft:"marginLeft_2e7cef8b9f",rightFlat:"rightFlat_7a3af3fbf3",leftFlat:"leftFlat_2e043b3dcf",stretched:"stretched_9a9cdce507",preventClickAnimation:"preventClickAnimation_012d2721f4",leftIcon:"leftIcon_8d1e534688",rightIcon:"rightIcon_2e7cef8b9f",sizeXxs:"sizeXxs_69a2614276",sizeXs:"sizeXs_826c1c990b",sizeSmall:"sizeSmall_58f3b1511f",sizeMedium:"sizeMedium_57105c34bc",sizeLarge:"sizeLarge_b8478ddfa4",kindPrimary:"kindPrimary_7c36d304a4",colorPrimary:"colorPrimary_2c1bef02a4",colorBrand:"colorBrand_dd24f13d79",colorPrimaryActive:"colorPrimaryActive_0401aedc5b",colorBrandActive:"colorBrandActive_48953d7180",colorPositive:"colorPositive_dbef4a1100",colorPositiveActive:"colorPositiveActive_6135f5c3d4",colorNegative:"colorNegative_166603f083",colorNegativeActive:"colorNegativeActive_6135f5c3d4",colorInverted:"colorInverted_e1c9bc0fe4",colorInvertedActive:"colorInvertedActive_6135f5c3d4",disabled:"disabled_1754026436",colorOnPrimaryColor:"colorOnPrimaryColor_d94a4b9786",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_78b9ed3518",colorFixedLight:"colorFixedLight_25c354a411",colorFixedLightActive:"colorFixedLightActive_012d2721f4",colorOnInvertedBackground:"colorOnInvertedBackground_e1c9bc0fe4",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_91707f795c",kindSecondary:"kindSecondary_37c1bd2938",kindTertiary:"kindTertiary_faf0d78037",noSidePadding:"noSidePadding_3c513df2b0",insetFocusStyle:"insetFocusStyle_6554682236"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d31f50cc72b8_0_0_153";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_31d6cbb869 {\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_31d6cbb869:focus-visible, .button_31d6cbb869.focus-visible_eb5149d733 {\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_31d6cbb869:focus:not(.focus-visible_eb5149d733) {\n  outline: none;\n}\n.button_31d6cbb869 .loader_d5e2699832 {\n  height: 100%;\n}\n.button_31d6cbb869 .loader_d5e2699832 .loaderSvg_e744ee8665 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_31d6cbb869 .textPlaceholder_3133028368 {\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_31d6cbb869.success_970f2bbb04 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_31d6cbb869.success_970f2bbb04 .successContent_ad338b173b {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_8d1e534688 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_2e7cef8b9f {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_7a3af3fbf3 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_2e043b3dcf {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.stretched_9a9cdce507 {\n  flex-grow: 1;\n}\n.button_31d6cbb869:active:not(.preventClickAnimation_012d2721f4) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_31d6cbb869 .leftIcon_8d1e534688 {\n  margin-right: var(--spacing-small);\n}\n.button_31d6cbb869 .rightIcon_2e7cef8b9f {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_69a2614276 {\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_826c1c990b {\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_826c1c990b .leftIcon_8d1e534688 {\n  margin-right: var(--spacing-xs);\n}\n.sizeXs_826c1c990b .rightIcon_2e7cef8b9f {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_58f3b1511f {\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_58f3b1511f .leftIcon_8d1e534688 {\n  margin-right: var(--spacing-xs);\n}\n.sizeSmall_58f3b1511f .rightIcon_2e7cef8b9f {\n  margin-left: var(--spacing-xs);\n}\n.sizeSmall_58f3b1511f .loader_d5e2699832 {\n  top: 7px;\n}\n.sizeMedium_57105c34bc {\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_b8478ddfa4 {\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_7c36d304a4 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_7c36d304a4.colorPrimary_2c1bef02a4 {\n  background: var(--primary-color);\n}\n.kindPrimary_7c36d304a4.colorBrand_dd24f13d79 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_7c36d304a4.colorPrimaryActive_0401aedc5b,\n.kindPrimary_7c36d304a4.colorPrimary_2c1bef02a4:hover,\n.kindPrimary_7c36d304a4.colorPrimary_2c1bef02a4:focus {\n  background: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n.kindPrimary_7c36d304a4.colorBrandActive_48953d7180,\n.kindPrimary_7c36d304a4.colorBrand_dd24f13d79:hover,\n.kindPrimary_7c36d304a4.colorBrand_dd24f13d79:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_7c36d304a4.colorPositive_dbef4a1100 {\n  background: var(--positive-color);\n}\n.kindPrimary_7c36d304a4.colorPositiveActive_6135f5c3d4,\n.kindPrimary_7c36d304a4.colorPositive_dbef4a1100:hover,\n.kindPrimary_7c36d304a4.colorPositive_dbef4a1100:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_7c36d304a4.colorNegative_166603f083 {\n  background: var(--negative-color);\n}\n.kindPrimary_7c36d304a4.colorNegativeActive_6135f5c3d4,\n.kindPrimary_7c36d304a4.colorNegative_166603f083:hover,\n.kindPrimary_7c36d304a4.colorNegative_166603f083:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_7c36d304a4.colorInverted_e1c9bc0fe4 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_7c36d304a4.colorInvertedActive_6135f5c3d4,\n.kindPrimary_7c36d304a4.colorInverted_e1c9bc0fe4:hover,\n.kindPrimary_7c36d304a4.colorInverted_e1c9bc0fe4:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_7c36d304a4.button_31d6cbb869.colorInverted_e1c9bc0fe4.disabled_1754026436 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_7c36d304a4.colorOnPrimaryColor_d94a4b9786 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_7c36d304a4.colorOnPrimaryColorActive_78b9ed3518,\n.kindPrimary_7c36d304a4.colorOnPrimaryColor_d94a4b9786:hover,\n.kindPrimary_7c36d304a4.colorOnPrimaryColor_d94a4b9786:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_7c36d304a4.colorOnPrimaryColorActive_78b9ed3518:focus-visible, .kindPrimary_7c36d304a4.colorOnPrimaryColorActive_78b9ed3518.focus-visible_eb5149d733,\n.kindPrimary_7c36d304a4.colorOnPrimaryColor_d94a4b9786:hover:focus-visible,\n.kindPrimary_7c36d304a4.colorOnPrimaryColor_d94a4b9786:hover.focus-visible_eb5149d733,\n.kindPrimary_7c36d304a4.colorOnPrimaryColor_d94a4b9786:focus:focus-visible,\n.kindPrimary_7c36d304a4.colorOnPrimaryColor_d94a4b9786:focus.focus-visible_eb5149d733 {\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_7c36d304a4.colorOnPrimaryColorActive_78b9ed3518:focus:not(.focus-visible_eb5149d733),\n.kindPrimary_7c36d304a4.colorOnPrimaryColor_d94a4b9786:hover:focus:not(.focus-visible_eb5149d733),\n.kindPrimary_7c36d304a4.colorOnPrimaryColor_d94a4b9786:focus:focus:not(.focus-visible_eb5149d733) {\n  outline: none;\n}\n.kindPrimary_7c36d304a4.colorOnPrimaryColor_d94a4b9786.disabled_1754026436 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_7c36d304a4.colorFixedLight_25c354a411 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_7c36d304a4.colorFixedLightActive_012d2721f4,\n.kindPrimary_7c36d304a4.colorFixedLight_25c354a411:hover,\n.kindPrimary_7c36d304a4.colorFixedLight_25c354a411:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_7c36d304a4.colorFixedLightActive_012d2721f4:focus-visible, .kindPrimary_7c36d304a4.colorFixedLightActive_012d2721f4.focus-visible_eb5149d733,\n.kindPrimary_7c36d304a4.colorFixedLight_25c354a411:hover:focus-visible,\n.kindPrimary_7c36d304a4.colorFixedLight_25c354a411:hover.focus-visible_eb5149d733,\n.kindPrimary_7c36d304a4.colorFixedLight_25c354a411:focus:focus-visible,\n.kindPrimary_7c36d304a4.colorFixedLight_25c354a411:focus.focus-visible_eb5149d733 {\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_7c36d304a4.colorFixedLightActive_012d2721f4:focus:not(.focus-visible_eb5149d733),\n.kindPrimary_7c36d304a4.colorFixedLight_25c354a411:hover:focus:not(.focus-visible_eb5149d733),\n.kindPrimary_7c36d304a4.colorFixedLight_25c354a411:focus:focus:not(.focus-visible_eb5149d733) {\n  outline: none;\n}\n.kindPrimary_7c36d304a4.colorFixedLight_25c354a411.disabled_1754026436 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_7c36d304a4.colorOnInvertedBackground_e1c9bc0fe4 {\n  background: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_7c36d304a4.colorOnInvertedBackgroundActive_91707f795c,\n.kindPrimary_7c36d304a4.colorOnInvertedBackground_e1c9bc0fe4:hover,\n.kindPrimary_7c36d304a4.colorOnInvertedBackground_e1c9bc0fe4:focus {\n  background: var(--surface-level-100);\n  color: var(--text-primary);\n}\n.kindPrimary_7c36d304a4.button_31d6cbb869.colorOnInvertedBackground_e1c9bc0fe4.disabled_1754026436 {\n  background: var(--surface-inverse);\n  color: var(--text-secondary);\n  opacity: 0.5;\n}\n.kindPrimary_7c36d304a4.button_31d6cbb869.disabled_1754026436 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_37c1bd2938 {\n  border: 1px solid;\n  border-color: transparent;\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindSecondary_37c1bd2938.sizeSmall_58f3b1511f {\n  line-height: 22px;\n}\n.kindSecondary_37c1bd2938.sizeMedium_57105c34bc {\n  line-height: 22px;\n}\n.kindSecondary_37c1bd2938.sizeLarge_b8478ddfa4 {\n  line-height: 22px;\n}\n.kindSecondary_37c1bd2938.colorPrimaryActive_0401aedc5b,\n.kindSecondary_37c1bd2938.colorPrimaryActive_0401aedc5b:hover {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n.kindSecondary_37c1bd2938.colorBrandActive_48953d7180 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_37c1bd2938.colorBrandActive_48953d7180,\n.kindSecondary_37c1bd2938.colorBrandActive_48953d7180:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_37c1bd2938.colorPrimary_2c1bef02a4:hover:not(.colorPrimaryActive_0401aedc5b),\n.kindSecondary_37c1bd2938.colorPrimary_2c1bef02a4:focus:not(.colorPrimaryActive_0401aedc5b) {\n  background: var(--surface-level-300);\n  box-shadow: var(--effect-divider-halo);\n  border: 1px solid var(--divider-selected);\n}\n.kindSecondary_37c1bd2938.colorBrand_dd24f13d79:hover:not(.colorBrandActive_48953d7180),\n.kindSecondary_37c1bd2938.colorBrand_dd24f13d79:focus:not(.colorBrandActive_48953d7180) {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_37c1bd2938.colorPositive_dbef4a1100 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_37c1bd2938.colorPositiveActive_6135f5c3d4,\n.kindSecondary_37c1bd2938.colorPositive_dbef4a1100:hover,\n.kindSecondary_37c1bd2938.colorPositive_dbef4a1100:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_37c1bd2938.colorNegative_166603f083 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_37c1bd2938.colorNegativeActive_6135f5c3d4,\n.kindSecondary_37c1bd2938.colorNegative_166603f083:hover,\n.kindSecondary_37c1bd2938.colorNegative_166603f083:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_37c1bd2938.colorInverted_e1c9bc0fe4 {\n  color: var(--text-primary);\n  border-color: var(--text-primary);\n}\n.kindSecondary_37c1bd2938.colorInvertedActive_6135f5c3d4,\n.kindSecondary_37c1bd2938.colorInverted_e1c9bc0fe4:hover,\n.kindSecondary_37c1bd2938.colorInverted_e1c9bc0fe4:focus {\n  background: var(--surface-level-100-hover);\n}\n.kindSecondary_37c1bd2938.colorInverted_e1c9bc0fe4.disabled_1754026436 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_37c1bd2938.colorOnPrimaryColor_d94a4b9786 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_37c1bd2938.colorOnPrimaryColorActive_78b9ed3518,\n.kindSecondary_37c1bd2938.colorOnPrimaryColor_d94a4b9786:hover,\n.kindSecondary_37c1bd2938.colorOnPrimaryColor_d94a4b9786:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_37c1bd2938.colorOnPrimaryColorActive_78b9ed3518:focus-visible, .kindSecondary_37c1bd2938.colorOnPrimaryColorActive_78b9ed3518.focus-visible_eb5149d733,\n.kindSecondary_37c1bd2938.colorOnPrimaryColor_d94a4b9786:hover:focus-visible,\n.kindSecondary_37c1bd2938.colorOnPrimaryColor_d94a4b9786:hover.focus-visible_eb5149d733,\n.kindSecondary_37c1bd2938.colorOnPrimaryColor_d94a4b9786:focus:focus-visible,\n.kindSecondary_37c1bd2938.colorOnPrimaryColor_d94a4b9786:focus.focus-visible_eb5149d733 {\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_37c1bd2938.colorOnPrimaryColorActive_78b9ed3518:focus:not(.focus-visible_eb5149d733),\n.kindSecondary_37c1bd2938.colorOnPrimaryColor_d94a4b9786:hover:focus:not(.focus-visible_eb5149d733),\n.kindSecondary_37c1bd2938.colorOnPrimaryColor_d94a4b9786:focus:focus:not(.focus-visible_eb5149d733) {\n  outline: none;\n}\n.kindSecondary_37c1bd2938.colorOnPrimaryColor_d94a4b9786.disabled_1754026436 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_37c1bd2938.colorFixedLight_25c354a411 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_37c1bd2938.colorFixedLightActive_012d2721f4,\n.kindSecondary_37c1bd2938.colorFixedLight_25c354a411:hover,\n.kindSecondary_37c1bd2938.colorFixedLight_25c354a411:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_37c1bd2938.colorFixedLightActive_012d2721f4:focus-visible, .kindSecondary_37c1bd2938.colorFixedLightActive_012d2721f4.focus-visible_eb5149d733,\n.kindSecondary_37c1bd2938.colorFixedLight_25c354a411:hover:focus-visible,\n.kindSecondary_37c1bd2938.colorFixedLight_25c354a411:hover.focus-visible_eb5149d733,\n.kindSecondary_37c1bd2938.colorFixedLight_25c354a411:focus:focus-visible,\n.kindSecondary_37c1bd2938.colorFixedLight_25c354a411:focus.focus-visible_eb5149d733 {\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_37c1bd2938.colorFixedLightActive_012d2721f4:focus:not(.focus-visible_eb5149d733),\n.kindSecondary_37c1bd2938.colorFixedLight_25c354a411:hover:focus:not(.focus-visible_eb5149d733),\n.kindSecondary_37c1bd2938.colorFixedLight_25c354a411:focus:focus:not(.focus-visible_eb5149d733) {\n  outline: none;\n}\n.kindSecondary_37c1bd2938.colorOnInvertedBackground_e1c9bc0fe4 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_37c1bd2938.colorOnInvertedBackgroundActive_91707f795c,\n.kindSecondary_37c1bd2938.colorOnInvertedBackground_e1c9bc0fe4:hover,\n.kindSecondary_37c1bd2938.colorOnInvertedBackground_e1c9bc0fe4:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_37c1bd2938.colorOnInvertedBackground_e1c9bc0fe4.disabled_1754026436 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_37c1bd2938.colorFixedLight_25c354a411.disabled_1754026436 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_37c1bd2938.disabled_1754026436 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_37c1bd2938.disabled_1754026436:hover {\n  background-color: transparent;\n}\n.kindTertiary_faf0d78037 {\n  color: var(--text-primary);\n  background-color: transparent;\n}\n.kindTertiary_faf0d78037.colorPrimaryActive_0401aedc5b,\n.kindTertiary_faf0d78037.colorPrimaryActive_0401aedc5b:hover {\n  background-color: var(--surface-selected);\n}\n.kindTertiary_faf0d78037.colorBrandActive_48953d7180 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_faf0d78037.colorBrandActive_48953d7180,\n.kindTertiary_faf0d78037.colorBrandActive_48953d7180:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_faf0d78037.colorPrimary_2c1bef02a4:hover:not(.colorPrimaryActive_0401aedc5b),\n.kindTertiary_faf0d78037.colorPrimary_2c1bef02a4:focus:not(.colorPrimaryActive_0401aedc5b) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_faf0d78037.colorBrand_dd24f13d79:hover:not(.colorBrandActive_48953d7180),\n.kindTertiary_faf0d78037.colorBrand_dd24f13d79:focus:not(.colorBrandActive_48953d7180) {\n  background: var(--surface-level-200);\n}\n.kindTertiary_faf0d78037.colorPositive_dbef4a1100 {\n  color: var(--positive-color);\n}\n.kindTertiary_faf0d78037.colorPositiveActive_6135f5c3d4,\n.kindTertiary_faf0d78037.colorPositive_dbef4a1100:hover,\n.kindTertiary_faf0d78037.colorPositive_dbef4a1100:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_faf0d78037.colorNegative_166603f083 {\n  color: var(--negative-color);\n}\n.kindTertiary_faf0d78037.colorNegativeActive_6135f5c3d4,\n.kindTertiary_faf0d78037.colorNegative_166603f083:hover,\n.kindTertiary_faf0d78037.colorNegative_166603f083:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_faf0d78037.colorInverted_e1c9bc0fe4 {\n  color: var(--text-primary);\n}\n.kindTertiary_faf0d78037.colorInvertedActive_6135f5c3d4,\n.kindTertiary_faf0d78037.colorInverted_e1c9bc0fe4:hover,\n.kindTertiary_faf0d78037.colorInverted_e1c9bc0fe4:focus {\n  background: var(--surface-level-200);\n}\n.kindTertiary_faf0d78037.colorInverted_e1c9bc0fe4.disabled_1754026436 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_faf0d78037.colorOnPrimaryColor_d94a4b9786 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_faf0d78037.colorOnPrimaryColorActive_78b9ed3518,\n.kindTertiary_faf0d78037.colorOnPrimaryColor_d94a4b9786:hover,\n.kindTertiary_faf0d78037.colorOnPrimaryColor_d94a4b9786:focus {\n  backdrop-filter: brightness(85%);\n  background: var(--icon-color);\n}\n.kindTertiary_faf0d78037.colorOnPrimaryColorActive_78b9ed3518:focus-visible, .kindTertiary_faf0d78037.colorOnPrimaryColorActive_78b9ed3518.focus-visible_eb5149d733,\n.kindTertiary_faf0d78037.colorOnPrimaryColor_d94a4b9786:hover:focus-visible,\n.kindTertiary_faf0d78037.colorOnPrimaryColor_d94a4b9786:hover.focus-visible_eb5149d733,\n.kindTertiary_faf0d78037.colorOnPrimaryColor_d94a4b9786:focus:focus-visible,\n.kindTertiary_faf0d78037.colorOnPrimaryColor_d94a4b9786:focus.focus-visible_eb5149d733 {\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_faf0d78037.colorOnPrimaryColorActive_78b9ed3518:focus:not(.focus-visible_eb5149d733),\n.kindTertiary_faf0d78037.colorOnPrimaryColor_d94a4b9786:hover:focus:not(.focus-visible_eb5149d733),\n.kindTertiary_faf0d78037.colorOnPrimaryColor_d94a4b9786:focus:focus:not(.focus-visible_eb5149d733) {\n  outline: none;\n}\n.kindTertiary_faf0d78037.colorOnInvertedBackground_e1c9bc0fe4.disabled_1754026436 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_faf0d78037.colorOnPrimaryColor_d94a4b9786.disabled_1754026436 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_faf0d78037.colorFixedLight_25c354a411 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_faf0d78037.colorFixedLightActive_012d2721f4,\n.kindTertiary_faf0d78037.colorFixedLight_25c354a411:hover,\n.kindTertiary_faf0d78037.colorFixedLight_25c354a411:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_faf0d78037.colorFixedLightActive_012d2721f4:focus-visible, .kindTertiary_faf0d78037.colorFixedLightActive_012d2721f4.focus-visible_eb5149d733,\n.kindTertiary_faf0d78037.colorFixedLight_25c354a411:hover:focus-visible,\n.kindTertiary_faf0d78037.colorFixedLight_25c354a411:hover.focus-visible_eb5149d733,\n.kindTertiary_faf0d78037.colorFixedLight_25c354a411:focus:focus-visible,\n.kindTertiary_faf0d78037.colorFixedLight_25c354a411:focus.focus-visible_eb5149d733 {\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_faf0d78037.colorFixedLightActive_012d2721f4:focus:not(.focus-visible_eb5149d733),\n.kindTertiary_faf0d78037.colorFixedLight_25c354a411:hover:focus:not(.focus-visible_eb5149d733),\n.kindTertiary_faf0d78037.colorFixedLight_25c354a411:focus:focus:not(.focus-visible_eb5149d733) {\n  outline: none;\n}\n.kindTertiary_faf0d78037.colorFixedLight_25c354a411.disabled_1754026436 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_faf0d78037.colorOnInvertedBackground_e1c9bc0fe4 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_faf0d78037.colorOnInvertedBackgroundActive_91707f795c,\n.kindTertiary_faf0d78037.colorOnInvertedBackground_e1c9bc0fe4:hover,\n.kindTertiary_faf0d78037.colorOnInvertedBackground_e1c9bc0fe4:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_faf0d78037.disabled_1754026436 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_faf0d78037.disabled_1754026436:hover {\n  background-color: transparent;\n}\n.noSidePadding_3c513df2b0 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_31d6cbb869.insetFocusStyle_6554682236:focus-visible, .button_31d6cbb869.insetFocusStyle_6554682236.focus-visible_eb5149d733 {\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_31d6cbb869.insetFocusStyle_6554682236:focus:not(.focus-visible_eb5149d733) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_5b38ec5ed3",subTextContainer:"subTextContainer_4a2e856a96",buttonsContainer:"buttonsContainer_3a1257f716",button:"button_1a108e2d69",activeButton:"activeButton_48661aea5b",optionText:"optionText_0410762d32",disabled:"disabled_4bda4ac5d9",selected:"selected_3b42c3d601",kindTertiary:"kindTertiary_293fa77ca0",wrapper:"wrapper_7f554a0875",buttonDisabled:"buttonDisabled_a33100e329"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-98261c00be2f_0_0_151";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_5b38ec5ed3 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_4a2e856a96 {\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_3a1257f716 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_3a1257f716 .button_1a108e2d69 {\n  border: 1px solid;\n  background-color: var(--surface-level-100);\n  border-color: var(--divider-primary);\n}\n\n.buttonsContainer_3a1257f716 .button_1a108e2d69.activeButton_48661aea5b {\n  z-index: 20;\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_3a1257f716 .button_1a108e2d69.activeButton_48661aea5b:hover {\n  background-color: var(--surface-selected);\n}\n\n.optionText_0410762d32:not(.disabled_4bda4ac5d9) {\n  color: var(--text-primary);\n}\n\n.optionText_0410762d32:not(.disabled_4bda4ac5d9).selected_3b42c3d601 {\n  z-index: 10;\n  color: var(--text-primary);\n}\n\n.kindTertiary_293fa77ca0 .button_1a108e2d69 {\n  border-color: transparent;\n}\n\n.kindTertiary_293fa77ca0 .button_1a108e2d69:first-child {\n  border-color: transparent;\n}\n\n.wrapper_7f554a0875.disabled_4bda4ac5d9 {\n  cursor: not-allowed;\n}\n\n.button_1a108e2d69.disabled_4bda4ac5d9 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_1a108e2d69.buttonDisabled_a33100e329 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_4b8bc482f3",subTextContainer:"subTextContainer_d98e59587f",buttonsContainer:"buttonsContainer_435b4a38f6",button:"button_c8f759081d",activeButton:"activeButton_f1e844616c",optionText:"optionText_9036a8af20",disabled:"disabled_bbecd8edb3",selected:"selected_625ee162de",kindTertiary:"kindTertiary_da1dbc8563",wrapper:"wrapper_f6c26aa81f",buttonDisabled:"buttonDisabled_f1804020a5"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-98261c00be2f_0_0_153";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))}(".buttonGroup_4b8bc482f3 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_d98e59587f {\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_435b4a38f6 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_435b4a38f6 .button_c8f759081d {\n  border: 1px solid;\n  background-color: var(--surface-level-100);\n  border-color: var(--divider-primary);\n}\n\n.buttonsContainer_435b4a38f6 .button_c8f759081d.activeButton_f1e844616c {\n  z-index: 20;\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_435b4a38f6 .button_c8f759081d.activeButton_f1e844616c:hover {\n  background-color: var(--surface-selected);\n}\n\n.optionText_9036a8af20:not(.disabled_bbecd8edb3) {\n  color: var(--text-primary);\n}\n\n.optionText_9036a8af20:not(.disabled_bbecd8edb3).selected_625ee162de {\n  z-index: 10;\n  color: var(--text-primary);\n}\n\n.kindTertiary_da1dbc8563 .button_c8f759081d {\n  border-color: transparent;\n}\n\n.kindTertiary_da1dbc8563 .button_c8f759081d:first-child {\n  border-color: transparent;\n}\n\n.wrapper_f6c26aa81f.disabled_bbecd8edb3 {\n  cursor: not-allowed;\n}\n\n.button_c8f759081d.disabled_bbecd8edb3 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_c8f759081d.buttonDisabled_f1804020a5 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_5e1b5a29be",checkbox:"checkbox_f2c89b7a3e",icon:"icon_2154eab099",label:"label_881840d62a",input:"input_60745e1ca0",checkboxGrowAnimation:"checkboxGrowAnimation_4e649a30b1"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-48d5620ebb3c_0_0_151";if(n.querySelector("#"+o))return;const c=document.createElement("style");c.id=o,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}('.wrapper_5e1b5a29be {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_f2c89b7a3e {\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_f2c89b7a3e: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_f2c89b7a3e:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon_2154eab099 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_881840d62a {\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_60745e1ca0 {\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_60745e1ca0:focus + .checkbox_f2c89b7a3e {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_60745e1ca0:focus:checked + .checkbox_f2c89b7a3e {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_60745e1ca0:focus-visible + .checkbox_f2c89b7a3e {\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_60745e1ca0:checked:focus + .checkbox_f2c89b7a3e:after,\n.input_60745e1ca0:indeterminate:focus + .checkbox_f2c89b7a3e:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_60745e1ca0:checked + .checkbox_f2c89b7a3e,\n.input_60745e1ca0:indeterminate + .checkbox_f2c89b7a3e {\n  animation: checkboxGrowAnimation_4e649a30b1 var(--motion-productive-short);\n}\n\n.input_60745e1ca0:checked + .checkbox_f2c89b7a3e,\n.input_60745e1ca0:indeterminate + .checkbox_f2c89b7a3e {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_60745e1ca0:checked + .checkbox_f2c89b7a3e:hover,\n.input_60745e1ca0:indeterminate + .checkbox_f2c89b7a3e:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_60745e1ca0:checked + .checkbox_f2c89b7a3e:hover:after,\n.input_60745e1ca0:indeterminate + .checkbox_f2c89b7a3e:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_60745e1ca0:checked + .checkbox_f2c89b7a3e:after,\n.input_60745e1ca0:indeterminate + .checkbox_f2c89b7a3e: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_60745e1ca0:checked + .checkbox_f2c89b7a3e > .icon_2154eab099,\n.input_60745e1ca0:indeterminate + .checkbox_f2c89b7a3e > .icon_2154eab099 {\n  visibility: visible;\n}\n\n.input_60745e1ca0:checked:disabled + .checkbox_f2c89b7a3e:after,\n.input_60745e1ca0:indeterminate:disabled + .checkbox_f2c89b7a3e:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_60745e1ca0:disabled + .checkbox_f2c89b7a3e,\n.input_60745e1ca0:disabled + .checkbox_f2c89b7a3e:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input_60745e1ca0:disabled + .checkbox_f2c89b7a3e .icon_2154eab099,\n.input_60745e1ca0:disabled + .checkbox_f2c89b7a3e:hover .icon_2154eab099 {\n  color: var(--disabled-text-color);\n}\n\n.input_60745e1ca0:disabled + .checkbox_f2c89b7a3e,\n.input_60745e1ca0:disabled + .checkbox_f2c89b7a3e:hover {\n  cursor: not-allowed;\n}\n\n.input_60745e1ca0:disabled ~ .label_881840d62a {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_4e649a30b1 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
+var e={wrapper:"wrapper_75c91aceb2",checkbox:"checkbox_73e56211f2",icon:"icon_ba85afc4b2",label:"label_204d910e9d",input:"input_902c933ae1",checkboxGrowAnimation:"checkboxGrowAnimation_d2816c8392"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-48d5620ebb3c_0_0_153";if(n.querySelector("#"+o))return;const c=document.createElement("style");c.id=o,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}('.wrapper_75c91aceb2 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_73e56211f2 {\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_73e56211f2: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_73e56211f2:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.icon_ba85afc4b2 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_204d910e9d {\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_902c933ae1 {\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_902c933ae1:focus + .checkbox_73e56211f2 {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_902c933ae1:focus:checked + .checkbox_73e56211f2 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_902c933ae1:focus-visible + .checkbox_73e56211f2 {\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_902c933ae1:checked:focus + .checkbox_73e56211f2:after,\n.input_902c933ae1:indeterminate:focus + .checkbox_73e56211f2:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_902c933ae1:checked + .checkbox_73e56211f2,\n.input_902c933ae1:indeterminate + .checkbox_73e56211f2 {\n  animation: checkboxGrowAnimation_d2816c8392 var(--motion-productive-short);\n}\n\n.input_902c933ae1:checked + .checkbox_73e56211f2,\n.input_902c933ae1:indeterminate + .checkbox_73e56211f2 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_902c933ae1:checked + .checkbox_73e56211f2:hover,\n.input_902c933ae1:indeterminate + .checkbox_73e56211f2:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n  box-shadow: var(--effect-divider-halo);\n}\n\n.input_902c933ae1:checked + .checkbox_73e56211f2:hover:after,\n.input_902c933ae1:indeterminate + .checkbox_73e56211f2:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_902c933ae1:checked + .checkbox_73e56211f2:after,\n.input_902c933ae1:indeterminate + .checkbox_73e56211f2: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_902c933ae1:checked + .checkbox_73e56211f2 > .icon_ba85afc4b2,\n.input_902c933ae1:indeterminate + .checkbox_73e56211f2 > .icon_ba85afc4b2 {\n  visibility: visible;\n}\n\n.input_902c933ae1:checked:disabled + .checkbox_73e56211f2:after,\n.input_902c933ae1:indeterminate:disabled + .checkbox_73e56211f2:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_902c933ae1:disabled + .checkbox_73e56211f2,\n.input_902c933ae1:disabled + .checkbox_73e56211f2:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--divider-primary);\n}\n\n.input_902c933ae1:disabled + .checkbox_73e56211f2 .icon_ba85afc4b2,\n.input_902c933ae1:disabled + .checkbox_73e56211f2:hover .icon_ba85afc4b2 {\n  color: var(--disabled-text-color);\n}\n\n.input_902c933ae1:disabled + .checkbox_73e56211f2,\n.input_902c933ae1:disabled + .checkbox_73e56211f2:hover {\n  cursor: not-allowed;\n}\n\n.input_902c933ae1:disabled ~ .label_204d910e9d {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_d2816c8392 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_dbc1a691a6","focus-visible":"focus-visible_81df2a6153",disabled:"disabled_37a4e612eb",disableTextSelection:"disableTextSelection_3150a314b7"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-8d33a9ee9e1f_0_0_151";if(n.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".clickable_dbc1a691a6 {\n  cursor: pointer;\n}\n.clickable_dbc1a691a6:focus-visible, .clickable_dbc1a691a6.focus-visible_81df2a6153 {\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_dbc1a691a6:focus:not(.focus-visible_81df2a6153) {\n  outline: none;\n}\n.clickable_dbc1a691a6.disabled_37a4e612eb {\n  cursor: default;\n}\n.disableTextSelection_3150a314b7 {\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_99f8dee67d","focus-visible":"focus-visible_eb5149d733",disabled:"disabled_d8438be86a",disableTextSelection:"disableTextSelection_47bcb65f40"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-8d33a9ee9e1f_0_0_153";if(n.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".clickable_99f8dee67d {\n  cursor: pointer;\n}\n.clickable_99f8dee67d:focus-visible, .clickable_99f8dee67d.focus-visible_eb5149d733 {\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_99f8dee67d:focus:not(.focus-visible_eb5149d733) {\n  outline: none;\n}\n.clickable_99f8dee67d.disabled_d8438be86a {\n  cursor: default;\n}\n.disableTextSelection_47bcb65f40 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_70297a2b3f",colorPickerDialogContent:"colorPickerDialogContent_2759a3ebb1"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_151";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_70297a2b3f.colorPickerDialogContent_2759a3ebb1 {\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_c840ac433b",colorPickerDialogContent:"colorPickerDialogContent_2237b9329a"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ffacbf9b6446_0_0_153";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_c840ac433b.colorPickerDialogContent_2237b9329a {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon_90b5ad7f6e",clearColorButton:"clearColorButton_fc1f89261c"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-774e60a23ee3_0_0_151";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_90b5ad7f6e {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_fc1f89261c {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_8d1e534688",clearColorButton:"clearColorButton_55acd4f871"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-774e60a23ee3_0_0_153";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_8d1e534688 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_55acd4f871 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid_e3bc9438ed"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-0a5f0eb78ee4_0_0_151";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_e3bc9438ed {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_89f307c7d3"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-0a5f0eb78ee4_0_0_153";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_89f307c7d3 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_d29d945b16",circle:"circle_bd4a4547b4",feedbackIndicator:"feedbackIndicator_ba157a89d7",active:"active_520b4b389d",selectedColor:"selectedColor_83c283c61e",colorItem:"colorItem_05223035cb",colorIndicatorWrapper:"colorIndicatorWrapper_b25f74f4e5",colorItemSizeSmall:"colorItemSizeSmall_8cdc1683e4",colorItemSizeMedium:"colorItemSizeMedium_da8ec1d53b",colorItemSizeLarge:"colorItemSizeLarge_bcd926ebb5",colorItemTextMode:"colorItemTextMode_6b82d59b53",colorIconWhite:"colorIconWhite_e5fcbf9304"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_151";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_d29d945b16 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_d29d945b16.circle_bd4a4547b4 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_d29d945b16 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_d29d945b16 .feedbackIndicator_ba157a89d7 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_d29d945b16:focus,\n.itemWrapper_d29d945b16:focus-visible,\n.itemWrapper_d29d945b16.active_520b4b389d {\n  outline: none;\n}\n\n.itemWrapper_d29d945b16:focus .feedbackIndicator_ba157a89d7:before,\n.itemWrapper_d29d945b16:focus-visible .feedbackIndicator_ba157a89d7:before,\n.itemWrapper_d29d945b16.active_520b4b389d .feedbackIndicator_ba157a89d7: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_d29d945b16:focus .feedbackIndicator_ba157a89d7:after,\n.itemWrapper_d29d945b16:focus-visible .feedbackIndicator_ba157a89d7:after,\n.itemWrapper_d29d945b16.active_520b4b389d .feedbackIndicator_ba157a89d7: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_d29d945b16:hover:not(.active_520b4b389d):not(.selectedColor_83c283c61e) .feedbackIndicator_ba157a89d7 {\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_d29d945b16 .colorItem_05223035cb {\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_d29d945b16 .colorItem_05223035cb .colorIndicatorWrapper_b25f74f4e5 {\n  margin-top: 3px;\n}\n\n.itemWrapper_d29d945b16 .colorItem_05223035cb.colorItemSizeSmall_8cdc1683e4 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_d29d945b16 .colorItem_05223035cb.colorItemSizeMedium_da8ec1d53b {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_d29d945b16 .colorItem_05223035cb.colorItemSizeLarge_bcd926ebb5 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_d29d945b16.selectedColor_83c283c61e {\n  position: relative;\n}\n\n.itemWrapper_d29d945b16.selectedColor_83c283c61e: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_d29d945b16.selectedColor_83c283c61e .feedbackIndicator_ba157a89d7:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_d29d945b16 .colorItemTextMode_6b82d59b53:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper_d29d945b16 .colorIconWhite_e5fcbf9304 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_f20c546d3b",circle:"circle_513c1ad870",feedbackIndicator:"feedbackIndicator_702e5710d9",active:"active_af43792b10",selectedColor:"selectedColor_d01df04d80",colorItem:"colorItem_dabd006d8c",colorIndicatorWrapper:"colorIndicatorWrapper_8ebfb3c9d4",colorItemSizeSmall:"colorItemSizeSmall_db7d3578f2",colorItemSizeMedium:"colorItemSizeMedium_df13d2deef",colorItemSizeLarge:"colorItemSizeLarge_1076d42857",colorItemTextMode:"colorItemTextMode_c94021bfa0",colorIconWhite:"colorIconWhite_ffabb650f6"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-d3e48bf91285_0_0_153";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_f20c546d3b {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_f20c546d3b.circle_513c1ad870 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_f20c546d3b {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_f20c546d3b .feedbackIndicator_702e5710d9 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_f20c546d3b:focus,\n.itemWrapper_f20c546d3b:focus-visible,\n.itemWrapper_f20c546d3b.active_af43792b10 {\n  outline: none;\n}\n\n.itemWrapper_f20c546d3b:focus .feedbackIndicator_702e5710d9:before,\n.itemWrapper_f20c546d3b:focus-visible .feedbackIndicator_702e5710d9:before,\n.itemWrapper_f20c546d3b.active_af43792b10 .feedbackIndicator_702e5710d9: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_f20c546d3b:focus .feedbackIndicator_702e5710d9:after,\n.itemWrapper_f20c546d3b:focus-visible .feedbackIndicator_702e5710d9:after,\n.itemWrapper_f20c546d3b.active_af43792b10 .feedbackIndicator_702e5710d9: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_f20c546d3b:hover:not(.active_af43792b10):not(.selectedColor_d01df04d80) .feedbackIndicator_702e5710d9 {\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_f20c546d3b .colorItem_dabd006d8c {\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_f20c546d3b .colorItem_dabd006d8c .colorIndicatorWrapper_8ebfb3c9d4 {\n  margin-top: 3px;\n}\n\n.itemWrapper_f20c546d3b .colorItem_dabd006d8c.colorItemSizeSmall_db7d3578f2 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_f20c546d3b .colorItem_dabd006d8c.colorItemSizeMedium_df13d2deef {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_f20c546d3b .colorItem_dabd006d8c.colorItemSizeLarge_1076d42857 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_f20c546d3b.selectedColor_d01df04d80 {\n  position: relative;\n}\n\n.itemWrapper_f20c546d3b.selectedColor_d01df04d80: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_f20c546d3b.selectedColor_d01df04d80 .feedbackIndicator_702e5710d9:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_f20c546d3b .colorItemTextMode_c94021bfa0:hover {\n  background-color: var(--surface-level-100-hover) !important;\n}\n\n.itemWrapper_f20c546d3b .colorIconWhite_ffabb650f6 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={combobox:"combobox_64aabb7296",stickyCategory:"stickyCategory_0a3f7f3bdb",comboboxCategory:"comboboxCategory_bcc3976326",sizeSmall:"sizeSmall_3d3892aa31",sizeMedium:"sizeMedium_64aabb7296",sizeLarge:"sizeLarge_3d3892aa31",empty:"empty_0dcd97c911",comboboxSearchWrapper:"comboboxSearchWrapper_2e31c7c3c7",comboboxSearch:"comboboxSearch_abcc1c14c7",comboboxNoResults:"comboboxNoResults_1c1fa03722",comboboxMessageWrapper:"comboboxMessageWrapper_60f1ae1136",comboboxMessage:"comboboxMessage_1a335415c0",addNewButton:"addNewButton_5a63c1cef9",buttonLabel:"buttonLabel_1a335415c0",comboboxList:"comboboxList_c1294d6777"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-f0ce05580104_0_0_151";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(o))}(".combobox_64aabb7296 {\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_64aabb7296.stickyCategory_0a3f7f3bdb .comboboxCategory_bcc3976326 {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox_64aabb7296.stickyCategory_0a3f7f3bdb.sizeSmall_3d3892aa31 .comboboxCategory_bcc3976326 {\n  top: 32px;\n}\n\n.combobox_64aabb7296.stickyCategory_0a3f7f3bdb.sizeMedium_64aabb7296 .comboboxCategory_bcc3976326 {\n  top: 40px;\n}\n\n.combobox_64aabb7296.stickyCategory_0a3f7f3bdb.sizeLarge_3d3892aa31 .comboboxCategory_bcc3976326 {\n  top: 48px;\n}\n\n.combobox_64aabb7296.empty_0dcd97c911 {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper_2e31c7c3c7 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch_abcc1c14c7 {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults_1c1fa03722 {\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_1c1fa03722 .comboboxMessageWrapper_60f1ae1136 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_1c1fa03722 .comboboxMessageWrapper_60f1ae1136 .comboboxMessage_1a335415c0 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_1c1fa03722 .addNewButton_5a63c1cef9 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_1c1fa03722 .addNewButton_5a63c1cef9 .buttonLabel_1a335415c0 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_c1294d6777 {\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_e60e74a164",stickyCategory:"stickyCategory_b082ccb280",comboboxCategory:"comboboxCategory_2fc99d816a",sizeSmall:"sizeSmall_3040bb8376",sizeMedium:"sizeMedium_e60e74a164",sizeLarge:"sizeLarge_3040bb8376",empty:"empty_92fe382591",comboboxSearchWrapper:"comboboxSearchWrapper_6b077ca62c",comboboxSearch:"comboboxSearch_863154b3ec",comboboxNoResults:"comboboxNoResults_b5dd44ce99",comboboxMessageWrapper:"comboboxMessageWrapper_e6485b27ac",comboboxMessage:"comboboxMessage_840fb0f79e",addNewButton:"addNewButton_9a791fcd8f",buttonLabel:"buttonLabel_840fb0f79e",comboboxList:"comboboxList_806860ff99"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-f0ce05580104_0_0_153";if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(o))}(".combobox_e60e74a164 {\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_e60e74a164.stickyCategory_b082ccb280 .comboboxCategory_2fc99d816a {\n  z-index: 10;\n  background-color: var(--surface-level-100);\n}\n\n/* Relative to Search height */\n\n.combobox_e60e74a164.stickyCategory_b082ccb280.sizeSmall_3040bb8376 .comboboxCategory_2fc99d816a {\n  top: 32px;\n}\n\n.combobox_e60e74a164.stickyCategory_b082ccb280.sizeMedium_e60e74a164 .comboboxCategory_2fc99d816a {\n  top: 40px;\n}\n\n.combobox_e60e74a164.stickyCategory_b082ccb280.sizeLarge_3040bb8376 .comboboxCategory_2fc99d816a {\n  top: 48px;\n}\n\n.combobox_e60e74a164.empty_92fe382591 {\n  max-height: 200px;\n}\n\n.comboboxSearchWrapper_6b077ca62c {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxSearch_863154b3ec {\n  flex: 0 0 auto;\n}\n\n.comboboxNoResults_b5dd44ce99 {\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_b5dd44ce99 .comboboxMessageWrapper_e6485b27ac {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_b5dd44ce99 .comboboxMessageWrapper_e6485b27ac .comboboxMessage_840fb0f79e {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_b5dd44ce99 .addNewButton_9a791fcd8f {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_b5dd44ce99 .addNewButton_9a791fcd8f .buttonLabel_840fb0f79e {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_806860ff99 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_f9c235cdde",dividerContainer:"dividerContainer_abf150f45a",divider:"divider_6127c59681",sticky:"sticky_31cb94a588"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-cea859f3b65c_0_0_151";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_f9c235cdde {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer_abf150f45a {\n  position: relative;\n  width: 95%;\n}\n\n.divider_6127c59681 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_31cb94a588 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_a5a23676a9",dividerContainer:"dividerContainer_e695962cbc",divider:"divider_468f333fd8",sticky:"sticky_48bf23dc00"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-cea859f3b65c_0_0_153";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_a5a23676a9 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--surface-level-100);\n}\n\n.dividerContainer_e695962cbc {\n  position: relative;\n  width: 95%;\n}\n\n.divider_468f333fd8 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_48bf23dc00 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_82cd873f3e"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_151";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_82cd873f3e {\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_a256869666"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-a004d249e1c1_0_0_153";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_a256869666 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_ba6a4ce4fa",optionsContainer:"optionsContainer_bbd3474f74",firstCategory:"firstCategory_5aa41ed4a0",categoryWithOptions:"categoryWithOptions_abaa4a2b04",categoryWithoutOptions:"categoryWithoutOptions_83e2c23a49"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-7de573ecf1ec_0_0_151";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".scrollableContainer_ba6a4ce4fa::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_ba6a4ce4fa::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.optionsContainer_bbd3474f74 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory_5aa41ed4a0 {\n  padding-top: 0;\n}\n.categoryWithOptions_abaa4a2b04 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_83e2c23a49 {\n  margin-bottom: 0;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_1c72afe71c",optionsContainer:"optionsContainer_b0fdba0e8b",firstCategory:"firstCategory_2e3d88f5cc",categoryWithOptions:"categoryWithOptions_a9af2d47cc",categoryWithoutOptions:"categoryWithoutOptions_d7dbcfeb08"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7de573ecf1ec_0_0_153";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_1c72afe71c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_1c72afe71c::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}\n.optionsContainer_b0fdba0e8b {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.firstCategory_2e3d88f5cc {\n  padding-top: 0;\n}\n.categoryWithOptions_a9af2d47cc {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_d7dbcfeb08 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={comboboxOption:"comboboxOption_76606ed871",disabled:"disabled_22c67a98a8",selected:"selected_e1afe8b20a",active:"active_1a826132f7",activeOutline:"activeOutline_8957fb6a2d",optionLabel:"optionLabel_0257a99485",optionIcon:"optionIcon_abcc1c14c7",left:"left_73ef8aa2c2"};!function(e){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],n="s_id-8651683ae470_0_0_151";if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}(".comboboxOption_76606ed871 {\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_76606ed871.disabled_22c67a98a8 {\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_76606ed871.disabled_22c67a98a8:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_76606ed871.selected_e1afe8b20a {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption_76606ed871:hover:not(.disabled_22c67a98a8):not(.selected_e1afe8b20a),\n.comboboxOption_76606ed871.active_1a826132f7 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption_76606ed871.activeOutline_8957fb6a2d {\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_76606ed871 .optionLabel_0257a99485 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_76606ed871 .optionIcon_abcc1c14c7 {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_76606ed871 .optionIcon_abcc1c14c7.left_73ef8aa2c2 {\n  margin-right: 4px;\n}");export{e as default};
+var o={comboboxOption:"comboboxOption_bc5f37bf7a",disabled:"disabled_339e3ebd6f",selected:"selected_73733557aa",active:"active_4254162ed2",activeOutline:"activeOutline_9ca666c8d4",optionLabel:"optionLabel_92f3469995",optionIcon:"optionIcon_863154b3ec",left:"left_9e05d0504b"};!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-8651683ae470_0_0_153";if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(o))}(".comboboxOption_bc5f37bf7a {\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_bc5f37bf7a.disabled_339e3ebd6f {\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_bc5f37bf7a.disabled_339e3ebd6f:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_bc5f37bf7a.selected_73733557aa {\n  background-color: var(--surface-selected);\n}\n\n.comboboxOption_bc5f37bf7a:hover:not(.disabled_339e3ebd6f):not(.selected_73733557aa),\n.comboboxOption_bc5f37bf7a.active_4254162ed2 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-100-hover);\n  position: relative;\n}\n\n.comboboxOption_bc5f37bf7a.activeOutline_9ca666c8d4 {\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_bc5f37bf7a .optionLabel_92f3469995 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_bc5f37bf7a .optionIcon_863154b3ec {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_bc5f37bf7a .optionIcon_863154b3ec.left_9e05d0504b {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_5466238ada"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_151";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".stickyCategoryHeader_5466238ada {\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_b569386aac"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-7fd28c7f6b31_0_0_153";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".stickyCategoryHeader_b569386aac {\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 CHANGED Viewed

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={counter:"counter_c281f85175",withAnimation:"withAnimation_d12a5b0fd8",counterPopElastic:"counterPopElastic_1bfc7c1985",sizeSmall:"sizeSmall_65ed7c512c",sizeLarge:"sizeLarge_e4c2215420",kindFill:"kindFill_529dcd755d",colorPrimary:"colorPrimary_3028e6ee76",colorDark:"colorDark_d7b494cbd5",colorNegative:"colorNegative_dea4487865",colorWarning:"colorWarning_ec8e7c798b",colorLight:"colorLight_eb0f4a5cd8",kindLine:"kindLine_e6230fdbcd",fadeEnter:"fadeEnter_37a1935efa",fadeEnterActive:"fadeEnterActive_8265607617",fadeExit:"fadeExit_7d24f770c7",fadeExitActive:"fadeExitActive_1b4aa431f7","counter-pop-elastic":"counter-pop-elastic_236c6f8d1d"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-7af1f4daeef9_0_0_151";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_c281f85175 {\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_236c6f8d1d {\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_d12a5b0fd8 {\n  animation: counterPopElastic_1bfc7c1985 var(--motion-expressive-short);\n}\n.sizeSmall_65ed7c512c {\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_e4c2215420 {\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_529dcd755d.colorPrimary_3028e6ee76 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_529dcd755d.colorDark_d7b494cbd5 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill_529dcd755d.colorNegative_dea4487865 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_529dcd755d.colorWarning_ec8e7c798b {\n  background-color: var(--warning-color);\n}\n.kindFill_529dcd755d.colorLight_eb0f4a5cd8 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine_e6230fdbcd {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_e6230fdbcd.colorPrimary_3028e6ee76 {\n  color: var(--primary-color);\n}\n.kindLine_e6230fdbcd.colorDark_d7b494cbd5 {\n  color: var(--surface-inverse);\n}\n.kindLine_e6230fdbcd.colorNegative_dea4487865 {\n  color: var(--negative-color);\n}\n.kindLine_e6230fdbcd.colorLight_eb0f4a5cd8 {\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_37a1935efa {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_8265607617 {\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_7d24f770c7 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_1b4aa431f7 {\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_5241280209",withAnimation:"withAnimation_ce8794cf37",counterPopElastic:"counterPopElastic_8750b3c67f",sizeSmall:"sizeSmall_30f2427e17",sizeLarge:"sizeLarge_2908fea3bc",kindFill:"kindFill_fb5d2f6ca8",colorPrimary:"colorPrimary_1442df5b9c",colorDark:"colorDark_628bd690e0",colorNegative:"colorNegative_553af38d07",colorWarning:"colorWarning_62f652d939",colorLight:"colorLight_9cabdc9813",kindLine:"kindLine_5075337112",fadeEnter:"fadeEnter_e854b2aba2",fadeEnterActive:"fadeEnterActive_7a5bbb76f4",fadeExit:"fadeExit_098eff9fd3",fadeExitActive:"fadeExitActive_9162e0a0e6","counter-pop-elastic":"counter-pop-elastic_b382890f80"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],r="s_id-7af1f4daeef9_0_0_153";if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}(".counter_5241280209 {\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_b382890f80 {\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_ce8794cf37 {\n  animation: counterPopElastic_8750b3c67f var(--motion-expressive-short);\n}\n.sizeSmall_30f2427e17 {\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_2908fea3bc {\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_fb5d2f6ca8.colorPrimary_1442df5b9c {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_fb5d2f6ca8.colorDark_628bd690e0 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--surface-inverse);\n}\n.kindFill_fb5d2f6ca8.colorNegative_553af38d07 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_fb5d2f6ca8.colorWarning_62f652d939 {\n  background-color: var(--warning-color);\n}\n.kindFill_fb5d2f6ca8.colorLight_9cabdc9813 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n.kindLine_5075337112 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_5075337112.colorPrimary_1442df5b9c {\n  color: var(--primary-color);\n}\n.kindLine_5075337112.colorDark_628bd690e0 {\n  color: var(--surface-inverse);\n}\n.kindLine_5075337112.colorNegative_553af38d07 {\n  color: var(--negative-color);\n}\n.kindLine_5075337112.colorLight_9cabdc9813 {\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_e854b2aba2 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_7a5bbb76f4 {\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_098eff9fd3 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_9162e0a0e6 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer_73f63b4e99"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0631eeee63bb_0_0_151";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_73f63b4e99 {\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_01db9223f8"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0631eeee63bb_0_0_153";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_01db9223f8 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer_7804de0da1",monthYearSelection:"monthYearSelection_f1eb058a37",rangePickerMode:"rangePickerMode_16d7335227",withWeekNumber:"withWeekNumber_e94e92d450",calendarDayWeekNumber:"calendarDayWeekNumber_9233d690b9"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-efb8b12c27d8_0_0_151";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_7804de0da1 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_7804de0da1 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_7804de0da1 td {\n  border: none;\n}\n.datepickerContainer_7804de0da1.monthYearSelection_f1eb058a37 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_7804de0da1.monthYearSelection_f1eb058a37 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_7804de0da1 .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_7804de0da1 .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_7804de0da1 .DayPicker__horizontal {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_7804de0da1 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_7804de0da1 .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_7804de0da1 .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_7804de0da1 .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_7804de0da1 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_7804de0da1 .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_7804de0da1 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_7804de0da1 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_7804de0da1 .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_7804de0da1 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_7804de0da1 .CalendarDay__blocked_calendar, .datepickerContainer_7804de0da1 .CalendarDay__blocked_calendar:active, .datepickerContainer_7804de0da1 .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_7804de0da1 .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-tertiary);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_7804de0da1 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_7804de0da1 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_7804de0da1 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_7804de0da1 .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_7804de0da1.rangePickerMode_16d7335227 .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_7804de0da1.rangePickerMode_16d7335227 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n}\n.datepickerContainer_7804de0da1.rangePickerMode_16d7335227 .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_7804de0da1.rangePickerMode_16d7335227 .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_7804de0da1.rangePickerMode_16d7335227 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n}\n.datepickerContainer_7804de0da1.rangePickerMode_16d7335227 .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_7804de0da1.rangePickerMode_16d7335227 .CalendarDay__hovered_span, .datepickerContainer_7804de0da1.rangePickerMode_16d7335227 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--text-primary);\n  background: var(--surface-selected);\n}\n.datepickerContainer_7804de0da1.rangePickerMode_16d7335227 .CalendarDay__hovered_span:hover::before, .datepickerContainer_7804de0da1.rangePickerMode_16d7335227 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--surface-selected);\n}\n.datepickerContainer_7804de0da1.rangePickerMode_16d7335227 .CalendarDay__selected_span {\n  background: var(--surface-selected);\n}\n.datepickerContainer_7804de0da1.rangePickerMode_16d7335227 .CalendarDay__selected_span:hover {\n  color: var(--text-primary);\n}\n.datepickerContainer_7804de0da1.rangePickerMode_16d7335227 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_7804de0da1.rangePickerMode_16d7335227 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_7804de0da1.rangePickerMode_16d7335227.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer_7804de0da1.rangePickerMode_16d7335227.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_7804de0da1.rangePickerMode_16d7335227.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer_7804de0da1.withWeekNumber_e94e92d450 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_7804de0da1.withWeekNumber_e94e92d450 .CalendarDay .calendarDayWeekNumber_9233d690b9 {\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_7804de0da1.withWeekNumber_e94e92d450 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_9233d690b9 {\n  display: flex;\n}\n.datepickerContainer_7804de0da1.withWeekNumber_e94e92d450 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_9233d690b9 {\n  display: none;\n}\n.datepickerContainer_7804de0da1.withWeekNumber_e94e92d450 .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_7804de0da1.withWeekNumber_e94e92d450 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_7804de0da1.withWeekNumber_e94e92d450 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_7804de0da1.withWeekNumber_e94e92d450 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_7804de0da1.withWeekNumber_e94e92d450 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_06536204ce",monthYearSelection:"monthYearSelection_4ba41c08c7",rangePickerMode:"rangePickerMode_98dbd23fb6",withWeekNumber:"withWeekNumber_7968f0e9ba",calendarDayWeekNumber:"calendarDayWeekNumber_38c710a1f9"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-efb8b12c27d8_0_0_153";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}('.datepickerContainer_06536204ce {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_06536204ce 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_06536204ce td {\n  border: none;\n}\n.datepickerContainer_06536204ce.monthYearSelection_4ba41c08c7 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_06536204ce.monthYearSelection_4ba41c08c7 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_06536204ce .CalendarMonthGrid {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_06536204ce .CalendarMonth {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_06536204ce .DayPicker__horizontal {\n  background-color: var(--surface-level-100);\n}\n.datepickerContainer_06536204ce .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_06536204ce .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_06536204ce .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_06536204ce .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_06536204ce .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_06536204ce .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_06536204ce .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_06536204ce .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_06536204ce .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_06536204ce .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_06536204ce .CalendarDay__blocked_calendar, .datepickerContainer_06536204ce .CalendarDay__blocked_calendar:active, .datepickerContainer_06536204ce .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_06536204ce .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--text-tertiary);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_06536204ce .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_06536204ce .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_06536204ce .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_06536204ce .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_06536204ce.rangePickerMode_98dbd23fb6 .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_06536204ce.rangePickerMode_98dbd23fb6 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--surface-level-200) 50%, var(--surface-selected) 50%);\n}\n.datepickerContainer_06536204ce.rangePickerMode_98dbd23fb6 .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_06536204ce.rangePickerMode_98dbd23fb6 .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_06536204ce.rangePickerMode_98dbd23fb6 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--surface-selected) 50%, var(--surface-level-200) 50%);\n}\n.datepickerContainer_06536204ce.rangePickerMode_98dbd23fb6 .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_06536204ce.rangePickerMode_98dbd23fb6 .CalendarDay__hovered_span, .datepickerContainer_06536204ce.rangePickerMode_98dbd23fb6 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--text-primary);\n  background: var(--surface-selected);\n}\n.datepickerContainer_06536204ce.rangePickerMode_98dbd23fb6 .CalendarDay__hovered_span:hover::before, .datepickerContainer_06536204ce.rangePickerMode_98dbd23fb6 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--surface-selected);\n}\n.datepickerContainer_06536204ce.rangePickerMode_98dbd23fb6 .CalendarDay__selected_span {\n  background: var(--surface-selected);\n}\n.datepickerContainer_06536204ce.rangePickerMode_98dbd23fb6 .CalendarDay__selected_span:hover {\n  color: var(--text-primary);\n}\n.datepickerContainer_06536204ce.rangePickerMode_98dbd23fb6 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_06536204ce.rangePickerMode_98dbd23fb6 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_06536204ce.rangePickerMode_98dbd23fb6.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer_06536204ce.rangePickerMode_98dbd23fb6.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_06536204ce.rangePickerMode_98dbd23fb6.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--surface-level-100-hover);\n}\n.datepickerContainer_06536204ce.withWeekNumber_7968f0e9ba {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_06536204ce.withWeekNumber_7968f0e9ba .CalendarDay .calendarDayWeekNumber_38c710a1f9 {\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_06536204ce.withWeekNumber_7968f0e9ba .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_38c710a1f9 {\n  display: flex;\n}\n.datepickerContainer_06536204ce.withWeekNumber_7968f0e9ba .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_38c710a1f9 {\n  display: none;\n}\n.datepickerContainer_06536204ce.withWeekNumber_7968f0e9ba .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_06536204ce.withWeekNumber_7968f0e9ba .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_06536204ce.withWeekNumber_7968f0e9ba .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_06536204ce.withWeekNumber_7968f0e9ba .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_06536204ce.withWeekNumber_7968f0e9ba .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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader_bd2c624dfe",button:"button_d58eadaf5a",buttonContent:"buttonContent_e083ea595e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_0_0_151";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".datePickerHeader_bd2c624dfe {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_bd2c624dfe .button_d58eadaf5a {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_bd2c624dfe .button_d58eadaf5a .buttonContent_e083ea595e {\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_bd2c624dfe .button_d58eadaf5a .buttonContent_e083ea595e:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_f3abe03ee9",button:"button_291ba8fd7a",buttonContent:"buttonContent_ebdd0333f1"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89778422f1e0_0_0_153";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_f3abe03ee9 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_f3abe03ee9 .button_291ba8fd7a {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_f3abe03ee9 .button_291ba8fd7a .buttonContent_ebdd0333f1 {\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_f3abe03ee9 .button_291ba8fd7a .buttonContent_ebdd0333f1: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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={monthYearPicker:"monthYearPicker_945df5678b",navigationWrapper:"navigationWrapper_cccaf204df",navigationLeft:"navigationLeft_8e4a97b60b",navigationRight:"navigationRight_009456ea81",pickerOptions:"pickerOptions_455076202b"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-ae0835531883_0_0_151";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".monthYearPicker_945df5678b {\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_945df5678b .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_945df5678b .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_945df5678b .navigationWrapper_cccaf204df {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_945df5678b .navigationWrapper_cccaf204df.navigationLeft_8e4a97b60b {\n  left: 21px;\n}\n.monthYearPicker_945df5678b .navigationWrapper_cccaf204df.navigationRight_009456ea81 {\n  right: 21px;\n}\n.monthYearPicker_945df5678b .pickerOptions_455076202b {\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_945df5678b .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
+var e={monthYearPicker:"monthYearPicker_6b0ce3a50d",navigationWrapper:"navigationWrapper_7be1960b3e",navigationLeft:"navigationLeft_0a65dd20fd",navigationRight:"navigationRight_34ee81cd4f",pickerOptions:"pickerOptions_dcd0caef01"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-ae0835531883_0_0_153";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_6b0ce3a50d {\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_6b0ce3a50d .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_6b0ce3a50d .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_6b0ce3a50d .navigationWrapper_7be1960b3e {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_6b0ce3a50d .navigationWrapper_7be1960b3e.navigationLeft_0a65dd20fd {\n  left: 21px;\n}\n.monthYearPicker_6b0ce3a50d .navigationWrapper_7be1960b3e.navigationRight_34ee81cd4f {\n  right: 21px;\n}\n.monthYearPicker_6b0ce3a50d .pickerOptions_dcd0caef01 {\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_6b0ce3a50d .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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={arrow:"arrow_96976de649"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c86e07e1dadb_0_0_151";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_96976de649 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-level-100);\n}\n\n.arrow_96976de649[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_96976de649[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_96976de649[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_96976de649[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var e={arrow:"arrow_0e2fc3d156"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c86e07e1dadb_0_0_153";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_0e2fc3d156 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--surface-level-100);\n}\n\n.arrow_0e2fc3d156[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_0e2fc3d156[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_0e2fc3d156[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_0e2fc3d156[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map