@heliux-org/design-system-core 0.0.317 → 0.0.318-ibrahim

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

@@ -1,2 +1,2 @@
-var o={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",heading:"heading"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_0_0_316";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".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.heading {\n  margin: 0;\n}");export{o as default};
+var o={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",heading:"heading"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-7b3706ef5cf5_0_0_318-ibrahim";if(n.querySelector("#"+t))return;const h=document.createElement("style");h.id=t,n.firstChild?n.insertBefore(h,n.firstChild):n.appendChild(h),h.appendChild(document.createTextNode(o))}(".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.heading {\n  margin: 0;\n}");export{o as default};
 //# sourceMappingURL=Heading.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={icon:"icon",noFocusStyle:"noFocusStyle",clickable:"clickable"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-039c30c54242_0_0_316";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".icon {\n  position: relative;\n}\n\n.icon:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle:focus {\n  outline: none;\n}\n\n.clickable {\n  cursor: pointer;\n}");export{e as default};
+var e={icon:"icon",noFocusStyle:"noFocusStyle",clickable:"clickable"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-039c30c54242_0_0_318-ibrahim";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".icon {\n  position: relative;\n}\n\n.icon:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle:focus {\n  outline: none;\n}\n\n.clickable {\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Icon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",referenceWrapper:"referenceWrapper","button-rounded":"button-rounded"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-33e484e41e7e_0_0_316";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper {\n  display: inline-flex;\n}\n\n.button-rounded {\n  border-radius: 100%;\n}");export{e as default};
+var e={wrapper:"wrapper",referenceWrapper:"referenceWrapper","button-rounded":"button-rounded"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-33e484e41e7e_0_0_318-ibrahim";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper {\n  display: inline-flex;\n}\n\n.button-rounded {\n  border-radius: 100%;\n}");export{e as default};
 //# sourceMappingURL=IconButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={input_container:"input_container",container:"container",input:"input","inline-vertical":"inline-vertical","inline-horizontal":"inline-horizontal",cross_icon:"cross_icon",tick_icon:"tick_icon",confirmButton:"confirmButton",cancelButton:"cancelButton",button_group:"button_group",button_ungroup:"button_ungroup",readButton:"readButton",readOnly:"readOnly",editing:"editing",datePickerWrapper:"datePickerWrapper"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-5fa9a14ca9a5_0_0_316";if(t.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".input_container {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.container {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  min-height: 28px;\n  padding: 2px 6px;\n  background-color: transparent;\n  width: 100%;\n}\n\n.input {\n  width: 100%;\n}\n\n.inline-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.inline-horizontal {\n  flex-direction: row;\n}\n\n.cross_icon {\n  width: 16px;\n  height: 16px;\n}\n\n.tick_icon {\n  width: 16px;\n  height: 16px;\n}\n\n.tick_icon:hover {\n  color: var(--text-primary);\n}\n\n.confirmButton {\n  height: 24px !important;\n  width: 24px !important;\n  background-color: var(--primary-color) !important;\n  border: 1px solid #10181b !important;\n  border-radius: 4px !important;\n}\n\n.confirmButton:hover {\n  background-color: #3b4652 !important;\n}\n\n.cancelButton {\n  height: 24px !important;\n  width: 24px !important;\n  padding: 5px !important;\n  border-radius: 4px !important;\n  border: 1px solid var(--divider-secondary) !important;\n}\n\n.cancelButton[class*=_Button--icon] {\n  height: 24px;\n  height: 24px;\n}\n\n.button_group {\n  position: absolute;\n  right: 8px;\n  top: 4px;\n  display: flex;\n  gap: 0.25rem;\n}\n\n.button_ungroup {\n  position: absolute;\n  right: 0;\n  top: calc(100% + 0px);\n  display: flex;\n  gap: 1px;\n  z-index: 9998;\n}\n\n.readButton {\n  display: inline-block;\n  padding: 8px 16px;\n  border-radius: 4px;\n}\n\n.readButton:hover {\n  background: #ececec;\n  cursor: pointer;\n}\n\n.readButton:focus-visible {\n  border-radius: 6px;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n  outline: 0;\n  z-index: 2;\n}\n\n.readOnly {\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.readOnly:hover {\n  background-color: var(--surface-level-200);\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.editing {\n  background-color: transparent;\n}\n\n.datePickerWrapper {\n  position: relative;\n}");export{n as default};
+var n={input_container:"input_container",container:"container",input:"input","inline-vertical":"inline-vertical","inline-horizontal":"inline-horizontal",cross_icon:"cross_icon",tick_icon:"tick_icon",confirmButton:"confirmButton",cancelButton:"cancelButton",button_group:"button_group",button_ungroup:"button_ungroup",readButton:"readButton",readOnly:"readOnly",editing:"editing",datePickerWrapper:"datePickerWrapper"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-5fa9a14ca9a5_0_0_318-ibrahim";if(t.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".input_container {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.container {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  min-height: 28px;\n  padding: 2px 6px;\n  background-color: transparent;\n  width: 100%;\n}\n\n.input {\n  width: 100%;\n}\n\n.inline-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.inline-horizontal {\n  flex-direction: row;\n}\n\n.cross_icon {\n  width: 16px;\n  height: 16px;\n}\n\n.tick_icon {\n  width: 16px;\n  height: 16px;\n}\n\n.tick_icon:hover {\n  color: var(--text-primary);\n}\n\n.confirmButton {\n  height: 24px !important;\n  width: 24px !important;\n  background-color: var(--primary-color) !important;\n  border: 1px solid #10181b !important;\n  border-radius: 4px !important;\n}\n\n.confirmButton:hover {\n  background-color: #3b4652 !important;\n}\n\n.cancelButton {\n  height: 24px !important;\n  width: 24px !important;\n  padding: 5px !important;\n  border-radius: 4px !important;\n  border: 1px solid var(--divider-secondary) !important;\n}\n\n.cancelButton[class*=_Button--icon] {\n  height: 24px;\n  height: 24px;\n}\n\n.button_group {\n  position: absolute;\n  right: 8px;\n  top: 4px;\n  display: flex;\n  gap: 0.25rem;\n}\n\n.button_ungroup {\n  position: absolute;\n  right: 0;\n  top: calc(100% + 0px);\n  display: flex;\n  gap: 1px;\n  z-index: 9998;\n}\n\n.readButton {\n  display: inline-block;\n  padding: 8px 16px;\n  border-radius: 4px;\n}\n\n.readButton:hover {\n  background: #ececec;\n  cursor: pointer;\n}\n\n.readButton:focus-visible {\n  border-radius: 6px;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n  outline: 0;\n  z-index: 2;\n}\n\n.readOnly {\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.readOnly:hover {\n  background-color: var(--surface-level-200);\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.editing {\n  background-color: transparent;\n}\n\n.datePickerWrapper {\n  position: relative;\n}");export{n as default};
 //# sourceMappingURL=InlineEdit.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",label:"label",withLeg:"withLeg",legWrapper:"legWrapper",withAnimation:"withAnimation","label-spin-in-emphasized":"label-spin-in-emphasized",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorPositive:"colorPositive",kindLine:"kindLine"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],e="s_id-cad89d6b80aa_0_0_316";if(i.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.appendChild(document.createTextNode(n))}(".clickable {\n  cursor: pointer;\n}\n.clickable:focus-visible, .clickable.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.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.clickable.disabled {\n  cursor: default;\n}\n.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickable {\n  cursor: pointer;\n}\n.clickable:focus-visible, .clickable.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.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.label {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.withLeg {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.withAnimation {\n  animation: label-spin-in-emphasized var(--motion-expressive-short) var(--motion-timing-emphasize);\n  transform-origin: bottom left;\n}\n.kindFill.colorPrimary {\n  background-color: var(--primary-color);\n}\n.kindFill.colorPrimary svg path {\n  fill: var(--primary-color);\n}\n.clickable:hover .kindFill.colorPrimary, .clickable:active .kindFill.colorPrimary {\n  background-color: var(--primary-hover-color);\n}\n.kindFill.colorDark {\n  background-color: var(--surface-inverse);\n}\n.kindFill.colorDark svg path {\n  fill: var(--surface-inverse);\n}\n.kindFill.colorNegative {\n  background-color: var(--negative-color);\n}\n.kindFill.colorNegative svg path {\n  fill: var(--negative-color);\n}\n.clickable:hover .kindFill.colorNegative, .clickable:active .kindFill.colorNegative {\n  background-color: var(--negative-color-hover);\n}\n.kindFill.colorPositive {\n  background-color: var(--positive-color);\n}\n.kindFill.colorPositive svg path {\n  fill: var(--positive-color);\n}\n.clickable:hover .kindFill.colorPositive, .clickable:active .kindFill.colorPositive {\n  background-color: var(--positive-color-hover);\n}\n.kindLine {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine .legWrapper {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorPrimary svg path {\n  fill: var(--primary-color);\n}\n.clickable:hover .kindLine.colorPrimary, .clickable:active .kindLine.colorPrimary {\n  background-color: var(--surface-level-100-hover);\n}\n.kindLine.colorDark {\n  color: var(--surface-inverse);\n}\n.kindLine.colorDark svg path {\n  fill: var(--surface-inverse);\n}\n.clickable:hover .kindLine.colorDark, .clickable:active .kindLine.colorDark {\n  background-color: var(--surface-level-100-hover);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorNegative svg path {\n  fill: var(--negative-color);\n}\n.clickable:hover .kindLine.colorNegative, .clickable:active .kindLine.colorNegative {\n  background-color: var(--negative-color-selected);\n}\n.kindLine.colorPositive {\n  color: var(--positive-color);\n}\n.kindLine.colorPositive svg path {\n  fill: var(--positive-color);\n}\n.clickable:hover .kindLine.colorPositive, .clickable:active .kindLine.colorPositive {\n  background-color: var(--positive-color-selected);\n}\n@keyframes label-spin-in-emphasized {\n  0% {\n    transform: rotate(25deg);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}");export{n as default};
+var n={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",label:"label",withLeg:"withLeg",legWrapper:"legWrapper",withAnimation:"withAnimation","label-spin-in-emphasized":"label-spin-in-emphasized",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorPositive:"colorPositive",kindLine:"kindLine"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],e="s_id-cad89d6b80aa_0_0_318-ibrahim";if(i.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.appendChild(document.createTextNode(n))}(".clickable {\n  cursor: pointer;\n}\n.clickable:focus-visible, .clickable.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.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.clickable.disabled {\n  cursor: default;\n}\n.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickable {\n  cursor: pointer;\n}\n.clickable:focus-visible, .clickable.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.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.label {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.withLeg {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.withAnimation {\n  animation: label-spin-in-emphasized var(--motion-expressive-short) var(--motion-timing-emphasize);\n  transform-origin: bottom left;\n}\n.kindFill.colorPrimary {\n  background-color: var(--primary-color);\n}\n.kindFill.colorPrimary svg path {\n  fill: var(--primary-color);\n}\n.clickable:hover .kindFill.colorPrimary, .clickable:active .kindFill.colorPrimary {\n  background-color: var(--primary-hover-color);\n}\n.kindFill.colorDark {\n  background-color: var(--surface-inverse);\n}\n.kindFill.colorDark svg path {\n  fill: var(--surface-inverse);\n}\n.kindFill.colorNegative {\n  background-color: var(--negative-color);\n}\n.kindFill.colorNegative svg path {\n  fill: var(--negative-color);\n}\n.clickable:hover .kindFill.colorNegative, .clickable:active .kindFill.colorNegative {\n  background-color: var(--negative-color-hover);\n}\n.kindFill.colorPositive {\n  background-color: var(--positive-color);\n}\n.kindFill.colorPositive svg path {\n  fill: var(--positive-color);\n}\n.clickable:hover .kindFill.colorPositive, .clickable:active .kindFill.colorPositive {\n  background-color: var(--positive-color-hover);\n}\n.kindLine {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine .legWrapper {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorPrimary svg path {\n  fill: var(--primary-color);\n}\n.clickable:hover .kindLine.colorPrimary, .clickable:active .kindLine.colorPrimary {\n  background-color: var(--surface-level-100-hover);\n}\n.kindLine.colorDark {\n  color: var(--surface-inverse);\n}\n.kindLine.colorDark svg path {\n  fill: var(--surface-inverse);\n}\n.clickable:hover .kindLine.colorDark, .clickable:active .kindLine.colorDark {\n  background-color: var(--surface-level-100-hover);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorNegative svg path {\n  fill: var(--negative-color);\n}\n.clickable:hover .kindLine.colorNegative, .clickable:active .kindLine.colorNegative {\n  background-color: var(--negative-color-selected);\n}\n.kindLine.colorPositive {\n  color: var(--positive-color);\n}\n.kindLine.colorPositive svg path {\n  fill: var(--positive-color);\n}\n.clickable:hover .kindLine.colorPositive, .clickable:active .kindLine.colorPositive {\n  background-color: var(--positive-color-selected);\n}\n@keyframes label-spin-in-emphasized {\n  0% {\n    transform: rotate(25deg);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}");export{n as default};
 //# sourceMappingURL=Label.module.scss.js.map

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_316";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_318-ibrahim";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-8b1117f7b2c4_0_0_316";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(--text-link);\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-8b1117f7b2c4_0_0_318-ibrahim";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(--text-link);\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-c153e0aa5eb2_0_0_316";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(--text-link);\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-c153e0aa5eb2_0_0_318-ibrahim";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(--text-link);\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_316";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_318-ibrahim";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))}(".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_316";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_318-ibrahim";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_316";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_318-ibrahim";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))}(".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_316";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_318-ibrahim";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_316";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_318-ibrahim";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_316";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],i="s_id-c001e28d81a0_0_0_318-ibrahim";if(t.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.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_316";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_318-ibrahim";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_316";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_318-ibrahim";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))}(".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_316";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],i="s_id-d277a91266dd_0_0_318-ibrahim";if(d.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.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_316";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_318-ibrahim";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_316";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_318-ibrahim";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_316";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_318-ibrahim";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_316";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_318-ibrahim";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_316";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_318-ibrahim";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_316";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_318-ibrahim";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_316";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_318-ibrahim";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))}(".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-38304728d3df_0_0_316";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: 16px;\n  top: 16px;\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-38304728d3df_0_0_318-ibrahim";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: 16px;\n  top: 16px;\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_316";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],i="s_id-668afc851c0e_0_0_318-ibrahim";if(n.querySelector("#"+i))return;const r=document.createElement("style");r.id=i,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.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_316";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_318-ibrahim";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.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../../_virtual/_tslib.js";import{jsx as t,jsxs as o}from"@emotion/react/jsx-runtime";import{forwardRef as n}from"react";import a from"prop-types";import r from"classnames";import i from"./components/TableContext/TableContext.js";import l from"./Table.module.scss.js";import s from"./components/newComponents/pagination/Pagination.js";import d from"../Text/Text.js";import c from"../Loader/Loader.js";var m=n((function(n,a){var m=n.children,g=n.className,p=n.shouldAlternateRowColor,b=void 0!==p&&p,h=n.table,u=n.disableAnimations,C=void 0!==u&&u,f=n.header,j=n.withPagination,P=void 0!==j&&j,v=n.emptyTableContent,N=void 0===v?t(d,Object.assign({color:d.colors.SECONDARY,align:d.align.CENTER},{children:"No Data."})):v,T=n.paginationProps,w=e(n,["children","className","shouldAlternateRowColor","baseFontSize","darkMode","table","disableAnimations","header","withPagination","emptyTableContent","paginationProps"]),x=h.getState,y=h.setPageSize,A=h.setPageIndex,O=h.previousPage,S=h.nextPage,R=h.loadedData,I=h.isLoading,M=h.loadMoreTriggerRef,k=h.infiniteScrolling;h.getRowModel();var z=h.getSelectedRowModel().rows.length;return o("div",Object.assign({className:"".concat(l.tableContainerStyles," ").concat(l.tableWrapper)},{children:[f,t("div",Object.assign({ref:a,className:r(l.tableContainerStyles,l.tableContainer,g),tabIndex:0},{children:o(i,Object.assign({shouldAlternateRowColor:b,table:h,disableAnimations:C},{children:[o("table",Object.assign({className:r(l.baseStyles,l.themeLight)},w,{children:[m,0===R.length&&t("tbody",{children:t("tr",{children:t("td",Object.assign({colSpan:h.getAllColumns().length,className:l.emptyTableContent},{children:N}))})})]})),o("div",Object.assign({className:r(l.externalLoaderContainer),style:{zIndex:I?"auto":-100}},{children:[t("div",{ref:M,style:{height:"1px"}}),k&&I&&t("div",Object.assign({className:r(l.loaderContainer)},{children:t(c,{size:20,color:c.colors.PRIMARY,className:l.loader})}))]}))]}))})),P&&0!==R.length&&t(s,Object.assign({itemsPerPage:x().pagination.pageSize,onItemsPerPageOptionChange:function(e){return y(Number(e))},numTotalItems:null==T?void 0:T.numTotalItems,currentPage:x().pagination.pageIndex+1,onCurrentPageOptionChange:function(e){return A(Number(e)-1)},onBackArrowClick:function(){return O()},onForwardArrowClick:function(){return S()},numSelectedItems:z},T))]}))}));m.propTypes={darkMode:a.bool,shouldAlternateRowColor:a.bool,emptyTableContent:a.node};export{m as default};
+import{__rest as e}from"../../../_virtual/_tslib.js";import{jsx as t,jsxs as o}from"@emotion/react/jsx-runtime";import{forwardRef as n}from"react";import a from"prop-types";import r from"classnames";import i from"./components/TableContext/TableContext.js";import l from"./Table.module.scss.js";import s from"./components/newComponents/pagination/Pagination.js";import c from"../Text/Text.js";import d from"../Loader/Loader.js";var m=n((function(n,a){var m=n.children,g=n.className,p=n.shouldAlternateRowColor,b=void 0!==p&&p,h=n.table,u=n.disableAnimations,C=void 0!==u&&u,f=n.header,j=n.withPagination,P=void 0!==j&&j,v=n.emptyTableContent,N=void 0===v?t(c,Object.assign({color:c.colors.SECONDARY,align:c.align.CENTER},{children:"No Data."})):v,T=n.paginationProps,w=e(n,["children","className","shouldAlternateRowColor","baseFontSize","darkMode","table","disableAnimations","header","withPagination","emptyTableContent","paginationProps"]),x=h.getState,S=h.setPageSize,y=h.setPageIndex,A=h.previousPage,O=h.nextPage,R=h.loadedData,I=h.isLoading,M=h.loadMoreTriggerRef,k=h.infiniteScrolling;h.getRowModel();var z=h.getSelectedRowModel().rows.length;return console.log("Table Num Selected Rows: ",z),o("div",Object.assign({className:"".concat(l.tableContainerStyles," ").concat(l.tableWrapper)},{children:[f,t("div",Object.assign({ref:a,className:r(l.tableContainerStyles,l.tableContainer,g),tabIndex:0},{children:o(i,Object.assign({shouldAlternateRowColor:b,table:h,disableAnimations:C},{children:[o("table",Object.assign({className:r(l.baseStyles,l.themeLight)},w,{children:[m,0===R.length&&t("tbody",{children:t("tr",{children:t("td",Object.assign({colSpan:h.getAllColumns().length,className:l.emptyTableContent},{children:N}))})})]})),o("div",Object.assign({className:r(l.externalLoaderContainer),style:{zIndex:I?"auto":-100}},{children:[t("div",{ref:M,style:{height:"1px"}}),k&&I&&t("div",Object.assign({className:r(l.loaderContainer)},{children:t(d,{size:20,color:d.colors.PRIMARY,className:l.loader})}))]}))]}))})),P&&0!==R.length&&t(s,Object.assign({itemsPerPage:x().pagination.pageSize,onItemsPerPageOptionChange:function(e){return S(Number(e))},numTotalItems:null==T?void 0:T.numTotalItems,currentPage:x().pagination.pageIndex+1,onCurrentPageOptionChange:function(e){return y(Number(e)-1)},onBackArrowClick:function(){return A()},onForwardArrowClick:function(){return O()},numSelectedItems:z},T))]}))}));m.propTypes={darkMode:a.bool,shouldAlternateRowColor:a.bool,emptyTableContent:a.node};export{m as default};
 //# sourceMappingURL=Table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../src/components/NewTable/Table.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport EmptyState from \"../EmptyState/EmptyState\";\nimport cx from \"classnames\";\n\nimport { TableContextProvider } from \"./components/TableContext\";\nimport { LGRowData } from \"./components/useLeafyGreenTable\";\n\nimport styles from \"./Table.module.scss\"; // Import SCSS styles\nimport { TableProps } from \"./Table.types\";\nimport Pagination from \"./components/newComponents/pagination\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\n\nconst Table = forwardRef<HTMLDivElement, TableProps<any>>(\n  <T extends LGRowData>(\n    {\n      children,\n      className,\n      shouldAlternateRowColor = false,\n      baseFontSize: baseFontSizeProp,\n      darkMode: darkModeProp,\n      table,\n      disableAnimations = false,\n      header,\n      withPagination = false,\n      emptyTableContent = <Text color={Text.colors.SECONDARY} align={Text.align.CENTER}>No Data.</Text>,\n      paginationProps,\n      ...rest\n    }: TableProps<T>,\n    containerRef: ForwardedRef<HTMLDivElement>\n  ) => {\n    //@ts-ignore\n    const { getState, setPageSize, setPageIndex, previousPage, nextPage, loadedData, isLoading, loadMoreTriggerRef, infiniteScrolling } = table;\n    const rows = table.getRowModel().rows;\n    const numSelectedItems = table.getSelectedRowModel().rows.length;\n\n    return (\n      <div className={`${styles.tableContainerStyles} ${styles.tableWrapper}`}>\n        {header}\n        <div\n          ref={containerRef}\n          className={cx(styles.tableContainerStyles, styles.tableContainer, className)} // Use class from SCSS module\n          tabIndex={0} // Allows keyboard interaction\n        >\n          <TableContextProvider\n            shouldAlternateRowColor={shouldAlternateRowColor}\n            table={table}\n            disableAnimations={disableAnimations}\n          >\n            <table\n              className={cx(\n                styles.baseStyles, // Base styles from SCSS module\n                styles.themeLight // Conditional theme styles\n              )}\n              {...rest}\n            >\n              {children}\n              {loadedData.length === 0 && (\n                <tbody>\n                  <tr>\n                    <td\n                      colSpan={table.getAllColumns().length}\n                      className={styles.emptyTableContent}\n                    >\n                      {emptyTableContent}\n                    </td>\n                  </tr>\n                </tbody>\n              )}\n            </table>\n            <div className={cx(styles.externalLoaderContainer)} style={{ zIndex: isLoading ? 'auto' : -100 }}>\n              <div ref={loadMoreTriggerRef} style={{ height: \"1px\" }} />\n              {infiniteScrolling && isLoading && (\n                <div className={cx(styles.loaderContainer)}>\n                  <Loader\n                    size={20}\n                    color={Loader.colors.PRIMARY}\n                    className={styles.loader}\n                  />\n                </div>\n              )}\n            </div>\n          </TableContextProvider>\n        </div>\n        {(withPagination && loadedData.length !== 0) && (\n          <Pagination\n            itemsPerPage={getState().pagination.pageSize}\n            onItemsPerPageOptionChange={(value) => setPageSize(Number(value))}\n            numTotalItems={paginationProps?.numTotalItems}\n            currentPage={getState().pagination.pageIndex + 1}\n            onCurrentPageOptionChange={(value) =>\n              setPageIndex(Number(value) - 1)\n            }\n            onBackArrowClick={() => previousPage()}\n            onForwardArrowClick={() => nextPage()}\n            numSelectedItems={numSelectedItems}\n            {...paginationProps}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nTable.propTypes = {\n  darkMode: PropTypes.bool,\n  shouldAlternateRowColor: PropTypes.bool,\n  emptyTableContent: PropTypes.node,\n};\n\nexport default Table;\n"],"names":["Table","forwardRef","_a","containerRef","children","className","_a$shouldAlternateRow","shouldAlternateRowColor","table","_a$disableAnimations","disableAnimations","header","_a$withPagination","withPagination","_a$emptyTableContent","emptyTableContent","_jsx","Text","Object","assign","color","colors","SECONDARY","align","CENTER","paginationProps","rest","__rest","getState","setPageSize","setPageIndex","previousPage","nextPage","loadedData","isLoading","loadMoreTriggerRef","infiniteScrolling","getRowModel","numSelectedItems","getSelectedRowModel","rows","length","_jsxs","concat","styles","tableContainerStyles","tableWrapper","ref","cx","tableContainer","tabIndex","TableContextProvider","baseStyles","themeLight","colSpan","getAllColumns","externalLoaderContainer","style","zIndex","height","loaderContainer","Loader","size","PRIMARY","loader","Pagination","itemsPerPage","pagination","pageSize","onItemsPerPageOptionChange","value","Number","numTotalItems","currentPage","pageIndex","onCurrentPageOptionChange","onBackArrowClick","onForwardArrowClick","propTypes","darkMode","PropTypes","bool","node"],"mappings":"2aAeMA,IAAAA,EAAQC,GACZ,SACEC,EAcAC,OAbEC,EAUeF,EAVfE,SACAC,EASeH,EATfG,UAASC,EASMJ,EARfK,wBAAAA,OAA0B,IAAHD,GAAQA,EAG/BE,EAKeN,EALfM,MAAKC,EAKUP,EAJfQ,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAGeT,EAHfS,OAAMC,EAGSV,EAFfW,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAEPZ,EADfa,kBAAAA,OAAiB,IAAAD,EAAGE,EAACC,EAAIC,OAAAC,OAAA,CAACC,MAAOH,EAAKI,OAAOC,UAAWC,MAAON,EAAKM,MAAMC,QAAuB,CAAApB,SAAA,cAAAU,EACjGW,EAAevB,EAAfuB,gBACGC,EAZLC,EAAAzB,EAAA,CAAA,WAAA,YAAA,0BAAA,eAAA,WAAA,QAAA,oBAAA,SAAA,iBAAA,oBAAA,oBAiBQ0B,EAA8HpB,EAA9HoB,SAAUC,EAAoHrB,EAApHqB,YAAaC,EAAuGtB,EAAvGsB,aAAcC,EAAyFvB,EAAzFuB,aAAcC,EAA2ExB,EAA3EwB,SAAUC,EAAiEzB,EAAjEyB,WAAYC,EAAqD1B,EAArD0B,UAAWC,EAA0C3B,EAA1C2B,mBAAoBC,EAAsB5B,EAAtB4B,kBACnG5B,EAAM6B,cACnB,IAAMC,EAAmB9B,EAAM+B,sBAAsBC,KAAKC,OAE1D,OACEC,EAAA,MAAAxB,OAAAC,OAAA,CAAKd,UAAS,GAAAsC,OAAKC,EAAOC,qBAAoB,KAAAF,OAAIC,EAAOE,eACtD,CAAA1C,SAAA,CAAAO,EACDK,EAAA,MAAAE,OAAAC,OAAA,CACE4B,IAAK5C,EACLE,UAAW2C,EAAGJ,EAAOC,qBAAsBD,EAAOK,eAAgB5C,GAClE6C,SAAU,GAAC,CAAA9C,SAEXsC,EAACS,EACCjC,OAAAC,OAAA,CAAAZ,wBAAyBA,EACzBC,MAAOA,EACPE,kBAAmBA,GAAiB,CAAAN,SAAA,CAEpCsC,EACE,QAAAxB,OAAAC,OAAA,CAAAd,UAAW2C,EACTJ,EAAOQ,WACPR,EAAOS,aAEL3B,EAEH,CAAAtB,SAAA,CAAAA,EACsB,IAAtB6B,EAAWQ,QACVzB,EAAA,QAAA,CAAAZ,SACEY,iBACEA,EACE,KAAAE,OAAAC,OAAA,CAAAmC,QAAS9C,EAAM+C,gBAAgBd,OAC/BpC,UAAWuC,EAAO7B,mBAAiB,CAAAX,SAElCW,aAMX2B,EAAK,MAAAxB,OAAAC,OAAA,CAAAd,UAAW2C,EAAGJ,EAAOY,yBAA0BC,MAAO,CAAEC,OAAQxB,EAAY,QAAU,MACzF,CAAA9B,SAAA,CAAAY,EAAA,MAAA,CAAK+B,IAAKZ,EAAoBsB,MAAO,CAAEE,OAAQ,SAC9CvB,GAAqBF,GACpBlB,uBAAKX,UAAW2C,EAAGJ,EAAOgB,kBAAgB,CAAAxD,SACxCY,EAAC6C,EACC,CAAAC,KAAM,GACN1C,MAAOyC,EAAOxC,OAAO0C,QACrB1D,UAAWuC,EAAOoB,uBAO5BnD,GAAwC,IAAtBoB,EAAWQ,QAC7BzB,EAACiD,EACC/C,OAAAC,OAAA,CAAA+C,aAActC,IAAWuC,WAAWC,SACpCC,2BAA4B,SAACC,GAAK,OAAKzC,EAAY0C,OAAOD,GAAO,EACjEE,cAAe/C,aAAA,EAAAA,EAAiB+C,cAChCC,YAAa7C,IAAWuC,WAAWO,UAAY,EAC/CC,0BAA2B,SAACL,GAAK,OAC/BxC,EAAayC,OAAOD,GAAS,EAAE,EAEjCM,iBAAkB,WAAA,OAAM7C,GAAc,EACtC8C,oBAAqB,WAAA,OAAM7C,GAAU,EACrCM,iBAAkBA,GACdb,OAKd,IAGFzB,EAAM8E,UAAY,CAChBC,SAAUC,EAAUC,KACpB1E,wBAAyByE,EAAUC,KACnClE,kBAAmBiE,EAAUE"}
+{"version":3,"file":"Table.js","sources":["../../../../../src/components/NewTable/Table.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport EmptyState from \"../EmptyState/EmptyState\";\nimport cx from \"classnames\";\n\nimport { TableContextProvider } from \"./components/TableContext\";\nimport { LGRowData } from \"./components/useLeafyGreenTable\";\n\nimport styles from \"./Table.module.scss\"; // Import SCSS styles\nimport { TableProps } from \"./Table.types\";\nimport Pagination from \"./components/newComponents/pagination\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\n\nconst Table = forwardRef<HTMLDivElement, TableProps<any>>(\n  <T extends LGRowData>(\n    {\n      children,\n      className,\n      shouldAlternateRowColor = false,\n      baseFontSize: baseFontSizeProp,\n      darkMode: darkModeProp,\n      table,\n      disableAnimations = false,\n      header,\n      withPagination = false,\n      emptyTableContent = <Text color={Text.colors.SECONDARY} align={Text.align.CENTER}>No Data.</Text>,\n      paginationProps,\n      ...rest\n    }: TableProps<T>,\n    containerRef: ForwardedRef<HTMLDivElement>\n  ) => {\n    //@ts-ignore\n    const { getState, setPageSize, setPageIndex, previousPage, nextPage, loadedData, isLoading, loadMoreTriggerRef, infiniteScrolling } = table;\n    const rows = table.getRowModel().rows;\n    const numSelectedItems = table.getSelectedRowModel().rows.length;\n\n    console.log(\"Table Num Selected Rows: \", numSelectedItems);\n\n    return (\n      <div className={`${styles.tableContainerStyles} ${styles.tableWrapper}`}>\n        {header}\n        <div\n          ref={containerRef}\n          className={cx(styles.tableContainerStyles, styles.tableContainer, className)} // Use class from SCSS module\n          tabIndex={0} // Allows keyboard interaction\n        >\n          <TableContextProvider\n            shouldAlternateRowColor={shouldAlternateRowColor}\n            table={table}\n            disableAnimations={disableAnimations}\n          >\n            <table\n              className={cx(\n                styles.baseStyles, // Base styles from SCSS module\n                styles.themeLight // Conditional theme styles\n              )}\n              {...rest}\n            >\n              {children}\n              {loadedData.length === 0 && (\n                <tbody>\n                  <tr>\n                    <td\n                      colSpan={table.getAllColumns().length}\n                      className={styles.emptyTableContent}\n                    >\n                      {emptyTableContent}\n                    </td>\n                  </tr>\n                </tbody>\n              )}\n            </table>\n            <div className={cx(styles.externalLoaderContainer)} style={{ zIndex: isLoading ? 'auto' : -100 }}>\n              <div ref={loadMoreTriggerRef} style={{ height: \"1px\" }} />\n              {infiniteScrolling && isLoading && (\n                <div className={cx(styles.loaderContainer)}>\n                  <Loader\n                    size={20}\n                    color={Loader.colors.PRIMARY}\n                    className={styles.loader}\n                  />\n                </div>\n              )}\n            </div>\n          </TableContextProvider>\n        </div>\n        {(withPagination && loadedData.length !== 0) && (\n          <Pagination\n            itemsPerPage={getState().pagination.pageSize}\n            onItemsPerPageOptionChange={(value) => setPageSize(Number(value))}\n            numTotalItems={paginationProps?.numTotalItems}\n            currentPage={getState().pagination.pageIndex + 1}\n            onCurrentPageOptionChange={(value) =>\n              setPageIndex(Number(value) - 1)\n            }\n            onBackArrowClick={() => previousPage()}\n            onForwardArrowClick={() => nextPage()}\n            numSelectedItems={numSelectedItems}\n            {...paginationProps}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nTable.propTypes = {\n  darkMode: PropTypes.bool,\n  shouldAlternateRowColor: PropTypes.bool,\n  emptyTableContent: PropTypes.node,\n};\n\nexport default Table;\n"],"names":["Table","forwardRef","_a","containerRef","children","className","_a$shouldAlternateRow","shouldAlternateRowColor","table","_a$disableAnimations","disableAnimations","header","_a$withPagination","withPagination","_a$emptyTableContent","emptyTableContent","_jsx","Text","Object","assign","color","colors","SECONDARY","align","CENTER","paginationProps","rest","__rest","getState","setPageSize","setPageIndex","previousPage","nextPage","loadedData","isLoading","loadMoreTriggerRef","infiniteScrolling","getRowModel","numSelectedItems","getSelectedRowModel","rows","length","console","log","_jsxs","concat","styles","tableContainerStyles","tableWrapper","ref","cx","tableContainer","tabIndex","TableContextProvider","baseStyles","themeLight","colSpan","getAllColumns","externalLoaderContainer","style","zIndex","height","loaderContainer","Loader","size","PRIMARY","loader","Pagination","itemsPerPage","pagination","pageSize","onItemsPerPageOptionChange","value","Number","numTotalItems","currentPage","pageIndex","onCurrentPageOptionChange","onBackArrowClick","onForwardArrowClick","propTypes","darkMode","PropTypes","bool","node"],"mappings":"2aAeMA,IAAAA,EAAQC,GACZ,SACEC,EAcAC,OAbEC,EAUeF,EAVfE,SACAC,EASeH,EATfG,UAASC,EASMJ,EARfK,wBAAAA,OAA0B,IAAHD,GAAQA,EAG/BE,EAKeN,EALfM,MAAKC,EAKUP,EAJfQ,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAGeT,EAHfS,OAAMC,EAGSV,EAFfW,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAEPZ,EADfa,kBAAAA,OAAiB,IAAAD,EAAGE,EAACC,EAAIC,OAAAC,OAAA,CAACC,MAAOH,EAAKI,OAAOC,UAAWC,MAAON,EAAKM,MAAMC,QAAuB,CAAApB,SAAA,cAAAU,EACjGW,EAAevB,EAAfuB,gBACGC,EAZLC,EAAAzB,EAAA,CAAA,WAAA,YAAA,0BAAA,eAAA,WAAA,QAAA,oBAAA,SAAA,iBAAA,oBAAA,oBAiBQ0B,EAA8HpB,EAA9HoB,SAAUC,EAAoHrB,EAApHqB,YAAaC,EAAuGtB,EAAvGsB,aAAcC,EAAyFvB,EAAzFuB,aAAcC,EAA2ExB,EAA3EwB,SAAUC,EAAiEzB,EAAjEyB,WAAYC,EAAqD1B,EAArD0B,UAAWC,EAA0C3B,EAA1C2B,mBAAoBC,EAAsB5B,EAAtB4B,kBACnG5B,EAAM6B,cACnB,IAAMC,EAAmB9B,EAAM+B,sBAAsBC,KAAKC,OAI1D,OAFAC,QAAQC,IAAI,4BAA6BL,GAGvCM,EAAA,MAAA1B,OAAAC,OAAA,CAAKd,UAAS,GAAAwC,OAAKC,EAAOC,qBAAoB,KAAAF,OAAIC,EAAOE,eACtD,CAAA5C,SAAA,CAAAO,EACDK,EAAA,MAAAE,OAAAC,OAAA,CACE8B,IAAK9C,EACLE,UAAW6C,EAAGJ,EAAOC,qBAAsBD,EAAOK,eAAgB9C,GAClE+C,SAAU,GAAC,CAAAhD,SAEXwC,EAACS,EACCnC,OAAAC,OAAA,CAAAZ,wBAAyBA,EACzBC,MAAOA,EACPE,kBAAmBA,GAAiB,CAAAN,SAAA,CAEpCwC,EACE,QAAA1B,OAAAC,OAAA,CAAAd,UAAW6C,EACTJ,EAAOQ,WACPR,EAAOS,aAEL7B,EAEH,CAAAtB,SAAA,CAAAA,EACsB,IAAtB6B,EAAWQ,QACVzB,EAAA,QAAA,CAAAZ,SACEY,iBACEA,EACE,KAAAE,OAAAC,OAAA,CAAAqC,QAAShD,EAAMiD,gBAAgBhB,OAC/BpC,UAAWyC,EAAO/B,mBAAiB,CAAAX,SAElCW,aAMX6B,EAAK,MAAA1B,OAAAC,OAAA,CAAAd,UAAW6C,EAAGJ,EAAOY,yBAA0BC,MAAO,CAAEC,OAAQ1B,EAAY,QAAU,MACzF,CAAA9B,SAAA,CAAAY,EAAA,MAAA,CAAKiC,IAAKd,EAAoBwB,MAAO,CAAEE,OAAQ,SAC9CzB,GAAqBF,GACpBlB,uBAAKX,UAAW6C,EAAGJ,EAAOgB,kBAAgB,CAAA1D,SACxCY,EAAC+C,EACC,CAAAC,KAAM,GACN5C,MAAO2C,EAAO1C,OAAO4C,QACrB5D,UAAWyC,EAAOoB,uBAO5BrD,GAAwC,IAAtBoB,EAAWQ,QAC7BzB,EAACmD,EACCjD,OAAAC,OAAA,CAAAiD,aAAcxC,IAAWyC,WAAWC,SACpCC,2BAA4B,SAACC,GAAK,OAAK3C,EAAY4C,OAAOD,GAAO,EACjEE,cAAejD,aAAA,EAAAA,EAAiBiD,cAChCC,YAAa/C,IAAWyC,WAAWO,UAAY,EAC/CC,0BAA2B,SAACL,GAAK,OAC/B1C,EAAa2C,OAAOD,GAAS,EAAE,EAEjCM,iBAAkB,WAAA,OAAM/C,GAAc,EACtCgD,oBAAqB,WAAA,OAAM/C,GAAU,EACrCM,iBAAkBA,GACdb,OAKd,IAGFzB,EAAMgF,UAAY,CAChBC,SAAUC,EAAUC,KACpB5E,wBAAyB2E,EAAUC,KACnCpE,kBAAmBmE,EAAUE"}

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

@@ -1,2 +1,2 @@
-var n={tableContainerStyles:"tableContainerStyles",tableWrapper:"tableWrapper",tableContainer:"tableContainer",baseStyles:"baseStyles",emptyTableContent:"emptyTableContent",loaderRow:"loaderRow",loader:"loader",loaderContainer:"loaderContainer",externalLoaderContainer:"externalLoaderContainer"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-9b360d217b77_0_0_316";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".tableContainerStyles {\n  position: relative;\n}\n\n.tableWrapper {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.tableContainer {\n  overflow-x: auto;\n  overflow-y: auto;\n  flex-grow: 1;\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: transparent;\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}\n\n.loaderContainer {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n}\n\n.externalLoaderContainer {\n  position: relative;\n  padding-bottom: 20px;\n}");export{n as default};
+var n={tableContainerStyles:"tableContainerStyles",tableWrapper:"tableWrapper",tableContainer:"tableContainer",baseStyles:"baseStyles",emptyTableContent:"emptyTableContent",loaderRow:"loaderRow",loader:"loader",loaderContainer:"loaderContainer",externalLoaderContainer:"externalLoaderContainer"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-9b360d217b77_0_0_318-ibrahim";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".tableContainerStyles {\n  position: relative;\n}\n\n.tableWrapper {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.tableContainer {\n  overflow-x: auto;\n  overflow-y: auto;\n  flex-grow: 1;\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: transparent;\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}\n\n.loaderContainer {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n}\n\n.externalLoaderContainer {\n  position: relative;\n  padding-bottom: 20px;\n}");export{n 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-cb1c9e05e271_0_0_316";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  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.stickyLeft,\n.stickyRight {\n  position: sticky;\n  background-color: var(--surface-level-100);\n}\n.stickyLeft {\n  left: 0;\n}\n.stickyRight {\n  right: 0;\n}\n.lastStickyLeft::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 4px;\n  box-shadow: inset -3px 0 5px -3px var(--shadow-color);\n  pointer-events: none;\n}\n.firstStickyRight::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 4px;\n  box-shadow: inset 3px 0 5px -3px var(--shadow-color);\n  pointer-events: none;\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  overflow: hidden;\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-cb1c9e05e271_0_0_318-ibrahim";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  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.stickyLeft,\n.stickyRight {\n  position: sticky;\n  background-color: var(--surface-level-100);\n}\n.stickyLeft {\n  left: 0;\n}\n.stickyRight {\n  right: 0;\n}\n.lastStickyLeft::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 4px;\n  box-shadow: inset -3px 0 5px -3px var(--shadow-color);\n  pointer-events: none;\n}\n.firstStickyRight::before {\n  content: "";\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 4px;\n  box-shadow: inset 3px 0 5px -3px var(--shadow-color);\n  pointer-events: none;\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  overflow: hidden;\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",isResizingHeader:"isResizingHeader",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],r="s_id-807bc980a21c_0_0_316";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))}(".headerCellContent {\n  height: 40px;\n}\n\n.headerCell {\n  position: relative;\n}\n\n.headerCell.isResizingHeader {\n  background-color: var(--surface-level-200);\n}\n\n.headerCell:hover .sortIcon,\n.headerCell .sortIcon:hover {\n  opacity: 1;\n}\n\n.headerCell.stickyLeft {\n  position: sticky;\n  background-color: var(--surface-level-100);\n}\n\n.headerCell.stickyRight {\n  position: sticky;\n  background-color: var(--surface-level-100);\n}\n\n.headerCell.lastStickyLeft {\n  z-index: 1;\n}\n\n.headerCell.firstStickyRight {\n  z-index: 1;\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  user-select: none;\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected) !important;\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",isResizingHeader:"isResizingHeader",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],r="s_id-807bc980a21c_0_0_318-ibrahim";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))}(".headerCellContent {\n  height: 40px;\n}\n\n.headerCell {\n  position: relative;\n}\n\n.headerCell.isResizingHeader {\n  background-color: var(--surface-level-200);\n}\n\n.headerCell:hover .sortIcon,\n.headerCell .sortIcon:hover {\n  opacity: 1;\n}\n\n.headerCell.stickyLeft {\n  position: sticky;\n  background-color: var(--surface-level-100);\n}\n\n.headerCell.stickyRight {\n  position: sticky;\n  background-color: var(--surface-level-100);\n}\n\n.headerCell.lastStickyLeft {\n  z-index: 1;\n}\n\n.headerCell.firstStickyRight {\n  z-index: 1;\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  user-select: none;\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected) !important;\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",cellTransitionContainer:"cellTransitionContainer",expandedContent:"expandedContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d950407e55c6_0_0_316";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}\n\n.cellTransitionContainer {\n  transition: height 0.6s ease;\n  overflow: hidden;\n}\n\n.expandedContent {\n  background-color: var(--surface-level-200);\n}");export{e as default};
+var e={baseStyles:"baseStyles",cellTransitionContainer:"cellTransitionContainer",expandedContent:"expandedContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d950407e55c6_0_0_318-ibrahim";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}\n\n.cellTransitionContainer {\n  transition: height 0.6s ease;\n  overflow: hidden;\n}\n\n.expandedContent {\n  background-color: var(--surface-level-200);\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={clickedRow:"clickedRow","table-row":"table-row",tableRow:"tableRow",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-c4f0a7e576fb_0_0_316";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))}(".clickedRow td {\n  background-color: var(--surface-selected) !important;\n}\n\n.table-row {\n  transition: background-color 0.3s ease;\n}\n\n.tableRow:hover td {\n  background-color: var(--surface-selected);\n}\n\n.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={clickedRow:"clickedRow","table-row":"table-row",tableRow:"tableRow",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-c4f0a7e576fb_0_0_318-ibrahim";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))}(".clickedRow td {\n  background-color: var(--surface-selected) !important;\n}\n\n.table-row {\n  transition: background-color 0.3s ease;\n}\n\n.tableRow:hover td {\n  background-color: var(--surface-selected);\n}\n\n.expandedContentParent {\n  background-color: var(--surface-level-200);\n}\n\n.selectedRow {\n  background-color: var(--surface-selected);\n}\n\n.grayZebraRow {\n  background-color: var(--surface-level-200);\n}\n\n.zebraRow:nth-of-type(even) {\n  background-color: var(--surface-selected);\n}\n\n.clickableRow {\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.clickableRow:hover:not(:focus) {\n  outline: none;\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);\n}\n\n.clickableRow:focus, .clickableRow:focus-visible {\n  outline: none;\n  background-color: var(--surface-selected);\n}\n\n.disabledRow {\n  pointer-events: none;\n  background-color: var(--surface-level-200);\n  color: var(--text-secondary);\n}");export{e as default};
 //# sourceMappingURL=Row.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={stickyStyles:"stickyStyles"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-784f63c538a6_0_0_316";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".stickyStyles {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\nthead {\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-family: var(--title-font-family);\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}\n\nthead tr {\n  transition: background-color 0.3s ease-out;\n}");export{n as default};
+var n={stickyStyles:"stickyStyles"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-784f63c538a6_0_0_318-ibrahim";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".stickyStyles {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\nthead {\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-family: var(--title-font-family);\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}\n\nthead tr {\n  transition: background-color 0.3s ease-out;\n}");export{n as default};
 //# sourceMappingURL=TableHead.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={stickyHeader:"stickyHeader",tableHeader:"tableHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox",globalFilterContainer:"globalFilterContainer",globalFilterInput:"globalFilterInput",globalFilterInputHidden:"globalFilterInputHidden",globalFilterInputVisible:"globalFilterInputVisible",closeButton:"closeButton"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-c4e6a42a7aa0_0_0_316";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))}(".stickyHeader {\n  background-color: var(--surface-level-100);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.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}\n\n.globalFilterContainer {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.globalFilterInput {\n  transition: width 0.3s ease, opacity 0.3s ease;\n  width: 0;\n  opacity: 0;\n  overflow: hidden;\n}\n\n.globalFilterInputHidden {\n  width: 0;\n}\n\n.globalFilterInputVisible {\n  width: 200px;\n  opacity: 1;\n}\n\n.closeButton {\n  position: absolute;\n  top: 4px;\n  right: 8px;\n  bottom: 0;\n  margin: auto;\n  width: 24px;\n}");export{n as default};
+var n={stickyHeader:"stickyHeader",tableHeader:"tableHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox",globalFilterContainer:"globalFilterContainer",globalFilterInput:"globalFilterInput",globalFilterInputHidden:"globalFilterInputHidden",globalFilterInputVisible:"globalFilterInputVisible",closeButton:"closeButton"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-c4e6a42a7aa0_0_0_318-ibrahim";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))}(".stickyHeader {\n  background-color: var(--surface-level-100);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.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}\n\n.globalFilterContainer {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.globalFilterInput {\n  transition: width 0.3s ease, opacity 0.3s ease;\n  width: 0;\n  opacity: 0;\n  overflow: hidden;\n}\n\n.globalFilterInputHidden {\n  width: 0;\n}\n\n.globalFilterInputVisible {\n  width: 200px;\n  opacity: 1;\n}\n\n.closeButton {\n  position: absolute;\n  top: 4px;\n  right: 8px;\n  bottom: 0;\n  margin: auto;\n  width: 24px;\n}");export{n 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-6f323e5d5c95_0_0_316";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-6f323e5d5c95_0_0_318-ibrahim";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 n=document.head||document.getElementsByTagName("head")[0],t="s_id-8aacca428089_0_0_316";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))}(".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}\nselect {\n  background-color: var(--surface-level-050);\n  border: none;\n  border-radius: 4px;\n  color: var(--text-primary);\n}\nselect:hover {\n  background-color: var(--surface-level-200);\n  cursor: pointer;\n}");export{e as default};
+var e={baseStyles:"baseStyles",flexSectionStyles:"flexSectionStyles"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-8aacca428089_0_0_318-ibrahim";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))}(".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}\nselect {\n  background-color: var(--surface-level-050);\n  border: none;\n  border-radius: 4px;\n  color: var(--text-primary);\n}\nselect:hover {\n  background-color: var(--surface-level-200);\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Pagination.module.scss.js.map