npm - @vibe/core - Versions diffs - 3.88.5 → 3.89.0-alpha-01945.0 - Mend

@vibe/core 3.88.5 → 3.89.0-alpha-01945.0

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

Files changed (454) hide show

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_76c0f69436",h1Medium:"h1Medium_b1bbe42a66",h1Normal:"h1Normal_ef4ddbb87b",h1Light:"h1Light_7ece800f65",h2Bold:"h2Bold_4c73d520f4",h2Medium:"h2Medium_d319903101",h2Normal:"h2Normal_a407c9b745",h2Light:"h2Light_adf096a428",h3Bold:"h3Bold_ce4a7eadb1",h3Medium:"h3Medium_502af731ac",h3Normal:"h3Normal_bae7c45c5e",h3Light:"h3Light_0103477fc6"};!function(n){const o="s_id-81b561c226b7_3_88_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_76c0f69436 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Medium_b1bbe42a66 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Normal_ef4ddbb87b {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Light_7ece800f65 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Bold_4c73d520f4 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Medium_d319903101 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Normal_a407c9b745 {\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.h2Light_adf096a428 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Bold_ce4a7eadb1 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Medium_502af731ac {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Normal_bae7c45c5e {\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.h3Light_0103477fc6 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
+var n={h1Bold:"h1Bold_10246f0d24",h1Medium:"h1Medium_a9855edef8",h1Normal:"h1Normal_d4e7dccf66",h1Light:"h1Light_ca0914e098",h2Bold:"h2Bold_1de2b28d64",h2Medium:"h2Medium_7ea3b1a5db",h2Normal:"h2Normal_8da11dd91a",h2Light:"h2Light_03d9c293a4",h3Bold:"h3Bold_d7de6894bc",h3Medium:"h3Medium_94e8701247",h3Normal:"h3Normal_ce29e066f1",h3Light:"h3Light_fa00929ab7"};!function(n){const o="s_id-81b561c226b7_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_10246f0d24 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Medium_a9855edef8 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Normal_d4e7dccf66 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Light_ca0914e098 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Bold_1de2b28d64 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Medium_7ea3b1a5db {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Normal_8da11dd91a {\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.h2Light_03d9c293a4 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Bold_d7de6894bc {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Medium_94e8701247 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Normal_ce29e066f1 {\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.h3Light_fa00929ab7 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_efa35285ff",text1Medium:"text1Medium_aed409821b",text1Normal:"text1Normal_b56227a9d4",text2Bold:"text2Bold_791229ef53",text2Medium:"text2Medium_7db94435d3",text2Normal:"text2Normal_cbb4bc040a",text3Bold:"text3Bold_0cc816d2d7",text3Medium:"text3Medium_5dd87cf521",text3Normal:"text3Normal_a470f1bf96",editableText:"editableText_8dde9161ae",typography:"typography_542a3a3cb0"};!function(t){const e="s_id-bcdc5f69e9db_3_88_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_efa35285ff {\n  font: var(--font-text1-bold);\n}\n.text1Medium_aed409821b {\n  font: var(--font-text1-medium);\n}\n.text1Normal_b56227a9d4 {\n  font: var(--font-text1-normal);\n}\n.text2Bold_791229ef53 {\n  font: var(--font-text2-bold);\n}\n.text2Medium_7db94435d3 {\n  font: var(--font-text2-medium);\n}\n.text2Normal_cbb4bc040a {\n  font: var(--font-text2-normal);\n}\n.text3Bold_0cc816d2d7 {\n  font: var(--font-text3-bold);\n}\n.text3Medium_5dd87cf521 {\n  font: var(--font-text3-medium);\n}\n.text3Normal_a470f1bf96 {\n  font: var(--font-text3-normal);\n}\n.editableText_8dde9161ae .typography_542a3a3cb0 {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_8b3f319b26",text1Medium:"text1Medium_d45e8c0fea",text1Normal:"text1Normal_04e22bc5c1",text2Bold:"text2Bold_2f92cc0336",text2Medium:"text2Medium_8668eabe3f",text2Normal:"text2Normal_31e0359413",text3Bold:"text3Bold_b96dde363c",text3Medium:"text3Medium_5bec16572e",text3Normal:"text3Normal_33be76030c",editableText:"editableText_60a8f538c8",typography:"typography_cfb63ae886"};!function(t){const e="s_id-bcdc5f69e9db_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_8b3f319b26 {\n  font: var(--font-text1-bold);\n}\n.text1Medium_d45e8c0fea {\n  font: var(--font-text1-medium);\n}\n.text1Normal_04e22bc5c1 {\n  font: var(--font-text1-normal);\n}\n.text2Bold_2f92cc0336 {\n  font: var(--font-text2-bold);\n}\n.text2Medium_8668eabe3f {\n  font: var(--font-text2-medium);\n}\n.text2Normal_31e0359413 {\n  font: var(--font-text2-normal);\n}\n.text3Bold_b96dde363c {\n  font: var(--font-text3-bold);\n}\n.text3Medium_5bec16572e {\n  font: var(--font-text3-medium);\n}\n.text3Normal_33be76030c {\n  font: var(--font-text3-normal);\n}\n.editableText_60a8f538c8 .typography_cfb63ae886 {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography_7ec323b1d1",input:"input_50344d647b",textarea:"textarea_3f19593d5a",typography:"typography_cc30ac0df2",disabled:"disabled_7ff02ca102",hidden:"hidden_0b0186cfd5",placeholder:"placeholder_c3114aea9d",multiline:"multiline_5604039ef7"};!function(e){const a="s_id-34ea4bd39075_3_88_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography_7ec323b1d1 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_7ec323b1d1 .input_50344d647b,\n.editableTypography_7ec323b1d1 .textarea_3f19593d5a {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_7ec323b1d1 .input_50344d647b:focus, .editableTypography_7ec323b1d1 .input_50344d647b:active,\n.editableTypography_7ec323b1d1 .textarea_3f19593d5a:focus,\n.editableTypography_7ec323b1d1 .textarea_3f19593d5a:active {\n  outline: none;\n}\n.editableTypography_7ec323b1d1 .textarea_3f19593d5a {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_7ec323b1d1 .typography_cc30ac0df2 {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_7ec323b1d1 .typography_cc30ac0df2:hover:not(.disabled_7ff02ca102) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_7ec323b1d1 .typography_cc30ac0df2.hidden_0b0186cfd5 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_7ec323b1d1 .typography_cc30ac0df2.placeholder_c3114aea9d {\n  color: var(--secondary-text-color);\n}\n.editableTypography_7ec323b1d1 .typography_cc30ac0df2.multiline_5604039ef7 {\n  white-space: pre-wrap;\n}");export{e as default};
+var e={editableTypography:"editableTypography_790effe1da",input:"input_d2ceb7d418",textarea:"textarea_5e03181d5b",typography:"typography_8b54ee26a5",disabled:"disabled_0a3d80c9b8",hidden:"hidden_1ad95e1a00",placeholder:"placeholder_5184649dec",multiline:"multiline_973bca41d4"};!function(e){const a="s_id-34ea4bd39075_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography_790effe1da {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_790effe1da .input_d2ceb7d418,\n.editableTypography_790effe1da .textarea_5e03181d5b {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_790effe1da .input_d2ceb7d418:focus, .editableTypography_790effe1da .input_d2ceb7d418:active,\n.editableTypography_790effe1da .textarea_5e03181d5b:focus,\n.editableTypography_790effe1da .textarea_5e03181d5b:active {\n  outline: none;\n}\n.editableTypography_790effe1da .textarea_5e03181d5b {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_790effe1da .typography_8b54ee26a5 {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_790effe1da .typography_8b54ee26a5:hover:not(.disabled_0a3d80c9b8) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_790effe1da .typography_8b54ee26a5.hidden_1ad95e1a00 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_790effe1da .typography_8b54ee26a5.placeholder_5184649dec {\n  color: var(--secondary-text-color);\n}\n.editableTypography_790effe1da .typography_8b54ee26a5.multiline_973bca41d4 {\n  white-space: pre-wrap;\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={emptyState:"emptyState_9b3aece1bf",compact:"compact_95bfe75dac",content:"content_fea2709bf5",title:"title_573842fa85",description:"description_573842fa85",actions:"actions_eecf964f37"};!function(e){const t="s_id-ec6bbd61ae58_3_88_4";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)}(".emptyState_9b3aece1bf {\n  width: 100%;\n  padding: var(--spacing-large);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_9b3aece1bf.compact_95bfe75dac {\n  padding: var(--spacing-medium);\n}\n.emptyState_9b3aece1bf .content_fea2709bf5 {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_9b3aece1bf .content_fea2709bf5 .title_573842fa85 {\n  max-width: 500px;\n}\n.emptyState_9b3aece1bf .content_fea2709bf5 .description_573842fa85 {\n  max-width: 500px;\n}\n.emptyState_9b3aece1bf .content_fea2709bf5 .actions_eecf964f37 {\n  width: 100%;\n}");export{e as default};
+var t={emptyState:"emptyState_f8f3f4c06d",compact:"compact_880c3bd459",content:"content_8df9905f92",title:"title_ad03715e89",description:"description_ad03715e89",actions:"actions_1e90d5ffd4"};!function(t){const e="s_id-ec6bbd61ae58_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".emptyState_f8f3f4c06d {\n  width: 100%;\n  padding: var(--spacing-large);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_f8f3f4c06d.compact_880c3bd459 {\n  padding: var(--spacing-medium);\n}\n.emptyState_f8f3f4c06d .content_8df9905f92 {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_f8f3f4c06d .content_8df9905f92 .title_ad03715e89 {\n  max-width: 500px;\n}\n.emptyState_f8f3f4c06d .content_8df9905f92 .description_ad03715e89 {\n  max-width: 500px;\n}\n.emptyState_f8f3f4c06d .content_8df9905f92 .actions_1e90d5ffd4 {\n  width: 100%;\n}");export{t as default};
 //# sourceMappingURL=EmptyState.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse_5baa72c6a9",header:"header_57f72f1c8d","focus-visible":"focus-visible_1d68a623bd",headerContent:"headerContent_4df41c2186",iconComponent:"iconComponent_efce388b40",content:"content_95bfe75dac",section:"section_eecf964f37",hideBorder:"hideBorder_35fa4339da",hideBorderBottom:"hideBorderBottom_16abfd30ac",showBorder:"showBorder_75681da358",headerOpen:"headerOpen_54bb5bd3f5",animateIconOpen:"animateIconOpen_2d69f203ec",animateIconClose:"animateIconClose_34316c8a9d",leftIcon:"leftIcon_d08f9d2ed1"};!function(n){const e="s_id-023f1d02802e_3_88_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse_5baa72c6a9 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n.header_57f72f1c8d {\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  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.header_57f72f1c8d:focus-visible, .header_57f72f1c8d.focus-visible_1d68a623bd {\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.header_57f72f1c8d:focus:not(.focus-visible_1d68a623bd) {\n  outline: none;\n}\n.header_57f72f1c8d:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.header_57f72f1c8d:active {\n  transform: scale(1);\n}\n.header_57f72f1c8d .headerContent_4df41c2186 {\n  margin: 0;\n}\n.header_57f72f1c8d .iconComponent_efce388b40 {\n  color: var(--icon-color);\n}\n.content_95bfe75dac {\n  padding: var(--spacing-medium);\n}\n.section_eecf964f37 {\n  width: 100%;\n}\n.hideBorder_35fa4339da {\n  border: none;\n}\n.hideBorderBottom_16abfd30ac {\n  border-bottom: none;\n}\n.showBorder_75681da358 {\n  border: 1px solid var(--ui-border-color);\n}\n.showBorder_75681da358 .headerOpen_54bb5bd3f5 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n.animateIconOpen_2d69f203ec {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.animateIconClose_34316c8a9d {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.header_57f72f1c8d.leftIcon_d08f9d2ed1 {\n  justify-content: flex-start;\n  gap: var(--spacing-small);\n}");export{n as default};
+var n={expandCollapse:"expandCollapse_1372eae4a8",header:"header_ac37ca88b8","focus-visible":"focus-visible_ef81741bea",headerContent:"headerContent_22115c65b0",iconComponent:"iconComponent_466de02a75",content:"content_880c3bd459",section:"section_1e90d5ffd4",hideBorder:"hideBorder_4094d5a8fc",hideBorderBottom:"hideBorderBottom_546d09057d",showBorder:"showBorder_5a440bb4b3",headerOpen:"headerOpen_2ea4536d62",animateIconOpen:"animateIconOpen_fa235197f2",animateIconClose:"animateIconClose_e58c238214",leftIcon:"leftIcon_5552ddc731"};!function(n){const e="s_id-023f1d02802e_3_88_6";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse_1372eae4a8 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n.header_ac37ca88b8 {\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  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.header_ac37ca88b8:focus-visible, .header_ac37ca88b8.focus-visible_ef81741bea {\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.header_ac37ca88b8:focus:not(.focus-visible_ef81741bea) {\n  outline: none;\n}\n.header_ac37ca88b8:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.header_ac37ca88b8:active {\n  transform: scale(1);\n}\n.header_ac37ca88b8 .headerContent_22115c65b0 {\n  margin: 0;\n}\n.header_ac37ca88b8 .iconComponent_466de02a75 {\n  color: var(--icon-color);\n}\n.content_880c3bd459 {\n  padding: var(--spacing-medium);\n}\n.section_1e90d5ffd4 {\n  width: 100%;\n}\n.hideBorder_4094d5a8fc {\n  border: none;\n}\n.hideBorderBottom_546d09057d {\n  border-bottom: none;\n}\n.showBorder_5a440bb4b3 {\n  border: 1px solid var(--ui-border-color);\n}\n.showBorder_5a440bb4b3 .headerOpen_2ea4536d62 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n.animateIconOpen_fa235197f2 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.animateIconClose_e58c238214 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.header_ac37ca88b8.leftIcon_5552ddc731 {\n  justify-content: flex-start;\n  gap: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper_9c9e0e029b",labelComponentIcon:"labelComponentIcon_71de68c3ff",labelComponentText:"labelComponentText_ac6f9616b9",required:"required_c6945e19d2"};!function(e){const n="s_id-12dfba012dab_3_88_4";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper_9c9e0e029b {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n.labelComponentIcon_71de68c3ff {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n.labelComponentText_ac6f9616b9 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n.required_c6945e19d2 {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper_e6202123f7",labelComponentIcon:"labelComponentIcon_0c85d194ac",labelComponentText:"labelComponentText_4da6bb03d7",required:"required_c944bf1e07"};!function(e){const n="s_id-12dfba012dab_3_88_6";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper_e6202123f7 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n.labelComponentIcon_0c85d194ac {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n.labelComponentText_4da6bb03d7 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n.required_c944bf1e07 {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent_62818db84a",prefix:"prefix_0dd1a5a1b4",suffix:"suffix_0dd1a5a1b4"};!function(e){const n="s_id-d821b20045aa_3_88_4";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent_62818db84a {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n.prefix_0dd1a5a1b4 {\n  white-space: pre;\n}\n.suffix_0dd1a5a1b4 {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent_2f5bd292f2",prefix:"prefix_13ac098a3a",suffix:"suffix_13ac098a3a"};!function(e){const n="s_id-d821b20045aa_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent_2f5bd292f2 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n.prefix_13ac098a3a {\n  white-space: pre;\n}\n.suffix_13ac098a3a {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper_1d3bf3aa21"};!function(e){const t="s_id-5ac012179a41_3_88_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper_1d3bf3aa21 {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
+var e={hiddenTextWrapper:"hiddenTextWrapper_cf8476d6ab"};!function(e){const t="s_id-5ac012179a41_3_88_6";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper_cf8476d6ab {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
 //# sourceMappingURL=HiddenText.module.scss.js.map

package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_0acb00571b",link:"link_58a1d8b828"};!function(e){const t="s_id-646297cad054_3_88_4";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)}(".contentWrapper_0acb00571b {\n  max-width: 240px;\n}\n.contentWrapper_0acb00571b .link_58a1d8b828 {\n  margin-top: var(--space-4);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_cb095ab266",link:"link_4512c4d517"};!function(e){const t="s_id-646297cad054_3_88_6";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)}(".contentWrapper_cb095ab266 {\n  max-width: 240px;\n}\n.contentWrapper_cb095ab266 .link_4512c4d517 {\n  margin-top: var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=InfoDialogContent.module.scss.js.map

package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={infoLink:"infoLink_8ab85a30fa"};!function(e){const t="s_id-63a4f7de1b47_3_88_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".infoLink_8ab85a30fa {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={infoLink:"infoLink_d3a3c09e1c"};!function(e){const t="s_id-63a4f7de1b47_3_88_6";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)}(".infoLink_d3a3c09e1c {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=InfoLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={infoText:"infoText_c3114aea9d",error:"error_c6945e19d2",success:"success_50abdf7bba",disabled:"disabled_1ef9ff514d",readOnly:"readOnly_c3114aea9d"};!function(e){const a="s_id-05a2b3ab5fae_3_88_4";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)}(".infoText_c3114aea9d {\n  color: var(--secondary-text-color);\n}\n.infoText_c3114aea9d.error_c6945e19d2 {\n  color: var(--negative-color);\n}\n.infoText_c3114aea9d.success_50abdf7bba {\n  color: var(--positive-color);\n}\n.infoText_c3114aea9d.disabled_1ef9ff514d {\n  color: var(--disabled-text-color);\n}\n.infoText_c3114aea9d.readOnly_c3114aea9d {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={infoText:"infoText_5184649dec",error:"error_c944bf1e07",success:"success_730dc5b8b1",disabled:"disabled_b734e3a96d",readOnly:"readOnly_5184649dec"};!function(e){const o="s_id-05a2b3ab5fae_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText_5184649dec {\n  color: var(--secondary-text-color);\n}\n.infoText_5184649dec.error_c944bf1e07 {\n  color: var(--negative-color);\n}\n.infoText_5184649dec.success_730dc5b8b1 {\n  color: var(--positive-color);\n}\n.infoText_5184649dec.disabled_b734e3a96d {\n  color: var(--disabled-text-color);\n}\n.infoText_5184649dec.readOnly_5184649dec {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=InfoText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as r}from"es-toolkit";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as s}from"../../tests/testIds.js";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import i,{forwardRef as n,useRef as m,useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"./Leg.js";import{LabelAllowedColor as b,LabelKind as v,mapSizesToTextSize as j}from"./LabelConstants.js";import{contentColors as k}from"../../utils/colors-vars-map.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import E from"../../hooks/useMergeRef.js";import L from"./Label.module.scss.js";import g from"./LabelCelebrationAnimation.js";import{ComponentVibeId as C}from"../../tests/constants.js";import x from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import P from"../../../components/typography/dist/Text/Text.js";var h=y(n((function(n,b){var v=n.className,y=n.labelClassName,h=n.kind,A=void 0===h?"fill":h,N=n.color,H=void 0===N?"primary":N,T=n.text,B=void 0===T?"":T,I=n.isLegIncluded,w=void 0!==I&&I,M=n.id,W=n["data-testid"],_=n.onClick,z=n.celebrationAnimation,D=n.size,O=void 0===D?"medium":D,R=m(null),S=E(b,R),q=c(z),F=e(q,2),G=F[0],J=F[1],K=!!_,Q=p((function(){return o(L.label,l(L,r("kind-"+A)),l(L,r("color-"+H)),t(t(t({},L.withLeg,w),L.clickable,K),L.small,"small"===O),y)}),[A,H,w,y,K,O]),U=p((function(){if(k.includes(H))return"line"===A?{color:"var(--color-".concat(H,")")}:{backgroundColor:"var(--color-".concat(H,")")}}),[H,A]),V=d((function(e){_&&(e.preventDefault(),_(e))}),[_]),X=x({onClick:V,id:M,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},R);u((function(){J(z)}),[z]);var Y=p((function(){return i.createElement("span",Object.assign({},K&&X,{className:o(t({},L.clickableWrapper,K),v),"data-testid":W||a(s.LABEL,M),"data-vibe":C.LABEL,ref:S}),i.createElement(P,{style:U,element:"span",type:j[O],className:Q,color:"dark"===H?"onInverted":"onPrimary","data-celebration-text":G},i.createElement(P,{element:"span",type:j[O],color:"inherit",className:o(t({},L.smallText,"small"===O))},B),i.createElement("span",{className:o(L.legWrapper)},w?i.createElement(f,null):null)))}),[K,X,v,W,M,S,Q,G,B,w,O,U,H]);return G&&"line"===A?i.createElement(g,{onAnimationEnd:function(){return J(!1)}},Y):Y})),{colors:b,kinds:v});export{h as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as r}from"es-toolkit";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as s}from"../../tests/testIds.js";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import i,{forwardRef as n,useRef as m,useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"./Leg.js";import{LabelAllowedColor as b,LabelKind as j,mapSizesToTextSize as v}from"./LabelConstants.js";import{contentColors as k}from"../../utils/colors-vars-map.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import E from"../../hooks/useMergeRef.js";import L from"./Label.module.scss.js";import g from"./LabelCelebrationAnimation.js";import{ComponentVibeId as C}from"../../tests/constants.js";import x from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import h from"../../../components/typography/dist/Text/Text.js";var A=y(n((function(n,b){var j=n.className,y=n.labelClassName,A=n.kind,N=void 0===A?"fill":A,P=n.color,H=void 0===P?"primary":P,T=n.text,B=void 0===T?"":T,w=n.isLegIncluded,I=void 0!==w&&w,M=n.id,W=n["data-testid"],_=n.onClick,z=n.celebrationAnimation,D=n.size,O=void 0===D?"medium":D,R=m(null),S=E(b,R),q=c(z),F=e(q,2),G=F[0],J=F[1],K=!!_,Q=p((function(){return o(L.label,l(L,r("kind-"+N)),l(L,r("color-"+H)),t(t(t({},L.withLeg,I),L.clickable,K),L.small,"small"===O),y)}),[N,H,I,y,K,O]),U=p((function(){if(k.includes(H))return"line"===N?{color:"var(--color-".concat(H,")")}:{backgroundColor:"var(--color-".concat(H,")")}}),[H,N]),V=d((function(e){_&&(e.preventDefault(),_(e))}),[_]),X=x({onClick:V,id:M,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},R);u((function(){J(z)}),[z]);var Y=p((function(){return i.createElement("span",Object.assign({},K&&X,{className:o(t({},L.clickableWrapper,K),j),"data-testid":W||a(s.LABEL,M),"data-vibe":C.LABEL,ref:S}),i.createElement(h,{style:U,element:"span",type:v[O],className:Q,color:"primary","data-celebration-text":G},i.createElement(h,{element:"span",type:v[O],color:"inherit",className:o(t({},L.smallText,"small"===O))},B),i.createElement("span",{className:o(L.legWrapper)},I?i.createElement(f,null):null)))}),[K,X,j,W,M,S,Q,G,B,I,O,U]);return G&&"line"===N?i.createElement(g,{onAnimationEnd:function(){return J(!1)}},Y):Y})),{colors:b,kinds:j});export{A as default};
 //# sourceMappingURL=Label.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport Leg from \"./Leg\";\nimport { LabelAllowedColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n /*\n Class name applied to the inner text wrapper.\n /\n labelClassName?: string;\n /\n The visual style of the label.\n /\n kind?: LabelKind;\n /\n The background color of the label.\n /\n color?: LabelColor;\n /\n The text content of the label.\n /\n text?: string;\n /\n If true, includes a leg (decorative extension).\n /\n isLegIncluded?: boolean;\n /\n Callback fired when the label is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /\n If true, triggers a celebration animation.\n /\n celebrationAnimation?: boolean;\n /\n The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n if (kind === \"line\") {\n return { color: `var(--color-${color})` };\n }\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color, kind]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LABEL, id)}\n data-vibe={ComponentVibeId.LABEL}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color~~={color === \~~"~~dark~~\" ? \~~"onInverted\" : \"onPrimary\"}\~~n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle~~,\n color~~\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\ninterface LabelStaticProps {\n colors: typeof LabelColorEnum;\n kinds: typeof LabelKindEnum;\n}\n\nexport default withStaticProps<LabelProps, LabelStaticProps>(Label, {\n colors: LabelColorEnum,\n kinds: LabelKindEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","ComponentVibeId","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd","colors","LabelColorEnum","kinds","LabelKindEnum"],"mappings":"++BAqDA,~~IAwIeA~~,EAAAA,~~EAxIDC~~,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,EACpB,CAAA/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,eACxDmD,EAAgBD,MAC3B7D,IAAKmB,IAELmC,~~EAAAC~~,~~cAACQ~~,~~EAAI~~,~~CACHC~~,MAAOzB,EACP0B,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBf,UAAW2B,EACXtB,~~MAAiB~~,~~SAAVA~~,~~EAAmB~~,~~aAAe,oCAClBmB,~~GAEvB6B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOqC,UAAqB,UAATpD,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,EAAOsC,aAAc3D,EAAgB4C,EAACC,cAAAe,EAAM,MAAG,~~OAI3E~~,~~GAAG~~,CACD3C,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,~~EACAjC,~~IAIF,~~OAAImB~~,GAAmC,SAATrB,EAE1BkD,EAACC,cAAAgB,EAA0B,CAAAC,eAAgB,WAAA,OAAM9C,GAA0B,EAAM,GAC9EM,GAKAA,CACT,IAQkE,CAClEyC,OAAQC,EACRC,MAAOC"}
1	+ {"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport Leg from \"./Leg\";\nimport { LabelAllowedColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n /*\n Class name applied to the inner text wrapper.\n /\n labelClassName?: string;\n /\n The visual style of the label.\n /\n kind?: LabelKind;\n /\n The background color of the label.\n /\n color?: LabelColor;\n /\n The text content of the label.\n /\n text?: string;\n /\n If true, includes a leg (decorative extension).\n /\n isLegIncluded?: boolean;\n /\n Callback fired when the label is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /\n If true, triggers a celebration animation.\n /\n celebrationAnimation?: boolean;\n /\n The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n if (kind === \"line\") {\n return { color: `var(--color-${color})` };\n }\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color, kind]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LABEL, id)}\n data-vibe={ComponentVibeId.LABEL}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color=\"primary\"\n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\ninterface LabelStaticProps {\n colors: typeof LabelColorEnum;\n kinds: typeof LabelKindEnum;\n}\n\nexport default withStaticProps<LabelProps, LabelStaticProps>(Label, {\n colors: LabelColorEnum,\n kinds: LabelKindEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","ComponentVibeId","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd","colors","LabelColorEnum","kinds","LabelKindEnum"],"mappings":"++BAqDA,IAuIeA,EAAAA,EAvIDC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,EACpB,CAAA/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,eACxDmD,EAAgBD,MAC3B7D,IAAKmB,IAELmC,EAACC,cAAAQ,EACC,CAAAC,MAAOzB,EACP0B,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBf,UAAW2B,EACXtB,MAAM,UAAS,wBACQmB,GAEvB6B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOqC,UAAqB,UAATpD,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,EAAOsC,aAAc3D,EAAgB4C,EAACC,cAAAe,EAAM,MAAG,OAI1E,GAAE,CACD3C,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,IAIF,OAAId,GAAmC,SAATrB,EAE1BkD,EAACC,cAAAgB,EAA0B,CAAAC,eAAgB,WAAA,OAAM9C,GAA0B,EAAM,GAC9EM,GAKAA,CACT,IAQkE,CAClEyC,OAAQC,EACRC,MAAOC"}

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

@@ -1,2 +1,2 @@
-var e={clickableWrapper:"clickableWrapper_ab305a04fa","focus-visible":"focus-visible_1d68a623bd",label:"label_295edaae5f",small:"small_ad6faadd26",withLeg:"withLeg_88862b3423",legWrapper:"legWrapper_0d9394075e",kindFill:"kindFill_822dd933a1",colorPrimary:"colorPrimary_e90c642df5",clickable:"clickable_9509342894",colorDark:"colorDark_498ef1b4f2",colorNegative:"colorNegative_303a669420",colorPositive:"colorPositive_1fc3258faf",kindLine:"kindLine_f4c6562277",smallText:"smallText_b9a6be591f"};!function(e){const n="s_id-642067f9ceae_3_88_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_ab305a04fa {\n  cursor: pointer;\n}\n.clickableWrapper_ab305a04fa:focus-visible, .clickableWrapper_ab305a04fa.focus-visible_1d68a623bd {\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_ab305a04fa:focus:not(.focus-visible_1d68a623bd) {\n  outline: none;\n}\n.clickableWrapper_ab305a04fa:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_295edaae5f {\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_295edaae5f.small_ad6faadd26 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_88862b3423 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_0d9394075e {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_822dd933a1.colorPrimary_e90c642df5 {\n  background-color: var(--primary-color);\n}\n.kindFill_822dd933a1.colorPrimary_e90c642df5 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_822dd933a1.colorPrimary_e90c642df5.clickable_9509342894:hover, .kindFill_822dd933a1.colorPrimary_e90c642df5.clickable_9509342894:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_822dd933a1.colorDark_498ef1b4f2 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_822dd933a1.colorDark_498ef1b4f2 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_822dd933a1.colorNegative_303a669420 {\n  background-color: var(--negative-color);\n}\n.kindFill_822dd933a1.colorNegative_303a669420 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_822dd933a1.colorNegative_303a669420.clickable_9509342894:hover, .kindFill_822dd933a1.colorNegative_303a669420.clickable_9509342894:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_822dd933a1.colorPositive_1fc3258faf {\n  background-color: var(--positive-color);\n}\n.kindFill_822dd933a1.colorPositive_1fc3258faf svg path {\n  fill: var(--positive-color);\n}\n.kindFill_822dd933a1.colorPositive_1fc3258faf.clickable_9509342894:hover, .kindFill_822dd933a1.colorPositive_1fc3258faf.clickable_9509342894:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_f4c6562277 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_f4c6562277 .legWrapper_0d9394075e {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_f4c6562277.colorPrimary_e90c642df5 {\n  color: var(--primary-color);\n}\n.kindLine_f4c6562277.colorPrimary_e90c642df5 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_f4c6562277.colorPrimary_e90c642df5.clickable_9509342894:hover, .kindLine_f4c6562277.colorPrimary_e90c642df5.clickable_9509342894:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_f4c6562277.colorDark_498ef1b4f2 {\n  color: var(--inverted-color-background);\n}\n.kindLine_f4c6562277.colorDark_498ef1b4f2 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_f4c6562277.colorDark_498ef1b4f2.clickable_9509342894:hover, .kindLine_f4c6562277.colorDark_498ef1b4f2.clickable_9509342894:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_f4c6562277.colorNegative_303a669420 {\n  color: var(--negative-color);\n}\n.kindLine_f4c6562277.colorNegative_303a669420 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_f4c6562277.colorNegative_303a669420.clickable_9509342894:hover, .kindLine_f4c6562277.colorNegative_303a669420.clickable_9509342894:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_f4c6562277.colorPositive_1fc3258faf {\n  color: var(--positive-color);\n}\n.kindLine_f4c6562277.colorPositive_1fc3258faf svg path {\n  fill: var(--positive-color);\n}\n.kindLine_f4c6562277.colorPositive_1fc3258faf.clickable_9509342894:hover, .kindLine_f4c6562277.colorPositive_1fc3258faf.clickable_9509342894:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_f4c6562277 .smallText_b9a6be591f {\n  line-height: 14px;\n}");export{e as default};
+var a={clickableWrapper:"clickableWrapper_0bd0945fa3","focus-visible":"focus-visible_ef81741bea",label:"label_f808c6f628",small:"small_8c153d61c9",withLeg:"withLeg_4f12e727ff",legWrapper:"legWrapper_27132e310e",kindFill:"kindFill_683ad13bd7",colorPrimary:"colorPrimary_7768bc7117",clickable:"clickable_10ad7007f0",colorDark:"colorDark_9bb4346aa0",colorNegative:"colorNegative_af1fb5841b",colorPositive:"colorPositive_d4cb635088",smallText:"smallText_86745ebbe0",kindLine:"kindLine_14403840de"};!function(a){const e="s_id-85510492f00f_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_0bd0945fa3 {\n  cursor: pointer;\n}\n.clickableWrapper_0bd0945fa3:focus-visible, .clickableWrapper_0bd0945fa3.focus-visible_ef81741bea {\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_0bd0945fa3:focus:not(.focus-visible_ef81741bea) {\n  outline: none;\n}\n.clickableWrapper_0bd0945fa3:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_f808c6f628 {\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: var(--space-2) var(--spacing-small);\n  position: relative;\n}\n.label_f808c6f628.small_8c153d61c9 {\n  padding: var(--space-2) var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.withLeg_4f12e727ff {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_27132e310e {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_683ad13bd7 {\n  border: none;\n  background-color: transparent;\n  padding: var(--space-2) var(--spacing-small);\n  /* Each semantic pairs a --surface-* fill with its --text-on-surface-* text.\n     The leg (svg path) is filled with the surface so it reads as part of the label. */\n}\n.kindFill_683ad13bd7.small_8c153d61c9 {\n  padding: var(--space-2) var(--spacing-xs);\n}\n.kindFill_683ad13bd7.colorPrimary_7768bc7117 {\n  background-color: var(--surface-primary);\n  color: var(--text-on-surface-primary);\n}\n.kindFill_683ad13bd7.colorPrimary_7768bc7117 svg path {\n  fill: var(--surface-primary);\n}\n.kindFill_683ad13bd7.colorPrimary_7768bc7117.clickable_10ad7007f0:hover, .kindFill_683ad13bd7.colorPrimary_7768bc7117.clickable_10ad7007f0:active {\n  background-color: var(--surface-primary);\n}\n.kindFill_683ad13bd7.colorDark_9bb4346aa0 {\n  background-color: var(--surface-neutral);\n  color: var(--text-on-surface-neutral);\n}\n.kindFill_683ad13bd7.colorDark_9bb4346aa0 svg path {\n  fill: var(--surface-neutral);\n}\n.kindFill_683ad13bd7.colorDark_9bb4346aa0.clickable_10ad7007f0:hover, .kindFill_683ad13bd7.colorDark_9bb4346aa0.clickable_10ad7007f0:active {\n  background-color: var(--surface-neutral);\n}\n.kindFill_683ad13bd7.colorNegative_af1fb5841b {\n  background-color: var(--surface-negative);\n  color: var(--text-on-surface-negative);\n}\n.kindFill_683ad13bd7.colorNegative_af1fb5841b svg path {\n  fill: var(--surface-negative);\n}\n.kindFill_683ad13bd7.colorNegative_af1fb5841b.clickable_10ad7007f0:hover, .kindFill_683ad13bd7.colorNegative_af1fb5841b.clickable_10ad7007f0:active {\n  background-color: var(--surface-negative);\n}\n.kindFill_683ad13bd7.colorPositive_d4cb635088 {\n  background-color: var(--surface-positive);\n  color: var(--text-on-surface-positive);\n}\n.kindFill_683ad13bd7.colorPositive_d4cb635088 svg path {\n  fill: var(--surface-positive);\n}\n.kindFill_683ad13bd7.colorPositive_d4cb635088.clickable_10ad7007f0:hover, .kindFill_683ad13bd7.colorPositive_d4cb635088.clickable_10ad7007f0:active {\n  background-color: var(--surface-positive);\n}\n.kindFill_683ad13bd7 .smallText_86745ebbe0 {\n  line-height: 14px;\n}\n.kindLine_14403840de {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_14403840de.small_8c153d61c9 {\n  padding: 0 var(--spacing-xs);\n}\n.kindLine_14403840de .legWrapper_27132e310e {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_14403840de.colorPrimary_7768bc7117 {\n  color: var(--primary-color);\n}\n.kindLine_14403840de.colorPrimary_7768bc7117 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_14403840de.colorPrimary_7768bc7117.clickable_10ad7007f0:hover, .kindLine_14403840de.colorPrimary_7768bc7117.clickable_10ad7007f0:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_14403840de.colorDark_9bb4346aa0 {\n  color: var(--primary-text-color);\n}\n.kindLine_14403840de.colorDark_9bb4346aa0 svg path {\n  fill: var(--primary-text-color);\n}\n.kindLine_14403840de.colorDark_9bb4346aa0.clickable_10ad7007f0:hover, .kindLine_14403840de.colorDark_9bb4346aa0.clickable_10ad7007f0:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_14403840de.colorNegative_af1fb5841b {\n  color: var(--negative-color);\n}\n.kindLine_14403840de.colorNegative_af1fb5841b svg path {\n  fill: var(--negative-color);\n}\n.kindLine_14403840de.colorNegative_af1fb5841b.clickable_10ad7007f0:hover, .kindLine_14403840de.colorNegative_af1fb5841b.clickable_10ad7007f0:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_14403840de.colorPositive_d4cb635088 {\n  color: var(--positive-color);\n}\n.kindLine_14403840de.colorPositive_d4cb635088 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_14403840de.colorPositive_d4cb635088.clickable_10ad7007f0:hover, .kindLine_14403840de.colorPositive_d4cb635088.clickable_10ad7007f0:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_14403840de .smallText_86745ebbe0 {\n  line-height: 14px;\n}");export{a 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_1874df1b2e",svg:"svg_4b8f02953c",stroke:"stroke_5a03ebeebc","stroke-rotate":"stroke-rotate_e279db5173",base:"base_fc657c8ace",fade:"fade_aff7d08d77",first:"first_b0a1097453",second:"second_d7ac3aa5c5",third:"third_0d81d474b6","gradient-text-fill":"gradient-text-fill_50b8a3bac2"};!function(e){const n="s_id-cc5df975abc6_3_88_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_1874df1b2e {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_1874df1b2e .svg_4b8f02953c {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_1874df1b2e .svg_4b8f02953c .stroke_5a03ebeebc {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_e279db5173 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_1874df1b2e .svg_4b8f02953c .stroke_5a03ebeebc.base_fc657c8ace {\n  stroke: var(--color-egg_yolk);\n  animation: fade_aff7d08d77 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_1874df1b2e .svg_4b8f02953c .stroke_5a03ebeebc.first_b0a1097453 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_1874df1b2e .svg_4b8f02953c .stroke_5a03ebeebc.second_d7ac3aa5c5 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_1874df1b2e .svg_4b8f02953c .stroke_5a03ebeebc.third_0d81d474b6 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_1874df1b2e.celebration_1874df1b2e [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_50b8a3bac2 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_aff7d08d77 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_e279db5173 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_50b8a3bac2 {\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_a1f60c25b1",svg:"svg_23ee5cce41",stroke:"stroke_7e0ca0a1b3","stroke-rotate":"stroke-rotate_4cce95381f",base:"base_ad837a556c",fade:"fade_7f34857386",first:"first_74deb3f59e",second:"second_9d96cd5404",third:"third_dd65c7e211","gradient-text-fill":"gradient-text-fill_7b298b3477"};!function(e){const n="s_id-cc5df975abc6_3_88_6";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_a1f60c25b1 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_a1f60c25b1 .svg_23ee5cce41 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_a1f60c25b1 .svg_23ee5cce41 .stroke_7e0ca0a1b3 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_4cce95381f cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_a1f60c25b1 .svg_23ee5cce41 .stroke_7e0ca0a1b3.base_ad837a556c {\n  stroke: var(--color-egg_yolk);\n  animation: fade_7f34857386 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_a1f60c25b1 .svg_23ee5cce41 .stroke_7e0ca0a1b3.first_74deb3f59e {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_a1f60c25b1 .svg_23ee5cce41 .stroke_7e0ca0a1b3.second_9d96cd5404 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_a1f60c25b1 .svg_23ee5cce41 .stroke_7e0ca0a1b3.third_dd65c7e211 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_a1f60c25b1.celebration_a1f60c25b1 [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_7b298b3477 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_7f34857386 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_4cce95381f {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_7b298b3477 {\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/LegacyModal/LegacyModal.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={container:"container_5133773898",overlay:"overlay_36a19c033f","overlay-fade-out":"overlay-fade-out_eabad7a785","overlay-fade-in":"overlay-fade-in_aff7d08d77",dialog:"dialog_d4eafbad00",default:"default_3590abf77c",full:"full_0062534e68",spacing:"spacing_3fdd62e88e"};!function(n){const a="s_id-fe267e23c74c_3_88_4";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_5133773898,\n.overlay_36a19c033f {\n  position: fixed;\n  inset: 0;\n}\n\n.container_5133773898 {\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_5133773898[aria-hidden=true] {\n  display: none;\n}\n\n.container_5133773898[aria-hidden=true] .overlay_36a19c033f {\n  background-color: transparent;\n  animation: overlay-fade-out_eabad7a785 70ms var(--motion-timing-enter);\n}\n\n.overlay_36a19c033f {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_aff7d08d77 70ms var(--motion-timing-enter);\n}\n\n.dialog_d4eafbad00 {\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_d4eafbad00.default_3590abf77c {\n  width: 520px;\n}\n\n.dialog_d4eafbad00.full_0062534e68 {\n  width: 100vw;\n}\n\n.dialog_d4eafbad00.spacing_3fdd62e88e {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_aff7d08d77 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_eabad7a785 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+var n={container:"container_98a8e96180",overlay:"overlay_9fec76a49f","overlay-fade-out":"overlay-fade-out_d74969dc11","overlay-fade-in":"overlay-fade-in_7f34857386",dialog:"dialog_8fc7a49d7e",default:"default_a054ed45a3",full:"full_ada887e838",spacing:"spacing_f78a849a10"};!function(n){const a="s_id-fe267e23c74c_3_88_6";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_98a8e96180,\n.overlay_9fec76a49f {\n  position: fixed;\n  inset: 0;\n}\n\n.container_98a8e96180 {\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_98a8e96180[aria-hidden=true] {\n  display: none;\n}\n\n.container_98a8e96180[aria-hidden=true] .overlay_9fec76a49f {\n  background-color: transparent;\n  animation: overlay-fade-out_d74969dc11 70ms var(--motion-timing-enter);\n}\n\n.overlay_9fec76a49f {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_7f34857386 70ms var(--motion-timing-enter);\n}\n\n.dialog_8fc7a49d7e {\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_8fc7a49d7e.default_a054ed45a3 {\n  width: 520px;\n}\n\n.dialog_8fc7a49d7e.full_ada887e838 {\n  width: 100vw;\n}\n\n.dialog_8fc7a49d7e.spacing_f78a849a10 {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_7f34857386 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_d74969dc11 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
 //# sourceMappingURL=LegacyModal.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={container:"container_5a9e363681"};!function(e){const n="s_id-40a1f8a37338_3_88_4";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.container_5a9e363681 {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_5a9e363681::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_5a9e363681::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container_5a908d537e"};!function(e){const n="s_id-40a1f8a37338_3_88_6";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.container_5a908d537e {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_5a908d537e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_5a908d537e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={container:"container_013a9c33fe"};!function(e){const t="s_id-9ff7e713f88b_3_88_4";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_013a9c33fe {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+var e={container:"container_5a9038fb0a"};!function(e){const t="s_id-9ff7e713f88b_3_88_6";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_5a9038fb0a {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
 //# sourceMappingURL=LegacyModalFooter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={container:"container_096095363e",icon:"icon_cb07092f88",description:"description_2633d97d00",closeButton:"closeButton_aeca8953b7"};!function(e){const n="s_id-f34f7b91e8f3_3_88_4";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.container_096095363e {\n  margin-block-start: var(--spacing-medium);\n}\n.container_096095363e .icon_cb07092f88 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_096095363e .description_2633d97d00 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_096095363e .closeButton_aeca8953b7 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
+var e={container:"container_74b40c4296",icon:"icon_37805e9e19",description:"description_2188c6e383",closeButton:"closeButton_9397112cdb"};!function(e){const n="s_id-f34f7b91e8f3_3_88_6";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.container_74b40c4296 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_74b40c4296 .icon_37805e9e19 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_74b40c4296 .description_2188c6e383 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_74b40c4296 .closeButton_9397112cdb {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={link:"link_a80f9f013e","focus-visible":"focus-visible_1d68a623bd",colorOnPrimary:"colorOnPrimary_d46b55e775",colorOnInverted:"colorOnInverted_e0a7d8e443",text:"text_a232bc8a62",inlineText:"inlineText_9258d4bb60",inheritFontSize:"inheritFontSize_4f0b4cf492",iconStart:"iconStart_b788111f42",iconEnd:"iconEnd_b862b24be3"};!function(n){const e="s_id-6fcc93dacbaa_3_88_4";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.link_a80f9f013e {\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_a80f9f013e:focus-visible, .link_a80f9f013e.focus-visible_1d68a623bd {\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_a80f9f013e:focus:not(.focus-visible_1d68a623bd) {\n  outline: none;\n}\n.link_a80f9f013e.colorOnPrimary_d46b55e775 {\n  color: var(--text-color-on-primary);\n}\n.link_a80f9f013e.colorOnInverted_e0a7d8e443 {\n  color: var(--text-color-on-inverted);\n}\n.link_a80f9f013e:hover .text_a232bc8a62 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_a80f9f013e.inlineText_9258d4bb60 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_a80f9f013e.inheritFontSize_4f0b4cf492 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_b788111f42 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_b862b24be3 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_b788111f42 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_b862b24be3 {\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_49d2390e5b","focus-visible":"focus-visible_ef81741bea",colorOnPrimary:"colorOnPrimary_3737c8c638",colorOnInverted:"colorOnInverted_db17540cba",text:"text_680b4ec6a3",inlineText:"inlineText_bae6d50279",inheritFontSize:"inheritFontSize_46127ea08f",iconStart:"iconStart_37514048ea",iconEnd:"iconEnd_7ee2b87f2b"};!function(n){const e="s_id-6fcc93dacbaa_3_88_6";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.link_49d2390e5b {\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_49d2390e5b:focus-visible, .link_49d2390e5b.focus-visible_ef81741bea {\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_49d2390e5b:focus:not(.focus-visible_ef81741bea) {\n  outline: none;\n}\n.link_49d2390e5b.colorOnPrimary_3737c8c638 {\n  color: var(--text-color-on-primary);\n}\n.link_49d2390e5b.colorOnInverted_db17540cba {\n  color: var(--text-color-on-inverted);\n}\n.link_49d2390e5b:hover .text_680b4ec6a3 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_49d2390e5b.inlineText_bae6d50279 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_49d2390e5b.inheritFontSize_46127ea08f {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_37514048ea {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_7ee2b87f2b {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_37514048ea {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_7ee2b87f2b {\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_c484491a0c"};!function(e){const t="s_id-ed9bf484fec4_3_88_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_c484491a0c {\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_c484491a0c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_c484491a0c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_68aaabb36c"};!function(e){const t="s_id-ed9bf484fec4_3_88_6";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)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_68aaabb36c {\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_68aaabb36c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_68aaabb36c::-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_0e69d732c6"};!function(e){const n="s_id-6ed55dee5450_3_88_4";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_0e69d732c6 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_0e69d732c6::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_0e69d732c6::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_69a00a8445"};!function(e){const n="s_id-6ed55dee5450_3_88_6";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_69a00a8445 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_69a00a8445::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_69a00a8445::-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_51af6fafdc","focus-visible":"focus-visible_7f2e1d4776",disabled:"disabled_d6c1f53ba8",selected:"selected_a2504257a3",small:"small_2a1453ce24",medium:"medium_a2477a54eb",large:"large_ac36b88f5d"};!function(e){const n="s_id-8402a299d384_3_88_4";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)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_51af6fafdc {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_51af6fafdc:focus-visible, .listItem_51af6fafdc.focus-visible_7f2e1d4776 {\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_51af6fafdc:focus:not(.focus-visible_7f2e1d4776) {\n  outline: none;\n}\n.listItem_51af6fafdc:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_d6c1f53ba8 {\n  cursor: not-allowed;\n}\n.disabled_d6c1f53ba8:hover {\n  background-color: transparent;\n}\n.selected_a2504257a3 {\n  background-color: var(--primary-selected-color);\n}\n.selected_a2504257a3:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_2a1453ce24 {\n  height: 32px;\n}\n.medium_a2477a54eb {\n  height: 40px;\n}\n.large_ac36b88f5d {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_605b37238b","focus-visible":"focus-visible_12c43de20d",disabled:"disabled_a5d00d73e1",selected:"selected_e0607190b2",small:"small_50d550bb07",medium:"medium_74b6e30015",large:"large_66efebd9e4"};!function(e){const n="s_id-8402a299d384_3_88_6";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,l.firstChild?l.insertBefore(d,l.firstChild):l.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_605b37238b {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_605b37238b:focus-visible, .listItem_605b37238b.focus-visible_12c43de20d {\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_605b37238b:focus:not(.focus-visible_12c43de20d) {\n  outline: none;\n}\n.listItem_605b37238b:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_a5d00d73e1 {\n  cursor: not-allowed;\n}\n.disabled_a5d00d73e1:hover {\n  background-color: transparent;\n}\n.selected_e0607190b2 {\n  background-color: var(--primary-selected-color);\n}\n.selected_e0607190b2:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_50d550bb07 {\n  height: 32px;\n}\n.medium_74b6e30015 {\n  height: 40px;\n}\n.large_66efebd9e4 {\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_b3cb6fb5a2",avatar:"avatar_23f6859f0f"};!function(e){const t="s_id-64054545c9e6_3_88_4";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar_b3cb6fb5a2 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar_23f6859f0f {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_22063a749c",avatar:"avatar_b0559d4565"};!function(e){const t="s_id-64054545c9e6_3_88_6";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar_22063a749c {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar_b0559d4565 {\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_b3cb6fb5a2",start:"start_c55a324bbe",end:"end_dd110a6e19"};!function(e){const t="s_id-0831d1bc0202_3_88_4";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon_b3cb6fb5a2 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.start_c55a324bbe {\n  margin-right: var(--spacing-small);\n}\n.end_dd110a6e19 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_22063a749c",start:"start_6afc5ec1f3",end:"end_bb1cc63bcc"};!function(e){const t="s_id-0831d1bc0202_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon_22063a749c {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.start_6afc5ec1f3 {\n  margin-right: var(--spacing-small);\n}\n.end_bb1cc63bcc {\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_566ee26479"};!function(e){const t="s_id-d4e0bfe7508e_3_88_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle_566ee26479 {\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_7387f83e2c"};!function(e){const t="s_id-d4e0bfe7508e_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle_7387f83e2c {\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/Menu/Menu/Menu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={menu:"menu_021d79ae29",small:"small_74c7e0d38e",medium:"medium_7b91583256",large:"large_b71460fe93"};!function(e){const n="s_id-1599ba0bb296_3_88_4";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_021d79ae29 {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n.menu_021d79ae29:focus {\n  outline: none;\n}\n.small_74c7e0d38e {\n  width: 200px;\n}\n.medium_7b91583256 {\n  width: 220px;\n}\n.large_b71460fe93 {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu_60c01db7a2",small:"small_23920a6924",medium:"medium_8cc15d4742",large:"large_adf1d040bf"};!function(e){const n="s_id-bbf29f58ae1f_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_60c01db7a2 {\n  margin: unset;\n  padding: 8px;\n  position: relative;\n  overflow: visible;\n  box-sizing: border-box;\n  width: 100%;\n}\n.menu_60c01db7a2:focus {\n  outline: none;\n}\n.small_23920a6924 {\n  min-width: 200px;\n}\n.medium_8cc15d4742 {\n  min-width: 220px;\n}\n.large_adf1d040bf {\n  min-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_20a4f92b91"};!function(e){const d="s_id-d277a91266dd_3_88_4";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_20a4f92b91 {\n  width: 100%;\n  padding: 0 var(--spacing-small);\n}");export{e as default};
+var e={menuChildDivider:"menuChildDivider_0ab6363c50"};!function(e){const d="s_id-d277a91266dd_3_88_6";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_0ab6363c50 {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as o}from"../../../../_virtual/_tslib.js";import e,{forwardRef as t,useRef as i,useMemo as s}from"react";import{withStaticProps as l}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import n from"../../Label/Label.js";import r from"./MenuItem.module.scss.js";import a from"./components/BaseMenuItem/BaseMenuItem.js";import c from"./components/MenuItemIcon/MenuItemIcon.js";import p from"../../../../components/icon/dist/Icon/Icon.js";import{TooltipPositions as m}from"../../../../components/tooltip/dist/Tooltip/TooltipConstants.js";import d from"../../../../hooks/dist/useIsOverflowing/index.js";import u from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";import b from"../../../../components/layout/dist/Flex/Flex.js";var g=t((function(t,l){var p=t.className,m=t.iconWrapperClassName,g=t.rightIconWrapperClassName,f=t.title,I=void 0===f?"":f,h=t.label,y=void 0===h?"":h,v=t.icon,C=void 0===v?"":v,j=t.rightIcon,k=void 0===j?"":j,N=t.rightIconType,T=t.rightIconBackgroundColor,E=t.rightIconAriaLabel,w=t.iconType,M=t.iconBackgroundColor,P=t.disabled,x=void 0!==P&&P,B=t.disableReason,L=t.selected,O=void 0!==L&&L,S=t.key,W=t.children,D=t.tooltipContent,R=t.tooltipPosition,A=void 0===R?"right":R,F=t.tooltipShowDelay,_=void 0===F?300:F,V=t.tooltipProps,q=t["aria-label"],z=o(t,["className","iconWrapperClassName","rightIconWrapperClassName","title","label","icon","rightIcon","rightIconType","rightIconBackgroundColor","rightIconAriaLabel","iconType","iconBackgroundColor","disabled","disableReason","selected","key","children","tooltipContent","tooltipPosition","tooltipShowDelay","tooltipProps","aria-label"]),G=i(),H=null!=q?q:I,J=null!=E?E:I,K=d({ref:G})||x||D,Q=s((function(){return x?B:D||I}),[B,x,I,D]),U=s((function(){if(y)return"string"==typeof y?e.createElement(n,{kind:"line",text:y}):e.isValidElement(y)&&y.type===n?y:void 0}),[y]);return e.createElement(u,Object.assign({content:K?Q:null,position:A,showDelay:_},V),e.createElement(a,Object.assign({key:S,ref:l,subMenu:W,className:p,disabled:x,selected:O},z),!!C&&e.createElement(c,{icon:C,type:w,label:H,disabled:x,selected:O,backgroundColor:M,wrapperClassName:m}),e.createElement("div",{ref:G,className:r.title},I),e.createElement(b,{gap:"xs"},!!k&&!W&&e.createElement(c,{icon:k,type:N,label:J,disabled:x,selected:O,backgroundColor:T,isRightIcon:!0,wrapperClassName:g}),U)))}));Object.assign(g,{isSelectable:!0,isMenuChild:!0});var f=l(g,{iconType:p.type,tooltipPositions:m});export{f as default};
+import{__rest as o}from"../../../../_virtual/_tslib.js";import e,{forwardRef as t,useRef as i,useMemo as s}from"react";import{withStaticProps as l}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import n from"../../Label/Label.js";import r from"./MenuItem.module.scss.js";import a from"./components/BaseMenuItem/BaseMenuItem.js";import c from"./components/MenuItemIcon/MenuItemIcon.js";import p from"../../../../components/icon/dist/Icon/Icon.js";import{TooltipPositions as m}from"../../../../components/tooltip/dist/Tooltip/TooltipConstants.js";import d from"../../../../hooks/dist/useIsOverflowing/index.js";import u from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";import b from"../../../../components/layout/dist/Flex/Flex.js";var g=t((function(t,l){var p=t.className,m=t.iconWrapperClassName,g=t.rightIconWrapperClassName,f=t.title,I=void 0===f?"":f,h=t.label,y=void 0===h?"":h,v=t.icon,C=void 0===v?"":v,j=t.rightIcon,k=void 0===j?"":j,N=t.rightIconType,T=t.rightIconBackgroundColor,E=t.rightIconAriaLabel,w=t.iconType,M=t.iconBackgroundColor,P=t.disabled,x=void 0!==P&&P,B=t.disableReason,L=t.selected,O=void 0!==L&&L,S=t.key,W=t.children,D=t.tooltipContent,R=t.tooltipPosition,A=void 0===R?"right":R,F=t.tooltipShowDelay,_=void 0===F?300:F,z=t.tooltipProps,V=t["aria-label"],q=o(t,["className","iconWrapperClassName","rightIconWrapperClassName","title","label","icon","rightIcon","rightIconType","rightIconBackgroundColor","rightIconAriaLabel","iconType","iconBackgroundColor","disabled","disableReason","selected","key","children","tooltipContent","tooltipPosition","tooltipShowDelay","tooltipProps","aria-label"]),G=i(),H=null!=V?V:I,J=null!=E?E:I,K=d({ref:G})||x||D,Q=s((function(){return x?B:D||I}),[B,x,I,D]),U=s((function(){if(y)return"string"==typeof y?e.createElement(n,{text:y,size:"small"}):e.isValidElement(y)&&y.type===n?y:void 0}),[y]);return e.createElement(u,Object.assign({content:K?Q:null,position:A,showDelay:_},z),e.createElement(a,Object.assign({key:S,ref:l,subMenu:W,className:p,disabled:x,selected:O},q),!!C&&e.createElement(c,{icon:C,type:w,label:H,disabled:x,selected:O,backgroundColor:M,wrapperClassName:m}),e.createElement("div",{ref:G,className:r.title},I),e.createElement(b,{gap:"xs"},!!k&&!W&&e.createElement(c,{icon:k,type:N,label:J,disabled:x,selected:O,backgroundColor:T,isRightIcon:!0,wrapperClassName:g}),U)))}));Object.assign(g,{isSelectable:!0,isMenuChild:!0});var f=l(g,{iconType:p.type,tooltipPositions:m});export{f as default};
 //# sourceMappingURL=MenuItem.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { type AriaAttributes, type ForwardedRef, type ReactElement, forwardRef, useMemo, useRef } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { type IconType, Icon, type SubIcon } from \"@vibe/icon\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { type CloseMenuOption, type MenuChild } from \"../Menu/MenuConstants\";\nimport Label from \"../../Label/Label\";\nimport styles from \"./MenuItem.module.scss\";\nimport BaseMenuItem from \"./components/BaseMenuItem/BaseMenuItem\";\nimport MenuItemIcon from \"./components/MenuItemIcon/MenuItemIcon\";\nimport { type TooltipPositions, TooltipPositionsEnum } from \"@vibe/tooltip\";\nimport { type SubmenuPosition } from \"./MenuItem.types\";\nimport { Flex } from \"@vibe/layout\";\n\nexport interface MenuItemProps extends VibeComponentProps {\n /*\n The title of the menu item.\n /\n title?: string;\n /\n The label displayed alongside the title.\n /\n label?: string \| React.ReactElement<typeof Label>;\n /\n The icon displayed in the menu item.\n /\n icon?: SubIcon;\n /\n The type of icon.\n /\n iconType?: IconType;\n /\n The background color of the icon.\n /\n iconBackgroundColor?: string;\n /\n The right icon to be displayed.\n /\n rightIcon?: SubIcon;\n /\n The type of right icon.\n /\n rightIconType?: IconType;\n /\n The background color of the right icon.\n /\n rightIconBackgroundColor?: string;\n /\n Class name applied to the icon wrapper.\n /\n rightIconWrapperClassName?: string;\n /\n The label of the menu item for accessibility.\n /\n rightIconAriaLabel?: AriaAttributes[\"aria-label\"];\n /\n If true, the menu item is disabled.\n /\n disabled?: boolean;\n /\n The reason for disabling the item, shown in a tooltip.\n /\n disableReason?: string;\n /\n If true, the menu item is selected.\n /\n selected?: boolean;\n /\n Callback fired when the menu item is clicked.\n /\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent) => void;\n /\n The active item index in the menu.\n /\n activeItemIndex?: number;\n /\n Callback to set the active item index.\n /\n setActiveItemIndex?: (index: number) => void;\n /\n The index of the menu item.\n /\n index?: number;\n /\n The key of the menu item.\n /\n key?: string;\n /\n If true, the parent menu is visible.\n /\n isParentMenuVisible?: boolean;\n /\n Callback to reset the open submenu index.\n /\n resetOpenSubMenuIndex?: () => void;\n /\n If true, a submenu is open.\n /\n hasOpenSubMenu?: boolean;\n /\n Callback to open or close a submenu by index.\n /\n setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n /\n If true, document event listeners are used for handling interactions.\n /\n useDocumentEventListeners?: boolean;\n /\n The tooltip content for the menu item.\n /\n tooltipContent?: string;\n /\n The position of the tooltip.\n /\n tooltipPosition?: TooltipPositions;\n /\n The delay in milliseconds before the tooltip shows.\n /\n tooltipShowDelay?: number;\n /\n Additional props for customizing the tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Callback fired when the mouse leaves the item.\n /\n onMouseLeave?: (event: React.MouseEvent) => void;\n /\n Callback fired when the mouse enters the item.\n /\n onMouseEnter?: (event: React.MouseEvent) => void;\n /\n Class name applied to the icon wrapper.\n /\n iconWrapperClassName?: string;\n /\n If true, the menu item starts as selected.\n /\n isInitialSelectedState?: boolean;\n /\n If true, the menu scrolls to ensure visibility.\n /\n shouldScrollMenu?: boolean;\n /\n Function to close the menu with a given option.\n /\n closeMenu?: (option: CloseMenuOption) => void;\n /\n Reference to the menu container.\n /\n menuRef?: React.RefObject<HTMLElement>;\n /\n The submenu items, if applicable.\n /\n children?: MenuChild \| MenuChild[];\n /\n If true, enables a split menu item interaction where the main area triggers an action,\n * while the icon button opens the submenu.\n /\n splitMenuItem?: boolean;\n /\n The label of the menu item for accessibility.\n /\n \"aria-label\"?: AriaAttributes[\"aria-label\"];\n /\n The position of a submenu relative to the menu item.\n /\n submenuPosition?: SubmenuPosition;\n /\n If true, automatically repositions the submenu when its content changes.\n */\n autoAdjustOnSubMenuContentResize?: boolean;\n}\n\nexport interface MenuItemTitleComponentProps extends Omit<MenuItemProps, \"title\"> {\n title: ReactElement;\n \"aria-label\": NonNullable<AriaAttributes[\"aria-label\"]>;\n}\n\nconst MenuItem = forwardRef(\n (\n {\n className,\n iconWrapperClassName,\n rightIconWrapperClassName,\n title = \"\",\n label = \"\",\n icon = \"\",\n rightIcon = \"\",\n rightIconType,\n rightIconBackgroundColor,\n rightIconAriaLabel,\n iconType,\n iconBackgroundColor,\n disabled = false,\n disableReason,\n selected = false,\n key,\n children,\n tooltipContent,\n tooltipPosition = \"right\",\n tooltipShowDelay = 300,\n tooltipProps,\n \"aria-label\": ariaLabel,\n ...baseMenuProps\n }: MenuItemProps \| MenuItemTitleComponentProps,\n ref: ForwardedRef<HTMLElement>\n ) => {\n const titleRef = useRef();\n\n // if \"title\" is a component ariaLabel is mandatory\n const iconLabel = ariaLabel ?? (title as string);\n const rightIconLabel = rightIconAriaLabel ?? (title as string);\n\n const isTitleHoveredAndOverflowing = useIsOverflowing({ ref: titleRef });\n const shouldShowTooltip = isTitleHoveredAndOverflowing \|\| disabled \|\| tooltipContent;\n\n const finalTooltipContent = useMemo(() => {\n if (disabled) return disableReason;\n if (tooltipContent) return tooltipContent;\n return title;\n }, [disableReason, disabled, title, tooltipContent]);\n\n const renderLabel = useMemo(() => {\n if (!label) return;\n if (typeof label === \"string\") {\n return <Label kind=\"line\" text={label} />;\n }\n if (React.isValidElement(label) && label.type === Label) {\n return label;\n }\n }, [label]);\n\n return (\n <Tooltip\n content={shouldShowTooltip ? finalTooltipContent : null}\n position={tooltipPosition}\n showDelay={tooltipShowDelay}\n {...tooltipProps}\n >\n <BaseMenuItem\n key={key}\n ref={ref}\n subMenu={children}\n className={className}\n disabled={disabled}\n selected={selected}\n {...baseMenuProps}\n >\n {Boolean(icon) && (\n <MenuItemIcon\n icon={icon}\n type={iconType}\n label={iconLabel}\n disabled={disabled}\n selected={selected}\n backgroundColor={iconBackgroundColor}\n wrapperClassName={iconWrapperClassName}\n />\n )}\n <div ref={titleRef} className={styles.title}>\n {title}\n </div>\n <Flex gap=\"xs\">\n {Boolean(rightIcon) && !children && (\n <MenuItemIcon\n icon={rightIcon}\n type={rightIconType}\n label={rightIconLabel}\n disabled={disabled}\n selected={selected}\n backgroundColor={rightIconBackgroundColor}\n isRightIcon={true}\n wrapperClassName={rightIconWrapperClassName}\n />\n )}\n {renderLabel}\n </Flex>\n </BaseMenuItem>\n </Tooltip>\n );\n }\n);\n\nObject.assign(MenuItem, {\n isSelectable: true,\n isMenuChild: true\n});\n\ninterface MenuItemStaticProps {\n iconType: typeof Icon.type;\n tooltipPositions: typeof TooltipPositionsEnum;\n}\n\nexport default withStaticProps<MenuItemProps \| MenuItemTitleComponentProps, MenuItemStaticProps>(MenuItem, {\n iconType: Icon.type,\n tooltipPositions: TooltipPositionsEnum\n});\n"],"names":["MenuItem","forwardRef","_a","ref","className","iconWrapperClassName","rightIconWrapperClassName","_a$title","title","_a$label","label","_a$icon","icon","_a$rightIcon","rightIcon","rightIconType","rightIconBackgroundColor","rightIconAriaLabel","iconType","iconBackgroundColor","_a$disabled","disabled","disableReason","_a$selected","selected","key","children","tooltipContent","_a$tooltipPosition","tooltipPosition","_a$tooltipShowDelay","tooltipShowDelay","tooltipProps","ariaLabel","baseMenuProps","__rest","titleRef","useRef","iconLabel","rightIconLabel","shouldShowTooltip","useIsOverflowing","finalTooltipContent","useMemo","renderLabel","React","createElement","Label","kind","text","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild","withStaticProps","Icon","tooltipPositions","TooltipPositionsEnum"],"mappings":"ywBAmLA,IAAMA,EAAWC,GACf,SACEC,EAyBAC,GAzBA,IACEC,EAuB4CF,EAvB5CE,UACAC,EAsB4CH,EAtB5CG,qBACAC,EAqB4CJ,EArB5CI,0BAAyBC,EAqBmBL,EApB5CM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAoBkCP,EAnB5CQ,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAmBkCT,EAlB5CU,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAkBmCX,EAjB5CY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAgB4Cb,EAhB5Ca,cACAC,EAe4Cd,EAf5Cc,yBACAC,EAc4Cf,EAd5Ce,mBACAC,EAa4ChB,EAb5CgB,SACAC,EAY4CjB,EAZ5CiB,oBAAmBC,EAYyBlB,EAX5CmB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAU4CpB,EAV5CoB,cAAaC,EAU+BrB,EAT5CsB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAQ4CvB,EAR5CuB,IACAC,EAO4CxB,EAP5CwB,SACAC,EAM4CzB,EAN5CyB,eAAcC,EAM8B1B,EAL5C2B,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAKmB5B,EAJ5C6B,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAG4C9B,EAH5C8B,aACcC,EAE8B/B,EAF5C,cACGgC,EAAaC,EAAAjC,EAvBlB,+UA2BMkC,EAAWC,IAGXC,EAAYL,QAAAA,EAAczB,EAC1B+B,EAAiBtB,QAAAA,EAAuBT,EAGxCgC,EAD+BC,EAAiB,CAAEtC,IAAKiC,KACHf,GAAYM,EAEhEe,EAAsBC,GAAQ,WAClC,OAAItB,EAAiBC,EACjBK,GACGnB,CACR,GAAE,CAACc,EAAeD,EAAUb,EAAOmB,IAE9BiB,EAAcD,GAAQ,WAC1B,GAAKjC,EACL,MAAqB,iBAAVA,EACFmC,EAAAC,cAACC,EAAK,CAACC,KAAK,OAAOC,KAAMvC,IAE9BmC,EAAMK,eAAexC,IAAUA,EAAMyC,OAASJ,EACzCrC,OADT,CAGF,GAAG,CAACA,IAEJ,OACEmC,EAACC,cAAAM,EACCC,OAAAC,OAAA,CAAAC,QAASf,EAAoBE,EAAsB,KACnDc,SAAU3B,EACV4B,UAAW1B,GACPC,GAEJa,EAACC,cAAAY,EACCL,OAAAC,OAAA,CAAA7B,IAAKA,EACLtB,IAAKA,EACLwD,QAASjC,EACTtB,UAAWA,EACXiB,SAAUA,EACVG,SAAUA,GACNU,KAEKtB,GACPiC,gBAACe,EAAY,CACXhD,KAAMA,EACNuC,KAAMjC,EACNR,MAAO4B,EACPjB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB1C,EACjB2C,iBAAkBzD,IAGtBwC,EAAKC,cAAA,MAAA,CAAA3C,IAAKiC,EAAUhC,UAAW2D,EAAOvD,OACnCA,GAEHqC,EAAAC,cAACkB,EAAI,CAACC,IAAI,QACCnD,IAAeY,GACtBmB,EAAAC,cAACc,EACC,CAAAhD,KAAME,EACNqC,KAAMpC,EACNL,MAAO6B,EACPlB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB7C,EACjBkD,aAAa,EACbJ,iBAAkBxD,IAGrBsC,IAKX,IAGFS,OAAOC,OAAOtD,EAAU,CACtBmE,cAAc,EACdC,aAAa,IAQf,IAAeC,EAAAA,EAAkFrE,EAAU,CACzGkB,SAAUoD,EAAKnB,KACfoB,iBAAkBC"}
1	+ {"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { type AriaAttributes, type ForwardedRef, type ReactElement, forwardRef, useMemo, useRef } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { type IconType, Icon, type SubIcon } from \"@vibe/icon\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { type CloseMenuOption, type MenuChild } from \"../Menu/MenuConstants\";\nimport Label from \"../../Label/Label\";\nimport styles from \"./MenuItem.module.scss\";\nimport BaseMenuItem from \"./components/BaseMenuItem/BaseMenuItem\";\nimport MenuItemIcon from \"./components/MenuItemIcon/MenuItemIcon\";\nimport { type TooltipPositions, TooltipPositionsEnum } from \"@vibe/tooltip\";\nimport { type SubmenuPosition } from \"./MenuItem.types\";\nimport { Flex } from \"@vibe/layout\";\n\nexport interface MenuItemProps extends VibeComponentProps {\n /*\n The title of the menu item.\n /\n title?: string;\n /\n The label displayed alongside the title.\n /\n label?: string \| React.ReactElement<typeof Label>;\n /\n The icon displayed in the menu item.\n /\n icon?: SubIcon;\n /\n The type of icon.\n /\n iconType?: IconType;\n /\n The background color of the icon.\n /\n iconBackgroundColor?: string;\n /\n The right icon to be displayed.\n /\n rightIcon?: SubIcon;\n /\n The type of right icon.\n /\n rightIconType?: IconType;\n /\n The background color of the right icon.\n /\n rightIconBackgroundColor?: string;\n /\n Class name applied to the icon wrapper.\n /\n rightIconWrapperClassName?: string;\n /\n The label of the menu item for accessibility.\n /\n rightIconAriaLabel?: AriaAttributes[\"aria-label\"];\n /\n If true, the menu item is disabled.\n /\n disabled?: boolean;\n /\n The reason for disabling the item, shown in a tooltip.\n /\n disableReason?: string;\n /\n If true, the menu item is selected.\n /\n selected?: boolean;\n /\n Callback fired when the menu item is clicked.\n /\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent) => void;\n /\n The active item index in the menu.\n /\n activeItemIndex?: number;\n /\n Callback to set the active item index.\n /\n setActiveItemIndex?: (index: number) => void;\n /\n The index of the menu item.\n /\n index?: number;\n /\n The key of the menu item.\n /\n key?: string;\n /\n If true, the parent menu is visible.\n /\n isParentMenuVisible?: boolean;\n /\n Callback to reset the open submenu index.\n /\n resetOpenSubMenuIndex?: () => void;\n /\n If true, a submenu is open.\n /\n hasOpenSubMenu?: boolean;\n /\n Callback to open or close a submenu by index.\n /\n setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n /\n If true, document event listeners are used for handling interactions.\n /\n useDocumentEventListeners?: boolean;\n /\n The tooltip content for the menu item.\n /\n tooltipContent?: string;\n /\n The position of the tooltip.\n /\n tooltipPosition?: TooltipPositions;\n /\n The delay in milliseconds before the tooltip shows.\n /\n tooltipShowDelay?: number;\n /\n Additional props for customizing the tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Callback fired when the mouse leaves the item.\n /\n onMouseLeave?: (event: React.MouseEvent) => void;\n /\n Callback fired when the mouse enters the item.\n /\n onMouseEnter?: (event: React.MouseEvent) => void;\n /\n Class name applied to the icon wrapper.\n /\n iconWrapperClassName?: string;\n /\n If true, the menu item starts as selected.\n /\n isInitialSelectedState?: boolean;\n /\n If true, the menu scrolls to ensure visibility.\n /\n shouldScrollMenu?: boolean;\n /\n Function to close the menu with a given option.\n /\n closeMenu?: (option: CloseMenuOption) => void;\n /\n Reference to the menu container.\n /\n menuRef?: React.RefObject<HTMLElement>;\n /\n The submenu items, if applicable.\n /\n children?: MenuChild \| MenuChild[];\n /\n If true, enables a split menu item interaction where the main area triggers an action,\n * while the icon button opens the submenu.\n /\n splitMenuItem?: boolean;\n /\n The label of the menu item for accessibility.\n /\n \"aria-label\"?: AriaAttributes[\"aria-label\"];\n /\n The position of a submenu relative to the menu item.\n /\n submenuPosition?: SubmenuPosition;\n /\n If true, automatically repositions the submenu when its content changes.\n */\n autoAdjustOnSubMenuContentResize?: boolean;\n}\n\nexport interface MenuItemTitleComponentProps extends Omit<MenuItemProps, \"title\"> {\n title: ReactElement;\n \"aria-label\": NonNullable<AriaAttributes[\"aria-label\"]>;\n}\n\nconst MenuItem = forwardRef(\n (\n {\n className,\n iconWrapperClassName,\n rightIconWrapperClassName,\n title = \"\",\n label = \"\",\n icon = \"\",\n rightIcon = \"\",\n rightIconType,\n rightIconBackgroundColor,\n rightIconAriaLabel,\n iconType,\n iconBackgroundColor,\n disabled = false,\n disableReason,\n selected = false,\n key,\n children,\n tooltipContent,\n tooltipPosition = \"right\",\n tooltipShowDelay = 300,\n tooltipProps,\n \"aria-label\": ariaLabel,\n ...baseMenuProps\n }: MenuItemProps \| MenuItemTitleComponentProps,\n ref: ForwardedRef<HTMLElement>\n ) => {\n const titleRef = useRef();\n\n // if \"title\" is a component ariaLabel is mandatory\n const iconLabel = ariaLabel ?? (title as string);\n const rightIconLabel = rightIconAriaLabel ?? (title as string);\n\n const isTitleHoveredAndOverflowing = useIsOverflowing({ ref: titleRef });\n const shouldShowTooltip = isTitleHoveredAndOverflowing \|\| disabled \|\| tooltipContent;\n\n const finalTooltipContent = useMemo(() => {\n if (disabled) return disableReason;\n if (tooltipContent) return tooltipContent;\n return title;\n }, [disableReason, disabled, title, tooltipContent]);\n\n const renderLabel = useMemo(() => {\n if (!label) return;\n if (typeof label === \"string\") {\n return <Label text={label} size=\"small\" />;\n }\n if (React.isValidElement(label) && label.type === Label) {\n return label;\n }\n }, [label]);\n\n return (\n <Tooltip\n content={shouldShowTooltip ? finalTooltipContent : null}\n position={tooltipPosition}\n showDelay={tooltipShowDelay}\n {...tooltipProps}\n >\n <BaseMenuItem\n key={key}\n ref={ref}\n subMenu={children}\n className={className}\n disabled={disabled}\n selected={selected}\n {...baseMenuProps}\n >\n {Boolean(icon) && (\n <MenuItemIcon\n icon={icon}\n type={iconType}\n label={iconLabel}\n disabled={disabled}\n selected={selected}\n backgroundColor={iconBackgroundColor}\n wrapperClassName={iconWrapperClassName}\n />\n )}\n <div ref={titleRef} className={styles.title}>\n {title}\n </div>\n <Flex gap=\"xs\">\n {Boolean(rightIcon) && !children && (\n <MenuItemIcon\n icon={rightIcon}\n type={rightIconType}\n label={rightIconLabel}\n disabled={disabled}\n selected={selected}\n backgroundColor={rightIconBackgroundColor}\n isRightIcon={true}\n wrapperClassName={rightIconWrapperClassName}\n />\n )}\n {renderLabel}\n </Flex>\n </BaseMenuItem>\n </Tooltip>\n );\n }\n);\n\nObject.assign(MenuItem, {\n isSelectable: true,\n isMenuChild: true\n});\n\ninterface MenuItemStaticProps {\n iconType: typeof Icon.type;\n tooltipPositions: typeof TooltipPositionsEnum;\n}\n\nexport default withStaticProps<MenuItemProps \| MenuItemTitleComponentProps, MenuItemStaticProps>(MenuItem, {\n iconType: Icon.type,\n tooltipPositions: TooltipPositionsEnum\n});\n"],"names":["MenuItem","forwardRef","_a","ref","className","iconWrapperClassName","rightIconWrapperClassName","_a$title","title","_a$label","label","_a$icon","icon","_a$rightIcon","rightIcon","rightIconType","rightIconBackgroundColor","rightIconAriaLabel","iconType","iconBackgroundColor","_a$disabled","disabled","disableReason","_a$selected","selected","key","children","tooltipContent","_a$tooltipPosition","tooltipPosition","_a$tooltipShowDelay","tooltipShowDelay","tooltipProps","ariaLabel","baseMenuProps","__rest","titleRef","useRef","iconLabel","rightIconLabel","shouldShowTooltip","useIsOverflowing","finalTooltipContent","useMemo","renderLabel","React","createElement","Label","text","size","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild","withStaticProps","Icon","tooltipPositions","TooltipPositionsEnum"],"mappings":"ywBAmLA,IAAMA,EAAWC,GACf,SACEC,EAyBAC,GAzBA,IACEC,EAuB4CF,EAvB5CE,UACAC,EAsB4CH,EAtB5CG,qBACAC,EAqB4CJ,EArB5CI,0BAAyBC,EAqBmBL,EApB5CM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAoBkCP,EAnB5CQ,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAmBkCT,EAlB5CU,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAkBmCX,EAjB5CY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAgB4Cb,EAhB5Ca,cACAC,EAe4Cd,EAf5Cc,yBACAC,EAc4Cf,EAd5Ce,mBACAC,EAa4ChB,EAb5CgB,SACAC,EAY4CjB,EAZ5CiB,oBAAmBC,EAYyBlB,EAX5CmB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAU4CpB,EAV5CoB,cAAaC,EAU+BrB,EAT5CsB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAQ4CvB,EAR5CuB,IACAC,EAO4CxB,EAP5CwB,SACAC,EAM4CzB,EAN5CyB,eAAcC,EAM8B1B,EAL5C2B,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAKmB5B,EAJ5C6B,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAG4C9B,EAH5C8B,aACcC,EAE8B/B,EAF5C,cACGgC,EAAaC,EAAAjC,EAvBlB,+UA2BMkC,EAAWC,IAGXC,EAAYL,QAAAA,EAAczB,EAC1B+B,EAAiBtB,QAAAA,EAAuBT,EAGxCgC,EAD+BC,EAAiB,CAAEtC,IAAKiC,KACHf,GAAYM,EAEhEe,EAAsBC,GAAQ,WAClC,OAAItB,EAAiBC,EACjBK,GACGnB,CACR,GAAE,CAACc,EAAeD,EAAUb,EAAOmB,IAE9BiB,EAAcD,GAAQ,WAC1B,GAAKjC,EACL,MAAqB,iBAAVA,EACFmC,EAAAC,cAACC,EAAK,CAACC,KAAMtC,EAAOuC,KAAK,UAE9BJ,EAAMK,eAAexC,IAAUA,EAAMyC,OAASJ,EACzCrC,OADT,CAGF,GAAG,CAACA,IAEJ,OACEmC,EAACC,cAAAM,EACCC,OAAAC,OAAA,CAAAC,QAASf,EAAoBE,EAAsB,KACnDc,SAAU3B,EACV4B,UAAW1B,GACPC,GAEJa,EAACC,cAAAY,EACCL,OAAAC,OAAA,CAAA7B,IAAKA,EACLtB,IAAKA,EACLwD,QAASjC,EACTtB,UAAWA,EACXiB,SAAUA,EACVG,SAAUA,GACNU,KAEKtB,GACPiC,gBAACe,EAAY,CACXhD,KAAMA,EACNuC,KAAMjC,EACNR,MAAO4B,EACPjB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB1C,EACjB2C,iBAAkBzD,IAGtBwC,EAAKC,cAAA,MAAA,CAAA3C,IAAKiC,EAAUhC,UAAW2D,EAAOvD,OACnCA,GAEHqC,EAAAC,cAACkB,EAAI,CAACC,IAAI,QACCnD,IAAeY,GACtBmB,EAAAC,cAACc,EACC,CAAAhD,KAAME,EACNqC,KAAMpC,EACNL,MAAO6B,EACPlB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB7C,EACjBkD,aAAa,EACbJ,iBAAkBxD,IAGrBsC,IAKX,IAGFS,OAAOC,OAAOtD,EAAU,CACtBmE,cAAc,EACdC,aAAa,IAQf,IAAeC,EAAAA,EAAkFrE,EAAU,CACzGkB,SAAUoD,EAAKnB,KACfoB,iBAAkBC"}

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

@@ -1,2 +1,2 @@
-var e={title:"title_6d5ed7ee9a"};!function(e){const t="s_id-b06386a2bb6c_3_88_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_6d5ed7ee9a {\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_63c8fd2a02"};!function(e){const t="s_id-b06386a2bb6c_3_88_6";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_63c8fd2a02 {\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_6cba477aee",splitMenuItem:"splitMenuItem_c9322e68eb",disabled:"disabled_3110121fe4",focused:"focused_7cb9365775",initialSelected:"initialSelected_81a72bbb6c",selected:"selected_4485c4d4c4"};!function(e){const n="s_id-680488cf82d9_3_88_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_6cba477aee {\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_6cba477aee.splitMenuItem_c9322e68eb {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_6cba477aee.disabled_3110121fe4 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_6cba477aee.focused_7cb9365775:not(.disabled_3110121fe4) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_6cba477aee.focused_7cb9365775:not(.disabled_3110121fe4):not(:hover):not(.initialSelected_81a72bbb6c) {\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_6cba477aee.selected_4485c4d4c4:not(.disabled_3110121fe4) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item_21c56f46b2",splitMenuItem:"splitMenuItem_abd3b53dc6",disabled:"disabled_1da78be9a1",focused:"focused_27fc1bd643",initialSelected:"initialSelected_b42abac24b",selected:"selected_e0cddf9ec9"};!function(e){const n="s_id-4a2665da7b72_3_88_6";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_21c56f46b2 {\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  width: 100%;\n  box-sizing: border-box;\n  padding: var(--spacing-xs) var(--spacing-small);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  overflow: visible;\n  border: 1px solid transparent;\n  border-radius: var(--border-radius-medium);\n  outline: none;\n}\n.item_21c56f46b2.splitMenuItem_abd3b53dc6 {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_21c56f46b2.disabled_1da78be9a1 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_21c56f46b2.focused_27fc1bd643:not(.disabled_1da78be9a1) {\n  background-color: var(--primary-background-hover-color);\n}\n.item_21c56f46b2.focused_27fc1bd643:not(.disabled_1da78be9a1):not(:hover):not(.initialSelected_b42abac24b) {\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_21c56f46b2.selected_e0cddf9ec9:not(.disabled_1da78be9a1) {\n  background-color: var(--primary-selected-color);\n}");export{e as default};
 //# sourceMappingURL=BaseMenuItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import r from"classnames";import t from"./MenuItemIcon.module.scss.js";import n from"../../../../../../components/layout/dist/Flex/Flex.js";import s from"../../../../../../components/icon/dist/Icon/Icon.js";var c=function(c){var i=c.icon,a=c.isRightIcon,l=c.type,m=c.disabled,p=c.selected,d=c.backgroundColor,u=c.wrapperClassName;return o.createElement(n,{justify:"center",className:r(t.iconWrapper,e(e(e({},t.rightIcon,void 0!==a&&a),t.disabled,m),t.withBackgroundColor,!!d),u),style:Object.assign({},d&&{backgroundColor:d})},o.createElement(s,{iconType:l||("function"==typeof i?"svg":"font"),icon:i,className:r(t.icon,e({},t.selected,!m&&p)),ignoreFocusStyle:!0,iconSize:18}))};export{c as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import r from"classnames";import t from"./MenuItemIcon.module.scss.js";import n from"../../../../../../components/layout/dist/Flex/Flex.js";import s from"../../../../../../components/icon/dist/Icon/Icon.js";var c=function(c){var i=c.icon,a=c.isRightIcon,l=c.type,m=c.disabled,p=c.selected,d=c.backgroundColor,u=c.wrapperClassName;return o.createElement(n,{justify:"center",className:r(t.iconWrapper,e(e(e({},t.rightIcon,void 0!==a&&a),t.disabled,m),t.withBackgroundColor,!!d),u),style:Object.assign({},d&&{backgroundColor:d})},o.createElement(s,{iconType:l||("function"==typeof i?"svg":"font"),icon:i,className:r(t.icon,e({},t.selected,!m&&p)),ignoreFocusStyle:!0,iconSize:20}))};export{c as default};
 //# sourceMappingURL=MenuItemIcon.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItemIcon.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport { Flex } from \"@vibe/layout\";\nimport cx from \"classnames\";\nimport styles from \"./MenuItemIcon.module.scss\";\nimport { type MenuItemIconProps } from \"./MenuItemIcon.types\";\n\nconst MenuItemIcon = ({\n icon,\n isRightIcon = false,\n type,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n label,\n disabled,\n selected,\n backgroundColor,\n wrapperClassName\n}: MenuItemIconProps) => (\n <Flex\n justify=\"center\"\n className={cx(\n styles.iconWrapper,\n {\n [styles.rightIcon]: isRightIcon,\n [styles.disabled]: disabled,\n [styles.withBackgroundColor]: !!backgroundColor\n },\n wrapperClassName\n )}\n style={{ ...(backgroundColor && { backgroundColor }) }}\n >\n <Icon\n iconType={type \|\| (typeof icon === \"function\" ? \"svg\" : \"font\")}\n icon={icon}\n className={cx(styles.icon, { [styles.selected]: !disabled && selected })}\n ignoreFocusStyle\n iconSize={18}\n />\n </Flex>\n);\n\nexport default MenuItemIcon;\n"],"names":["MenuItemIcon","_ref","icon","_ref$isRightIcon","isRightIcon","type","disabled","selected","backgroundColor","wrapperClassName","React","createElement","Flex","justify","className","cx","styles","iconWrapper","_defineProperty","rightIcon","withBackgroundColor","style","Object","assign","Icon","iconType","ignoreFocusStyle","iconSize"],"mappings":"6TAOA,IAAMA,EAAe,SAAHC,GAAA,IAChBC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,YACAC,EAAIJ,EAAJI,KAGAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAeP,EAAfO,gBACAC,EAAgBR,EAAhBQ,iBAAgB,OAEhBC,EAACC,cAAAC,EACC,CAAAC,QAAQ,SACRC,UAAWC,EACTC,EAAOC,YAAWC,EAAAA,EAAAA,EAEfF,GAAAA,EAAOG,eAdA,IAAHhB,GAAQA,GAeZa,EAAOV,SAAWA,GAClBU,EAAOI,sBAAwBZ,GAElCC,GAEFY,MAAKC,OAAAC,OAAA,CAAA,EAAQf,GAAmB,CAAEA,gBAAAA,KAElCE,EAACC,cAAAa,EACC,CAAAC,SAAUpB,IAAyB,mBAATH,EAAsB,MAAQ,QACxDA,KAAMA,EACNY,UAAWC,EAAGC,EAAOd,KAAIgB,EAAA,GAAKF,EAAOT,UAAYD,GAAYC,IAC7DmB,kBAAgB,EAChBC,SAAU,KAEP"}
1	+ {"version":3,"file":"MenuItemIcon.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport { Flex } from \"@vibe/layout\";\nimport cx from \"classnames\";\nimport styles from \"./MenuItemIcon.module.scss\";\nimport { type MenuItemIconProps } from \"./MenuItemIcon.types\";\n\nconst MenuItemIcon = ({\n icon,\n isRightIcon = false,\n type,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n label,\n disabled,\n selected,\n backgroundColor,\n wrapperClassName\n}: MenuItemIconProps) => (\n <Flex\n justify=\"center\"\n className={cx(\n styles.iconWrapper,\n {\n [styles.rightIcon]: isRightIcon,\n [styles.disabled]: disabled,\n [styles.withBackgroundColor]: !!backgroundColor\n },\n wrapperClassName\n )}\n style={{ ...(backgroundColor && { backgroundColor }) }}\n >\n <Icon\n iconType={type \|\| (typeof icon === \"function\" ? \"svg\" : \"font\")}\n icon={icon}\n className={cx(styles.icon, { [styles.selected]: !disabled && selected })}\n ignoreFocusStyle\n iconSize={20}\n />\n </Flex>\n);\n\nexport default MenuItemIcon;\n"],"names":["MenuItemIcon","_ref","icon","_ref$isRightIcon","isRightIcon","type","disabled","selected","backgroundColor","wrapperClassName","React","createElement","Flex","justify","className","cx","styles","iconWrapper","_defineProperty","rightIcon","withBackgroundColor","style","Object","assign","Icon","iconType","ignoreFocusStyle","iconSize"],"mappings":"6TAOA,IAAMA,EAAe,SAAHC,GAAA,IAChBC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,YACAC,EAAIJ,EAAJI,KAGAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAeP,EAAfO,gBACAC,EAAgBR,EAAhBQ,iBAAgB,OAEhBC,EAACC,cAAAC,EACC,CAAAC,QAAQ,SACRC,UAAWC,EACTC,EAAOC,YAAWC,EAAAA,EAAAA,EAEfF,GAAAA,EAAOG,eAdA,IAAHhB,GAAQA,GAeZa,EAAOV,SAAWA,GAClBU,EAAOI,sBAAwBZ,GAElCC,GAEFY,MAAKC,OAAAC,OAAA,CAAA,EAAQf,GAAmB,CAAEA,gBAAAA,KAElCE,EAACC,cAAAa,EACC,CAAAC,SAAUpB,IAAyB,mBAATH,EAAsB,MAAQ,QACxDA,KAAMA,EACNY,UAAWC,EAAGC,EAAOd,KAAIgB,EAAA,GAAKF,EAAOT,UAAYD,GAAYC,IAC7DmB,kBAAgB,EAChBC,SAAU,KAEP"}

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

@@ -1,2 +1,2 @@
-var e={iconWrapper:"iconWrapper_c55a324bbe",rightIcon:"rightIcon_aaf7507918",withBackgroundColor:"withBackgroundColor_19dfe2765a",disabled:"disabled_1bd35b0171",icon:"icon_d46b55e775",selected:"selected_598bf102cb"};!function(e){const n="s_id-d488fa6f9bd4_3_88_4";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".iconWrapper_c55a324bbe {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_c55a324bbe.rightIcon_aaf7507918 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.iconWrapper_c55a324bbe.withBackgroundColor_19dfe2765a {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_c55a324bbe.withBackgroundColor_19dfe2765a.disabled_1bd35b0171 {\n  opacity: 0.4;\n}\n.iconWrapper_c55a324bbe.withBackgroundColor_19dfe2765a .icon_d46b55e775 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_c55a324bbe.disabled_1bd35b0171 .icon_d46b55e775 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_c55a324bbe .icon_d46b55e775 {\n  color: var(--icon-color);\n}\n.iconWrapper_c55a324bbe .icon_d46b55e775.selected_598bf102cb {\n  color: var(--primary-color);\n}");export{e as default};
+var e={iconWrapper:"iconWrapper_7d28de8ec1",rightIcon:"rightIcon_61513a861d",withBackgroundColor:"withBackgroundColor_6a4dcaed51",disabled:"disabled_263ed9271c",icon:"icon_3737c8c638",selected:"selected_23d40c710e"};!function(e){const c="s_id-e7cc85aed519_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+c))return;const d=document.createElement("style");d.id=c,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".iconWrapper_7d28de8ec1 {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_7d28de8ec1.rightIcon_61513a861d {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.iconWrapper_7d28de8ec1.withBackgroundColor_6a4dcaed51 {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_7d28de8ec1.withBackgroundColor_6a4dcaed51.disabled_263ed9271c {\n  opacity: 0.4;\n}\n.iconWrapper_7d28de8ec1.withBackgroundColor_6a4dcaed51 .icon_3737c8c638 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_7d28de8ec1.disabled_263ed9271c .icon_3737c8c638 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_7d28de8ec1 .icon_3737c8c638 {\n  color: var(--icon-color);\n}\n.iconWrapper_7d28de8ec1 .icon_3737c8c638.selected_23d40c710e {\n  color: var(--primary-color);\n}");export{e as default};
 //# sourceMappingURL=MenuItemIcon.module.scss.js.map