npm - @vibe/core - Versions diffs - 3.0.0-alpha.14 → 3.0.0-alpha.17 - Mend

@vibe/core 3.0.0-alpha.14 → 3.0.0-alpha.17

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 (403) hide show

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_8fe54920e7","focus-visible":"focus-visible_890b73a298",disabled:"disabled_47ab852da9",disableTextSelection:"disableTextSelection_d8acdf093a",clickableWrapper:"clickableWrapper_8fe54920e7",label:"label_c8bd5e72f1",small:"small_31317d17c7",withLeg:"withLeg_f12788b071",legWrapper:"legWrapper_33460b02fa",kindFill:"kindFill_9cf60949e5",colorPrimary:"colorPrimary_9d42663fc7",colorDark:"colorDark_2d3543ab5a",colorNegative:"colorNegative_c2da0cbaa9",colorPositive:"colorPositive_4de26c2525",kindLine:"kindLine_d0bd87995c",smallText:"smallText_7481ad213b"};!function(e){const n="s_id-4bcc4b0ff746_3_0_0-alpha_13";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_8fe54920e7 {\n  cursor: pointer;\n}\n.clickable_8fe54920e7:focus-visible, .clickable_8fe54920e7.focus-visible_890b73a298 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_8fe54920e7:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.clickable_8fe54920e7.disabled_47ab852da9 {\n  cursor: default;\n}\n.disableTextSelection_d8acdf093a {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_8fe54920e7 {\n  cursor: pointer;\n}\n.clickableWrapper_8fe54920e7:focus-visible, .clickableWrapper_8fe54920e7.focus-visible_890b73a298 {\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.clickableWrapper_8fe54920e7:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.clickableWrapper_8fe54920e7:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_c8bd5e72f1 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_c8bd5e72f1.small_31317d17c7 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_f12788b071 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_33460b02fa {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_9cf60949e5.colorPrimary_9d42663fc7 {\n  background-color: var(--primary-color);\n}\n.kindFill_9cf60949e5.colorPrimary_9d42663fc7 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_9cf60949e5.colorPrimary_9d42663fc7.clickable_8fe54920e7:hover, .kindFill_9cf60949e5.colorPrimary_9d42663fc7.clickable_8fe54920e7:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_9cf60949e5.colorDark_2d3543ab5a {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_9cf60949e5.colorDark_2d3543ab5a svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_9cf60949e5.colorNegative_c2da0cbaa9 {\n  background-color: var(--negative-color);\n}\n.kindFill_9cf60949e5.colorNegative_c2da0cbaa9 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_9cf60949e5.colorNegative_c2da0cbaa9.clickable_8fe54920e7:hover, .kindFill_9cf60949e5.colorNegative_c2da0cbaa9.clickable_8fe54920e7:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_9cf60949e5.colorPositive_4de26c2525 {\n  background-color: var(--positive-color);\n}\n.kindFill_9cf60949e5.colorPositive_4de26c2525 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_9cf60949e5.colorPositive_4de26c2525.clickable_8fe54920e7:hover, .kindFill_9cf60949e5.colorPositive_4de26c2525.clickable_8fe54920e7:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_d0bd87995c {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_d0bd87995c .legWrapper_33460b02fa {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_d0bd87995c.colorPrimary_9d42663fc7 {\n  color: var(--primary-color);\n}\n.kindLine_d0bd87995c.colorPrimary_9d42663fc7 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_d0bd87995c.colorPrimary_9d42663fc7.clickable_8fe54920e7:hover, .kindLine_d0bd87995c.colorPrimary_9d42663fc7.clickable_8fe54920e7:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_d0bd87995c.colorDark_2d3543ab5a {\n  color: var(--inverted-color-background);\n}\n.kindLine_d0bd87995c.colorDark_2d3543ab5a svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_d0bd87995c.colorDark_2d3543ab5a.clickable_8fe54920e7:hover, .kindLine_d0bd87995c.colorDark_2d3543ab5a.clickable_8fe54920e7:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_d0bd87995c.colorNegative_c2da0cbaa9 {\n  color: var(--negative-color);\n}\n.kindLine_d0bd87995c.colorNegative_c2da0cbaa9 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_d0bd87995c.colorNegative_c2da0cbaa9.clickable_8fe54920e7:hover, .kindLine_d0bd87995c.colorNegative_c2da0cbaa9.clickable_8fe54920e7:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_d0bd87995c.colorPositive_4de26c2525 {\n  color: var(--positive-color);\n}\n.kindLine_d0bd87995c.colorPositive_4de26c2525 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_d0bd87995c.colorPositive_4de26c2525.clickable_8fe54920e7:hover, .kindLine_d0bd87995c.colorPositive_4de26c2525.clickable_8fe54920e7:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_d0bd87995c .smallText_7481ad213b {\n  line-height: 14px;\n}");export{e as default};
+var e={clickable:"clickable_ceaee33e40","focus-visible":"focus-visible_dac054f1c7",disabled:"disabled_6c8b3373a5",disableTextSelection:"disableTextSelection_c322760bf0",clickableWrapper:"clickableWrapper_ceaee33e40",label:"label_0136feecc2",small:"small_5e36c48ba5",withLeg:"withLeg_14a629ee93",legWrapper:"legWrapper_bbdec4427f",kindFill:"kindFill_1e0d5441b5",colorPrimary:"colorPrimary_01b8e2111a",colorDark:"colorDark_d664c78f47",colorNegative:"colorNegative_d3d5c70efc",colorPositive:"colorPositive_9bc83eb02e",kindLine:"kindLine_f9ab24e845",smallText:"smallText_6f023f14a5"};!function(e){const n="s_id-4bcc4b0ff746_3_0_0-alpha_15";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_ceaee33e40 {\n  cursor: pointer;\n}\n.clickable_ceaee33e40:focus-visible, .clickable_ceaee33e40.focus-visible_dac054f1c7 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_ceaee33e40:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.clickable_ceaee33e40.disabled_6c8b3373a5 {\n  cursor: default;\n}\n.disableTextSelection_c322760bf0 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_ceaee33e40 {\n  cursor: pointer;\n}\n.clickableWrapper_ceaee33e40:focus-visible, .clickableWrapper_ceaee33e40.focus-visible_dac054f1c7 {\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.clickableWrapper_ceaee33e40:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.clickableWrapper_ceaee33e40:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_0136feecc2 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_0136feecc2.small_5e36c48ba5 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_14a629ee93 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_bbdec4427f {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_1e0d5441b5.colorPrimary_01b8e2111a {\n  background-color: var(--primary-color);\n}\n.kindFill_1e0d5441b5.colorPrimary_01b8e2111a svg path {\n  fill: var(--primary-color);\n}\n.kindFill_1e0d5441b5.colorPrimary_01b8e2111a.clickable_ceaee33e40:hover, .kindFill_1e0d5441b5.colorPrimary_01b8e2111a.clickable_ceaee33e40:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_1e0d5441b5.colorDark_d664c78f47 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_1e0d5441b5.colorDark_d664c78f47 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_1e0d5441b5.colorNegative_d3d5c70efc {\n  background-color: var(--negative-color);\n}\n.kindFill_1e0d5441b5.colorNegative_d3d5c70efc svg path {\n  fill: var(--negative-color);\n}\n.kindFill_1e0d5441b5.colorNegative_d3d5c70efc.clickable_ceaee33e40:hover, .kindFill_1e0d5441b5.colorNegative_d3d5c70efc.clickable_ceaee33e40:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_1e0d5441b5.colorPositive_9bc83eb02e {\n  background-color: var(--positive-color);\n}\n.kindFill_1e0d5441b5.colorPositive_9bc83eb02e svg path {\n  fill: var(--positive-color);\n}\n.kindFill_1e0d5441b5.colorPositive_9bc83eb02e.clickable_ceaee33e40:hover, .kindFill_1e0d5441b5.colorPositive_9bc83eb02e.clickable_ceaee33e40:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_f9ab24e845 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_f9ab24e845 .legWrapper_bbdec4427f {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_f9ab24e845.colorPrimary_01b8e2111a {\n  color: var(--primary-color);\n}\n.kindLine_f9ab24e845.colorPrimary_01b8e2111a svg path {\n  fill: var(--primary-color);\n}\n.kindLine_f9ab24e845.colorPrimary_01b8e2111a.clickable_ceaee33e40:hover, .kindLine_f9ab24e845.colorPrimary_01b8e2111a.clickable_ceaee33e40:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_f9ab24e845.colorDark_d664c78f47 {\n  color: var(--inverted-color-background);\n}\n.kindLine_f9ab24e845.colorDark_d664c78f47 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_f9ab24e845.colorDark_d664c78f47.clickable_ceaee33e40:hover, .kindLine_f9ab24e845.colorDark_d664c78f47.clickable_ceaee33e40:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_f9ab24e845.colorNegative_d3d5c70efc {\n  color: var(--negative-color);\n}\n.kindLine_f9ab24e845.colorNegative_d3d5c70efc svg path {\n  fill: var(--negative-color);\n}\n.kindLine_f9ab24e845.colorNegative_d3d5c70efc.clickable_ceaee33e40:hover, .kindLine_f9ab24e845.colorNegative_d3d5c70efc.clickable_ceaee33e40:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_f9ab24e845.colorPositive_9bc83eb02e {\n  color: var(--positive-color);\n}\n.kindLine_f9ab24e845.colorPositive_9bc83eb02e svg path {\n  fill: var(--positive-color);\n}\n.kindLine_f9ab24e845.colorPositive_9bc83eb02e.clickable_ceaee33e40:hover, .kindLine_f9ab24e845.colorPositive_9bc83eb02e.clickable_ceaee33e40:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_f9ab24e845 .smallText_6f023f14a5 {\n  line-height: 14px;\n}");export{e as default};
 //# sourceMappingURL=Label.module.scss.js.map

package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_f703f7352a",svg:"svg_9e36886400",stroke:"stroke_94ee4ce486","stroke-rotate":"stroke-rotate_66ce7d43ca",base:"base_d7a29fd1e1",fade:"fade_a52f9886ff",first:"first_2ee16280b9",second:"second_0ec6dc2cdf",third:"third_c9310909af","gradient-text-fill":"gradient-text-fill_003a3f4fcc"};!function(e){const n="s_id-cc5df975abc6_3_0_0-alpha_13";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_f703f7352a {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_f703f7352a .svg_9e36886400 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_f703f7352a .svg_9e36886400 .stroke_94ee4ce486 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_66ce7d43ca cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_f703f7352a .svg_9e36886400 .stroke_94ee4ce486.base_d7a29fd1e1 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_a52f9886ff 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_f703f7352a .svg_9e36886400 .stroke_94ee4ce486.first_2ee16280b9 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_f703f7352a .svg_9e36886400 .stroke_94ee4ce486.second_0ec6dc2cdf {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_f703f7352a .svg_9e36886400 .stroke_94ee4ce486.third_c9310909af {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_f703f7352a.celebration_f703f7352a [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_003a3f4fcc 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_a52f9886ff {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_66ce7d43ca {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_003a3f4fcc {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
+var e={celebration:"celebration_8cedaf5ffd",svg:"svg_55d951b6d3",stroke:"stroke_a9c39f0b66","stroke-rotate":"stroke-rotate_fe65c5bbe0",base:"base_705a2eb7eb",fade:"fade_708329a459",first:"first_782db9b9bb",second:"second_25feb8b11f",third:"third_8c403c699c","gradient-text-fill":"gradient-text-fill_bf140a2401"};!function(e){const n="s_id-cc5df975abc6_3_0_0-alpha_15";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_8cedaf5ffd {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_8cedaf5ffd .svg_55d951b6d3 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_8cedaf5ffd .svg_55d951b6d3 .stroke_a9c39f0b66 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_fe65c5bbe0 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_8cedaf5ffd .svg_55d951b6d3 .stroke_a9c39f0b66.base_705a2eb7eb {\n  stroke: var(--color-egg_yolk);\n  animation: fade_708329a459 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_8cedaf5ffd .svg_55d951b6d3 .stroke_a9c39f0b66.first_782db9b9bb {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_8cedaf5ffd .svg_55d951b6d3 .stroke_a9c39f0b66.second_25feb8b11f {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_8cedaf5ffd .svg_55d951b6d3 .stroke_a9c39f0b66.third_8c403c699c {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_8cedaf5ffd.celebration_8cedaf5ffd [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_bf140a2401 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_708329a459 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_fe65c5bbe0 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_bf140a2401 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
 //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={link:"link_6437fa1b40","focus-visible":"focus-visible_890b73a298",text:"text_c948baaba1",inlineText:"inlineText_20fbf3202e",inheritFontSize:"inheritFontSize_73e13c304e",iconStart:"iconStart_27805cc4ac",iconEnd:"iconEnd_60ac7c1e73"};!function(n){const i="s_id-c911448248db_3_0_0-alpha_13";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_6437fa1b40 {\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_6437fa1b40:focus-visible, .link_6437fa1b40.focus-visible_890b73a298 {\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_6437fa1b40:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.link_6437fa1b40:hover .text_c948baaba1 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_6437fa1b40.inlineText_20fbf3202e {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_6437fa1b40.inheritFontSize_73e13c304e {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_27805cc4ac {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_60ac7c1e73 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_27805cc4ac {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_60ac7c1e73 {\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_480ca62406","focus-visible":"focus-visible_dac054f1c7",text:"text_20d2a4b4b5",inlineText:"inlineText_91e739d7b5",inheritFontSize:"inheritFontSize_c6538cec61",iconStart:"iconStart_1760d8a237",iconEnd:"iconEnd_cc72fefac9"};!function(n){const i="s_id-c911448248db_3_0_0-alpha_15";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_480ca62406 {\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_480ca62406:focus-visible, .link_480ca62406.focus-visible_dac054f1c7 {\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_480ca62406:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.link_480ca62406:hover .text_20d2a4b4b5 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_480ca62406.inlineText_91e739d7b5 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_480ca62406.inheritFontSize_c6538cec61 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_1760d8a237 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_cc72fefac9 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_1760d8a237 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_cc72fefac9 {\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_58cfc5fa7c"};!function(e){const t="s_id-ed9bf484fec4_3_0_0-alpha_13";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_58cfc5fa7c {\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_58cfc5fa7c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_58cfc5fa7c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_7e64cc71fd"};!function(e){const t="s_id-ed9bf484fec4_3_0_0-alpha_15";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_7e64cc71fd {\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_7e64cc71fd::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_7e64cc71fd::-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_5aa8d5d8e9"};!function(e){const n="s_id-6ed55dee5450_3_0_0-alpha_13";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_5aa8d5d8e9 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_5aa8d5d8e9::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_5aa8d5d8e9::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_dd3383479a"};!function(e){const n="s_id-6ed55dee5450_3_0_0-alpha_15";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_dd3383479a {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_dd3383479a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_dd3383479a::-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_d266a1c4c4","focus-visible":"focus-visible_831ce8703a",disabled:"disabled_70525e92f3",selected:"selected_650bdf0309",small:"small_69fa063d01",medium:"medium_842c5b01ff",large:"large_7a5cc174c1"};!function(e){const n="s_id-8402a299d384_3_0_0-alpha_13";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,c.firstChild?c.insertBefore(d,c.firstChild):c.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_d266a1c4c4 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_d266a1c4c4:focus-visible, .listItem_d266a1c4c4.focus-visible_831ce8703a {\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_d266a1c4c4:focus:not(.focus-visible_831ce8703a) {\n  outline: none;\n}\n.listItem_d266a1c4c4:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_70525e92f3 {\n  cursor: not-allowed;\n}\n.disabled_70525e92f3:hover {\n  background-color: transparent;\n}\n.selected_650bdf0309 {\n  background-color: var(--primary-selected-color);\n}\n.selected_650bdf0309:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_69fa063d01 {\n  height: 32px;\n}\n.medium_842c5b01ff {\n  height: 40px;\n}\n.large_7a5cc174c1 {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_4975dee736","focus-visible":"focus-visible_9dd1d86441",disabled:"disabled_04cd6074b6",selected:"selected_7719befac1",small:"small_712813bcb2",medium:"medium_68960a26da",large:"large_c06acd54d6"};!function(e){const n="s_id-8402a299d384_3_0_0-alpha_15";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_4975dee736 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_4975dee736:focus-visible, .listItem_4975dee736.focus-visible_9dd1d86441 {\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_4975dee736:focus:not(.focus-visible_9dd1d86441) {\n  outline: none;\n}\n.listItem_4975dee736:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_04cd6074b6 {\n  cursor: not-allowed;\n}\n.disabled_04cd6074b6:hover {\n  background-color: transparent;\n}\n.selected_7719befac1 {\n  background-color: var(--primary-selected-color);\n}\n.selected_7719befac1:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_712813bcb2 {\n  height: 32px;\n}\n.medium_68960a26da {\n  height: 40px;\n}\n.large_c06acd54d6 {\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_ba42ee0f80",avatar:"avatar_7d20b67268"};!function(e){const t="s_id-64054545c9e6_3_0_0-alpha_13";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_ba42ee0f80 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_7d20b67268 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_3ada3794d6",avatar:"avatar_f009bc5676"};!function(e){const t="s_id-64054545c9e6_3_0_0-alpha_15";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_3ada3794d6 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_f009bc5676 {\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_ba42ee0f80",start:"start_171f47777f",end:"end_81fa4ef798"};!function(e){const t="s_id-0831d1bc0202_3_0_0-alpha_13";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_ba42ee0f80 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_171f47777f {\n  margin-right: var(--spacing-small);\n}\n\n.end_81fa4ef798 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_3ada3794d6",start:"start_6f33d3e604",end:"end_aa48d31f91"};!function(e){const t="s_id-0831d1bc0202_3_0_0-alpha_15";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_3ada3794d6 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_6f33d3e604 {\n  margin-right: var(--spacing-small);\n}\n\n.end_aa48d31f91 {\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_37571540e1"};!function(e){const t="s_id-d4e0bfe7508e_3_0_0-alpha_13";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_37571540e1 {\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_4402410054"};!function(e){const t="s_id-d4e0bfe7508e_3_0_0-alpha_15";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_4402410054 {\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_3ff4cdfaff",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_c92143f281",circleLoaderSpinner:"circleLoaderSpinner_ecc8a0d07b",rotate:"rotate_537c488532",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_f55bd26cf6",dash:"dash_c85c311143"};!function(e){const n="s_id-dcd4d8f866fa_3_0_0-alpha_13";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_3ff4cdfaff {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_3ff4cdfaff .circleLoaderSpinnerBackground_c92143f281 {\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_3ff4cdfaff .circleLoaderSpinner_ecc8a0d07b {\n  animation: rotate_537c488532 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_3ff4cdfaff .circleLoaderSpinner_ecc8a0d07b .circleLoaderSpinnerPath_f55bd26cf6 {\n  animation: dash_c85c311143 1s infinite;\n}\n@keyframes rotate_537c488532 {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_c85c311143 {\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_e4e1f97f4b",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_1daf380dc3",circleLoaderSpinner:"circleLoaderSpinner_6650bfdee4",rotate:"rotate_3032b22fcc",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_ed8a16ddf0",dash:"dash_350d60ee65"};!function(e){const n="s_id-dcd4d8f866fa_3_0_0-alpha_15";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_e4e1f97f4b {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_e4e1f97f4b .circleLoaderSpinnerBackground_1daf380dc3 {\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_e4e1f97f4b .circleLoaderSpinner_6650bfdee4 {\n  animation: rotate_3032b22fcc 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_e4e1f97f4b .circleLoaderSpinner_6650bfdee4 .circleLoaderSpinnerPath_ed8a16ddf0 {\n  animation: dash_350d60ee65 1s infinite;\n}\n@keyframes rotate_3032b22fcc {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_350d60ee65 {\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_e6c5d76c8f",small:"small_beece6d91d",medium:"medium_7ffb2ca1a8",large:"large_12f0f6da66"};!function(e){const n="s_id-1599ba0bb296_3_0_0-alpha_13";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_e6c5d76c8f {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu_e6c5d76c8f:focus {\n  outline: none;\n}\n\n.small_beece6d91d {\n  width: 200px;\n}\n\n.medium_7ffb2ca1a8 {\n  width: 220px;\n}\n\n.large_12f0f6da66 {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu_18bd243d67",small:"small_764b342778",medium:"medium_668eabf37a",large:"large_e387b904b1"};!function(e){const n="s_id-1599ba0bb296_3_0_0-alpha_15";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_18bd243d67 {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu_18bd243d67:focus {\n  outline: none;\n}\n\n.small_764b342778 {\n  width: 200px;\n}\n\n.medium_668eabf37a {\n  width: 220px;\n}\n\n.large_e387b904b1 {\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_5fd84233f2"};!function(e){const d="s_id-d277a91266dd_3_0_0-alpha_13";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_5fd84233f2 {\n  width: 100%;\n  padding: 0 var(--spacing-small);\n}");export{e as default};
+var e={menuChildDivider:"menuChildDivider_0b7ddc4c1b"};!function(e){const d="s_id-d277a91266dd_3_0_0-alpha_15";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_0b7ddc4c1b {\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_6eb87a57bd"};!function(e){const t="s_id-b06386a2bb6c_3_0_0-alpha_13";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_6eb87a57bd {\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_7430161e7f"};!function(e){const t="s_id-b06386a2bb6c_3_0_0-alpha_15";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_7430161e7f {\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_77a0dc3d08",splitMenuItem:"splitMenuItem_ba766b217b",disabled:"disabled_bf7b0f7f65",focused:"focused_7ba3c986d0",initialSelected:"initialSelected_268f5d40d4",selected:"selected_5e9cbe5bf0"};!function(e){const n="s_id-680488cf82d9_3_0_0-alpha_13";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_77a0dc3d08 {\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_77a0dc3d08.splitMenuItem_ba766b217b {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_77a0dc3d08.disabled_bf7b0f7f65 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_77a0dc3d08.focused_7ba3c986d0:not(.disabled_bf7b0f7f65) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_77a0dc3d08.focused_7ba3c986d0:not(.disabled_bf7b0f7f65):not(:hover):not(.initialSelected_268f5d40d4) {\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_77a0dc3d08.selected_5e9cbe5bf0:not(.disabled_bf7b0f7f65) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item_17d2200541",splitMenuItem:"splitMenuItem_7e88401917",disabled:"disabled_114c4dd0dc",focused:"focused_04acf1c333",initialSelected:"initialSelected_c53faa56df",selected:"selected_58b34dbddb"};!function(e){const d="s_id-680488cf82d9_3_0_0-alpha_15";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_17d2200541 {\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_17d2200541.splitMenuItem_7e88401917 {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_17d2200541.disabled_114c4dd0dc {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_17d2200541.focused_04acf1c333:not(.disabled_114c4dd0dc) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_17d2200541.focused_04acf1c333:not(.disabled_114c4dd0dc):not(:hover):not(.initialSelected_c53faa56df) {\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_17d2200541.selected_58b34dbddb:not(.disabled_114c4dd0dc) {\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_171f47777f",withBackgroundColor:"withBackgroundColor_803225e3b0",disabled:"disabled_7fb86b7540",icon:"icon_bee1ddb893",selected:"selected_4b39440917"};!function(e){const o="s_id-f26daa2191ad_3_0_0-alpha_13";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_171f47777f {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_171f47777f.withBackgroundColor_803225e3b0 {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_171f47777f.withBackgroundColor_803225e3b0.disabled_7fb86b7540 {\n  opacity: 0.4;\n}\n.iconWrapper_171f47777f.withBackgroundColor_803225e3b0 .icon_bee1ddb893 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_171f47777f.disabled_7fb86b7540 .icon_bee1ddb893 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_171f47777f .icon_bee1ddb893 {\n  color: var(--icon-color);\n}\n.iconWrapper_171f47777f .icon_bee1ddb893.selected_4b39440917 {\n  color: var(--primary-color);\n}");export{e as default};
+var e={iconWrapper:"iconWrapper_6f33d3e604",withBackgroundColor:"withBackgroundColor_c0a0c65a98",disabled:"disabled_7f8dd91af8",icon:"icon_59070dad64",selected:"selected_5806e61a70"};!function(e){const a="s_id-f26daa2191ad_3_0_0-alpha_15";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".iconWrapper_6f33d3e604 {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_6f33d3e604.withBackgroundColor_c0a0c65a98 {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_6f33d3e604.withBackgroundColor_c0a0c65a98.disabled_7f8dd91af8 {\n  opacity: 0.4;\n}\n.iconWrapper_6f33d3e604.withBackgroundColor_c0a0c65a98 .icon_59070dad64 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_6f33d3e604.disabled_7f8dd91af8 .icon_59070dad64 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_6f33d3e604 .icon_59070dad64 {\n  color: var(--icon-color);\n}\n.iconWrapper_6f33d3e604 .icon_59070dad64.selected_5806e61a70 {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as o}from"react";import e from"classnames";import r from"../../../../Divider/Divider.js";import s from"../../../../Icon/Icon.js";import n from"../../../../Flex/Flex.js";import c from"../../../../IconButton/IconButton.js";import"../../../../../../icons/dist/_virtual/_tslib.js";import"../../../../../../icons/dist/react/AddSmall.js";import"../../../../../../icons/dist/react/Alert.js";import"../../../../../../icons/dist/react/Check.js";import"../../../../../../icons/dist/react/CloseSmall.js";import"../../../../../../icons/dist/react/DropdownChevronDown.js";import a from"../../../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../../../icons/dist/react/DropdownChevronUp.js";import"../../../../../../icons/dist/react/Info.js";import"../../../../../../icons/dist/react/Menu.js";import"../../../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../../../icons/dist/react/MoveArrowRight.js";import"../../../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../../../icons/dist/react/NoColor.js";import"../../../../../../icons/dist/react/Remove.js";import"../../../../../../icons/dist/react/Search.js";import"../../../../../../icons/dist/react/Sort.js";import"../../../../../../icons/dist/react/SortAscending.js";import"../../../../../../icons/dist/react/SortDescending.js";import"../../../../../../icons/dist/react/Warning.js";import m from"./MenuItemSubMenuIcon.module.scss.js";var d=o((function(o,d){return i.createElement(n,{justify:"center",className:m.subMenuIconWrapper},!0===o.isSplit?i.createElement(i.Fragment,null,i.createElement(r,{direction:"vertical",className:m.divider}),i.createElement(c,{icon:a,className:m.splitMenuItemIconButton,kind:"tertiary",size:null,iconClassName:e(m.splitSubMenuIcon,t({},m.disabled,o.disabled)),tabIndex:-1,ref:d,active:o.active,disabled:o.disabled})):i.createElement(s,{icon:a,iconLabel:o.label,className:m.subMenuIcon,ignoreFocusStyle:!0,iconSize:18}))}));export{d as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as r}from"react";import o from"classnames";import i from"../../../../Divider/Divider.js";import n from"../../../../Icon/Icon.js";import s from"../../../../Flex/Flex.js";import a from"../../../../IconButton/IconButton.js";import l from"./MenuItemSubMenuIcon.module.scss.js";import c from"../../../../../../icons/dist/react/DropdownChevronRight.js";var m=r((function(r,m){return t.createElement(s,{justify:"center",className:l.subMenuIconWrapper},!0===r.isSplit?t.createElement(t.Fragment,null,t.createElement(i,{direction:"vertical",className:l.divider}),t.createElement(a,{icon:c,className:l.splitMenuItemIconButton,kind:"tertiary",size:null,iconClassName:o(l.splitSubMenuIcon,e({},l.disabled,r.disabled)),tabIndex:-1,ref:m,active:r.active,disabled:r.disabled})):t.createElement(n,{icon:c,iconLabel:r.label,className:l.subMenuIcon,ignoreFocusStyle:!0,iconSize:18}))}));export{m as default};
 //# sourceMappingURL=MenuItemSubMenuIcon.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItemSubMenuIcon.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport Divider from \"../../../../Divider/Divider\";\nimport Icon from \"../../../../Icon/Icon\";\nimport Flex from \"../../../../Flex/Flex\";\nimport IconButton from \"../../../../IconButton/IconButton\";\nimport { DropdownChevronRight } from \"@vibe/icons\";\nimport styles from \"./MenuItemSubMenuIcon.module.scss\";\nimport { MenuItemSubMenuIconProps } from \"./MenuItemSubMenuIcon.types\";\n\nconst MenuItemSubMenuIcon = forwardRef((props: MenuItemSubMenuIconProps, ref: React.ForwardedRef<HTMLDivElement>) => (\n <Flex justify=\"center\" className={styles.subMenuIconWrapper}>\n {props.isSplit === true ? (\n <>\n <Divider direction=\"vertical\" className={styles.divider} />\n <IconButton\n icon={DropdownChevronRight}\n className={styles.splitMenuItemIconButton}\n kind=\"tertiary\"\n size={null} // Customizing size via className\n iconClassName={cx(styles.splitSubMenuIcon, { [styles.disabled]: props.disabled })}\n tabIndex={-1}\n ref={ref}\n active={props.active}\n disabled={props.disabled}\n />\n </>\n ) : (\n <Icon\n icon={DropdownChevronRight}\n iconLabel={props.label}\n className={styles.subMenuIcon}\n ignoreFocusStyle\n iconSize={18}\n />\n )}\n </Flex>\n));\n\nexport default MenuItemSubMenuIcon;\n"],"names":["MenuItemSubMenuIcon","forwardRef","props","ref","React","createElement","Flex","justify","className","styles","subMenuIconWrapper","isSplit","Fragment","Divider","direction","divider","IconButton","icon","DropdownChevronRight","splitMenuItemIconButton","kind","size","iconClassName","cx","splitSubMenuIcon","_defineProperty","disabled","tabIndex","active","Icon","iconLabel","label","subMenuIcon","ignoreFocusStyle","iconSize"],"mappings":"~~qkDAUA~~,IAAMA,EAAsBC,GAAW,SAACC,EAAiCC,GAAuC,OAC9GC,EAAAC,cAACC,EAAK,CAAAC,QAAQ,SAASC,UAAWC,EAAOC,qBACpB,IAAlBR,EAAMS,QACLP,EAAAC,cAAAD,EAAAQ,SAAA,KACER,EAACC,cAAAQ,EAAQ,CAAAC,UAAU,WAAWN,UAAWC,EAAOM,UAChDX,EAACC,cAAAW,GACCC,KAAMC,EACNV,UAAWC,EAAOU,wBAClBC,KAAK,WACLC,KAAM,KACNC,cAAeC,EAAGd,EAAOe,iBAAgBC,EAAKhB,GAAAA,EAAOiB,SAAWxB,EAAMwB,WACtEC,UAAW,EACXxB,IAAKA,EACLyB,OAAQ1B,EAAM0B,OACdF,SAAUxB,EAAMwB,YAIpBtB,EAAAC,cAACwB,EAAI,CACHZ,KAAMC,EACNY,UAAW5B,EAAM6B,MACjBvB,UAAWC,EAAOuB,YAClBC,kBAAgB,EAChBC,SAAU,KAGT"}
1	+ {"version":3,"file":"MenuItemSubMenuIcon.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport Divider from \"../../../../Divider/Divider\";\nimport Icon from \"../../../../Icon/Icon\";\nimport Flex from \"../../../../Flex/Flex\";\nimport IconButton from \"../../../../IconButton/IconButton\";\nimport { DropdownChevronRight } from \"@vibe/icons\";\nimport styles from \"./MenuItemSubMenuIcon.module.scss\";\nimport { MenuItemSubMenuIconProps } from \"./MenuItemSubMenuIcon.types\";\n\nconst MenuItemSubMenuIcon = forwardRef((props: MenuItemSubMenuIconProps, ref: React.ForwardedRef<HTMLDivElement>) => (\n <Flex justify=\"center\" className={styles.subMenuIconWrapper}>\n {props.isSplit === true ? (\n <>\n <Divider direction=\"vertical\" className={styles.divider} />\n <IconButton\n icon={DropdownChevronRight}\n className={styles.splitMenuItemIconButton}\n kind=\"tertiary\"\n size={null} // Customizing size via className\n iconClassName={cx(styles.splitSubMenuIcon, { [styles.disabled]: props.disabled })}\n tabIndex={-1}\n ref={ref}\n active={props.active}\n disabled={props.disabled}\n />\n </>\n ) : (\n <Icon\n icon={DropdownChevronRight}\n iconLabel={props.label}\n className={styles.subMenuIcon}\n ignoreFocusStyle\n iconSize={18}\n />\n )}\n </Flex>\n));\n\nexport default MenuItemSubMenuIcon;\n"],"names":["MenuItemSubMenuIcon","forwardRef","props","ref","React","createElement","Flex","justify","className","styles","subMenuIconWrapper","isSplit","Fragment","Divider","direction","divider","IconButton","icon","DropdownChevronRight","splitMenuItemIconButton","kind","size","iconClassName","cx","splitSubMenuIcon","_defineProperty","disabled","tabIndex","active","Icon","iconLabel","label","subMenuIcon","ignoreFocusStyle","iconSize"],"mappings":"ycAUA,IAAMA,EAAsBC,GAAW,SAACC,EAAiCC,GAAuC,OAC9GC,EAAAC,cAACC,EAAK,CAAAC,QAAQ,SAASC,UAAWC,EAAOC,qBACpB,IAAlBR,EAAMS,QACLP,EAAAC,cAAAD,EAAAQ,SAAA,KACER,EAACC,cAAAQ,EAAQ,CAAAC,UAAU,WAAWN,UAAWC,EAAOM,UAChDX,EAACC,cAAAW,GACCC,KAAMC,EACNV,UAAWC,EAAOU,wBAClBC,KAAK,WACLC,KAAM,KACNC,cAAeC,EAAGd,EAAOe,iBAAgBC,EAAKhB,GAAAA,EAAOiB,SAAWxB,EAAMwB,WACtEC,UAAW,EACXxB,IAAKA,EACLyB,OAAQ1B,EAAM0B,OACdF,SAAUxB,EAAMwB,YAIpBtB,EAAAC,cAACwB,EAAI,CACHZ,KAAMC,EACNY,UAAW5B,EAAM6B,MACjBvB,UAAWC,EAAOuB,YAClBC,kBAAgB,EAChBC,SAAU,KAGT"}

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

@@ -1,2 +1,2 @@
-var e={subMenuIconWrapper:"subMenuIconWrapper_d4d0b35d38",divider:"divider_cda91cbff6",splitSubMenuIcon:"splitSubMenuIcon_f9a4d3eaf4",disabled:"disabled_bf7b0f7f65",subMenuIcon:"subMenuIcon_a89ec1b716",splitMenuItemIconButton:"splitMenuItemIconButton_254edb2d84"};!function(e){const n="s_id-ce61865c18da_3_0_0-alpha_13";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)}(".subMenuIconWrapper_d4d0b35d38 {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_d4d0b35d38 .divider_cda91cbff6 {\n  height: 19px;\n}\n.subMenuIconWrapper_d4d0b35d38 .splitSubMenuIcon_f9a4d3eaf4 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_d4d0b35d38 .splitSubMenuIcon_f9a4d3eaf4.disabled_bf7b0f7f65 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_d4d0b35d38 .subMenuIcon_a89ec1b716,\n.subMenuIconWrapper_d4d0b35d38 .splitSubMenuIcon_f9a4d3eaf4 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_d4d0b35d38 .splitMenuItemIconButton_254edb2d84 {\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_ba651df9f2",divider:"divider_3c679752ae",splitSubMenuIcon:"splitSubMenuIcon_2a08ab0e54",disabled:"disabled_114c4dd0dc",subMenuIcon:"subMenuIcon_6ef16aabea",splitMenuItemIconButton:"splitMenuItemIconButton_802097dc79"};!function(e){const n="s_id-ce61865c18da_3_0_0-alpha_15";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_ba651df9f2 {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_ba651df9f2 .divider_3c679752ae {\n  height: 19px;\n}\n.subMenuIconWrapper_ba651df9f2 .splitSubMenuIcon_2a08ab0e54 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_ba651df9f2 .splitSubMenuIcon_2a08ab0e54.disabled_114c4dd0dc {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_ba651df9f2 .subMenuIcon_6ef16aabea,\n.subMenuIconWrapper_ba651df9f2 .splitSubMenuIcon_2a08ab0e54 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_ba651df9f2 .splitMenuItemIconButton_802097dc79 {\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_32e5c6b623",buttonComponent:"buttonComponent_6912bba9f7",content:"content_3929da85e4"};!function(e){const t="s_id-f631346a82ef_3_0_0-alpha_13";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_32e5c6b623 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_32e5c6b623 .buttonComponent_6912bba9f7 {\n  width: 100%;\n}\n\n.itemButton_32e5c6b623 .buttonComponent_6912bba9f7 .content_3929da85e4 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
+var e={itemButton:"itemButton_223a4118ec",buttonComponent:"buttonComponent_3f6604aec2",content:"content_01c2a1bfc5"};!function(e){const t="s_id-f631346a82ef_3_0_0-alpha_15";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_223a4118ec {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_223a4118ec .buttonComponent_3f6604aec2 {\n  width: 100%;\n}\n\n.itemButton_223a4118ec .buttonComponent_3f6604aec2 .content_01c2a1bfc5 {\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_8a3082a130",titleCaption:"titleCaption_7893ee0745",titleCaptionCenter:"titleCaptionCenter_e639b766dc",titleCaptionBottom:"titleCaptionBottom_1fb3ef8c74",titleCaptionTop:"titleCaptionTop_4390c81f49"};!function(t){const e="s_id-48e3e93eaf49_3_0_0-alpha_13";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_8a3082a130 {\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_7893ee0745 {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter_e639b766dc {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom_1fb3ef8c74,\n.titleCaptionTop_4390c81f49 {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom_1fb3ef8c74 {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter_e639b766dc::before,\n.titleCaptionCenter_e639b766dc::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_75f33b3464",titleCaption:"titleCaption_ef5726f096",titleCaptionCenter:"titleCaptionCenter_9cc05d8769",titleCaptionBottom:"titleCaptionBottom_58167bd793",titleCaptionTop:"titleCaptionTop_192208415d"};!function(t){const n="s_id-48e3e93eaf49_3_0_0-alpha_15";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_75f33b3464 {\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_ef5726f096 {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter_9cc05d8769 {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom_58167bd793,\n.titleCaptionTop_192208415d {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom_58167bd793 {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter_9cc05d8769::before,\n.titleCaptionCenter_9cc05d8769::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 s,useCallback as n,useMemo as a}from"react";import d from"classnames";import{camelCase as c}from"lodash-es";import{isForwardRef as l}from"react-is";import m from"../Dialog/Dialog.js";import p 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 j,MenuButtonComponentPosition as C}from"./MenuButtonConstants.js";import{DialogSize as T,DialogPosition as E,HideShowEvent as S}from"../Dialog/DialogConstants.js";import{NOOP as w}from"../../utils/function-utils.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import y from"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{getStyle as M}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as b,ComponentDefaultTestId as D}from"../../tests/testIds.js";import O from"./MenuButton.module.scss.js";var A={main:8,secondary:0},P=t((function(t,v){var j=t.id,C=t.className,T=t.openDialogComponentClassName,E=t.children,S=t.component,N=void 0===S?y:S,_=t.componentPosition,I=void 0===_?"start":_,x=t.size,R=void 0===x?"small":x,z=t.open,B=void 0!==z&&z,H=t.onClick,L=void 0===H?w:H,k=t.zIndex,K=void 0===k?null:k,U=t.ariaLabel,W=void 0===U?"Menu":U,Y=t.closeMenuOnItemClick,F=t.dialogOffset,V=void 0===F?A:F,q=t.dialogPosition,G=void 0===q?m.positions.BOTTOM_START:q,J=t.dialogClassName,Q=t.dialogPaddingSize,X=void 0===Q?p.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,se=void 0!==re&&re,ne=t.text,ae=t.tooltipContent,de=t.tooltipProps,ce=t.tooltipTriggers,le=void 0===ce?[P.hideTriggers.MOUSE_LEAVE]:ce,me=t.tooltipPosition,pe=void 0===me?"right":me,ge=t.startingEdge,ue=void 0===ge?"bottom":ge,fe=t.removeTabCloseTrigger,he=void 0!==fe&&fe,ve=t.tooltipReferenceClassName,je=t.hideWhenReferenceHidden,Ce=void 0===je||je,Te=t.dialogContainerSelector,Ee=t.active,Se=t.triggerElement,we=void 0===Se?"button":Se,ye=t.showTooltipOnlyOnTriggerElement,Me=t["data-testid"],be=r(null),De=f(v,be),Oe=s(B),Ae=e(Oe,2),Pe=Ae[0],Ne=Ae[1],_e=null!=Ee?Ee:Pe,Ie=n((function(e){oe(),Ne(!1);var o=be.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[oe]),xe=n((function(e){var o="Escape"===(null==e?void 0:e.key);(o||Y)&&e.propagate&&Ie(o)}),[Y,Ie]),Re=n((function(e,o){Ie(o===m.hideShowTriggers.ESCAPE_KEY)}),[Ie]),ze=n((function(){Ne(!0),te()}),[Ne,te]),Be=a((function(){var e=new Set([m.hideShowTriggers.CLICK_OUTSIDE,m.hideShowTriggers.TAB_KEY,m.hideShowTriggers.ESCAPE_KEY]);return he&&e.delete(m.hideShowTriggers.TAB_KEY),[i.Children.toArray(E).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=xe),i.cloneElement(o,t)})),Array.from(e)]}),[E,xe,he]),He=e(Be,2),Le=He[0],ke=He[1],Ke=a((function(){return 0===Le.length?null:i.createElement(p,{size:X,type:p.types.POPOVER},Le)}),[Le,X]),Ue=a((function(){return Object.assign(Object.assign({},A),V)}),[V]),We=N,Ye=a((function(){switch(R){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return h;default:return 24}}),[R]),Fe=We?i.createElement(We,{size:""+Ye,role:"img","aria-hidden":"true"}):null;u((function(){Ne(B)}),[B,Ne]);var Ve="button"===we?{ref:De}:{active:_e,disabled:se,ref:l(we)?De:void 0},qe=i.createElement(we,Object.assign({id:j,"data-testid":Me||b(D.MENU_BUTTON,j),type:"button",className:d(O.wrapper,C,M(O,c("size-".concat(R))),o(o(o(o({},O.active,_e),M(O,T),Pe&&T),O.disabled,se),O.text,ne)),"aria-haspopup":"true","aria-expanded":Pe,"aria-label":!ne&&W,onMouseUp:function(e){se?e.currentTarget.blur():L(e)},"aria-disabled":se},Ve),"start"===I&&Fe,ne&&i.createElement("span",{className:O.innerText},ne),"end"===I&&Fe),Ge=function(e){return i.createElement(m,{wrapperClassName:J,position:G,containerSelector:Te,startingEdge:ue,animationType:"expand",content:Ke,moveBy:Ue,showTrigger:se?[]:["click","enter"],hideTrigger:ke,showTriggerIgnoreClass:Z,hideTriggerIgnoreClass:$,useDerivedStateFromProps:!0,onDialogDidShow:ze,onDialogDidHide:Re,zIndex:K,isOpen:Pe,hideWhenReferenceHidden:Ce},e)},Je=function(e){return i.createElement(g,Object.assign({content:ae,position:pe,showTrigger:"mouseenter",hideTrigger:le,referenceWrapperClassName:ve,hideWhenReferenceHidden:Ce},de),e)};return ye?Ge(Je(qe)):Je(Ge(qe))})),N=v(P,{sizes:j,paddingSizes:T,dialogPositions:E,hideTriggers:S,componentPositions:C});export{N 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 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};
 //# 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}\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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"}

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_8480619a7f","focus-visible":"focus-visible_890b73a298",active:"active_d6fbae1cab",sizeXxs:"sizeXxs_9b4ecfa2e7",sizeXs:"sizeXs_08804fdb8e",sizeSmall:"sizeSmall_8de4c660b3",sizeMedium:"sizeMedium_89ff06188d",sizeLarge:"sizeLarge_c438f3a80d",disabled:"disabled_a9b791128a",text:"text_6912bba9f7",innerText:"innerText_ff76045e04"};!function(n){const o="s_id-749f9b8f229f_3_0_0-alpha_13";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_8480619a7f {\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_8480619a7f:focus-visible, .wrapper_8480619a7f.focus-visible_890b73a298 {\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_8480619a7f:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.wrapper_8480619a7f:focus-visible, .wrapper_8480619a7f.focus-visible_890b73a298 {\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_8480619a7f:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.wrapper_8480619a7f:focus,\n.wrapper_8480619a7f:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_8480619a7f:active {\n  transform: scale(0.95);\n}\n.active_d6fbae1cab {\n  background-color: var(--primary-selected-color);\n}\n.active_d6fbae1cab:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_d6fbae1cab:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_9b4ecfa2e7 {\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_08804fdb8e {\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_8de4c660b3 {\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_89ff06188d {\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_c438f3a80d {\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_a9b791128a {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_a9b791128a:hover {\n  background-color: transparent;\n}\n.text_6912bba9f7 {\n  width: 100%;\n}\n.innerText_ff76045e04 {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
+var n={wrapper:"wrapper_a4423853d3","focus-visible":"focus-visible_dac054f1c7",active:"active_99f2b3782c",sizeXxs:"sizeXxs_d67600f5e5",sizeXs:"sizeXs_48e59af61b",sizeSmall:"sizeSmall_d8f9e29a2f",sizeMedium:"sizeMedium_eb97006097",sizeLarge:"sizeLarge_e70ab3cbb4",disabled:"disabled_a4629a2b2d",text:"text_3f6604aec2",innerText:"innerText_dad4a5d2c2"};!function(n){const o="s_id-749f9b8f229f_3_0_0-alpha_15";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_a4423853d3 {\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_a4423853d3:focus-visible, .wrapper_a4423853d3.focus-visible_dac054f1c7 {\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_a4423853d3:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.wrapper_a4423853d3:focus-visible, .wrapper_a4423853d3.focus-visible_dac054f1c7 {\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_a4423853d3:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.wrapper_a4423853d3:focus,\n.wrapper_a4423853d3:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_a4423853d3:active {\n  transform: scale(0.95);\n}\n.active_99f2b3782c {\n  background-color: var(--primary-selected-color);\n}\n.active_99f2b3782c:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_99f2b3782c:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_d67600f5e5 {\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_48e59af61b {\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_d8f9e29a2f {\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_eb97006097 {\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_e70ab3cbb4 {\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_a4629a2b2d {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_a4629a2b2d:hover {\n  background-color: transparent;\n}\n.text_3f6604aec2 {\n  width: 100%;\n}\n.innerText_dad4a5d2c2 {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_961e57a766",overlay:"overlay_a000cbce8d","overlay-fade-out":"overlay-fade-out_9b10e03525","overlay-fade-in":"overlay-fade-in_a52f9886ff",dialog:"dialog_ebb972ab93",default:"default_9104675767",full:"full_0f0acb69f1",spacing:"spacing_594e75388c"};!function(n){const e="s_id-fe267e23c74c_3_0_0-alpha_13";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_961e57a766,\n.overlay_a000cbce8d {\n  position: fixed;\n  inset: 0;\n}\n\n.container_961e57a766 {\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_961e57a766[aria-hidden=true] {\n  display: none;\n}\n\n.container_961e57a766[aria-hidden=true] .overlay_a000cbce8d {\n  background-color: transparent;\n  animation: overlay-fade-out_9b10e03525 70ms var(--motion-timing-enter);\n}\n\n.overlay_a000cbce8d {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_a52f9886ff 70ms var(--motion-timing-enter);\n}\n\n.dialog_ebb972ab93 {\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_ebb972ab93.default_9104675767 {\n  width: 520px;\n}\n\n.dialog_ebb972ab93.full_0f0acb69f1 {\n  width: 100vw;\n}\n\n.dialog_ebb972ab93.spacing_594e75388c {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_a52f9886ff {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_9b10e03525 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+var n={container:"container_53608b8308",overlay:"overlay_9b6a48fdf6","overlay-fade-out":"overlay-fade-out_5896444131","overlay-fade-in":"overlay-fade-in_708329a459",dialog:"dialog_a669e6cade",default:"default_df30f8ee3a",full:"full_65b2547a73",spacing:"spacing_a0cd3ec0eb"};!function(n){const a="s_id-fe267e23c74c_3_0_0-alpha_15";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_53608b8308,\n.overlay_9b6a48fdf6 {\n  position: fixed;\n  inset: 0;\n}\n\n.container_53608b8308 {\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_53608b8308[aria-hidden=true] {\n  display: none;\n}\n\n.container_53608b8308[aria-hidden=true] .overlay_9b6a48fdf6 {\n  background-color: transparent;\n  animation: overlay-fade-out_5896444131 70ms var(--motion-timing-enter);\n}\n\n.overlay_9b6a48fdf6 {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_708329a459 70ms var(--motion-timing-enter);\n}\n\n.dialog_a669e6cade {\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_a669e6cade.default_df30f8ee3a {\n  width: 520px;\n}\n\n.dialog_a669e6cade.full_65b2547a73 {\n  width: 100vw;\n}\n\n.dialog_a669e6cade.spacing_a0cd3ec0eb {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_708329a459 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_5896444131 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={container:"container_385a5abaee"};!function(e){const n="s_id-40a1f8a37338_3_0_0-alpha_13";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_385a5abaee {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_385a5abaee::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_385a5abaee::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container_f18935be27"};!function(e){const n="s_id-40a1f8a37338_3_0_0-alpha_15";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_f18935be27 {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_f18935be27::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_f18935be27::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=ModalContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={container:"container_46891683d1"};!function(e){const t="s_id-9ff7e713f88b_3_0_0-alpha_13";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)}(".container_46891683d1 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+var e={container:"container_06652c9f64"};!function(e){const t="s_id-9ff7e713f88b_3_0_0-alpha_15";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)}(".container_06652c9f64 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import t from"react";import i from"classnames";import s from"../../IconButton/IconButton.js";import"../../../../icons/dist/_virtual/_tslib.js";import"../../../../icons/dist/react/AddSmall.js";import"../../../../icons/dist/react/Alert.js";import"../../../../icons/dist/react/Check.js";import o from"../../../../icons/dist/react/CloseSmall.js";import"../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../icons/dist/react/DropdownChevronUp.js";import"../../../../icons/dist/react/Info.js";import"../../../../icons/dist/react/Menu.js";import"../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../icons/dist/react/MoveArrowRight.js";import"../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../icons/dist/react/NoColor.js";import"../../../../icons/dist/react/Remove.js";import"../../../../icons/dist/react/Search.js";import"../../../../icons/dist/react/Sort.js";import"../../../../icons/dist/react/SortAscending.js";import"../../../../icons/dist/react/SortDescending.js";import"../../../../icons/dist/react/Warning.js";import e from"../../Icon/Icon.js";import{NOOP as r}from"../../../utils/function-utils.js";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as c}from"../../../tests/constants.js";import n from"../../Text/Text.js";import m from"../../Heading/Heading.js";import d from"../../Flex/Flex.js";import l from"./ModalHeader.module.scss.js";var p=function(p){var j=p.title,v=p.children,f=p.titleClassName,g=p.description,u=void 0===g?"":g,N=p.descriptionClassName,C=p.icon,h=p.closeModal,x=void 0===h?r:h,E=p.iconSize,S=void 0===E?24:E,A=p.iconClassName,D=p.closeButtonAriaLabel,L=void 0===D?"close":D,M=p.id,w=p["data-testid"];return t.createElement("div",{className:i(l.container,p.className),"data-testid":w||a(c.MODAL_HEADER,M)},v||t.createElement(d,{align:"start",gap:"small",className:f},C&&t.createElement(e,{className:i(l.icon,A),icon:C,iconType:"svg",iconSize:S,ignoreFocusStyle:!0}),t.createElement(m,{id:M,maxLines:2},j)),u&&t.createElement(n,{type:"text2",maxLines:2,className:i(l.description,N)},u),t.createElement("div",{className:i(l.closeButton)},t.createElement(s,{key:"xxs",onClick:x,ariaLabel:L,icon:o,kind:"tertiary",size:"small"})))};Object.assign(p,{displayName:"ModalHeader"});export{p as default};
+import e from"react";import t from"classnames";import s from"../../IconButton/IconButton.js";import o from"../../Icon/Icon.js";import{NOOP as a}from"../../../utils/function-utils.js";import{getTestId as i}from"../../../tests/testIds.js";import{ComponentDefaultTestId as r}from"../../../tests/constants.js";import m from"../../Text/Text.js";import n from"../../Heading/Heading.js";import l from"../../Flex/Flex.js";import c from"./ModalHeader.module.scss.js";import d from"../../../../icons/dist/react/CloseSmall.js";var p=function(p){var f=p.title,u=p.children,j=p.titleClassName,x=p.description,N=void 0===x?"":x,v=p.descriptionClassName,E=p.icon,g=p.closeModal,y=void 0===g?a:g,C=p.iconSize,H=void 0===C?24:C,I=p.iconClassName,L=p.closeButtonAriaLabel,B=void 0===L?"close":L,M=p.id,S=p["data-testid"];return e.createElement("div",{className:t(c.container,p.className),"data-testid":S||i(r.MODAL_HEADER,M)},u||e.createElement(l,{align:"start",gap:"small",className:j},E&&e.createElement(o,{className:t(c.icon,I),icon:E,iconType:"svg",iconSize:H,ignoreFocusStyle:!0}),e.createElement(n,{id:M,maxLines:2},f)),N&&e.createElement(m,{type:"text2",maxLines:2,className:t(c.description,v)},N),e.createElement("div",{className:t(c.closeButton)},e.createElement(s,{key:"xxs",onClick:y,ariaLabel:B,icon:d,kind:"tertiary",size:"small"})))};Object.assign(p,{displayName:"ModalHeader"});export{p as default};
 //# sourceMappingURL=ModalHeader.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalHeader.js","sources":["../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport cx from \"classnames\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport Icon from \"../../Icon/Icon\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { ElementContent } from \"src/types/ElementContent\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport Text from \"../../Text/Text\";\nimport Heading from \"../../Heading/Heading\";\nimport Flex from \"../../Flex/Flex\";\nimport styles from \"./ModalHeader.module.scss\";\nimport { SubIcon } from \"../../../types/SubIcon\";\n\ninterface BaseModalHeaderProps extends VibeComponentProps {\n /*\n Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links\n /\n description?: ElementContent;\n /\n Icon to be rendered before the title\n /\n // icon?: string \| React.FunctionComponent<IconSubComponentProps> \| null;\n icon?: SubIcon;\n /\n Class name for the wrapper\n /\n className?: string;\n /\n Class name for the title\n /\n titleClassName?: string;\n /\n closes the Modal. No need to provide it, it is being provided by the modal\n /\n closeModal?: () => void;\n /* /*\n ID for the title, needed for accessibility. No need to provide it, it is being provided by the modal\n /\n id?: string;\n /\n Class name for the description\n /\n descriptionClassName?: string;\n /\n Size of the icon\n /\n iconSize?: number;\n /\n class name for the icon\n /\n iconClassName?: string;\n /\n Aria label for the close button\n */\n closeButtonAriaLabel?: string;\n}\n\ninterface ModalHeaderWithOnlyTitle extends BaseModalHeaderProps {\n title: ElementContent;\n children?: never;\n}\n\ninterface ModalHeaderWithOnlyChildren extends BaseModalHeaderProps {\n title?: never;\n children: ElementContent;\n}\n\nexport type ModalHeaderProps = ModalHeaderWithOnlyTitle \| ModalHeaderWithOnlyChildren;\n\nconst ModalHeader: FC<ModalHeaderProps> = ({\n className,\n title,\n children,\n titleClassName,\n description = \"\",\n descriptionClassName,\n icon,\n closeModal = NOOP,\n iconSize = 24,\n iconClassName,\n closeButtonAriaLabel = \"close\",\n id,\n \"data-testid\": dataTestId\n}) => {\n return (\n <div\n className={cx(styles.container, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n >\n {children ? (\n children\n ) : (\n <Flex align=\"start\" gap=\"small\" className={titleClassName}>\n {icon && (\n <Icon\n className={cx(styles.icon, iconClassName)}\n icon={icon}\n iconType=\"svg\"\n iconSize={iconSize}\n ignoreFocusStyle\n />\n )}\n <Heading id={id} maxLines={2}>\n {title}\n </Heading>\n </Flex>\n )}\n {description && (\n <Text type=\"text2\" maxLines={2} className={cx(styles.description, descriptionClassName)}>\n {description}\n </Text>\n )}\n\n <div className={cx(styles.closeButton)}>\n <IconButton\n key=\"xxs\"\n onClick={closeModal}\n ariaLabel={closeButtonAriaLabel}\n icon={CloseSmall}\n kind=\"tertiary\"\n size=\"small\"\n />\n </div>\n </div>\n );\n};\n\nObject.assign(ModalHeader, {\n displayName: \"ModalHeader\"\n});\n\nexport default ModalHeader;\n"],"names":["ModalHeader","_ref","title","children","titleClassName","_ref$description","description","descriptionClassName","icon","_ref$closeModal","closeModal","NOOP","_ref$iconSize","iconSize","iconClassName","_ref$closeButtonAriaL","closeButtonAriaLabel","id","dataTestId","React","className","cx","styles","container","getTestId","ComponentDefaultTestId","MODAL_HEADER","createElement","Flex","align","gap","Icon","iconType","ignoreFocusStyle","Heading","maxLines","Text","type","closeButton","IconButton","key","onClick","ariaLabel","CloseSmall","kind","size","Object","assign","displayName"],"mappings":"~~khDAwEA~~,IAAMA,EAAoC,SAAzBC,GAcZ,IAZHC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAoBN,EAApBM,qBACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAX,EACjBY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAAab,EAAba,cAAaC,EAAAd,EACbe,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAEA,OACEkB,uBACEC,UAAWC,EAAGC,EAAOC,UAhBhBtB,EAATmB,WAiBiB,cAAAF,GAAcM,EAAUC,EAAuBC,aAAcT,IAEzEd,GAGCgB,EAAAQ,cAACC,EAAK,CAAAC,MAAM,QAAQC,IAAI,QAAQV,UAAWhB,GACxCI,GACCW,EAACQ,cAAAI,EACC,CAAAX,UAAWC,EAAGC,EAAOd,KAAMM,GAC3BN,KAAMA,EACNwB,SAAS,MACTnB,SAAUA,EACVoB,sBAGJd,EAAAQ,cAACO,EAAO,CAACjB,GAAIA,EAAIkB,SAAU,GACxBjC,IAINI,GACCa,EAAAQ,cAACS,EAAI,CAACC,KAAK,QAAQF,SAAU,EAAGf,UAAWC,EAAGC,EAAOhB,YAAaC,IAC/DD,GAILa,EAAAQ,cAAA,MAAA,CAAKP,UAAWC,EAAGC,EAAOgB,cACxBnB,EAAAQ,cAACY,EAAU,CACTC,IAAI,MACJC,QAAS/B,EACTgC,UAAW1B,EACXR,KAAMmC,EACNC,KAAK,WACLC,KAAK,WAKf,EAEAC,OAAOC,OAAO/C,EAAa,CACzBgD,YAAa"}
1	+ {"version":3,"file":"ModalHeader.js","sources":["../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport cx from \"classnames\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport Icon from \"../../Icon/Icon\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { ElementContent } from \"src/types/ElementContent\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport Text from \"../../Text/Text\";\nimport Heading from \"../../Heading/Heading\";\nimport Flex from \"../../Flex/Flex\";\nimport styles from \"./ModalHeader.module.scss\";\nimport { SubIcon } from \"../../../types/SubIcon\";\n\ninterface BaseModalHeaderProps extends VibeComponentProps {\n /*\n Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links\n /\n description?: ElementContent;\n /\n Icon to be rendered before the title\n /\n // icon?: string \| React.FunctionComponent<IconSubComponentProps> \| null;\n icon?: SubIcon;\n /\n Class name for the wrapper\n /\n className?: string;\n /\n Class name for the title\n /\n titleClassName?: string;\n /\n closes the Modal. No need to provide it, it is being provided by the modal\n /\n closeModal?: () => void;\n /* /*\n ID for the title, needed for accessibility. No need to provide it, it is being provided by the modal\n /\n id?: string;\n /\n Class name for the description\n /\n descriptionClassName?: string;\n /\n Size of the icon\n /\n iconSize?: number;\n /\n class name for the icon\n /\n iconClassName?: string;\n /\n Aria label for the close button\n */\n closeButtonAriaLabel?: string;\n}\n\ninterface ModalHeaderWithOnlyTitle extends BaseModalHeaderProps {\n title: ElementContent;\n children?: never;\n}\n\ninterface ModalHeaderWithOnlyChildren extends BaseModalHeaderProps {\n title?: never;\n children: ElementContent;\n}\n\nexport type ModalHeaderProps = ModalHeaderWithOnlyTitle \| ModalHeaderWithOnlyChildren;\n\nconst ModalHeader: FC<ModalHeaderProps> = ({\n className,\n title,\n children,\n titleClassName,\n description = \"\",\n descriptionClassName,\n icon,\n closeModal = NOOP,\n iconSize = 24,\n iconClassName,\n closeButtonAriaLabel = \"close\",\n id,\n \"data-testid\": dataTestId\n}) => {\n return (\n <div\n className={cx(styles.container, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n >\n {children ? (\n children\n ) : (\n <Flex align=\"start\" gap=\"small\" className={titleClassName}>\n {icon && (\n <Icon\n className={cx(styles.icon, iconClassName)}\n icon={icon}\n iconType=\"svg\"\n iconSize={iconSize}\n ignoreFocusStyle\n />\n )}\n <Heading id={id} maxLines={2}>\n {title}\n </Heading>\n </Flex>\n )}\n {description && (\n <Text type=\"text2\" maxLines={2} className={cx(styles.description, descriptionClassName)}>\n {description}\n </Text>\n )}\n\n <div className={cx(styles.closeButton)}>\n <IconButton\n key=\"xxs\"\n onClick={closeModal}\n ariaLabel={closeButtonAriaLabel}\n icon={CloseSmall}\n kind=\"tertiary\"\n size=\"small\"\n />\n </div>\n </div>\n );\n};\n\nObject.assign(ModalHeader, {\n displayName: \"ModalHeader\"\n});\n\nexport default ModalHeader;\n"],"names":["ModalHeader","_ref","title","children","titleClassName","_ref$description","description","descriptionClassName","icon","_ref$closeModal","closeModal","NOOP","_ref$iconSize","iconSize","iconClassName","_ref$closeButtonAriaL","closeButtonAriaLabel","id","dataTestId","React","className","cx","styles","container","getTestId","ComponentDefaultTestId","MODAL_HEADER","createElement","Flex","align","gap","Icon","iconType","ignoreFocusStyle","Heading","maxLines","Text","type","closeButton","IconButton","key","onClick","ariaLabel","CloseSmall","kind","size","Object","assign","displayName"],"mappings":"ogBAwEA,IAAMA,EAAoC,SAAzBC,GAcZ,IAZHC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAoBN,EAApBM,qBACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAX,EACjBY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAAab,EAAba,cAAaC,EAAAd,EACbe,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAEA,OACEkB,uBACEC,UAAWC,EAAGC,EAAOC,UAhBhBtB,EAATmB,WAiBiB,cAAAF,GAAcM,EAAUC,EAAuBC,aAAcT,IAEzEd,GAGCgB,EAAAQ,cAACC,EAAK,CAAAC,MAAM,QAAQC,IAAI,QAAQV,UAAWhB,GACxCI,GACCW,EAACQ,cAAAI,EACC,CAAAX,UAAWC,EAAGC,EAAOd,KAAMM,GAC3BN,KAAMA,EACNwB,SAAS,MACTnB,SAAUA,EACVoB,sBAGJd,EAAAQ,cAACO,EAAO,CAACjB,GAAIA,EAAIkB,SAAU,GACxBjC,IAINI,GACCa,EAAAQ,cAACS,EAAI,CAACC,KAAK,QAAQF,SAAU,EAAGf,UAAWC,EAAGC,EAAOhB,YAAaC,IAC/DD,GAILa,EAAAQ,cAAA,MAAA,CAAKP,UAAWC,EAAGC,EAAOgB,cACxBnB,EAAAQ,cAACY,EAAU,CACTC,IAAI,MACJC,QAAS/B,EACTgC,UAAW1B,EACXR,KAAMmC,EACNC,KAAK,WACLC,KAAK,WAKf,EAEAC,OAAOC,OAAO/C,EAAa,CACzBgD,YAAa"}

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

@@ -1,2 +1,2 @@
-var e={container:"container_79d4cde0be",icon:"icon_fdaf22d2bd",description:"description_db1c0d2049",closeButton:"closeButton_5cf6d9a657"};!function(e){const n="s_id-f34f7b91e8f3_3_0_0-alpha_13";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_79d4cde0be {\n  margin-block-start: var(--spacing-medium);\n}\n.container_79d4cde0be .icon_fdaf22d2bd {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_79d4cde0be .description_db1c0d2049 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_79d4cde0be .closeButton_5cf6d9a657 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
+var n={container:"container_1f048c885c",icon:"icon_2527e120a4",description:"description_94d132ac2b",closeButton:"closeButton_895e29a81f"};!function(n){const e="s_id-f34f7b91e8f3_3_0_0-alpha_15";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_1f048c885c {\n  margin-block-start: var(--spacing-medium);\n}\n.container_1f048c885c .icon_2527e120a4 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_1f048c885c .description_94d132ac2b {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_1f048c885c .closeButton_895e29a81f {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{n as default};
 //# sourceMappingURL=ModalHeader.module.scss.js.map