npm - @vibe/core - Versions diffs - 3.73.0-alpha-8cc35.0 → 3.74.0-alpha-10c01.0 - Mend

@vibe/core 3.73.0-alpha-8cc35.0 → 3.74.0-alpha-10c01.0

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

Files changed (723) hide show

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

@@ -1,2 +1,2 @@
-var e={listItemIcon:"listItemIcon_15cab6274a",start:"start_734841d8c5",end:"end_385a08c306"};!function(e){const t="s_id-0831d1bc0202_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemIcon_15cab6274a {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_734841d8c5 {\n  margin-right: var(--spacing-small);\n}\n\n.end_385a08c306 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_db1ea696f9",start:"start_9c9889563a",end:"end_d9b84765b8"};!function(e){const t="s_id-0831d1bc0202_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemIcon_db1ea696f9 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_9c9889563a {\n  margin-right: var(--spacing-small);\n}\n\n.end_d9b84765b8 {\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_a726f1893f"};!function(e){const t="s_id-d4e0bfe7508e_3_72_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_a726f1893f {\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_7aecd9edf0"};!function(e){const t="s_id-d4e0bfe7508e_3_73_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_7aecd9edf0 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={menu:"menu_0e97c88b47",small:"small_6b5838f30c",medium:"medium_66c9da0990",large:"large_bf5f256eb3"};!function(e){const n="s_id-1599ba0bb296_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".menu_0e97c88b47 {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu_0e97c88b47:focus {\n  outline: none;\n}\n\n.small_6b5838f30c {\n  width: 200px;\n}\n\n.medium_66c9da0990 {\n  width: 220px;\n}\n\n.large_bf5f256eb3 {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu_23d1978ae3",small:"small_1a6db501ad",medium:"medium_046333cfba",large:"large_0f658a4de2"};!function(e){const n="s_id-1599ba0bb296_3_73_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".menu_23d1978ae3 {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu_23d1978ae3:focus {\n  outline: none;\n}\n\n.small_1a6db501ad {\n  width: 200px;\n}\n\n.medium_046333cfba {\n  width: 220px;\n}\n\n.large_0f658a4de2 {\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_ae0a19ab0a"};!function(e){const d="s_id-d277a91266dd_3_72_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider_ae0a19ab0a {\n  width: 100%;\n  padding: 0 var(--spacing-small);\n}");export{e as default};
+var e={menuChildDivider:"menuChildDivider_44c39745e2"};!function(e){const d="s_id-d277a91266dd_3_73_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider_44c39745e2 {\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_6bb2458dc4"};!function(e){const t="s_id-b06386a2bb6c_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_6bb2458dc4 {\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_128eb21243"};!function(e){const t="s_id-b06386a2bb6c_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_128eb21243 {\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_6ae8cf2810",splitMenuItem:"splitMenuItem_6ec2ab1a7e",disabled:"disabled_71be69c3ef",focused:"focused_1802d8cbe1",initialSelected:"initialSelected_214defb238",selected:"selected_47967f7798"};!function(e){const n="s_id-680488cf82d9_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.item_6ae8cf2810 {\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_6ae8cf2810.splitMenuItem_6ec2ab1a7e {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_6ae8cf2810.disabled_71be69c3ef {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_6ae8cf2810.focused_1802d8cbe1:not(.disabled_71be69c3ef) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_6ae8cf2810.focused_1802d8cbe1:not(.disabled_71be69c3ef):not(:hover):not(.initialSelected_214defb238) {\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_6ae8cf2810.selected_47967f7798:not(.disabled_71be69c3ef) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item_fd85cb418b",splitMenuItem:"splitMenuItem_c43b1a1815",disabled:"disabled_434db89b52",focused:"focused_db7d549cdf",initialSelected:"initialSelected_c73ce78fa1",selected:"selected_1aaf890508"};!function(e){const n="s_id-680488cf82d9_3_73_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.item_fd85cb418b {\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_fd85cb418b.splitMenuItem_c43b1a1815 {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_fd85cb418b.disabled_434db89b52 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_fd85cb418b.focused_db7d549cdf:not(.disabled_434db89b52) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_fd85cb418b.focused_db7d549cdf:not(.disabled_434db89b52):not(:hover):not(.initialSelected_c73ce78fa1) {\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_fd85cb418b.selected_1aaf890508:not(.disabled_434db89b52) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=BaseMenuItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={iconWrapper:"iconWrapper_734841d8c5",withBackgroundColor:"withBackgroundColor_a835765733",disabled:"disabled_c566f67bce",icon:"icon_b42641cfda",selected:"selected_c494763132"};!function(e){const c="s_id-f26daa2191ad_3_72_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+c))return;const n=document.createElement("style");n.id=c,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".iconWrapper_734841d8c5 {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_734841d8c5.withBackgroundColor_a835765733 {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_734841d8c5.withBackgroundColor_a835765733.disabled_c566f67bce {\n  opacity: 0.4;\n}\n.iconWrapper_734841d8c5.withBackgroundColor_a835765733 .icon_b42641cfda {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_734841d8c5.disabled_c566f67bce .icon_b42641cfda {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_734841d8c5 .icon_b42641cfda {\n  color: var(--icon-color);\n}\n.iconWrapper_734841d8c5 .icon_b42641cfda.selected_c494763132 {\n  color: var(--primary-color);\n}");export{e as default};
+var e={iconWrapper:"iconWrapper_9c9889563a",withBackgroundColor:"withBackgroundColor_d03c2348e5",disabled:"disabled_fc027dc09b",icon:"icon_3ea81f9efa",selected:"selected_9a7c32bca3"};!function(e){const a="s_id-f26daa2191ad_3_73_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,c.firstChild?c.insertBefore(o,c.firstChild):c.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".iconWrapper_9c9889563a {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_9c9889563a.withBackgroundColor_d03c2348e5 {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_9c9889563a.withBackgroundColor_d03c2348e5.disabled_fc027dc09b {\n  opacity: 0.4;\n}\n.iconWrapper_9c9889563a.withBackgroundColor_d03c2348e5 .icon_3ea81f9efa {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_9c9889563a.disabled_fc027dc09b .icon_3ea81f9efa {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_9c9889563a .icon_3ea81f9efa {\n  color: var(--icon-color);\n}\n.iconWrapper_9c9889563a .icon_3ea81f9efa.selected_9a7c32bca3 {\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 t,{forwardRef as i}from"react";import o from"classnames";import r from"../../../../Divider/Divider.js";import n from"../../../../Flex/Flex.js";import s from"../../../../IconButton/IconButton.js";import a from"./MenuItemSubMenuIcon.module.scss.js";import l from"../../../../../../packages/icons/dist/react/DropdownChevronRight.js";import c from"../../../../../../components/icon/dist/Icon/Icon.js";var m=i((function(i,m){return t.createElement(n,{justify:"center",className:a.subMenuIconWrapper},!0===i.isSplit?t.createElement(t.Fragment,null,t.createElement(r,{direction:"vertical",className:a.divider}),t.createElement(s,{icon:l,className:a.splitMenuItemIconButton,kind:"tertiary",size:null,iconClassName:o(a.splitSubMenuIcon,e({},a.disabled,i.disabled)),tabIndex:-1,ref:m,active:i.active,disabled:i.disabled})):t.createElement(c,{icon:l,iconLabel:i.label,className:o(a.subMenuIcon,e({},a.disabled,i.disabled)),ignoreFocusStyle:!0,iconSize:18}))}));export{m as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as i}from"react";import o from"classnames";import r from"../../../../Divider/Divider.js";import n from"../../../../Flex/Flex.js";import s from"../../../../IconButton/IconButton.js";import a from"./MenuItemSubMenuIcon.module.scss.js";import l from"../../../../../../icons/dist/react/DropdownChevronRight.js";import c from"../../../../../../components/icon/dist/Icon/Icon.js";var m=i((function(i,m){return t.createElement(n,{justify:"center",className:a.subMenuIconWrapper},!0===i.isSplit?t.createElement(t.Fragment,null,t.createElement(r,{direction:"vertical",className:a.divider}),t.createElement(s,{icon:l,className:a.splitMenuItemIconButton,kind:"tertiary",size:null,iconClassName:o(a.splitSubMenuIcon,e({},a.disabled,i.disabled)),tabIndex:-1,ref:m,active:i.active,disabled:i.disabled})):t.createElement(c,{icon:l,iconLabel:i.label,className:o(a.subMenuIcon,e({},a.disabled,i.disabled)),ignoreFocusStyle:!0,iconSize:18}))}));export{m as default};
 //# sourceMappingURL=MenuItemSubMenuIcon.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItemSubMenuIcon.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport Divider from \"../../../../Divider/Divider\";\nimport { Icon } from \"@vibe/icon\";\nimport Flex from \"../../../../Flex/Flex\";\nimport IconButton from \"../../../../IconButton/IconButton\";\nimport { DropdownChevronRight } from \"@vibe/icons\";\nimport styles from \"./MenuItemSubMenuIcon.module.scss\";\nimport { type 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={cx(styles.subMenuIcon, { [styles.disabled]: props.disabled })}\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":"~~6eAUA~~,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,EACC,CAAAC,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,EAACC,cAAAwB,GACCZ,KAAMC,EACNY,UAAW5B,EAAM6B,MACjBvB,UAAWe,EAAGd,EAAOuB,YAAWP,EAAKhB,GAAAA,EAAOiB,SAAWxB,EAAMwB,WAC7DO,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 \"@vibe/icon\";\nimport Flex from \"../../../../Flex/Flex\";\nimport IconButton from \"../../../../IconButton/IconButton\";\nimport { DropdownChevronRight } from \"@vibe/icons\";\nimport styles from \"./MenuItemSubMenuIcon.module.scss\";\nimport { type 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={cx(styles.subMenuIcon, { [styles.disabled]: props.disabled })}\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":"oeAUA,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,EACC,CAAAC,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,EAACC,cAAAwB,GACCZ,KAAMC,EACNY,UAAW5B,EAAM6B,MACjBvB,UAAWe,EAAGd,EAAOuB,YAAWP,EAAKhB,GAAAA,EAAOiB,SAAWxB,EAAMwB,WAC7DO,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_8f9e1a36df",divider:"divider_48852b8ae8",splitSubMenuIcon:"splitSubMenuIcon_b792dbf758",subMenuIcon:"subMenuIcon_7931dea79e",disabled:"disabled_71be69c3ef",splitMenuItemIconButton:"splitMenuItemIconButton_23e1e8c7bb"};!function(e){const n="s_id-3539aaaaa2b9_3_72_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_8f9e1a36df {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_8f9e1a36df .divider_48852b8ae8 {\n  height: 19px;\n}\n.subMenuIconWrapper_8f9e1a36df .splitSubMenuIcon_b792dbf758 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_8f9e1a36df .subMenuIcon_7931dea79e,\n.subMenuIconWrapper_8f9e1a36df .splitSubMenuIcon_b792dbf758 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_8f9e1a36df .subMenuIcon_7931dea79e.disabled_71be69c3ef,\n.subMenuIconWrapper_8f9e1a36df .splitSubMenuIcon_b792dbf758.disabled_71be69c3ef {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_8f9e1a36df .splitMenuItemIconButton_23e1e8c7bb {\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_41bfd92d77",divider:"divider_ec4f9382b5",splitSubMenuIcon:"splitSubMenuIcon_17fb1a6f32",subMenuIcon:"subMenuIcon_aced2e6dc3",disabled:"disabled_434db89b52",splitMenuItemIconButton:"splitMenuItemIconButton_388b44616a"};!function(e){const n="s_id-3539aaaaa2b9_3_73_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_41bfd92d77 {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_41bfd92d77 .divider_ec4f9382b5 {\n  height: 19px;\n}\n.subMenuIconWrapper_41bfd92d77 .splitSubMenuIcon_17fb1a6f32 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_41bfd92d77 .subMenuIcon_aced2e6dc3,\n.subMenuIconWrapper_41bfd92d77 .splitSubMenuIcon_17fb1a6f32 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_41bfd92d77 .subMenuIcon_aced2e6dc3.disabled_434db89b52,\n.subMenuIconWrapper_41bfd92d77 .splitSubMenuIcon_17fb1a6f32.disabled_434db89b52 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_41bfd92d77 .splitMenuItemIconButton_388b44616a {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
 //# sourceMappingURL=MenuItemSubMenuIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={itemButton:"itemButton_1bef553548",buttonComponent:"buttonComponent_173ac15b2c",content:"content_a7842f6876"};!function(e){const t="s_id-f631346a82ef_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".itemButton_1bef553548 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_1bef553548 .buttonComponent_173ac15b2c {\n  width: 100%;\n}\n\n.itemButton_1bef553548 .buttonComponent_173ac15b2c .content_a7842f6876 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
+var e={itemButton:"itemButton_918e30e290",buttonComponent:"buttonComponent_0b769587f8",content:"content_c0396a7016"};!function(e){const t="s_id-f631346a82ef_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".itemButton_918e30e290 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_918e30e290 .buttonComponent_0b769587f8 {\n  width: 100%;\n}\n\n.itemButton_918e30e290 .buttonComponent_0b769587f8 .content_c0396a7016 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
 //# sourceMappingURL=MenuItemButton.module.scss.js.map

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { type DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type ElementContent, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n DialogPosition as DialogPositionEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { type MenuButtonComponentPosition, type MenuButtonSize } from \"./MenuButton.types\";\nimport {\n type DialogOffset,\n type DialogPosition,\n type DialogSize,\n type DialogTriggerEvent\n} from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { type TooltipPositions } from \"../Tooltip\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\nconst CLOSE_KEYS: DialogTriggerEventEnum[] = [Dialog.hideShowTriggers.ESCAPE_KEY, Dialog.hideShowTriggers.TAB_KEY];\n\nexport interface MenuButtonProps extends VibeComponentProps {\n /*\n If true, the button is in an active state.\n /\n active?: boolean;\n /\n Class name applied to the button when the dialog is open.\n /\n openDialogComponentClassName?: string;\n /\n The component used as the button icon.\n /\n component?: (() => JSX.Element) \| React.ElementType;\n /\n The size of the button.\n /\n size?: MenuButtonSize;\n /\n If true, the menu is open.\n /\n open?: boolean;\n /\n Callback fired when the button is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n The z-index of the menu.\n /\n zIndex?: number;\n /\n The label of the button for accessibility.\n /\n ariaLabel?: string;\n /\n Class name applied to the menu dialog wrapper.\n /\n dialogClassName?: string;\n /\n The offset of the menu relative to the button.\n /\n dialogOffset?: DialogOffset;\n /\n The padding size inside the menu dialog.\n /\n dialogPaddingSize?: DialogSize;\n /\n The position of the menu dialog relative to the button.\n /\n dialogPosition?: DialogPosition;\n /\n Classes that prevent showing the dialog when present.\n /\n dialogShowTriggerIgnoreClass?: string \| Array<string>;\n /\n Classes that prevent hiding the dialog when present.\n /\n dialogHideTriggerIgnoreClass?: string \| Array<string>;\n /\n The container selector in which to append the dialog.\n /\n dialogContainerSelector?: string;\n /\n The starting edge alignment of the menu.\n /\n startingEdge?: string;\n /\n Callback fired when the menu is shown.\n /\n onMenuShow?: () => void;\n /\n Callback fired when the menu is hidden.\n /\n onMenuHide?: () => void;\n /\n The text displayed inside the button.\n /\n text?: string;\n /\n If true, the button is disabled.\n /\n disabled?: boolean;\n /\n The tooltip content displayed when hovering over the button.\n /\n tooltipContent?: string;\n /\n If true, removes the tab key from the hide trigger.\n /\n removeTabCloseTrigger?: boolean;\n /\n The triggers that cause the tooltip to show or hide.\n /\n tooltipTriggers?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n The position of the tooltip.\n /\n tooltipPosition?: TooltipPositions;\n /\n Class name applied to the tooltip reference wrapper.\n /\n tooltipReferenceClassName?: string;\n /\n Additional props for customizing the tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n If true, hides the menu and tooltip when the button is not visible.\n /\n hideWhenReferenceHidden?: boolean;\n /\n The content inside the menu button.\n /\n children?: ElementContent;\n /\n The position of the component relative to the text.\n /\n componentPosition?: MenuButtonComponentPosition;\n /\n The element used as the trigger for the menu.\n /\n triggerElement?: React.ElementType;\n /\n If true, closes the menu when a menu item is clicked.\n /\n closeMenuOnItemClick?: boolean;\n /\n If true, the tooltip appears only when hovering over the trigger element, not the menu dialog.\n /\n showTooltipOnlyOnTriggerElement?: boolean;\n /\n If true, closes the menu when clicking inside the dialog.\n /\n closeDialogOnContentClick?: boolean;\n /\n The ARIA control of the menu button for accessibility.\n */\n ariaControls?: string;\n}\n\nconst MenuButton = forwardRef(\n (\n {\n id,\n className,\n openDialogComponentClassName,\n children,\n component = Menu,\n componentPosition = \"start\",\n size = \"small\",\n open = false,\n onClick = NOOP,\n zIndex = null,\n ariaLabel = \"Menu\",\n closeMenuOnItemClick,\n dialogOffset = MOVE_BY,\n dialogPosition = Dialog.positions.BOTTOM_START,\n dialogClassName,\n dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n dialogShowTriggerIgnoreClass,\n dialogHideTriggerIgnoreClass,\n onMenuHide = NOOP,\n onMenuShow = NOOP,\n disabled = false,\n text,\n tooltipContent,\n tooltipProps,\n tooltipTriggers = [\"mouseleave\"],\n tooltipPosition = \"right\",\n startingEdge = \"bottom\",\n removeTabCloseTrigger = false,\n tooltipReferenceClassName,\n hideWhenReferenceHidden = true,\n dialogContainerSelector,\n active,\n triggerElement: TriggerElement = \"button\",\n showTooltipOnlyOnTriggerElement,\n \"data-testid\": dataTestId,\n closeDialogOnContentClick = false,\n ariaControls\n }: MenuButtonProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(open);\n const isActive = active ?? isOpen;\n\n const handleMenuClose = useCallback(\n (focusOnMenuButtonAfterClose: boolean) => {\n onMenuHide();\n setIsOpen(false);\n const button = componentRef.current;\n if (!button \|\| !focusOnMenuButtonAfterClose) {\n return;\n }\n window.requestAnimationFrame(() => {\n button.focus();\n });\n },\n [onMenuHide]\n );\n\n const onMenuDidClose = useCallback(\n (event: React.KeyboardEvent) => {\n // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n const isCloseKey = CLOSE_KEYS.includes(event.key as DialogTriggerEventEnum);\n if (isCloseKey \|\| closeMenuOnItemClick) {\n // @ts-ignore\n if (event.propagate) {\n handleMenuClose(isCloseKey);\n }\n }\n },\n [closeMenuOnItemClick, handleMenuClose]\n );\n\n const onDialogDidHide = useCallback(\n (event: DialogEvent, hideEvent: string) => {\n handleMenuClose(isOpen && CLOSE_KEYS.includes(hideEvent as DialogTriggerEventEnum));\n },\n [handleMenuClose, isOpen]\n );\n\n const onDialogDidShow = useCallback(() => {\n setIsOpen(true);\n onMenuShow();\n }, [setIsOpen, onMenuShow]);\n\n const [clonedChildren, hideTrigger] = useMemo(() => {\n const triggers = new Set([\n Dialog.hideShowTriggers.CLICK_OUTSIDE,\n Dialog.hideShowTriggers.TAB_KEY,\n Dialog.hideShowTriggers.ESCAPE_KEY\n ]);\n\n if (closeDialogOnContentClick) {\n triggers.add(Dialog.hideShowTriggers.CONTENT_CLICK);\n triggers.add(Dialog.hideShowTriggers.ENTER);\n }\n\n if (removeTabCloseTrigger) {\n triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n }\n const childrenArr = React.Children.toArray(children) as MenuChild[];\n const cloned = childrenArr.map(child => {\n if (!React.isValidElement(child)) return null;\n\n const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n if (child.type && child.type.supportFocusOnMount) {\n newProps.focusOnMount = true;\n triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n }\n\n if (child.type && child.type.isMenu) {\n newProps.onClose = onMenuDidClose;\n }\n\n return React.cloneElement(child, newProps);\n });\n return [cloned, Array.from(triggers)];\n }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n const content = useMemo(() => {\n if (clonedChildren.length === 0) return null;\n return (\n <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER} role={null}>\n {clonedChildren}\n </DialogContentContainer>\n );\n }, [clonedChildren, dialogPaddingSize]);\n\n const computedDialogOffset = useMemo(\n () => ({\n ...MOVE_BY,\n ...dialogOffset\n }),\n [dialogOffset]\n );\n\n const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n if (disabled) {\n event.currentTarget.blur();\n return;\n }\n onClick(event);\n };\n\n const Icon = component;\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return 20;\n default:\n return 24;\n }\n }, [size]);\n const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n useIsomorphicLayoutEffect(() => {\n setIsOpen(open);\n }, [open, setIsOpen]);\n\n // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n const triggerElementProps =\n TriggerElement === \"button\"\n ? {\n ref: mergedRef\n }\n : {\n active: isActive,\n disabled: disabled,\n ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n };\n\n const triggerElementNode = (\n <TriggerElement\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n data-vibe={ComponentVibeId.MENU_BUTTON}\n type=\"button\"\n className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n [styles.active]: isActive,\n [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n [styles.disabled]: disabled,\n [styles.text]: text\n })}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-controls={ariaControls}\n aria-label={!text && ariaLabel}\n onMouseUp={onMouseUp}\n aria-disabled={disabled}\n {...triggerElementProps}\n >\n {componentPosition === \"start\" && icon}\n {text && <span className={styles.innerText}>{text}</span>}\n {componentPosition === \"end\" && icon}\n </TriggerElement>\n );\n\n const dialogNode = (dialogChildren: React.ReactElement) => (\n <Dialog\n wrapperClassName={dialogClassName}\n position={dialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={startingEdge}\n animationType=\"expand\"\n content={content}\n moveBy={computedDialogOffset}\n showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n hideTrigger={hideTrigger}\n showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n useDerivedStateFromProps={true}\n onDialogDidShow={onDialogDidShow}\n onDialogDidHide={onDialogDidHide}\n zIndex={zIndex}\n isOpen={isOpen}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n >\n {dialogChildren}\n </Dialog>\n );\n\n const tooltipNode = (tooltipChildren: React.ReactElement) => (\n <Tooltip\n content={tooltipContent}\n position={tooltipPosition}\n showTrigger=\"mouseenter\"\n hideTrigger={tooltipTriggers}\n referenceWrapperClassName={tooltipReferenceClassName}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n {...tooltipProps}\n >\n {tooltipChildren}\n </Tooltip>\n );\n\n if (showTooltipOnlyOnTriggerElement) {\n return dialogNode(tooltipNode(triggerElementNode));\n }\n return tooltipNode(dialogNode(triggerElementNode));\n }\n);\n\ninterface MenuButtonStaticProps {\n sizes: typeof MenuButtonSizeEnum;\n paddingSizes: typeof DialogContentContainer.sizes;\n dialogPositions: typeof DialogPositionEnum;\n hideTriggers: typeof Dialog.hideShowTriggers;\n componentPositions: typeof MenuButtonComponentPositionEnum;\n}\n\nexport default withStaticProps<MenuButtonProps, MenuButtonStaticProps>(MenuButton, {\n sizes: MenuButtonSizeEnum,\n paddingSizes: DialogSizeEnum,\n dialogPositions: DialogPositionEnum,\n hideTriggers: DialogTriggerEventEnum,\n componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","CLOSE_KEYS","Dialog","hideShowTriggers","ESCAPE_KEY","TAB_KEY","withStaticProps","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","ariaControls","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isCloseKey","includes","key","propagate","onDialogDidHide","hideEvent","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","add","CONTENT_CLICK","ENTER","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","types","POPOVER","role","computedDialogOffset","Object","assign","Icon","iconSize","icon","createElement","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","ComponentVibeId","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","hideTriggers","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}
1	+ {"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { type DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type ElementContent, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n DialogPosition as DialogPositionEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { type MenuButtonComponentPosition, type MenuButtonSize } from \"./MenuButton.types\";\nimport {\n type DialogOffset,\n type DialogPosition,\n type DialogSize,\n type DialogTriggerEvent\n} from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { type TooltipPositions } from \"../Tooltip\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\nconst CLOSE_KEYS: DialogTriggerEventEnum[] = [Dialog.hideShowTriggers.ESCAPE_KEY, Dialog.hideShowTriggers.TAB_KEY];\n\nexport interface MenuButtonProps extends VibeComponentProps {\n /*\n If true, the button is in an active state.\n /\n active?: boolean;\n /\n Class name applied to the button when the dialog is open.\n /\n openDialogComponentClassName?: string;\n /\n The component used as the button icon.\n /\n component?: (() => JSX.Element) \| React.ElementType;\n /\n The size of the button.\n /\n size?: MenuButtonSize;\n /\n If true, the menu is open.\n /\n open?: boolean;\n /\n Callback fired when the button is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n The z-index of the menu.\n /\n zIndex?: number;\n /\n The label of the button for accessibility.\n /\n ariaLabel?: string;\n /\n Class name applied to the menu dialog wrapper.\n /\n dialogClassName?: string;\n /\n The offset of the menu relative to the button.\n /\n dialogOffset?: DialogOffset;\n /\n The padding size inside the menu dialog.\n /\n dialogPaddingSize?: DialogSize;\n /\n The position of the menu dialog relative to the button.\n /\n dialogPosition?: DialogPosition;\n /\n Classes that prevent showing the dialog when present.\n /\n dialogShowTriggerIgnoreClass?: string \| Array<string>;\n /\n Classes that prevent hiding the dialog when present.\n /\n dialogHideTriggerIgnoreClass?: string \| Array<string>;\n /\n The container selector in which to append the dialog.\n /\n dialogContainerSelector?: string;\n /\n The starting edge alignment of the menu.\n /\n startingEdge?: string;\n /\n Callback fired when the menu is shown.\n /\n onMenuShow?: () => void;\n /\n Callback fired when the menu is hidden.\n /\n onMenuHide?: () => void;\n /\n The text displayed inside the button.\n /\n text?: string;\n /\n If true, the button is disabled.\n /\n disabled?: boolean;\n /\n The tooltip content displayed when hovering over the button.\n /\n tooltipContent?: string;\n /\n If true, removes the tab key from the hide trigger.\n /\n removeTabCloseTrigger?: boolean;\n /\n The triggers that cause the tooltip to show or hide.\n /\n tooltipTriggers?: DialogTriggerEvent \| DialogTriggerEvent[];\n /\n The position of the tooltip.\n /\n tooltipPosition?: TooltipPositions;\n /\n Class name applied to the tooltip reference wrapper.\n /\n tooltipReferenceClassName?: string;\n /\n Additional props for customizing the tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n If true, hides the menu and tooltip when the button is not visible.\n /\n hideWhenReferenceHidden?: boolean;\n /\n The content inside the menu button.\n /\n children?: ElementContent;\n /\n The position of the component relative to the text.\n /\n componentPosition?: MenuButtonComponentPosition;\n /\n The element used as the trigger for the menu.\n /\n triggerElement?: React.ElementType;\n /\n If true, closes the menu when a menu item is clicked.\n /\n closeMenuOnItemClick?: boolean;\n /\n If true, the tooltip appears only when hovering over the trigger element, not the menu dialog.\n /\n showTooltipOnlyOnTriggerElement?: boolean;\n /\n If true, closes the menu when clicking inside the dialog.\n /\n closeDialogOnContentClick?: boolean;\n /\n The ARIA control of the menu button for accessibility.\n */\n ariaControls?: string;\n}\n\nconst MenuButton = forwardRef(\n (\n {\n id,\n className,\n openDialogComponentClassName,\n children,\n component = Menu,\n componentPosition = \"start\",\n size = \"small\",\n open = false,\n onClick = NOOP,\n zIndex = null,\n ariaLabel = \"Menu\",\n closeMenuOnItemClick,\n dialogOffset = MOVE_BY,\n dialogPosition = Dialog.positions.BOTTOM_START,\n dialogClassName,\n dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n dialogShowTriggerIgnoreClass,\n dialogHideTriggerIgnoreClass,\n onMenuHide = NOOP,\n onMenuShow = NOOP,\n disabled = false,\n text,\n tooltipContent,\n tooltipProps,\n tooltipTriggers = [\"mouseleave\"],\n tooltipPosition = \"right\",\n startingEdge = \"bottom\",\n removeTabCloseTrigger = false,\n tooltipReferenceClassName,\n hideWhenReferenceHidden = true,\n dialogContainerSelector,\n active,\n triggerElement: TriggerElement = \"button\",\n showTooltipOnlyOnTriggerElement,\n \"data-testid\": dataTestId,\n closeDialogOnContentClick = false,\n ariaControls\n }: MenuButtonProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(open);\n const isActive = active ?? isOpen;\n\n const handleMenuClose = useCallback(\n (focusOnMenuButtonAfterClose: boolean) => {\n onMenuHide();\n setIsOpen(false);\n const button = componentRef.current;\n if (!button \|\| !focusOnMenuButtonAfterClose) {\n return;\n }\n window.requestAnimationFrame(() => {\n button.focus();\n });\n },\n [onMenuHide]\n );\n\n const onMenuDidClose = useCallback(\n (event: React.KeyboardEvent) => {\n // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n const isCloseKey = CLOSE_KEYS.includes(event.key as DialogTriggerEventEnum);\n if (isCloseKey \|\| closeMenuOnItemClick) {\n // @ts-ignore\n if (event.propagate) {\n handleMenuClose(isCloseKey);\n }\n }\n },\n [closeMenuOnItemClick, handleMenuClose]\n );\n\n const onDialogDidHide = useCallback(\n (event: DialogEvent, hideEvent: string) => {\n handleMenuClose(isOpen && CLOSE_KEYS.includes(hideEvent as DialogTriggerEventEnum));\n },\n [handleMenuClose, isOpen]\n );\n\n const onDialogDidShow = useCallback(() => {\n setIsOpen(true);\n onMenuShow();\n }, [setIsOpen, onMenuShow]);\n\n const [clonedChildren, hideTrigger] = useMemo(() => {\n const triggers = new Set([\n Dialog.hideShowTriggers.CLICK_OUTSIDE,\n Dialog.hideShowTriggers.TAB_KEY,\n Dialog.hideShowTriggers.ESCAPE_KEY\n ]);\n\n if (closeDialogOnContentClick) {\n triggers.add(Dialog.hideShowTriggers.CONTENT_CLICK);\n triggers.add(Dialog.hideShowTriggers.ENTER);\n }\n\n if (removeTabCloseTrigger) {\n triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n }\n const childrenArr = React.Children.toArray(children) as MenuChild[];\n const cloned = childrenArr.map(child => {\n if (!React.isValidElement(child)) return null;\n\n const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n if (child.type && child.type.supportFocusOnMount) {\n newProps.focusOnMount = true;\n triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n }\n\n if (child.type && child.type.isMenu) {\n newProps.onClose = onMenuDidClose;\n }\n\n return React.cloneElement(child, newProps);\n });\n return [cloned, Array.from(triggers)];\n }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n const content = useMemo(() => {\n if (clonedChildren.length === 0) return null;\n return (\n <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER} role={null}>\n {clonedChildren}\n </DialogContentContainer>\n );\n }, [clonedChildren, dialogPaddingSize]);\n\n const computedDialogOffset = useMemo(\n () => ({\n ...MOVE_BY,\n ...dialogOffset\n }),\n [dialogOffset]\n );\n\n const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n if (disabled) {\n event.currentTarget.blur();\n return;\n }\n onClick(event);\n };\n\n const Icon = component;\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return 20;\n default:\n return 24;\n }\n }, [size]);\n const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n useIsomorphicLayoutEffect(() => {\n setIsOpen(open);\n }, [open, setIsOpen]);\n\n // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n const triggerElementProps =\n TriggerElement === \"button\"\n ? {\n ref: mergedRef\n }\n : {\n active: isActive,\n disabled: disabled,\n ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n };\n\n const triggerElementNode = (\n <TriggerElement\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n data-vibe={ComponentVibeId.MENU_BUTTON}\n type=\"button\"\n className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n [styles.active]: isActive,\n [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n [styles.disabled]: disabled,\n [styles.text]: text\n })}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-controls={ariaControls}\n aria-label={!text && ariaLabel}\n onMouseUp={onMouseUp}\n aria-disabled={disabled}\n {...triggerElementProps}\n >\n {componentPosition === \"start\" && icon}\n {text && <span className={styles.innerText}>{text}</span>}\n {componentPosition === \"end\" && icon}\n </TriggerElement>\n );\n\n const dialogNode = (dialogChildren: React.ReactElement) => (\n <Dialog\n wrapperClassName={dialogClassName}\n position={dialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={startingEdge}\n animationType=\"expand\"\n content={content}\n moveBy={computedDialogOffset}\n showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n hideTrigger={hideTrigger}\n showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n useDerivedStateFromProps={true}\n onDialogDidShow={onDialogDidShow}\n onDialogDidHide={onDialogDidHide}\n zIndex={zIndex}\n isOpen={isOpen}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n >\n {dialogChildren}\n </Dialog>\n );\n\n const tooltipNode = (tooltipChildren: React.ReactElement) => (\n <Tooltip\n content={tooltipContent}\n position={tooltipPosition}\n showTrigger=\"mouseenter\"\n hideTrigger={tooltipTriggers}\n referenceWrapperClassName={tooltipReferenceClassName}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n {...tooltipProps}\n >\n {tooltipChildren}\n </Tooltip>\n );\n\n if (showTooltipOnlyOnTriggerElement) {\n return dialogNode(tooltipNode(triggerElementNode));\n }\n return tooltipNode(dialogNode(triggerElementNode));\n }\n);\n\ninterface MenuButtonStaticProps {\n sizes: typeof MenuButtonSizeEnum;\n paddingSizes: typeof DialogContentContainer.sizes;\n dialogPositions: typeof DialogPositionEnum;\n hideTriggers: typeof Dialog.hideShowTriggers;\n componentPositions: typeof MenuButtonComponentPositionEnum;\n}\n\nexport default withStaticProps<MenuButtonProps, MenuButtonStaticProps>(MenuButton, {\n sizes: MenuButtonSizeEnum,\n paddingSizes: DialogSizeEnum,\n dialogPositions: DialogPositionEnum,\n hideTriggers: DialogTriggerEventEnum,\n componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","CLOSE_KEYS","Dialog","hideShowTriggers","ESCAPE_KEY","TAB_KEY","withStaticProps","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","ariaControls","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isCloseKey","includes","key","propagate","onDialogDidHide","hideEvent","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","add","CONTENT_CLICK","ENTER","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","types","POPOVER","role","computedDialogOffset","Object","assign","Icon","iconSize","icon","createElement","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","ComponentVibeId","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","hideTriggers","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_727dcf5809","focus-visible":"focus-visible_77c5d6452e",active:"active_a49d698e9b",sizeXxs:"sizeXxs_8aaab7845a",sizeXs:"sizeXs_ae0533a1b5",sizeSmall:"sizeSmall_c58b062c83",sizeMedium:"sizeMedium_7f122c1ee1",sizeLarge:"sizeLarge_fd8e6c25e4",disabled:"disabled_53196407b3",text:"text_173ac15b2c",innerText:"innerText_fdc6a5fe1a"};!function(n){const o="s_id-749f9b8f229f_3_72_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable selector-class-pattern */\n.wrapper_727dcf5809 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_727dcf5809:focus-visible, .wrapper_727dcf5809.focus-visible_77c5d6452e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_727dcf5809:focus:not(.focus-visible_77c5d6452e) {\n  outline: none;\n}\n.wrapper_727dcf5809:focus-visible, .wrapper_727dcf5809.focus-visible_77c5d6452e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_727dcf5809:focus:not(.focus-visible_77c5d6452e) {\n  outline: none;\n}\n.wrapper_727dcf5809:focus,\n.wrapper_727dcf5809:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_727dcf5809:active {\n  transform: scale(0.95);\n}\n.active_a49d698e9b {\n  background-color: var(--primary-selected-color);\n}\n.active_a49d698e9b:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_a49d698e9b:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_8aaab7845a {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_ae0533a1b5 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_c58b062c83 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_7f122c1ee1 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_fd8e6c25e4 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_53196407b3 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_53196407b3:hover {\n  background-color: transparent;\n}\n.text_173ac15b2c {\n  width: 100%;\n}\n.innerText_fdc6a5fe1a {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
+var n={wrapper:"wrapper_1ec7b20034","focus-visible":"focus-visible_cccbb892ac",active:"active_6e8b7db147",sizeXxs:"sizeXxs_b89471aa8e",sizeXs:"sizeXs_4be13d4d58",sizeSmall:"sizeSmall_12aa3a18d1",sizeMedium:"sizeMedium_d273365cbd",sizeLarge:"sizeLarge_f2098445ee",disabled:"disabled_bb13a486ff",text:"text_0b769587f8",innerText:"innerText_8049c057a8"};!function(n){const o="s_id-749f9b8f229f_3_73_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable selector-class-pattern */\n.wrapper_1ec7b20034 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_1ec7b20034:focus-visible, .wrapper_1ec7b20034.focus-visible_cccbb892ac {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_1ec7b20034:focus:not(.focus-visible_cccbb892ac) {\n  outline: none;\n}\n.wrapper_1ec7b20034:focus-visible, .wrapper_1ec7b20034.focus-visible_cccbb892ac {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_1ec7b20034:focus:not(.focus-visible_cccbb892ac) {\n  outline: none;\n}\n.wrapper_1ec7b20034:focus,\n.wrapper_1ec7b20034:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_1ec7b20034:active {\n  transform: scale(0.95);\n}\n.active_6e8b7db147 {\n  background-color: var(--primary-selected-color);\n}\n.active_6e8b7db147:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_6e8b7db147:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_b89471aa8e {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_4be13d4d58 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_12aa3a18d1 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_d273365cbd {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_f2098445ee {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_bb13a486ff {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_bb13a486ff:hover {\n  background-color: transparent;\n}\n.text_0b769587f8 {\n  width: 100%;\n}\n.innerText_8049c057a8 {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_9091d3cabb",overlay:"overlay_f224ce4c11",modal:"modal_5d61f57fdd",withHeaderAction:"withHeaderAction_bc563f5c47",sizeSmall:"sizeSmall_458f646a93",sizeMedium:"sizeMedium_d96e065c96",sizeLarge:"sizeLarge_ba00ce470f",sizeFullView:"sizeFullView_d73afa89d3"};!function(n){const d="s_id-8ca942cc3b46_3_72_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const e=document.createElement("style");e.id=d,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=n)}(".container_9091d3cabb {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_f224ce4c11 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.modal_5d61f57fdd {\n  --top-actions-margin-inline: var(--spacing-large);\n  --top-actions-margin-block: var(--spacing-large);\n  --top-actions-width: var(--spacing-xl);\n  --modal-inline-padding: var(--spacing-xl);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_5d61f57fdd.withHeaderAction_bc563f5c47 {\n  --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_5d61f57fdd.sizeSmall_458f646a93 {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_5d61f57fdd.sizeMedium_d96e065c96 {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_5d61f57fdd.sizeLarge_ba00ce470f {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_5d61f57fdd.sizeFullView_d73afa89d3 {\n  --top-actions-margin-inline: var(--spacing-xl);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--spacing-large);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal_5d61f57fdd.sizeSmall_458f646a93 {\n    --modal-width: 480px;\n  }\n  .modal_5d61f57fdd.sizeMedium_d96e065c96 {\n    --modal-width: 580px;\n  }\n  .modal_5d61f57fdd.sizeLarge_ba00ce470f {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_5d61f57fdd.sizeSmall_458f646a93 {\n    --modal-width: 520px;\n  }\n  .modal_5d61f57fdd.sizeMedium_d96e065c96 {\n    --modal-width: 620px;\n  }\n  .modal_5d61f57fdd.sizeLarge_ba00ce470f {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_5d61f57fdd.sizeFullView_d73afa89d3 {\n    margin-inline: 40px;\n  }\n}");export{n as default};
+var n={container:"container_9a9cb5ca28",overlay:"overlay_22981f6700",modal:"modal_197effdfe2",withHeaderAction:"withHeaderAction_2b238ff090",sizeSmall:"sizeSmall_28308c3207",sizeMedium:"sizeMedium_b8b136117a",sizeLarge:"sizeLarge_70eef734bc",sizeFullView:"sizeFullView_181de3bb95"};!function(n){const e="s_id-8ca942cc3b46_3_73_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_9a9cb5ca28 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_22981f6700 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.modal_197effdfe2 {\n  --top-actions-margin-inline: var(--spacing-large);\n  --top-actions-margin-block: var(--spacing-large);\n  --top-actions-width: var(--spacing-xl);\n  --modal-inline-padding: var(--spacing-xl);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_197effdfe2.withHeaderAction_2b238ff090 {\n  --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_197effdfe2.sizeSmall_28308c3207 {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_197effdfe2.sizeMedium_b8b136117a {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_197effdfe2.sizeLarge_70eef734bc {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_197effdfe2.sizeFullView_181de3bb95 {\n  --top-actions-margin-inline: var(--spacing-xl);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--spacing-large);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal_197effdfe2.sizeSmall_28308c3207 {\n    --modal-width: 480px;\n  }\n  .modal_197effdfe2.sizeMedium_b8b136117a {\n    --modal-width: 580px;\n  }\n  .modal_197effdfe2.sizeLarge_70eef734bc {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_197effdfe2.sizeSmall_28308c3207 {\n    --modal-width: 520px;\n  }\n  .modal_197effdfe2.sizeMedium_b8b136117a {\n    --modal-width: 620px;\n  }\n  .modal_197effdfe2.sizeLarge_70eef734bc {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_197effdfe2.sizeFullView_181de3bb95 {\n    margin-inline: 40px;\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={media:"media_0d4d62b408"};!function(e){const t="s_id-17d5de3a21d7_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".media_0d4d62b408 {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
+var e={media:"media_b967635181"};!function(e){const t="s_id-17d5de3a21d7_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".media_b967635181 {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
 //# sourceMappingURL=ModalMedia.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import t from"react";import o from"./ModalTopActions.module.scss.js";import e from"../../IconButton/IconButton.js";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import r from"../../../../packages/icons/dist/react/CloseMedium.js";var i={dark:"fixed-dark",light:"fixed-light"},s=function(s){var n=s.renderAction,c=s.closeButtonAriaLabel,m=s.onClose,l=i[s.theme]||"primary";return t.createElement("div",{className:o.actions,"data-no-autofocus":!0},"function"==typeof n?n(l):n,t.createElement(e,{"data-testid":a.MODAL_NEXT_CLOSE_BUTTON,icon:r,onClick:m,size:"small",kind:"tertiary",color:l,ariaLabel:c}))};export{s as default};
+import t from"react";import o from"./ModalTopActions.module.scss.js";import e from"../../IconButton/IconButton.js";import{ComponentDefaultTestId as r}from"../../../tests/constants.js";import a from"../../../../icons/dist/react/CloseMedium.js";var i={dark:"fixed-dark",light:"fixed-light"},s=function(s){var n=s.renderAction,c=s.closeButtonAriaLabel,m=s.onClose,l=i[s.theme]||"primary";return t.createElement("div",{className:o.actions,"data-no-autofocus":!0},"function"==typeof n?n(l):n,t.createElement(e,{"data-testid":r.MODAL_NEXT_CLOSE_BUTTON,icon:a,onClick:m,size:"small",kind:"tertiary",color:l,ariaLabel:c}))};export{s as default};
 //# sourceMappingURL=ModalTopActions.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalTopActions.js","sources":["../../../../../src/components/Modal/ModalTopActions/ModalTopActions.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./ModalTopActions.module.scss\";\nimport {\n type ModalTopActionsButtonColor,\n type ModalTopActionsTheme,\n type ModalTopActionsProps\n} from \"./ModalTopActions.types\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { CloseMedium } from \"@vibe/icons\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nconst colorToButtonColor: Record<ModalTopActionsTheme, ModalTopActionsButtonColor> = {\n dark: \"fixed-dark\",\n light: \"fixed-light\"\n};\n\nconst ModalTopActions = ({ renderAction, theme, closeButtonAriaLabel, onClose }: ModalTopActionsProps) => {\n const buttonColor = colorToButtonColor[theme] \|\| \"primary\";\n\n return (\n <div className={styles.actions} data-no-autofocus={true}>\n {typeof renderAction === \"function\" ? renderAction(buttonColor) : renderAction}\n <IconButton\n data-testid={ComponentDefaultTestId.MODAL_NEXT_CLOSE_BUTTON}\n icon={CloseMedium}\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={buttonColor}\n ariaLabel={closeButtonAriaLabel}\n />\n </div>\n );\n};\n\nexport default ModalTopActions;\n"],"names":["colorToButtonColor","dark","light","ModalTopActions","_ref","renderAction","closeButtonAriaLabel","onClose","buttonColor","theme","React","className","styles","actions","createElement","IconButton","ComponentDefaultTestId","MODAL_NEXT_CLOSE_BUTTON","icon","CloseMedium","onClick","size","kind","color","ariaLabel"],"mappings":"~~4PAWA~~,IAAMA,EAA+E,CACnFC,KAAM,aACNC,MAAO,eAGHC,EAAkB,SAAHC,GAAoF,IAA9EC,EAAYD,EAAZC,aAAqBC,EAAoBF,EAApBE,qBAAsBC,EAAOH,EAAPG,QAC9DC,EAAcR,EADwBI,EAALK,QACU,UAEjD,OACEC,uBAAKC,UAAWC,EAAOC,6BAA4B,GACxB,mBAAjBR,EAA8BA,EAAaG,GAAeH,EAClEK,EAAAI,cAACC,EAAU,CAAA,cACIC,EAAuBC,wBACpCC,KAAMC,EACNC,QAASb,EACTc,KAAK,QACLC,KAAK,WACLC,MAAOf,EACPgB,UAAWlB,IAInB"}
1	+ {"version":3,"file":"ModalTopActions.js","sources":["../../../../../src/components/Modal/ModalTopActions/ModalTopActions.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./ModalTopActions.module.scss\";\nimport {\n type ModalTopActionsButtonColor,\n type ModalTopActionsTheme,\n type ModalTopActionsProps\n} from \"./ModalTopActions.types\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { CloseMedium } from \"@vibe/icons\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nconst colorToButtonColor: Record<ModalTopActionsTheme, ModalTopActionsButtonColor> = {\n dark: \"fixed-dark\",\n light: \"fixed-light\"\n};\n\nconst ModalTopActions = ({ renderAction, theme, closeButtonAriaLabel, onClose }: ModalTopActionsProps) => {\n const buttonColor = colorToButtonColor[theme] \|\| \"primary\";\n\n return (\n <div className={styles.actions} data-no-autofocus={true}>\n {typeof renderAction === \"function\" ? renderAction(buttonColor) : renderAction}\n <IconButton\n data-testid={ComponentDefaultTestId.MODAL_NEXT_CLOSE_BUTTON}\n icon={CloseMedium}\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={buttonColor}\n ariaLabel={closeButtonAriaLabel}\n />\n </div>\n );\n};\n\nexport default ModalTopActions;\n"],"names":["colorToButtonColor","dark","light","ModalTopActions","_ref","renderAction","closeButtonAriaLabel","onClose","buttonColor","theme","React","className","styles","actions","createElement","IconButton","ComponentDefaultTestId","MODAL_NEXT_CLOSE_BUTTON","icon","CloseMedium","onClick","size","kind","color","ariaLabel"],"mappings":"mPAWA,IAAMA,EAA+E,CACnFC,KAAM,aACNC,MAAO,eAGHC,EAAkB,SAAHC,GAAoF,IAA9EC,EAAYD,EAAZC,aAAqBC,EAAoBF,EAApBE,qBAAsBC,EAAOH,EAAPG,QAC9DC,EAAcR,EADwBI,EAALK,QACU,UAEjD,OACEC,uBAAKC,UAAWC,EAAOC,6BAA4B,GACxB,mBAAjBR,EAA8BA,EAAaG,GAAeH,EAClEK,EAAAI,cAACC,EAAU,CAAA,cACIC,EAAuBC,wBACpCC,KAAMC,EACNC,QAASb,EACTc,KAAK,QACLC,KAAK,WACLC,MAAOf,EACPgB,UAAWlB,IAInB"}

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

@@ -1,2 +1,2 @@
-var e={actions:"actions_03a537ae27"};!function(e){const t="s_id-86629ffbaf1c_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actions_03a537ae27 {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
+var e={actions:"actions_2fb82a4287"};!function(e){const t="s_id-86629ffbaf1c_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actions_2fb82a4287 {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
 //# sourceMappingURL=ModalTopActions.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={primary:"primary_d5424572d4",secondary:"secondary_5881269c01"};!function(e){const n="s_id-4cbf6fa94914_3_72_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_d5424572d4 {\n  order: 2;\n}\n.primary_d5424572d4:only-child {\n  margin-left: auto;\n}\n.secondary_5881269c01 {\n  order: 1;\n  margin-left: auto;\n}");export{e as default};
+var e={primary:"primary_c63f637ee2",secondary:"secondary_f6090ed6c2"};!function(e){const n="s_id-4cbf6fa94914_3_73_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_c63f637ee2 {\n  order: 2;\n}\n.primary_c63f637ee2:only-child {\n  margin-left: auto;\n}\n.secondary_f6090ed6c2 {\n  order: 1;\n  margin-left: auto;\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={footer:"footer_3d71ca996f"};!function(e){const t="s_id-23913bf713c7_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_3d71ca996f {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--spacing-large);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={footer:"footer_69f76b282d"};!function(e){const t="s_id-23913bf713c7_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_69f76b282d {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--spacing-large);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=ModalFooterBase.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={primary:"primary_d5424572d4",secondary:"secondary_2cd5df0bb1",stepDots:"stepDots_cf12ed4746"};!function(e){const n="s_id-51737ad1ac1f_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_d5424572d4 {\n  order: 2;\n}\n\n.secondary_2cd5df0bb1 {\n  order: 1;\n}\n\n.stepDots_cf12ed4746 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
+var e={primary:"primary_c63f637ee2",secondary:"secondary_ee751c9084",stepDots:"stepDots_895dfc1809"};!function(e){const n="s_id-51737ad1ac1f_3_73_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_c63f637ee2 {\n  order: 2;\n}\n\n.secondary_ee751c9084 {\n  order: 1;\n}\n\n.stepDots_895dfc1809 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
 //# sourceMappingURL=ModalFooterWizard.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={layout:"layout_1b88fa5de4",header:"header_e04989bed5",divider:"divider_1b290b2ab2",showDivider:"showDivider_3d81e59ed8",content:"content_0b73fca851"};!function(e){const n="s_id-b8093a4a9ca9_3_72_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_1b88fa5de4 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_1b88fa5de4 .header_e04989bed5 {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--spacing-medium));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_1b88fa5de4 .divider_1b290b2ab2 {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_1b88fa5de4 .divider_1b290b2ab2.showDivider_3d81e59ed8 {\n  opacity: 1;\n}\n.layout_1b88fa5de4 .content_0b73fca851 {\n  padding-block-end: var(--spacing-xl);\n}");export{e as default};
+var e={layout:"layout_5d8f8d4055",header:"header_ac08c3a4f6",divider:"divider_b6bff9a7fe",showDivider:"showDivider_8d57639329",content:"content_b552f21106"};!function(e){const n="s_id-b8093a4a9ca9_3_73_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_5d8f8d4055 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_5d8f8d4055 .header_ac08c3a4f6 {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--spacing-medium));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_5d8f8d4055 .divider_b6bff9a7fe {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_5d8f8d4055 .divider_b6bff9a7fe.showDivider_8d57639329 {\n  opacity: 1;\n}\n.layout_5d8f8d4055 .content_b552f21106 {\n  padding-block-end: var(--spacing-xl);\n}");export{e as default};
 //# sourceMappingURL=ModalBasicLayout.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={shadowWrapper:"shadowWrapper_f921be7229",show:"show_bce06b3995"};!function(e){const t="s_id-c76d397ed7f2_3_72_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_f921be7229::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper_f921be7229.show_bce06b3995::after {\n  opacity: 1;\n}');export{e as default};
+var e={shadowWrapper:"shadowWrapper_48ff56ee6a",show:"show_2c348b2ab3"};!function(e){const t="s_id-c76d397ed7f2_3_73_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_48ff56ee6a::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper_48ff56ee6a.show_2c348b2ab3::after {\n  opacity: 1;\n}');export{e as default};
 //# sourceMappingURL=ModalFooterShadow.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={content:"content_5c4f10758e"};!function(e){const n="s_id-a5c90e45f208_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".content_5c4f10758e {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_5c4f10758e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_5c4f10758e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={content:"content_25d51fef50"};!function(e){const n="s_id-a5c90e45f208_3_73_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".content_25d51fef50 {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_25d51fef50::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_25d51fef50::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=ModalLayoutScrollableContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={layout:"layout_1b88fa5de4",media:"media_052deea50c",header:"header_bb54db9d28",content:"content_78ffff6641"};!function(e){const n="s_id-0e68c3ff993d_3_72_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_1b88fa5de4 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_1b88fa5de4 .media_052deea50c {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout_1b88fa5de4 .header_bb54db9d28 {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--spacing-xl) var(--spacing-small);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_1b88fa5de4 .content_78ffff6641 {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--spacing-large);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
+var e={layout:"layout_5d8f8d4055",media:"media_39f74877f2",header:"header_e496ddfc45",content:"content_4258aa7a91"};!function(e){const n="s_id-0e68c3ff993d_3_73_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_5d8f8d4055 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_5d8f8d4055 .media_39f74877f2 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout_5d8f8d4055 .header_e496ddfc45 {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--spacing-xl) var(--spacing-small);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_5d8f8d4055 .content_4258aa7a91 {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--spacing-large);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=ModalMediaLayout.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={layout:"layout_2f48831791",header:"header_718553ba6f",content:"content_d66c089a56",media:"media_dad4a5d83a"};!function(n){const e="s_id-5a065e57e1cb_3_72_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".layout_2f48831791 {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 60% 40%;\n  grid-template-rows: auto 1fr;\n  min-height: 0;\n}\n.layout_2f48831791 .header_718553ba6f {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline: var(--modal-inline-padding);\n  grid-column: 1/2;\n  grid-row: 1;\n}\n.layout_2f48831791 .content_d66c089a56 {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--spacing-xl);\n}\n.layout_2f48831791 .media_dad4a5d83a {\n  grid-column: 2/3;\n  grid-row: 1/3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}");export{n as default};
+var e={layout:"layout_1e97cdc379",header:"header_11d172f0e1",content:"content_70ae9c3f6e",media:"media_55b7376930"};!function(e){const n="s_id-5a065e57e1cb_3_73_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_1e97cdc379 {\n  width: 100%;\n  height: 100%;\n  display: grid;\n  grid-template-columns: 60% 40%;\n  grid-template-rows: auto 1fr;\n  min-height: 0;\n}\n.layout_1e97cdc379 .header_11d172f0e1 {\n  width: 100%;\n  margin-block: var(--spacing-xl) var(--spacing-large);\n  padding-inline: var(--modal-inline-padding);\n  grid-column: 1/2;\n  grid-row: 1;\n}\n.layout_1e97cdc379 .content_70ae9c3f6e {\n  grid-column: 1/2;\n  grid-row: 2;\n  padding-block-end: var(--spacing-xl);\n}\n.layout_1e97cdc379 .media_55b7376930 {\n  grid-column: 2/3;\n  grid-row: 1/3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
 //# sourceMappingURL=ModalSideBySideLayout.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import i,{forwardRef as s,useCallback as o,useMemo as r}from"react";import l from"../Divider/Divider.js";import{NOOP as a}from"../../utils/function-utils.js";import n from"./components/StepIndicator/StepIndicator.js";import{MultiStepType as p,StepStatus as m,TextPlacement as c,Size as d}from"./MultiStepConstants.js";import{getTestId as f}from"../../tests/testIds.js";import{ComponentDefaultTestId as u}from"../../tests/constants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import y from"./MultiStepIndicator.module.scss.js";import S from"../../../packages/icons/dist/react/Check.js";var C=v(s((function(s,p){var m=s.className,c=s.steps,d=void 0===c?[]:c,v=s.type,C=void 0===v?"primary":v,N=s.stepComponentClassName,j=s.dividerComponentClassName,I=s.fulfilledStepIcon,g=void 0===I?S:I,b=s.fulfilledStepIconType,D=void 0===b?"svg":b,T=s.isFulfilledStepDisplayNumber,h=void 0!==T&&T,k=s.onClick,E=void 0===k?a:k,P=s.textPlacement,_=void 0===P?"horizontal":P,x=s.id,F=s["data-testid"],z="vertical"===_?"regular":s.size,w=o((function(s,o){return i.createElement(i.Fragment,{key:"".concat(s.titleText,"_").concat(o)},i.createElement(n,Object.assign({},s,{stepNumber:o+1,type:C,stepComponentClassName:N,fulfilledStepIcon:g,fulfilledStepIconType:D,onClick:E,isFulfilledStepDisplayNumber:h,size:z})),o!==d.length-1&&i.createElement(l,{className:t(y.divider,j,e({},y.compact,"compact"===z))}))}),[E,h,C,N,g,D,j,d.length,z]),M=o((function(e,s){return i.createElement(n,Object.assign({},e,{key:"".concat(e.titleText,"_").concat(s),stepNumber:s+1,type:C,stepComponentClassName:N,fulfilledStepIcon:g,fulfilledStepIconType:D,onClick:E,isFollowedByDivider:s!==d.length-1,stepDividerClassName:t(y.divider,j),isVertical:!0,isFulfilledStepDisplayNumber:h}))}),[E,h,C,N,g,D,j,d.length]),O=r((function(){return"vertical"===_?M:w}),[_,M,w]);return i.createElement("ol",{ref:p,id:x,"data-testid":F||f(u.MULTI_STEP_INDICATOR,x),className:t(y.wrapper,m)},d.map(O))})),{types:p,stepStatuses:m,textPlacements:c,sizes:d});export{C as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import i,{forwardRef as s,useCallback as o,useMemo as r}from"react";import l from"../Divider/Divider.js";import{NOOP as a}from"../../utils/function-utils.js";import n from"./components/StepIndicator/StepIndicator.js";import{MultiStepType as p,StepStatus as m,TextPlacement as c,Size as d}from"./MultiStepConstants.js";import{getTestId as f}from"../../tests/testIds.js";import{ComponentDefaultTestId as u}from"../../tests/constants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import y from"./MultiStepIndicator.module.scss.js";import S from"../../../icons/dist/react/Check.js";var C=v(s((function(s,p){var m=s.className,c=s.steps,d=void 0===c?[]:c,v=s.type,C=void 0===v?"primary":v,N=s.stepComponentClassName,j=s.dividerComponentClassName,I=s.fulfilledStepIcon,g=void 0===I?S:I,b=s.fulfilledStepIconType,D=void 0===b?"svg":b,T=s.isFulfilledStepDisplayNumber,h=void 0!==T&&T,k=s.onClick,E=void 0===k?a:k,P=s.textPlacement,_=void 0===P?"horizontal":P,x=s.id,F=s["data-testid"],z="vertical"===_?"regular":s.size,w=o((function(s,o){return i.createElement(i.Fragment,{key:"".concat(s.titleText,"_").concat(o)},i.createElement(n,Object.assign({},s,{stepNumber:o+1,type:C,stepComponentClassName:N,fulfilledStepIcon:g,fulfilledStepIconType:D,onClick:E,isFulfilledStepDisplayNumber:h,size:z})),o!==d.length-1&&i.createElement(l,{className:t(y.divider,j,e({},y.compact,"compact"===z))}))}),[E,h,C,N,g,D,j,d.length,z]),M=o((function(e,s){return i.createElement(n,Object.assign({},e,{key:"".concat(e.titleText,"_").concat(s),stepNumber:s+1,type:C,stepComponentClassName:N,fulfilledStepIcon:g,fulfilledStepIconType:D,onClick:E,isFollowedByDivider:s!==d.length-1,stepDividerClassName:t(y.divider,j),isVertical:!0,isFulfilledStepDisplayNumber:h}))}),[E,h,C,N,g,D,j,d.length]),O=r((function(){return"vertical"===_?M:w}),[_,M,w]);return i.createElement("ol",{ref:p,id:x,"data-testid":F||f(u.MULTI_STEP_INDICATOR,x),className:t(y.wrapper,m)},d.map(O))})),{types:p,stepStatuses:m,textPlacements:c,sizes:d});export{C as default};
 //# sourceMappingURL=MultiStepIndicator.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiStepIndicator.js","sources":["../../../../src/components/MultiStepIndicator/MultiStepIndicator.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { Check } from \"@vibe/icons\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport Divider from \"../../components/Divider/Divider\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport StepIndicator from \"./components/StepIndicator/StepIndicator\";\nimport {\n MultiStepType as MultiStepTypeEnum,\n Size as SizeEnum,\n StepStatus as StepStatusEnum,\n TextPlacement as TextPlacementEnum\n} from \"./MultiStepConstants\";\nimport { type MultiStepType, type MultiStepSize, type TextPlacement, type Step } from \"./MultiStep.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./MultiStepIndicator.module.scss\";\n\nexport interface MultiStepIndicatorProps extends VibeComponentProps {\n /*\n The list of steps in the multi-step indicator.\n /\n steps?: Step[];\n /\n The visual style of the multi-step indicator.\n /\n type?: MultiStepType;\n /\n Class name applied to each step component.\n /\n stepComponentClassName?: string;\n /\n Class name applied to the divider between steps.\n /\n dividerComponentClassName?: string;\n /\n The icon used for fulfilled steps.\n /\n fulfilledStepIcon?: SubIcon;\n /\n The type of the fulfilled step icon.\n /\n fulfilledStepIconType?: \"svg\" \| \"font\";\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber?: boolean;\n /\n Callback fired when a step is clicked.\n /\n onClick?: (stepNumber: number) => void;\n /\n The placement of the step text.\n /\n textPlacement?: TextPlacement;\n /\n The size of the multi-step indicator.\n */\n size?: MultiStepSize;\n}\n\nconst MultiStepIndicator = forwardRef(\n (\n {\n className,\n steps = [],\n type = \"primary\",\n stepComponentClassName,\n dividerComponentClassName,\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n textPlacement = \"horizontal\",\n id,\n size,\n \"data-testid\": dataTestId\n }: MultiStepIndicatorProps,\n ref: React.ForwardedRef<HTMLOListElement>\n ) => {\n const finalSize = textPlacement === \"vertical\" ? \"regular\" : size;\n\n const renderHorizontalStepIndicator = useCallback(\n (step: Step, index: number) => {\n return (\n <React.Fragment key={`${step.titleText}_${index}`}>\n <StepIndicator\n {...step}\n stepNumber={index + 1}\n type={type}\n stepComponentClassName={stepComponentClassName}\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n onClick={onClick}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n size={finalSize}\n />\n {index !== steps.length - 1 && (\n <Divider\n className={cx(styles.divider, dividerComponentClassName, {\n [styles.compact]: finalSize === \"compact\"\n })}\n />\n )}\n </React.Fragment>\n );\n },\n [\n onClick,\n isFulfilledStepDisplayNumber,\n type,\n stepComponentClassName,\n fulfilledStepIcon,\n fulfilledStepIconType,\n dividerComponentClassName,\n steps.length,\n finalSize\n ]\n );\n\n const renderVerticalStepIndicator = useCallback(\n (step: Step, index: number) => {\n return (\n <StepIndicator\n {...step}\n key={`${step.titleText}_${index}`}\n stepNumber={index + 1}\n type={type}\n stepComponentClassName={stepComponentClassName}\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n onClick={onClick}\n isFollowedByDivider={index !== steps.length - 1}\n stepDividerClassName={cx(styles.divider, dividerComponentClassName)}\n isVertical\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n />\n );\n },\n [\n onClick,\n isFulfilledStepDisplayNumber,\n type,\n stepComponentClassName,\n fulfilledStepIcon,\n fulfilledStepIconType,\n dividerComponentClassName,\n steps.length\n ]\n );\n\n const stepRenderer = useMemo(\n () => (textPlacement === \"vertical\" ? renderVerticalStepIndicator : renderHorizontalStepIndicator),\n [textPlacement, renderVerticalStepIndicator, renderHorizontalStepIndicator]\n );\n\n return (\n <ol\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MULTI_STEP_INDICATOR, id)}\n className={cx(styles.wrapper, className)}\n >\n {steps.map(stepRenderer)}\n </ol>\n );\n }\n);\n\ninterface MultiStepIndicatorStaticProps {\n types: typeof MultiStepTypeEnum;\n stepStatuses: typeof StepStatusEnum;\n textPlacements: typeof TextPlacementEnum;\n sizes: typeof SizeEnum;\n}\n\nexport default withStaticProps<MultiStepIndicatorProps, MultiStepIndicatorStaticProps>(MultiStepIndicator, {\n types: MultiStepTypeEnum,\n stepStatuses: StepStatusEnum,\n textPlacements: TextPlacementEnum,\n sizes: SizeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","_ref$steps","steps","_ref$type","type","stepComponentClassName","dividerComponentClassName","_ref$fulfilledStepIco","fulfilledStepIcon","Check","_ref$fulfilledStepIco2","fulfilledStepIconType","_ref$isFulfilledStepD","isFulfilledStepDisplayNumber","_ref$onClick","onClick","NOOP","_ref$textPlacement","textPlacement","id","dataTestId","finalSize","size","renderHorizontalStepIndicator","useCallback","step","index","React","createElement","Fragment","key","concat","titleText","StepIndicator","Object","assign","stepNumber","length","Divider","cx","styles","divider","_defineProperty","compact","renderVerticalStepIndicator","isFollowedByDivider","stepDividerClassName","isVertical","stepRenderer","useMemo","getTestId","ComponentDefaultTestId","MULTI_STEP_INDICATOR","wrapper","map","types","MultiStepTypeEnum","stepStatuses","StepStatusEnum","textPlacements","TextPlacementEnum","sizes","SizeEnum"],"mappings":"~~mvBA8DA~~,IAmHeA,EAAAA,EAnHYC,GACzB,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UAASC,EAAAH,EACTI,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACVM,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAsBP,EAAtBO,uBACAC,EAAyBR,EAAzBQ,0BAAyBC,EAAAT,EACzBU,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAKF,EAAAG,EAAAZ,EACzBa,sBAAAA,OAAwB,IAAHD,EAAG,MAAKA,EAAAE,EAAAd,EAC7Be,6BAAAA,OAA+B,IAAHD,GAAQA,EAAAE,EAAAhB,EACpCiB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAnB,EACdoB,cAAAA,OAAgB,IAAHD,EAAG,aAAYA,EAC5BE,EAAErB,EAAFqB,GAEeC,EAAUtB,EAAzB,eAIIuB,EAA8B,aAAlBH,EAA+B,UAL3CpB,EAAJwB,KAOIC,EAAgCC,GACpC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACD,EAAME,SAAS,CAAAC,IAAG,GAAAC,OAAKN,EAAKO,UAAS,KAAAD,OAAIL,IACxCC,EAAAC,cAACK,EACKC,OAAAC,OAAA,CAAA,EAAAV,EACJ,CAAAW,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACTF,6BAA8BA,EAC9BS,KAAMD,KAEPK,IAAUxB,EAAMmC,OAAS,GACxBV,EAACC,cAAAU,GACCtC,UAAWuC,EAAGC,EAAOC,QAASnC,EAAyBoC,EAAA,CAAA,EACpDF,EAAOG,QAAwB,YAAdtB,MAM7B,GACD,CACEN,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,OACNhB,IAIEuB,EAA8BpB,GAClC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACK,EAAaC,OAAAC,OAAA,CAAA,EACRV,EACJ,CAAAK,IAAG,GAAAC,OAAKN,EAAKO,UAASD,KAAAA,OAAIL,GAC1BU,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACT8B,oBAAqBnB,IAAUxB,EAAMmC,OAAS,EAC9CS,qBAAsBP,EAAGC,EAAOC,QAASnC,GACzCyC,cACAlC,6BAA8BA,IAGnC,GACD,CACEE,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,SAIJW,EAAeC,GACnB,WAAA,MAAyB,aAAlB/B,EAA+B0B,EAA8BrB,CAA8B,GAClG,CAACL,EAAe0B,EAA6BrB,IAG/C,OACEI,EACEC,cAAA,KAAA,CAAA7B,IAAKA,EACLoB,GAAIA,EACS,cAAAC,GAAc8B,EAAUC,EAAuBC,qBAAsBjC,GAClFnB,UAAWuC,EAAGC,EAAOa,QAASrD,IAE7BE,EAAMoD,IAAIN,GAGjB,IAUyG,CACzGO,MAAOC,EACPC,aAAcC,EACdC,eAAgBC,EAChBC,MAAOC"}
1	+ {"version":3,"file":"MultiStepIndicator.js","sources":["../../../../src/components/MultiStepIndicator/MultiStepIndicator.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { Check } from \"@vibe/icons\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport Divider from \"../../components/Divider/Divider\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport StepIndicator from \"./components/StepIndicator/StepIndicator\";\nimport {\n MultiStepType as MultiStepTypeEnum,\n Size as SizeEnum,\n StepStatus as StepStatusEnum,\n TextPlacement as TextPlacementEnum\n} from \"./MultiStepConstants\";\nimport { type MultiStepType, type MultiStepSize, type TextPlacement, type Step } from \"./MultiStep.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./MultiStepIndicator.module.scss\";\n\nexport interface MultiStepIndicatorProps extends VibeComponentProps {\n /*\n The list of steps in the multi-step indicator.\n /\n steps?: Step[];\n /\n The visual style of the multi-step indicator.\n /\n type?: MultiStepType;\n /\n Class name applied to each step component.\n /\n stepComponentClassName?: string;\n /\n Class name applied to the divider between steps.\n /\n dividerComponentClassName?: string;\n /\n The icon used for fulfilled steps.\n /\n fulfilledStepIcon?: SubIcon;\n /\n The type of the fulfilled step icon.\n /\n fulfilledStepIconType?: \"svg\" \| \"font\";\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber?: boolean;\n /\n Callback fired when a step is clicked.\n /\n onClick?: (stepNumber: number) => void;\n /\n The placement of the step text.\n /\n textPlacement?: TextPlacement;\n /\n The size of the multi-step indicator.\n */\n size?: MultiStepSize;\n}\n\nconst MultiStepIndicator = forwardRef(\n (\n {\n className,\n steps = [],\n type = \"primary\",\n stepComponentClassName,\n dividerComponentClassName,\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n textPlacement = \"horizontal\",\n id,\n size,\n \"data-testid\": dataTestId\n }: MultiStepIndicatorProps,\n ref: React.ForwardedRef<HTMLOListElement>\n ) => {\n const finalSize = textPlacement === \"vertical\" ? \"regular\" : size;\n\n const renderHorizontalStepIndicator = useCallback(\n (step: Step, index: number) => {\n return (\n <React.Fragment key={`${step.titleText}_${index}`}>\n <StepIndicator\n {...step}\n stepNumber={index + 1}\n type={type}\n stepComponentClassName={stepComponentClassName}\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n onClick={onClick}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n size={finalSize}\n />\n {index !== steps.length - 1 && (\n <Divider\n className={cx(styles.divider, dividerComponentClassName, {\n [styles.compact]: finalSize === \"compact\"\n })}\n />\n )}\n </React.Fragment>\n );\n },\n [\n onClick,\n isFulfilledStepDisplayNumber,\n type,\n stepComponentClassName,\n fulfilledStepIcon,\n fulfilledStepIconType,\n dividerComponentClassName,\n steps.length,\n finalSize\n ]\n );\n\n const renderVerticalStepIndicator = useCallback(\n (step: Step, index: number) => {\n return (\n <StepIndicator\n {...step}\n key={`${step.titleText}_${index}`}\n stepNumber={index + 1}\n type={type}\n stepComponentClassName={stepComponentClassName}\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n onClick={onClick}\n isFollowedByDivider={index !== steps.length - 1}\n stepDividerClassName={cx(styles.divider, dividerComponentClassName)}\n isVertical\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n />\n );\n },\n [\n onClick,\n isFulfilledStepDisplayNumber,\n type,\n stepComponentClassName,\n fulfilledStepIcon,\n fulfilledStepIconType,\n dividerComponentClassName,\n steps.length\n ]\n );\n\n const stepRenderer = useMemo(\n () => (textPlacement === \"vertical\" ? renderVerticalStepIndicator : renderHorizontalStepIndicator),\n [textPlacement, renderVerticalStepIndicator, renderHorizontalStepIndicator]\n );\n\n return (\n <ol\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MULTI_STEP_INDICATOR, id)}\n className={cx(styles.wrapper, className)}\n >\n {steps.map(stepRenderer)}\n </ol>\n );\n }\n);\n\ninterface MultiStepIndicatorStaticProps {\n types: typeof MultiStepTypeEnum;\n stepStatuses: typeof StepStatusEnum;\n textPlacements: typeof TextPlacementEnum;\n sizes: typeof SizeEnum;\n}\n\nexport default withStaticProps<MultiStepIndicatorProps, MultiStepIndicatorStaticProps>(MultiStepIndicator, {\n types: MultiStepTypeEnum,\n stepStatuses: StepStatusEnum,\n textPlacements: TextPlacementEnum,\n sizes: SizeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","_ref$steps","steps","_ref$type","type","stepComponentClassName","dividerComponentClassName","_ref$fulfilledStepIco","fulfilledStepIcon","Check","_ref$fulfilledStepIco2","fulfilledStepIconType","_ref$isFulfilledStepD","isFulfilledStepDisplayNumber","_ref$onClick","onClick","NOOP","_ref$textPlacement","textPlacement","id","dataTestId","finalSize","size","renderHorizontalStepIndicator","useCallback","step","index","React","createElement","Fragment","key","concat","titleText","StepIndicator","Object","assign","stepNumber","length","Divider","cx","styles","divider","_defineProperty","compact","renderVerticalStepIndicator","isFollowedByDivider","stepDividerClassName","isVertical","stepRenderer","useMemo","getTestId","ComponentDefaultTestId","MULTI_STEP_INDICATOR","wrapper","map","types","MultiStepTypeEnum","stepStatuses","StepStatusEnum","textPlacements","TextPlacementEnum","sizes","SizeEnum"],"mappings":"0uBA8DA,IAmHeA,EAAAA,EAnHYC,GACzB,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UAASC,EAAAH,EACTI,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACVM,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAsBP,EAAtBO,uBACAC,EAAyBR,EAAzBQ,0BAAyBC,EAAAT,EACzBU,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAKF,EAAAG,EAAAZ,EACzBa,sBAAAA,OAAwB,IAAHD,EAAG,MAAKA,EAAAE,EAAAd,EAC7Be,6BAAAA,OAA+B,IAAHD,GAAQA,EAAAE,EAAAhB,EACpCiB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAnB,EACdoB,cAAAA,OAAgB,IAAHD,EAAG,aAAYA,EAC5BE,EAAErB,EAAFqB,GAEeC,EAAUtB,EAAzB,eAIIuB,EAA8B,aAAlBH,EAA+B,UAL3CpB,EAAJwB,KAOIC,EAAgCC,GACpC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACD,EAAME,SAAS,CAAAC,IAAG,GAAAC,OAAKN,EAAKO,UAAS,KAAAD,OAAIL,IACxCC,EAAAC,cAACK,EACKC,OAAAC,OAAA,CAAA,EAAAV,EACJ,CAAAW,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACTF,6BAA8BA,EAC9BS,KAAMD,KAEPK,IAAUxB,EAAMmC,OAAS,GACxBV,EAACC,cAAAU,GACCtC,UAAWuC,EAAGC,EAAOC,QAASnC,EAAyBoC,EAAA,CAAA,EACpDF,EAAOG,QAAwB,YAAdtB,MAM7B,GACD,CACEN,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,OACNhB,IAIEuB,EAA8BpB,GAClC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACK,EAAaC,OAAAC,OAAA,CAAA,EACRV,EACJ,CAAAK,IAAG,GAAAC,OAAKN,EAAKO,UAASD,KAAAA,OAAIL,GAC1BU,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACT8B,oBAAqBnB,IAAUxB,EAAMmC,OAAS,EAC9CS,qBAAsBP,EAAGC,EAAOC,QAASnC,GACzCyC,cACAlC,6BAA8BA,IAGnC,GACD,CACEE,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,SAIJW,EAAeC,GACnB,WAAA,MAAyB,aAAlB/B,EAA+B0B,EAA8BrB,CAA8B,GAClG,CAACL,EAAe0B,EAA6BrB,IAG/C,OACEI,EACEC,cAAA,KAAA,CAAA7B,IAAKA,EACLoB,GAAIA,EACS,cAAAC,GAAc8B,EAAUC,EAAuBC,qBAAsBjC,GAClFnB,UAAWuC,EAAGC,EAAOa,QAASrD,IAE7BE,EAAMoD,IAAIN,GAGjB,IAUyG,CACzGO,MAAOC,EACPC,aAAcC,EACdC,eAAgBC,EAChBC,MAAOC"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_ea8f52cdeb",divider:"divider_f128ed0233",compact:"compact_73d5f259a8"};!function(e){const d="s_id-0040463364ed_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".wrapper_ea8f52cdeb {\n  display: flex;\n}\n.wrapper_ea8f52cdeb .divider_f128ed0233 {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_ea8f52cdeb .divider_f128ed0233.compact_73d5f259a8 {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
+var e={wrapper:"wrapper_785bd63b90",divider:"divider_37f4e86789",compact:"compact_5b9a652180"};!function(e){const n="s_id-0040463364ed_3_73_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_785bd63b90 {\n  display: flex;\n}\n.wrapper_785bd63b90 .divider_37f4e86789 {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper_785bd63b90 .divider_37f4e86789.compact_5b9a652180 {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=MultiStepIndicator.module.scss.js.map

package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,toConsumableArray as t,defineProperty as i}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as n}from"es-toolkit";import{getStyle as a}from"../../../../helpers/typesciptCssModulesHelper.js";import{getTestId as o,ComponentDefaultTestId as r}from"../../../../tests/testIds.js";import l from"classnames";import{keyCodes as s}from"../../../../constants/keyCodes.js";import c,{useState as m,useRef as p,useCallback as d,useEffect as u,useMemo as f}from"react";import{SwitchTransition as v,CSSTransition as y}from"react-transition-group";import _ from"../../../../hooks/useEventListener/index.js";import E from"../../../../hooks/useKeyEvent/index.js";import x from"../../../Divider/Divider.js";import{NOOP as b}from"../../../../utils/function-utils.js";import N from"../../../HiddenText/HiddenText.js";import k from"../../../Clickable/Clickable.js";import C from"./StepIndicator.module.scss.js";import I from"../../../../../components/icon/dist/Icon/Icon.js";import S from"../../../../../packages/icons/dist/react/Check.js";var T=[s.ENTER,s.SPACE],j=function(e){var t=e.fulfilledStepIcon,i=e.fulfilledStepIconType;return"fulfilled"!==e.status||e.isFulfilledStepDisplayNumber?c.createElement(c.Fragment,null,e.stepNumber):c.createElement(I,{icon:t,className:l(C.numberContainerTextCheckIcon),iconType:i,ignoreFocusStyle:!0,ariaHidden:!0})},g=function(s){var I=s.stepComponentClassName,g=s.stepNumber,A=void 0===g?1:g,D=s.status,h=void 0===D?"pending":D,w=s.titleText,F=void 0===w?"Heading text":w,H=s.subtitleText,P=void 0===H?"Subtitle text":H,L=s.type,z=void 0===L?"primary":L,B=s.fulfilledStepIcon,R=void 0===B?S:B,V=s.fulfilledStepIconType,K=void 0===V?"svg":V,M=s.isFulfilledStepDisplayNumber,O=void 0!==M&&M,q=s.onClick,G=void 0===q?b:q,J=s.isFollowedByDivider,Q=void 0!==J&&J,U=s.stepDividerClassName,W=s.isVertical,X=void 0!==W&&W,Y=s.id,Z=s.size,$=void 0===Z?"regular":Z,ee=s["data-testid"],te=m(!1),ie=e(te,2),ne=ie[0],ae=ie[1],oe=p(null),re=p(h),le=d((function(){ae(!0)}),[ae]),se=d((function(){ae(!1)}),[ae]),ce=d((function(){return re.current!==h}),[re,h]),me=d((function(){G&&G(A)}),[G,A]);_({eventName:"animationend",callback:se,ref:oe}),E({keys:T,callback:me,ref:oe}),u((function(){ce()&&le()}),[h,ce,le]),u((function(){re.current=h}),[h]);var pe=f((function(){return"Step ".concat(A,": ").concat(F," - ").concat(P,", status: ").concat(h)}),[h,F,A,P]),de=function(e){return[a(C,n(e||"indicator")),a(C,n("type-".concat(z).concat(e))),a(C,n("status-".concat(h).concat(e))),a(C,n("size-".concat($).concat(e)))]};return c.createElement(k,{tabIndex:"-1",elementType:"li",className:l.apply(void 0,t(de("")).concat([I,i(i(i({},C.withAnimation,ne),C.clickable,G),C.textPlacementVertical,X)])),"aria-label":pe,onClick:me,"data-testid":ee||o(r.STEP_INDICATOR,Y)},c.createElement("div",{className:l.apply(void 0,t(de("__number-divider-container")))},c.createElement("div",{className:l.apply(void 0,t(de("__number-container"))),ref:oe,tabIndex:0,role:"button"},c.createElement(v,{mode:"out-in"},c.createElement(y,{classNames:{enter:C.swapEnter,enterActive:C.swapEnterActive,exit:C.swapExit,exitActive:C.swapExitActive},addEndListener:function(e,t){e.addEventListener("transitionend",t,!1)},key:h},c.createElement("span",{className:l.apply(void 0,t(de("__number-container__text")))},c.createElement(j,{fulfilledStepIcon:R,fulfilledStepIconType:K,isFulfilledStepDisplayNumber:O,stepNumber:A,status:h}))))),Q&&X&&c.createElement(x,{className:l(C.divider,U)})),c.createElement("div",{className:l.apply(void 0,t(de("__text-container")))},c.createElement("div",{className:l.apply(void 0,t(de("__text-container__title")))},c.createElement(N,{text:h})," ",c.createElement("span",{className:l.apply(void 0,t(de("__text-container__title__text")))},F)),"compact"!==$?c.createElement("span",{className:l.apply(void 0,t(de("__text-container__subtitle__text")))},P):null))};export{g as default};
+import{slicedToArray as e,toConsumableArray as t,defineProperty as i}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as n}from"es-toolkit";import{getStyle as a}from"../../../../helpers/typesciptCssModulesHelper.js";import{getTestId as o,ComponentDefaultTestId as r}from"../../../../tests/testIds.js";import l from"classnames";import{keyCodes as s}from"../../../../constants/keyCodes.js";import c,{useState as m,useRef as p,useCallback as d,useEffect as u,useMemo as f}from"react";import{SwitchTransition as v,CSSTransition as y}from"react-transition-group";import _ from"../../../../hooks/useEventListener/index.js";import E from"../../../../hooks/useKeyEvent/index.js";import x from"../../../Divider/Divider.js";import{NOOP as b}from"../../../../utils/function-utils.js";import N from"../../../HiddenText/HiddenText.js";import k from"../../../Clickable/Clickable.js";import C from"./StepIndicator.module.scss.js";import I from"../../../../../components/icon/dist/Icon/Icon.js";import S from"../../../../../icons/dist/react/Check.js";var T=[s.ENTER,s.SPACE],j=function(e){var t=e.fulfilledStepIcon,i=e.fulfilledStepIconType;return"fulfilled"!==e.status||e.isFulfilledStepDisplayNumber?c.createElement(c.Fragment,null,e.stepNumber):c.createElement(I,{icon:t,className:l(C.numberContainerTextCheckIcon),iconType:i,ignoreFocusStyle:!0,ariaHidden:!0})},A=function(s){var I=s.stepComponentClassName,A=s.stepNumber,g=void 0===A?1:A,D=s.status,h=void 0===D?"pending":D,w=s.titleText,F=void 0===w?"Heading text":w,H=s.subtitleText,P=void 0===H?"Subtitle text":H,L=s.type,z=void 0===L?"primary":L,B=s.fulfilledStepIcon,R=void 0===B?S:B,V=s.fulfilledStepIconType,K=void 0===V?"svg":V,M=s.isFulfilledStepDisplayNumber,O=void 0!==M&&M,q=s.onClick,G=void 0===q?b:q,J=s.isFollowedByDivider,Q=void 0!==J&&J,U=s.stepDividerClassName,W=s.isVertical,X=void 0!==W&&W,Y=s.id,Z=s.size,$=void 0===Z?"regular":Z,ee=s["data-testid"],te=m(!1),ie=e(te,2),ne=ie[0],ae=ie[1],oe=p(null),re=p(h),le=d((function(){ae(!0)}),[ae]),se=d((function(){ae(!1)}),[ae]),ce=d((function(){return re.current!==h}),[re,h]),me=d((function(){G&&G(g)}),[G,g]);_({eventName:"animationend",callback:se,ref:oe}),E({keys:T,callback:me,ref:oe}),u((function(){ce()&&le()}),[h,ce,le]),u((function(){re.current=h}),[h]);var pe=f((function(){return"Step ".concat(g,": ").concat(F," - ").concat(P,", status: ").concat(h)}),[h,F,g,P]),de=function(e){return[a(C,n(e||"indicator")),a(C,n("type-".concat(z).concat(e))),a(C,n("status-".concat(h).concat(e))),a(C,n("size-".concat($).concat(e)))]};return c.createElement(k,{tabIndex:"-1",elementType:"li",className:l.apply(void 0,t(de("")).concat([I,i(i(i({},C.withAnimation,ne),C.clickable,G),C.textPlacementVertical,X)])),"aria-label":pe,onClick:me,"data-testid":ee||o(r.STEP_INDICATOR,Y)},c.createElement("div",{className:l.apply(void 0,t(de("__number-divider-container")))},c.createElement("div",{className:l.apply(void 0,t(de("__number-container"))),ref:oe,tabIndex:0,role:"button"},c.createElement(v,{mode:"out-in"},c.createElement(y,{classNames:{enter:C.swapEnter,enterActive:C.swapEnterActive,exit:C.swapExit,exitActive:C.swapExitActive},addEndListener:function(e,t){e.addEventListener("transitionend",t,!1)},key:h},c.createElement("span",{className:l.apply(void 0,t(de("__number-container__text")))},c.createElement(j,{fulfilledStepIcon:R,fulfilledStepIconType:K,isFulfilledStepDisplayNumber:O,stepNumber:g,status:h}))))),Q&&X&&c.createElement(x,{className:l(C.divider,U)})),c.createElement("div",{className:l.apply(void 0,t(de("__text-container")))},c.createElement("div",{className:l.apply(void 0,t(de("__text-container__title")))},c.createElement(N,{text:h})," ",c.createElement("span",{className:l.apply(void 0,t(de("__text-container__title__text")))},F)),"compact"!==$?c.createElement("span",{className:l.apply(void 0,t(de("__text-container__subtitle__text")))},P):null))};export{A as default};
 //# sourceMappingURL=StepIndicator.js.map