npm - @vibe/core - Versions diffs - 3.17.0 → 3.18.0-alpha-a3fe2.0 - Mend

@vibe/core 3.17.0 → 3.18.0-alpha-a3fe2.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 (337) hide show

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

@@ -1,2 +1,2 @@
-var e={container:"container_9e61e15199",overlay:"overlay_7acae8be1a","overlay-fade-out":"overlay-fade-out_b191aaf544","overlay-fade-in":"overlay-fade-in_7de2601ae7",dialog:"dialog_9ae7b33e45",default:"default_ec437453be",full:"full_72de3a3cb1",spacing:"spacing_67a139bf18"};!function(e){const n="s_id-fe267e23c74c_3_16_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_9e61e15199,\n.overlay_7acae8be1a {\n  position: fixed;\n  inset: 0;\n}\n\n.container_9e61e15199 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_9e61e15199[aria-hidden=true] {\n  display: none;\n}\n\n.container_9e61e15199[aria-hidden=true] .overlay_7acae8be1a {\n  background-color: transparent;\n  animation: overlay-fade-out_b191aaf544 70ms var(--motion-timing-enter);\n}\n\n.overlay_7acae8be1a {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_7de2601ae7 70ms var(--motion-timing-enter);\n}\n\n.dialog_9ae7b33e45 {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_9ae7b33e45.default_ec437453be {\n  width: 520px;\n}\n\n.dialog_9ae7b33e45.full_72de3a3cb1 {\n  width: 100vw;\n}\n\n.dialog_9ae7b33e45.spacing_67a139bf18 {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_7de2601ae7 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_b191aaf544 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{e as default};
+var n={container:"container_c2e99ac4d7",overlay:"overlay_72167396cf","overlay-fade-out":"overlay-fade-out_84bb829225","overlay-fade-in":"overlay-fade-in_9ede40504b",dialog:"dialog_7366bfb8b9",default:"default_9949d37160",full:"full_622df6c06f",spacing:"spacing_39865a17ae"};!function(n){const e="s_id-fe267e23c74c_3_17_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_c2e99ac4d7,\n.overlay_72167396cf {\n  position: fixed;\n  inset: 0;\n}\n\n.container_c2e99ac4d7 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_c2e99ac4d7[aria-hidden=true] {\n  display: none;\n}\n\n.container_c2e99ac4d7[aria-hidden=true] .overlay_72167396cf {\n  background-color: transparent;\n  animation: overlay-fade-out_84bb829225 70ms var(--motion-timing-enter);\n}\n\n.overlay_72167396cf {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_9ede40504b 70ms var(--motion-timing-enter);\n}\n\n.dialog_7366bfb8b9 {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_7366bfb8b9.default_9949d37160 {\n  width: 520px;\n}\n\n.dialog_7366bfb8b9.full_622df6c06f {\n  width: 100vw;\n}\n\n.dialog_7366bfb8b9.spacing_39865a17ae {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_9ede40504b {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_84bb829225 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
 //# sourceMappingURL=LegacyModal.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_1b34c9bfae"};!function(e){const n="s_id-40a1f8a37338_3_16_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_1b34c9bfae {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_1b34c9bfae::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_1b34c9bfae::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container_5ffa53f29b"};!function(e){const n="s_id-40a1f8a37338_3_17_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_5ffa53f29b {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_5ffa53f29b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_5ffa53f29b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalContent.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_d9327b55f3"};!function(e){const t="s_id-9ff7e713f88b_3_16_0";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)}(".container_d9327b55f3 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+var e={container:"container_1466fbf684"};!function(e){const t="s_id-9ff7e713f88b_3_17_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_1466fbf684 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
 //# sourceMappingURL=LegacyModalFooter.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_87b28aa1e7",icon:"icon_9780c45db4",description:"description_33fdf9d750",closeButton:"closeButton_4f6e8605d9"};!function(e){const n="s_id-f34f7b91e8f3_3_16_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_87b28aa1e7 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_87b28aa1e7 .icon_9780c45db4 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_87b28aa1e7 .description_33fdf9d750 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_87b28aa1e7 .closeButton_4f6e8605d9 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
+var e={container:"container_e17dd4f185",icon:"icon_e58327cb5b",description:"description_876e375029",closeButton:"closeButton_ff762a43b5"};!function(e){const n="s_id-f34f7b91e8f3_3_17_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_e17dd4f185 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_e17dd4f185 .icon_e58327cb5b {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_e17dd4f185 .description_876e375029 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_e17dd4f185 .closeButton_ff762a43b5 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={link:"link_db8b68a866","focus-visible":"focus-visible_adb3358f55",text:"text_38b448833d",inlineText:"inlineText_28a97d7242",inheritFontSize:"inheritFontSize_d8643765ae",iconStart:"iconStart_ab0437e380",iconEnd:"iconEnd_2916445869"};!function(n){const i="s_id-c911448248db_3_16_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".link_db8b68a866 {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_db8b68a866:focus-visible, .link_db8b68a866.focus-visible_adb3358f55 {\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.link_db8b68a866:focus:not(.focus-visible_adb3358f55) {\n  outline: none;\n}\n.link_db8b68a866:hover .text_38b448833d {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_db8b68a866.inlineText_28a97d7242 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_db8b68a866.inheritFontSize_d8643765ae {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_ab0437e380 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_2916445869 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_ab0437e380 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_2916445869 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
+var n={link:"link_ee03645995","focus-visible":"focus-visible_9da27f5902",text:"text_6af33905ca",inlineText:"inlineText_7def1609d4",inheritFontSize:"inheritFontSize_dc451fca0c",iconStart:"iconStart_c3a013e386",iconEnd:"iconEnd_885cf254f9"};!function(n){const e="s_id-c911448248db_3_17_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".link_ee03645995 {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_ee03645995:focus-visible, .link_ee03645995.focus-visible_9da27f5902 {\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.link_ee03645995:focus:not(.focus-visible_9da27f5902) {\n  outline: none;\n}\n.link_ee03645995:hover .text_6af33905ca {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_ee03645995.inlineText_7def1609d4 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_ee03645995.inheritFontSize_dc451fca0c {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_c3a013e386 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_885cf254f9 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_c3a013e386 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_885cf254f9 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={list:"list_0c87c2df51"};!function(e){const t="s_id-ed9bf484fec4_3_16_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)}(".list_0c87c2df51 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_0c87c2df51::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_0c87c2df51::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_2bb84ace84"};!function(e){const t="s_id-ed9bf484fec4_3_17_1";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)}(".list_2bb84ace84 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_2bb84ace84::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_2bb84ace84::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_6e0f846609"};!function(e){const n="s_id-6ed55dee5450_3_16_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_6e0f846609 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_6e0f846609::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_6e0f846609::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_b62a546e9e"};!function(e){const n="s_id-6ed55dee5450_3_17_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_b62a546e9e {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_b62a546e9e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_b62a546e9e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedListItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItem:"listItem_171717089c","focus-visible":"focus-visible_1ae728d164",disabled:"disabled_5100a0991a",selected:"selected_316f95873f",small:"small_bbdf151c65",medium:"medium_99380145e2",large:"large_02cb74933d"};!function(e){const n="s_id-8402a299d384_3_16_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,l.firstChild?l.insertBefore(o,l.firstChild):l.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_171717089c {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_171717089c:focus-visible, .listItem_171717089c.focus-visible_1ae728d164 {\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.listItem_171717089c:focus:not(.focus-visible_1ae728d164) {\n  outline: none;\n}\n.listItem_171717089c:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_5100a0991a {\n  cursor: not-allowed;\n}\n.disabled_5100a0991a:hover {\n  background-color: transparent;\n}\n.selected_316f95873f {\n  background-color: var(--primary-selected-color);\n}\n.selected_316f95873f:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_bbdf151c65 {\n  height: 32px;\n}\n.medium_99380145e2 {\n  height: 40px;\n}\n.large_02cb74933d {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_3987b637e3","focus-visible":"focus-visible_ff9574afaf",disabled:"disabled_8d92dbc057",selected:"selected_9775e74b3d",small:"small_b40133a04a",medium:"medium_fd7c706a5d",large:"large_c1c4a6b81f"};!function(e){const n="s_id-8402a299d384_3_17_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_3987b637e3 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_3987b637e3:focus-visible, .listItem_3987b637e3.focus-visible_ff9574afaf {\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.listItem_3987b637e3:focus:not(.focus-visible_ff9574afaf) {\n  outline: none;\n}\n.listItem_3987b637e3:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_8d92dbc057 {\n  cursor: not-allowed;\n}\n.disabled_8d92dbc057:hover {\n  background-color: transparent;\n}\n.selected_9775e74b3d {\n  background-color: var(--primary-selected-color);\n}\n.selected_9775e74b3d:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_b40133a04a {\n  height: 32px;\n}\n.medium_fd7c706a5d {\n  height: 40px;\n}\n.large_c1c4a6b81f {\n  height: 48px;\n}");export{e as default};
 //# sourceMappingURL=ListItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItemAvatar:"listItemAvatar_a09eeb1758",avatar:"avatar_657444478e"};!function(e){const t="s_id-64054545c9e6_3_16_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemAvatar_a09eeb1758 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_657444478e {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_786f4a191d",avatar:"avatar_e3d49541c7"};!function(e){const t="s_id-64054545c9e6_3_17_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemAvatar_786f4a191d {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_e3d49541c7 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemAvatar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItemIcon:"listItemIcon_a09eeb1758",start:"start_41e97b7556",end:"end_a7f79b0a6e"};!function(e){const t="s_id-0831d1bc0202_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemIcon_a09eeb1758 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_41e97b7556 {\n  margin-right: var(--spacing-small);\n}\n\n.end_a7f79b0a6e {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_786f4a191d",start:"start_c0468f482f",end:"end_b516bafdb4"};!function(e){const t="s_id-0831d1bc0202_3_17_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemIcon_786f4a191d {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_c0468f482f {\n  margin-right: var(--spacing-small);\n}\n\n.end_b516bafdb4 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle_47c7b3c5f8"};!function(e){const t="s_id-d4e0bfe7508e_3_16_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_47c7b3c5f8 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={listTitle:"listTitle_8002710916"};!function(e){const t="s_id-d4e0bfe7508e_3_17_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_8002710916 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={loaderContainer:"loaderContainer_e3f02c0245",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_73e756859a",circleLoaderSpinner:"circleLoaderSpinner_a5ac7d0664",rotate:"rotate_3b18824bf0",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_982244f508",dash:"dash_5f1d8c074d"};!function(e){const n="s_id-dcd4d8f866fa_3_16_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_e3f02c0245 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_e3f02c0245 .circleLoaderSpinnerBackground_73e756859a {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_e3f02c0245 .circleLoaderSpinner_a5ac7d0664 {\n  animation: rotate_3b18824bf0 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_e3f02c0245 .circleLoaderSpinner_a5ac7d0664 .circleLoaderSpinnerPath_982244f508 {\n  animation: dash_5f1d8c074d 1s infinite;\n}\n@keyframes rotate_3b18824bf0 {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_5f1d8c074d {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
+var e={loaderContainer:"loaderContainer_c17c18c24a",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_7ab59f5a0d",circleLoaderSpinner:"circleLoaderSpinner_4f415e5152",rotate:"rotate_8cb376b8b0",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_125a2907e8",dash:"dash_273d59f975"};!function(e){const n="s_id-dcd4d8f866fa_3_17_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_c17c18c24a {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_c17c18c24a .circleLoaderSpinnerBackground_7ab59f5a0d {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_c17c18c24a .circleLoaderSpinner_4f415e5152 {\n  animation: rotate_8cb376b8b0 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_c17c18c24a .circleLoaderSpinner_4f415e5152 .circleLoaderSpinnerPath_125a2907e8 {\n  animation: dash_273d59f975 1s infinite;\n}\n@keyframes rotate_8cb376b8b0 {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_273d59f975 {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
 //# sourceMappingURL=Loader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={menu:"menu_93437dff4d",small:"small_70140777c9",medium:"medium_577ba938cf",large:"large_a86aa9992c"};!function(e){const n="s_id-1599ba0bb296_3_16_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".menu_93437dff4d {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu_93437dff4d:focus {\n  outline: none;\n}\n\n.small_70140777c9 {\n  width: 200px;\n}\n\n.medium_577ba938cf {\n  width: 220px;\n}\n\n.large_a86aa9992c {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu_cfff99f42d",small:"small_fa07ffb254",medium:"medium_333ba3d8f6",large:"large_d528436127"};!function(e){const n="s_id-1599ba0bb296_3_17_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".menu_cfff99f42d {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu_cfff99f42d:focus {\n  outline: none;\n}\n\n.small_fa07ffb254 {\n  width: 200px;\n}\n\n.medium_333ba3d8f6 {\n  width: 220px;\n}\n\n.large_d528436127 {\n  width: 240px;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={menuChildDivider:"menuChildDivider_d65a3e0887"};!function(e){const d="s_id-d277a91266dd_3_16_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider_d65a3e0887 {\n  width: 100%;\n  padding: 0 var(--spacing-small);\n}");export{e as default};
+var e={menuChildDivider:"menuChildDivider_a894fb6e81"};!function(e){const d="s_id-d277a91266dd_3_17_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider_a894fb6e81 {\n  width: 100%;\n  padding: 0 var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=MenuDivider.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={title:"title_b199f7ba90"};!function(e){const t="s_id-b06386a2bb6c_3_16_0";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)}(".title_b199f7ba90 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  padding-block: 1px;\n}");export{e as default};
+var e={title:"title_dbba3edaf6"};!function(e){const t="s_id-b06386a2bb6c_3_17_1";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)}(".title_dbba3edaf6 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  padding-block: 1px;\n}");export{e as default};
 //# sourceMappingURL=MenuItem.module.scss.js.map

package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={item:"item_9dfadc1341",splitMenuItem:"splitMenuItem_4d317ecc15",disabled:"disabled_ad665c127b",focused:"focused_82bb21f576",initialSelected:"initialSelected_39dd058053",selected:"selected_3a7b3e791c"};!function(e){const n="s_id-680488cf82d9_3_16_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".item_9dfadc1341 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) var(--spacing-small);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n.item_9dfadc1341.splitMenuItem_4d317ecc15 {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_9dfadc1341.disabled_ad665c127b {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_9dfadc1341.focused_82bb21f576:not(.disabled_ad665c127b) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_9dfadc1341.focused_82bb21f576:not(.disabled_ad665c127b):not(:hover):not(.initialSelected_39dd058053) {\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.item_9dfadc1341.selected_3a7b3e791c:not(.disabled_ad665c127b) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item_45eddb3de4",splitMenuItem:"splitMenuItem_325d9f4064",disabled:"disabled_2f0006e373",focused:"focused_b13c5d45ed",initialSelected:"initialSelected_b3211ed1b8",selected:"selected_34121c2d7a"};!function(e){const d="s_id-680488cf82d9_3_17_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const o=document.createElement("style");o.id=d,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".item_45eddb3de4 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) var(--spacing-small);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n.item_45eddb3de4.splitMenuItem_325d9f4064 {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_45eddb3de4.disabled_2f0006e373 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_45eddb3de4.focused_b13c5d45ed:not(.disabled_2f0006e373) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_45eddb3de4.focused_b13c5d45ed:not(.disabled_2f0006e373):not(:hover):not(.initialSelected_b3211ed1b8) {\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.item_45eddb3de4.selected_34121c2d7a:not(.disabled_2f0006e373) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=BaseMenuItem.module.scss.js.map

package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={iconWrapper:"iconWrapper_41e97b7556",withBackgroundColor:"withBackgroundColor_e1d452dc2e",disabled:"disabled_f0fa91868b",icon:"icon_f62e65070a",selected:"selected_b81a9ace73"};!function(e){const o="s_id-f26daa2191ad_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".iconWrapper_41e97b7556 {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_41e97b7556.withBackgroundColor_e1d452dc2e {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_41e97b7556.withBackgroundColor_e1d452dc2e.disabled_f0fa91868b {\n  opacity: 0.4;\n}\n.iconWrapper_41e97b7556.withBackgroundColor_e1d452dc2e .icon_f62e65070a {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_41e97b7556.disabled_f0fa91868b .icon_f62e65070a {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_41e97b7556 .icon_f62e65070a {\n  color: var(--icon-color);\n}\n.iconWrapper_41e97b7556 .icon_f62e65070a.selected_b81a9ace73 {\n  color: var(--primary-color);\n}");export{e as default};
+var e={iconWrapper:"iconWrapper_c0468f482f",withBackgroundColor:"withBackgroundColor_c1202bbdaa",disabled:"disabled_17ae372f35",icon:"icon_dc79b31473",selected:"selected_2d53218593"};!function(e){const o="s_id-f26daa2191ad_3_17_1";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,c.firstChild?c.insertBefore(n,c.firstChild):c.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".iconWrapper_c0468f482f {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_c0468f482f.withBackgroundColor_c1202bbdaa {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_c0468f482f.withBackgroundColor_c1202bbdaa.disabled_17ae372f35 {\n  opacity: 0.4;\n}\n.iconWrapper_c0468f482f.withBackgroundColor_c1202bbdaa .icon_dc79b31473 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_c0468f482f.disabled_17ae372f35 .icon_dc79b31473 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_c0468f482f .icon_dc79b31473 {\n  color: var(--icon-color);\n}\n.iconWrapper_c0468f482f .icon_dc79b31473.selected_2d53218593 {\n  color: var(--primary-color);\n}");export{e as default};
 //# sourceMappingURL=MenuItemIcon.module.scss.js.map

package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={subMenuIconWrapper:"subMenuIconWrapper_a1d63acd1c",divider:"divider_ba67b08ec3",splitSubMenuIcon:"splitSubMenuIcon_5ad28d90fd",disabled:"disabled_ad665c127b",subMenuIcon:"subMenuIcon_b1898ad7b2",splitMenuItemIconButton:"splitMenuItemIconButton_da65dcd295"};!function(e){const n="s_id-ce61865c18da_3_16_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,d.firstChild?d.insertBefore(c,d.firstChild):d.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_a1d63acd1c {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_a1d63acd1c .divider_ba67b08ec3 {\n  height: 19px;\n}\n.subMenuIconWrapper_a1d63acd1c .splitSubMenuIcon_5ad28d90fd {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_a1d63acd1c .splitSubMenuIcon_5ad28d90fd.disabled_ad665c127b {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_a1d63acd1c .subMenuIcon_b1898ad7b2,\n.subMenuIconWrapper_a1d63acd1c .splitSubMenuIcon_5ad28d90fd {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_a1d63acd1c .splitMenuItemIconButton_da65dcd295 {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
+var e={subMenuIconWrapper:"subMenuIconWrapper_479d03fe44",divider:"divider_5c17b9b3eb",splitSubMenuIcon:"splitSubMenuIcon_8b741f95a2",disabled:"disabled_2f0006e373",subMenuIcon:"subMenuIcon_a9ba425428",splitMenuItemIconButton:"splitMenuItemIconButton_d16eb5985c"};!function(e){const n="s_id-ce61865c18da_3_17_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_479d03fe44 {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_479d03fe44 .divider_5c17b9b3eb {\n  height: 19px;\n}\n.subMenuIconWrapper_479d03fe44 .splitSubMenuIcon_8b741f95a2 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_479d03fe44 .splitSubMenuIcon_8b741f95a2.disabled_2f0006e373 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_479d03fe44 .subMenuIcon_a9ba425428,\n.subMenuIconWrapper_479d03fe44 .splitSubMenuIcon_8b741f95a2 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_479d03fe44 .splitMenuItemIconButton_d16eb5985c {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
 //# sourceMappingURL=MenuItemSubMenuIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={itemButton:"itemButton_d4425a2f82",buttonComponent:"buttonComponent_da56791f03",content:"content_42189a6b53"};!function(e){const t="s_id-f631346a82ef_3_16_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)}(".itemButton_d4425a2f82 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_d4425a2f82 .buttonComponent_da56791f03 {\n  width: 100%;\n}\n\n.itemButton_d4425a2f82 .buttonComponent_da56791f03 .content_42189a6b53 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
+var e={itemButton:"itemButton_e550d47dd7",buttonComponent:"buttonComponent_3484c0b496",content:"content_777eccc359"};!function(e){const t="s_id-f631346a82ef_3_17_1";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)}(".itemButton_e550d47dd7 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_e550d47dd7 .buttonComponent_3484c0b496 {\n  width: 100%;\n}\n\n.itemButton_e550d47dd7 .buttonComponent_3484c0b496 .content_777eccc359 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
 //# sourceMappingURL=MenuItemButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={title:"title_c4fe0a39c0",titleCaption:"titleCaption_058b2b7f95",titleCaptionCenter:"titleCaptionCenter_1afdb06d14",titleCaptionBottom:"titleCaptionBottom_31e665e5af",titleCaptionTop:"titleCaptionTop_ee485dd95a"};!function(t){const e="s_id-48e3e93eaf49_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}('.title_c4fe0a39c0 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.titleCaption_058b2b7f95 {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter_1afdb06d14 {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom_31e665e5af,\n.titleCaptionTop_ee485dd95a {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom_31e665e5af {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter_1afdb06d14::before,\n.titleCaptionCenter_1afdb06d14::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--ui-border-color);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--spacing-small);\n}');export{t as default};
+var t={title:"title_5b1c0e13f2",titleCaption:"titleCaption_7df8af4e1b",titleCaptionCenter:"titleCaptionCenter_041093c838",titleCaptionBottom:"titleCaptionBottom_15a2ea90b0",titleCaptionTop:"titleCaptionTop_f715151513"};!function(t){const n="s_id-48e3e93eaf49_3_17_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=t)}('.title_5b1c0e13f2 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.titleCaption_7df8af4e1b {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter_041093c838 {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom_15a2ea90b0,\n.titleCaptionTop_f715151513 {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom_15a2ea90b0 {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter_041093c838::before,\n.titleCaptionCenter_041093c838::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--ui-border-color);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--spacing-small);\n}');export{t as default};
 //# sourceMappingURL=MenuTitle.module.scss.js.map

package/dist/src/components/MenuButton/MenuButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as t,useRef as r,useState as n,useCallback as s,useMemo as a}from"react";import l from"classnames";import{camelCase as d}from"lodash-es";import{isForwardRef as m}from"react-is";import p from"../Dialog/Dialog.js";import c from"../DialogContentContainer/DialogContentContainer.js";import g from"../Tooltip/Tooltip.js";import u from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import f from"../../hooks/useMergeRef.js";import{BUTTON_ICON_SIZE as h}from"../Button/ButtonConstants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{MenuButtonSize as T,MenuButtonComponentPosition as E}from"./MenuButtonConstants.js";import{DialogSize as C,DialogPosition as S,HideShowEvent as j}from"../Dialog/DialogConstants.js";import{NOOP as w}from"../../utils/function-utils.js";import{getStyle as y}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as O,ComponentDefaultTestId as b}from"../../tests/testIds.js";import M from"./MenuButton.module.scss.js";import P from"../../../icons/dist/react/Menu.js";var D={main:8,secondary:0},A=t((function(t,v){var T=t.id,E=t.className,C=t.openDialogComponentClassName,S=t.children,j=t.component,x=void 0===j?P:j,I=t.componentPosition,_=void 0===I?"start":I,z=t.size,B=void 0===z?"small":z,N=t.open,H=void 0!==N&&N,R=t.onClick,k=void 0===R?w:R,K=t.zIndex,L=void 0===K?null:K,U=t.ariaLabel,Y=void 0===U?"Menu":U,W=t.closeMenuOnItemClick,F=t.dialogOffset,V=void 0===F?D:F,q=t.dialogPosition,G=void 0===q?p.positions.BOTTOM_START:q,J=t.dialogClassName,Q=t.dialogPaddingSize,X=void 0===Q?c.sizes.SMALL:Q,Z=t.dialogShowTriggerIgnoreClass,$=t.dialogHideTriggerIgnoreClass,ee=t.onMenuHide,oe=void 0===ee?w:ee,ie=t.onMenuShow,te=void 0===ie?w:ie,re=t.disabled,ne=void 0!==re&&re,se=t.text,ae=t.tooltipContent,le=t.tooltipProps,de=t.tooltipTriggers,me=void 0===de?[A.hideTriggers.MOUSE_LEAVE]:de,pe=t.tooltipPosition,ce=void 0===pe?"right":pe,ge=t.startingEdge,ue=void 0===ge?"bottom":ge,fe=t.removeTabCloseTrigger,he=void 0!==fe&&fe,ve=t.tooltipReferenceClassName,Te=t.hideWhenReferenceHidden,Ee=void 0===Te||Te,Ce=t.dialogContainerSelector,Se=t.active,je=t.triggerElement,we=void 0===je?"button":je,ye=t.showTooltipOnlyOnTriggerElement,Oe=t["data-testid"],be=r(null),Me=f(v,be),Pe=n(H),De=e(Pe,2),Ae=De[0],xe=De[1],Ie=null!=Se?Se:Ae,_e=s((function(e){oe(),xe(!1);var o=be.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[oe]),ze=s((function(e){var o="Escape"===(null==e?void 0:e.key);(o||W)&&e.propagate&&_e(o)}),[W,_e]),Be=s((function(e,o){_e(o===p.hideShowTriggers.ESCAPE_KEY)}),[_e]),Ne=s((function(){xe(!0),te()}),[xe,te]),He=a((function(){var e=new Set([p.hideShowTriggers.CLICK_OUTSIDE,p.hideShowTriggers.TAB_KEY,p.hideShowTriggers.ESCAPE_KEY]);return he&&e.delete(p.hideShowTriggers.TAB_KEY),[i.Children.toArray(S).map((function(o){if(!i.isValidElement(o))return null;var t={};return o.type&&o.type.supportFocusOnMount&&(t.focusOnMount=!0,e.delete(p.hideShowTriggers.ESCAPE_KEY)),o.type&&o.type.isMenu&&(t.onClose=ze),i.cloneElement(o,t)})),Array.from(e)]}),[S,ze,he]),Re=e(He,2),ke=Re[0],Ke=Re[1],Le=a((function(){return 0===ke.length?null:i.createElement(c,{size:X,type:c.types.POPOVER},ke)}),[ke,X]),Ue=a((function(){return Object.assign(Object.assign({},D),V)}),[V]),Ye=x,We=a((function(){switch(B){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return h;default:return 24}}),[B]),Fe=Ye?i.createElement(Ye,{size:""+We,role:"img","aria-hidden":"true"}):null;u((function(){xe(H)}),[H,xe]);var Ve="button"===we?{ref:Me}:{active:Ie,disabled:ne,ref:m(we)?Me:void 0},qe=i.createElement(we,Object.assign({id:T,"data-testid":Oe||O(b.MENU_BUTTON,T),type:"button",className:l(M.wrapper,E,y(M,d("size-".concat(B))),o(o(o(o({},M.active,Ie),y(M,C),Ae&&C),M.disabled,ne),M.text,se)),"aria-haspopup":"true","aria-expanded":Ae,"aria-label":!se&&Y,onMouseUp:function(e){ne?e.currentTarget.blur():k(e)},"aria-disabled":ne},Ve),"start"===_&&Fe,se&&i.createElement("span",{className:M.innerText},se),"end"===_&&Fe),Ge=function(e){return i.createElement(p,{wrapperClassName:J,position:G,containerSelector:Ce,startingEdge:ue,animationType:"expand",content:Le,moveBy:Ue,showTrigger:ne?[]:["click","enter"],hideTrigger:Ke,showTriggerIgnoreClass:Z,hideTriggerIgnoreClass:$,useDerivedStateFromProps:!0,onDialogDidShow:Ne,onDialogDidHide:Be,zIndex:L,isOpen:Ae,hideWhenReferenceHidden:Ee},e)},Je=function(e){return i.createElement(g,Object.assign({content:ae,position:ce,showTrigger:"mouseenter",hideTrigger:me,referenceWrapperClassName:ve,hideWhenReferenceHidden:Ee},le),e)};return ye?Ge(Je(qe)):Je(Ge(qe))})),x=v(A,{sizes:T,paddingSizes:C,dialogPositions:S,hideTriggers:j,componentPositions:E});export{x as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as t,useRef as r,useState as n,useCallback as s,useMemo as a}from"react";import l from"classnames";import{camelCase as d}from"lodash-es";import{isForwardRef as g}from"react-is";import m from"../Dialog/Dialog.js";import c from"../DialogContentContainer/DialogContentContainer.js";import p from"../Tooltip/Tooltip.js";import u from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import f from"../../hooks/useMergeRef.js";import{BUTTON_ICON_SIZE as h}from"../Button/ButtonConstants.js";import{withStaticProps as T}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{MenuButtonSize as v,MenuButtonComponentPosition as C}from"./MenuButtonConstants.js";import{DialogSize as E,DialogPosition as S,HideShowEvent as w}from"../Dialog/DialogConstants.js";import{NOOP as j}from"../../utils/function-utils.js";import{getStyle as O}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as y,ComponentDefaultTestId as b}from"../../tests/testIds.js";import M from"./MenuButton.module.scss.js";import P from"../../../icons/dist/react/Menu.js";var D={main:8,secondary:0},N=t((function(t,T){var v=t.id,C=t.className,E=t.openDialogComponentClassName,S=t.children,w=t.component,A=void 0===w?P:w,I=t.componentPosition,_=void 0===I?"start":I,x=t.size,z=void 0===x?"small":x,B=t.open,H=void 0!==B&&B,R=t.onClick,k=void 0===R?j:R,K=t.zIndex,L=void 0===K?null:K,U=t.ariaLabel,Y=void 0===U?"Menu":U,W=t.closeMenuOnItemClick,F=t.dialogOffset,V=void 0===F?D:F,q=t.dialogPosition,G=void 0===q?m.positions.BOTTOM_START:q,J=t.dialogClassName,Q=t.dialogPaddingSize,X=void 0===Q?c.sizes.SMALL:Q,Z=t.dialogShowTriggerIgnoreClass,$=t.dialogHideTriggerIgnoreClass,ee=t.onMenuHide,oe=void 0===ee?j:ee,ie=t.onMenuShow,te=void 0===ie?j:ie,re=t.disabled,ne=void 0!==re&&re,se=t.text,ae=t.tooltipContent,le=t.tooltipProps,de=t.tooltipTriggers,ge=void 0===de?[N.hideTriggers.MOUSE_LEAVE]:de,me=t.tooltipPosition,ce=void 0===me?"right":me,pe=t.startingEdge,ue=void 0===pe?"bottom":pe,fe=t.removeTabCloseTrigger,he=void 0!==fe&&fe,Te=t.tooltipReferenceClassName,ve=t.hideWhenReferenceHidden,Ce=void 0===ve||ve,Ee=t.dialogContainerSelector,Se=t.active,we=t.triggerElement,je=void 0===we?"button":we,Oe=t.showTooltipOnlyOnTriggerElement,ye=t["data-testid"],be=t.closeDialogOnContentClick,Me=void 0!==be&&be,Pe=r(null),De=f(T,Pe),Ne=n(H),Ae=e(Ne,2),Ie=Ae[0],_e=Ae[1],xe=null!=Se?Se:Ie,ze=s((function(e){oe(),_e(!1);var o=Pe.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[oe]),Be=s((function(e){var o="Escape"===(null==e?void 0:e.key);(o||W)&&e.propagate&&ze(o)}),[W,ze]),He=s((function(e,o){ze(o===m.hideShowTriggers.ESCAPE_KEY)}),[ze]),Re=s((function(){_e(!0),te()}),[_e,te]),ke=a((function(){var e=new Set([m.hideShowTriggers.CLICK_OUTSIDE,m.hideShowTriggers.TAB_KEY,m.hideShowTriggers.ESCAPE_KEY]);return Me&&(e.add(m.hideShowTriggers.CONTENT_CLICK),e.add(m.hideShowTriggers.ENTER)),he&&e.delete(m.hideShowTriggers.TAB_KEY),[i.Children.toArray(S).map((function(o){if(!i.isValidElement(o))return null;var t={};return o.type&&o.type.supportFocusOnMount&&(t.focusOnMount=!0,e.delete(m.hideShowTriggers.ESCAPE_KEY)),o.type&&o.type.isMenu&&(t.onClose=Be),i.cloneElement(o,t)})),Array.from(e)]}),[S,Be,Me,he]),Ke=e(ke,2),Le=Ke[0],Ue=Ke[1],Ye=a((function(){return 0===Le.length?null:i.createElement(c,{size:X,type:c.types.POPOVER},Le)}),[Le,X]),We=a((function(){return Object.assign(Object.assign({},D),V)}),[V]),Fe=A,Ve=a((function(){switch(z){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return h;default:return 24}}),[z]),qe=Fe?i.createElement(Fe,{size:""+Ve,role:"img","aria-hidden":"true"}):null;u((function(){_e(H)}),[H,_e]);var Ge="button"===je?{ref:De}:{active:xe,disabled:ne,ref:g(je)?De:void 0},Je=i.createElement(je,Object.assign({id:v,"data-testid":ye||y(b.MENU_BUTTON,v),type:"button",className:l(M.wrapper,C,O(M,d("size-".concat(z))),o(o(o(o({},M.active,xe),O(M,E),Ie&&E),M.disabled,ne),M.text,se)),"aria-haspopup":"true","aria-expanded":Ie,"aria-label":!se&&Y,onMouseUp:function(e){ne?e.currentTarget.blur():k(e)},"aria-disabled":ne},Ge),"start"===_&&qe,se&&i.createElement("span",{className:M.innerText},se),"end"===_&&qe),Qe=function(e){return i.createElement(m,{wrapperClassName:J,position:G,containerSelector:Ee,startingEdge:ue,animationType:"expand",content:Ye,moveBy:We,showTrigger:ne?[]:["click","enter"],hideTrigger:Ue,showTriggerIgnoreClass:Z,hideTriggerIgnoreClass:$,useDerivedStateFromProps:!0,onDialogDidShow:Re,onDialogDidHide:He,zIndex:L,isOpen:Ie,hideWhenReferenceHidden:Ce},e)},Xe=function(e){return i.createElement(p,Object.assign({content:ae,position:ce,showTrigger:"mouseenter",hideTrigger:ge,referenceWrapperClassName:Te,hideWhenReferenceHidden:Ce},le),e)};return Oe?Qe(Xe(Je)):Xe(Qe(Je))})),A=T(N,{sizes:v,paddingSizes:E,dialogPositions:S,hideTriggers:w,componentPositions:C});export{A as default};
 //# sourceMappingURL=MenuButton.js.map

package/dist/src/components/MenuButton/MenuButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n DialogPosition as DialogPositionEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { MenuButtonComponentPosition, MenuButtonSize } from \"./MenuButton.types\";\nimport { DialogOffset, DialogPosition, DialogSize, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\n\nexport interface MenuButtonProps extends VibeComponentProps {\n /*\n Control the button's selected state\n /\n active?: boolean;\n /\n Class name to add to the button when the dialog is open\n /\n openDialogComponentClassName?: string;\n /\n Receives React Component\n /\n component?: (() => JSX.Element) \| React.ElementType;\n size?: MenuButtonSize;\n open?: boolean;\n onClick?: (event: React.MouseEvent) => void;\n zIndex?: number;\n ariaLabel?: string;\n /\n Class name to provide the element which wraps the popover/modal/dialog\n /\n dialogClassName?: string;\n /\n main - `dialogOffset.main` - main axis offset; `dialogOffset.secondary` secondary axis offset\n /\n dialogOffset?: DialogOffset;\n dialogPaddingSize?: DialogSize;\n dialogPosition?: DialogPosition;\n dialogShowTriggerIgnoreClass?: string;\n dialogHideTriggerIgnoreClass?: string;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n dialogContainerSelector?: string;\n /\n Dialog Alignment\n /\n startingEdge?: string;\n /\n Callback function to be called when the menu is shown\n /\n onMenuShow?: () => void;\n /\n Callback function to be called when the menu is hidden\n /\n onMenuHide?: () => void;\n /\n Text to be displayed after the icon\n /\n text?: string;\n disabled?: boolean;\n tooltipContent?: string;\n /\n Remove \"Tab\" key from the hide trigger\n /\n removeTabCloseTrigger?: boolean;\n /*\n is an array with the content of types:\n CLICK, CLICK_OUTSIDE, ESCAPE_KEY, TAB_KEY, MOUSE_ENTER, MOUSE_LEAVE,\n ENTER, MOUSE_DOWN, FOCUS, BLUR, CONTENT_CLICK\n /\n tooltipTriggers?: DialogTriggerEvent \| DialogTriggerEvent[];\n /*\n the disabled/tooltip position of the menu button - one of the MenuButton.dialogPositions\n /\n tooltipPosition?: TooltipPositions;\n /\n Tooltip Element Wrapper ClassName\n /\n tooltipReferenceClassName?: string;\n tooltipProps?: Partial<TooltipProps>;\n /\n When the MenuButton is hidden hide the dialog and tooltip as well\n /\n hideWhenReferenceHidden?: boolean;\n children?: ElementContent;\n /\n Specifies whether to render the component before or after the text\n /\n componentPosition?: MenuButtonComponentPosition;\n /\n Element to be used as the trigger element for the Menu - default is button\n /\n triggerElement?: React.ElementType;\n /\n Close the menu when an item is clicked\n /\n closeMenuOnItemClick?: boolean;\n /\n Whether tooltip should appear only when the trigger element is hovered and not the menu dialog\n */\n showTooltipOnlyOnTriggerElement?: boolean;\n}\n\nconst MenuButton: VibeComponent<MenuButtonProps> & {\n sizes?: typeof MenuButtonSizeEnum;\n paddingSizes?: typeof DialogContentContainer.sizes;\n dialogPositions?: typeof DialogPositionEnum;\n hideTriggers?: typeof Dialog.hideShowTriggers;\n componentPositions?: typeof MenuButtonComponentPositionEnum;\n} = forwardRef(\n (\n {\n id,\n className,\n openDialogComponentClassName,\n children,\n component = Menu,\n componentPosition = \"start\",\n size = \"small\",\n open = false,\n onClick = NOOP,\n zIndex = null,\n ariaLabel = \"Menu\",\n closeMenuOnItemClick,\n dialogOffset = MOVE_BY,\n dialogPosition = Dialog.positions.BOTTOM_START,\n dialogClassName,\n dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n dialogShowTriggerIgnoreClass,\n dialogHideTriggerIgnoreClass,\n onMenuHide = NOOP,\n onMenuShow = NOOP,\n disabled = false,\n text,\n tooltipContent,\n tooltipProps,\n tooltipTriggers = [MenuButton.hideTriggers.MOUSE_LEAVE],\n tooltipPosition = \"right\",\n startingEdge = \"bottom\",\n removeTabCloseTrigger = false,\n tooltipReferenceClassName,\n hideWhenReferenceHidden = true,\n dialogContainerSelector,\n active,\n triggerElement: TriggerElement = \"button\",\n showTooltipOnlyOnTriggerElement,\n \"data-testid\": dataTestId\n }: MenuButtonProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(open);\n const isActive = active ?? isOpen;\n\n const handleMenuClose = useCallback(\n (focusOnMenuButtonAfterClose: boolean) => {\n onMenuHide();\n setIsOpen(false);\n const button = componentRef.current;\n if (!button \|\| !focusOnMenuButtonAfterClose) {\n return;\n }\n window.requestAnimationFrame(() => {\n button.focus();\n });\n },\n [onMenuHide]\n );\n\n const onMenuDidClose = useCallback(\n (event: React.KeyboardEvent) => {\n // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n const isEscapeKey = event?.key === \"Escape\";\n if (isEscapeKey \|\| closeMenuOnItemClick) {\n // @ts-ignore\n if (event.propagate) {\n handleMenuClose(isEscapeKey);\n }\n }\n },\n [closeMenuOnItemClick, handleMenuClose]\n );\n\n const onDialogDidHide = useCallback(\n (event: DialogEvent, hideEvent: string) => {\n handleMenuClose(hideEvent === Dialog.hideShowTriggers.ESCAPE_KEY);\n },\n [handleMenuClose]\n );\n\n const onDialogDidShow = useCallback(() => {\n setIsOpen(true);\n onMenuShow();\n }, [setIsOpen, onMenuShow]);\n\n const [clonedChildren, hideTrigger] = useMemo(() => {\n const triggers = new Set([\n Dialog.hideShowTriggers.CLICK_OUTSIDE,\n Dialog.hideShowTriggers.TAB_KEY,\n Dialog.hideShowTriggers.ESCAPE_KEY\n ]);\n\n if (removeTabCloseTrigger) {\n triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n }\n const childrenArr = React.Children.toArray(children) as MenuChild[];\n const cloned = childrenArr.map(child => {\n if (!React.isValidElement(child)) return null;\n\n const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n if (child.type && child.type.supportFocusOnMount) {\n newProps.focusOnMount = true;\n triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n }\n\n if (child.type && child.type.isMenu) {\n newProps.onClose = onMenuDidClose;\n }\n\n return React.cloneElement(child, newProps);\n });\n return [cloned, Array.from(triggers)];\n }, [children, onMenuDidClose, removeTabCloseTrigger]);\n\n const content = useMemo(() => {\n if (clonedChildren.length === 0) return null;\n return (\n <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER}>\n {clonedChildren}\n </DialogContentContainer>\n );\n }, [clonedChildren, dialogPaddingSize]);\n\n const computedDialogOffset = useMemo(\n () => ({\n ...MOVE_BY,\n ...dialogOffset\n }),\n [dialogOffset]\n );\n\n const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n if (disabled) {\n event.currentTarget.blur();\n return;\n }\n onClick(event);\n };\n\n const Icon = component;\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n useIsomorphicLayoutEffect(() => {\n setIsOpen(open);\n }, [open, setIsOpen]);\n\n // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n const triggerElementProps =\n TriggerElement === \"button\"\n ? {\n ref: mergedRef\n }\n : {\n active: isActive,\n disabled: disabled,\n ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n };\n\n const triggerElementNode = (\n <TriggerElement\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n type=\"button\"\n className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n [styles.active]: isActive,\n [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n [styles.disabled]: disabled,\n [styles.text]: text\n })}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-label={!text && ariaLabel}\n onMouseUp={onMouseUp}\n aria-disabled={disabled}\n {...triggerElementProps}\n >\n {componentPosition === \"start\" && icon}\n {text && <span className={styles.innerText}>{text}</span>}\n {componentPosition === \"end\" && icon}\n </TriggerElement>\n );\n\n const dialogNode = (dialogChildren: React.ReactElement) => (\n <Dialog\n wrapperClassName={dialogClassName}\n position={dialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={startingEdge}\n animationType=\"expand\"\n content={content}\n moveBy={computedDialogOffset}\n showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n hideTrigger={hideTrigger}\n showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n useDerivedStateFromProps={true}\n onDialogDidShow={onDialogDidShow}\n onDialogDidHide={onDialogDidHide}\n zIndex={zIndex}\n isOpen={isOpen}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n >\n {dialogChildren}\n </Dialog>\n );\n\n const tooltipNode = (tooltipChildren: React.ReactElement) => (\n <Tooltip\n content={tooltipContent}\n position={tooltipPosition}\n showTrigger=\"mouseenter\"\n hideTrigger={tooltipTriggers}\n referenceWrapperClassName={tooltipReferenceClassName}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n {...tooltipProps}\n >\n {tooltipChildren}\n </Tooltip>\n );\n\n if (showTooltipOnlyOnTriggerElement) {\n return dialogNode(tooltipNode(triggerElementNode));\n }\n return tooltipNode(dialogNode(triggerElementNode));\n }\n);\n\nexport default withStaticProps(MenuButton, {\n sizes: MenuButtonSizeEnum,\n paddingSizes: DialogSizeEnum,\n dialogPositions: DialogPositionEnum,\n hideTriggers: DialogTriggerEventEnum,\n componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","Dialog","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","hideTriggers","MOUSE_LEAVE","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isEscapeKey","key","propagate","onDialogDidHide","hideEvent","hideShowTriggers","ESCAPE_KEY","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","TAB_KEY","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","types","POPOVER","computedDialogOffset","Object","assign","Icon","iconSize","BUTTON_ICON_SIZE","icon","role","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","withStaticProps","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}
1	+ {"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n DialogPosition as DialogPositionEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { MenuButtonComponentPosition, MenuButtonSize } from \"./MenuButton.types\";\nimport { DialogOffset, DialogPosition, DialogSize, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\n\nexport interface MenuButtonProps extends VibeComponentProps {\n /*\n Control the button's selected state\n /\n active?: boolean;\n /\n Class name to add to the button when the dialog is open\n /\n openDialogComponentClassName?: string;\n /\n Receives React Component\n /\n component?: (() => JSX.Element) \| React.ElementType;\n size?: MenuButtonSize;\n open?: boolean;\n onClick?: (event: React.MouseEvent) => void;\n zIndex?: number;\n ariaLabel?: string;\n /\n Class name to provide the element which wraps the popover/modal/dialog\n /\n dialogClassName?: string;\n /\n main - `dialogOffset.main` - main axis offset; `dialogOffset.secondary` secondary axis offset\n /\n dialogOffset?: DialogOffset;\n dialogPaddingSize?: DialogSize;\n dialogPosition?: DialogPosition;\n dialogShowTriggerIgnoreClass?: string;\n dialogHideTriggerIgnoreClass?: string;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n dialogContainerSelector?: string;\n /\n Dialog Alignment\n /\n startingEdge?: string;\n /\n Callback function to be called when the menu is shown\n /\n onMenuShow?: () => void;\n /\n Callback function to be called when the menu is hidden\n /\n onMenuHide?: () => void;\n /\n Text to be displayed after the icon\n /\n text?: string;\n disabled?: boolean;\n tooltipContent?: string;\n /\n Remove \"Tab\" key from the hide trigger\n /\n removeTabCloseTrigger?: boolean;\n /*\n is an array with the content of types:\n CLICK, CLICK_OUTSIDE, ESCAPE_KEY, TAB_KEY, MOUSE_ENTER, MOUSE_LEAVE,\n ENTER, MOUSE_DOWN, FOCUS, BLUR, CONTENT_CLICK\n /\n tooltipTriggers?: DialogTriggerEvent \| DialogTriggerEvent[];\n /*\n the disabled/tooltip position of the menu button - one of the MenuButton.dialogPositions\n /\n tooltipPosition?: TooltipPositions;\n /\n Tooltip Element Wrapper ClassName\n /\n tooltipReferenceClassName?: string;\n tooltipProps?: Partial<TooltipProps>;\n /\n When the MenuButton is hidden hide the dialog and tooltip as well\n /\n hideWhenReferenceHidden?: boolean;\n children?: ElementContent;\n /\n Specifies whether to render the component before or after the text\n /\n componentPosition?: MenuButtonComponentPosition;\n /\n Element to be used as the trigger element for the Menu - default is button\n /\n triggerElement?: React.ElementType;\n /\n Close the menu when an item is clicked\n /\n closeMenuOnItemClick?: boolean;\n /\n Whether tooltip should appear only when the trigger element is hovered and not the menu dialog\n */\n showTooltipOnlyOnTriggerElement?: boolean;\n closeDialogOnContentClick?: boolean;\n}\n\nconst MenuButton: VibeComponent<MenuButtonProps> & {\n sizes?: typeof MenuButtonSizeEnum;\n paddingSizes?: typeof DialogContentContainer.sizes;\n dialogPositions?: typeof DialogPositionEnum;\n hideTriggers?: typeof Dialog.hideShowTriggers;\n componentPositions?: typeof MenuButtonComponentPositionEnum;\n} = forwardRef(\n (\n {\n id,\n className,\n openDialogComponentClassName,\n children,\n component = Menu,\n componentPosition = \"start\",\n size = \"small\",\n open = false,\n onClick = NOOP,\n zIndex = null,\n ariaLabel = \"Menu\",\n closeMenuOnItemClick,\n dialogOffset = MOVE_BY,\n dialogPosition = Dialog.positions.BOTTOM_START,\n dialogClassName,\n dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n dialogShowTriggerIgnoreClass,\n dialogHideTriggerIgnoreClass,\n onMenuHide = NOOP,\n onMenuShow = NOOP,\n disabled = false,\n text,\n tooltipContent,\n tooltipProps,\n tooltipTriggers = [MenuButton.hideTriggers.MOUSE_LEAVE],\n tooltipPosition = \"right\",\n startingEdge = \"bottom\",\n removeTabCloseTrigger = false,\n tooltipReferenceClassName,\n hideWhenReferenceHidden = true,\n dialogContainerSelector,\n active,\n triggerElement: TriggerElement = \"button\",\n showTooltipOnlyOnTriggerElement,\n \"data-testid\": dataTestId,\n closeDialogOnContentClick = false\n }: MenuButtonProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(open);\n const isActive = active ?? isOpen;\n\n const handleMenuClose = useCallback(\n (focusOnMenuButtonAfterClose: boolean) => {\n onMenuHide();\n setIsOpen(false);\n const button = componentRef.current;\n if (!button \|\| !focusOnMenuButtonAfterClose) {\n return;\n }\n window.requestAnimationFrame(() => {\n button.focus();\n });\n },\n [onMenuHide]\n );\n\n const onMenuDidClose = useCallback(\n (event: React.KeyboardEvent) => {\n // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n const isEscapeKey = event?.key === \"Escape\";\n if (isEscapeKey \|\| closeMenuOnItemClick) {\n // @ts-ignore\n if (event.propagate) {\n handleMenuClose(isEscapeKey);\n }\n }\n },\n [closeMenuOnItemClick, handleMenuClose]\n );\n\n const onDialogDidHide = useCallback(\n (event: DialogEvent, hideEvent: string) => {\n handleMenuClose(hideEvent === Dialog.hideShowTriggers.ESCAPE_KEY);\n },\n [handleMenuClose]\n );\n\n const onDialogDidShow = useCallback(() => {\n setIsOpen(true);\n onMenuShow();\n }, [setIsOpen, onMenuShow]);\n\n const [clonedChildren, hideTrigger] = useMemo(() => {\n const triggers = new Set([\n Dialog.hideShowTriggers.CLICK_OUTSIDE,\n Dialog.hideShowTriggers.TAB_KEY,\n Dialog.hideShowTriggers.ESCAPE_KEY\n ]);\n\n if (closeDialogOnContentClick) {\n triggers.add(Dialog.hideShowTriggers.CONTENT_CLICK);\n triggers.add(Dialog.hideShowTriggers.ENTER);\n }\n\n if (removeTabCloseTrigger) {\n triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n }\n const childrenArr = React.Children.toArray(children) as MenuChild[];\n const cloned = childrenArr.map(child => {\n if (!React.isValidElement(child)) return null;\n\n const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n if (child.type && child.type.supportFocusOnMount) {\n newProps.focusOnMount = true;\n triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n }\n\n if (child.type && child.type.isMenu) {\n newProps.onClose = onMenuDidClose;\n }\n\n return React.cloneElement(child, newProps);\n });\n return [cloned, Array.from(triggers)];\n }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n const content = useMemo(() => {\n if (clonedChildren.length === 0) return null;\n return (\n <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER}>\n {clonedChildren}\n </DialogContentContainer>\n );\n }, [clonedChildren, dialogPaddingSize]);\n\n const computedDialogOffset = useMemo(\n () => ({\n ...MOVE_BY,\n ...dialogOffset\n }),\n [dialogOffset]\n );\n\n const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n if (disabled) {\n event.currentTarget.blur();\n return;\n }\n onClick(event);\n };\n\n const Icon = component;\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n useIsomorphicLayoutEffect(() => {\n setIsOpen(open);\n }, [open, setIsOpen]);\n\n // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n const triggerElementProps =\n TriggerElement === \"button\"\n ? {\n ref: mergedRef\n }\n : {\n active: isActive,\n disabled: disabled,\n ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n };\n\n const triggerElementNode = (\n <TriggerElement\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n type=\"button\"\n className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n [styles.active]: isActive,\n [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n [styles.disabled]: disabled,\n [styles.text]: text\n })}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-label={!text && ariaLabel}\n onMouseUp={onMouseUp}\n aria-disabled={disabled}\n {...triggerElementProps}\n >\n {componentPosition === \"start\" && icon}\n {text && <span className={styles.innerText}>{text}</span>}\n {componentPosition === \"end\" && icon}\n </TriggerElement>\n );\n\n const dialogNode = (dialogChildren: React.ReactElement) => (\n <Dialog\n wrapperClassName={dialogClassName}\n position={dialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={startingEdge}\n animationType=\"expand\"\n content={content}\n moveBy={computedDialogOffset}\n showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n hideTrigger={hideTrigger}\n showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n useDerivedStateFromProps={true}\n onDialogDidShow={onDialogDidShow}\n onDialogDidHide={onDialogDidHide}\n zIndex={zIndex}\n isOpen={isOpen}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n >\n {dialogChildren}\n </Dialog>\n );\n\n const tooltipNode = (tooltipChildren: React.ReactElement) => (\n <Tooltip\n content={tooltipContent}\n position={tooltipPosition}\n showTrigger=\"mouseenter\"\n hideTrigger={tooltipTriggers}\n referenceWrapperClassName={tooltipReferenceClassName}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n {...tooltipProps}\n >\n {tooltipChildren}\n </Tooltip>\n );\n\n if (showTooltipOnlyOnTriggerElement) {\n return dialogNode(tooltipNode(triggerElementNode));\n }\n return tooltipNode(dialogNode(triggerElementNode));\n }\n);\n\nexport default withStaticProps(MenuButton, {\n sizes: MenuButtonSizeEnum,\n paddingSizes: DialogSizeEnum,\n dialogPositions: DialogPositionEnum,\n hideTriggers: DialogTriggerEventEnum,\n componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","Dialog","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","hideTriggers","MOUSE_LEAVE","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isEscapeKey","key","propagate","onDialogDidHide","hideEvent","hideShowTriggers","ESCAPE_KEY","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","TAB_KEY","add","CONTENT_CLICK","ENTER","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","types","POPOVER","computedDialogOffset","Object","assign","Icon","iconSize","BUTTON_ICON_SIZE","icon","role","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","withStaticProps","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_c84c4d4210","focus-visible":"focus-visible_adb3358f55",active:"active_95acd5de7d",sizeXxs:"sizeXxs_1f3fbe24ed",sizeXs:"sizeXs_87c6674fbb",sizeSmall:"sizeSmall_5a922f9655",sizeMedium:"sizeMedium_094d93fc18",sizeLarge:"sizeLarge_de55de256e",disabled:"disabled_200fa75837",text:"text_da56791f03",innerText:"innerText_3555f8361d"};!function(n){const o="s_id-749f9b8f229f_3_16_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".wrapper_c84c4d4210 {\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  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_c84c4d4210:focus-visible, .wrapper_c84c4d4210.focus-visible_adb3358f55 {\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_c84c4d4210:focus:not(.focus-visible_adb3358f55) {\n  outline: none;\n}\n.wrapper_c84c4d4210:focus-visible, .wrapper_c84c4d4210.focus-visible_adb3358f55 {\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_c84c4d4210:focus:not(.focus-visible_adb3358f55) {\n  outline: none;\n}\n.wrapper_c84c4d4210:focus,\n.wrapper_c84c4d4210:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_c84c4d4210:active {\n  transform: scale(0.95);\n}\n.active_95acd5de7d {\n  background-color: var(--primary-selected-color);\n}\n.active_95acd5de7d:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_95acd5de7d:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_1f3fbe24ed {\n  width: 16px;\n  height: 16px;\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.sizeXs_87c6674fbb {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_5a922f9655 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_094d93fc18 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_de55de256e {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_200fa75837 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_200fa75837:hover {\n  background-color: transparent;\n}\n.text_da56791f03 {\n  width: 100%;\n}\n.innerText_3555f8361d {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
+var n={wrapper:"wrapper_d3e72abcc8","focus-visible":"focus-visible_9da27f5902",active:"active_31f3f5bb2b",sizeXxs:"sizeXxs_009747e475",sizeXs:"sizeXs_e3ef669939",sizeSmall:"sizeSmall_f9ce51d489",sizeMedium:"sizeMedium_35abde8d63",sizeLarge:"sizeLarge_34a5423a7b",disabled:"disabled_143770dade",text:"text_3484c0b496",innerText:"innerText_fe8c58d2b8"};!function(n){const o="s_id-749f9b8f229f_3_17_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".wrapper_d3e72abcc8 {\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  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_d3e72abcc8:focus-visible, .wrapper_d3e72abcc8.focus-visible_9da27f5902 {\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_d3e72abcc8:focus:not(.focus-visible_9da27f5902) {\n  outline: none;\n}\n.wrapper_d3e72abcc8:focus-visible, .wrapper_d3e72abcc8.focus-visible_9da27f5902 {\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_d3e72abcc8:focus:not(.focus-visible_9da27f5902) {\n  outline: none;\n}\n.wrapper_d3e72abcc8:focus,\n.wrapper_d3e72abcc8:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_d3e72abcc8:active {\n  transform: scale(0.95);\n}\n.active_31f3f5bb2b {\n  background-color: var(--primary-selected-color);\n}\n.active_31f3f5bb2b:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_31f3f5bb2b:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_009747e475 {\n  width: 16px;\n  height: 16px;\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.sizeXs_e3ef669939 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_f9ce51d489 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_35abde8d63 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_34a5423a7b {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_143770dade {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_143770dade:hover {\n  background-color: transparent;\n}\n.text_3484c0b496 {\n  width: 100%;\n}\n.innerText_fe8c58d2b8 {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

package/dist/src/components/Modal/Modal/Modal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useRef as a,useState as i,useCallback as s,useMemo as n}from"react";import l from"classnames";import{RemoveScroll as m}from"react-remove-scroll";import d from"react-focus-lock";import{AnimatePresence as c,motion as f}from"framer-motion";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../../tests/constants.js";import y from"./Modal.module.scss.js";import v from"../ModalTopActions/ModalTopActions.js";import{getStyle as E}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as b}from"lodash-es";import{ModalProvider as j}from"../context/ModalContext.js";import{keyCodes as A}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{modalAnimationFullViewVariants as h,modalAnimationAnchorPopVariants as x,modalAnimationCenterPopVariants as M,modalAnimationOverlayVariants as T}from"../utils/animationVariants.js";import{createPortal as P}from"react-dom";import C from"../hooks/usePortalTarget/usePortalTarget.js";import L from"../../LayerProvider/LayerProvider.js";import k from"../../../hooks/useMergeRef.js";var I=d.default||d,N=r((function(r,d){var N=r.id,g=r.show,w=r.size,z=void 0===w?"medium":w,_=r.renderHeaderAction,B=r.closeButtonTheme,D=r.closeButtonAriaLabel,H=r.onClose,R=void 0===H?function(){}:H,O=r.anchorElementRef,V=r.alertModal,X=r.container,F=void 0===X?document.body:X,K=r.children,S=r.style,Y=r.zIndex,q=r.className,G=r["data-testid"],J=r["aria-labelledby"],Q=r["aria-describedby"],U=C(F),W=a(null),Z=k(d,W),$=a(null),ee=i(),te=e(ee,2),oe=te[0],re=te[1],ae=i(),ie=e(ae,2),se=ie[0],ne=ie[1],le=s((function(e){J||re(e)}),[J]),me=s((function(e){Q||ne(e)}),[Q]),de=n((function(){return{modalId:N,setTitleId:le,setDescriptionId:me}}),[N,le,me]),ce=s((function(e){g&&!V&&R(e)}),[g,V,R]),fe=s((function(e){e.key===A.ESCAPE&&g&&!V&&R(e)}),[V,R,g]),ue="full-view"===z?h:(null==O?void 0:O.current)?x:M;return o.createElement(c,null,g&&o.createElement(L,{layerRef:$},o.createElement(j,{value:de},P(o.createElement(I,{returnFocus:!0},o.createElement("div",{ref:$,className:y.container,style:Y?{"--monday-modal-z-index":Y}:{}},o.createElement(f.div,{variants:T,initial:"initial",animate:"enter",exit:"exit","data-testid":u(p.MODAL_NEXT_OVERLAY,N),className:y.overlay,onClick:ce,"aria-hidden":!0}),o.createElement(m,{forwardProps:!0,ref:Z},o.createElement(f.div,{variants:ue,initial:"exit",animate:"enter",exit:"exit",custom:O,className:l(y.modal,E(y,b("size-"+z)),t({},y.withHeaderAction,!!_),q),id:N,"data-testid":G||u(p.MODAL_NEXT,N),role:"dialog","aria-modal":!0,"aria-labelledby":J||oe,"aria-describedby":Q||se,style:S,onKeyDown:fe,tabIndex:-1},K,o.createElement(v,{renderAction:_,theme:B,closeButtonAriaLabel:D,onClose:R}))))),U))))}));export{N as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useRef as a,useState as i,useCallback as s,useMemo as n}from"react";import l from"classnames";import{RemoveScroll as m}from"react-remove-scroll";import c from"react-focus-lock";import{AnimatePresence as d,motion as u}from"framer-motion";import{getTestId as f}from"../../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../../tests/constants.js";import v from"./Modal.module.scss.js";import y from"../ModalTopActions/ModalTopActions.js";import{getStyle as E}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as b}from"lodash-es";import{ModalProvider as j}from"../context/ModalContext.js";import{keyCodes as A}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{modalAnimationFullViewVariants as h,modalAnimationAnchorPopVariants as x,modalAnimationCenterPopVariants as M,modalAnimationOverlayVariants as T}from"../utils/animationVariants.js";import{createPortal as L}from"react-dom";import P from"../hooks/usePortalTarget/usePortalTarget.js";import C from"../../LayerProvider/LayerProvider.js";import k from"../../../hooks/useMergeRef.js";var w=c.default||c,I=r((function(r,c){var I=r.id,N=r.show,g=r.size,z=void 0===g?"medium":g,F=r.renderHeaderAction,H=r.closeButtonTheme,_=r.closeButtonAriaLabel,B=r.onClose,D=void 0===B?function(){}:B,R=r.autoFocus,O=void 0===R||R,V=r.onFocusAttempt,X=r.anchorElementRef,K=r.alertModal,S=r.container,Y=void 0===S?document.body:S,q=r.children,G=r.style,J=r.zIndex,Q=r.className,U=r["data-testid"],W=r["aria-labelledby"],Z=r["aria-describedby"],$=P(Y),ee=a(null),te=k(c,ee),oe=a(null),re=i(),ae=e(re,2),ie=ae[0],se=ae[1],ne=i(),le=e(ne,2),me=le[0],ce=le[1],de=s((function(e){W||se(e)}),[W]),ue=s((function(e){Z||ce(e)}),[Z]),fe=n((function(){return{modalId:I,setTitleId:de,setDescriptionId:ue,autoFocus:O}}),[I,de,ue,O]),pe=s((function(e){N&&!K&&D(e)}),[N,K,D]),ve=s((function(e){e.key===A.ESCAPE&&N&&!K&&D(e)}),[K,D,N]),ye="full-view"===z?h:(null==X?void 0:X.current)?x:M,Ee=J?{"--monday-modal-z-index":J}:{},be=s((function(e){if(!V)return!0;var t=V(e);return!0===t||t instanceof HTMLElement&&(t.focus(),!1)}),[V]);return o.createElement(d,null,N&&o.createElement(C,{layerRef:oe},o.createElement(j,{value:fe},L(o.createElement(w,{returnFocus:!0,autoFocus:O,whiteList:be},o.createElement("div",{ref:oe,className:v.container,style:Ee},o.createElement(u.div,{variants:T,initial:"initial",animate:"enter",exit:"exit","data-testid":f(p.MODAL_NEXT_OVERLAY,I),className:v.overlay,onClick:pe,"aria-hidden":!0}),o.createElement(m,{forwardProps:!0,ref:te},o.createElement(u.div,{variants:ye,initial:"exit",animate:"enter",exit:"exit",custom:X,className:l(v.modal,E(v,b("size-"+z)),t({},v.withHeaderAction,!!F),Q),id:I,"data-testid":U||f(p.MODAL_NEXT,I),role:"dialog","aria-modal":!0,"aria-labelledby":W||ie,"aria-describedby":Z||me,style:G,onKeyDown:ve,tabIndex:-1},q,o.createElement(y,{renderAction:F,theme:H,closeButtonAriaLabel:_,onClose:D}))))),$))))}));export{I as default};
 //# sourceMappingURL=Modal.js.map

package/dist/src/components/Modal/Modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport {\n modalAnimationAnchorPopVariants,\n modalAnimationCenterPopVariants,\n modalAnimationFullViewVariants,\n modalAnimationOverlayVariants\n} from \"../utils/animationVariants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport { LayerProvider } from \"../../LayerProvider\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default \|\| FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n (\n {\n id,\n show,\n size = \"medium\",\n renderHeaderAction,\n closeButtonTheme,\n closeButtonAriaLabel,\n onClose = () => {},\n anchorElementRef,\n alertModal,\n container = document.body,\n children,\n style,\n zIndex,\n className,\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n \"aria-describedby\": ariaDescribedby\n }: ModalProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const portalTargetElement = usePortalTarget(container);\n\n const modalRef = useRef<HTMLDivElement>(null);\n const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [titleId, setTitleId] = useState<string>();\n const [descriptionId, setDescriptionId] = useState<string>();\n\n const setTitleIdCallback = useCallback(\n (newId: string) => {\n if (ariaLabelledby) return;\n setTitleId(newId);\n },\n [ariaLabelledby]\n );\n const setDescriptionIdCallback = useCallback(\n (newId: string) => {\n if (ariaDescribedby) return;\n setDescriptionId(newId);\n },\n [ariaDescribedby]\n );\n\n const contextValue = useMemo<ModalProviderValue>(\n () => ({\n modalId: id,\n setTitleId: setTitleIdCallback,\n setDescriptionId: setDescriptionIdCallback\n }),\n [id, setTitleIdCallback, setDescriptionIdCallback]\n );\n\n const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n e => {\n if (!show \|\| alertModal) return;\n onClose(e);\n },\n [show, alertModal, onClose]\n );\n\n const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n e => {\n if (e.key !== keyCodes.ESCAPE \|\| !show \|\| alertModal) return;\n onClose(e);\n },\n [alertModal, onClose, show]\n );\n\n const modalAnimationVariants =\n size === \"full-view\"\n ? modalAnimationFullViewVariants\n : anchorElementRef?.current\n ? modalAnimationAnchorPopVariants\n : modalAnimationCenterPopVariants;\n\n const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n return (\n <AnimatePresence>\n {show && (\n <LayerProvider layerRef={containerRef}>\n <ModalProvider value={contextValue}>\n {createPortal(\n <FocusLockComponent returnFocus>\n <div ref={containerRef} className={styles.container} style={zIndexStyle}>\n <motion.div\n variants={modalAnimationOverlayVariants}\n initial=\"initial\"\n animate=\"enter\"\n exit=\"exit\"\n data-testid={getTestId(ComponentDefaultTestId.MODAL_NEXT_OVERLAY, id)}\n className={styles.overlay}\n onClick={onBackdropClick}\n aria-hidden\n />\n <RemoveScroll forwardProps ref={modalMergedRef}>\n <motion.div\n variants={modalAnimationVariants}\n initial=\"exit\"\n animate=\"enter\"\n exit=\"exit\"\n custom={anchorElementRef}\n className={cx(\n styles.modal,\n getStyle(styles, camelCase(\"size-\" + size)),\n { [styles.withHeaderAction]: !!renderHeaderAction },\n className\n )}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_NEXT, id)}\n role=\"dialog\"\n aria-modal\n aria-labelledby={ariaLabelledby \|\| titleId}\n aria-describedby={ariaDescribedby \|\| descriptionId}\n style={style}\n onKeyDown={onModalKeyDown}\n tabIndex={-1}\n >\n {children}\n <ModalTopActions\n renderAction={renderHeaderAction}\n theme={closeButtonTheme}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onClose={onClose}\n />\n </motion.div>\n </RemoveScroll>\n </div>\n </FocusLockComponent>,\n portalTargetElement\n )}\n </ModalProvider>\n </LayerProvider>\n )}\n </AnimatePresence>\n );\n }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","modalAnimationVariants","modalAnimationFullViewVariants","current","modalAnimationAnchorPopVariants","modalAnimationCenterPopVariants","React","createElement","AnimatePresence","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","styles","motion","div","variants","modalAnimationOverlayVariants","initial","animate","exit","getTestId","ComponentDefaultTestId","MODAL_NEXT_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","custom","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","MODAL_NEXT","role","onKeyDown","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"4sCA2BA,IAAMA,EAAsBC,EAAUC,SAAWD,EAE3CE,EAAQC,GACZ,SAAAC,EAoBEC,GACE,IAnBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KAAIC,EAAAJ,EACJK,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAkBN,EAAlBM,mBACAC,EAAgBP,EAAhBO,iBACAC,EAAoBR,EAApBQ,qBAAoBC,EAAAT,EACpBU,QAAAA,OAAO,IAAAD,EAAG,WAAQ,EAAAA,EAClBE,EAAgBX,EAAhBW,iBACAC,EAAUZ,EAAVY,WAAUC,EAAAb,EACVc,UAAAA,OAAS,IAAAD,EAAGE,SAASC,KAAIH,EACzBI,EAAQjB,EAARiB,SACAC,EAAKlB,EAALkB,MACAC,EAAMnB,EAANmB,OACAC,EAASpB,EAAToB,UACeC,EAAUrB,EAAzB,eACmBsB,EAActB,EAAjC,mBACoBuB,EAAevB,EAAnC,oBAIIwB,EAAsBC,EAAgBX,GAEtCY,EAAWC,EAAuB,MAClCC,EAAiBC,EAA4B5B,EAAKyB,GAClDI,EAAeH,EAAuB,MAE5CI,GAA8BC,IAAkBC,GAAAC,EAAAH,GAAA,GAAzCI,GAAOF,GAAA,GAAEG,GAAUH,GAAA,GAC1BI,GAA0CL,IAAkBM,GAAAJ,EAAAG,GAAA,GAArDE,GAAaD,GAAA,GAAEE,GAAgBF,GAAA,GAEhCG,GAAqBC,GACzB,SAACC,GACKrB,GACJc,GAAWO,EACb,GACA,CAACrB,IAEGsB,GAA2BF,GAC/B,SAACC,GACKpB,GACJiB,GAAiBG,EACnB,GACA,CAACpB,IAGGsB,GAAeC,GACnB,WAAA,MAAO,CACLC,QAAS7C,EACTkC,WAAYK,GACZD,iBAAkBI,GAClB,GACF,CAAC1C,EAAIuC,GAAoBG,KAGrBI,GAAkBN,GACtB,SAAAO,GACO9C,IAAQS,GACbF,EAAQuC,EACT,GACD,CAAC9C,EAAMS,EAAYF,IAGfwC,GAAiBR,GACrB,SAAAO,GACMA,EAAEE,MAAQC,EAASC,QAAWlD,IAAQS,GAC1CF,EAAQuC,EACT,GACD,CAACrC,EAAYF,EAASP,IAGlBmD,GACK,cAATjD,EACIkD,GACA5C,aAAA,EAAAA,EAAkB6C,SAClBC,EACAC,EAIN,OACEC,EAAAC,cAACC,EAAe,KACb1D,GACCwD,EAAAC,cAACE,EAAa,CAACC,SAAUjC,GACvB6B,EAACC,cAAAI,EAAc,CAAAC,MAAOpB,IACnBqB,EACCP,EAAAC,cAACjE,EAAkB,CAACwE,aAAW,GAC7BR,EAAAC,cAAA,MAAA,CAAK3D,IAAK6B,EAAcV,UAAWgD,EAAOtD,UAAWI,MAT/CC,EAAU,CAAE,yBAA0BA,GAAmC,IAU7EwC,EAAAC,cAACS,EAAOC,IACN,CAAAC,SAAUC,EACVC,QAAQ,UACRC,QAAQ,QACRC,KAAK,OACQ,cAAAC,EAAUC,EAAuBC,mBAAoB5E,GAClEkB,UAAWgD,EAAOW,QAClBC,QAAShC,GAET,eAAA,IACFW,EAAAC,cAACqB,EAAa,CAAAC,cAAa,EAAAjF,IAAK2B,GAC9B+B,EAACC,cAAAS,EAAOC,IAAG,CACTC,SAAUjB,GACVmB,QAAQ,OACRC,QAAQ,QACRC,KAAK,OACLQ,OAAQxE,EACRS,UAAWgE,EACThB,EAAOiB,MACPC,EAASlB,EAAQmB,EAAU,QAAUlF,IAAMmF,EAAA,CAAA,EACxCpB,EAAOqB,mBAAqBnF,GAC/Bc,GAEFlB,GAAIA,EAAE,cACOmB,GAAcuD,EAAUC,EAAuBa,WAAYxF,GACxEyF,KAAK,SAEY,cAAA,EAAA,kBAAArE,GAAkBa,GAAO,mBACxBZ,GAAmBgB,GACrCrB,MAAOA,EACP0E,UAAW1C,GACX2C,UAAW,GAEV5E,EACD0C,EAAAC,cAACkC,EAAe,CACdC,aAAczF,EACd0F,MAAOzF,EACPC,qBAAsBA,EACtBE,QAASA,QAMnBc,KAOd"}
1	+ {"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport {\n modalAnimationAnchorPopVariants,\n modalAnimationCenterPopVariants,\n modalAnimationFullViewVariants,\n modalAnimationOverlayVariants\n} from \"../utils/animationVariants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport { LayerProvider } from \"../../LayerProvider\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default \|\| FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n (\n {\n id,\n show,\n size = \"medium\",\n renderHeaderAction,\n closeButtonTheme,\n closeButtonAriaLabel,\n onClose = () => {},\n autoFocus = true,\n onFocusAttempt,\n anchorElementRef,\n alertModal,\n container = document.body,\n children,\n style,\n zIndex,\n className,\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n \"aria-describedby\": ariaDescribedby\n }: ModalProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const portalTargetElement = usePortalTarget(container);\n\n const modalRef = useRef<HTMLDivElement>(null);\n const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [titleId, setTitleId] = useState<string>();\n const [descriptionId, setDescriptionId] = useState<string>();\n\n const setTitleIdCallback = useCallback(\n (newId: string) => {\n if (ariaLabelledby) return;\n setTitleId(newId);\n },\n [ariaLabelledby]\n );\n const setDescriptionIdCallback = useCallback(\n (newId: string) => {\n if (ariaDescribedby) return;\n setDescriptionId(newId);\n },\n [ariaDescribedby]\n );\n\n const contextValue = useMemo<ModalProviderValue>(\n () => ({\n modalId: id,\n setTitleId: setTitleIdCallback,\n setDescriptionId: setDescriptionIdCallback,\n autoFocus\n }),\n [id, setTitleIdCallback, setDescriptionIdCallback, autoFocus]\n );\n\n const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n e => {\n if (!show \|\| alertModal) return;\n onClose(e);\n },\n [show, alertModal, onClose]\n );\n\n const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n e => {\n if (e.key !== keyCodes.ESCAPE \|\| !show \|\| alertModal) return;\n onClose(e);\n },\n [alertModal, onClose, show]\n );\n\n const modalAnimationVariants =\n size === \"full-view\"\n ? modalAnimationFullViewVariants\n : anchorElementRef?.current\n ? modalAnimationAnchorPopVariants\n : modalAnimationCenterPopVariants;\n\n const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n const handleFocusLockWhiteList = useCallback(\n (nextFocusedElement?: HTMLElement) => {\n if (!onFocusAttempt) return true;\n\n const outcome = onFocusAttempt(nextFocusedElement);\n\n if (outcome === true) return true;\n\n if (outcome instanceof HTMLElement) {\n outcome.focus();\n return false;\n }\n\n return false;\n },\n [onFocusAttempt]\n );\n\n return (\n <AnimatePresence>\n {show && (\n <LayerProvider layerRef={containerRef}>\n <ModalProvider value={contextValue}>\n {createPortal(\n <FocusLockComponent returnFocus autoFocus={autoFocus} whiteList={handleFocusLockWhiteList}>\n <div ref={containerRef} className={styles.container} style={zIndexStyle}>\n <motion.div\n variants={modalAnimationOverlayVariants}\n initial=\"initial\"\n animate=\"enter\"\n exit=\"exit\"\n data-testid={getTestId(ComponentDefaultTestId.MODAL_NEXT_OVERLAY, id)}\n className={styles.overlay}\n onClick={onBackdropClick}\n aria-hidden\n />\n <RemoveScroll forwardProps ref={modalMergedRef}>\n <motion.div\n variants={modalAnimationVariants}\n initial=\"exit\"\n animate=\"enter\"\n exit=\"exit\"\n custom={anchorElementRef}\n className={cx(\n styles.modal,\n getStyle(styles, camelCase(\"size-\" + size)),\n { [styles.withHeaderAction]: !!renderHeaderAction },\n className\n )}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_NEXT, id)}\n role=\"dialog\"\n aria-modal\n aria-labelledby={ariaLabelledby \|\| titleId}\n aria-describedby={ariaDescribedby \|\| descriptionId}\n style={style}\n onKeyDown={onModalKeyDown}\n tabIndex={-1}\n >\n {children}\n <ModalTopActions\n renderAction={renderHeaderAction}\n theme={closeButtonTheme}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onClose={onClose}\n />\n </motion.div>\n </RemoveScroll>\n </div>\n </FocusLockComponent>,\n portalTargetElement\n )}\n </ModalProvider>\n </LayerProvider>\n )}\n </AnimatePresence>\n );\n }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","_ref$autoFocus","autoFocus","onFocusAttempt","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","modalAnimationVariants","modalAnimationFullViewVariants","current","modalAnimationAnchorPopVariants","modalAnimationCenterPopVariants","zIndexStyle","handleFocusLockWhiteList","nextFocusedElement","outcome","HTMLElement","focus","React","createElement","AnimatePresence","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","whiteList","styles","motion","div","variants","modalAnimationOverlayVariants","initial","animate","exit","getTestId","ComponentDefaultTestId","MODAL_NEXT_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","custom","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","MODAL_NEXT","role","onKeyDown","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={container:"container_a344a8fcb8",overlay:"overlay_8826a70602",modal:"modal_dcfd1d5df2",withHeaderAction:"withHeaderAction_b5131356d7",sizeSmall:"sizeSmall_a0f32eba2f",sizeMedium:"sizeMedium_f5b684a4e4",sizeLarge:"sizeLarge_c03d72d3d8",sizeFullView:"sizeFullView_2b476e3d75"};!function(n){const e="s_id-1ca56cdae57e_3_16_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_a344a8fcb8 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_8826a70602 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--color-surface);\n}\n\n.modal_dcfd1d5df2 {\n  --top-actions-margin-inline: var(--spacing-large);\n  --top-actions-margin-block: var(--spacing-large);\n  --top-actions-width: var(--spacing-xl);\n  --modal-inline-padding: var(--spacing-xl);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_dcfd1d5df2.withHeaderAction_b5131356d7 {\n  --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_dcfd1d5df2.sizeSmall_a0f32eba2f {\n  --modal-max-height: 50%;\n  --modal-width: 480px;\n}\n\n.modal_dcfd1d5df2.sizeMedium_f5b684a4e4 {\n  --modal-max-height: 80%;\n  --modal-width: 580px;\n}\n\n.modal_dcfd1d5df2.sizeLarge_c03d72d3d8 {\n  --modal-max-height: 80%;\n  --modal-width: 840px;\n}\n\n.modal_dcfd1d5df2.sizeFullView_2b476e3d75 {\n  --top-actions-margin-inline: var(--spacing-xl);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: 40px;\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}");export{n as default};
+var e={container:"container_861875eb91",overlay:"overlay_2e2c86d604",modal:"modal_e56efabdec",withHeaderAction:"withHeaderAction_56e5134e58",sizeSmall:"sizeSmall_9a334b988e",sizeMedium:"sizeMedium_7879d1d44d",sizeLarge:"sizeLarge_73894203c8",sizeFullView:"sizeFullView_432741f2ec"};!function(e){const n="s_id-1ca56cdae57e_3_17_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_861875eb91 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_2e2c86d604 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--color-surface);\n}\n\n.modal_e56efabdec {\n  --top-actions-margin-inline: var(--spacing-large);\n  --top-actions-margin-block: var(--spacing-large);\n  --top-actions-width: var(--spacing-xl);\n  --modal-inline-padding: var(--spacing-xl);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_e56efabdec.withHeaderAction_56e5134e58 {\n  --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_e56efabdec.sizeSmall_9a334b988e {\n  --modal-max-height: 50%;\n  --modal-width: 480px;\n}\n\n.modal_e56efabdec.sizeMedium_7879d1d44d {\n  --modal-max-height: 80%;\n  --modal-width: 580px;\n}\n\n.modal_e56efabdec.sizeLarge_73894203c8 {\n  --modal-max-height: 80%;\n  --modal-width: 840px;\n}\n\n.modal_e56efabdec.sizeFullView_432741f2ec {\n  --top-actions-margin-inline: var(--spacing-xl);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: 40px;\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}");export{e as default};
 //# sourceMappingURL=Modal.module.scss.js.map

package/dist/src/components/Modal/ModalContent/ModalContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{forwardRef as s}from"react";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as e}from"../../../tests/constants.js";var r=s((function(s,r){var d=s.children,i=s.id;return t.createElement("div",{ref:r,className:s.className,id:i,"data-testid":s["data-testid"]||a(e.MODAL_NEXT_CONTENT,i),"data-autofocus-inside":!0},d)}));export{r as default};
+import t,{forwardRef as s}from"react";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as e}from"../../../tests/constants.js";import{useModal as o}from"../context/ModalContext.js";var r=s((function(s,r){var d=s.children,i=s.className,m=s.id,c=s["data-testid"],n=o().autoFocus;return t.createElement("div",{ref:r,className:i,id:m,"data-testid":c||a(e.MODAL_NEXT_CONTENT,m),"data-autofocus-inside":n},d)}));export{r as default};
 //# sourceMappingURL=ModalContent.js.map

package/dist/src/components/Modal/ModalContent/ModalContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalContent.js","sources":["../../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { ModalContentProps } from \"./ModalContent.types\";\n\nconst ModalContent = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalContentProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n return (\n <div\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_NEXT_CONTENT, id)}\n data-autofocus-inside={~~true~~}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default ModalContent;\n"],"names":["ModalContent","forwardRef","_ref","ref","children","id","~~React~~","~~createElement~~","~~className~~","getTestId","ComponentDefaultTestId","MODAL_NEXT_CONTENT"],"mappings":"~~iKAKMA~~,IAAAA,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,~~SAAqBC~~,~~EAAEH~~,~~EAAFG~~,~~GAGvB~~,~~OACEC~~,EAAAC,cAAA,MAAA,~~CACEJ~~,IAAKA,~~EACLK~~,~~UANiBN~~,~~EAATM~~,~~UAORH,~~GAAIA,EACS,~~cARmCH~~,~~EAAzB~~,~~gBAQIO,~~EAAUC,EAAuBC,~~mBAAoBN~~,GAAG,~~yBAC5D~~,~~GAEtBD~~,EAGP"}
1	+ {"version":3,"file":"ModalContent.js","sources":["../../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { ModalContentProps } from \"./ModalContent.types\";\nimport { useModal } from \"../context/ModalContext\";\n\nconst ModalContent = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalContentProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { autoFocus } = useModal();\n return (\n <div\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_NEXT_CONTENT, id)}\n data-autofocus-inside={autoFocus}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default ModalContent;\n"],"names":["ModalContent","forwardRef","_ref","ref","children","className","id","dataTestId","autoFocus","useModal","React","createElement","getTestId","ComponentDefaultTestId","MODAL_NEXT_CONTENT"],"mappings":"uNAMMA,IAAAA,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAGnBM,EAAcC,IAAdD,UACR,OACEE,EAAAC,cAAA,MAAA,CACER,IAAKA,EACLE,UAAWA,EACXC,GAAIA,EACS,cAAAC,GAAcK,EAAUC,EAAuBC,mBAAoBR,GAAG,wBAC5DE,GAEtBJ,EAGP"}

package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={header:"header_ddbbf6cd63",title:"title_da56791f03",descriptionIcon:"descriptionIcon_e50401c7da"};!function(e){const d="s_id-9882eed3e38d_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".header_ddbbf6cd63 {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_ddbbf6cd63 .title_da56791f03 {\n  width: 100%;\n}\n.header_ddbbf6cd63 .descriptionIcon_e50401c7da {\n  flex-shrink: 0;\n  margin-inline-end: var(--spacing-xs);\n  color: var(--icon-color);\n}");export{e as default};
+var e={header:"header_4166f2e5db",title:"title_3484c0b496",descriptionIcon:"descriptionIcon_37db7f1b96"};!function(e){const n="s_id-9882eed3e38d_3_17_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header_4166f2e5db {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_4166f2e5db .title_3484c0b496 {\n  width: 100%;\n}\n.header_4166f2e5db .descriptionIcon_37db7f1b96 {\n  flex-shrink: 0;\n  margin-inline-end: var(--spacing-xs);\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=ModalHeader.module.scss.js.map

package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={media:"media_ccf997ad58"};!function(e){const t="s_id-17d5de3a21d7_3_16_0";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)}(".media_ccf997ad58 {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
+var e={media:"media_0e5d4243f9"};!function(e){const t="s_id-17d5de3a21d7_3_17_1";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)}(".media_0e5d4243f9 {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
 //# sourceMappingURL=ModalMedia.module.scss.js.map

package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={actions:"actions_c44a8bfe70"};!function(e){const t="s_id-86629ffbaf1c_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actions_c44a8bfe70 {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
+var e={actions:"actions_2635ad64e3"};!function(e){const t="s_id-86629ffbaf1c_3_17_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actions_2635ad64e3 {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
 //# sourceMappingURL=ModalTopActions.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={primary:"primary_dd2b035739",secondary:"secondary_5c60f090db"};!function(e){const d="s_id-4cbf6fa94914_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".primary_dd2b035739 {\n  order: 2;\n}\n.primary_dd2b035739:only-child {\n  margin-left: auto;\n}\n.secondary_5c60f090db {\n  order: 1;\n  margin-left: auto;\n}");export{e as default};
+var e={primary:"primary_38ca531f45",secondary:"secondary_72ba67b8c9"};!function(e){const n="s_id-4cbf6fa94914_3_17_1";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)}(".primary_38ca531f45 {\n  order: 2;\n}\n.primary_38ca531f45:only-child {\n  margin-left: auto;\n}\n.secondary_72ba67b8c9 {\n  order: 1;\n  margin-left: auto;\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={footer:"footer_0db703865d"};!function(e){const t="s_id-23913bf713c7_3_16_0";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)}(".footer_0db703865d {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--spacing-large);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={footer:"footer_9db9d7f833"};!function(e){const t="s_id-23913bf713c7_3_17_1";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)}(".footer_9db9d7f833 {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--spacing-large);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=ModalFooterBase.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={primary:"primary_dd2b035739",secondary:"secondary_01bbc99111",stepDots:"stepDots_384c61d302"};!function(e){const n="s_id-51737ad1ac1f_3_16_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_dd2b035739 {\n  order: 2;\n}\n\n.secondary_01bbc99111 {\n  order: 1;\n}\n\n.stepDots_384c61d302 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
+var e={primary:"primary_38ca531f45",secondary:"secondary_e7fb6a362b",stepDots:"stepDots_cf0b026bc0"};!function(e){const n="s_id-51737ad1ac1f_3_17_1";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)}(".primary_38ca531f45 {\n  order: 2;\n}\n\n.secondary_e7fb6a362b {\n  order: 1;\n}\n\n.stepDots_cf0b026bc0 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
 //# sourceMappingURL=ModalFooterWizard.module.scss.js.map