npm - @vibe/core - Versions diffs - 3.0.0-alpha.4 → 3.0.0-alpha.5 - Mend

@vibe/core 3.0.0-alpha.4 → 3.0.0-alpha.5

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

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

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse_4a197d6b66",header:"header_5c96b7656e","focus-visible":"focus-visible_c49ba4e3a8",headerContent:"headerContent_3c1fe13645",iconComponent:"iconComponent_3593e5bcd6",content:"content_75ba929c16",section:"section_edb1077374",hideBorder:"hideBorder_2f1e2cec0b",hideBorderBottom:"hideBorderBottom_5c0545fc0b",showBorder:"showBorder_722440efbd",headerOpen:"headerOpen_aa97aa4a3d",animateIconOpen:"animateIconOpen_af704ea57f",animateIconClose:"animateIconClose_1df784f87b"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-ca6f6158d39b_3_0_0-alpha_3";if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".expandCollapse_4a197d6b66 {\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\n.header_5c96b7656e {\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\n.header_5c96b7656e:focus-visible, .header_5c96b7656e.focus-visible_c49ba4e3a8 {\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\n.header_5c96b7656e:focus:not(.focus-visible_c49ba4e3a8) {\n  outline: none;\n}\n\n.header_5c96b7656e:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_5c96b7656e:active {\n  transform: scale(1);\n}\n\n.header_5c96b7656e .headerContent_3c1fe13645 {\n  margin: 0;\n}\n\n.header_5c96b7656e .iconComponent_3593e5bcd6 {\n  color: var(--icon-color);\n}\n\n.content_75ba929c16 {\n  padding: var(--spacing-medium);\n}\n\n.section_edb1077374 {\n  width: 100%;\n}\n\n.hideBorder_2f1e2cec0b {\n  border: none;\n}\n\n.hideBorderBottom_5c0545fc0b {\n  border-bottom: none;\n}\n\n.showBorder_722440efbd {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_722440efbd .headerOpen_aa97aa4a3d {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_af704ea57f {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_1df784f87b {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
+var n={expandCollapse:"expandCollapse_a680553760",header:"header_fb5c911615","focus-visible":"focus-visible_16c0de53d9",headerContent:"headerContent_db44352e13",iconComponent:"iconComponent_1206bbb135",content:"content_4951e8451d",section:"section_c450989100",hideBorder:"hideBorder_af1d2add0c",hideBorderBottom:"hideBorderBottom_0a2aed0d74",showBorder:"showBorder_f7fbcd699b",headerOpen:"headerOpen_030a1ef00b",animateIconOpen:"animateIconOpen_3a21869542",animateIconClose:"animateIconClose_2d5905b74e"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-ca6f6158d39b_3_0_0-alpha_5";if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".expandCollapse_a680553760 {\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\n.header_fb5c911615 {\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\n.header_fb5c911615:focus-visible, .header_fb5c911615.focus-visible_16c0de53d9 {\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\n.header_fb5c911615:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n\n.header_fb5c911615:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_fb5c911615:active {\n  transform: scale(1);\n}\n\n.header_fb5c911615 .headerContent_db44352e13 {\n  margin: 0;\n}\n\n.header_fb5c911615 .iconComponent_1206bbb135 {\n  color: var(--icon-color);\n}\n\n.content_4951e8451d {\n  padding: var(--spacing-medium);\n}\n\n.section_c450989100 {\n  width: 100%;\n}\n\n.hideBorder_af1d2add0c {\n  border: none;\n}\n\n.hideBorderBottom_0a2aed0d74 {\n  border-bottom: none;\n}\n\n.showBorder_f7fbcd699b {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_f7fbcd699b .headerOpen_030a1ef00b {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_3a21869542 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_2d5905b74e {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\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_d7c4f321c3",labelComponentIcon:"labelComponentIcon_351ea2b3ad",labelComponentText:"labelComponentText_2e448531b2",required:"required_8f587582af"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-12dfba012dab_3_0_0-alpha_3";if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".labelComponentWrapper_d7c4f321c3 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_351ea2b3ad {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_2e448531b2 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_8f587582af {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper_31a9b1e718",labelComponentIcon:"labelComponentIcon_73efcee74f",labelComponentText:"labelComponentText_4f6d4e48a3",required:"required_3253b34ac7"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-12dfba012dab_3_0_0-alpha_5";if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".labelComponentWrapper_31a9b1e718 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_73efcee74f {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_4f6d4e48a3 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_3253b34ac7 {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_8e0af01b7a",justifyStart:"justifyStart_80d07ccc96",justifyEnd:"justifyEnd_f1f4e66f13",justifyCenter:"justifyCenter_a576e54369",justifySpaceBetween:"justifySpaceBetween_b1e29122cc",justifySpaceAround:"justifySpaceAround_7877eaac3b",justifyInital:"justifyInital_6dc3e50f42",alignStart:"alignStart_b5b404d84e",alignEnd:"alignEnd_f7b2d7e996",alignCenter:"alignCenter_cf2aa6f45c",alignStretch:"alignStretch_b0dbdb8586",alignBaseline:"alignBaseline_0eb5cc32cb",alignInitial:"alignInitial_b947c5d6c3",directionColumn:"directionColumn_01982fe355",wrap:"wrap_c6617e798a"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-3ad7193e0a34_3_0_0-alpha_3";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".container_8e0af01b7a {\n  display: flex;\n  flex-direction: row;\n}\n.container_8e0af01b7a.justifyStart_80d07ccc96 {\n  justify-content: flex-start;\n}\n.container_8e0af01b7a.justifyEnd_f1f4e66f13 {\n  justify-content: flex-end;\n}\n.container_8e0af01b7a.justifyCenter_a576e54369 {\n  justify-content: center;\n}\n.container_8e0af01b7a.justifySpaceBetween_b1e29122cc {\n  justify-content: space-between;\n}\n.container_8e0af01b7a.justifySpaceAround_7877eaac3b {\n  justify-content: space-around;\n}\n.container_8e0af01b7a.justifyInital_6dc3e50f42 {\n  justify-content: initial;\n}\n.container_8e0af01b7a.alignStart_b5b404d84e {\n  align-items: flex-start;\n}\n.container_8e0af01b7a.alignEnd_f7b2d7e996 {\n  align-items: flex-end;\n}\n.container_8e0af01b7a.alignCenter_cf2aa6f45c {\n  align-items: center;\n}\n.container_8e0af01b7a.alignStretch_b0dbdb8586 {\n  align-items: stretch;\n}\n.container_8e0af01b7a.alignBaseline_0eb5cc32cb {\n  align-items: baseline;\n}\n.container_8e0af01b7a.alignInitial_b947c5d6c3 {\n  align-items: initial;\n}\n.container_8e0af01b7a.directionColumn_01982fe355 {\n  flex-direction: column;\n}\n.container_8e0af01b7a.wrap_c6617e798a {\n  flex-wrap: wrap;\n}");export{n as default};
+var n={container:"container_816e7f43a2",justifyStart:"justifyStart_380e0e55f3",justifyEnd:"justifyEnd_45abba51f8",justifyCenter:"justifyCenter_92499184ca",justifySpaceBetween:"justifySpaceBetween_8bc47360ec",justifySpaceAround:"justifySpaceAround_3b16849880",justifyInital:"justifyInital_0162d9e553",alignStart:"alignStart_2ebb3b9c65",alignEnd:"alignEnd_f67b9f6712",alignCenter:"alignCenter_be6baa8d58",alignStretch:"alignStretch_533489b291",alignBaseline:"alignBaseline_919ee3cd33",alignInitial:"alignInitial_58b980e328",directionColumn:"directionColumn_97cbe97d74",wrap:"wrap_ebf22ed862"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-3ad7193e0a34_3_0_0-alpha_5";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".container_816e7f43a2 {\n  display: flex;\n  flex-direction: row;\n}\n.container_816e7f43a2.justifyStart_380e0e55f3 {\n  justify-content: flex-start;\n}\n.container_816e7f43a2.justifyEnd_45abba51f8 {\n  justify-content: flex-end;\n}\n.container_816e7f43a2.justifyCenter_92499184ca {\n  justify-content: center;\n}\n.container_816e7f43a2.justifySpaceBetween_8bc47360ec {\n  justify-content: space-between;\n}\n.container_816e7f43a2.justifySpaceAround_3b16849880 {\n  justify-content: space-around;\n}\n.container_816e7f43a2.justifyInital_0162d9e553 {\n  justify-content: initial;\n}\n.container_816e7f43a2.alignStart_2ebb3b9c65 {\n  align-items: flex-start;\n}\n.container_816e7f43a2.alignEnd_f67b9f6712 {\n  align-items: flex-end;\n}\n.container_816e7f43a2.alignCenter_be6baa8d58 {\n  align-items: center;\n}\n.container_816e7f43a2.alignStretch_533489b291 {\n  align-items: stretch;\n}\n.container_816e7f43a2.alignBaseline_919ee3cd33 {\n  align-items: baseline;\n}\n.container_816e7f43a2.alignInitial_58b980e328 {\n  align-items: initial;\n}\n.container_816e7f43a2.directionColumn_97cbe97d74 {\n  flex-direction: column;\n}\n.container_816e7f43a2.wrap_ebf22ed862 {\n  flex-wrap: wrap;\n}");export{n as default};
 //# sourceMappingURL=Flex.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent_1a725d0b54",prefix:"prefix_d23ca425a2",suffix:"suffix_d23ca425a2"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d821b20045aa_3_0_0-alpha_3";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))}(".formattedNumberComponent_1a725d0b54 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_d23ca425a2 {\n  white-space: pre;\n}\n\n.suffix_d23ca425a2 {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent_d943f3094f",prefix:"prefix_af9a2292ff",suffix:"suffix_af9a2292ff"};!function(e){if("undefined"==typeof document)return;const f=document.head||document.getElementsByTagName("head")[0],n="s_id-d821b20045aa_3_0_0-alpha_5";if(f.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,f.firstChild?f.insertBefore(t,f.firstChild):f.appendChild(t),t.appendChild(document.createTextNode(e))}(".formattedNumberComponent_d943f3094f {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_af9a2292ff {\n  white-space: pre;\n}\n\n.suffix_af9a2292ff {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_31f7dc327c",h1Medium:"h1Medium_89efa3700f",h1Normal:"h1Normal_3f3c3ef07c",h1Light:"h1Light_4bf39d4e4f",h2Bold:"h2Bold_681e4a751b",h2Medium:"h2Medium_b653efbed3",h2Normal:"h2Normal_718974ebc3",h2Light:"h2Light_7792f65a17",h3Bold:"h3Bold_fa808845c7",h3Medium:"h3Medium_afff9d4fc7",h3Normal:"h3Normal_1bb489a215",h3Light:"h3Light_08dfc3e766",heading:"heading_3c1fe13645"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_3_0_0-alpha_3";if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}(".h1Bold_31f7dc327c {\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\n.h1Medium_89efa3700f {\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\n.h1Normal_3f3c3ef07c {\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\n.h1Light_4bf39d4e4f {\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\n.h2Bold_681e4a751b {\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\n.h2Medium_b653efbed3 {\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\n.h2Normal_718974ebc3 {\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\n.h2Light_7792f65a17 {\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\n.h3Bold_fa808845c7 {\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\n.h3Medium_afff9d4fc7 {\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\n.h3Normal_1bb489a215 {\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\n.h3Light_08dfc3e766 {\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}\n\n.heading_3c1fe13645 {\n  margin: 0;\n}");export{n as default};
+var n={h1Bold:"h1Bold_5419dfb72d",h1Medium:"h1Medium_c413f13f23",h1Normal:"h1Normal_c3fd0563b2",h1Light:"h1Light_1d5c70f9ed",h2Bold:"h2Bold_a9bdeb1967",h2Medium:"h2Medium_6fd9c82869",h2Normal:"h2Normal_9d831f18fc",h2Light:"h2Light_b856f0bce5",h3Bold:"h3Bold_8be27ef6ba",h3Medium:"h3Medium_d7ccf46645",h3Normal:"h3Normal_bbfb194437",h3Light:"h3Light_93fec56198",heading:"heading_db44352e13"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_3_0_0-alpha_5";if(o.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}(".h1Bold_5419dfb72d {\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\n.h1Medium_c413f13f23 {\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\n.h1Normal_c3fd0563b2 {\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\n.h1Light_1d5c70f9ed {\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\n.h2Bold_a9bdeb1967 {\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\n.h2Medium_6fd9c82869 {\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\n.h2Normal_9d831f18fc {\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\n.h2Light_b856f0bce5 {\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\n.h3Bold_8be27ef6ba {\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\n.h3Medium_d7ccf46645 {\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\n.h3Normal_bbfb194437 {\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\n.h3Light_93fec56198 {\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}\n\n.heading_db44352e13 {\n  margin: 0;\n}");export{n as default};
 //# sourceMappingURL=Heading.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper_bb7cc8c65f"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5ac012179a41_3_0_0-alpha_3";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))}(".hiddenTextWrapper_bb7cc8c65f {\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_04e6d2ec6f"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5ac012179a41_3_0_0-alpha_5";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))}(".hiddenTextWrapper_04e6d2ec6f {\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/Icon/Icon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={icon:"icon_2171173900",noFocusStyle:"noFocusStyle_0b71b9d11e",clickable:"clickable_51ae9ba113"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-039c30c54242_3_0_0-alpha_3";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))}(".icon_2171173900 {\n  position: relative;\n}\n\n.icon_2171173900:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_0b71b9d11e:focus {\n  outline: none;\n}\n\n.clickable_51ae9ba113 {\n  cursor: pointer;\n}");export{e as default};
+var e={icon:"icon_981262aa11",noFocusStyle:"noFocusStyle_347e9f4880",clickable:"clickable_7dc88b9cc5"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-039c30c54242_3_0_0-alpha_5";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))}(".icon_981262aa11 {\n  position: relative;\n}\n\n.icon_981262aa11:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_347e9f4880:focus {\n  outline: none;\n}\n\n.clickable_7dc88b9cc5 {\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Icon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import e,{forwardRef as o,useRef as t,useMemo as s,Fragment as r}from"react";import i from"classnames";import{noop as a}from"lodash-es";import n from"../../hooks/useMergeRef.js";import c from"../Tooltip/Tooltip.js";import d from"../Icon/Icon.js";import l from"../Icon/Icons/components/AddSmall.js";import{getWidthHeight as m}from"./services/IconButton-helpers.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as u}from"../../tests/testIds.js";import{ComponentDefaultTestId as f}from"../../tests/constants.js";import v from"../Button/Button.js";import{BUTTON_ICON_SIZE as j}from"../Button/ButtonConstants.js";import{getStyle as b}from"../../helpers/typesciptCssModulesHelper.js";import g from"./IconButton.module.scss.js";var C=p(o((function(o,p){var C=o.className,y=o.wrapperClassName,I=o.iconClassName,N=o.id,h=o.icon,B=void 0===h?l:h,x=o.size,k=void 0===x?"medium":x,E=o.tooltipProps,O=void 0===E?{}:E,T=o.tooltipContent,P=o.ariaLabeledBy,S=o.ariaLabel,w=o.ariaHasPopup,z=o.ariaExpanded,L=o.ariaControls,F=o["aria-describedby"],H=o["aria-hidden"],M=o.hideTooltip,R=void 0!==M&&M,W=o.kind,A=void 0===W?"tertiary":W,U=o.active,_=o.disabled,q=void 0!==_&&_,D=o.disabledReason,G=o.onClick,J=void 0===G?a:G,K=o.color,Q=o["data-testid"],V=o.insetFocus,X=void 0!==V&&V,Y=o.tabIndex,Z=o.loading,$=void 0!==Z&&Z,ee=t(null),oe=n(p,ee),te=s((function(){return(null==O?void 0:O.content)||T}),[null==O?void 0:O.content,T]),se=s((function(){return S||("string"==typeof te?te:void 0)}),[S,te]),re=s((function(){switch(k){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return j;default:return 24}}),[k]),ie=s((function(){var e={justifyContent:"center",alignItems:"center",padding:0};return k&&(e=Object.assign(Object.assign({},e),m(k))),e}),[k]),ae=s((function(){return R?null:q&&D?D:te||S}),[R,q,D,te,S]),ne=y?"div":r,ce=s((function(){return y?{className:i(y,g.wrapper)}:{}}),[y]);return e.createElement(ne,Object.assign({},ce),e.createElement(c,Object.assign({},O,{content:ae,referenceWrapperClassName:g.referenceWrapper}),e.createElement(v,{onClick:J,disabled:q,color:K,kind:A,ariaLabeledBy:P,ariaLabel:se,ariaHasPopup:w,ariaExpanded:z,ariaControls:L,"aria-describedby":F,"aria-hidden":H,ref:oe,id:N,"data-testid":Q||u(f.ICON_BUTTON,N),noSidePadding:!0,active:U,className:C,style:ie,insetFocus:X,tabIndex:Y,loading:$,loaderClassName:i(g.loader,b(g,k))},e.createElement(d,{icon:B,iconType:"svg",iconSize:re,ignoreFocusStyle:!0,className:I}))))})),{sizes:v.sizes,kinds:v.kinds,colors:v.colors});export{C as default};
+import t,{forwardRef as o,useRef as i,useMemo as s,Fragment as e}from"react";import r from"classnames";import{noop as a}from"lodash-es";import n from"../../hooks/useMergeRef.js";import c from"../Tooltip/Tooltip.js";import d from"../Icon/Icon.js";import"../../../icons/dist/_virtual/_tslib.js";import m from"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{getWidthHeight as p}from"./services/IconButton-helpers.js";import{withStaticProps as l}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as u}from"../../tests/testIds.js";import{ComponentDefaultTestId as j}from"../../tests/constants.js";import f from"../Button/Button.js";import{BUTTON_ICON_SIZE as v}from"../Button/ButtonConstants.js";import{getStyle as g}from"../../helpers/typesciptCssModulesHelper.js";import C from"./IconButton.module.scss.js";var h=l(o((function(o,l){var h=o.className,b=o.wrapperClassName,N=o.iconClassName,y=o.id,w=o.icon,I=void 0===w?m:w,S=o.size,B=void 0===S?"medium":S,k=o.tooltipProps,x=void 0===k?{}:k,E=o.tooltipContent,L=o.ariaLabeledBy,O=o.ariaLabel,R=o.ariaHasPopup,T=o.ariaExpanded,A=o.ariaControls,D=o["aria-describedby"],M=o["aria-hidden"],P=o["aria-pressed"],z=o.hideTooltip,F=void 0!==z&&z,H=o.kind,W=void 0===H?"tertiary":H,_=o.active,U=o.disabled,q=void 0!==U&&U,G=o.disabledReason,J=o.onClick,K=void 0===J?a:J,Q=o.color,V=o["data-testid"],X=o.insetFocus,Y=void 0!==X&&X,Z=o.tabIndex,$=o.loading,tt=void 0!==$&&$,ot=i(null),it=n(l,ot),st=s((function(){return(null==x?void 0:x.content)||E}),[null==x?void 0:x.content,E]),et=s((function(){return O||("string"==typeof st?st:void 0)}),[O,st]),rt=s((function(){switch(B){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return v;default:return 24}}),[B]),at=s((function(){var t={justifyContent:"center",alignItems:"center",padding:0};return B&&(t=Object.assign(Object.assign({},t),p(B))),t}),[B]),nt=s((function(){return F?null:q&&G?G:st||O}),[F,q,G,st,O]),ct=b?"div":e,dt=s((function(){return b?{className:r(b,C.wrapper)}:{}}),[b]);return t.createElement(ct,Object.assign({},dt),t.createElement(c,Object.assign({},x,{content:nt,referenceWrapperClassName:C.referenceWrapper}),t.createElement(f,{onClick:K,disabled:q,color:Q,kind:W,ariaLabeledBy:L,ariaLabel:et,ariaHasPopup:R,ariaExpanded:T,ariaControls:A,"aria-describedby":D,"aria-hidden":M,"aria-pressed":P,ref:it,id:y,"data-testid":V||u(j.ICON_BUTTON,y),noSidePadding:!0,active:_,className:h,style:at,insetFocus:Y,tabIndex:Z,loading:tt,loaderClassName:r(C.loader,g(C,B))},t.createElement(d,{icon:I,iconType:"svg",iconSize:rt,ignoreFocusStyle:!0,className:N}))))})),{sizes:f.sizes,kinds:f.kinds,colors:f.colors});export{h as default};
 //# sourceMappingURL=IconButton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport Icon from \"../Icon/Icon\";\nimport AddSmall from \"../Icon/Icons/components/AddSmall\";\nimport { getWidthHeight, Size } from \"./services/IconButton-helpers\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport Button from \"../Button/Button\";\nimport { BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ButtonColor, ButtonType } from \"../Button/Button.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./IconButton.module.scss\";\n\nexport interface IconButtonProps extends VibeComponentProps {\n /*\n id to be added to the element\n /\n id?: string;\n /\n callback function when clicking the icon button\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n the class name of the button wrapper\n /\n wrapperClassName?: string;\n /\n the class name of the button icon\n /\n iconClassName?: string;\n /\n Icon to be rendered\n /\n icon?: SubIcon;\n /\n element id to describe the button accordingly\n * /\n ariaLabeledBy?: string;\n /\n a11y property to be added, used for screen reader to know what kind of button it is\n /\n ariaLabel?: string;\n /\n aria for a button popup\n /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /\n a11y property to be added, used for screen reader to know if the button is expanded\n /\n ariaExpanded?: boolean;\n /\n aria controls - receives id for the controlled region\n /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n a11y property to be added, used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Size of the icon\n /\n size?: Size;\n /\n Whether the tooltip should be displayed or not\n /\n hideTooltip?: boolean;\n /\n Props for Tooltip component\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Tooltip wraps the button icon, it will display in the tooltip, if not present the aria label will be shown\n /\n tooltipContent?: string;\n /\n Kind of button - like Button\n /\n kind?: ButtonType;\n active?: boolean;\n /* The button's color /\n color?: ButtonColor;\n /\n disabled state\n /\n disabled?: boolean;\n /\n if disabled - this will be shown in the tooltip\n /\n disabledReason?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element /\n tabIndex?: number;\n /* Show a loader instead of the icon */\n loading?: boolean;\n}\n\nconst IconButton: VibeComponent<IconButtonProps> & {\n sizes?: typeof Button.sizes;\n kinds?: typeof Button.kinds;\n colors?: typeof Button.colors;\n} = forwardRef(\n (\n {\n className,\n wrapperClassName,\n iconClassName,\n id,\n icon = AddSmall,\n size = \"medium\",\n tooltipProps = {} as TooltipProps,\n tooltipContent,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n hideTooltip = false,\n kind = \"tertiary\",\n active,\n disabled = false,\n disabledReason,\n onClick = NOOP,\n color,\n \"data-testid\": dataTestId,\n insetFocus = false,\n tabIndex,\n loading = false\n }: IconButtonProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const overrideTooltipContent = useMemo(\n () => tooltipProps?.content \|\| tooltipContent,\n [tooltipProps?.content, tooltipContent]\n );\n\n const buttonAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n return undefined;\n }, [ariaLabel, overrideTooltipContent]);\n\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n\n const overrideStyle = useMemo(() => {\n let style = {\n justifyContent: \"center\",\n alignItems: \"center\",\n padding: 0\n } as React.CSSProperties;\n\n if (size) {\n style = { ...style, ...getWidthHeight(size) };\n }\n return style;\n }, [size]);\n\n const calculatedTooltipContent = useMemo(() => {\n if (hideTooltip) return null;\n if (disabled && disabledReason) return disabledReason;\n if (overrideTooltipContent) return overrideTooltipContent as never;\n return ariaLabel;\n }, [hideTooltip, disabled, disabledReason, overrideTooltipContent, ariaLabel]);\n\n const IconButtonWrapper = wrapperClassName ? \"div\" : Fragment;\n const iconButtonWrapperProps = useMemo(() => {\n return wrapperClassName ? { className: cx(wrapperClassName, styles.wrapper) } : {};\n }, [wrapperClassName]);\n\n return (\n <IconButtonWrapper {...iconButtonWrapperProps}>\n <Tooltip\n {...tooltipProps}\n content={calculatedTooltipContent}\n referenceWrapperClassName={styles.referenceWrapper}\n >\n <Button\n onClick={onClick}\n disabled={disabled}\n color={color}\n kind={kind}\n ariaLabeledBy={ariaLabeledBy}\n ariaLabel={buttonAriaLabel}\n ariaHasPopup={ariaHasPopup}\n ariaExpanded={ariaExpanded}\n ariaControls={ariaControls}\n aria-describedby={ariaDescribedBy}\n aria-hidden={ariaHidden}\n ref={mergedRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON_BUTTON, id)}\n noSidePadding\n active={active}\n className={className}\n style={overrideStyle}\n insetFocus={insetFocus}\n tabIndex={tabIndex}\n loading={loading}\n loaderClassName={cx(styles.loader, getStyle(styles, size))}\n >\n <Icon icon={icon} iconType=\"svg\" iconSize={iconSize} ignoreFocusStyle className={iconClassName} />\n </Button>\n </Tooltip>\n </IconButtonWrapper>\n );\n }\n);\n\nexport default withStaticProps(IconButton, {\n sizes: Button.sizes,\n kinds: Button.kinds,\n colors: Button.colors\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","iconClassName","id","_ref$icon","icon","AddSmall","_ref$size","size","_ref$tooltipProps","tooltipProps","tooltipContent","ariaLabeledBy","ariaLabel","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","_ref$hideTooltip","hideTooltip","_ref$kind","kind","active","_ref$disabled","disabled","disabledReason","_ref$onClick","onClick","NOOP","color","dataTestId","_ref$insetFocus","insetFocus","tabIndex","_ref$loading","loading","componentRef","useRef","mergedRef","useMergeRef","overrideTooltipContent","useMemo","content","buttonAriaLabel","iconSize","BUTTON_ICON_SIZE","overrideStyle","style","justifyContent","alignItems","padding","Object","assign","getWidthHeight","calculatedTooltipContent","IconButtonWrapper","Fragment","iconButtonWrapperProps","cx","styles","wrapper","React","createElement","Tooltip","referenceWrapperClassName","referenceWrapper","Button","getTestId","ComponentDefaultTestId","ICON_BUTTON","noSidePadding","loaderClassName","loader","getStyle","Icon","iconType","ignoreFocusStyle","sizes","kinds","colors"],"mappings":"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"}
1	+ {"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport Icon from \"../Icon/Icon\";\nimport { AddSmall } from \"@vibe/icons\";\nimport { getWidthHeight, Size } from \"./services/IconButton-helpers\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport Button from \"../Button/Button\";\nimport { BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ButtonColor, ButtonType } from \"../Button/Button.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./IconButton.module.scss\";\n\nexport interface IconButtonProps extends VibeComponentProps {\n /*\n id to be added to the element\n /\n id?: string;\n /\n callback function when clicking the icon button\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n the class name of the button wrapper\n /\n wrapperClassName?: string;\n /\n the class name of the button icon\n /\n iconClassName?: string;\n /\n Icon to be rendered\n /\n icon?: SubIcon;\n /\n element id to describe the button accordingly\n * /\n ariaLabeledBy?: string;\n /\n a11y property to be added, used for screen reader to know what kind of button it is\n /\n ariaLabel?: string;\n /\n aria for a button popup\n /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /\n a11y property to be added, used for screen reader to know if the button is expanded\n /\n ariaExpanded?: boolean;\n /\n aria controls - receives id for the controlled region\n /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n a11y property to be added, used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /\n Size of the icon\n /\n size?: Size;\n /\n Whether the tooltip should be displayed or not\n /\n hideTooltip?: boolean;\n /\n Props for Tooltip component\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Tooltip wraps the button icon, it will display in the tooltip, if not present the aria label will be shown\n /\n tooltipContent?: string;\n /\n Kind of button - like Button\n /\n kind?: ButtonType;\n active?: boolean;\n /* The button's color /\n color?: ButtonColor;\n /\n disabled state\n /\n disabled?: boolean;\n /\n if disabled - this will be shown in the tooltip\n /\n disabledReason?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element /\n tabIndex?: number;\n /* Show a loader instead of the icon */\n loading?: boolean;\n}\n\nconst IconButton: VibeComponent<IconButtonProps> & {\n sizes?: typeof Button.sizes;\n kinds?: typeof Button.kinds;\n colors?: typeof Button.colors;\n} = forwardRef(\n (\n {\n className,\n wrapperClassName,\n iconClassName,\n id,\n icon = AddSmall,\n size = \"medium\",\n tooltipProps = {} as TooltipProps,\n tooltipContent,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n hideTooltip = false,\n kind = \"tertiary\",\n active,\n disabled = false,\n disabledReason,\n onClick = NOOP,\n color,\n \"data-testid\": dataTestId,\n insetFocus = false,\n tabIndex,\n loading = false\n }: IconButtonProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const overrideTooltipContent = useMemo(\n () => tooltipProps?.content \|\| tooltipContent,\n [tooltipProps?.content, tooltipContent]\n );\n\n const buttonAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n return undefined;\n }, [ariaLabel, overrideTooltipContent]);\n\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n\n const overrideStyle = useMemo(() => {\n let style = {\n justifyContent: \"center\",\n alignItems: \"center\",\n padding: 0\n } as React.CSSProperties;\n\n if (size) {\n style = { ...style, ...getWidthHeight(size) };\n }\n return style;\n }, [size]);\n\n const calculatedTooltipContent = useMemo(() => {\n if (hideTooltip) return null;\n if (disabled && disabledReason) return disabledReason;\n if (overrideTooltipContent) return overrideTooltipContent as never;\n return ariaLabel;\n }, [hideTooltip, disabled, disabledReason, overrideTooltipContent, ariaLabel]);\n\n const IconButtonWrapper = wrapperClassName ? \"div\" : Fragment;\n const iconButtonWrapperProps = useMemo(() => {\n return wrapperClassName ? { className: cx(wrapperClassName, styles.wrapper) } : {};\n }, [wrapperClassName]);\n\n return (\n <IconButtonWrapper {...iconButtonWrapperProps}>\n <Tooltip\n {...tooltipProps}\n content={calculatedTooltipContent}\n referenceWrapperClassName={styles.referenceWrapper}\n >\n <Button\n onClick={onClick}\n disabled={disabled}\n color={color}\n kind={kind}\n ariaLabeledBy={ariaLabeledBy}\n ariaLabel={buttonAriaLabel}\n ariaHasPopup={ariaHasPopup}\n ariaExpanded={ariaExpanded}\n ariaControls={ariaControls}\n aria-describedby={ariaDescribedBy}\n aria-hidden={ariaHidden}\n aria-pressed={ariaPressed}\n ref={mergedRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON_BUTTON, id)}\n noSidePadding\n active={active}\n className={className}\n style={overrideStyle}\n insetFocus={insetFocus}\n tabIndex={tabIndex}\n loading={loading}\n loaderClassName={cx(styles.loader, getStyle(styles, size))}\n >\n <Icon icon={icon} iconType=\"svg\" iconSize={iconSize} ignoreFocusStyle className={iconClassName} />\n </Button>\n </Tooltip>\n </IconButtonWrapper>\n );\n }\n);\n\nexport default withStaticProps(IconButton, {\n sizes: Button.sizes,\n kinds: Button.kinds,\n colors: Button.colors\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","iconClassName","id","_ref$icon","icon","AddSmall","_ref$size","size","_ref$tooltipProps","tooltipProps","tooltipContent","ariaLabeledBy","ariaLabel","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$hideTooltip","hideTooltip","_ref$kind","kind","active","_ref$disabled","disabled","disabledReason","_ref$onClick","onClick","NOOP","color","dataTestId","_ref$insetFocus","insetFocus","tabIndex","_ref$loading","loading","componentRef","useRef","mergedRef","useMergeRef","overrideTooltipContent","useMemo","content","buttonAriaLabel","iconSize","BUTTON_ICON_SIZE","overrideStyle","style","justifyContent","alignItems","padding","Object","assign","getWidthHeight","calculatedTooltipContent","IconButtonWrapper","Fragment","iconButtonWrapperProps","cx","styles","wrapper","React","createElement","Tooltip","referenceWrapperClassName","referenceWrapper","Button","getTestId","ComponentDefaultTestId","ICON_BUTTON","noSidePadding","loaderClassName","loader","getStyle","Icon","iconType","ignoreFocusStyle","sizes","kinds","colors"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_230d7676ba",referenceWrapper:"referenceWrapper_96e2e7b8ea",loader:"loader_ada231741e",xxs:"xxs_d533c621b1"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-8d1605f1f87b_3_0_0-alpha_3";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".wrapper_230d7676ba {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_96e2e7b8ea {\n  display: inline-flex;\n}\n\n.referenceWrapper_96e2e7b8ea button .loader_ada231741e {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_96e2e7b8ea button .loader_ada231741e.xxs_d533c621b1 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_96e2e7b8ea button .loader_ada231741e.xxs_d533c621b1 svg {\n  display: block;\n}");export{e as default};
+var e={wrapper:"wrapper_aad6eaff5c",referenceWrapper:"referenceWrapper_99a3ee393b",loader:"loader_0f65381425",xxs:"xxs_07ee4340d2"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-8d1605f1f87b_3_0_0-alpha_5";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper_aad6eaff5c {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_99a3ee393b {\n  display: inline-flex;\n}\n\n.referenceWrapper_99a3ee393b button .loader_0f65381425 {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_99a3ee393b button .loader_0f65381425.xxs_07ee4340d2 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_99a3ee393b button .loader_0f65381425.xxs_07ee4340d2 svg {\n  display: block;\n}");export{e as default};
 //# sourceMappingURL=IconButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_51ae9ba113","focus-visible":"focus-visible_c49ba4e3a8",disabled:"disabled_f7a9477d52",disableTextSelection:"disableTextSelection_bd24c52394",clickableWrapper:"clickableWrapper_51ae9ba113",label:"label_4c428dd47d",small:"small_6f3732c404",withLeg:"withLeg_7236aca694",legWrapper:"legWrapper_fbae5a728a",kindFill:"kindFill_cee88e34dc",colorPrimary:"colorPrimary_53f6f62761",colorDark:"colorDark_1a90679107",colorNegative:"colorNegative_4147f12566",colorPositive:"colorPositive_aa4202b90f",kindLine:"kindLine_80efd6a9f9",smallText:"smallText_4c8c43e855"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-4bcc4b0ff746_3_0_0-alpha_3";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))}(".clickable_51ae9ba113 {\n  cursor: pointer;\n}\n.clickable_51ae9ba113:focus-visible, .clickable_51ae9ba113.focus-visible_c49ba4e3a8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_51ae9ba113:focus:not(.focus-visible_c49ba4e3a8) {\n  outline: none;\n}\n.clickable_51ae9ba113.disabled_f7a9477d52 {\n  cursor: default;\n}\n.disableTextSelection_bd24c52394 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_51ae9ba113 {\n  cursor: pointer;\n}\n.clickableWrapper_51ae9ba113:focus-visible, .clickableWrapper_51ae9ba113.focus-visible_c49ba4e3a8 {\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_51ae9ba113:focus:not(.focus-visible_c49ba4e3a8) {\n  outline: none;\n}\n.clickableWrapper_51ae9ba113:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_4c428dd47d {\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_4c428dd47d.small_6f3732c404 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_7236aca694 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_fbae5a728a {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_cee88e34dc.colorPrimary_53f6f62761 {\n  background-color: var(--primary-color);\n}\n.kindFill_cee88e34dc.colorPrimary_53f6f62761 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_cee88e34dc.colorPrimary_53f6f62761.clickable_51ae9ba113:hover, .kindFill_cee88e34dc.colorPrimary_53f6f62761.clickable_51ae9ba113:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_cee88e34dc.colorDark_1a90679107 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_cee88e34dc.colorDark_1a90679107 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_cee88e34dc.colorNegative_4147f12566 {\n  background-color: var(--negative-color);\n}\n.kindFill_cee88e34dc.colorNegative_4147f12566 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_cee88e34dc.colorNegative_4147f12566.clickable_51ae9ba113:hover, .kindFill_cee88e34dc.colorNegative_4147f12566.clickable_51ae9ba113:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_cee88e34dc.colorPositive_aa4202b90f {\n  background-color: var(--positive-color);\n}\n.kindFill_cee88e34dc.colorPositive_aa4202b90f svg path {\n  fill: var(--positive-color);\n}\n.kindFill_cee88e34dc.colorPositive_aa4202b90f.clickable_51ae9ba113:hover, .kindFill_cee88e34dc.colorPositive_aa4202b90f.clickable_51ae9ba113:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_80efd6a9f9 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_80efd6a9f9 .legWrapper_fbae5a728a {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_80efd6a9f9.colorPrimary_53f6f62761 {\n  color: var(--primary-color);\n}\n.kindLine_80efd6a9f9.colorPrimary_53f6f62761 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_80efd6a9f9.colorPrimary_53f6f62761.clickable_51ae9ba113:hover, .kindLine_80efd6a9f9.colorPrimary_53f6f62761.clickable_51ae9ba113:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_80efd6a9f9.colorDark_1a90679107 {\n  color: var(--inverted-color-background);\n}\n.kindLine_80efd6a9f9.colorDark_1a90679107 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_80efd6a9f9.colorDark_1a90679107.clickable_51ae9ba113:hover, .kindLine_80efd6a9f9.colorDark_1a90679107.clickable_51ae9ba113:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_80efd6a9f9.colorNegative_4147f12566 {\n  color: var(--negative-color);\n}\n.kindLine_80efd6a9f9.colorNegative_4147f12566 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_80efd6a9f9.colorNegative_4147f12566.clickable_51ae9ba113:hover, .kindLine_80efd6a9f9.colorNegative_4147f12566.clickable_51ae9ba113:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_80efd6a9f9.colorPositive_aa4202b90f {\n  color: var(--positive-color);\n}\n.kindLine_80efd6a9f9.colorPositive_aa4202b90f svg path {\n  fill: var(--positive-color);\n}\n.kindLine_80efd6a9f9.colorPositive_aa4202b90f.clickable_51ae9ba113:hover, .kindLine_80efd6a9f9.colorPositive_aa4202b90f.clickable_51ae9ba113:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_80efd6a9f9 .smallText_4c8c43e855 {\n  line-height: 14px;\n}");export{e as default};
+var e={clickable:"clickable_7dc88b9cc5","focus-visible":"focus-visible_16c0de53d9",disabled:"disabled_ccd9a1979f",disableTextSelection:"disableTextSelection_2a28994d73",clickableWrapper:"clickableWrapper_7dc88b9cc5",label:"label_23b108e334",small:"small_d1c4a5a52f",withLeg:"withLeg_e635460448",legWrapper:"legWrapper_89e3bc9aff",kindFill:"kindFill_29bd4fe2bf",colorPrimary:"colorPrimary_d493ebc6b3",colorDark:"colorDark_744ced38fb",colorNegative:"colorNegative_2daf4d27a7",colorPositive:"colorPositive_f8b7b2663b",kindLine:"kindLine_dbd6683957",smallText:"smallText_e630d39b38"};!function(e){if("undefined"==typeof document)return;const c=document.head||document.getElementsByTagName("head")[0],n="s_id-4bcc4b0ff746_3_0_0-alpha_5";if(c.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,c.firstChild?c.insertBefore(o,c.firstChild):c.appendChild(o),o.appendChild(document.createTextNode(e))}(".clickable_7dc88b9cc5 {\n  cursor: pointer;\n}\n.clickable_7dc88b9cc5:focus-visible, .clickable_7dc88b9cc5.focus-visible_16c0de53d9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_7dc88b9cc5:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.clickable_7dc88b9cc5.disabled_ccd9a1979f {\n  cursor: default;\n}\n.disableTextSelection_2a28994d73 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_7dc88b9cc5 {\n  cursor: pointer;\n}\n.clickableWrapper_7dc88b9cc5:focus-visible, .clickableWrapper_7dc88b9cc5.focus-visible_16c0de53d9 {\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_7dc88b9cc5:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.clickableWrapper_7dc88b9cc5:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_23b108e334 {\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_23b108e334.small_d1c4a5a52f {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_e635460448 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_89e3bc9aff {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_29bd4fe2bf.colorPrimary_d493ebc6b3 {\n  background-color: var(--primary-color);\n}\n.kindFill_29bd4fe2bf.colorPrimary_d493ebc6b3 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_29bd4fe2bf.colorPrimary_d493ebc6b3.clickable_7dc88b9cc5:hover, .kindFill_29bd4fe2bf.colorPrimary_d493ebc6b3.clickable_7dc88b9cc5:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_29bd4fe2bf.colorDark_744ced38fb {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_29bd4fe2bf.colorDark_744ced38fb svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_29bd4fe2bf.colorNegative_2daf4d27a7 {\n  background-color: var(--negative-color);\n}\n.kindFill_29bd4fe2bf.colorNegative_2daf4d27a7 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_29bd4fe2bf.colorNegative_2daf4d27a7.clickable_7dc88b9cc5:hover, .kindFill_29bd4fe2bf.colorNegative_2daf4d27a7.clickable_7dc88b9cc5:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_29bd4fe2bf.colorPositive_f8b7b2663b {\n  background-color: var(--positive-color);\n}\n.kindFill_29bd4fe2bf.colorPositive_f8b7b2663b svg path {\n  fill: var(--positive-color);\n}\n.kindFill_29bd4fe2bf.colorPositive_f8b7b2663b.clickable_7dc88b9cc5:hover, .kindFill_29bd4fe2bf.colorPositive_f8b7b2663b.clickable_7dc88b9cc5:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_dbd6683957 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_dbd6683957 .legWrapper_89e3bc9aff {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_dbd6683957.colorPrimary_d493ebc6b3 {\n  color: var(--primary-color);\n}\n.kindLine_dbd6683957.colorPrimary_d493ebc6b3 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_dbd6683957.colorPrimary_d493ebc6b3.clickable_7dc88b9cc5:hover, .kindLine_dbd6683957.colorPrimary_d493ebc6b3.clickable_7dc88b9cc5:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_dbd6683957.colorDark_744ced38fb {\n  color: var(--inverted-color-background);\n}\n.kindLine_dbd6683957.colorDark_744ced38fb svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_dbd6683957.colorDark_744ced38fb.clickable_7dc88b9cc5:hover, .kindLine_dbd6683957.colorDark_744ced38fb.clickable_7dc88b9cc5:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_dbd6683957.colorNegative_2daf4d27a7 {\n  color: var(--negative-color);\n}\n.kindLine_dbd6683957.colorNegative_2daf4d27a7 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_dbd6683957.colorNegative_2daf4d27a7.clickable_7dc88b9cc5:hover, .kindLine_dbd6683957.colorNegative_2daf4d27a7.clickable_7dc88b9cc5:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_dbd6683957.colorPositive_f8b7b2663b {\n  color: var(--positive-color);\n}\n.kindLine_dbd6683957.colorPositive_f8b7b2663b svg path {\n  fill: var(--positive-color);\n}\n.kindLine_dbd6683957.colorPositive_f8b7b2663b.clickable_7dc88b9cc5:hover, .kindLine_dbd6683957.colorPositive_f8b7b2663b.clickable_7dc88b9cc5:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_dbd6683957 .smallText_e630d39b38 {\n  line-height: 14px;\n}");export{e as default};
 //# sourceMappingURL=Label.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_3695e30cec",svg:"svg_a404e922d6",stroke:"stroke_849d88aaa8","stroke-rotate":"stroke-rotate_bf76c51abe",base:"base_acf16ef03b",fade:"fade_f6b7bc3077",first:"first_17f28903cd",second:"second_a9fcc38dd9",third:"third_126d4c63f9","gradient-text-fill":"gradient-text-fill_4bab538266"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-cc5df975abc6_3_0_0-alpha_3";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".celebration_3695e30cec {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_3695e30cec .svg_a404e922d6 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_3695e30cec .svg_a404e922d6 .stroke_849d88aaa8 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_bf76c51abe cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_3695e30cec .svg_a404e922d6 .stroke_849d88aaa8.base_acf16ef03b {\n  stroke: var(--color-egg_yolk);\n  animation: fade_f6b7bc3077 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_3695e30cec .svg_a404e922d6 .stroke_849d88aaa8.first_17f28903cd {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_3695e30cec .svg_a404e922d6 .stroke_849d88aaa8.second_a9fcc38dd9 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_3695e30cec .svg_a404e922d6 .stroke_849d88aaa8.third_126d4c63f9 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_3695e30cec.celebration_3695e30cec [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_4bab538266 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_f6b7bc3077 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_bf76c51abe {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_4bab538266 {\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_65718ddb8a",svg:"svg_2f44bed795",stroke:"stroke_07d3cd952b","stroke-rotate":"stroke-rotate_57af4e5d61",base:"base_596e28cc8b",fade:"fade_dee3d77b35",first:"first_d484de31e6",second:"second_642c4669b5",third:"third_b14bcd1792","gradient-text-fill":"gradient-text-fill_acbabc7138"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-cc5df975abc6_3_0_0-alpha_5";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".celebration_65718ddb8a {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_65718ddb8a .svg_2f44bed795 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_65718ddb8a .svg_2f44bed795 .stroke_07d3cd952b {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_57af4e5d61 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_65718ddb8a .svg_2f44bed795 .stroke_07d3cd952b.base_596e28cc8b {\n  stroke: var(--color-egg_yolk);\n  animation: fade_dee3d77b35 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_65718ddb8a .svg_2f44bed795 .stroke_07d3cd952b.first_d484de31e6 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_65718ddb8a .svg_2f44bed795 .stroke_07d3cd952b.second_642c4669b5 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_65718ddb8a .svg_2f44bed795 .stroke_07d3cd952b.third_b14bcd1792 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_65718ddb8a.celebration_65718ddb8a [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_acbabc7138 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_dee3d77b35 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_57af4e5d61 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_acbabc7138 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
 //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={link:"link_8cf733bd9e","focus-visible":"focus-visible_c49ba4e3a8",text:"text_f01665491d",inlineText:"inlineText_a6d7144fbc",inheritFontSize:"inheritFontSize_dd2b2e7ff6",iconStart:"iconStart_3368719094",iconEnd:"iconEnd_9951c6d613"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],e="s_id-c911448248db_3_0_0-alpha_3";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))}(".link_8cf733bd9e {\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_8cf733bd9e:focus-visible, .link_8cf733bd9e.focus-visible_c49ba4e3a8 {\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_8cf733bd9e:focus:not(.focus-visible_c49ba4e3a8) {\n  outline: none;\n}\n.link_8cf733bd9e:hover .text_f01665491d {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_8cf733bd9e.inlineText_a6d7144fbc {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_8cf733bd9e.inheritFontSize_dd2b2e7ff6 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_3368719094 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_9951c6d613 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_3368719094 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_9951c6d613 {\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_f9363ea588","focus-visible":"focus-visible_16c0de53d9",text:"text_ad4dca80b7",inlineText:"inlineText_9fe0762a16",inheritFontSize:"inheritFontSize_91d304b1e0",iconStart:"iconStart_2420b7c15f",iconEnd:"iconEnd_edaae47d0c"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-c911448248db_3_0_0-alpha_5";if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".link_f9363ea588 {\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_f9363ea588:focus-visible, .link_f9363ea588.focus-visible_16c0de53d9 {\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_f9363ea588:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.link_f9363ea588:hover .text_ad4dca80b7 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_f9363ea588.inlineText_9fe0762a16 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_f9363ea588.inheritFontSize_91d304b1e0 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_2420b7c15f {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_edaae47d0c {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_2420b7c15f {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_edaae47d0c {\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_b0d943edb2"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-ed9bf484fec4_3_0_0-alpha_3";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))}(".list_b0d943edb2 {\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_b0d943edb2::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_b0d943edb2::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_2b9c1579fb"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-ed9bf484fec4_3_0_0-alpha_5";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))}(".list_2b9c1579fb {\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_2b9c1579fb::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_2b9c1579fb::-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_3c2e1c64ba"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-6ed55dee5450_3_0_0-alpha_3";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".scrollableContainer_3c2e1c64ba {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_3c2e1c64ba::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_3c2e1c64ba::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_6783774060"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-6ed55dee5450_3_0_0-alpha_5";if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".scrollableContainer_6783774060 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_6783774060::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_6783774060::-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_75be66eba1","focus-visible":"focus-visible_a0d727e630",disabled:"disabled_e14fa7a861",selected:"selected_6b75a59a02",small:"small_db183b2665",medium:"medium_e00432bc6a",large:"large_5dca814181"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-8402a299d384_3_0_0-alpha_3";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".listItem_75be66eba1 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_75be66eba1:focus-visible, .listItem_75be66eba1.focus-visible_a0d727e630 {\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_75be66eba1:focus:not(.focus-visible_a0d727e630) {\n  outline: none;\n}\n.listItem_75be66eba1:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_e14fa7a861 {\n  cursor: not-allowed;\n}\n.disabled_e14fa7a861:hover {\n  background-color: transparent;\n}\n.selected_6b75a59a02 {\n  background-color: var(--primary-selected-color);\n}\n.selected_6b75a59a02:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_db183b2665 {\n  height: 32px;\n}\n.medium_e00432bc6a {\n  height: 40px;\n}\n.large_5dca814181 {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_2e9850fd76","focus-visible":"focus-visible_a001e0e3a8",disabled:"disabled_394acc2736",selected:"selected_49934d4692",small:"small_e3e1550b00",medium:"medium_cb957938f5",large:"large_b4f25eed68"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-8402a299d384_3_0_0-alpha_5";if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".listItem_2e9850fd76 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_2e9850fd76:focus-visible, .listItem_2e9850fd76.focus-visible_a001e0e3a8 {\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_2e9850fd76:focus:not(.focus-visible_a001e0e3a8) {\n  outline: none;\n}\n.listItem_2e9850fd76:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_394acc2736 {\n  cursor: not-allowed;\n}\n.disabled_394acc2736:hover {\n  background-color: transparent;\n}\n.selected_49934d4692 {\n  background-color: var(--primary-selected-color);\n}\n.selected_49934d4692:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_e3e1550b00 {\n  height: 32px;\n}\n.medium_cb957938f5 {\n  height: 40px;\n}\n.large_b4f25eed68 {\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_72c7d2d19f",avatar:"avatar_7cbecf7cf3"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-64054545c9e6_3_0_0-alpha_3";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".listItemAvatar_72c7d2d19f {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_7cbecf7cf3 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_70ca9625be",avatar:"avatar_f0723772f4"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-64054545c9e6_3_0_0-alpha_5";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".listItemAvatar_70ca9625be {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_f0723772f4 {\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_72c7d2d19f",start:"start_f82ea076ba",end:"end_144b4b430e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0831d1bc0202_3_0_0-alpha_3";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))}(".listItemIcon_72c7d2d19f {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_f82ea076ba {\n  margin-right: var(--spacing-small);\n}\n\n.end_144b4b430e {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_70ca9625be",start:"start_b6ef56805d",end:"end_feb286ce63"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0831d1bc0202_3_0_0-alpha_5";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))}(".listItemIcon_70ca9625be {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_b6ef56805d {\n  margin-right: var(--spacing-small);\n}\n\n.end_feb286ce63 {\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_9190cb186d"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-d4e0bfe7508e_3_0_0-alpha_3";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".listTitle_9190cb186d {\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_8a56b0f92c"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-d4e0bfe7508e_3_0_0-alpha_5";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".listTitle_8a56b0f92c {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={loaderContainer:"loaderContainer_96eb21cbec",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_ca5a1112d9",circleLoaderSpinner:"circleLoaderSpinner_537cc56623",rotate:"rotate_3d5f51a06f",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_5edb4203eb",dash:"dash_d164cbd4d2"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-dcd4d8f866fa_3_0_0-alpha_3";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".loaderContainer_96eb21cbec {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_96eb21cbec .circleLoaderSpinnerBackground_ca5a1112d9 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_96eb21cbec .circleLoaderSpinner_537cc56623 {\n  animation: rotate_3d5f51a06f 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_96eb21cbec .circleLoaderSpinner_537cc56623 .circleLoaderSpinnerPath_5edb4203eb {\n  animation: dash_d164cbd4d2 1s infinite;\n}\n@keyframes rotate_3d5f51a06f {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_d164cbd4d2 {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
+var e={loaderContainer:"loaderContainer_0b8da716c2",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_e7cbdc012c",circleLoaderSpinner:"circleLoaderSpinner_9113ce759b",rotate:"rotate_1a2e5b75e8",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_4aa4455143",dash:"dash_73094d92f0"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-dcd4d8f866fa_3_0_0-alpha_5";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".loaderContainer_0b8da716c2 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_0b8da716c2 .circleLoaderSpinnerBackground_e7cbdc012c {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_0b8da716c2 .circleLoaderSpinner_9113ce759b {\n  animation: rotate_1a2e5b75e8 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_0b8da716c2 .circleLoaderSpinner_9113ce759b .circleLoaderSpinnerPath_4aa4455143 {\n  animation: dash_73094d92f0 1s infinite;\n}\n@keyframes rotate_1a2e5b75e8 {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_73094d92f0 {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
 //# sourceMappingURL=Loader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"classnames";import{SIZES as t}from"../../../constants/sizes.js";import s,{forwardRef as o,useRef as u,useState as i,useMemo as r,useCallback as l,useEffect as d,useLayoutEffect as c}from"react";import a from"../../../hooks/useMergeRef.js";import m from"../../../hooks/useClickOutside/index.js";import p from"./hooks/useSubMenuIndex.js";import v from"./hooks/useOnCloseMenu.js";import f from"./hooks/useCloseMenuOnKeyEvent.js";import I from"./hooks/useMenuKeyboardNavigation.js";import M from"./hooks/useMouseLeave.js";import{useAdjacentSelectableMenuIndex as b}from"./hooks/useAdjacentSelectableMenuIndex.js";import{useFocusWithin as x}from"../../../hooks/useFocusWithin.js";import h from"../../../hooks/usePrevious/index.js";import{withStaticProps as S}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{getStyle as j}from"../../../helpers/typesciptCssModulesHelper.js";import{getTestId as O}from"../../../tests/testIds.js";import{ComponentDefaultTestId as k}from"../../../tests/constants.js";import{useFocusOnMount as g}from"./hooks/useFocusOnMount.js";import{useMenuId as C}from"./hooks/useMenuId.js";import{generateMenuItemId as y}from"./utils/utils.js";import A from"./Menu.module.scss.js";var E=o((function(t,o){var S=t.id,B=t.className,F=t.size,N=void 0===F?E.sizes.MEDIUM:F,P=t.tabIndex,D=void 0===P?0:P,L=t.ariaLabel,V=void 0===L?"Menu":L,z=t.ariaDescribedBy,R=t.children,T=t.isVisible,U=void 0===T||T,W=t.onClose,H=t.onItemFocus,K=t.focusOnMount,_=void 0!==K&&K,q=t.focusItemIndex,w=void 0===q?-1:q,G=t.focusItemIndexOnMount,J=void 0===G?-1:G,Q=t.isSubMenu,X=void 0!==Q&&Q,Y=t.useDocumentEventListeners,Z=void 0!==Y&&Y,$=t.shouldScrollMenu,ee=void 0!==$&&$,ne=t["data-testid"],te=u(null),se=a(te,o),oe=C(S),ue=u(null),ie=i(w),re=e(ie,2),le=re[0],de=re[1],ce=i(!1),ae=e(ce,2),me=ae[0],pe=ae[1],ve=r((function(){return s.Children.toArray(R).filter((function(e){return!!e.type.isMenuChild||(console.error("Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: ",e),!1)}))}),[R]),fe=l((function(e){var n,t,o;de(e);var u=ve[e],i=s.isValidElement(u)?(null===(n=null==u?void 0:u.props)||void 0===n?void 0:n.id)||"".concat(oe,"-item-").concat(e):void 0;i?null===(t=null==te?void 0:te.current)||void 0===t||t.setAttribute("aria-activedescendant",i):null===(o=null==te?void 0:te.current)||void 0===o||o.removeAttribute("aria-activedescendant")}),[ve,oe]),Ie=l((function(e){H&&H(e),fe(e),pe(!1)}),[fe,H]),Me=p(),be=Me.setSubMenuIsOpenByIndex,xe=Me.hasOpenSubMenu,he=Me.openSubMenuIndex,Se=Me.resetOpenSubMenuIndex,je=v({setActiveItemIndex:Ie,setOpenSubMenuIndex:Me.setOpenSubMenuIndex,onClose:W});m({ref:te,callback:function(){return je()}}),f({hasOpenSubMenu:xe,onCloseMenu:je,ref:te,onClose:W,isSubMenu:X,useDocumentEventListeners:Z});var Oe=b({children:ve}),ke=Oe.getNextSelectableIndex,ge=Oe.getPreviousSelectableIndex;I({hasOpenSubMenu:xe,getNextSelectableIndex:ke,getPreviousSelectableIndex:ge,activeItemIndex:le,setActiveItemIndex:Ie,isVisible:U,ref:te,useDocumentEventListeners:Z}),M({resetOpenSubMenuIndex:Se,hasOpenSubMenu:xe,ref:te,setActiveItemIndex:Ie}),g({focusItemIndexOnMount:J,focusChildOnMount:ve[J],getNextSelectableIndex:ke,updateActiveItemIndex:fe,setIsInitialFocusSet:pe});var Ce=l((function(){pe(!0)}),[pe]),ye=h(xe);d((function(){var e;xe||Z||le>-1&&ye&&(null===(e=null==te?void 0:te.current)||void 0===e||e.focus())}),[le,xe,ye,Z]),c((function(){_&&!Z&&requestAnimationFrame((function(){te&&te.current&&te.current.focus()}))}),[te,_,Z]);var Ae=x({onBlurWithin:function(){je&&je()}}).focusWithinProps;return s.createElement("ul",{onFocus:null==Ae?void 0:Ae.onFocus,onBlur:null==Ae?void 0:Ae.onBlur,id:oe,"data-testid":ne||O(k.MENU,S),className:n(A.menu,j(A,N),B),ref:se,tabIndex:D,"aria-label":V,role:"menu","aria-describedby":z,onMouseOver:Ce},ve&&s.Children.map(ve,(function(e,n){return s.isValidElement(e)?s.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{activeItemIndex:le,index:n,setActiveItemIndex:fe,menuRef:te,resetOpenSubMenuIndex:Se,isParentMenuVisible:U,setSubMenuIsOpenByIndex:be,hasOpenSubMenu:n===he,closeMenu:je,id:y(oe,e,n),useDocumentEventListeners:Z,isInitialSelectedState:me,shouldScrollMenu:ee,getNextSelectableIndex:ke,getPreviousSelectableIndex:ge,isUnderSubMenu:X,splitMenuItemIconButtonRef:ue})):null})))}));Object.assign(E,{isMenu:!0,supportFocusOnMount:!0});var B=S(E,{sizes:t});export{B as default};
+import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"classnames";import{SIZES as t}from"../../../constants/sizes.js";import s,{forwardRef as o,useRef as u,useState as i,useMemo as r,useCallback as l,useEffect as d}from"react";import c from"../../../hooks/useMergeRef.js";import a from"../../../hooks/ssr/useIsomorphicLayoutEffect.js";import m from"../../../hooks/useClickOutside/index.js";import p from"./hooks/useSubMenuIndex.js";import v from"./hooks/useOnCloseMenu.js";import f from"./hooks/useCloseMenuOnKeyEvent.js";import I from"./hooks/useMenuKeyboardNavigation.js";import M from"./hooks/useMouseLeave.js";import{useAdjacentSelectableMenuIndex as b}from"./hooks/useAdjacentSelectableMenuIndex.js";import{useFocusWithin as h}from"../../../hooks/useFocusWithin.js";import x from"../../../hooks/usePrevious/index.js";import{withStaticProps as S}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{getStyle as j}from"../../../helpers/typesciptCssModulesHelper.js";import{getTestId as O}from"../../../tests/testIds.js";import{ComponentDefaultTestId as k}from"../../../tests/constants.js";import{useFocusOnMount as g}from"./hooks/useFocusOnMount.js";import{useMenuId as C}from"./hooks/useMenuId.js";import{generateMenuItemId as y}from"./utils/utils.js";import E from"./Menu.module.scss.js";var A=o((function(t,o){var S=t.id,B=t.className,F=t.size,N=void 0===F?A.sizes.MEDIUM:F,P=t.tabIndex,D=void 0===P?0:P,L=t.ariaLabel,V=void 0===L?"Menu":L,z=t.ariaDescribedBy,R=t.children,T=t.isVisible,U=void 0===T||T,W=t.onClose,H=t.onItemFocus,K=t.focusOnMount,_=void 0!==K&&K,q=t.focusItemIndex,w=void 0===q?-1:q,G=t.focusItemIndexOnMount,J=void 0===G?-1:G,Q=t.isSubMenu,X=void 0!==Q&&Q,Y=t.useDocumentEventListeners,Z=void 0!==Y&&Y,$=t.shouldScrollMenu,ee=void 0!==$&&$,ne=t["data-testid"],te=u(null),se=c(te,o),oe=C(S),ue=u(null),ie=i(w),re=e(ie,2),le=re[0],de=re[1],ce=i(!1),ae=e(ce,2),me=ae[0],pe=ae[1],ve=r((function(){return s.Children.toArray(R).filter((function(e){return!!e.type.isMenuChild||(console.error("Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: ",e),!1)}))}),[R]),fe=l((function(e){var n,t,o;de(e);var u=ve[e],i=s.isValidElement(u)?(null===(n=null==u?void 0:u.props)||void 0===n?void 0:n.id)||"".concat(oe,"-item-").concat(e):void 0;i?null===(t=null==te?void 0:te.current)||void 0===t||t.setAttribute("aria-activedescendant",i):null===(o=null==te?void 0:te.current)||void 0===o||o.removeAttribute("aria-activedescendant")}),[ve,oe]),Ie=l((function(e){H&&H(e),fe(e),pe(!1)}),[fe,H]),Me=p(),be=Me.setSubMenuIsOpenByIndex,he=Me.hasOpenSubMenu,xe=Me.openSubMenuIndex,Se=Me.resetOpenSubMenuIndex,je=v({setActiveItemIndex:Ie,setOpenSubMenuIndex:Me.setOpenSubMenuIndex,onClose:W});m({ref:te,callback:function(){return je()}}),f({hasOpenSubMenu:he,onCloseMenu:je,ref:te,onClose:W,isSubMenu:X,useDocumentEventListeners:Z});var Oe=b({children:ve}),ke=Oe.getNextSelectableIndex,ge=Oe.getPreviousSelectableIndex;I({hasOpenSubMenu:he,getNextSelectableIndex:ke,getPreviousSelectableIndex:ge,activeItemIndex:le,setActiveItemIndex:Ie,isVisible:U,ref:te,useDocumentEventListeners:Z}),M({resetOpenSubMenuIndex:Se,hasOpenSubMenu:he,ref:te,setActiveItemIndex:Ie}),g({focusItemIndexOnMount:J,focusChildOnMount:ve[J],getNextSelectableIndex:ke,updateActiveItemIndex:fe,setIsInitialFocusSet:pe});var Ce=l((function(){pe(!0)}),[pe]),ye=x(he);d((function(){var e;he||Z||le>-1&&ye&&(null===(e=null==te?void 0:te.current)||void 0===e||e.focus())}),[le,he,ye,Z]),a((function(){_&&!Z&&requestAnimationFrame((function(){te&&te.current&&te.current.focus()}))}),[te,_,Z]);var Ee=h({onBlurWithin:function(){je&&je()}}).focusWithinProps;return s.createElement("ul",{onFocus:null==Ee?void 0:Ee.onFocus,onBlur:null==Ee?void 0:Ee.onBlur,id:oe,"data-testid":ne||O(k.MENU,S),className:n(E.menu,j(E,N),B),ref:se,tabIndex:D,"aria-label":V,role:"menu","aria-describedby":z,onMouseOver:Ce},ve&&s.Children.map(ve,(function(e,n){return s.isValidElement(e)?s.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{activeItemIndex:le,index:n,setActiveItemIndex:fe,menuRef:te,resetOpenSubMenuIndex:Se,isParentMenuVisible:U,setSubMenuIsOpenByIndex:be,hasOpenSubMenu:n===xe,closeMenu:je,id:y(oe,e,n),useDocumentEventListeners:Z,isInitialSelectedState:me,shouldScrollMenu:ee,getNextSelectableIndex:ke,getPreviousSelectableIndex:ge,isUnderSubMenu:X,splitMenuItemIconButtonRef:ue})):null})))}));Object.assign(A,{isMenu:!0,supportFocusOnMount:!0});var B=S(A,{sizes:t});export{B as default};
 //# sourceMappingURL=Menu.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.js","sources":["../../../../../src/components/Menu/Menu/Menu.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { SIZES } from \"../../../constants/sizes\";\nimport React, {\n forwardRef,\n ReactElement,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport useClickOutside from \"../../../hooks/useClickOutside\";\nimport useSubMenuIndex from \"./hooks/useSubMenuIndex\";\nimport useOnCloseMenu from \"./hooks/useOnCloseMenu\";\nimport useCloseMenuOnKeyEvent from \"./hooks/useCloseMenuOnKeyEvent\";\nimport useMenuKeyboardNavigation from \"./hooks/useMenuKeyboardNavigation\";\nimport useMouseLeave from \"./hooks/useMouseLeave\";\nimport { useAdjacentSelectableMenuIndex } from \"./hooks/useAdjacentSelectableMenuIndex\";\nimport { useFocusWithin } from \"../../../hooks/useFocusWithin\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { CloseMenuOption, MenuChild } from \"./MenuConstants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { useFocusOnMount } from \"./hooks/useFocusOnMount\";\nimport { useMenuId } from \"./hooks/useMenuId\";\nimport { generateMenuItemId } from \"./utils/utils\";\nimport styles from \"./Menu.module.scss\";\n\nexport interface MenuProps extends VibeComponentProps {\n size?: (typeof SIZES)[keyof typeof SIZES];\n tabIndex?: number;\n ariaLabel?: string;\n ariaDescribedBy?: string;\n focusOnMount?: boolean;\n onItemFocus?: (index: number) => void;\n isVisible?: boolean;\n onClose?: (option: CloseMenuOption) => void;\n focusItemIndex?: number;\n isSubMenu?: boolean;\n useDocumentEventListeners?: boolean;\n focusItemIndexOnMount?: number;\n shouldScrollMenu?: boolean;\n children?: ElementContent;\n}\n\nconst Menu: VibeComponent<MenuProps> & {\n isMenu?: boolean;\n supportFocusOnMount?: boolean;\n sizes?: typeof SIZES;\n} = forwardRef(\n (\n {\n id,\n className,\n size = Menu.sizes.MEDIUM,\n tabIndex = 0,\n ariaLabel = \"Menu\",\n ariaDescribedBy,\n children: originalChildren,\n isVisible = true,\n onClose,\n onItemFocus,\n focusOnMount = false,\n focusItemIndex = -1,\n focusItemIndexOnMount = -1,\n isSubMenu = false,\n useDocumentEventListeners = false,\n shouldScrollMenu = false,\n \"data-testid\": dataTestId\n }: MenuProps,\n forwardedRef\n ) => {\n const ref = useRef(null);\n const mergedRef = useMergeRef(ref, forwardedRef);\n\n const overrideId = useMenuId(id);\n const splitMenuItemIconButtonRef = useRef<HTMLElement>(null);\n\n const [activeItemIndex, setActiveItemIndex] = useState(focusItemIndex);\n const [isInitialSelectedState, setIsInitialSelectedState] = useState(false);\n\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as MenuChild[];\n return allChildren.filter(child => {\n if (child.type.isMenuChild) return true;\n console.error(\n \"Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: \",\n child\n );\n return false;\n });\n }, [originalChildren]);\n\n const updateActiveItemIndex = useCallback(\n (index: number) => {\n setActiveItemIndex(index);\n\n const activeChild = children[index];\n const ariaActiveDescendant = React.isValidElement(activeChild)\n ? activeChild?.props?.id \|\| `${overrideId}-item-${index}`\n : undefined;\n if (ariaActiveDescendant) {\n ref?.current?.setAttribute(\"aria-activedescendant\", ariaActiveDescendant);\n } else {\n ref?.current?.removeAttribute(\"aria-activedescendant\");\n }\n },\n [children, overrideId]\n );\n\n const onSetActiveItemIndexCallback = useCallback(\n (index: number) => {\n onItemFocus && onItemFocus(index);\n updateActiveItemIndex(index);\n setIsInitialSelectedState(false);\n },\n [updateActiveItemIndex, onItemFocus]\n );\n\n const { setSubMenuIsOpenByIndex, hasOpenSubMenu, openSubMenuIndex, setOpenSubMenuIndex, resetOpenSubMenuIndex } =\n useSubMenuIndex();\n\n const onCloseMenu = useOnCloseMenu({\n setActiveItemIndex: onSetActiveItemIndexCallback,\n setOpenSubMenuIndex,\n onClose\n });\n\n useClickOutside({ ref, callback: () => onCloseMenu() });\n useCloseMenuOnKeyEvent({ hasOpenSubMenu, onCloseMenu, ref, onClose, isSubMenu, useDocumentEventListeners });\n\n const { getNextSelectableIndex, getPreviousSelectableIndex } = useAdjacentSelectableMenuIndex({\n children: children as ReactElement[]\n });\n useMenuKeyboardNavigation({\n hasOpenSubMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n activeItemIndex,\n setActiveItemIndex: onSetActiveItemIndexCallback,\n isVisible,\n ref,\n useDocumentEventListeners\n });\n useMouseLeave({\n resetOpenSubMenuIndex,\n hasOpenSubMenu,\n ref,\n setActiveItemIndex: onSetActiveItemIndexCallback\n });\n useFocusOnMount({\n focusItemIndexOnMount,\n focusChildOnMount: children[focusItemIndexOnMount] as ReactElement,\n getNextSelectableIndex,\n updateActiveItemIndex,\n setIsInitialFocusSet: setIsInitialSelectedState\n });\n\n const onMouseMove = useCallback(() => {\n setIsInitialSelectedState(true);\n }, [setIsInitialSelectedState]);\n\n const previousHasOpenSubMenu = usePrevious(hasOpenSubMenu);\n useEffect(() => {\n if (hasOpenSubMenu \|\| useDocumentEventListeners) return;\n if (activeItemIndex > -1 && previousHasOpenSubMenu) {\n // the submenu was just closed, so we want to focus the menu to capture keyboard events\n ref?.current?.focus();\n }\n }, [activeItemIndex, hasOpenSubMenu, previousHasOpenSubMenu, useDocumentEventListeners]);\n\n useLayoutEffect(() => {\n if (!focusOnMount \|\| useDocumentEventListeners) return;\n requestAnimationFrame(() => {\n ref && ref.current && ref.current.focus();\n });\n }, [ref, focusOnMount, useDocumentEventListeners]);\n\n const { focusWithinProps } = useFocusWithin({\n onBlurWithin: () => {\n onCloseMenu && onCloseMenu();\n }\n });\n\n return (\n <ul\n onFocus={focusWithinProps?.onFocus}\n onBlur={focusWithinProps?.onBlur}\n id={overrideId}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU, id)}\n className={cx(styles.menu, getStyle(styles, size), className)}\n ref={mergedRef}\n tabIndex={tabIndex}\n aria-label={ariaLabel}\n role=\"menu\"\n aria-describedby={ariaDescribedBy}\n onMouseOver={onMouseMove}\n >\n {children &&\n React.Children.map(children, (child, index) => {\n return React.isValidElement(child)\n ? React.cloneElement(child, {\n ...child?.props,\n activeItemIndex,\n index,\n setActiveItemIndex: updateActiveItemIndex,\n menuRef: ref,\n resetOpenSubMenuIndex,\n isParentMenuVisible: isVisible,\n setSubMenuIsOpenByIndex,\n hasOpenSubMenu: index === openSubMenuIndex,\n closeMenu: onCloseMenu,\n id: generateMenuItemId(overrideId, child, index),\n useDocumentEventListeners,\n isInitialSelectedState,\n shouldScrollMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n isUnderSubMenu: isSubMenu,\n splitMenuItemIconButtonRef\n })\n : null;\n })}\n </ul>\n );\n }\n);\n\nObject.assign(Menu, {\n isMenu: true,\n supportFocusOnMount: true\n});\n\nexport default withStaticProps(Menu, {\n sizes: SIZES\n});\n"],"names":["Menu","forwardRef","_ref","forwardedRef","id","className","_ref$size","size","sizes","MEDIUM","_ref$tabIndex","tabIndex","_ref$ariaLabel","ariaLabel","ariaDescribedBy","originalChildren","children","_ref$isVisible","isVisible","onClose","onItemFocus","_ref$focusOnMount","focusOnMount","_ref$focusItemIndex","focusItemIndex","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$isSubMenu","isSubMenu","_ref$useDocumentEvent","useDocumentEventListeners","_ref$shouldScrollMenu","shouldScrollMenu","dataTestId","ref","useRef","mergedRef","useMergeRef","overrideId","useMenuId","splitMenuItemIconButtonRef","_useState","useState","_useState2","_slicedToArray","activeItemIndex","setActiveItemIndex","_useState3","_useState4","isInitialSelectedState","setIsInitialSelectedState","useMemo","React","Children","toArray","filter","child","type","isMenuChild","console","error","updateActiveItemIndex","useCallback","index","activeChild","ariaActiveDescendant","isValidElement","_a","props","concat","undefined","_b","current","setAttribute","_c","removeAttribute","onSetActiveItemIndexCallback","_useSubMenuIndex","useSubMenuIndex","setSubMenuIsOpenByIndex","hasOpenSubMenu","openSubMenuIndex","resetOpenSubMenuIndex","onCloseMenu","useOnCloseMenu","setOpenSubMenuIndex","useClickOutside","callback","useCloseMenuOnKeyEvent","_useAdjacentSelectabl","useAdjacentSelectableMenuIndex","getNextSelectableIndex","getPreviousSelectableIndex","useMenuKeyboardNavigation","useMouseLeave","useFocusOnMount","focusChildOnMount","setIsInitialFocusSet","onMouseMove","previousHasOpenSubMenu","usePrevious","useEffect","focus","useLayoutEffect","requestAnimationFrame","focusWithinProps","useFocusWithin","onBlurWithin","createElement","onFocus","onBlur","getTestId","ComponentDefaultTestId","MENU","cx","styles","menu","getStyle","role","onMouseOver","map","cloneElement","Object","assign","menuRef","isParentMenuVisible","closeMenu","generateMenuItemId","isUnderSubMenu","isMenu","supportFocusOnMount","withStaticProps","SIZES"],"mappings":"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"}
1	+ {"version":3,"file":"Menu.js","sources":["../../../../../src/components/Menu/Menu/Menu.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { SIZES } from \"../../../constants/sizes\";\nimport React, { forwardRef, ReactElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport useIsomorphicLayoutEffect from \"../../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useClickOutside from \"../../../hooks/useClickOutside\";\nimport useSubMenuIndex from \"./hooks/useSubMenuIndex\";\nimport useOnCloseMenu from \"./hooks/useOnCloseMenu\";\nimport useCloseMenuOnKeyEvent from \"./hooks/useCloseMenuOnKeyEvent\";\nimport useMenuKeyboardNavigation from \"./hooks/useMenuKeyboardNavigation\";\nimport useMouseLeave from \"./hooks/useMouseLeave\";\nimport { useAdjacentSelectableMenuIndex } from \"./hooks/useAdjacentSelectableMenuIndex\";\nimport { useFocusWithin } from \"../../../hooks/useFocusWithin\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { CloseMenuOption, MenuChild } from \"./MenuConstants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { useFocusOnMount } from \"./hooks/useFocusOnMount\";\nimport { useMenuId } from \"./hooks/useMenuId\";\nimport { generateMenuItemId } from \"./utils/utils\";\nimport styles from \"./Menu.module.scss\";\n\nexport interface MenuProps extends VibeComponentProps {\n size?: (typeof SIZES)[keyof typeof SIZES];\n tabIndex?: number;\n ariaLabel?: string;\n ariaDescribedBy?: string;\n focusOnMount?: boolean;\n onItemFocus?: (index: number) => void;\n isVisible?: boolean;\n onClose?: (option: CloseMenuOption) => void;\n focusItemIndex?: number;\n isSubMenu?: boolean;\n useDocumentEventListeners?: boolean;\n focusItemIndexOnMount?: number;\n shouldScrollMenu?: boolean;\n children?: ElementContent;\n}\n\nconst Menu: VibeComponent<MenuProps> & {\n isMenu?: boolean;\n supportFocusOnMount?: boolean;\n sizes?: typeof SIZES;\n} = forwardRef(\n (\n {\n id,\n className,\n size = Menu.sizes.MEDIUM,\n tabIndex = 0,\n ariaLabel = \"Menu\",\n ariaDescribedBy,\n children: originalChildren,\n isVisible = true,\n onClose,\n onItemFocus,\n focusOnMount = false,\n focusItemIndex = -1,\n focusItemIndexOnMount = -1,\n isSubMenu = false,\n useDocumentEventListeners = false,\n shouldScrollMenu = false,\n \"data-testid\": dataTestId\n }: MenuProps,\n forwardedRef\n ) => {\n const ref = useRef(null);\n const mergedRef = useMergeRef(ref, forwardedRef);\n\n const overrideId = useMenuId(id);\n const splitMenuItemIconButtonRef = useRef<HTMLElement>(null);\n\n const [activeItemIndex, setActiveItemIndex] = useState(focusItemIndex);\n const [isInitialSelectedState, setIsInitialSelectedState] = useState(false);\n\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as MenuChild[];\n return allChildren.filter(child => {\n if (child.type.isMenuChild) return true;\n console.error(\n \"Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: \",\n child\n );\n return false;\n });\n }, [originalChildren]);\n\n const updateActiveItemIndex = useCallback(\n (index: number) => {\n setActiveItemIndex(index);\n\n const activeChild = children[index];\n const ariaActiveDescendant = React.isValidElement(activeChild)\n ? activeChild?.props?.id \|\| `${overrideId}-item-${index}`\n : undefined;\n if (ariaActiveDescendant) {\n ref?.current?.setAttribute(\"aria-activedescendant\", ariaActiveDescendant);\n } else {\n ref?.current?.removeAttribute(\"aria-activedescendant\");\n }\n },\n [children, overrideId]\n );\n\n const onSetActiveItemIndexCallback = useCallback(\n (index: number) => {\n onItemFocus && onItemFocus(index);\n updateActiveItemIndex(index);\n setIsInitialSelectedState(false);\n },\n [updateActiveItemIndex, onItemFocus]\n );\n\n const { setSubMenuIsOpenByIndex, hasOpenSubMenu, openSubMenuIndex, setOpenSubMenuIndex, resetOpenSubMenuIndex } =\n useSubMenuIndex();\n\n const onCloseMenu = useOnCloseMenu({\n setActiveItemIndex: onSetActiveItemIndexCallback,\n setOpenSubMenuIndex,\n onClose\n });\n\n useClickOutside({ ref, callback: () => onCloseMenu() });\n useCloseMenuOnKeyEvent({ hasOpenSubMenu, onCloseMenu, ref, onClose, isSubMenu, useDocumentEventListeners });\n\n const { getNextSelectableIndex, getPreviousSelectableIndex } = useAdjacentSelectableMenuIndex({\n children: children as ReactElement[]\n });\n useMenuKeyboardNavigation({\n hasOpenSubMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n activeItemIndex,\n setActiveItemIndex: onSetActiveItemIndexCallback,\n isVisible,\n ref,\n useDocumentEventListeners\n });\n useMouseLeave({\n resetOpenSubMenuIndex,\n hasOpenSubMenu,\n ref,\n setActiveItemIndex: onSetActiveItemIndexCallback\n });\n useFocusOnMount({\n focusItemIndexOnMount,\n focusChildOnMount: children[focusItemIndexOnMount] as ReactElement,\n getNextSelectableIndex,\n updateActiveItemIndex,\n setIsInitialFocusSet: setIsInitialSelectedState\n });\n\n const onMouseMove = useCallback(() => {\n setIsInitialSelectedState(true);\n }, [setIsInitialSelectedState]);\n\n const previousHasOpenSubMenu = usePrevious(hasOpenSubMenu);\n useEffect(() => {\n if (hasOpenSubMenu \|\| useDocumentEventListeners) return;\n if (activeItemIndex > -1 && previousHasOpenSubMenu) {\n // the submenu was just closed, so we want to focus the menu to capture keyboard events\n ref?.current?.focus();\n }\n }, [activeItemIndex, hasOpenSubMenu, previousHasOpenSubMenu, useDocumentEventListeners]);\n\n useIsomorphicLayoutEffect(() => {\n if (!focusOnMount \|\| useDocumentEventListeners) return;\n requestAnimationFrame(() => {\n ref && ref.current && ref.current.focus();\n });\n }, [ref, focusOnMount, useDocumentEventListeners]);\n\n const { focusWithinProps } = useFocusWithin({\n onBlurWithin: () => {\n onCloseMenu && onCloseMenu();\n }\n });\n\n return (\n <ul\n onFocus={focusWithinProps?.onFocus}\n onBlur={focusWithinProps?.onBlur}\n id={overrideId}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU, id)}\n className={cx(styles.menu, getStyle(styles, size), className)}\n ref={mergedRef}\n tabIndex={tabIndex}\n aria-label={ariaLabel}\n role=\"menu\"\n aria-describedby={ariaDescribedBy}\n onMouseOver={onMouseMove}\n >\n {children &&\n React.Children.map(children, (child, index) => {\n return React.isValidElement(child)\n ? React.cloneElement(child, {\n ...child?.props,\n activeItemIndex,\n index,\n setActiveItemIndex: updateActiveItemIndex,\n menuRef: ref,\n resetOpenSubMenuIndex,\n isParentMenuVisible: isVisible,\n setSubMenuIsOpenByIndex,\n hasOpenSubMenu: index === openSubMenuIndex,\n closeMenu: onCloseMenu,\n id: generateMenuItemId(overrideId, child, index),\n useDocumentEventListeners,\n isInitialSelectedState,\n shouldScrollMenu,\n getNextSelectableIndex,\n getPreviousSelectableIndex,\n isUnderSubMenu: isSubMenu,\n splitMenuItemIconButtonRef\n })\n : null;\n })}\n </ul>\n );\n }\n);\n\nObject.assign(Menu, {\n isMenu: true,\n supportFocusOnMount: true\n});\n\nexport default withStaticProps(Menu, {\n sizes: SIZES\n});\n"],"names":["Menu","forwardRef","_ref","forwardedRef","id","className","_ref$size","size","sizes","MEDIUM","_ref$tabIndex","tabIndex","_ref$ariaLabel","ariaLabel","ariaDescribedBy","originalChildren","children","_ref$isVisible","isVisible","onClose","onItemFocus","_ref$focusOnMount","focusOnMount","_ref$focusItemIndex","focusItemIndex","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$isSubMenu","isSubMenu","_ref$useDocumentEvent","useDocumentEventListeners","_ref$shouldScrollMenu","shouldScrollMenu","dataTestId","ref","useRef","mergedRef","useMergeRef","overrideId","useMenuId","splitMenuItemIconButtonRef","_useState","useState","_useState2","_slicedToArray","activeItemIndex","setActiveItemIndex","_useState3","_useState4","isInitialSelectedState","setIsInitialSelectedState","useMemo","React","Children","toArray","filter","child","type","isMenuChild","console","error","updateActiveItemIndex","useCallback","index","activeChild","ariaActiveDescendant","isValidElement","_a","props","concat","undefined","_b","current","setAttribute","_c","removeAttribute","onSetActiveItemIndexCallback","_useSubMenuIndex","useSubMenuIndex","setSubMenuIsOpenByIndex","hasOpenSubMenu","openSubMenuIndex","resetOpenSubMenuIndex","onCloseMenu","useOnCloseMenu","setOpenSubMenuIndex","useClickOutside","callback","useCloseMenuOnKeyEvent","_useAdjacentSelectabl","useAdjacentSelectableMenuIndex","getNextSelectableIndex","getPreviousSelectableIndex","useMenuKeyboardNavigation","useMouseLeave","useFocusOnMount","focusChildOnMount","setIsInitialFocusSet","onMouseMove","previousHasOpenSubMenu","usePrevious","useEffect","focus","useIsomorphicLayoutEffect","requestAnimationFrame","focusWithinProps","useFocusWithin","onBlurWithin","createElement","onFocus","onBlur","getTestId","ComponentDefaultTestId","MENU","cx","styles","menu","getStyle","role","onMouseOver","map","cloneElement","Object","assign","menuRef","isParentMenuVisible","closeMenu","generateMenuItemId","isUnderSubMenu","isMenu","supportFocusOnMount","withStaticProps","SIZES"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={menu:"menu_3e153a056d",small:"small_ab62ad1b65",medium:"medium_f52b4ca996",large:"large_ff9a0a9655"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-1599ba0bb296_3_0_0-alpha_3";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".menu_3e153a056d {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu_3e153a056d:focus {\n  outline: none;\n}\n\n.small_ab62ad1b65 {\n  width: 200px;\n}\n\n.medium_f52b4ca996 {\n  width: 220px;\n}\n\n.large_ff9a0a9655 {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu_b89c6d8e13",small:"small_7048db92a3",medium:"medium_a52473d97b",large:"large_907b48b0f8"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-1599ba0bb296_3_0_0-alpha_5";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".menu_b89c6d8e13 {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu_b89c6d8e13:focus {\n  outline: none;\n}\n\n.small_7048db92a3 {\n  width: 200px;\n}\n\n.medium_a52473d97b {\n  width: 220px;\n}\n\n.large_907b48b0f8 {\n  width: 240px;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={menuChildDivider:"menuChildDivider_57bd24eb0f"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-d277a91266dd_3_0_0-alpha_3";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))}(".menuChildDivider_57bd24eb0f {\n  width: 100%;\n  padding: 0 var(--spacing-small);\n}");export{e as default};
+var e={menuChildDivider:"menuChildDivider_dd634ce1e1"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-d277a91266dd_3_0_0-alpha_5";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))}(".menuChildDivider_dd634ce1e1 {\n  width: 100%;\n  padding: 0 var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=MenuDivider.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={title:"title_1c60930b92"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-b06386a2bb6c_3_0_0-alpha_3";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))}(".title_1c60930b92 {\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_9f674ddfed"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-b06386a2bb6c_3_0_0-alpha_5";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".title_9f674ddfed {\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_58cc7dd8e2",splitMenuItem:"splitMenuItem_099a548048",disabled:"disabled_792893b6b4",focused:"focused_faa657a632",initialSelected:"initialSelected_a6f5478987",selected:"selected_e6aff92c48"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-680488cf82d9_3_0_0-alpha_3";if(n.querySelector("#"+d))return;const o=document.createElement("style");o.id=d,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".item_58cc7dd8e2 {\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_58cc7dd8e2.splitMenuItem_099a548048 {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_58cc7dd8e2.disabled_792893b6b4 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_58cc7dd8e2.focused_faa657a632:not(.disabled_792893b6b4) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_58cc7dd8e2.focused_faa657a632:not(.disabled_792893b6b4):not(:hover):not(.initialSelected_a6f5478987) {\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_58cc7dd8e2.selected_e6aff92c48:not(.disabled_792893b6b4) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item_2868f481c8",splitMenuItem:"splitMenuItem_d1b5a5bf5a",disabled:"disabled_ed767d30d0",focused:"focused_e8b7cf1755",initialSelected:"initialSelected_5621fe4377",selected:"selected_2aff605dcc"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-680488cf82d9_3_0_0-alpha_5";if(n.querySelector("#"+d))return;const o=document.createElement("style");o.id=d,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".item_2868f481c8 {\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_2868f481c8.splitMenuItem_d1b5a5bf5a {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_2868f481c8.disabled_ed767d30d0 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_2868f481c8.focused_e8b7cf1755:not(.disabled_ed767d30d0) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_2868f481c8.focused_e8b7cf1755:not(.disabled_ed767d30d0):not(:hover):not(.initialSelected_5621fe4377) {\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_2868f481c8.selected_2aff605dcc:not(.disabled_ed767d30d0) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=BaseMenuItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var a={iconWrapper:"iconWrapper_f82ea076ba",withBackgroundColor:"withBackgroundColor_145ab46919",disabled:"disabled_871b3f7539",icon:"icon_6946b5ad85",selected:"selected_f08cba1918"};!function(a){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-f26daa2191ad_3_0_0-alpha_3";if(e.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(a))}(".iconWrapper_f82ea076ba {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_f82ea076ba.withBackgroundColor_145ab46919 {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_f82ea076ba.withBackgroundColor_145ab46919.disabled_871b3f7539 {\n  opacity: 0.4;\n}\n.iconWrapper_f82ea076ba.withBackgroundColor_145ab46919 .icon_6946b5ad85 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_f82ea076ba.disabled_871b3f7539 .icon_6946b5ad85 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_f82ea076ba .icon_6946b5ad85 {\n  color: var(--icon-color);\n}\n.iconWrapper_f82ea076ba .icon_6946b5ad85.selected_f08cba1918 {\n  color: var(--primary-color);\n}");export{a as default};
+var e={iconWrapper:"iconWrapper_b6ef56805d",withBackgroundColor:"withBackgroundColor_6fbddbc8df",disabled:"disabled_d217292602",icon:"icon_087c3fbae9",selected:"selected_7a6f24e6c0"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-f26daa2191ad_3_0_0-alpha_5";if(r.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}(".iconWrapper_b6ef56805d {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_b6ef56805d.withBackgroundColor_6fbddbc8df {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_b6ef56805d.withBackgroundColor_6fbddbc8df.disabled_d217292602 {\n  opacity: 0.4;\n}\n.iconWrapper_b6ef56805d.withBackgroundColor_6fbddbc8df .icon_087c3fbae9 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_b6ef56805d.disabled_d217292602 .icon_087c3fbae9 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_b6ef56805d .icon_087c3fbae9 {\n  color: var(--icon-color);\n}\n.iconWrapper_b6ef56805d .icon_087c3fbae9.selected_7a6f24e6c0 {\n  color: var(--primary-color);\n}");export{e as default};
 //# sourceMappingURL=MenuItemIcon.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={subMenuIconWrapper:"subMenuIconWrapper_b3370f3783",divider:"divider_60f1954623",splitSubMenuIcon:"splitSubMenuIcon_af987e2783",disabled:"disabled_792893b6b4",subMenuIcon:"subMenuIcon_c3485691c3",splitMenuItemIconButton:"splitMenuItemIconButton_7a2ddc9aab"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],u="s_id-ce61865c18da_3_0_0-alpha_3";if(n.querySelector("#"+u))return;const t=document.createElement("style");t.id=u,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".subMenuIconWrapper_b3370f3783 {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_b3370f3783 .divider_60f1954623 {\n  height: 19px;\n}\n.subMenuIconWrapper_b3370f3783 .splitSubMenuIcon_af987e2783 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_b3370f3783 .splitSubMenuIcon_af987e2783.disabled_792893b6b4 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_b3370f3783 .subMenuIcon_c3485691c3,\n.subMenuIconWrapper_b3370f3783 .splitSubMenuIcon_af987e2783 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_b3370f3783 .splitMenuItemIconButton_7a2ddc9aab {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
+var e={subMenuIconWrapper:"subMenuIconWrapper_d585c19b65",divider:"divider_43666d4d03",splitSubMenuIcon:"splitSubMenuIcon_ed35b3f063",disabled:"disabled_ed767d30d0",subMenuIcon:"subMenuIcon_15f80155b6",splitMenuItemIconButton:"splitMenuItemIconButton_ca8a0de980"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-ce61865c18da_3_0_0-alpha_5";if(n.querySelector("#"+d))return;const c=document.createElement("style");c.id=d,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}(".subMenuIconWrapper_d585c19b65 {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_d585c19b65 .divider_43666d4d03 {\n  height: 19px;\n}\n.subMenuIconWrapper_d585c19b65 .splitSubMenuIcon_ed35b3f063 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_d585c19b65 .splitSubMenuIcon_ed35b3f063.disabled_ed767d30d0 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_d585c19b65 .subMenuIcon_15f80155b6,\n.subMenuIconWrapper_d585c19b65 .splitSubMenuIcon_ed35b3f063 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_d585c19b65 .splitMenuItemIconButton_ca8a0de980 {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
 //# sourceMappingURL=MenuItemSubMenuIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={itemButton:"itemButton_b46058a535",buttonComponent:"buttonComponent_edb1077374",content:"content_407a971005"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-f631346a82ef_3_0_0-alpha_3";if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".itemButton_b46058a535 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_b46058a535 .buttonComponent_edb1077374 {\n  width: 100%;\n}\n\n.itemButton_b46058a535 .buttonComponent_edb1077374 .content_407a971005 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{n as default};
+var n={itemButton:"itemButton_a5034cf55b",buttonComponent:"buttonComponent_c450989100",content:"content_fdf80aabf1"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-f631346a82ef_3_0_0-alpha_5";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".itemButton_a5034cf55b {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_a5034cf55b .buttonComponent_c450989100 {\n  width: 100%;\n}\n\n.itemButton_a5034cf55b .buttonComponent_c450989100 .content_fdf80aabf1 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{n as default};
 //# sourceMappingURL=MenuItemButton.module.scss.js.map