@heliux-org/design-system-core 0.0.163 → 0.0.165

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

@@ -1,2 +1,2 @@
-var e={editableHeadingWrapper:"editableHeadingWrapper","focus-visible":"focus-visible",headingComponent:"headingComponent",insetFocus:"insetFocus"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-b3b29a6c6042_0_0_162";if(n.querySelector("#"+i))return;const a=document.createElement("style");a.id=i,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".editableHeadingWrapper {\n  width: 100%;\n  min-width: 0;\n  border: 1px solid transparent;\n  border-radius: var(--border-radius-small);\n}\n.editableHeadingWrapper:focus-visible, .editableHeadingWrapper.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.editableHeadingWrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.editableHeadingWrapper:focus,\n.editableHeadingWrapper:active {\n  outline: none;\n}\n.headingComponent {\n  margin: 0;\n}\n.editableHeadingWrapper.insetFocus:focus-visible, .editableHeadingWrapper.insetFocus.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) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.editableHeadingWrapper.insetFocus:focus:not(.focus-visible) {\n  outline: none;\n}");export{e as default};
+var e={editableHeadingWrapper:"editableHeadingWrapper","focus-visible":"focus-visible",headingComponent:"headingComponent",insetFocus:"insetFocus"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-b3b29a6c6042_0_0_164";if(n.querySelector("#"+i))return;const a=document.createElement("style");a.id=i,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".editableHeadingWrapper {\n  width: 100%;\n  min-width: 0;\n  border: 1px solid transparent;\n  border-radius: var(--border-radius-small);\n}\n.editableHeadingWrapper:focus-visible, .editableHeadingWrapper.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.editableHeadingWrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.editableHeadingWrapper:focus,\n.editableHeadingWrapper:active {\n  outline: none;\n}\n.headingComponent {\n  margin: 0;\n}\n.editableHeadingWrapper.insetFocus:focus-visible, .editableHeadingWrapper.insetFocus.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) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.editableHeadingWrapper.insetFocus:focus:not(.focus-visible) {\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=LegacyEditableHeading.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light",text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",headingComponent:"headingComponent",multiLineEllipsis:"multiLineEllipsis",singleLineEllipsis:"singleLineEllipsis",suggestEditOnHover:"suggestEditOnHover",elementTypeH1:"elementTypeH1",elementTypeH2:"elementTypeH2",sizeLarge:"sizeLarge",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",elementTypeH3:"elementTypeH3",elementTypeH4:"elementTypeH4",elementTypeH5:"elementTypeH5",elementTypeP:"elementTypeP",elementTypeH6:"elementTypeH6",elementTypeSmall:"elementTypeSmall",elementTypeLink:"elementTypeLink"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],o="s_id-38225b77cb9c_0_0_162";if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.headingComponent {\n  border: 1px solid transparent;\n  border-radius: var(--border-radius-small);\n  min-width: 0;\n  padding: 0 4px;\n}\n\n.headingComponent.multiLineEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}\n\n/* This is needed to support ellipsis in the middle of the word */\n\n.headingComponent.singleLineEllipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.headingComponent.suggestEditOnHover:hover {\n  cursor: text;\n  border: 1px solid;\n  border-color: var(--divider-primary);\n}\n\n/* Override tags styles */\n\n.elementTypeH1 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeH2.sizeLarge,\n.elementTypeH1.sizeSmall,\n.elementTypeH1.sizeMedium {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeH3.sizeLarge {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeH2.sizeSmall,\n.elementTypeH2.sizeMedium,\n.elementTypeH3.sizeSmall,\n.elementTypeH3.sizeMedium,\n.elementTypeH4 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeH5,\n.elementTypeP {\n  font: var(--font-text1-normal);\n}\n\n.elementTypeH6 {\n  font: var(--font-text2-normal);\n}\n\n.elementTypeSmall {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeLink {\n  text-decoration: none;\n  color: var(--link-color);\n}");export{n as default};
+var n={h1Bold:"h1Bold",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Normal:"h3Normal",h3Light:"h3Light",h4Bold:"h4Bold",h4Normal:"h4Normal",h4Light:"h4Light",h5Bold:"h5Bold",h5Normal:"h5Normal",h5Light:"h5Light",h6Bold:"h6Bold",h6Normal:"h6Normal",h6Light:"h6Light",text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",headingComponent:"headingComponent",multiLineEllipsis:"multiLineEllipsis",singleLineEllipsis:"singleLineEllipsis",suggestEditOnHover:"suggestEditOnHover",elementTypeH1:"elementTypeH1",elementTypeH2:"elementTypeH2",sizeLarge:"sizeLarge",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",elementTypeH3:"elementTypeH3",elementTypeH4:"elementTypeH4",elementTypeH5:"elementTypeH5",elementTypeP:"elementTypeP",elementTypeH6:"elementTypeH6",elementTypeSmall:"elementTypeSmall",elementTypeLink:"elementTypeLink"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],o="s_id-38225b77cb9c_0_0_164";if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Bold {\n  font: var(--font-h4-bold);\n  letter-spacing: var(--letter-spacing-h4-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Normal {\n  font: var(--font-h4-normal);\n  letter-spacing: var(--letter-spacing-h4-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h4Light {\n  font: var(--font-h4-light);\n  letter-spacing: var(--letter-spacing-h4-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Bold {\n  font: var(--font-h5-bold);\n  letter-spacing: var(--letter-spacing-h5-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Normal {\n  font: var(--font-h5-normal);\n  letter-spacing: var(--letter-spacing-h5-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h5Light {\n  font: var(--font-h5-light);\n  letter-spacing: var(--letter-spacing-h5-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Bold {\n  font: var(--font-h6-bold);\n  letter-spacing: var(--letter-spacing-h6-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Normal {\n  font: var(--font-h6-normal);\n  letter-spacing: var(--letter-spacing-h6-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h6Light {\n  font: var(--font-h6-light);\n  letter-spacing: var(--letter-spacing-h6-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.headingComponent {\n  border: 1px solid transparent;\n  border-radius: var(--border-radius-small);\n  min-width: 0;\n  padding: 0 4px;\n}\n\n.headingComponent.multiLineEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}\n\n/* This is needed to support ellipsis in the middle of the word */\n\n.headingComponent.singleLineEllipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.headingComponent.suggestEditOnHover:hover {\n  cursor: text;\n  border: 1px solid;\n  border-color: var(--divider-primary);\n}\n\n/* Override tags styles */\n\n.elementTypeH1 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeH2.sizeLarge,\n.elementTypeH1.sizeSmall,\n.elementTypeH1.sizeMedium {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeH3.sizeLarge {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeH2.sizeSmall,\n.elementTypeH2.sizeMedium,\n.elementTypeH3.sizeSmall,\n.elementTypeH3.sizeMedium,\n.elementTypeH4 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeH5,\n.elementTypeP {\n  font: var(--font-text1-normal);\n}\n\n.elementTypeH6 {\n  font: var(--font-text2-normal);\n}\n\n.elementTypeSmall {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.elementTypeLink {\n  text-decoration: none;\n  color: var(--link-color);\n}");export{n as default};
 //# sourceMappingURL=LegacyHeading.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={link:"link","focus-visible":"focus-visible",text:"text",inlineText:"inlineText",inheritFontSize:"inheritFontSize",iconStart:"iconStart",iconEnd:"iconEnd"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],e="s_id-89a9488558ca_0_0_162";if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}(".link {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link:focus-visible, .link.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.link:focus:not(.focus-visible) {\n  outline: none;\n}\n.link:hover .text {\n  text-decoration: underline;\n}\n.link.inlineText {\n  display: inline-flex;\n  align-items: unset;\n}\n.link.inheritFontSize {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
+var n={link:"link","focus-visible":"focus-visible",text:"text",inlineText:"inlineText",inheritFontSize:"inheritFontSize",iconStart:"iconStart",iconEnd:"iconEnd"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],e="s_id-89a9488558ca_0_0_164";if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}(".link {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link:focus-visible, .link.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.link:focus:not(.focus-visible) {\n  outline: none;\n}\n.link:hover .text {\n  text-decoration: underline;\n}\n.link.inlineText {\n  display: inline-flex;\n  align-items: unset;\n}\n.link.inheritFontSize {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

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

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

package/dist/mocked_classnames_esm/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-5185c7fcfd3c_0_0_162";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))}(".scrollableContainer {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-5185c7fcfd3c_0_0_164";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))}(".scrollableContainer {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--divider-primary);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedListItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItem:"listItem","focus-visible":"focus-visible",disabled:"disabled",selected:"selected",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d1cb0ee5631e_0_0_162";if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".listItem {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem:focus-visible, .listItem.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) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem:focus:not(.focus-visible) {\n  outline: none;\n}\n.listItem:hover {\n  background-color: var(--surface-level-100-hover);\n}\n.disabled {\n  cursor: not-allowed;\n}\n.disabled:hover {\n  background-color: transparent;\n}\n.selected {\n  background-color: var(--surface-selected);\n}\n.selected:hover {\n  background-color: var(--surface-selected);\n}\n.small {\n  height: 32px;\n}\n.medium {\n  height: 40px;\n}\n.large {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem","focus-visible":"focus-visible",disabled:"disabled",selected:"selected",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d1cb0ee5631e_0_0_164";if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".listItem {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem:focus-visible, .listItem.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) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem:focus:not(.focus-visible) {\n  outline: none;\n}\n.listItem:hover {\n  background-color: var(--surface-level-100-hover);\n}\n.disabled {\n  cursor: not-allowed;\n}\n.disabled:hover {\n  background-color: transparent;\n}\n.selected {\n  background-color: var(--surface-selected);\n}\n.selected:hover {\n  background-color: var(--surface-selected);\n}\n.small {\n  height: 32px;\n}\n.medium {\n  height: 40px;\n}\n.large {\n  height: 48px;\n}");export{e as default};
 //# sourceMappingURL=ListItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItemAvatar:"listItemAvatar",avatar:"avatar"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-844d0a5e97b3_0_0_162";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".listItemAvatar {\n  display: flex;\n  align-items: center;\n  color: var(--text-primary);\n}\n\n.avatar {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar",avatar:"avatar"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-844d0a5e97b3_0_0_164";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".listItemAvatar {\n  display: flex;\n  align-items: center;\n  color: var(--text-primary);\n}\n\n.avatar {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemAvatar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItemIcon:"listItemIcon",start:"start",end:"end"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0065fa1ab303_0_0_162";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".listItemIcon {\n  display: flex;\n  align-items: center;\n  color: var(--text-primary);\n}\n\n.start {\n  margin-right: var(--spacing-small);\n}\n\n.end {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon",start:"start",end:"end"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-0065fa1ab303_0_0_164";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".listItemIcon {\n  display: flex;\n  align-items: center;\n  color: var(--text-primary);\n}\n\n.start {\n  margin-right: var(--spacing-small);\n}\n\n.end {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-c001e28d81a0_0_0_162";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".listTitle {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-medium);\n}");export{e as default};
+var e={listTitle:"listTitle"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-c001e28d81a0_0_0_164";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".listTitle {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-medium);\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={loaderContainer:"loaderContainer",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground",circleLoaderSpinner:"circleLoaderSpinner",rotate:"rotate",circleLoaderSpinnerPath:"circleLoaderSpinnerPath",dash:"dash"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-9897123e48fc_0_0_162";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".loaderContainer {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer .circleLoaderSpinnerBackground {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--surface-level-200);\n}\n.loaderContainer .circleLoaderSpinner {\n  animation: rotate 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer .circleLoaderSpinner .circleLoaderSpinnerPath {\n  animation: dash 1s infinite;\n}\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
+var e={loaderContainer:"loaderContainer",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground",circleLoaderSpinner:"circleLoaderSpinner",rotate:"rotate",circleLoaderSpinnerPath:"circleLoaderSpinnerPath",dash:"dash"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-9897123e48fc_0_0_164";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".loaderContainer {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer .circleLoaderSpinnerBackground {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--surface-level-200);\n}\n.loaderContainer .circleLoaderSpinner {\n  animation: rotate 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer .circleLoaderSpinner .circleLoaderSpinnerPath {\n  animation: dash 1s infinite;\n}\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
 //# sourceMappingURL=Loader.module.scss.js.map

package/dist/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_162";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_164";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_162";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_164";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_162";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_164";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_162";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_164";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_162";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_164";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_162";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_164";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_162";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_164";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_162";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_164";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_162";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_164";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_162";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_164";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_162";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_164";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_162";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_164";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",loaderRow:"loaderRow",loader:"loader"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-cc68abf757f8_0_0_162";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  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}\n\n.loaderRow {\n  width: 100%;\n}\n\n.loader {\n  margin: 16px auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
+var e={tableContainerStyles:"tableContainerStyles",baseStyles:"baseStyles",emptyTableContent:"emptyTableContent",loaderRow:"loaderRow",loader:"loader"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-cc68abf757f8_0_0_164";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  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}\n\n.loaderRow {\n  width: 100%;\n}\n\n.loader {\n  margin: 16px auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\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_162";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_164";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_162";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_164";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_162";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_164";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_162";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_164";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 e={stickyStyles:"stickyStyles",secondHeader:"secondHeader"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-8b535305e244_0_0_162";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))}(".stickyStyles {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.secondHeader {\n  top: 30px;\n}\n\nthead {\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{e as default};
+var e={stickyStyles:"stickyStyles",secondHeader:"secondHeader"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-8b535305e244_0_0_164";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))}(".stickyStyles {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.secondHeader {\n  top: 30px;\n}\n\nthead {\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{e as default};
 //# sourceMappingURL=TableHead.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,typeof as n,defineProperty as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useState as i,useEffect as a}from"react";import c from"../../../TextField/TextField.js";import l from"../../../Dropdown/Dropdown.js";import s from"lodash";import u from"../../../Flex/Flex.js";import d from"../../../IconButton/IconButton.js";import m from"./TableHeader.module.scss.js";import f from"../../../Search/Search.js";import p from"../../../Icon/Icons/components/Download.js";import v from"../../../Icon/Icons/components/Filter.js";import j from"../../../Icon/Icons/components/Close.js";var b=function(b){var h=b.data,g=b.onFilteredDataChange,y=b.globalSearch,C=void 0!==y&&y,L=b.dropdownFilters,O=void 0===L?[]:L,w=b.globalFilterColumns,k=void 0===w?[]:w,E=b.headerButtons,S=void 0===E?[]:E,F=b.isDownloadable,x=void 0===F||F,I=b.isFilterableable,N=void 0===I||I,T=i(!1),A=e(T,2),B=A[0],z=A[1],D=i(""),R=e(D,2),M=R[0],H=R[1],P=i(""),_=e(P,2),U=_[0],W=_[1],Y=i(null),q=e(Y,2),V=q[0],G=i(null),J=(e(G,2),i({})),K=e(J,2),Q=K[0],X=K[1],Z=i(h),$=e(Z,2),ee=$[0],ne=$[1],oe=function e(o){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};for(var i in o){var a=t?"".concat(t,".").concat(i):i;"object"===n(o[i])&&null!==o[i]?e(o[i],a,r):r[a]=o[i]}return r};a((function(){var o=h;if(C&&M&&k){var t=M.toLowerCase();o=o.filter((function(e){var n=oe(e);return k.some((function(e){return(n[e]+"").toLowerCase().includes(t)}))}))}if(U){var r=U.toLowerCase();o=o.filter((function(e){return Object.values(e).some((function(e){return"object"===n(e)?Object.values(e).some((function(e){return(e+"").toLowerCase().includes(r)})):(e+"").toLowerCase().includes(r)}))}))}Object.entries(Q).forEach((function(t){var r=e(t,2),i=r[0],a=r[1];a&&(o=o.filter((function(e){var o=e[i];return"object"===n(o)?o.value===a.value:o===a.value})))})),s.isEqual(o,ee)||(g(o),ne(o))}),[h,M,U,V,Q,g,k]);return t(u,Object.assign({justify:S.length>0?u.justify.SPACE_BETWEEN:u.justify.END,className:m.tableHeader,wrap:!1},{children:[r(u,Object.assign({gap:u.gaps.SMALL},{children:S&&S.map((function(e,n){return e}))})),t(u,Object.assign({gap:u.gaps.SMALL},{children:[O.map((function(e){var t=new Set(h.map((function(o){var t=o[e.columnName];return"object"===n(t)?t.value:t}))),i=Array.from(t).map((function(e){return{label:"string"==typeof e?e:e+"",value:e}}));return r("div",Object.assign({style:{minWidth:"150px"}},{children:r(l,{options:i,size:l.sizes.SMALL,onOptionSelect:function(n){return X((function(t){return Object.assign(Object.assign({},t),o({},e.columnName,n))}))},placeholder:e.placeholder?e.placeholder:e.columnName,onClear:function(){return X((function(n){return Object.assign(Object.assign({},n),o({},e.columnName,null))}))}},e.columnName)}))})),C&&r(f,{placeholder:"Search...",value:M,onChange:H,size:f.sizes.SMALL}),x&&r(d,{icon:p,style:{color:"grey"},kind:"tertiary",size:"small",ariaLabel:"Export as CSV",active:!0,onClick:function(){var o=function(o){var t=[],r=Object.keys(o[0]);return t.push(r.join(",")),o.forEach((function(o){var i=r.map((function(t){var r=o[t];"object"===n(r)&&null!==r&&(r=Object.entries(r).map((function(n){var o=e(n,2),t=o[1];return"".concat(o[0],": ").concat(t)})).join("; "));var i="".concat(r).replace(/"/g,'""');return'"'.concat(i,'"')}));t.push(i.join(","))})),t.join("\n")}(h);!function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"table-data.csv",o=new Blob([e],{type:"text/csv;charset=utf-8;"}),t=document.createElement("a");t.href=URL.createObjectURL(o),t.download=n,t.style.visibility="hidden",document.body.appendChild(t),t.click(),document.body.removeChild(t)}(o)}}),N&&t("div",Object.assign({className:m.filterButtonContainer},{children:[r(d,o(o(o(o(o({icon:v,kind:d.kinds.TERTIARY,style:{color:"grey"}},"kind","tertiary"),"size","small"),"ariaLabel","Filter"),"active",!0),"onClick",(function(){z((function(e){return!e}))}))),B&&t("div",Object.assign({className:m.filterBox},{children:[r(c,{placeholder:"Type to filter...",value:U,onChange:W}),r(d,o(o(o(o(o({icon:j,kind:d.kinds.TERTIARY,style:{color:"grey"}},"kind","tertiary"),"size","small"),"ariaLabel","Close Filter"),"active",!0),"onClick",(function(){return z(!1)})))]}))]}))]}))]}))};export{b as default};
+import{slicedToArray as e,typeof as n,defineProperty as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useState as i,useEffect as a}from"react";import c from"../../../TextField/TextField.js";import l from"../../../Dropdown/Dropdown.js";import s from"lodash";import u from"../../../Flex/Flex.js";import d from"../../../IconButton/IconButton.js";import m from"./TableHeader.module.scss.js";import f from"../../../Search/Search.js";import p from"../../../Icon/Icons/components/Download.js";import v from"../../../Icon/Icons/components/Filter.js";import b from"../../../Icon/Icons/components/Close.js";var j=function(j){var h=j.data,g=j.onFilteredDataChange,y=j.globalSearch,C=void 0!==y&&y,L=j.dropdownFilters,O=void 0===L?[]:L,w=j.globalFilterColumns,k=void 0===w?[]:w,E=j.headerButtons,F=void 0===E?[]:E,S=j.isDownloadable,x=void 0===S||S,I=j.isFilterableable,N=void 0===I||I,T=j.onGlobalFilterChange,A=i(!1),B=e(A,2),z=B[0],D=B[1],R=i(""),M=e(R,2),H=M[0],P=M[1],_=i(""),U=e(_,2),W=U[0],Y=U[1],q=i(null),G=e(q,2),V=G[0],J=i(null),K=(e(J,2),i({})),Q=e(K,2),X=Q[0],Z=Q[1],$=i(h),ee=e($,2),ne=ee[0],oe=ee[1],te=function e(o){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};for(var i in o){var a=t?"".concat(t,".").concat(i):i;"object"===n(o[i])&&null!==o[i]?e(o[i],a,r):r[a]=o[i]}return r};a((function(){var o=h;if(C&&H&&k){var t=H.toLowerCase();o=o.filter((function(e){var n=te(e);return k.some((function(e){return(n[e]+"").toLowerCase().includes(t)}))}))}if(W){var r=W.toLowerCase();o=o.filter((function(e){return Object.values(e).some((function(e){return"object"===n(e)?Object.values(e).some((function(e){return(e+"").toLowerCase().includes(r)})):(e+"").toLowerCase().includes(r)}))}))}Object.entries(X).forEach((function(t){var r=e(t,2),i=r[0],a=r[1];a&&(o=o.filter((function(e){var o=e[i];return"object"===n(o)?o.value===a.value:o===a.value})))})),s.isEqual(o,ne)||(g(o),oe(o))}),[h,H,W,V,X,g,k]),a((function(){T&&T(H)}),[H,W,X]);return t(u,Object.assign({justify:F.length>0?u.justify.SPACE_BETWEEN:u.justify.END,className:m.tableHeader,wrap:!1},{children:[r(u,Object.assign({gap:u.gaps.SMALL},{children:F&&F.map((function(e,n){return e}))})),t(u,Object.assign({gap:u.gaps.SMALL},{children:[O.map((function(e){var t=new Set(h.map((function(o){var t=o[e.columnName];return"object"===n(t)?t.value:t}))),i=Array.from(t).map((function(e){return{label:"string"==typeof e?e:e+"",value:e}}));return r("div",Object.assign({style:{minWidth:"150px"}},{children:r(l,{options:i,size:l.sizes.SMALL,onOptionSelect:function(n){return Z((function(t){return Object.assign(Object.assign({},t),o({},e.columnName,n))}))},placeholder:e.placeholder?e.placeholder:e.columnName,onClear:function(){return Z((function(n){return Object.assign(Object.assign({},n),o({},e.columnName,null))}))}},e.columnName)}))})),C&&r(f,{placeholder:"Search...",value:H,onChange:P,size:f.sizes.SMALL}),x&&r(d,{icon:p,style:{color:"grey"},kind:"tertiary",size:"small",ariaLabel:"Export as CSV",active:!0,onClick:function(){var o=function(o){var t=[],r=Object.keys(o[0]);return t.push(r.join(",")),o.forEach((function(o){var i=r.map((function(t){var r=o[t];"object"===n(r)&&null!==r&&(r=Object.entries(r).map((function(n){var o=e(n,2),t=o[1];return"".concat(o[0],": ").concat(t)})).join("; "));var i="".concat(r).replace(/"/g,'""');return'"'.concat(i,'"')}));t.push(i.join(","))})),t.join("\n")}(h);!function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"table-data.csv",o=new Blob([e],{type:"text/csv;charset=utf-8;"}),t=document.createElement("a");t.href=URL.createObjectURL(o),t.download=n,t.style.visibility="hidden",document.body.appendChild(t),t.click(),document.body.removeChild(t)}(o)}}),N&&t("div",Object.assign({className:m.filterButtonContainer},{children:[r(d,o(o(o(o(o({icon:v,kind:d.kinds.TERTIARY,style:{color:"grey"}},"kind","tertiary"),"size","small"),"ariaLabel","Filter"),"active",!0),"onClick",(function(){D((function(e){return!e}))}))),z&&t("div",Object.assign({className:m.filterBox},{children:[r(c,{placeholder:"Type to filter...",value:W,onChange:Y}),r(d,o(o(o(o(o({icon:b,kind:d.kinds.TERTIARY,style:{color:"grey"}},"kind","tertiary"),"size","small"),"ariaLabel","Close Filter"),"active",!0),"onClick",(function(){return D(!1)})))]}))]}))]}))]}))};export{j as default};
 //# sourceMappingURL=TableHeader.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/TableHeader/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../../../../../src/components/NewTable/components/TableHeader/TableHeader.tsx"],"sourcesContent":["// TableHeader.tsx\n// @ts-nocheck\nimport React, { useState, useEffect, useMemo } from \"react\";\nimport TextField from \"../../../TextField/TextField\";\nimport Dropdown from \"../../../Dropdown/Dropdown\";\nimport _ from \"lodash\";\nimport Flex from \"../../../Flex/Flex\";\nimport IconButton from \"../../../IconButton/IconButton\";\nimport { Close, Download, Filter } from \"../../../Icon/Icons\";\nimport styles from \"./TableHeader.module.scss\";\nimport Search from \"../../../Search/Search\";\n\ninterface AssigneeOption {\n  value: string;\n  label: string;\n  leftAvatar: string;\n}\n\ninterface DropdownFilterOption {\n  columnName: string;\n  placeholder: string;\n}\n\ninterface TableHeaderProps {\n  data: {}[];\n  onFilteredDataChange: (filteredData: any[]) => void;\n  globalSearch: boolean;\n  headerButtons?: React.ReactNode[];\n  isDownloadable?: boolean;\n  isFilterableable?: boolean;\n  dropdownFilters?: DropdownFilterOption[];\n  globalFilterColumns?: string[];\n}\n\nconst TableHeader: React.FC<TableHeaderProps> = ({\n  data,\n  onFilteredDataChange,\n  globalSearch = false,\n  dropdownFilter = false,\n  dropdownFilters = [],\n  globalFilterColumns = [],\n  headerButtons = [],\n  isDownloadable = true,\n  isFilterableable = true,\n}) => {\n  const [isFilterInputVisible, setIsFilterInputVisible] = useState(false);\n  const [globalFilter, setGlobalFilter] = useState(\"\");\n  const [inputFilter, setInputFilter] = useState(\"\");\n  const [statusFilter, setStatusFilter] = useState<string | null>(null);\n  const [selectedAssignee, setSelectedAssignee] =\n    useState<AssigneeOption | null>(null);\n  const [selectedDropdownFilters, setSelectedDropdownFilters] = useState<{\n    [columnName: string]: AssigneeOption | null;\n  }>({});\n  const [lastFiltered, setLastFiltered] = useState(data);\n\n  const handleFilterIconClick = () => {\n    setIsFilterInputVisible((prev) => !prev);\n  };\n\n  const arrayToCSV = (data) => {\n    const csvRows = [];\n    const headers = Object.keys(data[0]);\n    csvRows.push(headers.join(\",\"));\n\n    data.forEach((row) => {\n      const values = headers.map((header) => {\n        let cell = row[header];\n        if (typeof cell === \"object\" && cell !== null) {\n          cell = Object.entries(cell)\n            .map(([key, value]) => `${key}: ${value}`)\n            .join(\"; \");\n        }\n        const escaped = `${cell}`.replace(/\"/g, '\"\"');\n        return `\"${escaped}\"`;\n      });\n      csvRows.push(values.join(\",\"));\n    });\n\n    return csvRows.join(\"\\n\");\n  };\n\n  const downloadCSV = (csvString, filename = \"table-data.csv\") => {\n    const blob = new Blob([csvString], { type: \"text/csv;charset=utf-8;\" });\n    const link = document.createElement(\"a\");\n    link.href = URL.createObjectURL(blob);\n    link.download = filename;\n    link.style.visibility = \"hidden\";\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  };\n\n  const handleDownloadClick = () => {\n    const csvString = arrayToCSV(data);\n    downloadCSV(csvString);\n  };\n\n  const flattenObject = (obj, parentKey = \"\", result = {}) => {\n    for (let key in obj) {\n      const newKey = parentKey ? `${parentKey}.${key}` : key;\n      if (typeof obj[key] === \"object\" && obj[key] !== null) {\n        flattenObject(obj[key], newKey, result);\n      } else {\n        result[newKey] = obj[key];\n      }\n    }\n    return result;\n  };\n\n  useEffect(() => {\n    let filtered = data;\n\n    // Global search\n    if (globalSearch && globalFilter && globalFilterColumns) {\n      const searchLower = globalFilter.toLowerCase();\n      filtered = filtered.filter((item) => {\n        const flatItem = flattenObject(item);\n        return globalFilterColumns.some((column) =>\n          String(flatItem[column]).toLowerCase().includes(searchLower)\n        );\n      });\n    }\n\n    // Input filter\n    if (inputFilter) {\n      const lowerCaseFilter = inputFilter.toLowerCase();\n      filtered = filtered.filter((item) =>\n        Object.values(item).some((value) =>\n          typeof value === \"object\"\n            ? Object.values(value).some((innerValue) =>\n                String(innerValue).toLowerCase().includes(lowerCaseFilter)\n              )\n            : String(value).toLowerCase().includes(lowerCaseFilter)\n        )\n      );\n    }\n\n    // Dropdown filters\n    Object.entries(selectedDropdownFilters).forEach(\n      ([columnName, selectedOption]) => {\n        if (selectedOption) {\n          filtered = filtered.filter((item) => {\n            const itemValue = item[columnName];\n            return typeof itemValue === \"object\"\n              ? itemValue.value === selectedOption.value\n              : itemValue === selectedOption.value;\n          });\n        }\n      }\n    );\n\n    if (!_.isEqual(filtered, lastFiltered)) {\n      onFilteredDataChange(filtered);\n      setLastFiltered(filtered);\n    }\n  }, [\n    data,\n    globalFilter,\n    inputFilter,\n    statusFilter,\n    selectedDropdownFilters,\n    onFilteredDataChange,\n    globalFilterColumns,\n  ]);\n\n  const renderDropdownFilters = () => {\n    return dropdownFilters.map((filter) => {\n      const columnValues = new Set(\n        data.map((item) => {\n          const itemValue = item[filter.columnName];\n          return typeof itemValue === \"object\" ? itemValue.value : itemValue;\n        })\n      );\n\n      const options = Array.from(columnValues).map((value) => ({\n        label: typeof value === \"string\" ? value : String(value),\n        value,\n      }));\n\n      return (\n        <div style={{ minWidth: \"150px\" }}>\n          <Dropdown\n            key={filter.columnName}\n            options={options}\n            size={Dropdown.sizes.SMALL}\n            onOptionSelect={(selectedOption) =>\n              setSelectedDropdownFilters((prev) => ({\n                ...prev,\n                [filter.columnName]: selectedOption,\n              }))\n            }\n            placeholder={\n              filter.placeholder ? filter.placeholder : filter.columnName\n            }\n            onClear={() =>\n              setSelectedDropdownFilters((prev) => ({\n                ...prev,\n                [filter.columnName]: null,\n              }))\n            }\n          />\n        </div>\n      );\n    });\n  };\n\n  return (\n    <Flex\n      justify={\n        headerButtons.length > 0 ? Flex.justify.SPACE_BETWEEN : Flex.justify.END\n      }\n      className={styles.tableHeader}\n      wrap={false}\n    >\n      <Flex gap={Flex.gaps.SMALL}>\n        {headerButtons && headerButtons.map((button, index) => button)}\n      </Flex>\n      <Flex gap={Flex.gaps.SMALL}>\n        {renderDropdownFilters()}\n        {globalSearch && (\n          <Search\n            placeholder=\"Search...\"\n            value={globalFilter}\n            onChange={setGlobalFilter}\n            size={Search.sizes.SMALL}\n          />\n        )}\n        {isDownloadable && (\n          <IconButton\n            icon={Download}\n            style={{ color: \"grey\" }}\n            kind=\"tertiary\"\n            size=\"small\"\n            ariaLabel=\"Export as CSV\"\n            active\n            onClick={handleDownloadClick}\n          />\n        )}\n        {isFilterableable && (\n          <div className={styles.filterButtonContainer}>\n            <IconButton\n              icon={Filter}\n              kind={IconButton.kinds.TERTIARY}\n              style={{ color: \"grey\" }}\n              kind=\"tertiary\"\n              size=\"small\"\n              ariaLabel=\"Filter\"\n              active\n              onClick={handleFilterIconClick}\n            />\n            {isFilterInputVisible && (\n              <div className={styles.filterBox}>\n                <TextField\n                  placeholder=\"Type to filter...\"\n                  value={inputFilter}\n                  onChange={setInputFilter}\n                />\n                <IconButton\n                  icon={Close}\n                  kind={IconButton.kinds.TERTIARY}\n                  style={{ color: \"grey\" }}\n                  kind=\"tertiary\"\n                  size=\"small\"\n                  ariaLabel=\"Close Filter\"\n                  active\n                  onClick={() => setIsFilterInputVisible(false)}\n                />\n              </div>\n            )}\n          </div>\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default TableHeader;\n"],"names":["TableHeader","_ref","data","onFilteredDataChange","_ref$globalSearch","globalSearch","_ref$dropdownFilters","dropdownFilters","_ref$globalFilterColu","globalFilterColumns","_ref$headerButtons","headerButtons","_ref$isDownloadable","isDownloadable","_ref$isFilterableable","isFilterableable","_useState","useState","_useState2","_slicedToArray","isFilterInputVisible","setIsFilterInputVisible","_useState3","_useState4","globalFilter","setGlobalFilter","_useState5","_useState6","inputFilter","setInputFilter","_useState7","_useState8","statusFilter","_useState9","_useState11","_useState12","selectedDropdownFilters","setSelectedDropdownFilters","_useState13","_useState14","lastFiltered","setLastFiltered","flattenObject","obj","parentKey","arguments","length","undefined","result","key","newKey","concat","_typeof","useEffect","filtered","searchLower","toLowerCase","filter","item","flatItem","some","column","String","includes","lowerCaseFilter","Object","values","value","innerValue","entries","forEach","_ref4","_ref5","columnName","selectedOption","itemValue","_","isEqual","_jsxs","Flex","assign","justify","SPACE_BETWEEN","END","className","styles","tableHeader","wrap","children","_jsx","gap","gaps","SMALL","map","button","index","columnValues","Set","options","Array","from","label","style","minWidth","Dropdown","size","sizes","onOptionSelect","prev","_defineProperty","placeholder","onClear","Search","onChange","IconButton","icon","Download","color","kind","ariaLabel","active","onClick","csvString","csvRows","headers","keys","push","join","row","header","cell","_ref2","_ref3","escaped","replace","arrayToCSV","filename","blob","Blob","type","link","document","createElement","href","URL","createObjectURL","download","visibility","body","appendChild","click","removeChild","downloadCSV","filterButtonContainer","Filter","kinds","TERTIARY","filterBox","TextField","Close"],"mappings":"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"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../../../../src/components/NewTable/components/TableHeader/TableHeader.tsx"],"sourcesContent":["// TableHeader.tsx\n// @ts-nocheck\nimport React, { useState, useEffect, useMemo } from \"react\";\nimport TextField from \"../../../TextField/TextField\";\nimport Dropdown from \"../../../Dropdown/Dropdown\";\nimport _ from \"lodash\";\nimport Flex from \"../../../Flex/Flex\";\nimport IconButton from \"../../../IconButton/IconButton\";\nimport { Close, Download, Filter } from \"../../../Icon/Icons\";\nimport styles from \"./TableHeader.module.scss\";\nimport Search from \"../../../Search/Search\";\n\ninterface AssigneeOption {\n  value: string;\n  label: string;\n  leftAvatar: string;\n}\n\ninterface DropdownFilterOption {\n  columnName: string;\n  placeholder: string;\n}\n\ninterface TableHeaderProps {\n  data: {}[];\n  onFilteredDataChange: (filteredData: any[]) => void;\n  globalSearch: boolean;\n  headerButtons?: React.ReactNode[];\n  isDownloadable?: boolean;\n  isFilterableable?: boolean;\n  dropdownFilters?: DropdownFilterOption[];\n  globalFilterColumns?: string[];\n}\n\nconst TableHeader: React.FC<TableHeaderProps> = ({\n  data,\n  onFilteredDataChange,\n  globalSearch = false,\n  dropdownFilter = false,\n  dropdownFilters = [],\n  globalFilterColumns = [],\n  headerButtons = [],\n  isDownloadable = true,\n  isFilterableable = true,\n  onGlobalFilterChange,\n}) => {\n  const [isFilterInputVisible, setIsFilterInputVisible] = useState(false);\n  const [globalFilter, setGlobalFilter] = useState(\"\");\n  const [inputFilter, setInputFilter] = useState(\"\");\n  const [statusFilter, setStatusFilter] = useState<string | null>(null);\n  const [selectedAssignee, setSelectedAssignee] =\n    useState<AssigneeOption | null>(null);\n  const [selectedDropdownFilters, setSelectedDropdownFilters] = useState<{\n    [columnName: string]: AssigneeOption | null;\n  }>({});\n  const [lastFiltered, setLastFiltered] = useState(data);\n\n  const handleFilterIconClick = () => {\n    setIsFilterInputVisible((prev) => !prev);\n  };\n\n  const arrayToCSV = (data) => {\n    const csvRows = [];\n    const headers = Object.keys(data[0]);\n    csvRows.push(headers.join(\",\"));\n\n    data.forEach((row) => {\n      const values = headers.map((header) => {\n        let cell = row[header];\n        if (typeof cell === \"object\" && cell !== null) {\n          cell = Object.entries(cell)\n            .map(([key, value]) => `${key}: ${value}`)\n            .join(\"; \");\n        }\n        const escaped = `${cell}`.replace(/\"/g, '\"\"');\n        return `\"${escaped}\"`;\n      });\n      csvRows.push(values.join(\",\"));\n    });\n\n    return csvRows.join(\"\\n\");\n  };\n\n  const downloadCSV = (csvString, filename = \"table-data.csv\") => {\n    const blob = new Blob([csvString], { type: \"text/csv;charset=utf-8;\" });\n    const link = document.createElement(\"a\");\n    link.href = URL.createObjectURL(blob);\n    link.download = filename;\n    link.style.visibility = \"hidden\";\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  };\n\n  const handleDownloadClick = () => {\n    const csvString = arrayToCSV(data);\n    downloadCSV(csvString);\n  };\n\n  const flattenObject = (obj, parentKey = \"\", result = {}) => {\n    for (let key in obj) {\n      const newKey = parentKey ? `${parentKey}.${key}` : key;\n      if (typeof obj[key] === \"object\" && obj[key] !== null) {\n        flattenObject(obj[key], newKey, result);\n      } else {\n        result[newKey] = obj[key];\n      }\n    }\n    return result;\n  };\n\n  useEffect(() => {\n    let filtered = data;\n\n    // Global search\n    if (globalSearch && globalFilter && globalFilterColumns) {\n      const searchLower = globalFilter.toLowerCase();\n      filtered = filtered.filter((item) => {\n        const flatItem = flattenObject(item);\n        return globalFilterColumns.some((column) =>\n          String(flatItem[column]).toLowerCase().includes(searchLower)\n        );\n      });\n    }\n\n    // Input filter\n    if (inputFilter) {\n      const lowerCaseFilter = inputFilter.toLowerCase();\n      filtered = filtered.filter((item) =>\n        Object.values(item).some((value) =>\n          typeof value === \"object\"\n            ? Object.values(value).some((innerValue) =>\n                String(innerValue).toLowerCase().includes(lowerCaseFilter)\n              )\n            : String(value).toLowerCase().includes(lowerCaseFilter)\n        )\n      );\n    }\n\n    // Dropdown filters\n    Object.entries(selectedDropdownFilters).forEach(\n      ([columnName, selectedOption]) => {\n        if (selectedOption) {\n          filtered = filtered.filter((item) => {\n            const itemValue = item[columnName];\n            return typeof itemValue === \"object\"\n              ? itemValue.value === selectedOption.value\n              : itemValue === selectedOption.value;\n          });\n        }\n      }\n    );\n\n    if (!_.isEqual(filtered, lastFiltered)) {\n      onFilteredDataChange(filtered);\n      setLastFiltered(filtered);\n    }\n  }, [\n    data,\n    globalFilter,\n    inputFilter,\n    statusFilter,\n    selectedDropdownFilters,\n    onFilteredDataChange,\n    globalFilterColumns,\n  ]);\n\n\n  useEffect(() => {\n    if (onGlobalFilterChange) {\n      onGlobalFilterChange(globalFilter);\n    }\n  }, [globalFilter, inputFilter, selectedDropdownFilters]);\n\n  const renderDropdownFilters = () => {\n    return dropdownFilters.map((filter) => {\n      const columnValues = new Set(\n        data.map((item) => {\n          const itemValue = item[filter.columnName];\n          return typeof itemValue === \"object\" ? itemValue.value : itemValue;\n        })\n      );\n\n      const options = Array.from(columnValues).map((value) => ({\n        label: typeof value === \"string\" ? value : String(value),\n        value,\n      }));\n\n      return (\n        <div style={{ minWidth: \"150px\" }}>\n          <Dropdown\n            key={filter.columnName}\n            options={options}\n            size={Dropdown.sizes.SMALL}\n            onOptionSelect={(selectedOption) =>\n              setSelectedDropdownFilters((prev) => ({\n                ...prev,\n                [filter.columnName]: selectedOption,\n              }))\n            }\n            placeholder={\n              filter.placeholder ? filter.placeholder : filter.columnName\n            }\n            onClear={() =>\n              setSelectedDropdownFilters((prev) => ({\n                ...prev,\n                [filter.columnName]: null,\n              }))\n            }\n          />\n        </div>\n      );\n    });\n  };\n\n  return (\n    <Flex\n      justify={\n        headerButtons.length > 0 ? Flex.justify.SPACE_BETWEEN : Flex.justify.END\n      }\n      className={styles.tableHeader}\n      wrap={false}\n    >\n      <Flex gap={Flex.gaps.SMALL}>\n        {headerButtons && headerButtons.map((button, index) => button)}\n      </Flex>\n      <Flex gap={Flex.gaps.SMALL}>\n        {renderDropdownFilters()}\n        {globalSearch && (\n          <Search\n            placeholder=\"Search...\"\n            value={globalFilter}\n            onChange={setGlobalFilter}\n            size={Search.sizes.SMALL}\n          />\n        )}\n        {isDownloadable && (\n          <IconButton\n            icon={Download}\n            style={{ color: \"grey\" }}\n            kind=\"tertiary\"\n            size=\"small\"\n            ariaLabel=\"Export as CSV\"\n            active\n            onClick={handleDownloadClick}\n          />\n        )}\n        {isFilterableable && (\n          <div className={styles.filterButtonContainer}>\n            <IconButton\n              icon={Filter}\n              kind={IconButton.kinds.TERTIARY}\n              style={{ color: \"grey\" }}\n              kind=\"tertiary\"\n              size=\"small\"\n              ariaLabel=\"Filter\"\n              active\n              onClick={handleFilterIconClick}\n            />\n            {isFilterInputVisible && (\n              <div className={styles.filterBox}>\n                <TextField\n                  placeholder=\"Type to filter...\"\n                  value={inputFilter}\n                  onChange={setInputFilter}\n                />\n                <IconButton\n                  icon={Close}\n                  kind={IconButton.kinds.TERTIARY}\n                  style={{ color: \"grey\" }}\n                  kind=\"tertiary\"\n                  size=\"small\"\n                  ariaLabel=\"Close Filter\"\n                  active\n                  onClick={() => setIsFilterInputVisible(false)}\n                />\n              </div>\n            )}\n          </div>\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default TableHeader;\n"],"names":["TableHeader","_ref","data","onFilteredDataChange","_ref$globalSearch","globalSearch","_ref$dropdownFilters","dropdownFilters","_ref$globalFilterColu","globalFilterColumns","_ref$headerButtons","headerButtons","_ref$isDownloadable","isDownloadable","_ref$isFilterableable","isFilterableable","onGlobalFilterChange","_useState","useState","_useState2","_slicedToArray","isFilterInputVisible","setIsFilterInputVisible","_useState3","_useState4","globalFilter","setGlobalFilter","_useState5","_useState6","inputFilter","setInputFilter","_useState7","_useState8","statusFilter","_useState9","_useState11","_useState12","selectedDropdownFilters","setSelectedDropdownFilters","_useState13","_useState14","lastFiltered","setLastFiltered","flattenObject","obj","parentKey","arguments","length","undefined","result","key","newKey","concat","_typeof","useEffect","filtered","searchLower","toLowerCase","filter","item","flatItem","some","column","String","includes","lowerCaseFilter","Object","values","value","innerValue","entries","forEach","_ref4","_ref5","columnName","selectedOption","itemValue","_","isEqual","_jsxs","Flex","assign","justify","SPACE_BETWEEN","END","className","styles","tableHeader","wrap","children","_jsx","gap","gaps","SMALL","map","button","index","columnValues","Set","options","Array","from","label","style","minWidth","Dropdown","size","sizes","onOptionSelect","prev","_defineProperty","placeholder","onClear","Search","onChange","IconButton","icon","Download","color","kind","ariaLabel","active","onClick","csvString","csvRows","headers","keys","push","join","row","header","cell","_ref2","_ref3","escaped","replace","arrayToCSV","filename","blob","Blob","type","link","document","createElement","href","URL","createObjectURL","download","visibility","body","appendChild","click","removeChild","downloadCSV","filterButtonContainer","Filter","kinds","TERTIARY","filterBox","TextField","Close"],"mappings":"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"}

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_162";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_164";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_162";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_164";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_162";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_164";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_162";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_164";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_162";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_164";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_162";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_164";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-2b276a270975_0_0_162";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  display: flex;\n  flex-direction: column;\n  height: 100%;\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-2b276a270975_0_0_164";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  display: flex;\n  flex-direction: column;\n  height: 100%;\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