@heliux-org/design-system-core 0.0.136 → 0.0.137

package/dist/mocked_classnames_esm/src/components/Menu/Menu/Menu.module.scss.js

@@ -1,2 +1,2 @@
-var e={menu:"menu",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-2c0c62b1c849_0_0_134";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))}(".menu {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu:focus {\n  outline: none;\n}\n\n.small {\n  min-width: 100px;\n}\n\n.medium {\n  width: 220px;\n}\n\n.large {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-2c0c62b1c849_0_0_136";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))}(".menu {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu:focus {\n  outline: none;\n}\n\n.small {\n  min-width: 100px;\n}\n\n.medium {\n  width: 220px;\n}\n\n.large {\n  width: 240px;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Menu/MenuDivider/MenuDivider.module.scss.js

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

package/dist/mocked_classnames_esm/src/components/Menu/MenuItem/MenuItem.module.scss.js

@@ -1,2 +1,2 @@
-var n={item:"item",iconWrapper:"iconWrapper",subMenuIconWrapper:"subMenuIconWrapper",subMenuIcon:"subMenuIcon",icon:"icon",divider:"divider",splitMenuItemIconButton:"splitMenuItemIconButton",iconButton:"iconButton",disabled:"disabled",splitMenuItem:"splitMenuItem",focused:"focused",initialSelected:"initialSelected",selected:"selected",title:"title",hiddenTitle:"hiddenTitle"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-2d2e25e58d71_0_0_134";if(e.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".item {\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  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.iconWrapper {\n  margin-right: var(--spacing-small);\n}\n\n.subMenuIconWrapper {\n  margin-left: var(--spacing-xs);\n}\n\n.subMenuIconWrapper,\n.iconWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.subMenuIconWrapper .subMenuIcon,\n.subMenuIconWrapper .icon,\n.iconWrapper .subMenuIcon,\n.iconWrapper .icon {\n  color: var(--icon-primary);\n}\n\n.subMenuIconWrapper .divider {\n  height: 19px;\n}\n\n.subMenuIconWrapper .splitMenuItemIconButton {\n  width: 34px;\n  height: 30px;\n  --surface-level-100-hover: rgba(103, 104, 121, 0.1);\n  --surface-selected: rgba(103, 104, 121, 0.1);\n}\n\n.iconButton {\n  width: 18px;\n  height: 18px;\n}\n\n.iconButton:not(.disabled) {\n  color: var(--icon-primary);\n}\n\n.item.splitMenuItem {\n  padding: 0 0 0 var(--spacing-small);\n}\n\n.item.disabled {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n.item.disabled .subMenuIcon,\n.item.disabled .icon {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n.item:not(.disabled).focused {\n  background-color: var(--surface-level-200);\n}\n\n.item:not(.disabled).focused:not(:hover):not(.initialSelected) {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.item:not(.disabled).focused {\n  border-radius: var(--border-radius-medium);\n}\n\n.item:not(.disabled).selected {\n  background-color: var(--surface-selected);\n  border-radius: var(--border-radius-medium);\n}\n\n.item:not(.disabled).selected .iconWrapper .icon {\n  color: var(--primary-color);\n}\n\n.title {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  padding-block: 1px;\n}\n\n.hiddenTitle {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  opacity: 0;\n}");export{n as default};
+var n={item:"item",iconWrapper:"iconWrapper",subMenuIconWrapper:"subMenuIconWrapper",subMenuIcon:"subMenuIcon",icon:"icon",divider:"divider",splitMenuItemIconButton:"splitMenuItemIconButton",iconButton:"iconButton",disabled:"disabled",splitMenuItem:"splitMenuItem",focused:"focused",initialSelected:"initialSelected",selected:"selected",title:"title",hiddenTitle:"hiddenTitle"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-2d2e25e58d71_0_0_136";if(e.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".item {\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  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.iconWrapper {\n  margin-right: var(--spacing-small);\n}\n\n.subMenuIconWrapper {\n  margin-left: var(--spacing-xs);\n}\n\n.subMenuIconWrapper,\n.iconWrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.subMenuIconWrapper .subMenuIcon,\n.subMenuIconWrapper .icon,\n.iconWrapper .subMenuIcon,\n.iconWrapper .icon {\n  color: var(--icon-primary);\n}\n\n.subMenuIconWrapper .divider {\n  height: 19px;\n}\n\n.subMenuIconWrapper .splitMenuItemIconButton {\n  width: 34px;\n  height: 30px;\n  --surface-level-100-hover: rgba(103, 104, 121, 0.1);\n  --surface-selected: rgba(103, 104, 121, 0.1);\n}\n\n.iconButton {\n  width: 18px;\n  height: 18px;\n}\n\n.iconButton:not(.disabled) {\n  color: var(--icon-primary);\n}\n\n.item.splitMenuItem {\n  padding: 0 0 0 var(--spacing-small);\n}\n\n.item.disabled {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n.item.disabled .subMenuIcon,\n.item.disabled .icon {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n.item:not(.disabled).focused {\n  background-color: var(--surface-level-200);\n}\n\n.item:not(.disabled).focused:not(:hover):not(.initialSelected) {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.item:not(.disabled).focused {\n  border-radius: var(--border-radius-medium);\n}\n\n.item:not(.disabled).selected {\n  background-color: var(--surface-selected);\n  border-radius: var(--border-radius-medium);\n}\n\n.item:not(.disabled).selected .iconWrapper .icon {\n  color: var(--primary-color);\n}\n\n.title {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  padding-block: 1px;\n}\n\n.hiddenTitle {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  opacity: 0;\n}");export{n as default};
 //# sourceMappingURL=MenuItem.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js

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

package/dist/mocked_classnames_esm/src/components/Menu/MenuTitle/MenuTitle.module.scss.js

@@ -1,2 +1,2 @@
-var t={title:"title",titleCaption:"titleCaption",titleCaptionCenter:"titleCaptionCenter",titleCaptionBottom:"titleCaptionBottom",titleCaptionTop:"titleCaptionTop"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-a47a862653a3_0_0_134";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))}('.title {\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 {\n  color: var(--icon-primary);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom,\n.titleCaptionTop {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter::before,\n.titleCaptionCenter::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--divider-primary);\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",titleCaption:"titleCaption",titleCaptionCenter:"titleCaptionCenter",titleCaptionBottom:"titleCaptionBottom",titleCaptionTop:"titleCaptionTop"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-a47a862653a3_0_0_136";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))}('.title {\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 {\n  color: var(--icon-primary);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom,\n.titleCaptionTop {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter::before,\n.titleCaptionCenter::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--divider-primary);\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/mocked_classnames_esm/src/components/MenuButton/MenuButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper","focus-visible":"focus-visible",active:"active",size16:"size16",size24:"size24",size32:"size32",size40:"size40",size48:"size48",disabled:"disabled",text:"text",innerText:"innerText"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-6d75f56103fc_0_0_134";if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}(".wrapper {\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-medium);\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(--text-primary);\n}\n.wrapper:focus-visible, .wrapper.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper:focus-visible, .wrapper.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper:focus,\n.wrapper:hover {\n  background-color: var(--surface-level-100-hover);\n}\n.wrapper:active {\n  transform: scale(0.95);\n}\n.active {\n  background-color: var(--surface-selected);\n}\n.active:focus {\n  background-color: var(--surface-selected);\n}\n.active:hover {\n  background-color: var(--surface-selected);\n}\n.size16 {\n  width: 16px;\n  height: 16px;\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.size24 {\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.size32 {\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.size40 {\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.size48 {\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 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.disabled:hover {\n  background-color: transparent;\n}\n.text {\n  width: 100%;\n}\n.innerText {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
+var n={wrapper:"wrapper","focus-visible":"focus-visible",active:"active",size16:"size16",size24:"size24",size32:"size32",size40:"size40",size48:"size48",disabled:"disabled",text:"text",innerText:"innerText"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-6d75f56103fc_0_0_136";if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}(".wrapper {\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-medium);\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(--text-primary);\n}\n.wrapper:focus-visible, .wrapper.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper:focus-visible, .wrapper.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper:focus,\n.wrapper:hover {\n  background-color: var(--surface-level-100-hover);\n}\n.wrapper:active {\n  transform: scale(0.95);\n}\n.active {\n  background-color: var(--surface-selected);\n}\n.active:focus {\n  background-color: var(--surface-selected);\n}\n.active:hover {\n  background-color: var(--surface-selected);\n}\n.size16 {\n  width: 16px;\n  height: 16px;\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.size24 {\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.size32 {\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.size40 {\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.size48 {\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 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.disabled:hover {\n  background-color: transparent;\n}\n.text {\n  width: 100%;\n}\n.innerText {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Modal/Modal.module.scss.js

@@ -1,2 +1,2 @@
-var n={container:"container",overlay:"overlay","overlay-fade-out":"overlay-fade-out","overlay-fade-in":"overlay-fade-in",dialog:"dialog",default:"default",full:"full",spacing:"spacing"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-55abdff3d32a_0_0_134";if(e.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".container,\n.overlay {\n  position: fixed;\n  inset: 0;\n}\n\n.container {\n  --monday-modal-z-index: 100!important;\n  z-index: 100 !important;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container[aria-hidden=true] {\n  display: none;\n}\n\n.container[aria-hidden=true] .overlay {\n  background-color: transparent;\n  animation: overlay-fade-out 70ms var(--motion-timing-enter);\n}\n\n.overlay {\n  background-color: var(--surface-overlay);\n  backdrop-filter: blur(5px);\n  animation: overlay-fade-in 90ms var(--motion-timing-enter);\n}\n\n.dialog {\n  z-index: 2;\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: 0px;\n  padding-inline: var(--spacing-medium);\n  border-radius: var(--border-radius-big);\n  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3);\n  background-color: var(--surface-level-100);\n  border: 1px solid var(--divider-overlay);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog.default {\n  width: 520px;\n}\n\n.dialog.full {\n  width: 100vw;\n}\n\n.dialog.spacing {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+var n={container:"container",overlay:"overlay","overlay-fade-out":"overlay-fade-out","overlay-fade-in":"overlay-fade-in",dialog:"dialog",default:"default",full:"full",spacing:"spacing"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-55abdff3d32a_0_0_136";if(e.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".container,\n.overlay {\n  position: fixed;\n  inset: 0;\n}\n\n.container {\n  --monday-modal-z-index: 100!important;\n  z-index: 100 !important;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container[aria-hidden=true] {\n  display: none;\n}\n\n.container[aria-hidden=true] .overlay {\n  background-color: transparent;\n  animation: overlay-fade-out 70ms var(--motion-timing-enter);\n}\n\n.overlay {\n  background-color: var(--surface-overlay);\n  backdrop-filter: blur(5px);\n  animation: overlay-fade-in 90ms var(--motion-timing-enter);\n}\n\n.dialog {\n  z-index: 2;\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: 0px;\n  padding-inline: var(--spacing-medium);\n  border-radius: var(--border-radius-big);\n  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3);\n  background-color: var(--surface-level-100);\n  border: 1px solid var(--divider-overlay);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog.default {\n  width: 520px;\n}\n\n.dialog.full {\n  width: 100vw;\n}\n\n.dialog.spacing {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Modal/ModalContent/ModalContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-22ca3bbc781e_0_0_134";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".container {\n  flex-grow: 1;\n  overflow: visible;\n}\n.container::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-22ca3bbc781e_0_0_136";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".container {\n  flex-grow: 1;\n  overflow: visible;\n}\n.container::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=ModalContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Modal/ModalFooter/ModalFooter.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1b30893fe67b_0_0_134";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))}(".container {\n  margin-block-start: var(--spacing-medium);\n  padding: var(--spacing-medium) 0;\n}");export{e as default};
+var e={container:"container"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1b30893fe67b_0_0_136";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))}(".container {\n  margin-block-start: var(--spacing-medium);\n  padding: var(--spacing-medium) 0;\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Modal/ModalHeader/ModalHeader.module.scss.js

@@ -1,2 +1,2 @@
-var n={container:"container",icon:"icon",description:"description",closeButton:"closeButton"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-3b6c7e5c5cf9_0_0_134";if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".container {\n  margin-block-start: var(--spacing-medium);\n}\n.container .icon {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--text-secondary);\n}\n.container .description {\n  margin-block-start: var(--spacing-xxs);\n  color: var(--text-secondary);\n}\n.container .closeButton {\n  position: absolute;\n  right: 20px;\n  top: 12px;\n}\n.container .closeButton svg {\n  width: 24px;\n  height: 24px;\n  transform: scale(1.05);\n}");export{n as default};
+var n={container:"container",icon:"icon",description:"description",closeButton:"closeButton"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-3b6c7e5c5cf9_0_0_136";if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}(".container {\n  margin-block-start: var(--spacing-medium);\n}\n.container .icon {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--text-secondary);\n}\n.container .description {\n  margin-block-start: var(--spacing-xxs);\n  color: var(--text-secondary);\n}\n.container .closeButton {\n  position: absolute;\n  right: 20px;\n  top: 12px;\n}\n.container .closeButton svg {\n  width: 24px;\n  height: 24px;\n  transform: scale(1.05);\n}");export{n as default};
 //# sourceMappingURL=ModalHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",divider:"divider",compact:"compact"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-668afc851c0e_0_0_134";if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".wrapper {\n  display: flex;\n}\n.wrapper .divider {\n  background-color: var(--divider-primary);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper .divider.compact {\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",divider:"divider",compact:"compact"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-668afc851c0e_0_0_136";if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".wrapper {\n  display: flex;\n}\n.wrapper .divider {\n  background-color: var(--divider-primary);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper .divider.compact {\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/mocked_classnames_esm/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var n={indicator:"indicator",textContainer:"textContainer",sizeCompactTextContainer:"sizeCompactTextContainer",textContainerTitle:"textContainerTitle",visuallyHidden:"visuallyHidden",textContainerTitleText:"textContainerTitleText",textContainerSubtitleText:"textContainerSubtitleText",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle",textPlacementVertical:"textPlacementVertical",numberDividerContainer:"numberDividerContainer",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText",divider:"divider",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer",clickable:"clickable",withAnimation:"withAnimation",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic",swapEnter:"swapEnter",swapEnterActive:"swapEnterActive",swapExit:"swapExit",swapExitActive:"swapExitActive",numberContainer:"numberContainer",numberContainerText:"numberContainerText",numberContainerTextCheckIcon:"numberContainerTextCheckIcon",typePrimaryNumberContainer:"typePrimaryNumberContainer",typeDangerNumberContainer:"typeDangerNumberContainer",typeSuccessNumberContainer:"typeSuccessNumberContainer",typeDarkNumberContainer:"typeDarkNumberContainer",statusActiveNumberContainer:"statusActiveNumberContainer",sizeCompactNumberContainer:"sizeCompactNumberContainer",statusPendingNumberContainer:"statusPendingNumberContainer","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-59d0c4e334b1_0_0_134";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".indicator {\n  font: var(--font-text1-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle .visuallyHidden {\n  display: none;\n}\n\n.textContainerTitleText {\n  font: var(--font-text1-medium);\n  color: var(--text-primary);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText {\n  width: 100%;\n  font: var(--font-text1-normal);\n  color: var(--text-primary);\n}\n\n.sizeCompactTextContainerTitle {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical .textContainer {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical .numberDividerContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText {\n  display: block;\n  font: var(--font-text1-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical .numberDividerContainer .divider {\n  background-color: var(--divider-primary);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer.statusActiveNumberDividerContainer {\n  width: 40px;\n}\n\n.indicator.clickable {\n  cursor: pointer;\n}\n\n.withAnimation {\n  animation: stepIndicatiorCirclePopElastic var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n\n.swapExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer {\n  background-color: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer:hover {\n  background-color: var(--text-secondary);\n}\n\n.statusActiveNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-level-100), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer.typeDangerNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-level-100), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer.typeSuccessNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-level-100), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer.typeDarkNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-level-100), 0 0 0 6px var(--text-primary);\n}\n\n.sizeCompactNumberContainer {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer {\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  border-color: var(--divider-primary) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer.typeDarkNumberContainer:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={indicator:"indicator",textContainer:"textContainer",sizeCompactTextContainer:"sizeCompactTextContainer",textContainerTitle:"textContainerTitle",visuallyHidden:"visuallyHidden",textContainerTitleText:"textContainerTitleText",textContainerSubtitleText:"textContainerSubtitleText",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle",textPlacementVertical:"textPlacementVertical",numberDividerContainer:"numberDividerContainer",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText",divider:"divider",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer",clickable:"clickable",withAnimation:"withAnimation",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic",swapEnter:"swapEnter",swapEnterActive:"swapEnterActive",swapExit:"swapExit",swapExitActive:"swapExitActive",numberContainer:"numberContainer",numberContainerText:"numberContainerText",numberContainerTextCheckIcon:"numberContainerTextCheckIcon",typePrimaryNumberContainer:"typePrimaryNumberContainer",typeDangerNumberContainer:"typeDangerNumberContainer",typeSuccessNumberContainer:"typeSuccessNumberContainer",typeDarkNumberContainer:"typeDarkNumberContainer",statusActiveNumberContainer:"statusActiveNumberContainer",sizeCompactNumberContainer:"sizeCompactNumberContainer",statusPendingNumberContainer:"statusPendingNumberContainer","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-59d0c4e334b1_0_0_136";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".indicator {\n  font: var(--font-text1-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle .visuallyHidden {\n  display: none;\n}\n\n.textContainerTitleText {\n  font: var(--font-text1-medium);\n  color: var(--text-primary);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText {\n  width: 100%;\n  font: var(--font-text1-normal);\n  color: var(--text-primary);\n}\n\n.sizeCompactTextContainerTitle {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical .textContainer {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical .numberDividerContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText {\n  display: block;\n  font: var(--font-text1-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical .numberDividerContainer .divider {\n  background-color: var(--divider-primary);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer.statusActiveNumberDividerContainer {\n  width: 40px;\n}\n\n.indicator.clickable {\n  cursor: pointer;\n}\n\n.withAnimation {\n  animation: stepIndicatiorCirclePopElastic var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n\n.swapExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer {\n  background-color: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer:hover {\n  background-color: var(--text-secondary);\n}\n\n.statusActiveNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-level-100), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer.typeDangerNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-level-100), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer.typeSuccessNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-level-100), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer.typeDarkNumberContainer {\n  box-shadow: 0 0 0 4px var(--surface-level-100), 0 0 0 6px var(--text-primary);\n}\n\n.sizeCompactNumberContainer {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer {\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  border-color: var(--divider-primary) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer.typeDarkNumberContainer:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=StepIndicator.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/Table.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableContainerStyles:"tableContainerStyles",baseStyles:"baseStyles",emptyTableContent:"emptyTableContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1a5f1282c587_0_0_134";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))}(".tableContainerStyles {\n  overflow: auto;\n  position: relative;\n}\n\n.baseStyles {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n}\n\n.emptyTableContent {\n  text-align: center;\n  padding: 20px;\n}");export{e as default};
+var e={tableContainerStyles:"tableContainerStyles",baseStyles:"baseStyles",emptyTableContent:"emptyTableContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1a5f1282c587_0_0_136";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))}(".tableContainerStyles {\n  overflow: auto;\n  position: relative;\n}\n\n.baseStyles {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n}\n\n.emptyTableContent {\n  text-align: center;\n  padding: 20px;\n}");export{e as default};
 //# sourceMappingURL=Table.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/Cell/Cell.module.scss.js

@@ -1,2 +1,2 @@
-var n={baseCell:"baseCell",stickyLeft:"stickyLeft",stickyRight:"stickyRight",lastStickyLeft:"lastStickyLeft",firstStickyRight:"firstStickyRight",firstChildCell:"firstChildCell",cellTransitionContainer:"cellTransitionContainer",truncatedContent:"truncatedContent",disableAnimation:"disableAnimation",cellContentTransitionEntered:"cellContentTransitionEntered",cellContentTransitionEntering:"cellContentTransitionEntering",cellContentTransitionExiting:"cellContentTransitionExiting",cellContentTransitionExited:"cellContentTransitionExited",cellContentTransitionUnmounted:"cellContentTransitionUnmounted","align-left":"align-left","align-right":"align-right","align-center":"align-center"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-a90cc32f2faf_0_0_134";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".baseCell {\n  overflow: hidden;\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n  transition: all 0.3s ease-out;\n}\n.baseCell:focus-visible {\n  box-shadow: inset 0 0 0 1px black;\n}\n.baseCell:last-child {\n  padding-right: 32px;\n}\n.baseCell.stickyLeft {\n  position: sticky;\n  left: var(--sticky-left, 0);\n  z-index: 2;\n  background-color: var(--surface-level-100);\n}\n.baseCell.stickyRight {\n  position: sticky;\n  right: var(--sticky-right, 0);\n  z-index: 2;\n  background-color: var(--surface-level-100);\n}\n.baseCell.lastStickyLeft {\n  box-shadow: inset -3px 0 5px -5px var(--shadow-color);\n  z-index: 3;\n}\n.baseCell.firstStickyRight {\n  box-shadow: inset 3px 0 5px -5px var(--shadow-color);\n  z-index: 3;\n}\n.firstChildCell {\n  padding-left: 40px;\n}\n.cellTransitionContainer {\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  transition-property: min-height, max-height, opacity, padding, transform;\n  transition-duration: 250ms;\n  transition-timing-function: ease;\n}\n.truncatedContent {\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  -webkit-box-align: start;\n}\n.disableAnimation {\n  transition-duration: 0;\n  transition: none;\n}\n.cellContentTransitionEntered {\n  opacity: 1;\n  min-height: 40px;\n  max-height: unset;\n}\n.cellContentTransitionEntering,\n.cellContentTransitionExiting,\n.cellContentTransitionExited,\n.cellContentTransitionUnmounted {\n  opacity: 0;\n  min-height: 0;\n  max-height: 0;\n  overflow: hidden;\n}\n.align-left {\n  justify-content: left;\n  text-align: left;\n}\n.align-right {\n  justify-content: right;\n  text-align: right;\n}\n.align-center {\n  justify-content: center;\n  text-align: center;\n}");export{n as default};
+var n={baseCell:"baseCell",stickyLeft:"stickyLeft",stickyRight:"stickyRight",lastStickyLeft:"lastStickyLeft",firstStickyRight:"firstStickyRight",firstChildCell:"firstChildCell",cellTransitionContainer:"cellTransitionContainer",truncatedContent:"truncatedContent",disableAnimation:"disableAnimation",cellContentTransitionEntered:"cellContentTransitionEntered",cellContentTransitionEntering:"cellContentTransitionEntering",cellContentTransitionExiting:"cellContentTransitionExiting",cellContentTransitionExited:"cellContentTransitionExited",cellContentTransitionUnmounted:"cellContentTransitionUnmounted","align-left":"align-left","align-right":"align-right","align-center":"align-center"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-a90cc32f2faf_0_0_136";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".baseCell {\n  overflow: hidden;\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n  transition: all 0.3s ease-out;\n}\n.baseCell:focus-visible {\n  box-shadow: inset 0 0 0 1px black;\n}\n.baseCell:last-child {\n  padding-right: 32px;\n}\n.baseCell.stickyLeft {\n  position: sticky;\n  left: var(--sticky-left, 0);\n  z-index: 2;\n  background-color: var(--surface-level-100);\n}\n.baseCell.stickyRight {\n  position: sticky;\n  right: var(--sticky-right, 0);\n  z-index: 2;\n  background-color: var(--surface-level-100);\n}\n.baseCell.lastStickyLeft {\n  box-shadow: inset -3px 0 5px -5px var(--shadow-color);\n  z-index: 3;\n}\n.baseCell.firstStickyRight {\n  box-shadow: inset 3px 0 5px -5px var(--shadow-color);\n  z-index: 3;\n}\n.firstChildCell {\n  padding-left: 40px;\n}\n.cellTransitionContainer {\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  transition-property: min-height, max-height, opacity, padding, transform;\n  transition-duration: 250ms;\n  transition-timing-function: ease;\n}\n.truncatedContent {\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  -webkit-box-align: start;\n}\n.disableAnimation {\n  transition-duration: 0;\n  transition: none;\n}\n.cellContentTransitionEntered {\n  opacity: 1;\n  min-height: 40px;\n  max-height: unset;\n}\n.cellContentTransitionEntering,\n.cellContentTransitionExiting,\n.cellContentTransitionExited,\n.cellContentTransitionUnmounted {\n  opacity: 0;\n  min-height: 0;\n  max-height: 0;\n  overflow: hidden;\n}\n.align-left {\n  justify-content: left;\n  text-align: left;\n}\n.align-right {\n  justify-content: right;\n  text-align: right;\n}\n.align-center {\n  justify-content: center;\n  text-align: center;\n}");export{n as default};
 //# sourceMappingURL=Cell.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/Cell/HeaderCell/HeaderCell.module.scss.js

@@ -1,2 +1,2 @@
-var e={headerCellContent:"headerCellContent",headerCell:"headerCell",sortIcon:"sortIcon",stickyLeft:"stickyLeft",stickyRight:"stickyRight",lastStickyLeft:"lastStickyLeft",firstStickyRight:"firstStickyRight",visible:"visible",resizableHeaderCell:"resizableHeaderCell",resizer:"resizer",isResizing:"isResizing",tableSort:"tableSort",tableSortsorted:"tableSortsorted"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-152be1371074_0_0_134";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".headerCellContent {\n  height: 40px;\n}\n\n.headerCell {\n  position: relative;\n}\n\n.headerCell:hover .sortIcon,\n.headerCell .sortIcon:hover {\n  opacity: 1;\n}\n\n.headerCell.stickyLeft {\n  position: sticky;\n  z-index: 1;\n  background-color: var(--surface-level-100);\n}\n\n.headerCell.stickyRight {\n  position: sticky;\n  z-index: 1;\n  background-color: var(--surface-level-100);\n}\n\n.headerCell.lastStickyLeft {\n  z-index: 2;\n}\n\n.headerCell.firstStickyRight {\n  z-index: 2;\n}\n\n.sortIcon {\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.sortIcon.visible {\n  opacity: 1;\n}\n\n.resizableHeaderCell {\n  position: relative;\n}\n\n.headerCellContent {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n}\n\n.resizer {\n  position: absolute;\n  inline-size: 6px;\n  width: 5px;\n  height: 100%;\n  block-size: 100%;\n  margin-inline: auto;\n  cursor: col-resize;\n  right: 0;\n  top: 0;\n  background-color: transparent;\n  transition: background-color 0.3s ease-out, width 0.3s ease-out;\n}\n\n.resizer:hover {\n  background-color: var(--divider-secondary);\n}\n\n.isResizing {\n  background-color: rgba(173, 216, 230, 0.5);\n  user-select: none;\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected);\n}\n\n.tableSort {\n  opacity: 1;\n  color: var(--icon-secondary);\n}\n\n.tableSortsorted {\n  background-color: var(--surface-level-100-hover);\n}\n\n.tableSortsorted .tableSort {\n  opacity: 1;\n  --_iui-table-cell-icon-fill: var(--icon-primary);\n}");export{e as default};
+var e={headerCellContent:"headerCellContent",headerCell:"headerCell",sortIcon:"sortIcon",stickyLeft:"stickyLeft",stickyRight:"stickyRight",lastStickyLeft:"lastStickyLeft",firstStickyRight:"firstStickyRight",visible:"visible",resizableHeaderCell:"resizableHeaderCell",resizer:"resizer",isResizing:"isResizing",tableSort:"tableSort",tableSortsorted:"tableSortsorted"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-152be1371074_0_0_136";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".headerCellContent {\n  height: 40px;\n}\n\n.headerCell {\n  position: relative;\n}\n\n.headerCell:hover .sortIcon,\n.headerCell .sortIcon:hover {\n  opacity: 1;\n}\n\n.headerCell.stickyLeft {\n  position: sticky;\n  z-index: 1;\n  background-color: var(--surface-level-100);\n}\n\n.headerCell.stickyRight {\n  position: sticky;\n  z-index: 1;\n  background-color: var(--surface-level-100);\n}\n\n.headerCell.lastStickyLeft {\n  z-index: 2;\n}\n\n.headerCell.firstStickyRight {\n  z-index: 2;\n}\n\n.sortIcon {\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.sortIcon.visible {\n  opacity: 1;\n}\n\n.resizableHeaderCell {\n  position: relative;\n}\n\n.headerCellContent {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n}\n\n.resizer {\n  position: absolute;\n  inline-size: 6px;\n  width: 5px;\n  height: 100%;\n  block-size: 100%;\n  margin-inline: auto;\n  cursor: col-resize;\n  right: 0;\n  top: 0;\n  background-color: transparent;\n  transition: background-color 0.3s ease-out, width 0.3s ease-out;\n}\n\n.resizer:hover {\n  background-color: var(--divider-secondary);\n}\n\n.isResizing {\n  background-color: rgba(173, 216, 230, 0.5);\n  user-select: none;\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected);\n}\n\n.tableSort {\n  opacity: 1;\n  color: var(--icon-secondary);\n}\n\n.tableSortsorted {\n  background-color: var(--surface-level-100-hover);\n}\n\n.tableSortsorted .tableSort {\n  opacity: 1;\n  --_iui-table-cell-icon-fill: var(--icon-primary);\n}");export{e as default};
 //# sourceMappingURL=HeaderCell.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/ExpandedContent/ExpandedContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={baseStyles:"baseStyles",expandedContent:"expandedContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4db27d6a765d_0_0_134";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))}(".baseStyles {\n  padding: 0;\n  overflow: hidden;\n  transition: 150ms ease;\n}\n\n.expandedContent {\n  background-color: #333;\n}\n\n.expandedContent {\n  background-color: #ccc;\n}");export{e as default};
+var e={baseStyles:"baseStyles",expandedContent:"expandedContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4db27d6a765d_0_0_136";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))}(".baseStyles {\n  padding: 0;\n  overflow: hidden;\n  transition: 150ms ease;\n}\n\n.expandedContent {\n  background-color: #333;\n}\n\n.expandedContent {\n  background-color: #ccc;\n}");export{e as default};
 //# sourceMappingURL=ExpandedContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/Row/Row.module.scss.js

@@ -1,2 +1,2 @@
-var e={expandedContentParent:"expandedContentParent",selectedRow:"selectedRow",grayZebraRow:"grayZebraRow",zebraRow:"zebraRow",clickableRow:"clickableRow",disabledRow:"disabledRow"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-aa93723ef158_0_0_134";if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".expandedContentParent {\n  background-color: var(--surface-level-200);\n}\n\n.selectedRow {\n  background-color: var(--surface-selected);\n}\n\n.grayZebraRow {\n  background-color: var(--surface-level-200);\n}\n\n.zebraRow:nth-of-type(even) {\n  background-color: var(--surface-selected);\n}\n\n.clickableRow {\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.clickableRow:hover:not(:focus) {\n  outline: none;\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);\n}\n\n.clickableRow:focus, .clickableRow:focus-visible {\n  outline: none;\n  background-color: var(--surface-selected);\n}\n\n.disabledRow {\n  pointer-events: none;\n  background-color: var(--surface-level-200);\n  color: var(--text-secondary);\n}");export{e as default};
+var e={expandedContentParent:"expandedContentParent",selectedRow:"selectedRow",grayZebraRow:"grayZebraRow",zebraRow:"zebraRow",clickableRow:"clickableRow",disabledRow:"disabledRow"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-aa93723ef158_0_0_136";if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".expandedContentParent {\n  background-color: var(--surface-level-200);\n}\n\n.selectedRow {\n  background-color: var(--surface-selected);\n}\n\n.grayZebraRow {\n  background-color: var(--surface-level-200);\n}\n\n.zebraRow:nth-of-type(even) {\n  background-color: var(--surface-selected);\n}\n\n.clickableRow {\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.clickableRow:hover:not(:focus) {\n  outline: none;\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);\n}\n\n.clickableRow:focus, .clickableRow:focus-visible {\n  outline: none;\n  background-color: var(--surface-selected);\n}\n\n.disabledRow {\n  pointer-events: none;\n  background-color: var(--surface-level-200);\n  color: var(--text-secondary);\n}");export{e as default};
 //# sourceMappingURL=Row.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/TableHead/TableHead.module.scss.js

@@ -1,2 +1,2 @@
-var n={stickyStyles:"stickyStyles"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-bde03a029cff_0_0_134";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".stickyStyles {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\nthead {\n  position: sticky;\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n  inset-block-start: 0;\n  z-index: 2;\n  user-select: none;\n  background-color: var(--surface-level-100);\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n}\n\nthead tr {\n  transition: background-color 0.3s ease-out;\n}");export{n as default};
+var n={stickyStyles:"stickyStyles"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-bde03a029cff_0_0_136";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".stickyStyles {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\nthead {\n  position: sticky;\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n  inset-block-start: 0;\n  z-index: 2;\n  user-select: none;\n  background-color: var(--surface-level-100);\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n}\n\nthead tr {\n  transition: background-color 0.3s ease-out;\n}");export{n as default};
 //# sourceMappingURL=TableHead.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/TableHeader/TableHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-b72273b29a72_0_0_134";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))}(".tableHeader {\n  margin-bottom: 10px;\n  padding-top: 10px;\n}\n\n.filterButtonContainer {\n  position: relative;\n}\n\n.filterBox {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px -250px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
+var e={tableHeader:"tableHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-b72273b29a72_0_0_136";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))}(".tableHeader {\n  margin-bottom: 10px;\n  padding-top: 10px;\n}\n\n.filterButtonContainer {\n  position: relative;\n}\n\n.filterBox {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px -250px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/ToggleExpandedIcon/ToggleExpandedIcon.module.scss.js

@@ -1,2 +1,2 @@
-var t={iconButtonTransitionStyles:"iconButtonTransitionStyles",rotatedStyles:"rotatedStyles"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-b5e517e36271_0_0_134";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".iconButtonTransitionStyles {\n  transition: transform 150ms ease-in-out;\n}\n\n.rotatedStyles {\n  transform: rotate(90deg);\n}");export{t as default};
+var t={iconButtonTransitionStyles:"iconButtonTransitionStyles",rotatedStyles:"rotatedStyles"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-b5e517e36271_0_0_136";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".iconButtonTransitionStyles {\n  transition: transform 150ms ease-in-out;\n}\n\n.rotatedStyles {\n  transform: rotate(90deg);\n}");export{t as default};
 //# sourceMappingURL=ToggleExpandedIcon.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/newComponents/pagination/Pagination.module.scss.js

@@ -1,2 +1,2 @@
-var e={baseStyles:"baseStyles",flexSectionStyles:"flexSectionStyles"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-545f0401fd79_0_0_134";if(t.querySelector("#"+n))return;const s=document.createElement("style");s.id=n,t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.appendChild(document.createTextNode(e))}(".baseStyles {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  gap: 16px;\n}\n.baseStyles > div:first-child {\n  justify-content: flex-start;\n}\n.baseStyles > div:last-child {\n  justify-content: flex-end;\n}\n.flexSectionStyles {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}");export{e as default};
+var e={baseStyles:"baseStyles",flexSectionStyles:"flexSectionStyles"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-545f0401fd79_0_0_136";if(t.querySelector("#"+n))return;const s=document.createElement("style");s.id=n,t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.appendChild(document.createTextNode(e))}(".baseStyles {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  gap: 16px;\n}\n.baseStyles > div:first-child {\n  justify-content: flex-start;\n}\n.baseStyles > div:last-child {\n  justify-content: flex-end;\n}\n.flexSectionStyles {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}");export{e as default};
 //# sourceMappingURL=Pagination.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/useLeafyGreenTable/useLeafyGreenTable.module.scss.js

@@ -1,2 +1,2 @@
-var e={themeLight:"themeLight",disabledTableRowCheck:"disabledTableRowCheck"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-b8a2afee86bd_0_0_134";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".themeLight .disabledTableRowCheck input + div {\n  border-color: #E6E6E6;\n  background-color: #D3D3D3;\n}\n.themeLight .disabledTableRowCheck input[aria-checked=true] + div:before {\n  background-color: #E6E6E6;\n}\n.themeLight .disabledTableRowCheck input[aria-checked=true] + div path {\n  stroke: #FFFFFF;\n}");export{e as default};
+var e={themeLight:"themeLight",disabledTableRowCheck:"disabledTableRowCheck"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-b8a2afee86bd_0_0_136";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".themeLight .disabledTableRowCheck input + div {\n  border-color: #E6E6E6;\n  background-color: #D3D3D3;\n}\n.themeLight .disabledTableRowCheck input[aria-checked=true] + div:before {\n  background-color: #E6E6E6;\n}\n.themeLight .disabledTableRowCheck input[aria-checked=true] + div path {\n  stroke: #FFFFFF;\n}");export{e as default};
 //# sourceMappingURL=useLeafyGreenTable.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NumericField/NumericField.module.scss.js

@@ -1,2 +1,2 @@
-var e={hdsNumericField:"hdsNumericField",hdsNumericFieldLabel:"hdsNumericFieldLabel",hdsNumericFieldContainer:"hdsNumericFieldContainer",hdsNumericFieldInputWrapper:"hdsNumericFieldInputWrapper",hdsNumericFieldInput:"hdsNumericFieldInput",hdsNumericFieldArrows:"hdsNumericFieldArrows",hdsNumericFieldHint:"hdsNumericFieldHint",hdsNumericFieldErrorMessage:"hdsNumericFieldErrorMessage",focus:"focus",disabled:"disabled",hdsHasContent:"hdsHasContent",hdsHasError:"hdsHasError",labelPositionLeftStyle:"labelPositionLeftStyle",hintOrErrorMessage:"hintOrErrorMessage"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-b0b9f8e1c6b4_0_0_134";if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".hdsNumericField {\n  width: 100%;\n}\n\n.hdsNumericFieldLabel {\n  color: var(--text-primary);\n  margin-bottom: 5px;\n  margin-top: 6px;\n}\n\n.hdsNumericFieldContainer {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  align-self: stretch;\n  background-color: var(--surface-level-200);\n  border: 1px solid;\n  border-color: var(--divider-overlay);\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.hdsNumericFieldContainer:hover {\n  box-shadow: var(--effect-divider-halo);\n  border-color: var(--divider-selected);\n}\n\n.hdsNumericFieldInputWrapper {\n  display: flex;\n  flex-grow: 1;\n}\n\n.hdsNumericFieldInput {\n  background-color: transparent;\n  border: none;\n  margin: 0;\n  outline: none;\n  width: 100%;\n  color: var(--text-secondary);\n  appearance: textfield;\n}\n\n.hdsNumericFieldInput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n\n.hdsNumericFieldArrows {\n  display: flex;\n  flex-direction: column;\n}\n\n.hdsNumericFieldArrows button {\n  margin: 0;\n  border: 0;\n  padding: 0 5px;\n  background: transparent;\n}\n\n.hdsNumericFieldArrows button path {\n  fill: var(--text-secondary);\n}\n\n.hdsNumericFieldHint {\n  font-size: 12px;\n  color: var(--text-secondary);\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n}\n\n.hdsNumericFieldErrorMessage {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n  color: var(--color-solar-flare-500);\n}\n\n.focus {\n  border-color: var(--divider-primary);\n}\n\n.disabled {\n  cursor: not-allowed;\n}\n\n.hdsHasContent {\n  color: var(--text-primary);\n}\n\n.hdsHasError {\n  border-color: red;\n}\n\n.labelPositionLeftStyle {\n  margin-bottom: 15px;\n  margin-right: 10px;\n  align-content: center;\n}\n\n.hintOrErrorMessage {\n  margin-top: 0px;\n}");export{e as default};
+var e={hdsNumericField:"hdsNumericField",hdsNumericFieldLabel:"hdsNumericFieldLabel",hdsNumericFieldContainer:"hdsNumericFieldContainer",hdsNumericFieldInputWrapper:"hdsNumericFieldInputWrapper",hdsNumericFieldInput:"hdsNumericFieldInput",hdsNumericFieldArrows:"hdsNumericFieldArrows",hdsNumericFieldHint:"hdsNumericFieldHint",hdsNumericFieldErrorMessage:"hdsNumericFieldErrorMessage",focus:"focus",disabled:"disabled",hdsHasContent:"hdsHasContent",hdsHasError:"hdsHasError",labelPositionLeftStyle:"labelPositionLeftStyle",hintOrErrorMessage:"hintOrErrorMessage"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-b0b9f8e1c6b4_0_0_136";if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".hdsNumericField {\n  width: 100%;\n}\n\n.hdsNumericFieldLabel {\n  color: var(--text-primary);\n  margin-bottom: 5px;\n  margin-top: 6px;\n}\n\n.hdsNumericFieldContainer {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  align-self: stretch;\n  background-color: var(--surface-level-200);\n  border: 1px solid;\n  border-color: var(--divider-overlay);\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.hdsNumericFieldContainer:hover {\n  box-shadow: var(--effect-divider-halo);\n  border-color: var(--divider-selected);\n}\n\n.hdsNumericFieldInputWrapper {\n  display: flex;\n  flex-grow: 1;\n}\n\n.hdsNumericFieldInput {\n  background-color: transparent;\n  border: none;\n  margin: 0;\n  outline: none;\n  width: 100%;\n  color: var(--text-secondary);\n  appearance: textfield;\n}\n\n.hdsNumericFieldInput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n\n.hdsNumericFieldArrows {\n  display: flex;\n  flex-direction: column;\n}\n\n.hdsNumericFieldArrows button {\n  margin: 0;\n  border: 0;\n  padding: 0 5px;\n  background: transparent;\n}\n\n.hdsNumericFieldArrows button path {\n  fill: var(--text-secondary);\n}\n\n.hdsNumericFieldHint {\n  font-size: 12px;\n  color: var(--text-secondary);\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n}\n\n.hdsNumericFieldErrorMessage {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n  color: var(--color-solar-flare-500);\n}\n\n.focus {\n  border-color: var(--divider-primary);\n}\n\n.disabled {\n  cursor: not-allowed;\n}\n\n.hdsHasContent {\n  color: var(--text-primary);\n}\n\n.hdsHasError {\n  border-color: red;\n}\n\n.labelPositionLeftStyle {\n  margin-bottom: 15px;\n  margin-right: 10px;\n  align-content: center;\n}\n\n.hintOrErrorMessage {\n  margin-top: 0px;\n}");export{e as default};
 //# sourceMappingURL=NumericField.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/PageHeader/PageHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={PageHeader:"PageHeader",PageHeaderBreadcrumbs:"PageHeaderBreadcrumbs",PageHeaderRightActions:"PageHeaderRightActions",PageHeaderTitle:"PageHeaderTitle",PageHeaderTabs:"PageHeaderTabs",PageHeaderDivider:"PageHeaderDivider"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-4db3aa6d73f2_0_0_134";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))}(".PageHeader {\n  position: relative;\n  padding-top: 100px;\n  width: 100%;\n}\n\n.PageHeaderBreadcrumbs ol {\n  margin: 0;\n  padding: 0 0 8px;\n}\n\n.PageHeaderRightActions {\n  position: absolute;\n  right: 16px;\n  bottom: 8px;\n}\n\n.PageHeaderTitle {\n  padding-bottom: 8px;\n}\n\n.PageHeaderTabs {\n  padding: 8px 0 0;\n  margin-bottom: -1px;\n}\n\n.PageHeaderTabs ul {\n  padding: 0;\n}\n\n.PageHeaderDivider {\n  margin: 0px;\n}");export{e as default};
+var e={PageHeader:"PageHeader",PageHeaderBreadcrumbs:"PageHeaderBreadcrumbs",PageHeaderRightActions:"PageHeaderRightActions",PageHeaderTitle:"PageHeaderTitle",PageHeaderTabs:"PageHeaderTabs",PageHeaderDivider:"PageHeaderDivider"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],n="s_id-4db3aa6d73f2_0_0_136";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))}(".PageHeader {\n  position: relative;\n  padding-top: 100px;\n  width: 100%;\n}\n\n.PageHeaderBreadcrumbs ol {\n  margin: 0;\n  padding: 0 0 8px;\n}\n\n.PageHeaderRightActions {\n  position: absolute;\n  right: 16px;\n  bottom: 8px;\n}\n\n.PageHeaderTitle {\n  padding-bottom: 8px;\n}\n\n.PageHeaderTabs {\n  padding: 8px 0 0;\n  margin-bottom: -1px;\n}\n\n.PageHeaderTabs ul {\n  padding: 0;\n}\n\n.PageHeaderDivider {\n  margin: 0px;\n}");export{e as default};
 //# sourceMappingURL=PageHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Panel/Panel.module.scss.js

@@ -1,2 +1,2 @@
-var n={panelHeaderStyled:"panelHeaderStyled",panelHeaderInner:"panelHeaderInner",backgroundStyled:"backgroundStyled","overlay-fade-in":"overlay-fade-in",textStyled:"textStyled",headerTextStyled:"headerTextStyled",containerStyled:"containerStyled",panelMenuStyled:"panelMenuStyled",innerStyled:"innerStyled",CloseLayerStyled:"CloseLayerStyled",panelFooterStyled:"panelFooterStyled"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-873082405d42_0_0_134";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}('.panelHeaderStyled {\n  padding: 0 0.75rem;\n}\n\n.panelHeaderInner {\n  position: sticky;\n  top: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  z-index: 1;\n  flex-wrap: nowrap;\n  align-items: center;\n  border-bottom: 1px solid var(--divider-primary);\n  background-color: var(--surface-level-100);\n  line-height: 1.5em;\n  padding: 0.5rem 0;\n  margin: 0 auto;\n  box-sizing: border-box;\n}\n\n.backgroundStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  background-color: var(--surface-overlay);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n\n.textStyled {\n  font-weight: 400;\n  line-height: 1.5em;\n  padding: 1rem 0;\n  margin-bottom: 0;\n}\n\n.headerTextStyled {\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 22px;\n  font-weight: "500";\n  text-transform: "capitalize";\n}\n\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n\n.panelMenuStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n  display: flex;\n}\n\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-medium);\n  max-width: 100%;\n  min-width: 380px;\n  z-index: 9999;\n}\n\n.CloseLayerStyled {\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.panelFooterStyled {\n  position: sticky;\n  display: flex;\n  z-index: 2000;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  background-color: var(--surface-level-100);\n  line-height: 1.5em;\n  justify-content: space-between;\n  padding: 8px 16px;\n  align-items: flex-start;\n  gap: 8px;\n}');export{n as default};
+var n={panelHeaderStyled:"panelHeaderStyled",panelHeaderInner:"panelHeaderInner",backgroundStyled:"backgroundStyled","overlay-fade-in":"overlay-fade-in",textStyled:"textStyled",headerTextStyled:"headerTextStyled",containerStyled:"containerStyled",panelMenuStyled:"panelMenuStyled",innerStyled:"innerStyled",CloseLayerStyled:"CloseLayerStyled",panelFooterStyled:"panelFooterStyled"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-873082405d42_0_0_136";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}('.panelHeaderStyled {\n  padding: 0 0.75rem;\n}\n\n.panelHeaderInner {\n  position: sticky;\n  top: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  z-index: 1;\n  flex-wrap: nowrap;\n  align-items: center;\n  border-bottom: 1px solid var(--divider-primary);\n  background-color: var(--surface-level-100);\n  line-height: 1.5em;\n  padding: 0.5rem 0;\n  margin: 0 auto;\n  box-sizing: border-box;\n}\n\n.backgroundStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  background-color: var(--surface-overlay);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n\n.textStyled {\n  font-weight: 400;\n  line-height: 1.5em;\n  padding: 1rem 0;\n  margin-bottom: 0;\n}\n\n.headerTextStyled {\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 22px;\n  font-weight: "500";\n  text-transform: "capitalize";\n}\n\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n\n.panelMenuStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n  display: flex;\n}\n\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-medium);\n  max-width: 100%;\n  min-width: 380px;\n  z-index: 9999;\n}\n\n.CloseLayerStyled {\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.panelFooterStyled {\n  position: sticky;\n  display: flex;\n  z-index: 2000;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  background-color: var(--surface-level-100);\n  line-height: 1.5em;\n  justify-content: space-between;\n  padding: 8px 16px;\n  align-items: flex-start;\n  gap: 8px;\n}');export{n as default};
 //# sourceMappingURL=Panel.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ProcessingToast/ProcessingToast.js

@@ -1,2 +1,2 @@
-import{slicedToArray as s}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o,Fragment as i,jsxs as e}from"react/jsx-runtime";import n from"classnames";import{useMemo as t,useCallback as r,useState as c}from"react";import l from"../Button/Button.js";import a from"../Icon/Icon.js";import d from"../Text/Text.js";import m from"../Flex/Flex.js";import p from"../Icon/Icons/components/Close.js";import{NOOP as u}from"../../utils/function-utils.js";import{getStyle as g}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticProps as f}from"../../types/withStaticProps.js";import j from"./ProcessingToast.module.scss.js";import h from"../IconButton/IconButton.js";import b from"../Icon/Icons/components/DropdownChevronUp.js";import C from"../ProgressRing/ProgressRing.js";import T from"../Icon/Icons/components/Success.js";import E from"../Loader/Loader.js";import{ProcessingToastPositions as A}from"./ProcessingToastConstants.js";import y from"../Icon/Icons/components/Warning.js";var v=f((function(f){var v=f.closeable,L=void 0===v||v,I=f.onClose,O=void 0===I?u:I,R=f.className,k=f.closeButtonAriaLabel,z=void 0===k?"Close":k,N=f.position,S=void 0===N?A.TopRight:N,x=f.heading,B=void 0===x?"":x,M=f.subHeading,D=void 0===M?"":M,P=f.disableCancel,_=void 0!==P&&P,Y=f.disableCancelAll,w=void 0!==Y&&Y,H=f.items,U=void 0===H?[]:H,W=f.onCancel,F=void 0===W?u:W,X=f.onRetry,q=void 0===X?u:X,G=f.onCancelAll,J=void 0===G?u:G,K=t((function(){return n(j.toast,g(j,S),R)}),[R]),Q=r((function(){O&&O()}),[O]),V=c(!1),Z=s(V,2),$=Z[0],ss=Z[1];return o(i,{children:e(m,Object.assign({className:K,direction:m.directions.COLUMN,gap:7,style:{transition:"max-height 0.3s ease",maxHeight:$?"1000px":"100px",overflow:"hidden",padding:"0px"}},{children:[e(m,Object.assign({justify:m.justify.SPACE_BETWEEN,className:j.header},{children:[o(d,Object.assign({weight:d.weights.BOLD},{children:B})),e(m,{children:[o(h,{icon:b,size:h.sizes.SMALL,onClick:function(){ss(!$)},className:$?j.iconExpanded:j.iconCollapsed,kind:h.kinds.TERTIARY}),L&&o(h,{className:j.closeButton,onClick:Q,size:l.sizes.SMALL,kind:l.kinds.TERTIARY,ariaLabel:z,"data-testid":"toast-close-button",icon:p,hideTooltip:!0})]})]})),e("div",Object.assign({className:j.content},{children:[e(m,Object.assign({justify:m.justify.SPACE_BETWEEN,style:{marginBottom:"8px"}},{children:[e(d,Object.assign({color:d.colors.SECONDARY,type:d.types.TEXT2},{children:[U.length," ",D]})),o(l,Object.assign({size:l.sizes.SMALL,kind:l.kinds.TERTIARY,style:{color:"#375D81"},onClick:J,disabled:w},{children:"Cancel all"}))]})),U.map((function(s){return e(m,Object.assign({justify:m.justify.SPACE_BETWEEN,className:j.cell},{children:[e(m,Object.assign({direction:m.directions.COLUMN,align:m.align.START},{children:[e(d,{children:[s.name,"..."]}),e(m,Object.assign({gap:5},{children:[0===s.progress&&"in_progress"===s.status&&o(E,{size:E.sizes.SMALL}),"in_progress"===s.status&&s.progress>0&&o(C,{value:s.progress,size:C.sizes.MEDIUM}),"completed"===s.status&&o(a,{icon:T,style:{color:"#076B4D"},clickable:!1}),"failed"===s.status&&o(a,{icon:y,style:{color:"#E17037"},clickable:!1}),o(d,Object.assign({color:d.colors.SECONDARY},{children:s.message}))]}))]})),"in_progress"===s.status&&s.progress>0&&o(l,Object.assign({size:l.sizes.SMALL,kind:l.kinds.TERTIARY,style:{color:"#375D81"},onClick:function(){return F(s.id)},disabled:_},{children:"Cancel"})),"failed"===s.status&&o(l,Object.assign({size:l.sizes.SMALL,kind:l.kinds.TERTIARY,style:{color:"#375D81"},onClick:function(){return q(s.id)}},{children:"Retry"}))]}),s.id)}))]}))]}))})}),{positions:A});export{v as default};
+import{slicedToArray as s}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o,Fragment as i,jsxs as e}from"react/jsx-runtime";import t from"classnames";import{useMemo as n,useRef as r,useCallback as c,useState as l}from"react";import a from"../Button/Button.js";import d from"../Icon/Icon.js";import m from"../Text/Text.js";import p from"../Flex/Flex.js";import g from"../Icon/Icons/components/Close.js";import{NOOP as u}from"../../utils/function-utils.js";import{getStyle as f}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticProps as j}from"../../types/withStaticProps.js";import h from"./ProcessingToast.module.scss.js";import b from"../IconButton/IconButton.js";import C from"../Icon/Icons/components/DropdownChevronUp.js";import T from"../ProgressRing/ProgressRing.js";import E from"../Icon/Icons/components/Success.js";import y from"../Loader/Loader.js";import{ProcessingToastPositions as v}from"./ProcessingToastConstants.js";import A from"../ScrollableContainer/ScrollableContainer.js";import O from"../Icon/Icons/components/Warning.js";var x=j((function(j){var x=j.closeable,L=void 0===x||x,I=j.onClose,R=void 0===I?u:I,k=j.className,S=j.maxHeight,z=void 0===S?400:S,N=j.titleWidth,B=void 0===N?150:N,M=j.closeButtonAriaLabel,D=void 0===M?"Close":M,P=j.position,_=void 0===P?v.TopRight:P,W=j.heading,Y=void 0===W?"":W,w=j.subHeading,H=void 0===w?"":w,U=j.disableCancel,F=void 0!==U&&U,V=j.disableCancelAll,X=void 0!==V&&V,q=j.items,G=void 0===q?[]:q,J=j.onCancel,K=void 0===J?u:J,Q=j.onRetry,Z=void 0===Q?u:Q,$=j.onCancelAll,ss=void 0===$?u:$,os=n((function(){return t(h.toast,f(h,_),k)}),[k]),is=r(null),es=c((function(){R&&R()}),[R]),ts=l(!1),ns=s(ts,2),rs=ns[0],cs=ns[1];return o(i,{children:e(p,Object.assign({className:os,direction:p.directions.COLUMN,gap:7,style:{transition:"max-height 0.3s ease",maxHeight:rs?"".concat(z,"px"):"100px",overflow:"hidden",padding:"0px"}},{children:[e(p,Object.assign({justify:p.justify.SPACE_BETWEEN,className:h.header},{children:[o(m,Object.assign({weight:m.weights.BOLD},{children:Y})),e(p,{children:[o(b,{icon:C,size:b.sizes.SMALL,onClick:function(){cs(!rs)},className:rs?h.iconExpanded:h.iconCollapsed,kind:b.kinds.TERTIARY}),L&&o(b,{className:h.closeButton,onClick:es,size:a.sizes.SMALL,kind:a.kinds.TERTIARY,ariaLabel:D,"data-testid":"toast-close-button",icon:g,hideTooltip:!0})]})]})),e("div",Object.assign({ref:is,className:h.content},{children:[e(p,Object.assign({justify:p.justify.SPACE_BETWEEN,style:{marginBottom:"8px"}},{children:[e(m,Object.assign({color:m.colors.SECONDARY,type:m.types.TEXT2},{children:[G.length," ",H]})),o(a,Object.assign({size:a.sizes.SMALL,kind:a.kinds.TERTIARY,style:{color:"#375D81"},onClick:ss,disabled:X},{children:"Cancel all"}))]})),o(A,Object.assign({allowVerticalScrolling:!0,style:{scrollbarWidth:"none",maxHeight:rs?"".concat(z-100,"px"):"0px"}},{children:G.map((function(s){return e(p,Object.assign({justify:p.justify.SPACE_BETWEEN,className:h.cell},{children:[e(p,Object.assign({direction:p.directions.COLUMN,align:p.align.START},{children:[o(m,Object.assign({style:{maxWidth:"".concat(B,"px")}},{children:s.name})),e(p,Object.assign({gap:5},{children:[0===s.progress&&"in_progress"===s.status&&o(y,{size:y.sizes.SMALL}),"in_progress"===s.status&&s.progress>0&&o(T,{value:s.progress,size:T.sizes.MEDIUM}),"completed"===s.status&&o(d,{icon:E,style:{color:"#076B4D"},clickable:!1}),"failed"===s.status&&o(d,{icon:O,style:{color:"#E17037"},clickable:!1}),o(m,Object.assign({color:m.colors.SECONDARY},{children:s.message}))]}))]})),"in_progress"===s.status&&s.progress>0&&o(a,Object.assign({size:a.sizes.SMALL,kind:a.kinds.TERTIARY,style:{color:"#375D81"},onClick:function(){return K(s.id)},disabled:F},{children:"Cancel"})),"failed"===s.status&&o(a,Object.assign({size:a.sizes.SMALL,kind:a.kinds.TERTIARY,style:{color:"#375D81"},onClick:function(){return Z(s.id)}},{children:"Retry"}))]}),s.id)}))}))]}))]}))})}),{positions:v});export{x as default};
 //# sourceMappingURL=ProcessingToast.js.map

package/dist/mocked_classnames_esm/src/components/ProcessingToast/ProcessingToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProcessingToast.js","sources":["../../../../../src/components/ProcessingToast/ProcessingToast.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { FC, useCallback, useMemo, useState } from \"react\";\nimport Button from \"../../components/Button/Button\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport CloseSmall from \"../Icon/Icons/components/Close\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./ProcessingToast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport DropdownChevronUp from \"../Icon/Icons/components/DropdownChevronUp\";\nimport ProgressRing from \"../ProgressRing/ProgressRing\";\nimport Success from \"../Icon/Icons/components/Success\";\nimport { Warning } from \"../Icon/Icons\";\nimport Loader from \"../Loader/Loader\";\nimport { ProcessingToastPositions } from \"./ProcessingToastConstants\";\n\nexport interface ProcessingToastProps extends VibeComponentProps {\n  closeable?: boolean;\n  onClose?: () => void;\n  closeButtonAriaLabel?: string;\n  position?: ProcessingToastPositions;\n  heading?: string;\n  subHeading?: string;\n  disableCancel?: boolean;\n  disableCancelAll?: boolean;\n  items?: {\n    id: number;\n    name: string;\n    progress: number;\n    status: string;\n    message: string;\n  }[];\n  onCancel?: (id: number) => void;\n  onRetry?: (id: number) => void;\n  onCancelAll?: () => void;\n}\n\nconst ProcessingToast: FC<ProcessingToastProps> & {\n  positions?: typeof ProcessingToastPositions;\n} = ({\n  closeable = true,\n  onClose = NOOP,\n  className,\n  id,\n  closeButtonAriaLabel = \"Close\",\n  position = ProcessingToastPositions.TopRight,\n  heading = \"\",\n  subHeading = \"\",\n  disableCancel = false,\n  disableCancelAll = false,\n  items = [],\n  onCancel = NOOP,\n  onRetry = NOOP,\n  onCancelAll = NOOP,\n}) => {\n  const classNames = useMemo(\n    () => cx(styles.toast, getStyle(styles, position), className),\n    [className]\n  );\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose();\n    }\n  }, [onClose]);\n\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const toggleExpand = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  return (\n    <>\n      <Flex\n        className={classNames}\n        direction={Flex.directions.COLUMN}\n        gap={7}\n        style={{\n          transition: \"max-height 0.3s ease\",\n          maxHeight: isExpanded ? \"1000px\" : \"100px\",\n          overflow: \"hidden\",\n          padding: \"0px\",\n        }}\n      >\n        <Flex justify={Flex.justify.SPACE_BETWEEN} className={styles.header}>\n          <Text weight={Text.weights.BOLD}>{heading}</Text>\n          <Flex>\n            <IconButton\n              icon={DropdownChevronUp}\n              size={IconButton.sizes.SMALL}\n              onClick={toggleExpand}\n              className={\n                isExpanded ? styles.iconExpanded : styles.iconCollapsed\n              }\n              kind={IconButton.kinds.TERTIARY}\n            />\n\n            {closeable && (\n              <IconButton\n                className={styles.closeButton}\n                onClick={handleClose}\n                size={Button.sizes.SMALL}\n                kind={Button.kinds.TERTIARY}\n                ariaLabel={closeButtonAriaLabel}\n                data-testid=\"toast-close-button\"\n                icon={CloseSmall}\n                hideTooltip\n              />\n            )}\n          </Flex>\n        </Flex>\n        <div className={styles.content}>\n          <Flex\n            justify={Flex.justify.SPACE_BETWEEN}\n            style={{ marginBottom: \"8px\" }}\n          >\n            <Text color={Text.colors.SECONDARY} type={Text.types.TEXT2}>\n              {items.length} {subHeading}\n            </Text>\n            <Button\n              size={Button.sizes.SMALL}\n              kind={Button.kinds.TERTIARY}\n              style={{ color: \"#375D81\" }}\n              onClick={onCancelAll}\n              disabled={disableCancelAll}\n            >\n              Cancel all\n            </Button>\n          </Flex>\n          {items.map((item) => (\n            <Flex\n              key={item.id}\n              justify={Flex.justify.SPACE_BETWEEN}\n              className={styles.cell}\n            >\n              <Flex direction={Flex.directions.COLUMN} align={Flex.align.START}>\n                <Text>{item.name}...</Text>\n                <Flex gap={5}>\n                  {item.progress === 0 && item.status === \"in_progress\" && (\n                    <Loader size={Loader.sizes.SMALL} />\n                  )}\n                  {item.status === \"in_progress\" && item.progress > 0 && (\n                    <ProgressRing\n                      value={item.progress}\n                      size={ProgressRing.sizes.MEDIUM}\n                    />\n                  )}\n                  {item.status === \"completed\" && (\n                    <Icon\n                      icon={Success}\n                      style={{ color: \"#076B4D\" }}\n                      clickable={false}\n                    />\n                  )}\n                  {item.status === \"failed\" && (\n                    <Icon\n                      icon={Warning}\n                      style={{ color: \"#E17037\" }}\n                      clickable={false}\n                    />\n                  )}\n                  <Text color={Text.colors.SECONDARY}>{item.message}</Text>\n                </Flex>\n              </Flex>\n              {item.status === \"in_progress\" && item.progress > 0 && (\n                <Button\n                  size={Button.sizes.SMALL}\n                  kind={Button.kinds.TERTIARY}\n                  style={{ color: \"#375D81\" }}\n                  onClick={() => onCancel(item.id)}\n                  disabled={disableCancel}\n                >\n                  Cancel\n                </Button>\n              )}\n\n              {item.status === \"failed\" && (\n                <Button\n                  size={Button.sizes.SMALL}\n                  kind={Button.kinds.TERTIARY}\n                  style={{ color: \"#375D81\" }}\n                  onClick={() => onRetry(item.id)}\n                >\n                  Retry\n                </Button>\n              )}\n            </Flex>\n          ))}\n        </div>\n      </Flex>\n    </>\n  );\n};\n\nexport default withStaticProps(ProcessingToast, {\n  positions: ProcessingToastPositions,\n});\n"],"names":["withStaticProps","_ref","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$position","position","ProcessingToastPositions","TopRight","_ref$heading","heading","_ref$subHeading","subHeading","_ref$disableCancel","disableCancel","_ref$disableCancelAll","disableCancelAll","_ref$items","items","_ref$onCancel","onCancel","_ref$onRetry","onRetry","_ref$onCancelAll","onCancelAll","classNames","useMemo","cx","styles","toast","getStyle","handleClose","useCallback","_useState","useState","_useState2","_slicedToArray","isExpanded","setIsExpanded","_jsx","_jsxs","Flex","direction","directions","COLUMN","gap","style","transition","maxHeight","overflow","padding","children","Object","assign","justify","SPACE_BETWEEN","header","Text","weight","weights","BOLD","IconButton","icon","DropdownChevronUp","size","sizes","SMALL","onClick","iconExpanded","iconCollapsed","kind","kinds","TERTIARY","closeButton","Button","ariaLabel","CloseSmall","hideTooltip","content","marginBottom","color","colors","SECONDARY","type","types","TEXT2","length","disabled","map","item","cell","align","START","name","progress","status","Loader","ProgressRing","value","MEDIUM","Icon","Success","clickable","Warning","message","id","positions"],"mappings":"8+BAwCA,IA8JeA,EAAAA,GA5JX,SAFiBC,GAiBhB,IAAAC,EAAAD,EAdHE,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAAAH,EAChBI,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAASN,EAATM,UACEC,EAAAP,EACFQ,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAT,EAC9BU,SAAAA,OAAQ,IAAAD,EAAGE,EAAyBC,SAAQH,EAAAI,EAAAb,EAC5Cc,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EAAAE,EAAAf,EACZgB,WAAAA,OAAa,IAAHD,EAAG,GAAEA,EAAAE,EAAAjB,EACfkB,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAnB,EACrBoB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAArB,EACxBsB,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAvB,EACVwB,SAAAA,OAAWnB,IAAHkB,EAAGlB,EAAIkB,EAAAE,EAAAzB,EACf0B,QAAAA,OAAUrB,IAAHoB,EAAGpB,EAAIoB,EAAAE,EAAA3B,EACd4B,YAAAA,OAAcvB,IAAHsB,EAAGtB,EAAIsB,EAEZE,EAAaC,GACjB,WAAA,OAAMC,EAAGC,EAAOC,MAAOC,EAASF,EAAQtB,GAAWJ,KACnD,CAACA,IAGG6B,EAAcC,GAAY,WAC1BhC,GACFA,GAEJ,GAAG,CAACA,IAEJiC,EAAoCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA5CI,EAAUF,EAAA,GAAEG,GAAaH,EAAA,GAMhC,OACEI,cACEC,EAACC,iBACCvC,UAAWuB,EACXiB,UAAWD,EAAKE,WAAWC,OAC3BC,IAAK,EACLC,MAAO,CACLC,WAAY,uBACZC,UAAWX,EAAa,SAAW,QACnCY,SAAU,SACVC,QAAS,QACV,CAAAC,SAAA,CAEDX,EAACC,EAAKW,OAAAC,OAAA,CAAAC,QAASb,EAAKa,QAAQC,cAAerD,UAAW0B,EAAO4B,QAC3D,CAAAL,SAAA,CAAAZ,EAACkB,EAAIL,OAAAC,OAAA,CAACK,OAAQD,EAAKE,QAAQC,MAAI,CAAAT,SAAGzC,KAClC8B,EAACC,EACC,CAAAU,SAAA,CAAAZ,EAACsB,EAAU,CACTC,KAAMC,EACNC,KAAMH,EAAWI,MAAMC,MACvBC,QAvBS,WACnB7B,IAAeD,IAuBLnC,UACEmC,EAAaT,EAAOwC,aAAexC,EAAOyC,cAE5CC,KAAMT,EAAWU,MAAMC,WAGxB1E,GACCyC,EAACsB,EAAU,CACT3D,UAAW0B,EAAO6C,YAClBN,QAASpC,EACTiC,KAAMU,EAAOT,MAAMC,MACnBI,KAAMI,EAAOH,MAAMC,SACnBG,UAAWvE,EACC,cAAA,qBACZ0D,KAAMc,EACNC,aACA,WAIRrC,EAAA,MAAAY,OAAAC,OAAA,CAAKnD,UAAW0B,EAAOkD,SACrB,CAAA3B,SAAA,CAAAX,EAACC,EAAIW,OAAAC,OAAA,CACHC,QAASb,EAAKa,QAAQC,cACtBT,MAAO,CAAEiC,aAAc,QAAO,CAAA5B,SAAA,CAE9BX,EAACiB,EAAKL,OAAAC,OAAA,CAAA2B,MAAOvB,EAAKwB,OAAOC,UAAWC,KAAM1B,EAAK2B,MAAMC,OAAK,CAAAlC,SAAA,CACvDjC,EAAMoE,OAAM,IAAG1E,MAElB2B,EAACmC,EAAMtB,OAAAC,OAAA,CACLW,KAAMU,EAAOT,MAAMC,MACnBI,KAAMI,EAAOH,MAAMC,SACnB1B,MAAO,CAAEkC,MAAO,WAChBb,QAAS3C,EACT+D,SAAUvE,GAGH,CAAAmC,SAAA,oBAEVjC,EAAMsE,KAAI,SAACC,GAAI,OACdjD,EAACC,EAECW,OAAAC,OAAA,CAAAC,QAASb,EAAKa,QAAQC,cACtBrD,UAAW0B,EAAO8D,MAElB,CAAAvC,SAAA,CAAAX,EAACC,EAAIW,OAAAC,OAAA,CAACX,UAAWD,EAAKE,WAAWC,OAAQ+C,MAAOlD,EAAKkD,MAAMC,OACzD,CAAAzC,SAAA,CAAAX,EAACiB,EAAI,CAAAN,SAAA,CAAEsC,EAAKI,KAAI,SAChBrD,EAACC,EAAIW,OAAAC,OAAA,CAACR,IAAK,GAAC,CAAAM,SAAA,CACS,IAAlBsC,EAAKK,UAAkC,gBAAhBL,EAAKM,QAC3BxD,EAACyD,EAAM,CAAChC,KAAMgC,EAAO/B,MAAMC,QAEZ,gBAAhBuB,EAAKM,QAA4BN,EAAKK,SAAW,GAChDvD,EAAC0D,EACC,CAAAC,MAAOT,EAAKK,SACZ9B,KAAMiC,EAAahC,MAAMkC,SAGZ,cAAhBV,EAAKM,QACJxD,EAAC6D,EAAI,CACHtC,KAAMuC,EACNvD,MAAO,CAAEkC,MAAO,WAChBsB,WAAW,IAGE,WAAhBb,EAAKM,QACJxD,EAAC6D,EACC,CAAAtC,KAAMyC,EACNzD,MAAO,CAAEkC,MAAO,WAChBsB,WAAW,IAGf/D,EAACkB,EAAKL,OAAAC,OAAA,CAAA2B,MAAOvB,EAAKwB,OAAOC,WAAY,CAAA/B,SAAAsC,EAAKe,mBAG7B,gBAAhBf,EAAKM,QAA4BN,EAAKK,SAAW,GAChDvD,EAACmC,EAAMtB,OAAAC,OAAA,CACLW,KAAMU,EAAOT,MAAMC,MACnBI,KAAMI,EAAOH,MAAMC,SACnB1B,MAAO,CAAEkC,MAAO,WAChBb,QAAS,WAAA,OAAM/C,EAASqE,EAAKgB,GAAG,EAChClB,SAAUzE,GAAa,CAAAqC,SAAA,YAMV,WAAhBsC,EAAKM,QACJxD,EAACmC,EAAMtB,OAAAC,OAAA,CACLW,KAAMU,EAAOT,MAAMC,MACnBI,KAAMI,EAAOH,MAAMC,SACnB1B,MAAO,CAAEkC,MAAO,WAChBb,QAAS,WAAA,OAAM7C,EAAQmE,EAAKgB,GAAG,GAGxB,CAAAtD,SAAA,cArDNsC,EAAKgB,GAuDL,aAMnB,GAEgD,CAC9CC,UAAWnG"}
+{"version":3,"file":"ProcessingToast.js","sources":["../../../../../src/components/ProcessingToast/ProcessingToast.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { FC, useCallback, useMemo, useRef, useState } from \"react\";\nimport Button from \"../../components/Button/Button\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport CloseSmall from \"../Icon/Icons/components/Close\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./ProcessingToast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport DropdownChevronUp from \"../Icon/Icons/components/DropdownChevronUp\";\nimport ProgressRing from \"../ProgressRing/ProgressRing\";\nimport Success from \"../Icon/Icons/components/Success\";\nimport { Warning } from \"../Icon/Icons\";\nimport Loader from \"../Loader/Loader\";\nimport { ProcessingToastPositions } from \"./ProcessingToastConstants\";\nimport ScrollableContainer from \"../ScrollableContainer/ScrollableContainer\";\n\nexport interface ProcessingToastProps extends VibeComponentProps {\n  closeable?: boolean;\n  onClose?: () => void;\n  closeButtonAriaLabel?: string;\n  position?: ProcessingToastPositions;\n  heading?: string;\n  subHeading?: string;\n  disableCancel?: boolean;\n  disableCancelAll?: boolean;\n  maxHeight?: number;\n  titleWidth?: number;\n  items?: {\n    id: number;\n    name: string;\n    progress: number;\n    status: string;\n    message: string;\n  }[];\n  onCancel?: (id: number) => void;\n  onRetry?: (id: number) => void;\n  onCancelAll?: () => void;\n}\n\nconst ProcessingToast: FC<ProcessingToastProps> & {\n  positions?: typeof ProcessingToastPositions;\n} = ({\n  closeable = true,\n  onClose = NOOP,\n  className,\n  maxHeight = 400,\n  titleWidth = 150,\n  id,\n  closeButtonAriaLabel = \"Close\",\n  position = ProcessingToastPositions.TopRight,\n  heading = \"\",\n  subHeading = \"\",\n  disableCancel = false,\n  disableCancelAll = false,\n  items = [],\n  onCancel = NOOP,\n  onRetry = NOOP,\n  onCancelAll = NOOP,\n}) => {\n  const classNames = useMemo(\n    () => cx(styles.toast, getStyle(styles, position), className),\n    [className]\n  );\n\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose();\n    }\n  }, [onClose]);\n\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const toggleExpand = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  return (\n    <>\n      <Flex\n        className={classNames}\n        direction={Flex.directions.COLUMN}\n        gap={7}\n        style={{\n          transition: \"max-height 0.3s ease\",\n          maxHeight: isExpanded ? `${maxHeight}px` : \"100px\",\n          overflow: \"hidden\",\n          padding: \"0px\",\n        }}\n      >\n        <Flex justify={Flex.justify.SPACE_BETWEEN} className={styles.header}>\n          <Text weight={Text.weights.BOLD}>{heading}</Text>\n          <Flex>\n            <IconButton\n              icon={DropdownChevronUp}\n              size={IconButton.sizes.SMALL}\n              onClick={toggleExpand}\n              className={\n                isExpanded ? styles.iconExpanded : styles.iconCollapsed\n              }\n              kind={IconButton.kinds.TERTIARY}\n            />\n\n            {closeable && (\n              <IconButton\n                className={styles.closeButton}\n                onClick={handleClose}\n                size={Button.sizes.SMALL}\n                kind={Button.kinds.TERTIARY}\n                ariaLabel={closeButtonAriaLabel}\n                data-testid=\"toast-close-button\"\n                icon={CloseSmall}\n                hideTooltip\n              />\n            )}\n          </Flex>\n        </Flex>\n        <div ref={contentRef} className={styles.content}>\n          <Flex\n            justify={Flex.justify.SPACE_BETWEEN}\n            style={{ marginBottom: \"8px\" }}\n          >\n            <Text color={Text.colors.SECONDARY} type={Text.types.TEXT2}>\n              {items.length} {subHeading}\n            </Text>\n            <Button\n              size={Button.sizes.SMALL}\n              kind={Button.kinds.TERTIARY}\n              style={{ color: \"#375D81\" }}\n              onClick={onCancelAll}\n              disabled={disableCancelAll}\n            >\n              Cancel all\n            </Button>\n          </Flex>\n          <ScrollableContainer\n            allowVerticalScrolling\n            style={{\n              scrollbarWidth: \"none\",\n              maxHeight: isExpanded ? `${maxHeight - 100}px` : \"0px\",\n            }}\n          >\n            {items.map((item) => (\n              <Flex\n                key={item.id}\n                justify={Flex.justify.SPACE_BETWEEN}\n                className={styles.cell}\n              >\n                <Flex\n                  direction={Flex.directions.COLUMN}\n                  align={Flex.align.START}\n                >\n                  <Text style={{ maxWidth: `${titleWidth}px` }}>\n                    {item.name}\n                  </Text>\n                  <Flex gap={5}>\n                    {item.progress === 0 && item.status === \"in_progress\" && (\n                      <Loader size={Loader.sizes.SMALL} />\n                    )}\n                    {item.status === \"in_progress\" && item.progress > 0 && (\n                      <ProgressRing\n                        value={item.progress}\n                        size={ProgressRing.sizes.MEDIUM}\n                      />\n                    )}\n                    {item.status === \"completed\" && (\n                      <Icon\n                        icon={Success}\n                        style={{ color: \"#076B4D\" }}\n                        clickable={false}\n                      />\n                    )}\n                    {item.status === \"failed\" && (\n                      <Icon\n                        icon={Warning}\n                        style={{ color: \"#E17037\" }}\n                        clickable={false}\n                      />\n                    )}\n                    <Text color={Text.colors.SECONDARY}>{item.message}</Text>\n                  </Flex>\n                </Flex>\n                {item.status === \"in_progress\" && item.progress > 0 && (\n                  <Button\n                    size={Button.sizes.SMALL}\n                    kind={Button.kinds.TERTIARY}\n                    style={{ color: \"#375D81\" }}\n                    onClick={() => onCancel(item.id)}\n                    disabled={disableCancel}\n                  >\n                    Cancel\n                  </Button>\n                )}\n\n                {item.status === \"failed\" && (\n                  <Button\n                    size={Button.sizes.SMALL}\n                    kind={Button.kinds.TERTIARY}\n                    style={{ color: \"#375D81\" }}\n                    onClick={() => onRetry(item.id)}\n                  >\n                    Retry\n                  </Button>\n                )}\n              </Flex>\n            ))}\n          </ScrollableContainer>\n        </div>\n      </Flex>\n    </>\n  );\n};\n\nexport default withStaticProps(ProcessingToast, {\n  positions: ProcessingToastPositions,\n});\n"],"names":["withStaticProps","_ref","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","_ref$maxHeight","maxHeight","_ref$titleWidth","titleWidth","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$position","position","ProcessingToastPositions","TopRight","_ref$heading","heading","_ref$subHeading","subHeading","_ref$disableCancel","disableCancel","_ref$disableCancelAll","disableCancelAll","_ref$items","items","_ref$onCancel","onCancel","_ref$onRetry","onRetry","_ref$onCancelAll","onCancelAll","classNames","useMemo","cx","styles","toast","getStyle","contentRef","useRef","handleClose","useCallback","_useState","useState","_useState2","_slicedToArray","isExpanded","setIsExpanded","_jsx","_jsxs","Flex","direction","directions","COLUMN","gap","style","transition","concat","overflow","padding","children","Object","assign","justify","SPACE_BETWEEN","header","Text","weight","weights","BOLD","IconButton","icon","DropdownChevronUp","size","sizes","SMALL","onClick","iconExpanded","iconCollapsed","kind","kinds","TERTIARY","closeButton","Button","ariaLabel","CloseSmall","hideTooltip","ref","content","marginBottom","color","colors","SECONDARY","type","types","TEXT2","length","disabled","ScrollableContainer","allowVerticalScrolling","scrollbarWidth","map","item","cell","align","START","maxWidth","name","progress","status","Loader","ProgressRing","value","MEDIUM","Icon","Success","clickable","Warning","message","id","positions"],"mappings":"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"}

package/dist/mocked_classnames_esm/src/components/ProcessingToast/ProcessingToast.module.scss.js

@@ -1,2 +1,2 @@
-var n={toast:"toast",topRight:"topRight",bottomRight:"bottomRight",closeButton:"closeButton",iconExpanded:"iconExpanded",iconCollapsed:"iconCollapsed",content:"content",header:"header",cell:"cell"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-2145c07c940e_0_0_134";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".toast {\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08), 0px 2px 3px 0px rgba(0, 0, 0, 0.07);\n  border: 1px solid var(--divider-primary, rgba(16, 24, 27, 0.1));\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  z-index: 10000;\n  right: 0;\n  align-items: center;\n  display: flex;\n  min-width: 320px;\n  border-radius: var(--border-radius-medium);\n  color: var(--text-primary);\n  gap: var(--spacing-small);\n  background-color: var(--surface-level-100);\n  padding: var(--spacing-small) var(--spacing-medium) var(--spacing-small) var(--spacing-medium);\n}\n\n.topRight {\n  top: 0;\n}\n\n.bottomRight {\n  bottom: 0;\n}\n\n.closeButton {\n  margin-left: var(--spacing-small);\n  color: var(--text-primary);\n}\n\n.iconExpanded {\n  transition: transform 0.3s ease;\n  transform: rotate(180deg);\n}\n\n.iconCollapsed {\n  transition: transform 0.3s ease;\n  transform: rotate(0deg);\n}\n\n.content {\n  transition: max-height 0.3s ease;\n  overflow: hidden;\n  width: 95%;\n}\n\n.header {\n  width: 100%;\n  background-color: var(--surface-level-200);\n  padding: 10px 10px;\n}\n\n.cell {\n  border-top: 1px solid var(--divider-primary);\n  padding: 6px 0px;\n}");export{n as default};
+var n={toast:"toast",topRight:"topRight",bottomRight:"bottomRight",closeButton:"closeButton",iconExpanded:"iconExpanded",iconCollapsed:"iconCollapsed",content:"content",header:"header",cell:"cell"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-2145c07c940e_0_0_136";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".toast {\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08), 0px 2px 3px 0px rgba(0, 0, 0, 0.07);\n  border: 1px solid var(--divider-primary, rgba(16, 24, 27, 0.1));\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  z-index: 10000;\n  right: 0;\n  align-items: center;\n  display: flex;\n  min-width: 320px;\n  border-radius: var(--border-radius-medium);\n  color: var(--text-primary);\n  gap: var(--spacing-small);\n  background-color: var(--surface-level-100);\n  padding: var(--spacing-small) var(--spacing-medium) var(--spacing-small) var(--spacing-medium);\n}\n\n.topRight {\n  top: 0;\n}\n\n.bottomRight {\n  bottom: 0;\n}\n\n.closeButton {\n  margin-left: var(--spacing-small);\n  color: var(--text-primary);\n}\n\n.iconExpanded {\n  transition: transform 0.3s ease;\n  transform: rotate(180deg);\n}\n\n.iconCollapsed {\n  transition: transform 0.3s ease;\n  transform: rotate(0deg);\n}\n\n.content {\n  transition: max-height 0.3s ease;\n  overflow: hidden;\n  width: 95%;\n}\n\n.header {\n  width: 100%;\n  background-color: var(--surface-level-200);\n  padding: 10px 10px;\n}\n\n.cell {\n  border-top: 1px solid var(--divider-primary);\n  padding: 6px 0px;\n}");export{n as default};
 //# sourceMappingURL=ProcessingToast.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js

@@ -1,2 +1,2 @@
-var r={bar:"bar",typePrimaryPrimary:"typePrimaryPrimary",typePrimarySecondary:"typePrimarySecondary",typePrimaryPositive:"typePrimaryPositive",typePrimaryNegative:"typePrimaryNegative",typePrimaryWarning:"typePrimaryWarning",typeSecondaryPrimary:"typeSecondaryPrimary",typeSecondarySecondary:"typeSecondarySecondary",typeSecondaryPositive:"typeSecondaryPositive",typeSecondaryNegative:"typeSecondaryNegative",typeSecondaryWarning:"typeSecondaryWarning",animate:"animate"};!function(r){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-7d6049908fe8_0_0_134";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(r))}(".bar {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary {\n  background-color: var(--surface-inverse);\n}\n\n.typePrimaryPositive {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary {\n  background-color: var(--surface-selected);\n}\n\n.typeSecondarySecondary {\n  background-color: var(--divider-primary);\n}\n\n.typeSecondaryPositive {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning {\n  background-color: var(--warning-color-selected);\n}\n\n.animate {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{r as default};
+var r={bar:"bar",typePrimaryPrimary:"typePrimaryPrimary",typePrimarySecondary:"typePrimarySecondary",typePrimaryPositive:"typePrimaryPositive",typePrimaryNegative:"typePrimaryNegative",typePrimaryWarning:"typePrimaryWarning",typeSecondaryPrimary:"typeSecondaryPrimary",typeSecondarySecondary:"typeSecondarySecondary",typeSecondaryPositive:"typeSecondaryPositive",typeSecondaryNegative:"typeSecondaryNegative",typeSecondaryWarning:"typeSecondaryWarning",animate:"animate"};!function(r){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-7d6049908fe8_0_0_136";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(r))}(".bar {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary {\n  background-color: var(--surface-inverse);\n}\n\n.typePrimaryPositive {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary {\n  background-color: var(--surface-selected);\n}\n\n.typeSecondarySecondary {\n  background-color: var(--divider-primary);\n}\n\n.typeSecondaryPositive {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning {\n  background-color: var(--warning-color-selected);\n}\n\n.animate {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{r as default};
 //# sourceMappingURL=Bar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",fullWidth:"fullWidth",container:"container",progressBar:"progressBar",completed:"completed",label:"label",large:"large",medium:"medium",small:"small"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-70ce3fa10ece_0_0_134";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text1-normal);\n  line-height: 8px !important;\n}\n.wrapper.fullWidth {\n  width: 100%;\n}\n.wrapper.fullWidth .container {\n  border-radius: 0;\n}\n.wrapper.fullWidth .container .progressBar {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper.fullWidth .container .progressBar.completed {\n  border-radius: 0;\n}\n.label {\n  padding-left: var(--spacing-xs);\n}\n.large {\n  height: 8px;\n  line-height: 8px;\n}\n.medium {\n  height: 6px;\n  line-height: 6px;\n}\n.small {\n  height: 4px;\n  line-height: 4px;\n}\n.container {\n  position: relative;\n  width: 100%;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={wrapper:"wrapper",fullWidth:"fullWidth",container:"container",progressBar:"progressBar",completed:"completed",label:"label",large:"large",medium:"medium",small:"small"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-70ce3fa10ece_0_0_136";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text1-normal);\n  line-height: 8px !important;\n}\n.wrapper.fullWidth {\n  width: 100%;\n}\n.wrapper.fullWidth .container {\n  border-radius: 0;\n}\n.wrapper.fullWidth .container .progressBar {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper.fullWidth .container .progressBar.completed {\n  border-radius: 0;\n}\n.label {\n  padding-left: var(--spacing-xs);\n}\n.large {\n  height: 8px;\n  line-height: 8px;\n}\n.medium {\n  height: 6px;\n  line-height: 6px;\n}\n.small {\n  height: 4px;\n  line-height: 4px;\n}\n.container {\n  position: relative;\n  width: 100%;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=LinearProgressBar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js

@@ -1,2 +1,2 @@
-var e={label:"label"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-de8a28d20526_0_0_134";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".label {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
+var e={label:"label"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-de8a28d20526_0_0_136";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".label {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=PercentageLabel.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/RadioButton/RadioButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton",inputContainer:"inputContainer",input:"input",control:"control",labelAnimation:"labelAnimation",radioCheckedAnimation:"radioCheckedAnimation",disabled:"disabled",label:"label"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-d77bcd558954_0_0_134";if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".radioButton {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--divider-primary);\n  border-radius: 50%;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  background-color: var(--surface-level-100);\n}\n\ninput:checked + .control {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation {\n  animation-name: radioCheckedAnimation;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--text-secondary);\n}\n\n.radioButton.disabled {\n  cursor: not-allowed;\n}\n\n.radioButton.disabled .label {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer input:focus-visible + .control {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton:hover .inputContainer input:enabled:checked + .control {\n  border-color: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.radioButton:hover .inputContainer input:enabled:not(:checked) + .control,\n.radioButton:focus-within .inputContainer input:enabled:not(:checked) + .control {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n@keyframes radioCheckedAnimation {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
+var n={radioButton:"radioButton",inputContainer:"inputContainer",input:"input",control:"control",labelAnimation:"labelAnimation",radioCheckedAnimation:"radioCheckedAnimation",disabled:"disabled",label:"label"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-d77bcd558954_0_0_136";if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".radioButton {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--divider-primary);\n  border-radius: 50%;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  background-color: var(--surface-level-100);\n}\n\ninput:checked + .control {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation {\n  animation-name: radioCheckedAnimation;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--text-secondary);\n}\n\n.radioButton.disabled {\n  cursor: not-allowed;\n}\n\n.radioButton.disabled .label {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer input:focus-visible + .control {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton:hover .inputContainer input:enabled:checked + .control {\n  border-color: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.radioButton:hover .inputContainer input:enabled:not(:checked) + .control,\n.radioButton:focus-within .inputContainer input:enabled:not(:checked) + .control {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n@keyframes radioCheckedAnimation {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
 //# sourceMappingURL=RadioButton.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ResponsiveList/ResponsiveList.module.scss.js

@@ -1,2 +1,2 @@
-var e={responsiveListRoot:"responsiveListRoot",responsiveList:"responsiveList",listMenuButton:"listMenuButton",dummy:"dummy",menuButtonDialog:"menuButtonDialog",menuWrapperFlex:"menuWrapperFlex"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-51abe3f9c6a0_0_0_134";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))}(".responsiveListRoot {\n  position: relative;\n}\n\n.responsiveList {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.responsiveList .listMenuButton {\n  flex-shrink: 0;\n}\n\n.dummy {\n  width: 100%;\n  position: absolute;\n  visibility: hidden;\n}\n\n.menuButtonDialog {\n  display: flex;\n}\n\n.menuWrapperFlex {\n  display: flex;\n}");export{e as default};
+var e={responsiveListRoot:"responsiveListRoot",responsiveList:"responsiveList",listMenuButton:"listMenuButton",dummy:"dummy",menuButtonDialog:"menuButtonDialog",menuWrapperFlex:"menuWrapperFlex"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-51abe3f9c6a0_0_0_136";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))}(".responsiveListRoot {\n  position: relative;\n}\n\n.responsiveList {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.responsiveList .listMenuButton {\n  flex-shrink: 0;\n}\n\n.dummy {\n  width: 100%;\n  position: absolute;\n  visibility: hidden;\n}\n\n.menuButtonDialog {\n  display: flex;\n}\n\n.menuWrapperFlex {\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=ResponsiveList.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ScrollableContainer/scrollableContainer.scss.js

@@ -1,2 +1,2 @@
-var e=".hds-scrollable-container {\n  box-sizing: border-box;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n.hds-scrollable-container * {\n  box-sizing: border-box;\n}\n.hds-scrollable-container.allow-vertical-scrolling {\n  overflow-y: auto;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-67901ff23193_0_0_134";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".hds-scrollable-container {\n  box-sizing: border-box;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n.hds-scrollable-container * {\n  box-sizing: border-box;\n}\n.hds-scrollable-container.allow-vertical-scrolling {\n  overflow-y: auto;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-67901ff23193_0_0_136";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=scrollableContainer.scss.js.map

package/dist/mocked_classnames_esm/src/components/Search/Search.module.scss.js

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper",searchFocusElementFirst:"searchFocusElementFirst",dashForward:"dashForward",searchFocusElementSecond:"searchFocusElementSecond",dashBackwards:"dashBackwards",search:"search",round:"round"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-b431f263cf23_0_0_134";if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".searchWrapper input[type=search] {\n  -webkit-appearance: textfield;\n}\n\n.searchWrapper input[type=search]::-webkit-search-decoration,\n.searchWrapper input[type=search]::-webkit-search-cancel-button,\n.searchWrapper input[type=search]::-webkit-search-results-button,\n.searchWrapper input[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n\n.searchWrapper:focus-within .searchFocusElementFirst {\n  animation: dashForward 5s linear forwards;\n}\n\n.searchWrapper:focus-within .searchFocusElementSecond {\n  animation: dashBackwards 5s linear forwards;\n}\n\n.search.round {\n  border-radius: 50px !important;\n}\n\n@keyframes dashForward {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes dashBackwards {\n  to {\n    stroke-dashoffset: 2000;\n  }\n}");export{e as default};
+var e={searchWrapper:"searchWrapper",searchFocusElementFirst:"searchFocusElementFirst",dashForward:"dashForward",searchFocusElementSecond:"searchFocusElementSecond",dashBackwards:"dashBackwards",search:"search",round:"round"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-b431f263cf23_0_0_136";if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".searchWrapper input[type=search] {\n  -webkit-appearance: textfield;\n}\n\n.searchWrapper input[type=search]::-webkit-search-decoration,\n.searchWrapper input[type=search]::-webkit-search-cancel-button,\n.searchWrapper input[type=search]::-webkit-search-results-button,\n.searchWrapper input[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n\n.searchWrapper:focus-within .searchFocusElementFirst {\n  animation: dashForward 5s linear forwards;\n}\n\n.searchWrapper:focus-within .searchFocusElementSecond {\n  animation: dashBackwards 5s linear forwards;\n}\n\n.search.round {\n  border-radius: 50px !important;\n}\n\n@keyframes dashForward {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes dashBackwards {\n  to {\n    stroke-dashoffset: 2000;\n  }\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/SectionHeader/SectionHeader.module.scss.js

@@ -1,2 +1,2 @@
-var n={sectionHeader:"sectionHeader",text:"text",large:"large",medium:"medium",small:"small",indented:"indented"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-1364788ff329_0_0_134";if(e.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".sectionHeader {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-right: 12px;\n  align-items: end;\n}\n\n.text {\n  font-weight: 600;\n}\n\n.large {\n  font-size: 18px;\n  padding-top: 30px;\n  padding-bottom: 10px;\n  line-height: 22px;\n}\n\n.medium {\n  font-size: 14px;\n  padding-top: 14px;\n  padding-bottom: 6px;\n  line-height: 22px;\n}\n\n.small {\n  font-size: 12px;\n  line-height: 15px;\n  padding-top: 6px;\n  padding-bottom: 2px;\n}\n\n.indented {\n  padding-left: 16px;\n}");export{n as default};
+var n={sectionHeader:"sectionHeader",text:"text",large:"large",medium:"medium",small:"small",indented:"indented"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-1364788ff329_0_0_136";if(e.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".sectionHeader {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-right: 12px;\n  align-items: end;\n}\n\n.text {\n  font-weight: 600;\n}\n\n.large {\n  font-size: 18px;\n  padding-top: 30px;\n  padding-bottom: 10px;\n  line-height: 22px;\n}\n\n.medium {\n  font-size: 14px;\n  padding-top: 14px;\n  padding-bottom: 6px;\n  line-height: 22px;\n}\n\n.small {\n  font-size: 12px;\n  line-height: 15px;\n  padding-top: 6px;\n  padding-bottom: 2px;\n}\n\n.indented {\n  padding-left: 16px;\n}");export{n as default};
 //# sourceMappingURL=SectionHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/SegmentControl/SegmentControlCell/SegmentControlCell.module.scss.js

@@ -1,2 +1,2 @@
-var e={segmentControlCell:"segmentControlCell",active:"active",stretched:"stretched",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-3edbbad074c6_0_0_134";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".segmentControlCell {\n  cursor: pointer;\n  padding: var(--spacing-xs) var(--spacing-medium);\n  text-align: center;\n  transition: background-color 0.3s;\n  color: var(--text-secondary);\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  justify-content: center;\n  font: var(--font-text1-normal);\n}\n.segmentControlCell.active {\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.0784313725);\n}\n.segmentControlCell.stretched {\n  flex: 1;\n}\n.segmentControlCell:not(.active):hover {\n  background-color: var(--surface-level-200);\n}\n.segmentControlCell.disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}");export{e as default};
+var e={segmentControlCell:"segmentControlCell",active:"active",stretched:"stretched",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-3edbbad074c6_0_0_136";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".segmentControlCell {\n  cursor: pointer;\n  padding: var(--spacing-xs) var(--spacing-medium);\n  text-align: center;\n  transition: background-color 0.3s;\n  color: var(--text-secondary);\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  justify-content: center;\n  font: var(--font-text1-normal);\n}\n.segmentControlCell.active {\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.0784313725);\n}\n.segmentControlCell.stretched {\n  flex: 1;\n}\n.segmentControlCell:not(.active):hover {\n  background-color: var(--surface-level-200);\n}\n.segmentControlCell.disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}");export{e as default};
 //# sourceMappingURL=SegmentControlCell.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/SegmentControl/SegmentControlList/SegmentControlList.module.scss.js

@@ -1,2 +1,2 @@
-var e={segmentControlList:"segmentControlList",segmentControlUl:"segmentControlUl",stretched:"stretched"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-de3b88112642_0_0_134";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".segmentControlList {\n  display: flex;\n  flex-direction: column;\n}\n\n.segmentControlUl {\n  display: flex;\n  list-style: none;\n  padding: 4px;\n  margin: 0;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-medium);\n}\n\n.stretched {\n  width: 100%;\n}");export{e as default};
+var e={segmentControlList:"segmentControlList",segmentControlUl:"segmentControlUl",stretched:"stretched"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-de3b88112642_0_0_136";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".segmentControlList {\n  display: flex;\n  flex-direction: column;\n}\n\n.segmentControlUl {\n  display: flex;\n  list-style: none;\n  padding: 4px;\n  margin: 0;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-medium);\n}\n\n.stretched {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=SegmentControlList.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Sidebar/Sidebar.module.scss.js

@@ -1,2 +1,2 @@
-var n={headerStyled:"headerStyled",closeIcon:"closeIcon",containerStyled:"containerStyled",sidebarMenuStyled:"sidebarMenuStyled",innerStyled:"innerStyled",overlay:"overlay","overlay-fade-in":"overlay-fade-in",CloseLayerStyled:"CloseLayerStyled",sectionLabelStyled:"sectionLabelStyled",menuItemStyled:"menuItemStyled",menuItemLink:"menuItemLink",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-32b000efd38e_0_0_134";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".headerStyled {\n  display: flex;\n  align-items: center;\n  margin-bottom: 50px;\n}\n.headerStyled img {\n  margin-top: 4px;\n  margin-left: 4px;\n}\n.closeIcon {\n  padding-right: 5px;\n}\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n.sidebarMenuStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n  display: flex;\n}\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  box-shadow: var(--box-shadow-small);\n  background-color: var(--surface-level-100);\n  padding: 16px 10px 0 10px;\n  max-width: 100%;\n  width: 100vw;\n  z-index: 9999;\n  font-size: 14px;\n  color: var(--text-secondary);\n}\n@media (min-width: 576px) {\n  .innerStyled {\n    width: 50vw;\n  }\n}\n@media (min-width: 768px) {\n  .innerStyled {\n    width: 25vw;\n  }\n}\n@media (min-width: 992px) {\n  .innerStyled {\n    width: 20vw;\n  }\n}\n@media (min-width: 1200px) {\n  .innerStyled {\n    width: 15rem;\n  }\n}\n.overlay {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  background-color: rgba(0, 0, 0, 0.3);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n.CloseLayerStyled {\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n.sectionLabelStyled {\n  font-weight: 600;\n  padding-top: 24px;\n  padding-bottom: 10px;\n  line-height: 22px;\n  display: flex;\n  align-items: center;\n}\n.menuItemStyled {\n  height: 38px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n}\n.menuItemLink {\n  color: var(--text-secondary);\n  text-decoration: none;\n  font-weight: 400;\n  padding-left: 24px;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.menuItemLink:hover {\n  cursor: pointer;\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n  text-decoration: none;\n}\n.active {\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n}\n.active:hover {\n  background: var(--surface-level-300);\n}");export{n as default};
+var n={headerStyled:"headerStyled",closeIcon:"closeIcon",containerStyled:"containerStyled",sidebarMenuStyled:"sidebarMenuStyled",innerStyled:"innerStyled",overlay:"overlay","overlay-fade-in":"overlay-fade-in",CloseLayerStyled:"CloseLayerStyled",sectionLabelStyled:"sectionLabelStyled",menuItemStyled:"menuItemStyled",menuItemLink:"menuItemLink",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-32b000efd38e_0_0_136";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".headerStyled {\n  display: flex;\n  align-items: center;\n  margin-bottom: 50px;\n}\n.headerStyled img {\n  margin-top: 4px;\n  margin-left: 4px;\n}\n.closeIcon {\n  padding-right: 5px;\n}\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n.sidebarMenuStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n  display: flex;\n}\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  box-shadow: var(--box-shadow-small);\n  background-color: var(--surface-level-100);\n  padding: 16px 10px 0 10px;\n  max-width: 100%;\n  width: 100vw;\n  z-index: 9999;\n  font-size: 14px;\n  color: var(--text-secondary);\n}\n@media (min-width: 576px) {\n  .innerStyled {\n    width: 50vw;\n  }\n}\n@media (min-width: 768px) {\n  .innerStyled {\n    width: 25vw;\n  }\n}\n@media (min-width: 992px) {\n  .innerStyled {\n    width: 20vw;\n  }\n}\n@media (min-width: 1200px) {\n  .innerStyled {\n    width: 15rem;\n  }\n}\n.overlay {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  background-color: rgba(0, 0, 0, 0.3);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n.CloseLayerStyled {\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n.sectionLabelStyled {\n  font-weight: 600;\n  padding-top: 24px;\n  padding-bottom: 10px;\n  line-height: 22px;\n  display: flex;\n  align-items: center;\n}\n.menuItemStyled {\n  height: 38px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n}\n.menuItemLink {\n  color: var(--text-secondary);\n  text-decoration: none;\n  font-weight: 400;\n  padding-left: 24px;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.menuItemLink:hover {\n  cursor: pointer;\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n  text-decoration: none;\n}\n.active {\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n}\n.active:hover {\n  background: var(--surface-level-300);\n}");export{n as default};
 //# sourceMappingURL=Sidebar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Skeleton/Skeleton.module.scss.js

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton",rectangle:"rectangle",shine:"shine",circle:"circle",text:"text",textH1:"textH1",textH2:"textH2",textH3:"textH3",textH4:"textH4",textH5:"textH5",textH6:"textH6",textSmall:"textSmall",textCustom:"textCustom",fullWidth:"fullWidth"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-2345d9ff68bb_0_0_134";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".skeleton {\n  display: flex;\n}\n\n.rectangle {\n  height: 160px;\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle {\n  height: 40px;\n  background: var(--surface-level-200);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text {\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1 {\n  height: 32px;\n}\n\n.textH2 {\n  height: 24px;\n}\n\n.textH3 {\n  height: 24px;\n}\n\n.textH4 {\n  height: 21px;\n}\n\n.textH5 {\n  height: 16px;\n}\n\n.textH6 {\n  height: 12px;\n}\n\n.textSmall,\n.textCustom {\n  height: 12px;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.skeleton:not(.fullWidth) .text {\n  width: 162px;\n}\n\n.skeleton:not(.fullWidth) .circle {\n  width: 40px;\n}\n\n.skeleton:not(.fullWidth) .rectangle {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton",rectangle:"rectangle",shine:"shine",circle:"circle",text:"text",textH1:"textH1",textH2:"textH2",textH3:"textH3",textH4:"textH4",textH5:"textH5",textH6:"textH6",textSmall:"textSmall",textCustom:"textCustom",fullWidth:"fullWidth"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-2345d9ff68bb_0_0_136";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".skeleton {\n  display: flex;\n}\n\n.rectangle {\n  height: 160px;\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle {\n  height: 40px;\n  background: var(--surface-level-200);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text {\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1 {\n  height: 32px;\n}\n\n.textH2 {\n  height: 24px;\n}\n\n.textH3 {\n  height: 24px;\n}\n\n.textH4 {\n  height: 21px;\n}\n\n.textH5 {\n  height: 16px;\n}\n\n.textH6 {\n  height: 12px;\n}\n\n.textSmall,\n.textCustom {\n  height: 12px;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.skeleton:not(.fullWidth) .text {\n  width: 162px;\n}\n\n.skeleton:not(.fullWidth) .circle {\n  width: 40px;\n}\n\n.skeleton:not(.fullWidth) .rectangle {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map