@heliux-org/design-system-core 0.0.399 → 0.0.400

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_397";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_399";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 n={tableContainerStyles:"tableContainerStyles",tableWrapper:"tableWrapper",tableContainer:"tableContainer",baseStyles:"baseStyles",emptyTableContent:"emptyTableContent",loaderRow:"loaderRow",loader:"loader",loaderContainer:"loaderContainer",externalLoaderContainer:"externalLoaderContainer"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-9b360d217b77_0_0_397";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".tableContainerStyles {\n  position: relative;\n}\n\n.tableWrapper {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.tableContainer {\n  overflow-x: auto;\n  overflow-y: auto;\n  flex-grow: 1;\n}\n\n.baseStyles {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: transparent;\n  font-size: 14px;\n}\n\n.emptyTableContent {\n  text-align: center;\n  padding: 20px;\n}\n\n.loaderRow {\n  width: 100%;\n}\n\n.loader {\n  margin: 16px auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.loaderContainer {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n}\n\n.externalLoaderContainer {\n  position: relative;\n  padding-bottom: 20px;\n}");export{n as default};
+var n={tableContainerStyles:"tableContainerStyles",tableWrapper:"tableWrapper",tableContainer:"tableContainer",baseStyles:"baseStyles",emptyTableContent:"emptyTableContent",loaderRow:"loaderRow",loader:"loader",loaderContainer:"loaderContainer",externalLoaderContainer:"externalLoaderContainer"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-9b360d217b77_0_0_399";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".tableContainerStyles {\n  position: relative;\n}\n\n.tableWrapper {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.tableContainer {\n  overflow-x: auto;\n  overflow-y: auto;\n  flex-grow: 1;\n}\n\n.baseStyles {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: transparent;\n  font-size: 14px;\n}\n\n.emptyTableContent {\n  text-align: center;\n  padding: 20px;\n}\n\n.loaderRow {\n  width: 100%;\n}\n\n.loader {\n  margin: 16px auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.loaderContainer {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n}\n\n.externalLoaderContainer {\n  position: relative;\n  padding-bottom: 20px;\n}");export{n as default};
 //# sourceMappingURL=Table.module.scss.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={clickedRow:"clickedRow","table-row":"table-row",tableRow:"tableRow",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-4aba2b934c06_0_0_397";if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".clickedRow td {\n  background-color: var(--surface-selected) !important;\n}\n\n.table-row {\n  transition: background-color 0.3s ease;\n}\n\n.tableRow:hover td {\n  background-color: var(--surface-selected);\n}\n\n.selectedRow {\n  background-color: var(--surface-selected);\n}\n\n.grayZebraRow {\n  background-color: var(--surface-level-200);\n}\n\n.zebraRow:nth-of-type(even) {\n  background-color: var(--surface-selected);\n}\n\n.clickableRow {\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.clickableRow:hover:not(:focus) {\n  outline: none;\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);\n}\n\n.clickableRow:focus, .clickableRow:focus-visible {\n  outline: none;\n  background-color: var(--surface-selected);\n}\n\n.disabledRow {\n  pointer-events: none;\n  background-color: var(--surface-level-200);\n  color: var(--text-secondary);\n}");export{e as default};
+var e={clickedRow:"clickedRow","table-row":"table-row",tableRow:"tableRow",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-4aba2b934c06_0_0_399";if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".clickedRow td {\n  background-color: var(--surface-selected) !important;\n}\n\n.table-row {\n  transition: background-color 0.3s ease;\n}\n\n.tableRow:hover td {\n  background-color: var(--surface-selected);\n}\n\n.selectedRow {\n  background-color: var(--surface-selected);\n}\n\n.grayZebraRow {\n  background-color: var(--surface-level-200);\n}\n\n.zebraRow:nth-of-type(even) {\n  background-color: var(--surface-selected);\n}\n\n.clickableRow {\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.clickableRow:hover:not(:focus) {\n  outline: none;\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);\n}\n\n.clickableRow:focus, .clickableRow:focus-visible {\n  outline: none;\n  background-color: var(--surface-selected);\n}\n\n.disabledRow {\n  pointer-events: none;\n  background-color: var(--surface-level-200);\n  color: var(--text-secondary);\n}");export{e as default};
 //# sourceMappingURL=Row.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={stickyHeader:"stickyHeader",tableHeader:"tableHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox",globalFilterContainer:"globalFilterContainer",globalFilterInput:"globalFilterInput",globalFilterInputHidden:"globalFilterInputHidden",globalFilterInputVisible:"globalFilterInputVisible",closeButton:"closeButton"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-c4e6a42a7aa0_0_0_397";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".stickyHeader {\n  background-color: var(--surface-level-100);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.tableHeader {\n  margin-bottom: 10px;\n  padding-top: 10px;\n}\n\n.filterButtonContainer {\n  position: relative;\n}\n\n.filterBox {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px -250px;\n  display: flex;\n  gap: 5px;\n}\n\n.globalFilterContainer {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.globalFilterInput {\n  transition: width 0.3s ease, opacity 0.3s ease;\n  width: 0;\n  opacity: 0;\n  overflow: hidden;\n}\n\n.globalFilterInputHidden {\n  width: 0;\n}\n\n.globalFilterInputVisible {\n  width: 200px;\n  opacity: 1;\n}\n\n.closeButton {\n  position: absolute;\n  top: 4px;\n  right: 8px;\n  bottom: 0;\n  margin: auto;\n  width: 24px;\n}");export{n as default};
+var n={stickyHeader:"stickyHeader",tableHeader:"tableHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox",globalFilterContainer:"globalFilterContainer",globalFilterInput:"globalFilterInput",globalFilterInputHidden:"globalFilterInputHidden",globalFilterInputVisible:"globalFilterInputVisible",closeButton:"closeButton"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-c4e6a42a7aa0_0_0_399";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".stickyHeader {\n  background-color: var(--surface-level-100);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.tableHeader {\n  margin-bottom: 10px;\n  padding-top: 10px;\n}\n\n.filterButtonContainer {\n  position: relative;\n}\n\n.filterBox {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px -250px;\n  display: flex;\n  gap: 5px;\n}\n\n.globalFilterContainer {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.globalFilterInput {\n  transition: width 0.3s ease, opacity 0.3s ease;\n  width: 0;\n  opacity: 0;\n  overflow: hidden;\n}\n\n.globalFilterInputHidden {\n  width: 0;\n}\n\n.globalFilterInputVisible {\n  width: 200px;\n  opacity: 1;\n}\n\n.closeButton {\n  position: absolute;\n  top: 4px;\n  right: 8px;\n  bottom: 0;\n  margin: auto;\n  width: 24px;\n}");export{n as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={baseStyles:"baseStyles",flexSectionStyles:"flexSectionStyles"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-e7a47deaf7d0_0_0_397";if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".baseStyles {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\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  display: flex;\n  align-items: center;\n  justify-content: center;\n}\nselect {\n  background-color: var(--surface-level-050);\n  border: none;\n  border-radius: 4px;\n  color: var(--text-primary);\n}\nselect:hover {\n  background-color: var(--surface-level-200);\n  cursor: pointer;\n}");export{e as default};
+var e={baseStyles:"baseStyles",flexSectionStyles:"flexSectionStyles"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-e7a47deaf7d0_0_0_399";if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".baseStyles {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\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  display: flex;\n  align-items: center;\n  justify-content: center;\n}\nselect {\n  background-color: var(--surface-level-050);\n  border: none;\n  border-radius: 4px;\n  color: var(--text-primary);\n}\nselect:hover {\n  background-color: var(--surface-level-200);\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Pagination.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={PageHeader:"PageHeader",PageHeaderBreadcrumbs:"PageHeaderBreadcrumbs",PageHeaderRightActions:"PageHeaderRightActions",PageHeaderTitle:"PageHeaderTitle",PageHeaderTabs:"PageHeaderTabs",PageHeaderDivider:"PageHeaderDivider",PageHeaderContainer:"PageHeaderContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-ea77b85b63e2_0_0_397";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".PageHeader {\n  position: relative;\n  padding-top: 100px;\n  width: 100%;\n}\n\n.PageHeaderBreadcrumbs ol {\n  margin: 0 -2px 0 -4px;\n  padding: 0px;\n  height: 4px;\n}\n\n.PageHeaderRightActions {\n  position: relative;\n  bottom: 8px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin-left: auto;\n}\n\n.PageHeaderTitle {\n  padding-bottom: 8px;\n  padding-top: 0;\n  margin: 0;\n}\n\n.PageHeaderTabs {\n  padding: 8px 0 0;\n  margin-bottom: -1px;\n}\n\n.PageHeaderTabs ul {\n  padding: 0;\n}\n\n.PageHeaderDivider {\n  margin: 0px;\n}\n\n@media (min-width: 768px) {\n  .PageHeaderContainer {\n    flex-direction: row;\n  }\n}");export{e as default};
+var e={PageHeader:"PageHeader",PageHeaderBreadcrumbs:"PageHeaderBreadcrumbs",PageHeaderRightActions:"PageHeaderRightActions",PageHeaderTitle:"PageHeaderTitle",PageHeaderTabs:"PageHeaderTabs",PageHeaderDivider:"PageHeaderDivider",PageHeaderContainer:"PageHeaderContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-ea77b85b63e2_0_0_399";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".PageHeader {\n  position: relative;\n  padding-top: 100px;\n  width: 100%;\n}\n\n.PageHeaderBreadcrumbs ol {\n  margin: 0 -2px 0 -4px;\n  padding: 0px;\n  height: 4px;\n}\n\n.PageHeaderRightActions {\n  position: relative;\n  bottom: 8px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin-left: auto;\n}\n\n.PageHeaderTitle {\n  padding-bottom: 8px;\n  padding-top: 0;\n  margin: 0;\n}\n\n.PageHeaderTabs {\n  padding: 8px 0 0;\n  margin-bottom: -1px;\n}\n\n.PageHeaderTabs ul {\n  padding: 0;\n}\n\n.PageHeaderDivider {\n  margin: 0px;\n}\n\n@media (min-width: 768px) {\n  .PageHeaderContainer {\n    flex-direction: row;\n  }\n}");export{e as default};
 //# sourceMappingURL=PageHeader.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{taggedTemplateLiteral as e,slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n,jsxs as l,Fragment as t}from"@emotion/react/jsx-runtime";import{useState as a,useEffect as s}from"react";import{PanelGroup as r,Panel as o}from"react-resizable-panels";import d from"styled-components";import c from"classnames";import{ResizeHandle as f}from"./ResizeHandle.js";import{PanelContextProvider as p,usePanelContext as h}from"./PanelContext.js";import"./PanelLayout.module.scss.js";import{GridContainer as m,GridRow as g,GridCol as u}from"../GridSystem/GridSystem.js";var v,S,z,P=d(r)(v||(v=e(["\n  position: ",";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: transparent;\n  display: flex;\n"])),(function(e){return e.$isPositionAbsolute?"absolute":"relative"})),b=d(o)(S||(S=e(["\n  background: transparent;\n  flex: 1;\n  transition: all 0.3s ease-in-out;\n"]))),j=d(o)(z||(z=e(["\n  transition: ",";\n  min-width: ",";\n  flex-shrink: 0;\n\n  &.collapsed {\n    width: 40px !important;\n    min-width: 40px !important;\n    max-width: 40px !important;\n    flex-shrink: 0;\n  }\n"])),(function(e){return e.isDragging?"none":"all 0.3s ease-in-out"}),(function(e){return e.$isCollapsed?"40px":"100px"}));function x(e){var r=e.children,o=e.leftSide,d=e.rightSide,p=e.rightOverlay,v=e.leftOverlay,S=e.centerPanelMinSize,z=void 0===S?30:S,x=e.leftPanelDefaultSize,O=void 0===x?20:x,y=e.leftPanelMinSize,w=void 0===y?10:y,C=e.rightPanelDefaultSize,D=void 0===C?20:C,M=e.rightPanelMinSize,R=void 0===M?10:M,N=e.isCollapsed,A=void 0!==N&&N,L=e.isPositionAbsolute,$=void 0===L||L,k=h(),E=k.handleLeftPanelRef,H=k.handleRightPanelRef,G=k.leftPanelRef,I=k.rightPanelRef,T=a(!1),W=i(T,2),_=W[0],B=W[1],q=a(!1),F=i(q,2),J=F[0],K=F[1],Q=a(!1),U=i(Q,2),V=U[0],X=U[1];return s((function(){var e=function(){B(900>window.innerWidth)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[]),_?l(m,Object.assign({fullWidth:!0},{children:[v&&o&&n("div",Object.assign({className:"overlay-panel"},{children:o})),n(g,Object.assign({fullHeight:!0},{children:n(u,Object.assign({xs:12,fullHeight:!0},{children:r}))})),p&&d&&n("div",Object.assign({className:"overlay-panel"},{children:d}))]})):l(P,Object.assign({direction:"horizontal",className:"panel",$isPositionAbsolute:$},{children:[o&&l(t,{children:[n(j,Object.assign({ref:E,collapsible:!0,defaultSize:O,minSize:A?5:w,className:c("panelbox",{collapsed:A}),isDragging:J,$isCollapsed:A},{children:o})),n(f,{panelElementRef:G,className:c("resize-handle",{hidden:A}),setIsDragging:K})]}),n(b,Object.assign({minSize:z,className:"mainContent",$isCollapsed:A},{children:r})),d&&l(t,{children:[n(f,{panelElementRef:I,className:"resize-handle",setIsDragging:X}),n(j,Object.assign({ref:H,collapsible:!0,defaultSize:D,collapsedSize:0,minSize:R,className:"panelbox",isDragging:V,$isCollapsed:A},{children:d}))]})]}))}var O=function(e){var i=e.showLeftSide,l=e.showRightSide,t=e.rightOverlay,a=e.leftOverlay,s=e.leftPanelCollapsedSize,r=e.isCollapsed,o=e.isPositionAbsolute;return n(p,{children:n(x,Object.assign({leftSide:void 0!==i&&i?e.leftSide:void 0,rightSide:void 0!==l&&l?e.rightSide:void 0,rightOverlay:void 0!==t&&t,leftOverlay:void 0!==a&&a,centerPanelMinSize:e.centerPanelMinSize,leftPanelDefaultSize:e.leftPanelDefaultSize,leftPanelMinSize:e.leftPanelMinSize,leftPanelCollapsedSize:void 0===s?0:s,rightPanelDefaultSize:e.rightPanelDefaultSize,rightPanelMinSize:e.rightPanelMinSize,isCollapsed:void 0!==r&&r,isPositionAbsolute:void 0===o||o},{children:e.children}))})};export{O as PanelLayout,x as Panels};
+import{taggedTemplateLiteral as e,slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n,jsxs as l,Fragment as a}from"@emotion/react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{PanelGroup as s,Panel as r}from"react-resizable-panels";import d from"styled-components";import f from"classnames";import{ResizeHandle as c}from"./ResizeHandle.js";import{PanelContextProvider as p,usePanelContext as h}from"./PanelContext.js";import"./PanelLayout.module.scss.js";import{GridContainer as m,GridRow as g,GridCol as v}from"../GridSystem/GridSystem.js";var u,S,P,z=d(s)(u||(u=e(["\n  position: ",";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: transparent;\n  display: flex;\n"])),(function(e){return e.$isPositionAbsolute?"absolute":"relative"})),b=d(r)(S||(S=e(["\n  background: transparent;\n  flex: 1;\n  transition: all 0.3s ease-in-out;\n"]))),x=d(r)(P||(P=e(["\n  transition: ",";\n  min-width: ",";\n  flex-shrink: 0;\n\n  &.collapsed {\n    width: 40px !important;\n    min-width: 40px !important;\n    max-width: 40px !important;\n    flex-shrink: 0;\n  }\n"])),(function(e){return e.isDragging?"none":"width 0.3s ease-in-out"}),(function(e){return e.$isCollapsed?"40px":"".concat(e.defaultSize,"%")}));function j(e){var s=e.children,r=e.leftSide,d=e.rightSide,p=e.rightOverlay,u=e.leftOverlay,S=e.centerPanelMinSize,P=void 0===S?30:S,j=e.leftPanelDefaultSize,C=void 0===j?20:j,O=e.leftPanelMinSize,y=void 0===O?10:O,w=e.leftPanelCollapsedSize,L=void 0===w?0:w,M=e.rightPanelDefaultSize,D=void 0===M?20:M,R=e.rightPanelMinSize,E=void 0===R?10:R,N=e.isCollapsed,A=void 0!==N&&N,$=e.isPositionAbsolute,k=void 0===$||$,H=e.leftPanelMaxSize,G=void 0===H?20:H,I=e.onLeftPanelCollapse,T=void 0===I?void 0:I,W=e.onLeftPanelExpand,_=void 0===W?void 0:W,B=h(),q=B.handleLeftPanelRef,F=B.handleRightPanelRef,J=B.leftPanelRef,K=B.rightPanelRef,Q=t(!1),U=i(Q,2),V=U[0],X=U[1],Y=t(!1),Z=i(Y,2),ee=Z[0],ie=Z[1],ne=t(!1),le=i(ne,2),ae=le[0],te=le[1];return o((function(){var e=function(){X(900>window.innerWidth)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[]),V?l(m,Object.assign({fullWidth:!0},{children:[u&&r&&n("div",Object.assign({className:"overlay-panel"},{children:r})),n(g,Object.assign({fullHeight:!0},{children:n(v,Object.assign({xs:12,fullHeight:!0},{children:s}))})),p&&d&&n("div",Object.assign({className:"overlay-panel"},{children:d}))]})):l(z,Object.assign({direction:"horizontal",className:"panel",$isPositionAbsolute:k},{children:[r&&l(a,{children:[n(x,Object.assign({ref:q,collapsible:!0,defaultSize:C,minSize:A?5:y,className:f("panelbox",{collapsed:A}),isDragging:ee,$isCollapsed:A,maxSize:G,onCollapse:T,onExpand:_,collapsedSize:L},{children:r})),n(c,{panelElementRef:J,className:f("resize-handle",{hidden:A}),setIsDragging:ie})]}),n(b,Object.assign({minSize:P,className:"mainContent",$isCollapsed:A},{children:s})),d&&l(a,{children:[n(c,{panelElementRef:K,className:"resize-handle",setIsDragging:te}),n(x,Object.assign({ref:F,collapsible:!0,defaultSize:D,collapsedSize:0,minSize:E,className:"panelbox",isDragging:ae,$isCollapsed:A},{children:d}))]})]}))}var C=function(e){var i=e.showLeftSide,l=e.showRightSide,a=e.rightOverlay,t=e.leftOverlay,o=e.leftPanelCollapsedSize,s=e.isCollapsed,r=e.isPositionAbsolute,d=e.leftPanelMaxSize,f=e.onLeftPanelCollapse,c=e.onLeftPanelExpand;return n(p,{children:n(j,Object.assign({leftSide:void 0!==i&&i?e.leftSide:void 0,rightSide:void 0!==l&&l?e.rightSide:void 0,rightOverlay:void 0!==a&&a,leftOverlay:void 0!==t&&t,centerPanelMinSize:e.centerPanelMinSize,leftPanelDefaultSize:e.leftPanelDefaultSize,leftPanelMinSize:e.leftPanelMinSize,leftPanelCollapsedSize:void 0===o?0:o,rightPanelDefaultSize:e.rightPanelDefaultSize,rightPanelMinSize:e.rightPanelMinSize,isCollapsed:void 0!==s&&s,isPositionAbsolute:void 0===r||r,leftPanelMaxSize:void 0===d?20:d,onLeftPanelCollapse:void 0===f?void 0:f,onLeftPanelExpand:void 0===c?void 0:c},{children:e.children}))})};export{C as PanelLayout,j as Panels};
 //# sourceMappingURL=PanelLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelLayout.js","sources":["../../../../../src/components/PanelLayout/PanelLayout.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\nimport { Panel, PanelGroup } from \"react-resizable-panels\";\nimport styled from \"styled-components\";\nimport cx from \"classnames\";\nimport { ResizeHandle } from \"./ResizeHandle\";\nimport { PanelContextProvider, usePanelContext } from \"./PanelContext\";\nimport \"./PanelLayout.module.scss\";\nimport { GridCol, GridContainer, GridRow } from \"../GridSystem/GridSystem\";\n\nexport type PanelLayoutProps = {\n  children?: ReactNode;\n  leftSide?: ReactNode;\n  rightSide?: ReactNode;\n  showLeftSide?: boolean;\n  showRightSide?: boolean;\n  rightOverlay?: boolean;\n  leftOverlay?: boolean;\n  centerPanelMinSize?: number;\n  leftPanelDefaultSize?: number;\n  leftPanelMinSize?: number;\n  leftPanelCollapsedSize?: number;\n  rightPanelDefaultSize?: number;\n  rightPanelMinSize?: number;\n  isCollapsed?: boolean;\n  isPositionAbsolute?: boolean;\n};\n\nconst PanelGroupStyled = styled(PanelGroup)<{ $isPositionAbsolute?: boolean }>`\n  position: ${({ $isPositionAbsolute }) => ($isPositionAbsolute ? 'absolute' : 'relative')};\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: transparent;\n  display: flex;\n`;\n\nconst CenterPanelStyled = styled(Panel)<{ $isCollapsed?: boolean }>`\n  background: transparent;\n  flex: 1;\n  transition: all 0.3s ease-in-out;\n`;\n\nconst AnimatedPanel = styled(Panel)<{ isDragging: boolean; $isCollapsed?: boolean }>`\n  transition: ${props => props.isDragging ? 'none' : 'all 0.3s ease-in-out'};\n  min-width: ${props => props.$isCollapsed ? '40px' : '100px'};\n  flex-shrink: 0;\n\n  &.collapsed {\n    width: 40px !important;\n    min-width: 40px !important;\n    max-width: 40px !important;\n    flex-shrink: 0;\n  }\n`;\n\ntype PanelsProps = {\n  children?: ReactNode;\n  leftSide?: ReactNode;\n  rightSide?: ReactNode;\n  rightOverlay?: boolean;\n  leftOverlay?: boolean;\n  centerPanelMinSize?: number;\n  leftPanelDefaultSize?: number;\n  leftPanelMinSize?: number;\n  leftPanelCollapsedSize?: number;\n  rightPanelDefaultSize?: number;\n  rightPanelMinSize?: number;\n  isCollapsed?: boolean;\n  isPositionAbsolute?: boolean;\n};\n\nexport function Panels({\n  children,\n  leftSide,\n  rightSide,\n  rightOverlay,\n  leftOverlay,\n  centerPanelMinSize = 30,\n  leftPanelDefaultSize = 20,\n  leftPanelMinSize = 10,\n  leftPanelCollapsedSize = 0,\n  rightPanelDefaultSize = 20,\n  rightPanelMinSize = 10,\n  isCollapsed = false,\n  isPositionAbsolute = true,\n}: PanelsProps) {\n  const { handleLeftPanelRef, handleRightPanelRef, leftPanelRef, rightPanelRef } = usePanelContext();\n  const [isMobile, setIsMobile] = useState(false);\n  const [isLeftDragging, setIsLeftDragging] = useState(false);\n  const [isRightDragging, setIsRightDragging] = useState(false);\n\n  useEffect(() => {\n    const handleResize = () => {\n      setIsMobile(window.innerWidth < 900);\n    };\n\n    handleResize();\n    window.addEventListener(\"resize\", handleResize);\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n\n  if (isMobile) {\n    return (\n      <GridContainer fullWidth >\n        {leftOverlay && leftSide && (\n          <div className=\"overlay-panel\">\n            {leftSide}\n          </div>\n        )}\n        <GridRow fullHeight>\n          <GridCol xs={12} fullHeight>\n            {children}\n          </GridCol>\n        </GridRow>\n        {rightOverlay && rightSide && (\n          <div className=\"overlay-panel\">\n            {rightSide}\n          </div>\n        )}\n      </GridContainer>\n    );\n  }\n\n  return (\n    <PanelGroupStyled direction=\"horizontal\" className=\"panel\" $isPositionAbsolute={isPositionAbsolute}>\n      {leftSide && (\n        <>\n          <AnimatedPanel\n            ref={handleLeftPanelRef}\n            collapsible={true}\n            defaultSize={leftPanelDefaultSize}\n            minSize={isCollapsed ? 5 : leftPanelMinSize}\n            className={cx(\"panelbox\", { collapsed: isCollapsed })}\n            isDragging={isLeftDragging}\n            $isCollapsed={isCollapsed}\n          >\n            {leftSide}\n          </AnimatedPanel>\n          <ResizeHandle \n            panelElementRef={leftPanelRef} \n            className={cx(\"resize-handle\", { hidden: isCollapsed })}\n            setIsDragging={setIsLeftDragging} \n          />\n        </>\n      )}\n      <CenterPanelStyled \n        minSize={centerPanelMinSize} \n        className=\"mainContent\"\n        $isCollapsed={isCollapsed}\n      >\n        {children}\n      </CenterPanelStyled>\n      {rightSide && (\n        <>\n          <ResizeHandle \n            panelElementRef={rightPanelRef} \n            className=\"resize-handle\" \n            setIsDragging={setIsRightDragging} \n          />\n          <AnimatedPanel\n            ref={handleRightPanelRef}\n            collapsible={true}\n            defaultSize={rightPanelDefaultSize}\n            collapsedSize={0}\n            minSize={rightPanelMinSize}\n            className=\"panelbox\"\n            isDragging={isRightDragging}\n            $isCollapsed={isCollapsed}\n          >\n            {rightSide}\n          </AnimatedPanel>\n        </>\n      )}\n    </PanelGroupStyled>\n  );\n}\n\nexport const PanelLayout: React.FC<PanelLayoutProps> = ({\n  children,\n  leftSide,\n  rightSide,\n  showLeftSide = false,\n  showRightSide = false,\n  rightOverlay = false,\n  leftOverlay = false,\n  centerPanelMinSize,\n  leftPanelDefaultSize,\n  leftPanelMinSize,\n  leftPanelCollapsedSize = 0,\n  rightPanelDefaultSize,\n  rightPanelMinSize,\n  isCollapsed = false,\n  isPositionAbsolute = true,\n}: PanelLayoutProps) => {\n  return (\n    <PanelContextProvider>\n      <Panels\n        leftSide={showLeftSide ? leftSide : undefined}\n        rightSide={showRightSide ? rightSide : undefined}\n        rightOverlay={rightOverlay}\n        leftOverlay={leftOverlay}\n        centerPanelMinSize={centerPanelMinSize}\n        leftPanelDefaultSize={leftPanelDefaultSize}\n        leftPanelMinSize={leftPanelMinSize}\n        leftPanelCollapsedSize={leftPanelCollapsedSize}\n        rightPanelDefaultSize={rightPanelDefaultSize}\n        rightPanelMinSize={rightPanelMinSize}\n        isCollapsed={isCollapsed}\n        isPositionAbsolute={isPositionAbsolute}\n      >\n        {children}\n      </Panels>\n    </PanelContextProvider>\n  );\n}"],"names":["PanelGroupStyled","styled","PanelGroup","_templateObject","_taggedTemplateLiteral","_ref","$isPositionAbsolute","CenterPanelStyled","Panel","_templateObject2","AnimatedPanel","_templateObject3","props","isDragging","$isCollapsed","Panels","_ref2","children","leftSide","rightSide","rightOverlay","leftOverlay","_ref2$centerPanelMinS","centerPanelMinSize","_ref2$leftPanelDefaul","leftPanelDefaultSize","_ref2$leftPanelMinSiz","leftPanelMinSize","_ref2$rightPanelDefau","rightPanelDefaultSize","_ref2$rightPanelMinSi","rightPanelMinSize","_ref2$isCollapsed","isCollapsed","_ref2$isPositionAbsol","isPositionAbsolute","_usePanelContext","usePanelContext","handleLeftPanelRef","handleRightPanelRef","leftPanelRef","rightPanelRef","_useState","useState","_useState2","_slicedToArray","isMobile","setIsMobile","_useState3","_useState4","isLeftDragging","setIsLeftDragging","_useState5","_useState6","isRightDragging","setIsRightDragging","useEffect","handleResize","window","innerWidth","addEventListener","removeEventListener","_jsxs","GridContainer","Object","assign","fullWidth","_jsx","className","GridRow","fullHeight","GridCol","xs","direction","_Fragment","ref","collapsible","defaultSize","minSize","cx","collapsed","ResizeHandle","panelElementRef","hidden","setIsDragging","collapsedSize","PanelLayout","_ref3","_ref3$showLeftSide","showLeftSide","_ref3$showRightSide","showRightSide","_ref3$rightOverlay","_ref3$leftOverlay","_ref3$leftPanelCollap","leftPanelCollapsedSize","_ref3$isCollapsed","_ref3$isPositionAbsol","PanelContextProvider","undefined"],"mappings":"imBA2BMA,EAAmBC,EAAOC,EAAPD,CAAkBE,IAAAA,EAAAC,EAAA,CAAA,iBAAA,0GAC7B,SAAAC,GAAsB,OAAAA,EAAnBC,oBAAiD,WAAa,UAAU,IASnFC,EAAoBN,EAAOO,EAAPP,CAAaQ,IAAAA,EAAAL,EAItC,CAAA,sFAEKM,EAAgBT,EAAOO,EAAPP,CAAaU,IAAAA,EAAAP,EAAA,CAAA,mBAAA,mBAAA,yKACnB,SAAAQ,GAAK,OAAIA,EAAMC,WAAa,OAAS,sBAAsB,IAC5D,SAAAD,GAAK,OAAIA,EAAME,aAAe,OAAS,OAAO,IA2BvD,SAAUC,EAAMC,GAcR,IAbZC,EAAQD,EAARC,SACAC,EAAQF,EAARE,SACAC,EAASH,EAATG,UACAC,EAAYJ,EAAZI,aACAC,EAAWL,EAAXK,YAAWC,EAAAN,EACXO,mBAAAA,OAAqB,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACvBS,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACzBW,iBAAAA,OAAmB,IAAHD,EAAG,GAAEA,EACKE,EAAAZ,EAC1Ba,sBAAAA,OAAwB,IAAHD,EAAG,GAAEA,EAAAE,EAAAd,EAC1Be,kBAAAA,OAAoB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACtBiB,YAAAA,OAAc,IAAHD,GAAQA,EAAAE,EAAAlB,EACnBmB,mBAAAA,OAAqB,IAAHD,GAAOA,EAEzBE,EAAiFC,IAAzEC,EAAkBF,EAAlBE,mBAAoBC,EAAmBH,EAAnBG,oBAAqBC,EAAYJ,EAAZI,aAAcC,EAAaL,EAAbK,cAC/DC,EAAgCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAxCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAA4CL,GAAS,GAAMM,EAAAJ,EAAAG,EAAA,GAApDE,EAAcD,EAAA,GAAEE,EAAiBF,EAAA,GACxCG,EAA8CT,GAAS,GAAMU,EAAAR,EAAAO,EAAA,GAAtDE,EAAeD,EAAA,GAAEE,EAAkBF,EAAA,GAY1C,OAVAG,GAAU,WACR,IAAMC,EAAe,WACnBV,EAAgC,IAApBW,OAAOC,aAKrB,OAFAF,IACAC,OAAOE,iBAAiB,SAAUH,GAC3B,WAAA,OAAMC,OAAOG,oBAAoB,SAAUJ,EAAa,CAChE,GAAE,IAECX,EAEAgB,EAACC,EAAcC,OAAAC,OAAA,CAAAC,yBACZ7C,GAAeH,GACdiD,EAAA,MAAAH,OAAAC,OAAA,CAAKG,UAAU,iBACZ,CAAAnD,SAAAC,KAGLiD,EAACE,EAAQL,OAAAC,OAAA,CAAAK,YACP,GAAA,CAAArD,SAAAkD,EAACI,EAAQP,OAAAC,OAAA,CAAAO,GAAI,GAAIF,yBACdrD,QAGJG,GAAgBD,GACfgD,EAAK,MAAAH,OAAAC,OAAA,CAAAG,UAAU,iBACZ,CAAAnD,SAAAE,SAQT2C,EAAC9D,EAAiBgE,OAAAC,OAAA,CAAAQ,UAAU,aAAaL,UAAU,QAA6B9D,oBAAA6B,cAC7EjB,GACC4C,EACEY,EAAA,CAAAzD,SAAA,CAAAkD,EAACzD,EAAasD,OAAAC,OAAA,CACZU,IAAKrC,EACLsC,aAAa,EACbC,YAAapD,EACbqD,QAAS7C,EAAc,EAAIN,EAC3ByC,UAAWW,EAAG,WAAY,CAAEC,UAAW/C,IACvCpB,WAAYqC,EAAcpC,aACZmB,GAAW,CAAAhB,SAExBC,KAEHiD,EAACc,EAAY,CACXC,gBAAiB1C,EACjB4B,UAAWW,EAAG,gBAAiB,CAAEI,OAAQlD,IACzCmD,cAAejC,OAIrBgB,EAAC5D,iBACCuE,QAASvD,EACT6C,UAAU,cAAatD,aACTmB,GAAW,CAAAhB,SAExBA,KAEFE,GACC2C,eACEK,EAACc,EACC,CAAAC,gBAAiBzC,EACjB2B,UAAU,gBACVgB,cAAe7B,IAEjBY,EAACzD,iBACCiE,IAAKpC,EACLqC,aAAa,EACbC,YAAahD,EACbwD,cAAe,EACfP,QAAS/C,EACTqC,UAAU,WACVvD,WAAYyC,EACExC,aAAAmB,aAEbd,WAMb,KAEamE,EAA0C,SAA/BC,GAgBD,IAbZC,EAAAD,EACTE,aAAoBC,EAAAH,EACpBI,cAAqBC,EAAAL,EACrBnE,aAAoByE,EAAAN,EACpBlE,YAGgByE,EAAAP,EAChBQ,uBAEiBC,EAAAT,EACjBtD,YAAmBgE,EAAAV,EACnBpD,mBAEA,OACEgC,EAAC+B,EAAoB,CAAAjF,SACnBkD,EAACpD,EAAMiD,OAAAC,OAAA,CACL/C,cAhBS,IAAHsE,GAAQA,EAFZD,EAARrE,cAkB0CiF,EACpChF,eAhBU,IAAHuE,GAAQA,EAFZH,EAATpE,eAkB6CgF,EACvC/E,kBAhBS,IAAHwE,GAAQA,EAiBdvE,iBAhBQ,IAAHwE,GAAQA,EAiBbtE,mBAhBYgE,EAAlBhE,mBAiBME,qBAhBc8D,EAApB9D,qBAiBME,iBAhBU4D,EAAhB5D,iBAiBMoE,4BAhBmB,IAAHD,EAAG,EAACA,EAiBpBjE,sBAhBe0D,EAArB1D,sBAiBME,kBAhBWwD,EAAjBxD,kBAiBME,iBAhBQ,IAAH+D,GAAQA,EAiBb7D,wBAhBe,IAAH8D,GAAOA,GAkBlB,CAAAhF,SAhCCsE,EAARtE,aAoCF"}
+{"version":3,"file":"PanelLayout.js","sources":["../../../../../src/components/PanelLayout/PanelLayout.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from \"react\";\nimport { Panel, PanelGroup } from \"react-resizable-panels\";\nimport styled from \"styled-components\";\nimport cx from \"classnames\";\nimport { ResizeHandle } from \"./ResizeHandle\";\nimport { PanelContextProvider, usePanelContext } from \"./PanelContext\";\nimport \"./PanelLayout.module.scss\";\nimport { GridCol, GridContainer, GridRow } from \"../GridSystem/GridSystem\";\n\nexport type PanelLayoutProps = {\n  children?: ReactNode;\n  leftSide?: ReactNode;\n  rightSide?: ReactNode;\n  showLeftSide?: boolean;\n  showRightSide?: boolean;\n  rightOverlay?: boolean;\n  leftOverlay?: boolean;\n  centerPanelMinSize?: number;\n  leftPanelDefaultSize?: number;\n  leftPanelMinSize?: number;\n  leftPanelCollapsedSize?: number;\n  rightPanelDefaultSize?: number;\n  rightPanelMinSize?: number;\n  isCollapsed?: boolean;\n  isPositionAbsolute?: boolean;\n  leftPanelMaxSize?: number;\n  onLeftPanelExpand?: () => void;\n  onLeftPanelCollapse?: () => void;\n};\n\nconst PanelGroupStyled = styled(PanelGroup) <{ $isPositionAbsolute?: boolean }>`\n  position: ${({ $isPositionAbsolute }) => ($isPositionAbsolute ? 'absolute' : 'relative')};\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: transparent;\n  display: flex;\n`;\n\nconst CenterPanelStyled = styled(Panel) <{ $isCollapsed?: boolean }>`\n  background: transparent;\n  flex: 1;\n  transition: all 0.3s ease-in-out;\n`;\n\nconst AnimatedPanel = styled(Panel) <{ isDragging: boolean; $isCollapsed?: boolean }>`\n  transition: ${props => props.isDragging ? 'none' : 'width 0.3s ease-in-out'};\n  min-width: ${props => props.$isCollapsed ? '40px' : `${props.defaultSize}%`};\n  flex-shrink: 0;\n\n  &.collapsed {\n    width: 40px !important;\n    min-width: 40px !important;\n    max-width: 40px !important;\n    flex-shrink: 0;\n  }\n`;\n\ntype PanelsProps = {\n  children?: ReactNode;\n  leftSide?: ReactNode;\n  rightSide?: ReactNode;\n  rightOverlay?: boolean;\n  leftOverlay?: boolean;\n  centerPanelMinSize?: number;\n  leftPanelDefaultSize?: number;\n  leftPanelMinSize?: number;\n  leftPanelCollapsedSize?: number;\n  rightPanelDefaultSize?: number;\n  rightPanelMinSize?: number;\n  isCollapsed?: boolean;\n  isPositionAbsolute?: boolean;\n  leftPanelMaxSize?: number;\n  onLeftPanelExpand?: () => void;\n  onLeftPanelCollapse?: () => void;\n};\n\nexport function Panels({\n  children,\n  leftSide,\n  rightSide,\n  rightOverlay,\n  leftOverlay,\n  centerPanelMinSize = 30,\n  leftPanelDefaultSize = 20,\n  leftPanelMinSize = 10,\n  leftPanelCollapsedSize = 0,\n  rightPanelDefaultSize = 20,\n  rightPanelMinSize = 10,\n  isCollapsed = false,\n  isPositionAbsolute = true,\n  leftPanelMaxSize = 20,\n  onLeftPanelCollapse = undefined,\n  onLeftPanelExpand = undefined,\n}: PanelsProps) {\n  const { handleLeftPanelRef, handleRightPanelRef, leftPanelRef, rightPanelRef } = usePanelContext();\n  const [isMobile, setIsMobile] = useState(false);\n  const [isLeftDragging, setIsLeftDragging] = useState(false);\n  const [isRightDragging, setIsRightDragging] = useState(false);\n\n  useEffect(() => {\n    const handleResize = () => {\n      setIsMobile(window.innerWidth < 900);\n    };\n\n    handleResize();\n    window.addEventListener(\"resize\", handleResize);\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n\n  if (isMobile) {\n    return (\n      <GridContainer fullWidth >\n        {leftOverlay && leftSide && (\n          <div className=\"overlay-panel\">\n            {leftSide}\n          </div>\n        )}\n        <GridRow fullHeight>\n          <GridCol xs={12} fullHeight>\n            {children}\n          </GridCol>\n        </GridRow>\n        {rightOverlay && rightSide && (\n          <div className=\"overlay-panel\">\n            {rightSide}\n          </div>\n        )}\n      </GridContainer>\n    );\n  }\n\n  return (\n    <PanelGroupStyled direction=\"horizontal\" className=\"panel\" $isPositionAbsolute={isPositionAbsolute}>\n      {leftSide && (\n        <>\n          <AnimatedPanel\n            ref={handleLeftPanelRef}\n            collapsible={true}\n            defaultSize={leftPanelDefaultSize}\n            minSize={isCollapsed ? 5 : leftPanelMinSize}\n            className={cx(\"panelbox\", { collapsed: isCollapsed })}\n            isDragging={isLeftDragging}\n            $isCollapsed={isCollapsed}\n            maxSize={leftPanelMaxSize}\n            onCollapse={onLeftPanelCollapse}\n            onExpand={onLeftPanelExpand}\n            collapsedSize={leftPanelCollapsedSize}\n          >\n            {leftSide}\n          </AnimatedPanel>\n          <ResizeHandle\n            panelElementRef={leftPanelRef}\n            className={cx(\"resize-handle\", { hidden: isCollapsed })}\n            setIsDragging={setIsLeftDragging}\n          />\n        </>\n      )}\n      <CenterPanelStyled\n        minSize={centerPanelMinSize}\n        className=\"mainContent\"\n        $isCollapsed={isCollapsed}\n      >\n        {children}\n      </CenterPanelStyled>\n      {rightSide && (\n        <>\n          <ResizeHandle\n            panelElementRef={rightPanelRef}\n            className=\"resize-handle\"\n            setIsDragging={setIsRightDragging}\n          />\n          <AnimatedPanel\n            ref={handleRightPanelRef}\n            collapsible={true}\n            defaultSize={rightPanelDefaultSize}\n            collapsedSize={0}\n            minSize={rightPanelMinSize}\n            className=\"panelbox\"\n            isDragging={isRightDragging}\n            $isCollapsed={isCollapsed}\n          >\n            {rightSide}\n          </AnimatedPanel>\n        </>\n      )}\n    </PanelGroupStyled>\n  );\n}\n\n/**\n * @deprecated - use DynamicPanelLayout instead'\n */\nexport const PanelLayout: React.FC<PanelLayoutProps> = ({\n  children,\n  leftSide,\n  rightSide,\n  showLeftSide = false,\n  showRightSide = false,\n  rightOverlay = false,\n  leftOverlay = false,\n  centerPanelMinSize,\n  leftPanelDefaultSize,\n  leftPanelMinSize,\n  leftPanelCollapsedSize = 0,\n  rightPanelDefaultSize,\n  rightPanelMinSize,\n  isCollapsed = false,\n  isPositionAbsolute = true,\n  leftPanelMaxSize = 20,\n  onLeftPanelCollapse = undefined,\n  onLeftPanelExpand = undefined,\n}: PanelLayoutProps) => {\n  return (\n    <PanelContextProvider>\n      <Panels\n        leftSide={showLeftSide ? leftSide : undefined}\n        rightSide={showRightSide ? rightSide : undefined}\n        rightOverlay={rightOverlay}\n        leftOverlay={leftOverlay}\n        centerPanelMinSize={centerPanelMinSize}\n        leftPanelDefaultSize={leftPanelDefaultSize}\n        leftPanelMinSize={leftPanelMinSize}\n        leftPanelCollapsedSize={leftPanelCollapsedSize}\n        rightPanelDefaultSize={rightPanelDefaultSize}\n        rightPanelMinSize={rightPanelMinSize}\n        isCollapsed={isCollapsed}\n        isPositionAbsolute={isPositionAbsolute}\n        leftPanelMaxSize={leftPanelMaxSize}\n        onLeftPanelCollapse={onLeftPanelCollapse}\n        onLeftPanelExpand={onLeftPanelExpand}\n      >\n        {children}\n      </Panels>\n    </PanelContextProvider>\n  );\n}"],"names":["PanelGroupStyled","styled","PanelGroup","_templateObject","_taggedTemplateLiteral","_ref","$isPositionAbsolute","CenterPanelStyled","Panel","_templateObject2","AnimatedPanel","_templateObject3","props","isDragging","$isCollapsed","concat","defaultSize","Panels","_ref2","children","leftSide","rightSide","rightOverlay","leftOverlay","_ref2$centerPanelMinS","centerPanelMinSize","_ref2$leftPanelDefaul","leftPanelDefaultSize","_ref2$leftPanelMinSiz","leftPanelMinSize","_ref2$leftPanelCollap","leftPanelCollapsedSize","_ref2$rightPanelDefau","rightPanelDefaultSize","_ref2$rightPanelMinSi","rightPanelMinSize","_ref2$isCollapsed","isCollapsed","_ref2$isPositionAbsol","isPositionAbsolute","_ref2$leftPanelMaxSiz","leftPanelMaxSize","_ref2$onLeftPanelColl","onLeftPanelCollapse","undefined","_ref2$onLeftPanelExpa","onLeftPanelExpand","_usePanelContext","usePanelContext","handleLeftPanelRef","handleRightPanelRef","leftPanelRef","rightPanelRef","_useState","useState","_useState2","_slicedToArray","isMobile","setIsMobile","_useState3","_useState4","isLeftDragging","setIsLeftDragging","_useState5","_useState6","isRightDragging","setIsRightDragging","useEffect","handleResize","window","innerWidth","addEventListener","removeEventListener","_jsxs","GridContainer","Object","assign","fullWidth","_jsx","className","GridRow","fullHeight","GridCol","xs","direction","_Fragment","ref","collapsible","minSize","cx","collapsed","maxSize","onCollapse","onExpand","collapsedSize","ResizeHandle","panelElementRef","hidden","setIsDragging","PanelLayout","_ref3","_ref3$showLeftSide","showLeftSide","_ref3$showRightSide","showRightSide","_ref3$rightOverlay","_ref3$leftOverlay","_ref3$leftPanelCollap","_ref3$isCollapsed","_ref3$isPositionAbsol","_ref3$leftPanelMaxSiz","_ref3$onLeftPanelColl","_ref3$onLeftPanelExpa","PanelContextProvider"],"mappings":"imBA8BMA,EAAmBC,EAAOC,EAAPD,CAAkBE,IAAAA,EAAAC,EAAA,CAAA,iBAAA,0GAC7B,SAAAC,GAAsB,OAAAA,EAAnBC,oBAAiD,WAAa,UAAU,IASnFC,EAAoBN,EAAOO,EAAPP,CAAaQ,IAAAA,EAAAL,EAItC,CAAA,sFAEKM,EAAgBT,EAAOO,EAAPP,CAAaU,IAAAA,EAAAP,EAAA,CAAA,mBAAA,mBAAA,yKACnB,SAAAQ,GAAK,OAAIA,EAAMC,WAAa,OAAS,wBAAwB,IAC9D,SAAAD,GAAK,OAAIA,EAAME,aAAe,OAAMC,GAAAA,OAAMH,EAAMI,YAAc,IAAA,IA8BvE,SAAUC,EAAMC,GAiBR,IAhBZC,EAAQD,EAARC,SACAC,EAAQF,EAARE,SACAC,EAASH,EAATG,UACAC,EAAYJ,EAAZI,aACAC,EAAWL,EAAXK,YAAWC,EAAAN,EACXO,mBAAAA,OAAqB,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACvBS,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACzBW,iBAAAA,OAAmB,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACrBa,uBAAAA,OAAyB,IAAHD,EAAG,EAACA,EAAAE,EAAAd,EAC1Be,sBAAAA,OAAwB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EAC1BiB,kBAAAA,OAAoB,IAAHD,EAAG,GAAEA,EAAAE,EAAAlB,EACtBmB,YAAAA,OAAc,IAAHD,GAAQA,EAAAE,EAAApB,EACnBqB,mBAAAA,OAAqB,IAAHD,GAAOA,EAAAE,EAAAtB,EACzBuB,iBAAAA,OAAmB,IAAHD,EAAG,GAAEA,EAAAE,EAAAxB,EACrByB,oBAAAA,OAAsBC,IAAHF,OAAGE,EAASF,EAAAG,EAAA3B,EAC/B4B,kBAAAA,OAAoBF,IAAHC,OAAGD,EAASC,EAE7BE,EAAiFC,IAAzEC,EAAkBF,EAAlBE,mBAAoBC,EAAmBH,EAAnBG,oBAAqBC,EAAYJ,EAAZI,aAAcC,EAAaL,EAAbK,cAC/DC,EAAgCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAxCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAA4CL,GAAS,GAAMM,EAAAJ,EAAAG,EAAA,GAApDE,GAAcD,EAAA,GAAEE,GAAiBF,EAAA,GACxCG,GAA8CT,GAAS,GAAMU,GAAAR,EAAAO,GAAA,GAAtDE,GAAeD,GAAA,GAAEE,GAAkBF,GAAA,GAY1C,OAVAG,GAAU,WACR,IAAMC,EAAe,WACnBV,EAAgC,IAApBW,OAAOC,aAKrB,OAFAF,IACAC,OAAOE,iBAAiB,SAAUH,GAC3B,WAAA,OAAMC,OAAOG,oBAAoB,SAAUJ,EAAa,CAChE,GAAE,IAECX,EAEAgB,EAACC,EAAcC,OAAAC,OAAA,CAAAC,yBACZtD,GAAeH,GACd0D,EAAA,MAAAH,OAAAC,OAAA,CAAKG,UAAU,iBACZ,CAAA5D,SAAAC,KAGL0D,EAACE,EAAQL,OAAAC,OAAA,CAAAK,YACP,GAAA,CAAA9D,SAAA2D,EAACI,EAAQP,OAAAC,OAAA,CAAAO,GAAI,GAAIF,yBACd9D,QAGJG,GAAgBD,GACfyD,EAAK,MAAAH,OAAAC,OAAA,CAAAG,UAAU,iBACZ,CAAA5D,SAAAE,SAQToD,EAACzE,iBAAiBoF,UAAU,aAAaL,UAAU,QAAOzE,oBAAsBiC,GAC7E,CAAApB,SAAA,CAAAC,GACCqD,EAAAY,EAAA,CAAAlE,SAAA,CACE2D,EAACpE,EAAaiE,OAAAC,OAAA,CACZU,IAAKrC,EACLsC,aAAa,EACbvE,YAAaW,EACb6D,QAASnD,EAAc,EAAIR,EAC3BkD,UAAWU,EAAG,WAAY,CAAEC,UAAWrD,IACvCxB,WAAYgD,GAAc/C,aACZuB,EACdsD,QAASlD,EACTmD,WAAYjD,EACZkD,SAAU/C,EACVgD,cAAe/D,GAAsB,CAAAZ,SAEpCC,KAEH0D,EAACiB,EAAY,CACXC,gBAAiB7C,EACjB4B,UAAWU,EAAG,gBAAiB,CAAEQ,OAAQ5D,IACzC6D,cAAepC,QAIrBgB,EAACvE,iBACCiF,QAAS/D,EACTsD,UAAU,cAAajE,aACTuB,GAEb,CAAAlB,SAAAA,KAEFE,GACCoD,EAAAY,EAAA,CAAAlE,SAAA,CACE2D,EAACiB,EAAY,CACXC,gBAAiB5C,EACjB2B,UAAU,gBACVmB,cAAehC,KAEjBY,EAACpE,iBACC4E,IAAKpC,EACLqC,aAAa,EACbvE,YAAaiB,EACb6D,cAAe,EACfN,QAASrD,EACT4C,UAAU,WACVlE,WAAYoD,GACEnD,aAAAuB,aAEbhB,WAMb,KAKa8E,EAA0C,SAA/BC,GAmBD,IAhBZC,EAAAD,EACTE,aAAoBC,EAAAH,EACpBI,cAAqBC,EAAAL,EACrB9E,aAAoBoF,EAAAN,EACpB7E,YAGgBoF,EAAAP,EAChBrE,uBAEiB6E,EAAAR,EACjB/D,YAAmBwE,EAAAT,EACnB7D,mBAAyBuE,EAAAV,EACzB3D,iBAAqBsE,EAAAX,EACrBzD,oBAA+BqE,EAAAZ,EAC/BtD,kBAEA,OACEgC,EAACmC,YACCnC,EAAC7D,iBACCG,cAnBS,IAAHiF,GAAQA,EAFZD,EAARhF,cAqB0CwB,EACpCvB,eAnBU,IAAHkF,GAAQA,EAFZH,EAAT/E,eAqB6CuB,EACvCtB,kBAnBS,IAAHmF,GAAQA,EAoBdlF,iBAnBQ,IAAHmF,GAAQA,EAoBbjF,mBAnBY2E,EAAlB3E,mBAoBME,qBAnBcyE,EAApBzE,qBAoBME,iBAnBUuE,EAAhBvE,iBAoBME,4BAnBmB,IAAH4E,EAAG,EAACA,EAoBpB1E,sBAnBemE,EAArBnE,sBAoBME,kBAnBWiE,EAAjBjE,kBAoBME,iBAnBQ,IAAHuE,GAAQA,EAoBbrE,wBAnBe,IAAHsE,GAAOA,EAoBnBpE,sBAnBa,IAAHqE,EAAG,GAAEA,EAoBfnE,yBAnBgBC,IAAHmE,OAAGnE,EAASmE,EAoBzBjE,uBAnBcF,IAAHoE,OAAGpE,EAASoE,GAmBa,CAAA7F,SApClCiF,EAARjF,aA0CF"}

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

@@ -1,2 +1,2 @@
-!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-a7595e3367a4_0_0_397";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))}(".panel {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  border-radius: 6px;\n  gap: 4px;\n  overflow: hidden;\n}\n.panel .emptyState {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.mainContent {\n  flex: 1;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n.overlay-panel {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.resize-handle {\n  z-index: 50;\n  background-color: transparent;\n  width: 2px;\n  transition: all 0.3s ease-in-out;\n}\n.resize-handle:hover {\n  background-color: var(--divider-secondary);\n  box-shadow: 2px 0px 0px 0px var(--divider-secondary);\n}\n.collapse-handle {\n  z-index: 100;\n  max-width: 2px;\n  width: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.collapse-handle svg rect {\n  fill: var(--divider-secondary);\n  max-width: 2px;\n  width: 2px;\n}\n.collapse-handle:hover {\n  background-color: var(--divider-secondary);\n}\n.collapse-handle:hover svg rect {\n  fill: var(--text-color-on-primary);\n}\n.styled-handle {\n  height: 100%;\n  width: 6px;\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease-in-out;\n}\n.styled-handle:hover {\n  background-color: var(--divider-selected);\n}\n.handle {\n  height: 100%;\n  background-color: var(--divider-primary);\n  cursor: ew-resize;\n  transition: background-color 0.3s ease-in-out;\n  width: 134px;\n}\n.handle:hover {\n  background-color: var(--divider-selected);\n}");
+!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-a7595e3367a4_0_0_399";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))}(".panel {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  border-radius: 6px;\n  gap: 4px;\n  overflow: hidden;\n}\n.panel .emptyState {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.mainContent {\n  flex: 1;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n.overlay-panel {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.resize-handle {\n  z-index: 50;\n  background-color: transparent;\n  width: 2px;\n  transition: all 0.3s ease-in-out;\n}\n.resize-handle:hover {\n  background-color: var(--divider-secondary);\n  box-shadow: 2px 0px 0px 0px var(--divider-secondary);\n}\n.collapse-handle {\n  z-index: 100;\n  max-width: 2px;\n  width: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.collapse-handle svg rect {\n  fill: var(--divider-secondary);\n  max-width: 2px;\n  width: 2px;\n}\n.collapse-handle:hover {\n  background-color: var(--divider-secondary);\n}\n.collapse-handle:hover svg rect {\n  fill: var(--text-color-on-primary);\n}\n.styled-handle {\n  height: 100%;\n  width: 6px;\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease-in-out;\n}\n.styled-handle:hover {\n  background-color: var(--divider-selected);\n}\n.handle {\n  height: 100%;\n  background-color: var(--divider-primary);\n  cursor: ew-resize;\n  transition: background-color 0.3s ease-in-out;\n  width: 134px;\n}\n.handle:hover {\n  background-color: var(--divider-selected);\n}");
 //# sourceMappingURL=PanelLayout.module.scss.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={responsiveListRoot:"responsiveListRoot",responsiveList:"responsiveList",listMenuButton:"listMenuButton",dummy:"dummy",menuButtonDialog:"menuButtonDialog",menuWrapperFlex:"menuWrapperFlex"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-51abe3f9c6a0_0_0_397";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".responsiveListRoot {\n  position: relative;\n}\n\n.responsiveList {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.responsiveList .listMenuButton {\n  flex-shrink: 0;\n}\n\n.dummy {\n  width: 100%;\n  position: absolute;\n  visibility: hidden;\n}\n\n.menuButtonDialog {\n  display: flex;\n}\n\n.menuWrapperFlex {\n  display: flex;\n}");export{e as default};
+var e={responsiveListRoot:"responsiveListRoot",responsiveList:"responsiveList",listMenuButton:"listMenuButton",dummy:"dummy",menuButtonDialog:"menuButtonDialog",menuWrapperFlex:"menuWrapperFlex"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-51abe3f9c6a0_0_0_399";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".responsiveListRoot {\n  position: relative;\n}\n\n.responsiveList {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.responsiveList .listMenuButton {\n  flex-shrink: 0;\n}\n\n.dummy {\n  width: 100%;\n  position: absolute;\n  visibility: hidden;\n}\n\n.menuButtonDialog {\n  display: flex;\n}\n\n.menuWrapperFlex {\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=ResponsiveList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e=".hds-scrollable-container {\n  box-sizing: border-box;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n.hds-scrollable-container * {\n  box-sizing: border-box;\n}\n.hds-scrollable-container.allow-vertical-scrolling {\n  overflow-y: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-2de7259b0c9f_0_0_397";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))}(e);export{e as default};
+var e=".hds-scrollable-container {\n  box-sizing: border-box;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n.hds-scrollable-container * {\n  box-sizing: border-box;\n}\n.hds-scrollable-container.allow-vertical-scrolling {\n  overflow-y: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-2de7259b0c9f_0_0_399";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))}(e);export{e as default};
 //# sourceMappingURL=scrollableContainer.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={segmentControlCell:"segmentControlCell",active:"active",segmentControlList:"segmentControlList",disabled:"disabled",small:"small",medium:"medium",large:"large",cellContent:"cellContent"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-bc46d020180d_0_0_397";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))}(".segmentControlCell {\n  cursor: pointer;\n  text-align: center;\n  transition: color 0.2s ease;\n  color: var(--text-secondary);\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 4px;\n  margin: 0;\n  padding: 0 var(--spacing-small);\n  font: var(--font-text1-normal);\n  box-sizing: border-box;\n  min-width: 0;\n  font-family: var(--title-font-family);\n  font-weight: 600;\n  flex: 1 1 auto;\n}\n.segmentControlCell.active {\n  color: var(--text-primary);\n}\n.segmentControlList:hover .segmentControlCell.active:not(:hover) {\n  color: var(--text-secondary);\n}\n.segmentControlCell:hover {\n  color: var(--text-primary);\n}\n.segmentControlCell.disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.small {\n  padding: 0 var(--spacing-small);\n  height: 24px;\n  font-size: 12px;\n}\n.medium {\n  padding: 0 var(--spacing-medium);\n  height: 32px;\n  font-size: 14px;\n}\n.large {\n  padding: 0 var(--spacing-medium);\n  height: 40px;\n  font-size: 16px;\n}\n.cellContent {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}");export{n as default};
+var n={segmentControlCell:"segmentControlCell",active:"active",segmentControlList:"segmentControlList",disabled:"disabled",small:"small",medium:"medium",large:"large",cellContent:"cellContent"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-bc46d020180d_0_0_399";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))}(".segmentControlCell {\n  cursor: pointer;\n  text-align: center;\n  transition: color 0.2s ease;\n  color: var(--text-secondary);\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 4px;\n  margin: 0;\n  padding: 0 var(--spacing-small);\n  font: var(--font-text1-normal);\n  box-sizing: border-box;\n  min-width: 0;\n  font-family: var(--title-font-family);\n  font-weight: 600;\n  flex: 1 1 auto;\n}\n.segmentControlCell.active {\n  color: var(--text-primary);\n}\n.segmentControlList:hover .segmentControlCell.active:not(:hover) {\n  color: var(--text-secondary);\n}\n.segmentControlCell:hover {\n  color: var(--text-primary);\n}\n.segmentControlCell.disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.small {\n  padding: 0 var(--spacing-small);\n  height: 24px;\n  font-size: 12px;\n}\n.medium {\n  padding: 0 var(--spacing-medium);\n  height: 32px;\n  font-size: 14px;\n}\n.large {\n  padding: 0 var(--spacing-medium);\n  height: 40px;\n  font-size: 16px;\n}\n.cellContent {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}");export{n as default};
 //# sourceMappingURL=SegmentControlCell.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={segmentControlList:"segmentControlList",stretched:"stretched",segmentControlUl:"segmentControlUl",small:"small",medium:"medium",large:"large",animatedBackground:"animatedBackground",initialMount:"initialMount"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-5840d7ff203d_0_0_397";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))}(".segmentControlList {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background-color: var(--surface-level-300);\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n  box-sizing: border-box;\n  height: var(--segment-height);\n}\n\n.stretched {\n  width: 100%;\n}\n\n.segmentControlUl {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.small {\n  --segment-height: 24px;\n}\n\n.medium {\n  --segment-height: 32px;\n}\n\n.large {\n  --segment-height: 40px;\n}\n\n.segmentControlList {\n  height: var(--segment-height);\n}\n\n.animatedBackground {\n  position: absolute;\n  top: 2px;\n  bottom: 2px;\n  left: 2px;\n  background-color: var(--surface-level-100);\n  border-radius: calc(var(--border-radius-medium) - 2px);\n  box-shadow: 0px 1px 2px 0px color-mix(in srgb, var(--shadow-color) 50%, transparent);\n  z-index: 0;\n  will-change: transform, width;\n}\n\n.animatedBackground:not(.initialMount) {\n  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.initialMount {\n  transition: none;\n}");export{n as default};
+var n={segmentControlList:"segmentControlList",stretched:"stretched",segmentControlUl:"segmentControlUl",small:"small",medium:"medium",large:"large",animatedBackground:"animatedBackground",initialMount:"initialMount"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-5840d7ff203d_0_0_399";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))}(".segmentControlList {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background-color: var(--surface-level-300);\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n  box-sizing: border-box;\n  height: var(--segment-height);\n}\n\n.stretched {\n  width: 100%;\n}\n\n.segmentControlUl {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.small {\n  --segment-height: 24px;\n}\n\n.medium {\n  --segment-height: 32px;\n}\n\n.large {\n  --segment-height: 40px;\n}\n\n.segmentControlList {\n  height: var(--segment-height);\n}\n\n.animatedBackground {\n  position: absolute;\n  top: 2px;\n  bottom: 2px;\n  left: 2px;\n  background-color: var(--surface-level-100);\n  border-radius: calc(var(--border-radius-medium) - 2px);\n  box-shadow: 0px 1px 2px 0px color-mix(in srgb, var(--shadow-color) 50%, transparent);\n  z-index: 0;\n  will-change: transform, width;\n}\n\n.animatedBackground:not(.initialMount) {\n  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.initialMount {\n  transition: none;\n}");export{n as default};
 //# sourceMappingURL=SegmentControlList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={sidebarMenuStyled:"sidebarMenuStyled",innerStyled:"innerStyled",headerStyled:"headerStyled",closeIcon:"closeIcon",containerStyled:"containerStyled",overlay:"overlay","overlay-fade-in":"overlay-fade-in",CloseLayerStyled:"CloseLayerStyled",menuBase:"menuBase",menuItemLink:"menuItemLink",menuItemStyled:"menuItemStyled",sectionLabelStyled:"sectionLabelStyled",active:"active",menuIcon:"menuIcon",menuItemCounter:"menuItemCounter",chevronIcon:"chevronIcon",chevronIconExpanded:"chevronIconExpanded",collapsedMenuItem:"collapsedMenuItem",tooltipContent:"tooltipContent",tooltipChildren:"tooltipChildren",menuGroupStyled:"menuGroupStyled",menuItemChildren:"menuItemChildren"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-1f09fbcfddd3_0_0_397";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))}('.sidebarMenuStyled {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n}\n\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  box-shadow: var(--box-shadow-small);\n  background-color: var(--surface-level-100);\n  padding: 16px 6px 0 6px;\n  max-width: 100%;\n  width: 100vw;\n  z-index: 9999;\n}\n\n@media (min-width: 576px) {\n  .innerStyled {\n    width: 50vw;\n  }\n}\n\n@media (min-width: 768px) {\n  .innerStyled {\n    width: 25vw;\n  }\n}\n\n@media (min-width: 992px) {\n  .innerStyled {\n    width: 20vw;\n  }\n}\n\n@media (min-width: 1200px) {\n  .innerStyled {\n    width: 15rem;\n  }\n}\n\n.headerStyled {\n  display: flex;\n  align-items: center;\n  margin-bottom: 50px;\n}\n\n.headerStyled img {\n  margin-top: 4px;\n  margin-left: 4px;\n}\n\n.closeIcon {\n  padding-right: 5px;\n  margin-left: 0;\n}\n\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n\n.overlay {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n\n.CloseLayerStyled {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n}\n\n.menuBase, .menuItemLink, .menuItemStyled, .sectionLabelStyled {\n  font-size: 14px;\n  color: var(--text-secondary);\n}\n\n.sectionLabelStyled {\n  display: flex;\n  align-items: center;\n  font-weight: 600;\n  padding: 32px 4px 2px 4px;\n  line-height: 22px;\n  text-transform: uppercase;\n  font-size: 12px;\n  gap: 8px;\n}\n\n.menuItemStyled {\n  min-height: 36px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  width: 100%;\n  position: relative;\n}\n\n.menuItemLink {\n  text-decoration: none;\n  font-weight: 400;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: 8px;\n  position: relative;\n  color: var(--text-secondary);\n  z-index: 1;\n}\n\n.menuItemLink::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  border-radius: var(--border-radius-medium);\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease 0ms;\n  z-index: -1;\n  pointer-events: none;\n}\n\n.menuItemLink:hover {\n  cursor: pointer;\n  color: var(--text-primary);\n  text-decoration: none;\n}\n\n.menuItemLink:hover::after {\n  background: var(--surface-inverse);\n  opacity: 0.1;\n}\n\n.menuItemLink.active {\n  color: var(--text-primary);\n}\n\n.menuItemLink.active::after {\n  background: var(--surface-inverse);\n  opacity: 0.1;\n}\n\n.menuItemLink .menuIcon {\n  position: relative;\n  z-index: 1;\n}\n\n.menuItemCounter {\n  margin-left: 8px;\n  margin-right: 8px;\n}\n\n.active {\n  color: var(--text-primary);\n}\n\n.chevronIcon {\n  transition: transform 0.3s ease;\n  transform: rotate(0deg);\n  margin: 2px 4px;\n}\n\n.chevronIcon.chevronIconExpanded {\n  transform: rotate(180deg);\n}\n\n.collapsedMenuItem {\n  width: 40px;\n  padding: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.tooltipContent {\n  padding: 8px 4px;\n  white-space: nowrap;\n}\n\n.tooltipChildren {\n  padding: 0;\n  width: 220px;\n}\n\n.menuGroupStyled {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.menuItemChildren {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 2px;\n  padding-top: 2px;\n  padding-bottom: 2px;\n}');export{n as default};
+var n={sidebarMenuStyled:"sidebarMenuStyled",innerStyled:"innerStyled",headerStyled:"headerStyled",closeIcon:"closeIcon",containerStyled:"containerStyled",overlay:"overlay","overlay-fade-in":"overlay-fade-in",CloseLayerStyled:"CloseLayerStyled",menuBase:"menuBase",menuItemLink:"menuItemLink",menuItemStyled:"menuItemStyled",sectionLabelStyled:"sectionLabelStyled",active:"active",menuIcon:"menuIcon",menuItemCounter:"menuItemCounter",chevronIcon:"chevronIcon",chevronIconExpanded:"chevronIconExpanded",collapsedMenuItem:"collapsedMenuItem",tooltipContent:"tooltipContent",tooltipChildren:"tooltipChildren",menuGroupStyled:"menuGroupStyled",menuItemChildren:"menuItemChildren"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-1f09fbcfddd3_0_0_399";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))}('.sidebarMenuStyled {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n}\n\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  box-shadow: var(--box-shadow-small);\n  background-color: var(--surface-level-100);\n  padding: 16px 6px 0 6px;\n  max-width: 100%;\n  width: 100vw;\n  z-index: 9999;\n}\n\n@media (min-width: 576px) {\n  .innerStyled {\n    width: 50vw;\n  }\n}\n\n@media (min-width: 768px) {\n  .innerStyled {\n    width: 25vw;\n  }\n}\n\n@media (min-width: 992px) {\n  .innerStyled {\n    width: 20vw;\n  }\n}\n\n@media (min-width: 1200px) {\n  .innerStyled {\n    width: 15rem;\n  }\n}\n\n.headerStyled {\n  display: flex;\n  align-items: center;\n  margin-bottom: 50px;\n}\n\n.headerStyled img {\n  margin-top: 4px;\n  margin-left: 4px;\n}\n\n.closeIcon {\n  padding-right: 5px;\n  margin-left: 0;\n}\n\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n\n.overlay {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n\n.CloseLayerStyled {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n}\n\n.menuBase, .menuItemLink, .menuItemStyled, .sectionLabelStyled {\n  font-size: 14px;\n  color: var(--text-secondary);\n}\n\n.sectionLabelStyled {\n  display: flex;\n  align-items: center;\n  font-weight: 600;\n  padding: 32px 4px 2px 4px;\n  line-height: 22px;\n  text-transform: uppercase;\n  font-size: 12px;\n  gap: 8px;\n}\n\n.menuItemStyled {\n  min-height: 36px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  width: 100%;\n  position: relative;\n}\n\n.menuItemLink {\n  text-decoration: none;\n  font-weight: 400;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: 8px;\n  position: relative;\n  color: var(--text-secondary);\n  z-index: 1;\n}\n\n.menuItemLink::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  border-radius: var(--border-radius-medium);\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease 0ms;\n  z-index: -1;\n  pointer-events: none;\n}\n\n.menuItemLink:hover {\n  cursor: pointer;\n  color: var(--text-primary);\n  text-decoration: none;\n}\n\n.menuItemLink:hover::after {\n  background: var(--surface-inverse);\n  opacity: 0.1;\n}\n\n.menuItemLink.active {\n  color: var(--text-primary);\n}\n\n.menuItemLink.active::after {\n  background: var(--surface-inverse);\n  opacity: 0.1;\n}\n\n.menuItemLink .menuIcon {\n  position: relative;\n  z-index: 1;\n}\n\n.menuItemCounter {\n  margin-left: 8px;\n  margin-right: 8px;\n}\n\n.active {\n  color: var(--text-primary);\n}\n\n.chevronIcon {\n  transition: transform 0.3s ease;\n  transform: rotate(0deg);\n  margin: 2px 4px;\n}\n\n.chevronIcon.chevronIconExpanded {\n  transform: rotate(180deg);\n}\n\n.collapsedMenuItem {\n  width: 40px;\n  padding: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.tooltipContent {\n  padding: 8px 4px;\n  white-space: nowrap;\n}\n\n.tooltipChildren {\n  padding: 0;\n  width: 220px;\n}\n\n.menuGroupStyled {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.menuItemChildren {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 2px;\n  padding-top: 2px;\n  padding-bottom: 2px;\n}');export{n as default};
 //# sourceMappingURL=Sidebar.module.scss.js.map

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

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

package/dist/mocked_classnames_esm/src/components/Slider/SelectionIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-a25847c4cc71_0_0_397";if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}(".selectionIndicator.selectionIndicator.selectionIndicator {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-a25847c4cc71_0_0_399";if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}(".selectionIndicator.selectionIndicator.selectionIndicator {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SelectionIndicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slider:"slider",valueShown:"valueShown"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1ec33feab829_0_0_397";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))}(".slider {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown {\n  margin-top: 10px;\n}");export{e as default};
+var e={slider:"slider",valueShown:"valueShown"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1ec33feab829_0_0_399";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))}(".slider {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown {\n  margin-top: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderBase.module.scss.js

@@ -1,2 +1,2 @@
-var n={base:"base",disabled:"disabled",small:"small",medium:"medium",large:"large"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-0abb9e445f96_0_0_397";if(e.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".base {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled * {\n  pointer-events: none;\n}\n\n.small {\n  padding: 0 var(--spacing-small);\n}\n\n.medium {\n  padding: 0 12px;\n}\n\n.large {\n  padding: 0 12px;\n}");export{n as default};
+var n={base:"base",disabled:"disabled",small:"small",medium:"medium",large:"large"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-0abb9e445f96_0_0_399";if(e.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".base {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled * {\n  pointer-events: none;\n}\n\n.small {\n  padding: 0 var(--spacing-small);\n}\n\n.medium {\n  padding: 0 12px;\n}\n\n.large {\n  padding: 0 12px;\n}");export{n as default};
 //# sourceMappingURL=SliderBase.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-bb386829c5aa_0_0_397";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))}(".filledTrack {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-bb386829c5aa_0_0_399";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))}(".filledTrack {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderRail.module.scss.js

@@ -1,2 +1,2 @@
-var n={rail:"rail",small:"small",medium:"medium",large:"large"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-c66a4285003d_0_0_397";if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".rail {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{n as default};
+var n={rail:"rail",small:"small",medium:"medium",large:"large"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-c66a4285003d_0_0_399";if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".rail {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{n as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderThumb.module.scss.js

@@ -1,2 +1,2 @@
-var n={thumb:"thumb",dragging:"dragging",focused:"focused",notDisabledThumb:"notDisabledThumb","focus-visible":"focus-visible",positive:"positive",negative:"negative",small:"small",medium:"medium",large:"large",label:"label"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-25c9c209cbd2_0_0_397";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".thumb {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.33, 1.33);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb:focus-visible, .notDisabledThumb.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\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.notDisabledThumb:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.notDisabledThumb:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive {\n  border-color: var(--positive-color);\n}\n\n.positive.notDisabledThumb:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative {\n  border-color: var(--negative-color);\n}\n\n.negative.notDisabledThumb:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small {\n  height: 16px;\n  width: 16px;\n}\n\n.medium {\n  height: 24px;\n  width: 24px;\n}\n\n.large {\n  height: 24px;\n  width: 24px;\n}\n\n.label {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  max-width: 50px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}");export{n as default};
+var n={thumb:"thumb",dragging:"dragging",focused:"focused",notDisabledThumb:"notDisabledThumb","focus-visible":"focus-visible",positive:"positive",negative:"negative",small:"small",medium:"medium",large:"large",label:"label"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-25c9c209cbd2_0_0_399";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".thumb {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.33, 1.33);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb:focus-visible, .notDisabledThumb.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\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.notDisabledThumb:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.notDisabledThumb:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive {\n  border-color: var(--positive-color);\n}\n\n.positive.notDisabledThumb:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative {\n  border-color: var(--negative-color);\n}\n\n.negative.notDisabledThumb:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small {\n  height: 16px;\n  width: 16px;\n}\n\n.medium {\n  height: 24px;\n  width: 24px;\n}\n\n.large {\n  height: 24px;\n  width: 24px;\n}\n\n.label {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  max-width: 50px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}");export{n as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderTrack.module.scss.js

@@ -1,2 +1,2 @@
-var e={track:"track",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-f269843990a8_0_0_397";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))}(".track {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--surface-selected);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color-selected);\n}\n\n.negative {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-f269843990a8_0_0_399";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))}(".track {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--surface-selected);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color-selected);\n}\n\n.negative {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderInfix.module.scss.js

@@ -1,2 +1,2 @@
-var e={infix:"infix",txt:"txt",prefix:"prefix",postfix:"postfix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fd2a8cee614_0_0_397";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))}(".infix {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt {\n  white-space: nowrap;\n}\n\n.prefix {\n  margin-right: var(--spacing-small);\n}\n\n.postfix {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix",txt:"txt",prefix:"prefix",postfix:"postfix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fd2a8cee614_0_0_399";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))}(".infix {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt {\n  white-space: nowrap;\n}\n\n.prefix {\n  margin-right: var(--spacing-small);\n}\n\n.postfix {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map