@heliux-org/design-system-core 0.0.122 → 0.0.125

package/dist/mocked_classnames_esm/src/components/Icon/Icons/components/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sources":["../../../../../../../src/components/Icon/Icons/components/Notifications.tsx"],"sourcesContent":["/* eslint-disable */\n/* tslint:disable */\nimport * as React from 'react';\nexport interface NotificationsProps extends React.SVGAttributes<SVGElement> {\nsize?: string | number;\n}\nconst Notifications: React.FC<NotificationsProps> = ({size, ...props}) => (\n  <svg viewBox=\"0 0 20 20\" fill=\"currentColor\" width={ size || \"20\" } height={ size || \"20\" } {...props}>\n    <path d=\"M10 2.04999C10.4143 2.04999 10.75 2.38577 10.75 2.79999V3.61058C12.0546 3.75821 13.2785 4.34336 14.2159 5.28079C15.309 6.37389 15.9231 7.85644 15.9231 9.4023C15.9231 11.7406 16.1727 13.0548 16.3959 13.758C16.5068 14.1075 16.6088 14.2984 16.6645 14.3868C16.6835 14.4168 16.697 14.435 16.7038 14.4435C16.9179 14.6455 16.9953 14.9565 16.8964 15.2377C16.7908 15.538 16.5072 15.7389 16.1889 15.7389H12.9529C12.9516 15.8038 12.9418 15.8695 12.9226 15.9348C12.7439 16.5449 12.3725 17.0809 11.864 17.4623C11.3554 17.8437 10.7371 18.05 10.1015 18.05C9.46584 18.05 8.84746 17.8437 8.33891 17.4623C7.83037 17.0809 7.45905 16.5449 7.28027 15.9348C7.26115 15.8695 7.2513 15.8038 7.24997 15.7389H4.00001C3.71313 15.7389 3.45138 15.5752 3.32575 15.3173C3.20248 15.0643 3.23145 14.764 3.39963 14.5394C3.40133 14.5369 3.40486 14.5316 3.41004 14.5235C3.42459 14.5005 3.45231 14.4542 3.48918 14.3812C3.56285 14.2352 3.67358 13.9813 3.78854 13.5917C4.01863 12.812 4.26574 11.4886 4.26574 9.4023C4.26574 7.85644 4.87984 6.37389 5.97293 5.28079C6.865 4.38872 8.01646 3.81567 9.25004 3.63507V2.79999C9.25004 2.38577 9.58582 2.04999 10 2.04999ZM8.80705 15.7389C8.90698 15.9443 9.05465 16.1241 9.2389 16.2623C9.488 16.4491 9.79062 16.55 10.1015 16.55C10.4123 16.55 10.7149 16.4491 10.964 16.2623C11.1483 16.1241 11.2959 15.9443 11.3959 15.7389H8.80705ZM7.03359 6.34145C7.84538 5.52967 8.9464 5.07361 10.0944 5.07361C11.2425 5.07361 12.3435 5.52967 13.1553 6.34145C13.9671 7.15324 14.4231 8.25426 14.4231 9.4023C14.4231 11.8353 14.6814 13.3144 14.9661 14.2117L14.9748 14.2389H5.15815C5.18119 14.1682 5.20426 14.0941 5.22721 14.0163C5.50499 13.075 5.76574 11.6052 5.76574 9.4023C5.76574 8.25426 6.2218 7.15324 7.03359 6.34145Z\"\n      fill=\"currentColor\" fillRule=\"evenodd\" clipRule=\"evenodd\" />\n  </svg>\n);\nNotifications.displayName = 'Notifications';\nexport default Notifications;\n/* tslint:enable */\n/* eslint-enable */\n"],"names":["Notifications","_a","size","props","__rest","_jsx","Object","assign","viewBox","fill","width","height","children","d","fillRule","clipRule","displayName"],"mappings":"mGAMA,IAAMA,EAA8C,SAACC,GAAA,IAACC,EAAeD,EAAfC,KAASC,EAAKC,EAAAH,EAAf,UAAqB,OACxEI,EAAK,MAAAC,OAAAC,OAAA,CAAAC,QAAQ,YAAYC,KAAK,eAAeC,MAAQR,GAAQ,KAAOS,OAAST,GAAQ,MAAWC,EAAK,CAAAS,SACnGP,UAAMQ,EAAE,sqDACNJ,KAAK,eAAeK,SAAS,UAAUC,SAAS,gBAGtDf,EAAcgB,YAAc"}

package/dist/mocked_classnames_esm/src/components/Icon/Icons/components/Update.js

@@ -0,0 +1,2 @@
+import{__rest as C}from"../../../../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";var r=function(r){var i=r.size,t=C(r,["size"]);return e("svg",Object.assign({viewBox:"0 0 20 20",fill:"currentColor",width:i||"20",height:i||"20"},t,{children:e("path",{d:"M10.4339 1.95001C11.5975 1.94802 12.7457 2.2162 13.7881 2.73345C14.8309 3.25087 15.7392 4.0034 16.4416 4.93172C17.1439 5.86004 17.6211 6.93879 17.8354 8.08295C18.0498 9.22712 17.9955 10.4054 17.6769 11.525C17.3582 12.6447 16.7839 13.675 15.9992 14.5348C15.2144 15.3946 14.2408 16.0604 13.1549 16.4798C12.0689 16.8991 10.9005 17.0606 9.74154 16.9514C8.72148 16.8553 7.73334 16.5518 6.83716 16.0612L4.29488 17.2723C3.23215 17.7786 2.12265 16.6693 2.6287 15.6064L3.83941 13.0637C3.26482 12.0144 2.94827 10.8411 2.91892 9.64118C2.88616 8.30174 3.21245 6.97794 3.86393 5.80714C4.51541 4.63635 5.46834 3.66124 6.62383 2.98299C7.77896 2.30495 9.09445 1.9483 10.4339 1.95001ZM10.4339 1.95001C10.4343 1.95001 10.4347 1.95001 10.4351 1.95001L10.434 2.70001L10.4326 1.95001C10.433 1.95001 10.4334 1.95001 10.4339 1.95001ZM13.1214 4.07712C12.2867 3.66294 11.3672 3.44826 10.4354 3.45001L10.4329 3.45001C9.3608 3.44846 8.30778 3.73387 7.38315 4.2766C6.45852 4.81934 5.69598 5.59963 5.17467 6.5365C4.65335 7.47337 4.39226 8.53268 4.41847 9.6045C4.44469 10.6763 4.75726 11.7216 5.32376 12.6319C5.45882 12.8489 5.47405 13.1198 5.36416 13.3506L4.28595 15.6151L6.54996 14.5366C6.78072 14.4266 7.05158 14.4418 7.26863 14.5768C8.05985 15.0689 8.95456 15.3706 9.88225 15.458C10.8099 15.5454 11.7452 15.4162 12.6145 15.0805C13.4837 14.7448 14.2631 14.2119 14.8912 13.5236C15.5194 12.8354 15.9791 12.0106 16.2341 11.1144C16.4892 10.2182 16.5327 9.27504 16.3611 8.35918C16.1895 7.44332 15.8075 6.57983 15.2453 5.83674C14.6831 5.09366 13.9561 4.49129 13.1214 4.07712Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})}))};r.displayName="Update";export{r as default};
+//# sourceMappingURL=Update.js.map

package/dist/mocked_classnames_esm/src/components/Icon/Icons/components/Update.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Update.js","sources":["../../../../../../../src/components/Icon/Icons/components/Update.tsx"],"sourcesContent":["/* eslint-disable */\n/* tslint:disable */\nimport * as React from 'react';\nexport interface UpdateProps extends React.SVGAttributes<SVGElement> {\nsize?: string | number;\n}\nconst Update: React.FC<UpdateProps> = ({size, ...props}) => (\n  <svg viewBox=\"0 0 20 20\" fill=\"currentColor\" width={ size || \"20\" } height={ size || \"20\" } {...props}>\n    <path d=\"M10.4339 1.95001C11.5975 1.94802 12.7457 2.2162 13.7881 2.73345C14.8309 3.25087 15.7392 4.0034 16.4416 4.93172C17.1439 5.86004 17.6211 6.93879 17.8354 8.08295C18.0498 9.22712 17.9955 10.4054 17.6769 11.525C17.3582 12.6447 16.7839 13.675 15.9992 14.5348C15.2144 15.3946 14.2408 16.0604 13.1549 16.4798C12.0689 16.8991 10.9005 17.0606 9.74154 16.9514C8.72148 16.8553 7.73334 16.5518 6.83716 16.0612L4.29488 17.2723C3.23215 17.7786 2.12265 16.6693 2.6287 15.6064L3.83941 13.0637C3.26482 12.0144 2.94827 10.8411 2.91892 9.64118C2.88616 8.30174 3.21245 6.97794 3.86393 5.80714C4.51541 4.63635 5.46834 3.66124 6.62383 2.98299C7.77896 2.30495 9.09445 1.9483 10.4339 1.95001ZM10.4339 1.95001C10.4343 1.95001 10.4347 1.95001 10.4351 1.95001L10.434 2.70001L10.4326 1.95001C10.433 1.95001 10.4334 1.95001 10.4339 1.95001ZM13.1214 4.07712C12.2867 3.66294 11.3672 3.44826 10.4354 3.45001L10.4329 3.45001C9.3608 3.44846 8.30778 3.73387 7.38315 4.2766C6.45852 4.81934 5.69598 5.59963 5.17467 6.5365C4.65335 7.47337 4.39226 8.53268 4.41847 9.6045C4.44469 10.6763 4.75726 11.7216 5.32376 12.6319C5.45882 12.8489 5.47405 13.1198 5.36416 13.3506L4.28595 15.6151L6.54996 14.5366C6.78072 14.4266 7.05158 14.4418 7.26863 14.5768C8.05985 15.0689 8.95456 15.3706 9.88225 15.458C10.8099 15.5454 11.7452 15.4162 12.6145 15.0805C13.4837 14.7448 14.2631 14.2119 14.8912 13.5236C15.5194 12.8354 15.9791 12.0106 16.2341 11.1144C16.4892 10.2182 16.5327 9.27504 16.3611 8.35918C16.1895 7.44332 15.8075 6.57983 15.2453 5.83674C14.6831 5.09366 13.9561 4.49129 13.1214 4.07712Z\"\n      fill=\"currentColor\" fillRule=\"evenodd\" clipRule=\"evenodd\" />\n  </svg>\n);\nUpdate.displayName = 'Update';\nexport default Update;\n/* tslint:enable */\n/* eslint-enable */\n"],"names":["Update","_a","size","props","__rest","_jsx","Object","assign","viewBox","fill","width","height","children","d","fillRule","clipRule","displayName"],"mappings":"mGAMA,IAAMA,EAAgC,SAACC,GAAA,IAACC,EAAeD,EAAfC,KAASC,EAAKC,EAAAH,EAAf,UAAqB,OAC1DI,EAAK,MAAAC,OAAAC,OAAA,CAAAC,QAAQ,YAAYC,KAAK,eAAeC,MAAQR,GAAQ,KAAOS,OAAST,GAAQ,MAAWC,EAAK,CAAAS,SACnGP,UAAMQ,EAAE,ygDACNJ,KAAK,eAAeK,SAAS,UAAUC,SAAS,gBAGtDf,EAAOgB,YAAc"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",referenceWrapper:"referenceWrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-995cd2610043_0_0_120";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}");export{e as default};
+var e={wrapper:"wrapper",referenceWrapper:"referenceWrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-995cd2610043_0_0_124";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}");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",input:"input",container:"container","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"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-e6d6411ed0b3_0_0_120";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}\n\n.input {\n  padding: 8px !important;\n}\n\n.container {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  min-height: 28px;\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  color: var(--text-color-on-primary);\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);\n  border: 1px solid #10181b;\n  border-radius: 4px;\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;\n  border: 1px solid var(--divider-secondary);\n}\n\n.cancelButton[class*=_Button--icon] {\n  height: 24px;\n  height: 24px;\n}\n\n.button_group {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  display: flex;\n  gap: 0.25rem;\n}\n\n.button_ungroup {\n  position: relative;\n  display: flex;\n  gap: 0.25rem;\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}");export{n as default};
+var n={input_container:"input_container",input:"input",container:"container","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"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-e6d6411ed0b3_0_0_124";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}\n\n.input {\n  padding: 8px !important;\n}\n\n.container {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  min-height: 28px;\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  color: var(--text-color-on-primary);\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);\n  border: 1px solid #10181b;\n  border-radius: 4px;\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;\n  border: 1px solid var(--divider-secondary);\n}\n\n.cancelButton[class*=_Button--icon] {\n  height: 24px;\n  height: 24px;\n}\n\n.button_group {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  display: flex;\n  gap: 0.25rem;\n}\n\n.button_ungroup {\n  position: relative;\n  display: flex;\n  gap: 0.25rem;\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}");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_120";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_124";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_120";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_124";if(n.querySelector("#"+i))return;const a=document.createElement("style");a.id=i,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".editableHeadingWrapper {\n  width: 100%;\n  min-width: 0;\n  border: 1px solid transparent;\n  border-radius: var(--border-radius-small);\n}\n.editableHeadingWrapper:focus-visible, .editableHeadingWrapper.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.editableHeadingWrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.editableHeadingWrapper:focus,\n.editableHeadingWrapper:active {\n  outline: none;\n}\n.headingComponent {\n  margin: 0;\n}\n.editableHeadingWrapper.insetFocus:focus-visible, .editableHeadingWrapper.insetFocus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.editableHeadingWrapper.insetFocus:focus:not(.focus-visible) {\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=LegacyEditableHeading.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={link:"link","focus-visible":"focus-visible",text:"text",inlineText:"inlineText",inheritFontSize:"inheritFontSize",iconStart:"iconStart",iconEnd:"iconEnd"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],e="s_id-89a9488558ca_0_0_120";if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}(".link {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link:focus-visible, .link.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link:focus:not(.focus-visible) {\n  outline: none;\n}\n.link:hover .text {\n  text-decoration: underline;\n}\n.link.inlineText {\n  display: inline-flex;\n  align-items: unset;\n}\n.link.inheritFontSize {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
+var n={link:"link","focus-visible":"focus-visible",text:"text",inlineText:"inlineText",inheritFontSize:"inheritFontSize",iconStart:"iconStart",iconEnd:"iconEnd"};!function(n){if("undefined"==typeof document)return;const i=document.head||document.getElementsByTagName("head")[0],e="s_id-89a9488558ca_0_0_124";if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}(".link {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link:focus-visible, .link.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link:focus:not(.focus-visible) {\n  outline: none;\n}\n.link:hover .text {\n  text-decoration: underline;\n}\n.link.inlineText {\n  display: inline-flex;\n  align-items: unset;\n}\n.link.inheritFontSize {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={loaderContainer:"loaderContainer",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground",circleLoaderSpinner:"circleLoaderSpinner",rotate:"rotate",circleLoaderSpinnerPath:"circleLoaderSpinnerPath",dash:"dash"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-9897123e48fc_0_0_120";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_124";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_120";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_124";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".menu {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu:focus {\n  outline: none;\n}\n\n.small {\n  min-width: 100px;\n}\n\n.medium {\n  width: 220px;\n}\n\n.large {\n  width: 240px;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={item:"item",iconWrapper:"iconWrapper",subMenuIconWrapper:"subMenuIconWrapper",subMenuIcon:"subMenuIcon",icon:"icon",divider:"divider",splitMenuItemIconButton:"splitMenuItemIconButton",iconButton:"iconButton",disabled:"disabled",splitMenuItem:"splitMenuItem",focused:"focused",initialSelected:"initialSelected",selected:"selected",title:"title",hiddenTitle:"hiddenTitle"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-2d2e25e58d71_0_0_120";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_124";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_120";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_124";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_120";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_124";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_120";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_124";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_120";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_124";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_120";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_124";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_120";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_124";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".container {\n  margin-block-start: var(--spacing-medium);\n  padding: var(--spacing-medium) 0;\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",divider:"divider",compact:"compact"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-668afc851c0e_0_0_120";if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".wrapper {\n  display: flex;\n}\n.wrapper .divider {\n  background-color: var(--divider-primary);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper .divider.compact {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
+var e={wrapper:"wrapper",divider:"divider",compact:"compact"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-668afc851c0e_0_0_124";if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".wrapper {\n  display: flex;\n}\n.wrapper .divider {\n  background-color: var(--divider-primary);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper .divider.compact {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--spacing-small);\n  margin-inline-end: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=MultiStepIndicator.module.scss.js.map

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={baseStyles:"baseStyles",expandedContent:"expandedContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4db27d6a765d_0_0_120";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".baseStyles {\n  padding: 0;\n  overflow: hidden;\n  transition: 150ms ease;\n}\n\n.expandedContent {\n  background-color: #333;\n}\n\n.expandedContent {\n  background-color: #ccc;\n}");export{e as default};
+var e={baseStyles:"baseStyles",expandedContent:"expandedContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4db27d6a765d_0_0_124";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".baseStyles {\n  padding: 0;\n  overflow: hidden;\n  transition: 150ms ease;\n}\n\n.expandedContent {\n  background-color: #333;\n}\n\n.expandedContent {\n  background-color: #ccc;\n}");export{e as default};
 //# sourceMappingURL=ExpandedContent.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-b72273b29a72_0_0_120";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".tableHeader {\n  margin-bottom: 10px;\n  padding-top: 10px;\n}\n\n.filterButtonContainer {\n  position: relative;\n}\n\n.filterBox {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px -250px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
+var e={tableHeader:"tableHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-b72273b29a72_0_0_124";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".tableHeader {\n  margin-bottom: 10px;\n  padding-top: 10px;\n}\n\n.filterButtonContainer {\n  position: relative;\n}\n\n.filterBox {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px -250px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={iconButtonTransitionStyles:"iconButtonTransitionStyles",rotatedStyles:"rotatedStyles"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-b5e517e36271_0_0_120";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".iconButtonTransitionStyles {\n  transition: transform 150ms ease-in-out;\n}\n\n.rotatedStyles {\n  transform: rotate(90deg);\n}");export{t as default};
+var t={iconButtonTransitionStyles:"iconButtonTransitionStyles",rotatedStyles:"rotatedStyles"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-b5e517e36271_0_0_124";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.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../../../../../_virtual/_tslib.js";import{jsxs as o,jsx as i,Fragment as r}from"react/jsx-runtime";import n from"lodash/range";import a from"prop-types";import t from"classnames";import s from"./useIdAllocator.js";import l from"../../../../Icon/Icons/components/DropdownChevronLeft.js";import c from"../../../../Icon/Icons/components/DropdownChevronRight.js";import d from"../../../../IconButton/IconButton.js";import m from"./Pagination.module.scss.js";import{getTotalNumPages as g,getCurrentRangeString as p,getRangeMaxString as u}from"./utils.js";import b from"../../../../Text/Text.js";import f from"../../../../Flex/Flex.js";var h=[10,25,50];function O(a){var O=a.id,P=a.className,v=a.itemsPerPage,C=void 0===v?h[0]:v,j=a.itemsPerPageOptions,w=void 0===j?h:j,I=a.onItemsPerPageOptionChange,A=a.currentPage,S=void 0===A?1:A,N=a.onCurrentPageOptionChange,k=a.numTotalItems,x=a.onBackArrowClick,D=a.shouldDisableBackArrow,y=a.onForwardArrowClick,R=a.shouldDisableForwardArrow,T=a.numSelectedItems,B=e(a,["id","className","itemsPerPage","itemsPerPageOptions","onItemsPerPageOptionChange","currentPage","onCurrentPageOptionChange","numTotalItems","onBackArrowClick","shouldDisableBackArrow","onForwardArrowClick","shouldDisableForwardArrow","numSelectedItems"]),F=s({prefix:"lg-pagination-items-per-page-label",id:O}),E=s({prefix:"lg-pagination-items-per-page-select",id:O}),Y=void 0!==D?D:void 0!==k&&1>=S,L=void 0!==R?R:void 0!==k&&S>=g(k,C);(1>S||k&&g(k,C)<S)&&console.error("Value of the 'currentPage' prop is invalid."),w.includes(C)||console.error("Value of the 'itemsPerPage' prop is not a valid option specified in 'itemsPerPageOptions'.");return o("div",Object.assign({className:t(m.baseStyles,P)},B,{children:[o(f,Object.assign({direction:f.directions.COLUMN,align:f.align.START},{children:[0!==T&&i("div",Object.assign({className:m.selectedItemsSection},{children:o(b,Object.assign({color:b.colors.SECONDARY},{children:[T," items selected"]}))})),i("div",Object.assign({className:m.flexSectionStyles},{children:o(b,Object.assign({color:b.colors.SECONDARY},{children:[p(C,S,k)," of"," ",u(k)]}))}))]})),i("div",Object.assign({className:m.flexSectionStyles},{children:void 0!==I&&o(r,{children:[i(b,Object.assign({color:b.colors.SECONDARY},{children:"Rows per page:"})),i("select",Object.assign({onChange:function(e){null==I||I(parseInt(e.target.value,10))},"aria-labelledby":F,value:C+"",id:E},{children:w.map((function(e){return i("option",Object.assign({value:e+""},{children:e}),e)}))}))]})})),o("div",Object.assign({className:m.flexSectionStyles},{children:[i(d,{ariaLabel:"Previous page",disabled:Y,onClick:x,size:"small","data-testid":"lg-pagination-back-button",icon:l}),void 0!==N&&k?o(r,{children:[i("select",Object.assign({"aria-label":"Set current page",onChange:function(e){null==N||N(parseInt(e.target.value,10))},value:S+"","data-testid":"lg-pagination-page-select"},{children:n(1,g(k,C)+1).map((function(e){return i("option",Object.assign({value:e+""},{children:e}),e)}))})),o(b,Object.assign({color:b.colors.SECONDARY},{children:["of ",g(k,C)]}))]}):o(b,Object.assign({color:b.colors.SECONDARY},{children:[S," of"," ",k?g(k,C):"many"]})),i(d,{ariaLabel:"Next page",disabled:L,onClick:y,"data-testid":"lg-pagination-next-button",size:"small",icon:c})]}))]}))}O.propTypes={onBackArrowClick:a.func.isRequired,onForwardArrowClick:a.func.isRequired,numTotalItems:a.number,onCurrentPageOptionChange:a.func,currentPage:a.number,onItemsPerPageOptionChange:a.func,itemsPerPageOptions:a.arrayOf(a.number),itemsPerPage:a.number},O.displayName="Pagination";export{O as default};
+import{__rest as e}from"../../../../../../_virtual/_tslib.js";import{jsxs as o,jsx as i,Fragment as r}from"react/jsx-runtime";import n from"lodash/range";import a from"prop-types";import t from"classnames";import s from"./useIdAllocator.js";import l from"../../../../Icon/Icons/components/DropdownChevronLeft.js";import c from"../../../../Icon/Icons/components/DropdownChevronRight.js";import d from"../../../../IconButton/IconButton.js";import m from"./Pagination.module.scss.js";import{getTotalNumPages as g,getCurrentRangeString as p,getRangeMaxString as u}from"./utils.js";import b from"../../../../Text/Text.js";import f from"../../../../Flex/Flex.js";var h=[10,25,50];function O(a){var O=a.id,P=a.className,v=a.itemsPerPageOptions,C=void 0===v?h:v,j=a.itemsPerPage,w=void 0===j?h[0]:j,I=a.onItemsPerPageOptionChange,A=a.currentPage,S=void 0===A?1:A,N=a.onCurrentPageOptionChange,k=a.numTotalItems,x=a.onBackArrowClick,D=a.shouldDisableBackArrow,y=a.onForwardArrowClick,R=a.shouldDisableForwardArrow,T=a.numSelectedItems,B=e(a,["id","className","itemsPerPageOptions","itemsPerPage","onItemsPerPageOptionChange","currentPage","onCurrentPageOptionChange","numTotalItems","onBackArrowClick","shouldDisableBackArrow","onForwardArrowClick","shouldDisableForwardArrow","numSelectedItems"]),F=s({prefix:"lg-pagination-items-per-page-label",id:O}),E=s({prefix:"lg-pagination-items-per-page-select",id:O}),Y=void 0!==D?D:void 0!==k&&1>=S,L=void 0!==R?R:void 0!==k&&S>=g(k,w);(1>S||k&&g(k,w)<S)&&console.error("Value of the 'currentPage' prop is invalid."),C.includes(w)||console.error("Value of the 'itemsPerPage' prop is not a valid option specified in 'itemsPerPageOptions'.");return o("div",Object.assign({className:t(m.baseStyles,P)},B,{children:[o(f,Object.assign({direction:f.directions.COLUMN,align:f.align.START},{children:[0!==T&&i("div",Object.assign({className:m.selectedItemsSection},{children:o(b,Object.assign({color:b.colors.SECONDARY},{children:[T," items selected"]}))})),i("div",Object.assign({className:m.flexSectionStyles},{children:o(b,Object.assign({color:b.colors.SECONDARY},{children:[p(w,S,k)," of"," ",u(k)]}))}))]})),i("div",Object.assign({className:m.flexSectionStyles},{children:void 0!==I&&o(r,{children:[i(b,Object.assign({color:b.colors.SECONDARY},{children:"Rows per page:"})),i("select",Object.assign({onChange:function(e){null==I||I(parseInt(e.target.value,10))},"aria-labelledby":F,value:w+"",id:E},{children:C.map((function(e){return i("option",Object.assign({value:e+""},{children:e}),e)}))}))]})})),o("div",Object.assign({className:m.flexSectionStyles},{children:[i(d,{ariaLabel:"Previous page",disabled:Y,onClick:x,size:"small","data-testid":"lg-pagination-back-button",icon:l}),void 0!==N&&k?o(r,{children:[i("select",Object.assign({"aria-label":"Set current page",onChange:function(e){null==N||N(parseInt(e.target.value,10))},value:S+"","data-testid":"lg-pagination-page-select"},{children:n(1,g(k,w)+1).map((function(e){return i("option",Object.assign({value:e+""},{children:e}),e)}))})),o(b,Object.assign({color:b.colors.SECONDARY},{children:["of ",g(k,w)]}))]}):o(b,Object.assign({color:b.colors.SECONDARY},{children:[S," of"," ",k?g(k,w):"many"]})),i(d,{ariaLabel:"Next page",disabled:L,onClick:y,"data-testid":"lg-pagination-next-button",size:"small",icon:c})]}))]}))}O.propTypes={onBackArrowClick:a.func.isRequired,onForwardArrowClick:a.func.isRequired,numTotalItems:a.number,onCurrentPageOptionChange:a.func,currentPage:a.number,onItemsPerPageOptionChange:a.func,itemsPerPageOptions:a.arrayOf(a.number),itemsPerPage:a.number},O.displayName="Pagination";export{O as default};
 //# sourceMappingURL=Pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../../../../../src/components/NewTable/components/newComponents/pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport range from \"lodash/range\";\nimport PropTypes from \"prop-types\";\nimport cx from \"classnames\";\nimport useIdAllocator from \"./useIdAllocator\";\nimport DropdownChevronLeft from \"../../../../Icon/Icons/components/DropdownChevronLeft\";\nimport DropdownChevronRight from \"../../../../Icon/Icons/components/DropdownChevronRight\";\nimport IconButton from \"../../../../IconButton/IconButton\";\nimport styles from \"./Pagination.module.scss\";\nimport { PaginationProps } from \"./Pagination.types\";\nimport {\n  getCurrentRangeString,\n  getRangeMaxString,\n  getTotalNumPages,\n} from \"./utils\";\nimport Text from \"../../../../Text/Text\";\nimport Flex from \"../../../../Flex/Flex\";\n\nconst DEFAULT_ITEMS_PER_PAGE_OPTIONS = [10, 25, 50];\n\nfunction Pagination<T extends number>({\n  id: idProp,\n  className,\n  itemsPerPage = DEFAULT_ITEMS_PER_PAGE_OPTIONS[0] as T,\n  itemsPerPageOptions = DEFAULT_ITEMS_PER_PAGE_OPTIONS as Array<T>,\n  onItemsPerPageOptionChange,\n  currentPage = 1,\n  onCurrentPageOptionChange,\n  numTotalItems,\n  onBackArrowClick,\n  shouldDisableBackArrow,\n  onForwardArrowClick,\n  shouldDisableForwardArrow,\n  numSelectedItems,\n  ...rest\n}: PaginationProps<T>) {\n  const itemsPerPageLabelId = useIdAllocator({\n    prefix: \"lg-pagination-items-per-page-label\",\n    id: idProp,\n  });\n  const itemsPerPageSelectId = useIdAllocator({\n    prefix: \"lg-pagination-items-per-page-select\",\n    id: idProp,\n  });\n  const shouldDisableBackButton =\n    shouldDisableBackArrow !== undefined\n      ? shouldDisableBackArrow\n      : numTotalItems !== undefined && currentPage <= 1;\n  const shouldDisableForwardButton =\n    shouldDisableForwardArrow !== undefined\n      ? shouldDisableForwardArrow\n      : numTotalItems !== undefined &&\n        currentPage >= getTotalNumPages(numTotalItems, itemsPerPage);\n\n  if (\n    currentPage < 1 ||\n    (numTotalItems &&\n      getTotalNumPages(numTotalItems, itemsPerPage) < currentPage)\n  ) {\n    console.error(`Value of the 'currentPage' prop is invalid.`);\n  }\n\n  if (!itemsPerPageOptions.includes(itemsPerPage)) {\n    console.error(\n      `Value of the 'itemsPerPage' prop is not a valid option specified in 'itemsPerPageOptions'.`\n    );\n  }\n\n  const handleItemsPerPageChange = (\n    event: React.ChangeEvent<HTMLSelectElement>\n  ) => {\n    const value = parseInt(event.target.value, 10) as T;\n    onItemsPerPageOptionChange?.(value);\n  };\n\n  const handleCurrentPageChange = (\n    event: React.ChangeEvent<HTMLSelectElement>\n  ) => {\n    const value = parseInt(event.target.value, 10);\n    onCurrentPageOptionChange?.(value);\n  };\n\n  return (\n    <div className={cx(styles.baseStyles, className)} {...rest}>\n      <Flex direction={Flex.directions.COLUMN} align={Flex.align.START}>\n        {numSelectedItems !== (undefined || 0) && (\n          <div className={styles.selectedItemsSection}>\n            <Text color={Text.colors.SECONDARY}>\n              {numSelectedItems} items selected\n            </Text>\n          </div>\n        )}\n        <div className={styles.flexSectionStyles}>\n          <Text color={Text.colors.SECONDARY}>\n            {getCurrentRangeString(itemsPerPage, currentPage, numTotalItems)} of{\" \"}\n            {getRangeMaxString(numTotalItems)}\n          </Text>\n        </div>\n      </Flex>\n      <div className={styles.flexSectionStyles}>\n        {onItemsPerPageOptionChange !== undefined && (\n          <>\n            <Text color={Text.colors.SECONDARY}>Rows per page:</Text>\n            <select\n              onChange={handleItemsPerPageChange}\n              aria-labelledby={itemsPerPageLabelId}\n              value={String(itemsPerPage)}\n              id={itemsPerPageSelectId}\n            >\n              {itemsPerPageOptions.map((option: number) => (\n                <option key={option} value={String(option)}>\n                  {option}\n                </option>\n              ))}\n            </select>\n          </>\n        )}\n      </div>\n      <div className={styles.flexSectionStyles}>\n        <IconButton\n          ariaLabel=\"Previous page\"\n          disabled={shouldDisableBackButton}\n          onClick={onBackArrowClick}\n          size=\"small\"\n          data-testid=\"lg-pagination-back-button\"\n          icon={DropdownChevronLeft}\n        />\n        {onCurrentPageOptionChange !== undefined && numTotalItems ? (\n          <>\n            <select\n              aria-label=\"Set current page\"\n              onChange={handleCurrentPageChange}\n              value={String(currentPage)}\n              data-testid=\"lg-pagination-page-select\"\n            >\n              {range(1, getTotalNumPages(numTotalItems, itemsPerPage) + 1).map(\n                (pageNumber: number) => {\n                  return (\n                    <option key={pageNumber} value={String(pageNumber)}>\n                      {pageNumber}\n                    </option>\n                  );\n                }\n              )}\n            </select>\n            <Text color={Text.colors.SECONDARY}>\n              of {getTotalNumPages(numTotalItems, itemsPerPage)}\n            </Text>\n          </>\n        ) : (\n          <Text color={Text.colors.SECONDARY}>\n            {currentPage} of{\" \"}\n            {numTotalItems\n              ? getTotalNumPages(numTotalItems, itemsPerPage)\n              : \"many\"}\n          </Text>\n        )}\n        <IconButton\n          ariaLabel=\"Next page\"\n          disabled={shouldDisableForwardButton}\n          onClick={onForwardArrowClick}\n          data-testid=\"lg-pagination-next-button\"\n          size=\"small\"\n          icon={DropdownChevronRight}\n        />\n      </div>\n    </div>\n  );\n}\n\nPagination.propTypes = {\n  onBackArrowClick: PropTypes.func.isRequired,\n  onForwardArrowClick: PropTypes.func.isRequired,\n  numTotalItems: PropTypes.number,\n  onCurrentPageOptionChange: PropTypes.func,\n  currentPage: PropTypes.number,\n  onItemsPerPageOptionChange: PropTypes.func,\n  itemsPerPageOptions: PropTypes.arrayOf(PropTypes.number),\n  itemsPerPage: PropTypes.number,\n};\n\nPagination.displayName = \"Pagination\";\n\nexport default Pagination;\n"],"names":["DEFAULT_ITEMS_PER_PAGE_OPTIONS","Pagination","_a","idProp","id","className","_a$itemsPerPage","itemsPerPage","_a$itemsPerPageOption","itemsPerPageOptions","onItemsPerPageOptionChange","_a$currentPage","currentPage","onCurrentPageOptionChange","numTotalItems","onBackArrowClick","shouldDisableBackArrow","onForwardArrowClick","shouldDisableForwardArrow","numSelectedItems","rest","__rest","itemsPerPageLabelId","useIdAllocator","prefix","itemsPerPageSelectId","shouldDisableBackButton","undefined","shouldDisableForwardButton","getTotalNumPages","console","error","includes","_jsxs","Object","assign","cx","styles","baseStyles","children","Flex","direction","directions","COLUMN","align","START","_jsx","selectedItemsSection","Text","color","colors","SECONDARY","flexSectionStyles","getCurrentRangeString","getRangeMaxString","_Fragment","onChange","event","parseInt","target","value","String","map","option","IconButton","ariaLabel","disabled","onClick","size","icon","DropdownChevronLeft","range","pageNumber","DropdownChevronRight","propTypes","PropTypes","func","isRequired","number","arrayOf","displayName"],"mappings":"ipBAkBA,IAAMA,EAAiC,CAAC,GAAI,GAAI,IAEhD,SAASC,EAA6BC,GAAA,IAChCC,EAYYD,EAZhBE,GACAC,EAWgBH,EAXhBG,UAASC,EAWOJ,EAVhBK,aAAAA,OAAeP,IAAHM,EAAGN,EAA+B,GAAOM,EAAAE,EAUrCN,EAThBO,oBAAAA,OAAsBT,IAAHQ,EAAGR,EAA0CQ,EAChEE,EAQgBR,EARhBQ,2BAA0BC,EAQVT,EAPhBU,YAAAA,OAAc,IAAHD,EAAG,EAACA,EACfE,EAMgBX,EANhBW,0BACAC,EAKgBZ,EALhBY,cACAC,EAIgBb,EAJhBa,iBACAC,EAGgBd,EAHhBc,uBACAC,EAEgBf,EAFhBe,oBACAC,EACgBhB,EADhBgB,0BACAC,EAAgBjB,EAAhBiB,iBACGC,EAAIC,EAAAnB,EAd6B,iQAgB9BoB,EAAsBC,EAAe,CACzCC,OAAQ,qCACRpB,GAAID,IAEAsB,EAAuBF,EAAe,CAC1CC,OAAQ,sCACRpB,GAAID,IAEAuB,OACuBC,IAA3BX,EACIA,OACkBW,IAAlBb,GAA8C,GAAfF,EAC/BgB,OAC0BD,IAA9BT,EACIA,OACkBS,IAAlBb,GACAF,GAAeiB,EAAiBf,EAAeP,IAGrC,EAAdK,GACCE,GACCe,EAAiBf,EAAeP,GAAgBK,IAElDkB,QAAQC,MAAK,+CAGVtB,EAAoBuB,SAASzB,IAChCuB,QAAQC,MAAK,8FAmBf,OACEE,EAAA,MAAAC,OAAAC,OAAA,CAAK9B,UAAW+B,EAAGC,EAAOC,WAAYjC,IAAgBe,EACpD,CAAAmB,SAAA,CAAAN,EAACO,EAAIN,OAAAC,OAAA,CAACM,UAAWD,EAAKE,WAAWC,OAAQC,MAAOJ,EAAKI,MAAMC,OAAK,CAAAN,SAAA,KAC7DpB,GACC2B,EAAA,MAAAZ,OAAAC,OAAA,CAAK9B,UAAWgC,EAAOU,sBAAoB,CAAAR,SACzCN,EAACe,EAAKd,OAAAC,OAAA,CAAAc,MAAOD,EAAKE,OAAOC,WACtB,CAAAZ,SAAA,CAAApB,EACI,yBAGX2B,EAAK,MAAAZ,OAAAC,OAAA,CAAA9B,UAAWgC,EAAOe,mBACrB,CAAAb,SAAAN,EAACe,EAAId,OAAAC,OAAA,CAACc,MAAOD,EAAKE,OAAOC,WAAS,CAAAZ,SAAA,CAC/Bc,EAAsB9C,EAAcK,EAAaE,GAAmB,MAAA,IACpEwC,EAAkBxC,cAIzBgC,EAAA,MAAAZ,OAAAC,OAAA,CAAK9B,UAAWgC,EAAOe,mBAAiB,CAAAb,cACNZ,IAA/BjB,GACCuB,EAAAsB,EAAA,CAAAhB,SAAA,CACEO,EAACE,EAAKd,OAAAC,OAAA,CAAAc,MAAOD,EAAKE,OAAOC,WAAgC,CAAAZ,SAAA,oBACzDO,EACE,SAAAZ,OAAAC,OAAA,CAAAqB,SApCqB,SAC/BC,GAGA/C,SAAAA,EADcgD,SAASD,EAAME,OAAOC,MAAO,MAkChB,kBAAAtC,EACjBsC,MAAcrD,EAAPsD,GACPzD,GAAIqB,GAAoB,CAAAc,SAEvB9B,EAAoBqD,KAAI,SAACC,GAAc,OACtCjB,EAAqB,SAAAZ,OAAAC,OAAA,CAAAyB,MAAcG,EAAPF,IAAc,CAAAtB,SACvCwB,IADUA,eAQvB9B,EAAA,MAAAC,OAAAC,OAAA,CAAK9B,UAAWgC,EAAOe,mBAAiB,CAAAb,SAAA,CACtCO,EAACkB,EACC,CAAAC,UAAU,gBACVC,SAAUxC,EACVyC,QAASpD,EACTqD,KAAK,QACO,cAAA,4BACZC,KAAMC,SAEuB3C,IAA9Bd,GAA2CC,EAC1CmB,EAAAsB,EAAA,CAAAhB,SAAA,CACEO,EACa,SAAAZ,OAAAC,OAAA,CAAA,aAAA,mBACXqB,SAxDoB,SAC9BC,GAGA5C,SAAAA,EADc6C,SAASD,EAAME,OAAOC,MAAO,MAsDjCA,MAAchD,EAAPiD,GAAmB,cACd,6BAA2B,CAAAtB,SAEtCgC,EAAM,EAAG1C,EAAiBf,EAAeP,GAAgB,GAAGuD,KAC3D,SAACU,GACC,OACE1B,EAAA,SAAAZ,OAAAC,OAAA,CAAyByB,MAAcY,EAAPX,IAAkB,CAAAtB,SAC/CiC,IADUA,SAOrBvC,EAACe,EAAId,OAAAC,OAAA,CAACc,MAAOD,EAAKE,OAAOC,WACnB,CAAAZ,SAAA,CAAA,MAAAV,EAAiBf,EAAeP,UAIxC0B,EAACe,iBAAKC,MAAOD,EAAKE,OAAOC,WAAS,CAAAZ,SAAA,CAC/B3B,EAAgB,MAAA,IAChBE,EACGe,EAAiBf,EAAeP,GAChC,WAGRuC,EAACkB,EACC,CAAAC,UAAU,YACVC,SAAUtC,EACVuC,QAASlD,EAAmB,cAChB,4BACZmD,KAAK,QACLC,KAAMI,WAKhB,CAEAxE,EAAWyE,UAAY,CACrB3D,iBAAkB4D,EAAUC,KAAKC,WACjC5D,oBAAqB0D,EAAUC,KAAKC,WACpC/D,cAAe6D,EAAUG,OACzBjE,0BAA2B8D,EAAUC,KACrChE,YAAa+D,EAAUG,OACvBpE,2BAA4BiE,EAAUC,KACtCnE,oBAAqBkE,EAAUI,QAAQJ,EAAUG,QACjDvE,aAAcoE,EAAUG,QAG1B7E,EAAW+E,YAAc"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../../../../src/components/NewTable/components/newComponents/pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport range from \"lodash/range\";\nimport PropTypes from \"prop-types\";\nimport cx from \"classnames\";\nimport useIdAllocator from \"./useIdAllocator\";\nimport DropdownChevronLeft from \"../../../../Icon/Icons/components/DropdownChevronLeft\";\nimport DropdownChevronRight from \"../../../../Icon/Icons/components/DropdownChevronRight\";\nimport IconButton from \"../../../../IconButton/IconButton\";\nimport styles from \"./Pagination.module.scss\";\nimport { PaginationProps } from \"./Pagination.types\";\nimport {\n  getCurrentRangeString,\n  getRangeMaxString,\n  getTotalNumPages,\n} from \"./utils\";\nimport Text from \"../../../../Text/Text\";\nimport Flex from \"../../../../Flex/Flex\";\n\nconst DEFAULT_ITEMS_PER_PAGE_OPTIONS = [10, 25, 50];\n\nfunction Pagination<T extends number>({\n  id: idProp,\n  className,\n  itemsPerPageOptions = DEFAULT_ITEMS_PER_PAGE_OPTIONS as Array<T>,\n  itemsPerPage = DEFAULT_ITEMS_PER_PAGE_OPTIONS[0] as T,\n  onItemsPerPageOptionChange,\n  currentPage = 1,\n  onCurrentPageOptionChange,\n  numTotalItems,\n  onBackArrowClick,\n  shouldDisableBackArrow,\n  onForwardArrowClick,\n  shouldDisableForwardArrow,\n  numSelectedItems,\n  ...rest\n}: PaginationProps<T>) {\n  const itemsPerPageLabelId = useIdAllocator({\n    prefix: \"lg-pagination-items-per-page-label\",\n    id: idProp,\n  });\n  const itemsPerPageSelectId = useIdAllocator({\n    prefix: \"lg-pagination-items-per-page-select\",\n    id: idProp,\n  });\n  const shouldDisableBackButton =\n    shouldDisableBackArrow !== undefined\n      ? shouldDisableBackArrow\n      : numTotalItems !== undefined && currentPage <= 1;\n  const shouldDisableForwardButton =\n    shouldDisableForwardArrow !== undefined\n      ? shouldDisableForwardArrow\n      : numTotalItems !== undefined &&\n        currentPage >= getTotalNumPages(numTotalItems, itemsPerPage);\n\n  if (\n    currentPage < 1 ||\n    (numTotalItems &&\n      getTotalNumPages(numTotalItems, itemsPerPage) < currentPage)\n  ) {\n    console.error(`Value of the 'currentPage' prop is invalid.`);\n  }\n\n  if (!itemsPerPageOptions.includes(itemsPerPage)) {\n    console.error(\n      `Value of the 'itemsPerPage' prop is not a valid option specified in 'itemsPerPageOptions'.`\n    );\n  }\n\n  const handleItemsPerPageChange = (\n    event: React.ChangeEvent<HTMLSelectElement>\n  ) => {\n    const value = parseInt(event.target.value, 10) as T;\n    onItemsPerPageOptionChange?.(value);\n  };\n\n  const handleCurrentPageChange = (\n    event: React.ChangeEvent<HTMLSelectElement>\n  ) => {\n    const value = parseInt(event.target.value, 10);\n    onCurrentPageOptionChange?.(value);\n  };\n\n  return (\n    <div className={cx(styles.baseStyles, className)} {...rest}>\n      <Flex direction={Flex.directions.COLUMN} align={Flex.align.START}>\n        {numSelectedItems !== (undefined || 0) && (\n          <div className={styles.selectedItemsSection}>\n            <Text color={Text.colors.SECONDARY}>\n              {numSelectedItems} items selected\n            </Text>\n          </div>\n        )}\n        <div className={styles.flexSectionStyles}>\n          <Text color={Text.colors.SECONDARY}>\n            {getCurrentRangeString(itemsPerPage, currentPage, numTotalItems)} of{\" \"}\n            {getRangeMaxString(numTotalItems)}\n          </Text>\n        </div>\n      </Flex>\n      <div className={styles.flexSectionStyles}>\n        {onItemsPerPageOptionChange !== undefined && (\n          <>\n            <Text color={Text.colors.SECONDARY}>Rows per page:</Text>\n            <select\n              onChange={handleItemsPerPageChange}\n              aria-labelledby={itemsPerPageLabelId}\n              value={String(itemsPerPage)}\n              id={itemsPerPageSelectId}\n            >\n              {itemsPerPageOptions.map((option: number) => (\n                <option key={option} value={String(option)}>\n                  {option}\n                </option>\n              ))}\n            </select>\n          </>\n        )}\n      </div>\n      <div className={styles.flexSectionStyles}>\n        <IconButton\n          ariaLabel=\"Previous page\"\n          disabled={shouldDisableBackButton}\n          onClick={onBackArrowClick}\n          size=\"small\"\n          data-testid=\"lg-pagination-back-button\"\n          icon={DropdownChevronLeft}\n        />\n        {onCurrentPageOptionChange !== undefined && numTotalItems ? (\n          <>\n            <select\n              aria-label=\"Set current page\"\n              onChange={handleCurrentPageChange}\n              value={String(currentPage)}\n              data-testid=\"lg-pagination-page-select\"\n            >\n              {range(1, getTotalNumPages(numTotalItems, itemsPerPage) + 1).map(\n                (pageNumber: number) => {\n                  return (\n                    <option key={pageNumber} value={String(pageNumber)}>\n                      {pageNumber}\n                    </option>\n                  );\n                }\n              )}\n            </select>\n            <Text color={Text.colors.SECONDARY}>\n              of {getTotalNumPages(numTotalItems, itemsPerPage)}\n            </Text>\n          </>\n        ) : (\n          <Text color={Text.colors.SECONDARY}>\n            {currentPage} of{\" \"}\n            {numTotalItems\n              ? getTotalNumPages(numTotalItems, itemsPerPage)\n              : \"many\"}\n          </Text>\n        )}\n        <IconButton\n          ariaLabel=\"Next page\"\n          disabled={shouldDisableForwardButton}\n          onClick={onForwardArrowClick}\n          data-testid=\"lg-pagination-next-button\"\n          size=\"small\"\n          icon={DropdownChevronRight}\n        />\n      </div>\n    </div>\n  );\n}\n\nPagination.propTypes = {\n  onBackArrowClick: PropTypes.func.isRequired,\n  onForwardArrowClick: PropTypes.func.isRequired,\n  numTotalItems: PropTypes.number,\n  onCurrentPageOptionChange: PropTypes.func,\n  currentPage: PropTypes.number,\n  onItemsPerPageOptionChange: PropTypes.func,\n  itemsPerPageOptions: PropTypes.arrayOf(PropTypes.number),\n  itemsPerPage: PropTypes.number,\n};\n\nPagination.displayName = \"Pagination\";\n\nexport default Pagination;\n"],"names":["DEFAULT_ITEMS_PER_PAGE_OPTIONS","Pagination","_a","idProp","id","className","_a$itemsPerPageOption","itemsPerPageOptions","_a$itemsPerPage","itemsPerPage","onItemsPerPageOptionChange","_a$currentPage","currentPage","onCurrentPageOptionChange","numTotalItems","onBackArrowClick","shouldDisableBackArrow","onForwardArrowClick","shouldDisableForwardArrow","numSelectedItems","rest","__rest","itemsPerPageLabelId","useIdAllocator","prefix","itemsPerPageSelectId","shouldDisableBackButton","undefined","shouldDisableForwardButton","getTotalNumPages","console","error","includes","_jsxs","Object","assign","cx","styles","baseStyles","children","Flex","direction","directions","COLUMN","align","START","_jsx","selectedItemsSection","Text","color","colors","SECONDARY","flexSectionStyles","getCurrentRangeString","getRangeMaxString","_Fragment","onChange","event","parseInt","target","value","String","map","option","IconButton","ariaLabel","disabled","onClick","size","icon","DropdownChevronLeft","range","pageNumber","DropdownChevronRight","propTypes","PropTypes","func","isRequired","number","arrayOf","displayName"],"mappings":"ipBAkBA,IAAMA,EAAiC,CAAC,GAAI,GAAI,IAEhD,SAASC,EAA6BC,GAAA,IAChCC,EAYYD,EAZhBE,GACAC,EAWgBH,EAXhBG,UAASC,EAWOJ,EAVhBK,oBAAAA,OAAsBP,IAAHM,EAAGN,EAA0CM,EAAAE,EAUhDN,EAThBO,aAAAA,OAAeT,IAAHQ,EAAGR,EAA+B,GAAOQ,EACrDE,EAQgBR,EARhBQ,2BAA0BC,EAQVT,EAPhBU,YAAAA,OAAc,IAAHD,EAAG,EAACA,EACfE,EAMgBX,EANhBW,0BACAC,EAKgBZ,EALhBY,cACAC,EAIgBb,EAJhBa,iBACAC,EAGgBd,EAHhBc,uBACAC,EAEgBf,EAFhBe,oBACAC,EACgBhB,EADhBgB,0BACAC,EAAgBjB,EAAhBiB,iBACGC,EAAIC,EAAAnB,EAd6B,iQAgB9BoB,EAAsBC,EAAe,CACzCC,OAAQ,qCACRpB,GAAID,IAEAsB,EAAuBF,EAAe,CAC1CC,OAAQ,sCACRpB,GAAID,IAEAuB,OACuBC,IAA3BX,EACIA,OACkBW,IAAlBb,GAA8C,GAAfF,EAC/BgB,OAC0BD,IAA9BT,EACIA,OACkBS,IAAlBb,GACAF,GAAeiB,EAAiBf,EAAeL,IAGrC,EAAdG,GACCE,GACCe,EAAiBf,EAAeL,GAAgBG,IAElDkB,QAAQC,MAAK,+CAGVxB,EAAoByB,SAASvB,IAChCqB,QAAQC,MAAK,8FAmBf,OACEE,EAAA,MAAAC,OAAAC,OAAA,CAAK9B,UAAW+B,EAAGC,EAAOC,WAAYjC,IAAgBe,EACpD,CAAAmB,SAAA,CAAAN,EAACO,EAAIN,OAAAC,OAAA,CAACM,UAAWD,EAAKE,WAAWC,OAAQC,MAAOJ,EAAKI,MAAMC,OAAK,CAAAN,SAAA,KAC7DpB,GACC2B,EAAA,MAAAZ,OAAAC,OAAA,CAAK9B,UAAWgC,EAAOU,sBAAoB,CAAAR,SACzCN,EAACe,EAAKd,OAAAC,OAAA,CAAAc,MAAOD,EAAKE,OAAOC,WACtB,CAAAZ,SAAA,CAAApB,EACI,yBAGX2B,EAAK,MAAAZ,OAAAC,OAAA,CAAA9B,UAAWgC,EAAOe,mBACrB,CAAAb,SAAAN,EAACe,EAAId,OAAAC,OAAA,CAACc,MAAOD,EAAKE,OAAOC,WAAS,CAAAZ,SAAA,CAC/Bc,EAAsB5C,EAAcG,EAAaE,GAAmB,MAAA,IACpEwC,EAAkBxC,cAIzBgC,EAAA,MAAAZ,OAAAC,OAAA,CAAK9B,UAAWgC,EAAOe,mBAAiB,CAAAb,cACNZ,IAA/BjB,GACCuB,EAAAsB,EAAA,CAAAhB,SAAA,CACEO,EAACE,EAAKd,OAAAC,OAAA,CAAAc,MAAOD,EAAKE,OAAOC,WAAgC,CAAAZ,SAAA,oBACzDO,EACE,SAAAZ,OAAAC,OAAA,CAAAqB,SApCqB,SAC/BC,GAGA/C,SAAAA,EADcgD,SAASD,EAAME,OAAOC,MAAO,MAkChB,kBAAAtC,EACjBsC,MAAcnD,EAAPoD,GACPzD,GAAIqB,GAAoB,CAAAc,SAEvBhC,EAAoBuD,KAAI,SAACC,GAAc,OACtCjB,EAAqB,SAAAZ,OAAAC,OAAA,CAAAyB,MAAcG,EAAPF,IAAc,CAAAtB,SACvCwB,IADUA,eAQvB9B,EAAA,MAAAC,OAAAC,OAAA,CAAK9B,UAAWgC,EAAOe,mBAAiB,CAAAb,SAAA,CACtCO,EAACkB,EACC,CAAAC,UAAU,gBACVC,SAAUxC,EACVyC,QAASpD,EACTqD,KAAK,QACO,cAAA,4BACZC,KAAMC,SAEuB3C,IAA9Bd,GAA2CC,EAC1CmB,EAAAsB,EAAA,CAAAhB,SAAA,CACEO,EACa,SAAAZ,OAAAC,OAAA,CAAA,aAAA,mBACXqB,SAxDoB,SAC9BC,GAGA5C,SAAAA,EADc6C,SAASD,EAAME,OAAOC,MAAO,MAsDjCA,MAAchD,EAAPiD,GAAmB,cACd,6BAA2B,CAAAtB,SAEtCgC,EAAM,EAAG1C,EAAiBf,EAAeL,GAAgB,GAAGqD,KAC3D,SAACU,GACC,OACE1B,EAAA,SAAAZ,OAAAC,OAAA,CAAyByB,MAAcY,EAAPX,IAAkB,CAAAtB,SAC/CiC,IADUA,SAOrBvC,EAACe,EAAId,OAAAC,OAAA,CAACc,MAAOD,EAAKE,OAAOC,WACnB,CAAAZ,SAAA,CAAA,MAAAV,EAAiBf,EAAeL,UAIxCwB,EAACe,iBAAKC,MAAOD,EAAKE,OAAOC,WAAS,CAAAZ,SAAA,CAC/B3B,EAAgB,MAAA,IAChBE,EACGe,EAAiBf,EAAeL,GAChC,WAGRqC,EAACkB,EACC,CAAAC,UAAU,YACVC,SAAUtC,EACVuC,QAASlD,EAAmB,cAChB,4BACZmD,KAAK,QACLC,KAAMI,WAKhB,CAEAxE,EAAWyE,UAAY,CACrB3D,iBAAkB4D,EAAUC,KAAKC,WACjC5D,oBAAqB0D,EAAUC,KAAKC,WACpC/D,cAAe6D,EAAUG,OACzBjE,0BAA2B8D,EAAUC,KACrChE,YAAa+D,EAAUG,OACvBpE,2BAA4BiE,EAAUC,KACtCrE,oBAAqBoE,EAAUI,QAAQJ,EAAUG,QACjDrE,aAAckE,EAAUG,QAG1B7E,EAAW+E,YAAc"}

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

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