npm - @vibe/core - Versions diffs - 3.70.5 → 3.72.0-alpha-cd688.0 - Mend

@vibe/core 3.70.5 → 3.72.0-alpha-cd688.0

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

Files changed (378) hide show

package/dist/src/components/Toggle/MockToggle.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={toggle:"toggle_5effba5bb2","focus-visible":"focus-visible_12efb0e8e3",selected:"selected_b5ca3d30eb",notSelected:"notSelected_40996dd7a5",disabled:"disabled_9b3592048e",medium:"medium_0703a09a2f",small:"small_b005e256d1",noSpacing:"noSpacing_6d5e8537ff"};!function(e){const n="s_id-550adc1aa9aa_3_70_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_5effba5bb2 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_5effba5bb2:focus-visible, .toggle_5effba5bb2.focus-visible_12efb0e8e3 {\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.toggle_5effba5bb2:focus:not(.focus-visible_12efb0e8e3) {\n  outline: none;\n}\n.toggle_5effba5bb2::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_5effba5bb2.selected_b5ca3d30eb {\n  background-color: var(--primary-color);\n}\n.toggle_5effba5bb2.selected_b5ca3d30eb::after {\n  left: 20px;\n}\n.toggle_5effba5bb2.notSelected_40996dd7a5 {\n  background-color: var(--ui-border-color);\n}\n.toggle_5effba5bb2.notSelected_40996dd7a5::after {\n  left: 3px;\n}\n.toggle_5effba5bb2.disabled_9b3592048e {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_5effba5bb2.medium_0703a09a2f {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_5effba5bb2.medium_0703a09a2f::after {\n  --circle-size: 18px;\n}\n.toggle_5effba5bb2.small_b005e256d1 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_5effba5bb2.small_b005e256d1::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_5effba5bb2.small_b005e256d1.notSelected_40996dd7a5::after {\n  left: 2px;\n}\n.toggle_5effba5bb2.noSpacing_6d5e8537ff {\n  margin: 0;\n}');export{e as default};
+var e={toggle:"toggle_670b79c53d","focus-visible":"focus-visible_8a253784ba",selected:"selected_990c31aa96",notSelected:"notSelected_85ba042ff2",disabled:"disabled_c47cfcf257",medium:"medium_0d05963de5",small:"small_9a1df51b91",noSpacing:"noSpacing_224ae6a2be"};!function(e){const n="s_id-550adc1aa9aa_3_71_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_670b79c53d {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_670b79c53d:focus-visible, .toggle_670b79c53d.focus-visible_8a253784ba {\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.toggle_670b79c53d:focus:not(.focus-visible_8a253784ba) {\n  outline: none;\n}\n.toggle_670b79c53d::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_670b79c53d.selected_990c31aa96 {\n  background-color: var(--primary-color);\n}\n.toggle_670b79c53d.selected_990c31aa96::after {\n  left: 20px;\n}\n.toggle_670b79c53d.notSelected_85ba042ff2 {\n  background-color: var(--ui-border-color);\n}\n.toggle_670b79c53d.notSelected_85ba042ff2::after {\n  left: 3px;\n}\n.toggle_670b79c53d.disabled_c47cfcf257 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_670b79c53d.medium_0d05963de5 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_670b79c53d.medium_0d05963de5::after {\n  --circle-size: 18px;\n}\n.toggle_670b79c53d.small_9a1df51b91 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_670b79c53d.small_9a1df51b91::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_670b79c53d.small_9a1df51b91.notSelected_85ba042ff2::after {\n  left: 2px;\n}\n.toggle_670b79c53d.noSpacing_224ae6a2be {\n  margin: 0;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_37f78e474b","focus-visible":"focus-visible_b274559571",wrapper:"wrapper_76fbee36fc"};!function(e){const t="s_id-4304a18f6620_3_70_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_37f78e474b:focus-visible, .toggleInput_37f78e474b.focus-visible_b274559571 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_37f78e474b:focus-visible ~ div, .toggleInput_37f78e474b.focus-visible_b274559571 ~ div {\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.wrapper_76fbee36fc {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_e92cc45ea0","focus-visible":"focus-visible_8aee127ff9",wrapper:"wrapper_7d38996e37"};!function(e){const t="s_id-4304a18f6620_3_71_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_e92cc45ea0:focus-visible, .toggleInput_e92cc45ea0.focus-visible_8aee127ff9 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_e92cc45ea0:focus-visible ~ div, .toggleInput_e92cc45ea0.focus-visible_8aee127ff9 ~ div {\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.wrapper_7d38996e37 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

package/dist/src/components/Toggle/ToggleText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={text:"text_2a8bde6254",disabled:"disabled_668f603df0"};!function(e){const t="s_id-1dee71639eb3_3_70_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_2a8bde6254 {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_668f603df0 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_a6c02795ad",disabled:"disabled_05da5d967a"};!function(e){const t="s_id-1dee71639eb3_3_71_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_a6c02795ad {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_05da5d967a {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var a={tooltip:"tooltip_fc4af511e9",image:"image_ed03cbaffa",title:"title_3421481140",content:"content_5c9313939d",paddingSizeMd:"paddingSizeMd_59d52ed622",tooltipWhiteLink:"tooltipWhiteLink_4c7705d839",arrow:"arrow_d1942dad5c",dark:"dark_cf15859b3a",primary:"primary_1818f65e93"};!function(a){const r="s_id-6a6e92472798_3_70_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=a)}(".tooltip_fc4af511e9 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_fc4af511e9 .image_ed03cbaffa {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_fc4af511e9 .title_3421481140 {\n  font: var(--font-text2-bold);\n}\n.tooltip_fc4af511e9 .content_5c9313939d {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_fc4af511e9.paddingSizeMd_59d52ed622 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_fc4af511e9 a.tooltipWhiteLink_4c7705d839 {\n  color: #fff;\n}\n.arrow_d1942dad5c,\n.dark_cf15859b3a,\n.arrow_d1942dad5c.dark_cf15859b3a {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_d1942dad5c.arrow_d1942dad5c.dark_cf15859b3a, .black-app-theme .arrow_d1942dad5c.arrow_d1942dad5c.dark_cf15859b3a, .hacker-app-theme .arrow_d1942dad5c.arrow_d1942dad5c.dark_cf15859b3a,\n.dark-app-theme .arrow_d1942dad5c.arrow_d1942dad5c.primary_1818f65e93,\n.black-app-theme .arrow_d1942dad5c.arrow_d1942dad5c.primary_1818f65e93,\n.hacker-app-theme .arrow_d1942dad5c.arrow_d1942dad5c.primary_1818f65e93 {\n  box-shadow: none;\n}\n.primary_1818f65e93,\n.arrow_d1942dad5c.primary_1818f65e93 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{a as default};
+var r={tooltip:"tooltip_6c76b90d79",image:"image_a9d80b195a",title:"title_577fdcc268",content:"content_770220641c",paddingSizeMd:"paddingSizeMd_09bd14b0c8",tooltipWhiteLink:"tooltipWhiteLink_68407846ab",arrow:"arrow_43c8b09c02",dark:"dark_d2ae2b7db8",primary:"primary_311c17d69c"};!function(r){const o="s_id-6a6e92472798_3_71_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=r)}(".tooltip_6c76b90d79 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_6c76b90d79 .image_a9d80b195a {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_6c76b90d79 .title_577fdcc268 {\n  font: var(--font-text2-bold);\n}\n.tooltip_6c76b90d79 .content_770220641c {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_6c76b90d79.paddingSizeMd_09bd14b0c8 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_6c76b90d79 a.tooltipWhiteLink_68407846ab {\n  color: #fff;\n}\n.arrow_43c8b09c02,\n.dark_d2ae2b7db8,\n.arrow_43c8b09c02.dark_d2ae2b7db8 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_43c8b09c02.arrow_43c8b09c02.dark_d2ae2b7db8, .black-app-theme .arrow_43c8b09c02.arrow_43c8b09c02.dark_d2ae2b7db8, .hacker-app-theme .arrow_43c8b09c02.arrow_43c8b09c02.dark_d2ae2b7db8,\n.dark-app-theme .arrow_43c8b09c02.arrow_43c8b09c02.primary_311c17d69c,\n.black-app-theme .arrow_43c8b09c02.arrow_43c8b09c02.primary_311c17d69c,\n.hacker-app-theme .arrow_43c8b09c02.arrow_43c8b09c02.primary_311c17d69c {\n  box-shadow: none;\n}\n.primary_311c17d69c,\n.arrow_43c8b09c02.primary_311c17d69c {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{r as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slideshow:"slideshow_2768f51296"};!function(e){const t="s_id-1d828e3be878_3_70_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow_2768f51296 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
+var e={slideshow:"slideshow_0007996808"};!function(e){const t="s_id-1d828e3be878_3_71_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow_0007996808 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
 //# sourceMappingURL=TransitionView.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={typography:"typography_73a629e5f6","focus-visible":"focus-visible_12efb0e8e3",primary:"primary_f92c3f74a1",secondary:"secondary_04af871b26",negative:"negative_81bb4b053e",onPrimary:"onPrimary_cfe0f5afbb",onInverted:"onInverted_5bf3629f6f",fixedLight:"fixedLight_5a7c80c207",fixedDark:"fixedDark_5db596deb3",inherit:"inherit_e2a6d104ef",alignInherit:"alignInherit_241921c86d",start:"start_be76f5f14d",center:"center_f8c4ee5560",end:"end_f2d3d63376",singleLineEllipsis:"singleLineEllipsis_822b2c331a",multiLineEllipsis:"multiLineEllipsis_2039f7d80f"};!function(e){const n="s_id-1a3a21ac499a_3_70_4";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.typography_73a629e5f6 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_73a629e5f6 > a:focus-visible, .typography_73a629e5f6 > a.focus-visible_12efb0e8e3 {\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.typography_73a629e5f6 > a:focus:not(.focus-visible_12efb0e8e3) {\n  outline: none;\n}\n.typography_73a629e5f6 > a:hover {\n  text-decoration: underline;\n}\n.typography_73a629e5f6:disabled, .typography_73a629e5f6[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_f92c3f74a1 {\n  color: var(--primary-text-color);\n}\n.secondary_04af871b26 {\n  color: var(--secondary-text-color);\n}\n.negative_81bb4b053e {\n  color: var(--color-error);\n}\n.onPrimary_cfe0f5afbb {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_cfe0f5afbb a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_5bf3629f6f {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_5bf3629f6f a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_5a7c80c207 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_5a7c80c207 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_5db596deb3 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_5db596deb3 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_e2a6d104ef {\n  color: inherit;\n}\n.inherit_e2a6d104ef a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_241921c86d {\n  text-align: inherit;\n}\n.start_be76f5f14d {\n  text-align: start;\n}\n.center_f8c4ee5560 {\n  text-align: center;\n}\n.end_f2d3d63376 {\n  text-align: end;\n}\n.singleLineEllipsis_822b2c331a {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_2039f7d80f {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
+var n={typography:"typography_8d38801ad1","focus-visible":"focus-visible_8a253784ba",primary:"primary_1364f74ceb",secondary:"secondary_c78f04e1e5",negative:"negative_9bf941db59",onPrimary:"onPrimary_f0fa797ea3",onInverted:"onInverted_7bc1f19db7",fixedLight:"fixedLight_54bd2c928a",fixedDark:"fixedDark_58d74b161c",inherit:"inherit_872ac69239",alignInherit:"alignInherit_d28b1a584e",start:"start_5a996ce0e4",center:"center_1dc394f09f",end:"end_e0722dc05c",singleLineEllipsis:"singleLineEllipsis_a665c907f9",multiLineEllipsis:"multiLineEllipsis_624acc63c0"};!function(n){const e="s_id-1a3a21ac499a_3_71_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable selector-class-pattern */\n.typography_8d38801ad1 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_8d38801ad1 > a:focus-visible, .typography_8d38801ad1 > a.focus-visible_8a253784ba {\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.typography_8d38801ad1 > a:focus:not(.focus-visible_8a253784ba) {\n  outline: none;\n}\n.typography_8d38801ad1 > a:hover {\n  text-decoration: underline;\n}\n.typography_8d38801ad1:disabled, .typography_8d38801ad1[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_1364f74ceb {\n  color: var(--primary-text-color);\n}\n.secondary_c78f04e1e5 {\n  color: var(--secondary-text-color);\n}\n.negative_9bf941db59 {\n  color: var(--color-error);\n}\n.onPrimary_f0fa797ea3 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_f0fa797ea3 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_7bc1f19db7 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_7bc1f19db7 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_54bd2c928a {\n  color: var(--fixed-light-color);\n}\n.fixedLight_54bd2c928a a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_58d74b161c {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_58d74b161c a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_872ac69239 {\n  color: inherit;\n}\n.inherit_872ac69239 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_d28b1a584e {\n  text-align: inherit;\n}\n.start_5a996ce0e4 {\n  text-align: start;\n}\n.center_1dc394f09f {\n  text-align: center;\n}\n.end_e0722dc05c {\n  text-align: end;\n}\n.singleLineEllipsis_a665c907f9 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_624acc63c0 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{n as default};
 //# sourceMappingURL=Typography.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper_88d3ce52bf"};!function(e){const t="s_id-03a8eed790d8_3_70_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedGridWrapper_88d3ce52bf {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_39da1bd4ab"};!function(e){const d="s_id-03a8eed790d8_3_71_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".virtualizedGridWrapper_39da1bd4ab {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper_88d3ce52bf"};!function(e){const t="s_id-9250e4cf6c59_3_70_4";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedListWrapper_88d3ce52bf {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_39da1bd4ab"};!function(e){const t="s_id-9250e4cf6c59_3_71_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedListWrapper_39da1bd4ab {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map

package/dist/src/components/next/AttentionBox/AttentionBox.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={attention:"attention_97f69f5643",animate:"animate_bc1a8cb854",attentionBoxAnimation:"attentionBoxAnimation_9071e06e68",primary:"primary_16f12a0b67",positive:"positive_8532c70ed1",negative:"negative_2e543a75d1",warning:"warning_c9df6fd8f4",neutral:"neutral_0339705672"};!function(n){const e="s_id-4a6eadcbcb7d_3_70_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_9071e06e68 {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_97f69f5643 {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_97f69f5643.animate_bc1a8cb854 {\n  animation: attentionBoxAnimation_9071e06e68 200ms var(--motion-timing-transition);\n}\n.attention_97f69f5643.primary_16f12a0b67 {\n  background-color: var(--primary-selected-color);\n}\n.attention_97f69f5643.positive_8532c70ed1 {\n  background-color: var(--positive-color-selected);\n}\n.attention_97f69f5643.negative_2e543a75d1 {\n  background-color: var(--negative-color-selected);\n}\n.attention_97f69f5643.warning_c9df6fd8f4 {\n  background-color: var(--warning-color-selected);\n}\n.attention_97f69f5643.neutral_0339705672 {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+var n={attention:"attention_7dbea92f0a",animate:"animate_046b04b4cb",attentionBoxAnimation:"attentionBoxAnimation_4ae886df6e",primary:"primary_67800ed13b",positive:"positive_ec03abbf93",negative:"negative_5c568cc7bb",warning:"warning_14d0933113",neutral:"neutral_99a717f48f"};!function(n){const e="s_id-4a6eadcbcb7d_3_71_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_4ae886df6e {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_7dbea92f0a {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_7dbea92f0a.animate_046b04b4cb {\n  animation: attentionBoxAnimation_4ae886df6e 200ms var(--motion-timing-transition);\n}\n.attention_7dbea92f0a.primary_67800ed13b {\n  background-color: var(--primary-selected-color);\n}\n.attention_7dbea92f0a.positive_ec03abbf93 {\n  background-color: var(--positive-color-selected);\n}\n.attention_7dbea92f0a.negative_5c568cc7bb {\n  background-color: var(--negative-color-selected);\n}\n.attention_7dbea92f0a.warning_14d0933113 {\n  background-color: var(--warning-color-selected);\n}\n.attention_7dbea92f0a.neutral_99a717f48f {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={closeButton:"closeButton_61633daaac"};!function(e){const t="s_id-979f8aeb619b_3_70_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_61633daaac {\n  flex-shrink: 0;\n}\n.closeButton_61633daaac:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={closeButton:"closeButton_e12e32a3b0"};!function(e){const t="s_id-979f8aeb619b_3_71_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_e12e32a3b0 {\n  flex-shrink: 0;\n}\n.closeButton_e12e32a3b0:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={icon:"icon_db8a6bb7b6"};!function(e){const t="s_id-55a80ba34ba3_3_70_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_db8a6bb7b6 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={icon:"icon_155be2eb59"};!function(e){const t="s_id-55a80ba34ba3_3_71_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_155be2eb59 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_74138d0d6d"};!function(e){const t="s_id-706944a82a98_3_70_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".attentionBoxLink_74138d0d6d {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_66a89f0241"};!function(e){const t="s_id-706944a82a98_3_71_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".attentionBoxLink_66a89f0241 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_f159e49d21",mainContentGroup:"mainContentGroup_a64f6a57d9",leadingIcon:"leadingIcon_b575efc2d3",actionsGroup:"actionsGroup_b8bc2e6821"};!function(e){const n="s_id-2f71fab0a877_3_70_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_f159e49d21 {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_a64f6a57d9 {\n  min-width: 0;\n}\n\n.leadingIcon_b575efc2d3 {\n  align-self: flex-start;\n}\n\n.actionsGroup_b8bc2e6821 {\n  gap: var(--space-12);\n}");export{e as default};
+var n={container:"container_c3895c061f",mainContentGroup:"mainContentGroup_e4be4503b8",leadingIcon:"leadingIcon_84d6230b55",actionsGroup:"actionsGroup_0a8054ad58"};!function(n){const e="s_id-2f71fab0a877_3_71_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_c3895c061f {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_e4be4503b8 {\n  min-width: 0;\n}\n\n.leadingIcon_84d6230b55 {\n  align-self: flex-start;\n}\n\n.actionsGroup_0a8054ad58 {\n  gap: var(--space-12);\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxCompact.module.scss.js.map

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={container:"container_6eb21390e5",icon:"icon_e315f79103",title:"title_22cff8c95c",text:"text_ec8aec1834",actions:"actions_2f17706f5c",closeButton:"closeButton_2ca4f69e12",hasIcon:"hasIcon_e38c095f62",hasCloseButton:"hasCloseButton_4a82343677",hasTitle:"hasTitle_70fcb0f7eb"};!function(n){const e="s_id-d1aa0b2532e6_3_70_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_6eb21390e5 {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_6eb21390e5 .icon_e315f79103 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_6eb21390e5 .title_22cff8c95c {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_6eb21390e5 .text_ec8aec1834,\n.container_6eb21390e5 .actions_2f17706f5c {\n  grid-column: 2/-1;\n}\n.container_6eb21390e5 .text_ec8aec1834 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_6eb21390e5 .closeButton_2ca4f69e12 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_6eb21390e5 .actions_2f17706f5c {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_6eb21390e5:not(.hasIcon_e38c095f62) {\n  --grid-columns: 1fr auto;\n}\n.container_6eb21390e5:not(.hasIcon_e38c095f62):not(.hasCloseButton_4a82343677) {\n  --grid-columns: 1fr;\n}\n.container_6eb21390e5:not(.hasIcon_e38c095f62) .title_22cff8c95c {\n  grid-column: 1;\n}\n.container_6eb21390e5:not(.hasIcon_e38c095f62) .text_ec8aec1834,\n.container_6eb21390e5:not(.hasIcon_e38c095f62) .actions_2f17706f5c {\n  grid-column: 1/-1;\n}\n.container_6eb21390e5:not(.hasIcon_e38c095f62) .closeButton_2ca4f69e12 {\n  grid-column: 2;\n}\n.container_6eb21390e5:not(.hasCloseButton_4a82343677) {\n  --grid-columns: auto 1fr;\n}\n.container_6eb21390e5:not(.hasTitle_70fcb0f7eb) .icon_e315f79103 {\n  align-self: start;\n}\n.container_6eb21390e5:not(.hasTitle_70fcb0f7eb) .text_ec8aec1834 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_6eb21390e5:not(.hasTitle_70fcb0f7eb) .closeButton_2ca4f69e12 {\n  margin-block-start: -1px;\n}\n.container_6eb21390e5:not(.hasTitle_70fcb0f7eb) .actions_2f17706f5c {\n  grid-row: 2;\n}");export{n as default};
+var n={container:"container_fbde2299fb",icon:"icon_85bd7670b0",title:"title_3134a10596",text:"text_cf43480ec1",actions:"actions_4605c7ad89",closeButton:"closeButton_d17de8f0b5",hasIcon:"hasIcon_eac737901e",hasCloseButton:"hasCloseButton_13e4d91c1e",hasTitle:"hasTitle_0400fa0513"};!function(n){const e="s_id-d1aa0b2532e6_3_71_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_fbde2299fb {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_fbde2299fb .icon_85bd7670b0 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_fbde2299fb .title_3134a10596 {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_fbde2299fb .text_cf43480ec1,\n.container_fbde2299fb .actions_4605c7ad89 {\n  grid-column: 2/-1;\n}\n.container_fbde2299fb .text_cf43480ec1 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_fbde2299fb .closeButton_d17de8f0b5 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_fbde2299fb .actions_4605c7ad89 {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_fbde2299fb:not(.hasIcon_eac737901e) {\n  --grid-columns: 1fr auto;\n}\n.container_fbde2299fb:not(.hasIcon_eac737901e):not(.hasCloseButton_13e4d91c1e) {\n  --grid-columns: 1fr;\n}\n.container_fbde2299fb:not(.hasIcon_eac737901e) .title_3134a10596 {\n  grid-column: 1;\n}\n.container_fbde2299fb:not(.hasIcon_eac737901e) .text_cf43480ec1,\n.container_fbde2299fb:not(.hasIcon_eac737901e) .actions_4605c7ad89 {\n  grid-column: 1/-1;\n}\n.container_fbde2299fb:not(.hasIcon_eac737901e) .closeButton_d17de8f0b5 {\n  grid-column: 2;\n}\n.container_fbde2299fb:not(.hasCloseButton_13e4d91c1e) {\n  --grid-columns: auto 1fr;\n}\n.container_fbde2299fb:not(.hasTitle_0400fa0513) .icon_85bd7670b0 {\n  align-self: start;\n}\n.container_fbde2299fb:not(.hasTitle_0400fa0513) .text_cf43480ec1 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_fbde2299fb:not(.hasTitle_0400fa0513) .closeButton_d17de8f0b5 {\n  margin-block-start: -1px;\n}\n.container_fbde2299fb:not(.hasTitle_0400fa0513) .actions_4605c7ad89 {\n  grid-row: 2;\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxDefault.module.scss.js.map

package/dist/src/components/next/Dropdown/components/DropdownBase/DropdownBase.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_2803c3902b",wrapper:"wrapper_bd230a7c42",active:"active_899b336032",disabled:"disabled_c58a89bb4f",readOnly:"readOnly_298998424f",error:"error_3f52792953",helperText:"helperText_6b5f8146e5"};!function(r){const e="s_id-640373641d03_3_70_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_2803c3902b {\n  width: 100%;\n}\n\n.wrapper_bd230a7c42 {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_bd230a7c42:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_bd230a7c42.active_899b336032, .wrapper_bd230a7c42:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_bd230a7c42.disabled_c58a89bb4f {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_bd230a7c42.readOnly_298998424f {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_bd230a7c42.error_3f52792953 {\n  --border-color: var(--negative-color);\n}\n\n.helperText_6b5f8146e5 {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper_6a6b56df93",wrapper:"wrapper_620f9dc0db",active:"active_2196a8d327",disabled:"disabled_afa15fa707",readOnly:"readOnly_3ae0f99a29",error:"error_5579da6713",helperText:"helperText_89111550fb"};!function(r){const e="s_id-640373641d03_3_71_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_6a6b56df93 {\n  width: 100%;\n}\n\n.wrapper_620f9dc0db {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_620f9dc0db:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_620f9dc0db.active_2196a8d327, .wrapper_620f9dc0db:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_620f9dc0db.disabled_afa15fa707 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_620f9dc0db.readOnly_3ae0f99a29 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_620f9dc0db.error_5579da6713 {\n  --border-color: var(--negative-color);\n}\n\n.helperText_89111550fb {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

package/dist/src/components/next/Dropdown/components/Menu/Menu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_02b933fd7e",menuHidden:"menuHidden_8c494a0c73"};!function(e){const i="s_id-448dc11ee0f4_3_70_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_02b933fd7e {\n  visibility: visible;\n}\n\n.menuHidden_8c494a0c73 {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_627d5ed39c",menuHidden:"menuHidden_88a7d75e29"};!function(e){const i="s_id-448dc11ee0f4_3_71_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_627d5ed39c {\n  visibility: visible;\n}\n\n.menuHidden_88a7d75e29 {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useRef as t,useMemo as o,createRef as r}from"react";import i from"../../../../Chips/Chips.js";import a from"../../../../Flex/Flex.js";import l from"../../../../DialogContentContainer/DialogContentContainer.js";import c from"../../../../Dialog/Dialog.js";import s from"../../../../../hooks/useItemsOverflow/useItemsOverflow.js";import d from"./MultiSelectedValues.module.scss.js";import u from"classnames";import m from"../Trigger/DropdownChip.js";function p(p){var f=p.selectedItems,g=p.onRemove,h=p.renderInput,v=p.disabled,w=p.readOnly,C=t(null),D=t(null),y=o((function(){return f.map((function(){return r()}))}),[f]),E=s({containerRef:C,itemRefs:y,gap:4,deductedSpaceRef:D}),b=o((function(){var e=f.length>E?f.slice(E):[];return{hiddenItems:e,hiddenCount:e.length}}),[f,E]),j=b.hiddenItems,k=b.hiddenCount,x=o((function(){return function(){return n.createElement(l,null,n.createElement(a,{direction:"column",gap:"xs",align:"start",className:d.hiddenChipsDialog},j.map((function(e){return n.createElement(m,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return g(e)},className:d.dialogChip,disabled:v,readOnly:w})}))))}}),[j,g,v,w]),I=o((function(){return f.map((function(t,o){var r=E>o;return n.createElement("div",{key:"dropdown-chip-visible-".concat(t.value),ref:y[o],className:u(e({},d.hiddenChip,!r)),"aria-hidden":!r,"data-testid":"dropdown-chip-".concat(t.value)},n.createElement(m,{item:t,onDelete:function(){return g(t)},disabled:v,readOnly:w}))}))}),[f,E,g,y,v,w]);return(null==f?void 0:f.length)?n.createElement(a,{align:"center",wrap:!1,gap:"xs",ref:C,className:d.containerWrapper},I,n.createElement(a,{ref:D,gap:"xs"},k>0&&n.createElement("div",{onClick:function(e){e.stopPropagation()},onKeyDown:function(e){e.stopPropagation()},onMouseDown:function(e){e.stopPropagation()}},n.createElement(c,{content:x,showTrigger:["click","enter"],hideTrigger:["clickoutside","enter"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0},n.createElement(i,{label:"+ ".concat(k),readOnly:!0,noMargin:!0,ariaLabel:"+".concat(k,". ").concat(f.length-k," items are visible out of ").concat(f.length),"data-testid":"dropdown-overflow-counter",className:d.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),h&&n.createElement("div",{className:d.inputWrapper},h()))):null}export{p as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useRef as t,useMemo as o,createRef as r}from"react";import i from"../../../../Chips/Chips.js";import a from"../../../../Flex/Flex.js";import l from"../../../../DialogContentContainer/DialogContentContainer.js";import c from"../../../../Dialog/Dialog.js";import s from"../../../../../hooks/useItemsOverflow/useItemsOverflow.js";import d from"./MultiSelectedValues.module.scss.js";import u from"classnames";import m from"../Trigger/DropdownChip.js";function p(p){var f=p.selectedItems,g=p.onRemove,h=p.renderInput,v=p.disabled,C=p.readOnly,w=t(null),D=t(null),b=o((function(){return f.map((function(){return r()}))}),[f]),y=s({containerRef:w,itemRefs:b,gap:4,deductedSpaceRef:D,minVisibleCount:1===f.length?1:0}),E=y.visibleCount,j=y.hasMeasured,k=o((function(){var e=f.length>E?f.slice(E):[];return{hiddenItems:e,hiddenCount:e.length}}),[f,E]),x=k.hiddenItems,I=k.hiddenCount,N=o((function(){return function(){return n.createElement(l,null,n.createElement(a,{direction:"column",gap:"xs",align:"start",className:d.hiddenChipsDialog},x.map((function(e){return n.createElement(m,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return g(e)},className:d.dialogChip,disabled:v,readOnly:C})}))))}}),[x,g,v,C]),O=o((function(){return f.map((function(t,o){var r=E>o;return n.createElement("div",{key:"dropdown-chip-visible-".concat(t.value),ref:b[o],className:u(e({},d.hiddenChip,!r)),"aria-hidden":!r,"data-testid":"dropdown-chip-".concat(t.value)},n.createElement(m,{item:t,onDelete:function(){return g(t)},disabled:v,readOnly:C}))}))}),[f,E,g,b,v,C]);return(null==f?void 0:f.length)?n.createElement(a,{align:"center",wrap:!1,gap:"xs",ref:w,className:u(d.containerWrapper,e(e({},d.singleChip,1===f.length),d.measuring,!j))},O,n.createElement(a,{ref:D,gap:"xs"},I>0&&n.createElement("div",{onClick:function(e){e.stopPropagation()},onKeyDown:function(e){e.stopPropagation()},onMouseDown:function(e){e.stopPropagation()}},n.createElement(c,{content:N,showTrigger:["click","enter"],hideTrigger:["clickoutside","enter"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0},n.createElement(i,{label:"+ ".concat(I),readOnly:!0,noMargin:!0,ariaLabel:"+".concat(I,". ").concat(f.length-I," items are visible out of ").concat(f.length),"data-testid":"dropdown-overflow-counter",className:d.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),h&&n.createElement("div",{className:d.inputWrapper},h()))):null}export{p as default};
 //# sourceMappingURL=MultiSelectedValues.js.map

package/dist/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport { Chips } from \"../../../../Chips\";\nimport { Flex } from \"../../../../Flex\";\nimport { DialogContentContainer } from \"../../../../DialogContentContainer\";\nimport Dialog from \"../../../../Dialog/Dialog\";\nimport useItemsOverflow from \"../../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n};\n\nfunction MultiSelectedValues<Item extends BaseListItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const visibleCount = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer>\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={itemRefs[index]}\n className={cx({ [styles.hiddenChip]: !isVisible })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n >\n <DropdownChip item={item} onDelete={() => onRemove(item)} disabled={disabled} readOnly={readOnly} />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly]);\n\n if (!selectedItems?.length) return null;\n\n return (\n <Flex align=\"center\" wrap={false} gap=\"xs\" ref={containerRef} className={styles.containerWrapper}>\n {chipElements}\n\n <Flex ref={deductedSpaceRef} gap=\"xs\">\n {hiddenCount > 0 && (\n <div\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n hideTrigger={[\"clickoutside\", \"enter\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n >\n <Chips\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n ariaLabel={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","~~visibleCount~~","useItemsOverflow","gap","~~_useMemo~~","~~hiddenItems~~","~~length~~","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","ref","cx","_defineProperty","hiddenChip","wrap","containerWrapper","onClick","e","stopPropagation","onKeyDown","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","ariaLabel","overflowCounter","preventDefault","inputWrapper"],"mappings":"kiBAmBA,SAASA,EAAmBC,GAMK,IAL/BC,EAAaD,EAAbC,cACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SAEMC,EAAeC,EAAuB,MACtCC,EAAmBD,EAAuB,MAE1CE,EAAWC,GAAQ,WAAA,OAAMT,EAAcU,KAAI,WAAA,OAAMC,SAA8B,CAACX,~~IAEhFY~~,~~EAAeC~~,EAAiB,~~CACpCR~~,aAAAA,EACAG,SAAAA,EACAM,IAAK,EACLP,iBAAAA,~~IAGFQ~~,~~EAAqCN~~,GAAQ,WAC3C,~~IAAMO~~,~~EAAchB~~,~~EAAciB~~,~~OAASL~~,~~EAAeZ~~,~~EAAckB~~,~~MAAMN~~,GAAgB,GAC9F,MAAO,~~CACLI~~,YAAAA,~~EACAG~~,~~YAAaH~~,~~EAAYC~~,OAE7B,GAAG,~~CAACjB~~,~~EAAeY~~,~~IANXI~~,EAAWD,EAAXC,~~YAAaG~~,~~EAAWJ~~,~~EAAXI~~,YAQfC,~~EAAgBX~~,GAAQ,WAC5B,OAAO,WAAA,~~OACLY~~,gBAACC,EAAsB,KACrBD,EAACE,cAAAC,EAAK,CAAAC,UAAU,~~SAASX~~,IAAI,~~KAAKY~~,MAAM,QAAQC,UAAWC,EAAOC,mBAC/Db,~~EAAYN~~,KAAI,~~SAAAoB~~,GACf,OACET,EAACE,cAAAQ,GACCC,4BAAGC,OAA0BH,EAAKI,OAClCJ,KAAMA,EACNK,SAAU,WAAA,~~OAAMlC~~,~~EAAS6B~~,EAAK,EAC9BH,UAAWC,EAAOQ,~~WAClBjC~~,SAAUA,EACVC,SAAUA,GAGf,MAIR,GAAE,~~CAACY~~,~~EAAaf~~,EAAUE,EAAUC,IAE/~~BiC~~,~~EAAe5B~~,GAAQ,WAC3B,OAAOT,EAAcU,KAAI,~~SAACoB~~,EAAMQ,GAC9B,IAAMC,~~EAAoB3B~~,~~EAAR0B~~,EAElB,OACEjB,EACEE,cAAA,MAAA,CAAAS,6BAAGC,OAA2BH,EAAKI,OACnCM,~~IAAKhC~~,~~EAAS8B~~,GACdX,UAAWc,EAAEC,EAAId,CAAAA,EAAAA,EAAOe,YAAcJ,IAAY,eACpCA,EAAS,cAAAN,iBAAAA,OACOH,EAAKI,QAEnCb,EAACE,cAAAQ,EAAa,CAAAD,KAAMA,EAAMK,SAAU,WAAA,~~OAAMlC~~,~~EAAS6B~~,EAAK,~~EAAE3B~~,SAAUA,EAAUC,SAAUA,IAG9F,GACF,GAAG,CAACJ,~~EAAeY~~,~~EAAcX~~,EAAUO,EAAUL,EAAUC,IAE/D,OAAKJ,aAAA,EAAAA,~~EAAeiB~~,~~QAGlBI~~,EAACE,cAAAC,~~EAAK~~,CAAAE,MAAM,~~SAASkB~~,MAAM,~~EAAO9B~~,IAAI,~~KAAK0B~~,~~IAAKnC~~,~~EAAcsB~~,~~UAAWC~~,EAAOiB,~~kBAC7ER~~,EAEDhB,EAACE,cAAAC,GAAKgB,~~IAAKjC~~,EAAkBO,IAAI,~~MAC9BK~~,EAAc,GACbE,~~uBACEyB~~,QAAS,SAAAC,GACPA,EAAEC,iBACH,EACDC,UAAW,SAAAF,GACTA,EAAEC,iBACH,EACDE,YAAa,SAAAH,GACXA,EAAEC,iBACJ,~~GAEA3B~~,EAAAE,~~cAAC4B~~,EACC,CAAAC,~~QAAShC~~,~~EACTiC~~,YAAa,CAAC,QAAS,SACvBC,YAAa,CAAC,eAAgB,SAC9BC,SAAS,SACTC,OAAQ,CAAEC,KAAM,GAChBC,2BACAC,sCAAoC,~~GAEpCtC~~,EAACE,~~cAAAqC~~,GACCC,~~MAAK5B~~,KAAAA,OAAOd,~~GACZf~~,UAAQ,~~EACR0D~~,UACA,EAAAC,~~cAAS9B~~,OAAMd,EAAWc,MAAAA,~~OAAKjC~~,~~EAAciB~~,~~OAASE~~,EAAWc,8BAAAA,OAC/~~DjC~~,~~EAAciB~~,QAEJ,cAAA,~~4BACZU~~,UAAWC,~~EAAOoC~~,gBAClBlB,QAAS,WAAQ,EACjBI,YAAa,SAAAH,GACXA,EAAEkB,gBACJ,~~MAKP/D~~,~~GAAemB~~,EAAAE,cAAA,MAAA,CAAKI,UAAWC,~~EAAOsC~~,~~cAAehE~~,~~OA7CzB~~,~~IAiDrC~~"}
1	+ {"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport { Chips } from \"../../../../Chips\";\nimport { Flex } from \"../../../../Flex\";\nimport { DialogContentContainer } from \"../../../../DialogContentContainer\";\nimport Dialog from \"../../../../Dialog/Dialog\";\nimport useItemsOverflow from \"../../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n};\n\nfunction MultiSelectedValues<Item extends BaseListItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const { visibleCount, hasMeasured } = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef,\n minVisibleCount: selectedItems.length === 1 ? 1 : 0\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer>\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={itemRefs[index]}\n className={cx({ [styles.hiddenChip]: !isVisible })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n >\n <DropdownChip item={item} onDelete={() => onRemove(item)} disabled={disabled} readOnly={readOnly} />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly]);\n\n if (!selectedItems?.length) return null;\n\n const isSingleChip = selectedItems.length === 1;\n\n return (\n <Flex\n align=\"center\"\n wrap={false}\n gap=\"xs\"\n ref={containerRef}\n className={cx(styles.containerWrapper, {\n [styles.singleChip]: isSingleChip,\n [styles.measuring]: !hasMeasured\n })}\n >\n {chipElements}\n\n <Flex ref={deductedSpaceRef} gap=\"xs\">\n {hiddenCount > 0 && (\n <div\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n hideTrigger={[\"clickoutside\", \"enter\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n >\n <Chips\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n ariaLabel={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","minVisibleCount","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","ref","cx","_defineProperty","hiddenChip","wrap","containerWrapper","singleChip","measuring","onClick","e","stopPropagation","onKeyDown","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","ariaLabel","overflowCounter","preventDefault","inputWrapper"],"mappings":"kiBAmBA,SAASA,EAAmBC,GAMK,IAL/BC,EAAaD,EAAbC,cACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SAEMC,EAAeC,EAAuB,MACtCC,EAAmBD,EAAuB,MAE1CE,EAAWC,GAAQ,WAAA,OAAMT,EAAcU,KAAI,WAAA,OAAMC,SAA8B,CAACX,IAEtFY,EAAsCC,EAAiB,CACrDR,aAAAA,EACAG,SAAAA,EACAM,IAAK,EACLP,iBAAAA,EACAQ,gBAA0C,IAAzBf,EAAcgB,OAAe,EAAI,IAL5CC,EAAYL,EAAZK,aAAcC,EAAWN,EAAXM,YAQtBC,EAAqCV,GAAQ,WAC3C,IAAMW,EAAcpB,EAAcgB,OAASC,EAAejB,EAAcqB,MAAMJ,GAAgB,GAC9F,MAAO,CACLG,YAAAA,EACAE,YAAaF,EAAYJ,OAE7B,GAAG,CAAChB,EAAeiB,IANXG,EAAWD,EAAXC,YAAaE,EAAWH,EAAXG,YAQfC,EAAgBd,GAAQ,WAC5B,OAAO,WAAA,OACLe,gBAACC,EAAsB,KACrBD,EAACE,cAAAC,EAAK,CAAAC,UAAU,SAASd,IAAI,KAAKe,MAAM,QAAQC,UAAWC,EAAOC,mBAC/DZ,EAAYV,KAAI,SAAAuB,GACf,OACET,EAACE,cAAAQ,GACCC,4BAAGC,OAA0BH,EAAKI,OAClCJ,KAAMA,EACNK,SAAU,WAAA,OAAMrC,EAASgC,EAAK,EAC9BH,UAAWC,EAAOQ,WAClBpC,SAAUA,EACVC,SAAUA,GAGf,MAIR,GAAE,CAACgB,EAAanB,EAAUE,EAAUC,IAE/BoC,EAAe/B,GAAQ,WAC3B,OAAOT,EAAcU,KAAI,SAACuB,EAAMQ,GAC9B,IAAMC,EAAoBzB,EAARwB,EAElB,OACEjB,EACEE,cAAA,MAAA,CAAAS,6BAAGC,OAA2BH,EAAKI,OACnCM,IAAKnC,EAASiC,GACdX,UAAWc,EAAEC,EAAId,CAAAA,EAAAA,EAAOe,YAAcJ,IAAY,eACpCA,EAAS,cAAAN,iBAAAA,OACOH,EAAKI,QAEnCb,EAACE,cAAAQ,EAAa,CAAAD,KAAMA,EAAMK,SAAU,WAAA,OAAMrC,EAASgC,EAAK,EAAE9B,SAAUA,EAAUC,SAAUA,IAG9F,GACF,GAAG,CAACJ,EAAeiB,EAAchB,EAAUO,EAAUL,EAAUC,IAE/D,OAAKJ,aAAA,EAAAA,EAAegB,QAKlBQ,EAACE,cAAAC,EACC,CAAAE,MAAM,SACNkB,MAAM,EACNjC,IAAI,KACJ6B,IAAKtC,EACLyB,UAAWc,EAAGb,EAAOiB,iBAAgBH,EAAAA,EAAA,CAAA,EAClCd,EAAOkB,WATgC,IAAzBjD,EAAcgB,QAU5Be,EAAOmB,WAAahC,KAGtBsB,EAEDhB,EAACE,cAAAC,GAAKgB,IAAKpC,EAAkBO,IAAI,MAC9BQ,EAAc,GACbE,uBACE2B,QAAS,SAAAC,GACPA,EAAEC,iBACH,EACDC,UAAW,SAAAF,GACTA,EAAEC,iBACH,EACDE,YAAa,SAAAH,GACXA,EAAEC,iBACJ,GAEA7B,EAAAE,cAAC8B,EACC,CAAAC,QAASlC,EACTmC,YAAa,CAAC,QAAS,SACvBC,YAAa,CAAC,eAAgB,SAC9BC,SAAS,SACTC,OAAQ,CAAEC,KAAM,GAChBC,2BACAC,sCAAoC,GAEpCxC,EAACE,cAAAuC,GACCC,MAAK9B,KAAAA,OAAOd,GACZlB,UAAQ,EACR+D,UACA,EAAAC,cAAShC,OAAMd,EAAWc,MAAAA,OAAKpC,EAAcgB,OAASM,EAAWc,8BAAAA,OAC/DpC,EAAcgB,QAEJ,cAAA,4BACZc,UAAWC,EAAOsC,gBAClBlB,QAAS,WAAQ,EACjBI,YAAa,SAAAH,GACXA,EAAEkB,gBACJ,MAKPpE,GAAesB,EAAAE,cAAA,MAAA,CAAKI,UAAWC,EAAOwC,cAAerE,OAxDzB,IA4DrC"}

package/dist/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={containerWrapper:"containerWrapper_c50e64b211",hiddenChip:"hiddenChip_fedcc6e885",hiddenChipsDialog:"hiddenChipsDialog_2d12238ab1",dialogChip:"dialogChip_03f6646f7d"};!function(e){const n="s_id-1eb6fbc8e066_3_70_4";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_c50e64b211 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n\n.hiddenChip_fedcc6e885 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.hiddenChipsDialog_2d12238ab1 {\n  max-width: 192px;\n}\n\n.dialogChip_03f6646f7d {\n  max-width: 100%;\n}");export{e as default};
+var e={containerWrapper:"containerWrapper_611276772e",singleChip:"singleChip_99dc3bfd64",measuring:"measuring_38ea6395d2",hiddenChip:"hiddenChip_62489b1af4",hiddenChipsDialog:"hiddenChipsDialog_61949b9525",dialogChip:"dialogChip_fca385d1a3"};!function(e){const i="s_id-8cfc15755dc1_3_71_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".containerWrapper_611276772e {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_611276772e.singleChip_99dc3bfd64 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_611276772e.singleChip_99dc3bfd64 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_611276772e.measuring_38ea6395d2 > div:not(.hiddenChip_62489b1af4) {\n  opacity: 0;\n}\n.hiddenChip_62489b1af4 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_61949b9525 {\n  max-width: 192px;\n}\n.dialogChip_fca385d1a3 {\n  max-width: 100%;\n}");export{e as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/src/components/next/Dropdown/components/Trigger/Trigger.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper_fa111facb4",small:"small_9f3d9b3d1a",medium:"medium_3807456ce0",large:"large_5c29dbd3c3",inputWrapper:"inputWrapper_ce44e3bc13",multiSelected:"multiSelected_9cead5e70a",hasSelected:"hasSelected_07619f13fd",selectedItem:"selectedItem_b968c8a51f",faded:"faded_cbafc565c6",placeholderText:"placeholderText_b431091feb",disabled:"disabled_668f603df0",multiWrapper:"multiWrapper_f118b0bd97",actionsWrapper:"actionsWrapper_75f4711655"};!function(e){const n="s_id-03657525809b_3_70_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".triggerWrapper_fa111facb4 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_fa111facb4.small_9f3d9b3d1a {\n  min-height: 32px;\n}\n.triggerWrapper_fa111facb4.medium_3807456ce0 {\n  min-height: 40px;\n}\n.triggerWrapper_fa111facb4.large_5c29dbd3c3 {\n  min-height: 48px;\n}\n.triggerWrapper_fa111facb4 .inputWrapper_ce44e3bc13 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_fa111facb4 .inputWrapper_ce44e3bc13.small_9f3d9b3d1a {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_fa111facb4 .inputWrapper_ce44e3bc13.multiSelected_9cead5e70a {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_fa111facb4 .inputWrapper_ce44e3bc13.hasSelected_07619f13fd {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_fa111facb4 .selectedItem_b968c8a51f {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_fa111facb4 .selectedItem_b968c8a51f.small_9f3d9b3d1a {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_fa111facb4 .selectedItem_b968c8a51f.medium_3807456ce0 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_fa111facb4 .selectedItem_b968c8a51f.large_5c29dbd3c3 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_fa111facb4 .selectedItem_b968c8a51f.faded_cbafc565c6 {\n  opacity: 0.6;\n}\n.triggerWrapper_fa111facb4 .placeholderText_b431091feb {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_fa111facb4 .placeholderText_b431091feb.disabled_668f603df0 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_f118b0bd97 {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_75f4711655 {\n  padding: 0 var(--spacing-xs);\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper_6a3be99ec3",small:"small_4868062cb8",medium:"medium_d1aaf86903",large:"large_a1e57ed07c",inputWrapper:"inputWrapper_affe655ee3",multiSelected:"multiSelected_cdbca57a29",hasSelected:"hasSelected_f2c7faa49b",selectedItem:"selectedItem_15cc9da5c4",faded:"faded_876609946a",placeholderText:"placeholderText_859707b6e9",disabled:"disabled_05da5d967a",multiWrapper:"multiWrapper_1f1b3d4d9c",actionsWrapper:"actionsWrapper_c825c25d1b"};!function(e){const n="s_id-03657525809b_3_71_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".triggerWrapper_6a3be99ec3 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_6a3be99ec3.small_4868062cb8 {\n  min-height: 32px;\n}\n.triggerWrapper_6a3be99ec3.medium_d1aaf86903 {\n  min-height: 40px;\n}\n.triggerWrapper_6a3be99ec3.large_a1e57ed07c {\n  min-height: 48px;\n}\n.triggerWrapper_6a3be99ec3 .inputWrapper_affe655ee3 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_6a3be99ec3 .inputWrapper_affe655ee3.small_4868062cb8 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_6a3be99ec3 .inputWrapper_affe655ee3.multiSelected_cdbca57a29 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_6a3be99ec3 .inputWrapper_affe655ee3.hasSelected_f2c7faa49b {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_6a3be99ec3 .selectedItem_15cc9da5c4 {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_6a3be99ec3 .selectedItem_15cc9da5c4.small_4868062cb8 {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_6a3be99ec3 .selectedItem_15cc9da5c4.medium_d1aaf86903 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_6a3be99ec3 .selectedItem_15cc9da5c4.large_a1e57ed07c {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_6a3be99ec3 .selectedItem_15cc9da5c4.faded_876609946a {\n  opacity: 0.6;\n}\n.triggerWrapper_6a3be99ec3 .placeholderText_859707b6e9 {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_6a3be99ec3 .placeholderText_859707b6e9.disabled_05da5d967a {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_1f1b3d4d9c {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_c825c25d1b {\n  padding: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

package/dist/src/hooks/useItemsOverflow/useItemsOverflow.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as e,useCallback as t}from"react";import u from"../ssr/useIsomorphicLayoutEffect.js";function i(i){var c=i.containerRef,o=i.gap,l=i.deductedSpaceRef,f=i.itemRefs,a=n(f.length),s=r(a,2),g=s[0],d=s[1],h=e([]),v=e(0),m=e(!1),p=t((function(){var r=null==c?void 0:c.current;if(r&&f.length){for(var n=r.offsetWidth-v.current,e=0,t=0,u=Math.min(f.length,h.current.length),i=0;u>i;i++){var l=h.current[i],a=i>0?l+o:l;if(e+a>n)break;e+=a,t++}d(t)}else d(f.length)}),[c,f,o]),R=t((function(){v.current=(null==l?void 0:l.current)?l.current.getBoundingClientRect().width:0}),[l]),b=t((function(){m.current||(m.current=!0,requestAnimationFrame((function(){try{if(!c.current||!f.length)return void d(f.length);R();var r=f.map((function(r){return r.current})).filter((function(r){return null!==r}));if(0===r.length)return d(0),void(h.current=[]);h.current=r.map((function(r){return r.getBoundingClientRect().width})),p()}finally{m.current=!1}})))}),[c,f,p,R]);return u((function(){if(c.current){var r=new ResizeObserver((function(){f.length>0?h.current.length?(R(),p()):b():(d(0),h.current=[])}));return r.observe(c.current),(null==l?void 0:l.current)&&r.observe(l.current),function(){return r.disconnect()}}}),[c,l,R,p,b,f]),u((function(){f.length>0?b():(d(0),h.current=[])}),[f,b]),g}export{i as default};
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as e,useCallback as t}from"react";import u from"../ssr/useIsomorphicLayoutEffect.js";function i(i){var c=i.containerRef,o=i.gap,l=i.deductedSpaceRef,f=i.itemRefs,a=i.minVisibleCount,s=void 0===a?0:a,d=n(0),h=r(d,2),v=h[0],g=h[1],m=n(!1),p=r(m,2),b=p[0],R=p[1],y=e([]),C=e(0),M=e(!1),w=t((function(){var r=null==c?void 0:c.current;if(r&&f.length){for(var n=r.offsetWidth-C.current,e=0,t=0,u=Math.min(f.length,y.current.length),i=0;u>i;i++){var l=y.current[i],a=i>0?l+o:l;if(e+a>n)break;e+=a,t++}g(Math.max(t,Math.min(s,u)))}else g(f.length)}),[c,f,o,s]),B=t((function(){C.current=(null==l?void 0:l.current)?l.current.getBoundingClientRect().width:0}),[l]),j=t((function(){M.current||(M.current=!0,requestAnimationFrame((function(){try{if(!c.current||!f.length)return void g(f.length);B();var r=f.map((function(r){return r.current})).filter((function(r){return null!==r}));if(0===r.length)return g(0),void(y.current=[]);y.current=r.map((function(r){return r.getBoundingClientRect().width})),w(),R(!0)}finally{M.current=!1}})))}),[c,f,w,B]);return u((function(){if(c.current){var r=new ResizeObserver((function(){f.length>0?y.current.length?(B(),w()):j():(g(0),y.current=[])}));return r.observe(c.current),(null==l?void 0:l.current)&&r.observe(l.current),function(){return r.disconnect()}}}),[c,l,B,w,j,f]),u((function(){f.length>0?(R(!1),j()):(g(0),y.current=[],R(!0))}),[f,j]),{visibleCount:v,hasMeasured:b}}export{i as default};
 //# sourceMappingURL=useItemsOverflow.js.map

package/dist/src/hooks/useItemsOverflow/useItemsOverflow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useItemsOverflow.js","sources":["../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\n/*\n Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n containerRef,\n gap,\n deductedSpaceRef,\n itemRefs\n}: {\n containerRef: RefObject<HTMLElement>;\n gap: number;\n deductedSpaceRef?: RefObject<HTMLElement>;\n itemRefs: RefObject<HTMLElement>[];\n}) {\n const [visibleCount, setVisibleCount] = useState<number>(~~itemRefs.length~~);\n const itemWidthsRef = useRef<number[]>([]);\n const deductedWidthRef = useRef<number>(0);\n const isCalculatingRef = useRef(false);\n\n const calculateFromCachedWidths = useCallback(() => {\n const container = containerRef?.current;\n if (!container \|\| !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n return;\n }\n\n const containerWidth = container.offsetWidth;\n const deductedWidth = deductedWidthRef.current;\n const availableWidth = containerWidth - deductedWidth;\n\n let totalItemsWidth = 0;\n let count = 0;\n\n const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n for (let i = 0; i < maxIter; i++) {\n const itemWidth = itemWidthsRef.current[i];\n const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n totalItemsWidth += itemWidthWithGap;\n count++;\n } else {\n break;\n }\n }\n ~~setVisibleCount~~(count);\n }, [containerRef, itemRefs, gap]);\n\n const measureDeductedWidth = useCallback(() => {\n if (deductedSpaceRef?.current) {\n deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n } else {\n deductedWidthRef.current = 0;\n }\n }, [deductedSpaceRef]);\n\n const measureAndCacheItems = useCallback(() => {\n if (isCalculatingRef.current) return;\n isCalculatingRef.current = true;\n\n requestAnimationFrame(() => {\n try {\n const container = containerRef.current;\n if (!container \|\| !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n return;\n }\n\n measureDeductedWidth();\n\n const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n if (itemElements.length === 0) {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n return;\n }\n\n itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n calculateFromCachedWidths();\n } finally {\n isCalculatingRef.current = false;\n }\n });\n }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n useIsomorphicLayoutEffect(() => {\n if (!containerRef.current) return;\n\n const resizeObserver = new ResizeObserver(() => {\n if (itemRefs.length > 0) {\n if (itemWidthsRef.current.length) {\n measureDeductedWidth();\n calculateFromCachedWidths();\n } else {\n measureAndCacheItems();\n }\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n }\n });\n\n resizeObserver.observe(containerRef.current);\n\n if (deductedSpaceRef?.current) {\n resizeObserver.observe(deductedSpaceRef.current);\n }\n\n return () => resizeObserver.disconnect();\n }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n useIsomorphicLayoutEffect(() => {\n if (itemRefs.length > 0) {\n measureAndCacheItems();\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n }\n }, [itemRefs, measureAndCacheItems]);\n\n return visibleCount;\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","itemRefs","~~_useState~~","~~useState~~","~~length~~","_useState2","_slicedToArray","visibleCount","setVisibleCount","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","availableWidth","offsetWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItems","requestAnimationFrame","itemElements","map","ref","filter","el","item","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"~~gMAMwB~~,~~SAAAA~~,EAAgBC,~~GAUvC~~,~~IATCC~~,EAAYD,EAAZC,aACAC,EAAGF,EAAHE,IACAC,EAAgBH,EAAhBG,iBACAC,EAAQJ,EAARI,~~SAOAC~~,EAAwCC,~~EAAiBF~~,~~EAASG~~,~~QAAOC,~~EAAAC,~~EAAAJ~~,EAAA,~~GAAlEK~~,EAAYF,EAAA,GAAEG,EAAeH,EAAA,~~GAC9BI~~,EAAgBC,EAAiB,IACjCC,EAAmBD,EAAe,GAClCE,EAAmBF,GAAO,GAE1BG,EAA4BC,GAAY,WAC5C,IAAMC,~~EAAYjB~~,aAAA,EAAAA,~~EAAckB~~,QAChC,GAAKD,~~GAAcd~~,~~EAASG~~,OAA5B,CAcA,IATA,~~IAEMa~~,~~EAFiBF~~,~~EAAUG~~,~~YACXP~~,EAAiBK,~~QAGnCG~~,EAAkB,EAClBC,EAAQ,EAENC,EAAUC,KAAKC,~~IAAItB~~,~~EAASG~~,~~OAAQK~~,EAAcO,~~QAAQZ~~,~~QAEvDoB~~,EAAI,EAAOH,EAAJG,EAAaA,IAAK,CAChC,IAAMC,~~EAAYhB~~,EAAcO,~~QAAQQ~~,GAClCE,EAAmBF,EAAI,EAAIC,~~EAAY1B~~,~~EAAM0B~~,EAEnD,GAAIN,EAAkBO,EAAoBT,EAIxC,MAHAE,GAAmBO,EACnBN,GAIH,~~CACDZ~~,~~EAAgBY~~,~~EAtBf~~,~~MAFCZ~~,~~EAAgBP~~,~~EAASG~~,~~OAyB5B~~,GAAE,~~CAACN~~,EAAcG,EAAUF,~~IAEtB4B~~,~~EAAuBb~~,GAAY,WAErCH,EAAiBK,~~SADfhB~~,eAAAA,~~EAAkBgB~~,~~SACOhB~~,~~EAAiBgB~~,~~QAAQY~~,wBAAwBC,MAEjD,CAE/B,GAAG,~~CAAC7B~~,~~IAEE8B~~,~~EAAuBhB~~,GAAY,WACnCF,EAAiBI,UACrBJ,EAAiBI,SAAU,~~EAE3Be~~,uBAAsB,WACpB,IAEE,~~IADkBjC~~,~~EAAakB~~,~~UACZf~~,~~EAASG~~,OAE1B,~~YADAI~~,~~EAAgBP~~,~~EAASG~~,~~QAI3BuB~~,IAEA,IAAMK,~~EAAe/B~~,~~EAASgC~~,KAAI,SAAAC,GAAG,OAAIA,~~EAAIlB~~,OAAO,~~IAAEmB~~,QAAO,SAAAC,GAAE,OAAW,OAAPA,KAEnE,GAA4B,IAAxBJ,~~EAAa5B~~,OAGf,~~OAFAI~~,EAAgB,~~QAChBC~~,EAAcO,QAAU,IAI1BP,EAAcO,~~QAAUgB~~,EAAaC,KAAI,SAAAI,GAAI,OAAIA,EAAKT,wBAAwBC,~~SAC9EhB~~,~~GACD~~,CAAS,~~QACRD~~,EAAiBI,SAAU,CAC5B,CACH,IACD,GAAE,~~CAAClB~~,EAAcG,~~EAAUY~~,~~EAA2Bc~~,~~IAqCvD~~,~~OAnCAW~~,GAA0B,WACxB,~~GAAKxC~~,~~EAAakB~~,QAAlB,CAEA,~~IAAMuB~~,EAAiB,IAAIC,gBAAe,~~WACpCvC~~,~~EAASG~~,OAAS,~~EAChBK~~,EAAcO,~~QAAQZ~~,~~QACxBuB~~,~~IACAd~~,~~KAEAiB~~,~~KAGFtB~~,EAAgB,~~GAChBC~~,EAAcO,QAAU,GAE5B,IAQA,~~OANAuB~~,EAAeE,~~QAAQ3C~~,~~EAAakB~~,~~UAEhChB~~,eAAAA,~~EAAkBgB~~,~~UACpBuB~~,EAAeE,~~QAAQzC~~,~~EAAiBgB~~,SAGnC,WAAA,~~OAAMuB~~,EAAeG,YAAY,CAtBb,CAuB7B,GAAG,~~CAAC5C~~,EAAcE,~~EAAkB2B~~,~~EAAsBd~~,~~EAA2BiB~~,~~EAAsB7B~~,~~IAE3GqC~~,GAA0B,~~WACpBrC~~,~~EAASG~~,OAAS,~~EACpB0B~~,~~KAEAtB~~,EAAgB,~~GAChBC~~,EAAcO,QAAU,~~GAE5B~~,GAAG,~~CAACf~~,~~EAAU6B~~,~~IAEPvB~~,~~CACT~~"}
1	+ {"version":3,"file":"useItemsOverflow.js","sources":["../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\n/*\n Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n containerRef,\n gap,\n deductedSpaceRef,\n itemRefs,\n minVisibleCount = 0\n}: {\n containerRef: RefObject<HTMLElement>;\n gap: number;\n deductedSpaceRef?: RefObject<HTMLElement>;\n itemRefs: RefObject<HTMLElement>[];\n minVisibleCount?: number;\n}) {\n const [visibleCount, setVisibleCount] = useState<number>(0);\n const [hasMeasured, setHasMeasured] = useState<boolean>(false);\n const itemWidthsRef = useRef<number[]>([]);\n const deductedWidthRef = useRef<number>(0);\n const isCalculatingRef = useRef(false);\n\n const calculateFromCachedWidths = useCallback(() => {\n const container = containerRef?.current;\n if (!container \|\| !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n return;\n }\n\n const containerWidth = container.offsetWidth;\n const deductedWidth = deductedWidthRef.current;\n const availableWidth = containerWidth - deductedWidth;\n\n let totalItemsWidth = 0;\n let count = 0;\n\n const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n for (let i = 0; i < maxIter; i++) {\n const itemWidth = itemWidthsRef.current[i];\n const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n totalItemsWidth += itemWidthWithGap;\n count++;\n } else {\n break;\n }\n }\n\n // Ensure at least minVisibleCount items are visible\n const finalCount = Math.max(count, Math.min(minVisibleCount, maxIter));\n setVisibleCount(finalCount);\n }, [containerRef, itemRefs, gap, minVisibleCount]);\n\n const measureDeductedWidth = useCallback(() => {\n if (deductedSpaceRef?.current) {\n deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n } else {\n deductedWidthRef.current = 0;\n }\n }, [deductedSpaceRef]);\n\n const measureAndCacheItems = useCallback(() => {\n if (isCalculatingRef.current) return;\n isCalculatingRef.current = true;\n\n requestAnimationFrame(() => {\n try {\n const container = containerRef.current;\n if (!container \|\| !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n return;\n }\n\n measureDeductedWidth();\n\n const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n if (itemElements.length === 0) {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n return;\n }\n\n itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n calculateFromCachedWidths();\n setHasMeasured(true);\n } finally {\n isCalculatingRef.current = false;\n }\n });\n }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n useIsomorphicLayoutEffect(() => {\n if (!containerRef.current) return;\n\n const resizeObserver = new ResizeObserver(() => {\n if (itemRefs.length > 0) {\n if (itemWidthsRef.current.length) {\n measureDeductedWidth();\n calculateFromCachedWidths();\n } else {\n measureAndCacheItems();\n }\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n }\n });\n\n resizeObserver.observe(containerRef.current);\n\n if (deductedSpaceRef?.current) {\n resizeObserver.observe(deductedSpaceRef.current);\n }\n\n return () => resizeObserver.disconnect();\n }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n useIsomorphicLayoutEffect(() => {\n if (itemRefs.length > 0) {\n setHasMeasured(false);\n measureAndCacheItems();\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n setHasMeasured(true);\n }\n }, [itemRefs, measureAndCacheItems]);\n\n return { visibleCount, hasMeasured };\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","itemRefs","_ref$minVisibleCount","minVisibleCount","_useState","useState","_useState2","_slicedToArray","visibleCount","setVisibleCount","_useState3","_useState4","hasMeasured","setHasMeasured","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","length","availableWidth","offsetWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","max","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItems","requestAnimationFrame","itemElements","map","ref","filter","el","item","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"gMAMc,SAAUA,EAAgBC,GAYvC,IAXCC,EAAYD,EAAZC,aACAC,EAAGF,EAAHE,IACAC,EAAgBH,EAAhBG,iBACAC,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAQnBE,EAAwCC,EAAiB,GAAEC,EAAAC,EAAAH,EAAA,GAApDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAAsCL,GAAkB,GAAMM,EAAAJ,EAAAG,EAAA,GAAvDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAC5BG,EAAgBC,EAAiB,IACjCC,EAAmBD,EAAe,GAClCE,EAAmBF,GAAO,GAE1BG,EAA4BC,GAAY,WAC5C,IAAMC,EAAYtB,aAAA,EAAAA,EAAcuB,QAChC,GAAKD,GAAcnB,EAASqB,OAA5B,CAcA,IATA,IAEMC,EAFiBH,EAAUI,YACXR,EAAiBK,QAGnCI,EAAkB,EAClBC,EAAQ,EAENC,EAAUC,KAAKC,IAAI5B,EAASqB,OAAQR,EAAcO,QAAQC,QAEvDQ,EAAI,EAAOH,EAAJG,EAAaA,IAAK,CAChC,IAAMC,EAAYjB,EAAcO,QAAQS,GAClCE,EAAmBF,EAAI,EAAIC,EAAYhC,EAAMgC,EAEnD,GAAIN,EAAkBO,EAAoBT,EAIxC,MAHAE,GAAmBO,EACnBN,GAIH,CAIDjB,EADmBmB,KAAKK,IAAIP,EAAOE,KAAKC,IAAI1B,EAAiBwB,IAxB5D,MAFClB,EAAgBR,EAASqB,OA4B5B,GAAE,CAACxB,EAAcG,EAAUF,EAAKI,IAE3B+B,EAAuBf,GAAY,WAErCH,EAAiBK,SADfrB,eAAAA,EAAkBqB,SACOrB,EAAiBqB,QAAQc,wBAAwBC,MAEjD,CAE/B,GAAG,CAACpC,IAEEqC,EAAuBlB,GAAY,WACnCF,EAAiBI,UACrBJ,EAAiBI,SAAU,EAE3BiB,uBAAsB,WACpB,IAEE,IADkBxC,EAAauB,UACZpB,EAASqB,OAE1B,YADAb,EAAgBR,EAASqB,QAI3BY,IAEA,IAAMK,EAAetC,EAASuC,KAAI,SAAAC,GAAG,OAAIA,EAAIpB,OAAO,IAAEqB,QAAO,SAAAC,GAAE,OAAW,OAAPA,KAEnE,GAA4B,IAAxBJ,EAAajB,OAGf,OAFAb,EAAgB,QAChBK,EAAcO,QAAU,IAI1BP,EAAcO,QAAUkB,EAAaC,KAAI,SAAAI,GAAI,OAAIA,EAAKT,wBAAwBC,SAC9ElB,IACAL,GAAe,EAChB,CAAS,QACRI,EAAiBI,SAAU,CAC5B,CACH,IACD,GAAE,CAACvB,EAAcG,EAAUiB,EAA2BgB,IAuCvD,OArCAW,GAA0B,WACxB,GAAK/C,EAAauB,QAAlB,CAEA,IAAMyB,EAAiB,IAAIC,gBAAe,WACpC9C,EAASqB,OAAS,EAChBR,EAAcO,QAAQC,QACxBY,IACAhB,KAEAmB,KAGF5B,EAAgB,GAChBK,EAAcO,QAAU,GAE5B,IAQA,OANAyB,EAAeE,QAAQlD,EAAauB,UAEhCrB,eAAAA,EAAkBqB,UACpByB,EAAeE,QAAQhD,EAAiBqB,SAGnC,WAAA,OAAMyB,EAAeG,YAAY,CAtBb,CAuB7B,GAAG,CAACnD,EAAcE,EAAkBkC,EAAsBhB,EAA2BmB,EAAsBpC,IAE3G4C,GAA0B,WACpB5C,EAASqB,OAAS,GACpBT,GAAe,GACfwB,MAEA5B,EAAgB,GAChBK,EAAcO,QAAU,GACxBR,GAAe,GAEnB,GAAG,CAACZ,EAAUoC,IAEP,CAAE7B,aAAAA,EAAcI,YAAAA,EACzB"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/core",
-  "version": "3.70.5",
+  "version": "3.72.0-alpha-cd688.0",
   "description": "Official monday.com UI resources for application development in React.js",
   "repository": {
     "type": "git",
@@ -94,10 +94,10 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.6",
-    "@vibe/button": "3.0.3",
-    "@vibe/icon": "3.0.3",
+    "@vibe/button": "3.0.4-alpha-cd688.0",
+    "@vibe/icon": "3.0.4-alpha-cd688.0",
     "@vibe/icons": "1.11.0",
-    "@vibe/loader": "3.0.3",
+    "@vibe/loader": "3.0.4-alpha-cd688.0",
     "a11y-dialog": "^7.5.2",
     "body-scroll-lock": "^4.0.0-beta.0",
     "browserslist-config-monday": "1.0.6",
@@ -186,7 +186,7 @@
     "@uiw/codemirror-extensions-langs": "^4.21.25",
     "@uiw/codemirror-theme-github": "^4.21.25",
     "@uiw/react-codemirror": "^4.21.25",
-    "@vibe/config": "3.0.2",
+    "@vibe/config": "3.0.3-alpha-cd688.0",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/coverage-v8": "^1.6.0",
     "@vitest/ui": "^1.6.0",
@@ -280,5 +280,5 @@
   "browserslist": [
     "extends browserslist-config-monday"
   ],
-  "gitHead": "4c1a84647dcdf8ad354c594509f519e9d42f14d0"
+  "gitHead": "a70038688f831136123315f3229a87cc1558ad8e"
 }