@heliux-org/design-system-core 0.0.381 → 0.0.382

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_380";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_381";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_380";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_381";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_380";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_381";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_380";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_381";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_380";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_381";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_380";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_381";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_380";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_381";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_380";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_381";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_380";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_381";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_380";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_381";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_380";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_381";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.js

@@ -1,2 +1,2 @@
-import{defineProperty as e,slicedToArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{jsxs as o,Fragment as t,jsx as s}from"@emotion/react/jsx-runtime";import*as r from"react";import{useState as a}from"react";import c from"./Sidebar.module.scss.js";import l from"classnames";import d from"../Icon/Icon.js";import p from"../IconButton/IconButton.js";import{IconType as m}from"../Icon/IconConstants.js";import{Logo as g}from"../Logo/Logo.js";import h from"../Counter/Counter.js";import u from"../Dialog/Dialog.js";import v from"../DialogContentContainer/DialogContentContainer.js";import f from"../Text/Text.js";import C from"../Flex/Flex.js";import y from"../Icon/Icons/components/Close.js";var j=function(e){var n=e.logo,i=e.showCloseButton,t=e.isCollapsed,r=void 0!==t&&t;return o("div",Object.assign({className:c.headerStyled},{children:[(void 0===i||i)&&s("div",Object.assign({className:c.closeIcon},{children:s(p,{onClick:e.closeSidebar,ariaLabel:"Close",icon:y,size:"xs"})})),n||s(g,{type:"dark",logoType:r?"mark":"word",width:r?"24":"80",height:r?"24":"34"})]}))},b=function(e){var n=e.iconPath,i=e.text;return s("div",Object.assign({className:c.sectionLabelStyled,style:{marginLeft:"8px"}},{children:n?o(t,{children:[s(d,{iconType:m.PATH,icon:"",iconPath:n,iconSize:16,useCurrentColor:!0,style:{display:"block",marginRight:"8px",marginTop:"0px"}}),s("span",{children:i})]}):s("span",Object.assign({style:{marginLeft:"0px"}},{children:i}))}))},O=function(n){var i=n.text,r=n.link,a=n.active,p=void 0!==a&&a,g=n.onClick,y=n.iconPath,j=n.showCounter,b=void 0!==j&&j,O=n.count,N=void 0===O?0:O,E=n.rightIcon,I=n.indentLevel,T=n.isCollapsed,x=void 0!==T&&T,w=Object.assign({paddingLeft:"".concat((y?0:22)+16*(void 0===I?0:I),"px")},x&&{display:"flex",justifyContent:"center",padding:"8px"}),k=function(){return o(C,Object.assign({align:C.align.CENTER,gap:x?C.gaps.NONE:6,style:{width:x?"auto":"100%"}},{children:[y&&s(d,{iconType:m.PATH,icon:"",iconPath:y,iconSize:"14px",className:c.menuIcon,useCurrentColor:!0,style:{display:"block",marginTop:"0px"}}),!x&&o(t,{children:[i,b&&s(h,{count:N,color:h.colors.WARNING,className:c.menuItemCounter}),E&&s("span",Object.assign({className:c.menuItemRightIcon},{children:E}))]})]}))};return s("div",Object.assign({className:c.menuItemStyled,onClick:function(e){r||e.preventDefault(),null==g||g(e)}},{children:x?s(u,Object.assign({position:u.positions.RIGHT,content:s(v,{children:s(f,Object.assign({className:c.tooltipContent},{children:i}))}),showTrigger:[u.hideShowTriggers.MOUSE_ENTER],hideTrigger:[u.hideShowTriggers.MOUSE_LEAVE]},{children:s("a",Object.assign({className:l(c.menuItemLink,c.collapsedMenuItem,e({},c.active,p),e({},c.withIcon,y)),href:r||"",style:w},{children:k()}))})):s("a",Object.assign({className:l(c.menuItemLink,e({},c.active,p),e({},c.withIcon,y)),href:r||"",style:w},{children:k()}))}))},N=function(i){var t=i.text,p=i.link,g=i.children,h=i.defaultExpanded,y=i.indentLevel,j=void 0===y?0:y,b=i.active,O=void 0!==b&&b,N=i.onClick,E=i.iconPath,I=i.isCollapsed,T=void 0!==I&&I,x=a(void 0!==h&&h),w=n(x,2),k=w[0],L=w[1],S=function(e){e.preventDefault(),e.stopPropagation(),T||L(!k)},P=function(e){p||e.preventDefault(),null==N||N(e)},_=function(){return s("div",Object.assign({className:l(c.menuItemLink,e(e({},c.active,O),c.collapsedMenuItem,T)),style:{paddingLeft:T?"8px":"".concat(16*j,"px")},onClick:P},{children:o(C,Object.assign({align:C.align.CENTER,gap:T?C.gaps.NONE:6,style:{width:T?"auto":"100%"}},{children:[E&&s(d,{iconType:m.PATH,icon:"",iconPath:E,iconSize:16,useCurrentColor:!0,className:T?void 0:c.menuIcon,style:{display:"block",marginTop:"0px"}}),o(C,Object.assign({gap:T?C.gaps.NONE:0},{children:[!T&&t,!T&&s(d,{iconType:m.PATH,icon:"",iconPath:"ic_arrow_chevron_down_16",useCurrentColor:!0,iconSize:16,className:l(c.chevronIcon,e({},c.chevronIconExpanded,k)),onClick:S,style:{marginLeft:"-4px",cursor:"pointer"}})]}))]}))}))};return T?s("div",Object.assign({className:c.menuGroupStyled},{children:s(u,Object.assign({position:u.positions.RIGHT,content:s(v,{children:o("div",Object.assign({className:c.tooltipContent},{children:[s(f,Object.assign({className:c.tooltipHeader},{children:t})),s("div",Object.assign({className:c.tooltipChildren},{children:r.Children.map(g,(function(e){return r.isValidElement(e)?r.cloneElement(e,Object.assign(Object.assign({},e.props),{indentLevel:1,isCollapsed:!1})):e}))}))]}))}),showTrigger:[u.hideShowTriggers.MOUSE_ENTER],hideTrigger:[u.hideShowTriggers.MOUSE_LEAVE],hideDelay:1e3},{children:_()}))})):o("div",Object.assign({className:c.menuGroupStyled},{children:[_(),k&&s("div",Object.assign({className:c.menuItemChildren},{children:r.Children.map(g,(function(e){var n;return r.isValidElement(e)?r.cloneElement(e,Object.assign(Object.assign({},e.props),{indentLevel:(null!==(n=e.props.indentLevel)&&void 0!==n?n:j)+1,isCollapsed:T})):e}))}))]}))};function E(e){var n=e.children,a=e.isOpen,l=e.onClick,d=void 0===l?function(){}:l,p=i(e,["children","isOpen","onClick"]);r.useEffect((function(){if(a){var e=function(e){"Escape"===e.key&&d()};return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}}),[a,d]);return o(t,{children:[s("div",{className:c.overlay,style:{pointerEvents:a?"auto":"none",opacity:a?.7:0}}),o("div",Object.assign({className:a?c.sidebarMenuStyled:"",style:a?{transform:"translate3d(0,0,0)"}:{transform:"translate3d(-50%,0,0)",width:"0px",height:"0px",visibility:"hidden"}},{children:[s("div",Object.assign({className:c.innerStyled,style:{borderRight:a&&"1px slid #C8C8C8"}},{children:a&&s(t,{children:n})})),a&&s("div",Object.assign({className:c.CloseLayerStyled,onClick:d,onKeyDown:function(e){"Enter"===e.key&&d()}},p))]}))]})}export{b as SectionLabel,j as SidebarHeader,N as SidebarMenuGroup,O as SidebarMenuItem,E as default};
+import{defineProperty as e,slicedToArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{jsxs as o,Fragment as t,jsx as s}from"@emotion/react/jsx-runtime";import*as r from"react";import{useState as a}from"react";import c from"./Sidebar.module.scss.js";import l from"classnames";import d from"../Icon/Icon.js";import m from"../IconButton/IconButton.js";import{IconType as p}from"../Icon/IconConstants.js";import{Logo as u}from"../Logo/Logo.js";import g from"../Counter/Counter.js";import h from"../Dialog/Dialog.js";import v from"../DialogContentContainer/DialogContentContainer.js";import f from"../Text/Text.js";import C from"../Flex/Flex.js";import y from"../Icon/Icons/components/Close.js";var j=function(e){var n=e.logo,i=e.showCloseButton,t=e.isCollapsed,r=void 0!==t&&t;return o("div",Object.assign({className:c.headerStyled},{children:[(void 0===i||i)&&s("div",Object.assign({className:c.closeIcon},{children:s(m,{onClick:e.closeSidebar,ariaLabel:"Close",icon:y,size:"xs"})})),n||s(u,{type:"dark",logoType:r?"mark":"word",width:r?"24":"80",height:r?"24":"34"})]}))},b=function(e){var n=e.iconPath,i=e.text;return s("div",Object.assign({className:c.sectionLabelStyled,style:{marginLeft:"8px"}},{children:n?o(t,{children:[s(d,{iconType:p.PATH,icon:"",iconPath:n,iconSize:16,useCurrentColor:!0,style:{display:"block",marginLeft:"6px",marginTop:"0px"}}),s("span",{children:i})]}):s("span",Object.assign({style:{marginLeft:"0px"}},{children:i}))}))},O=function(n){var i=n.text,r=n.link,a=n.active,m=void 0!==a&&a,u=n.onClick,y=n.iconPath,j=n.showCounter,b=void 0!==j&&j,O=n.count,N=void 0===O?0:O,E=n.rightIcon,I=n.indentLevel,T=void 0===I?0:I,x=n.isCollapsed,w=void 0!==x&&x,k=Object.assign({paddingLeft:"".concat((y?0:22)+(1===T?8:12*T),"px")},w&&{display:"flex",justifyContent:"center"}),L=function(){return o(C,Object.assign({align:C.align.CENTER,gap:w?C.gaps.NONE:6,style:{width:w?"auto":"100%"}},{children:[y&&s(d,{iconType:p.PATH,icon:"",iconPath:y,iconSize:"14px",className:c.menuIcon,useCurrentColor:!0,style:{display:"block",marginTop:"0px"}}),!w&&o(t,{children:[i,b&&s(g,{count:N,color:g.colors.WARNING,className:c.menuItemCounter}),E&&s("span",Object.assign({className:c.menuItemRightIcon},{children:E}))]})]}))};return s("div",Object.assign({className:c.menuItemStyled,onClick:function(e){r||e.preventDefault(),null==u||u(e)}},{children:w?s(h,Object.assign({position:h.positions.RIGHT,content:s(v,{children:s(f,Object.assign({className:c.tooltipContent},{children:i}))}),showTrigger:[h.hideShowTriggers.MOUSE_ENTER],hideTrigger:[h.hideShowTriggers.MOUSE_LEAVE]},{children:s("a",Object.assign({className:l(c.menuItemLink,c.collapsedMenuItem,e({},c.active,m),e({},c.withIcon,y)),href:r||"",style:k},{children:L()}))})):s("a",Object.assign({className:l(c.menuItemLink,e({},c.active,m),e({},c.withIcon,y)),href:r||"",style:k},{children:L()}))}))},N=function(i){var t=i.text,m=i.link,u=i.children,g=i.defaultExpanded,y=i.indentLevel,j=void 0===y?0:y,b=i.active,O=void 0!==b&&b,N=i.onClick,E=i.iconPath,I=i.isCollapsed,T=void 0!==I&&I,x=a(void 0!==g&&g),w=n(x,2),k=w[0],L=w[1],S=function(e){e.preventDefault(),e.stopPropagation(),T||L(!k)},P=function(e){m||e.preventDefault(),null==N||N(e)},_=function(){return s("div",Object.assign({className:l(c.menuItemLink,e(e({},c.active,O),c.collapsedMenuItem,T)),style:{paddingLeft:T?"8px":"".concat(8*j,"px")},onClick:P},{children:o(C,Object.assign({align:C.align.CENTER,gap:T?C.gaps.NONE:6,style:{width:T?"auto":"100%"}},{children:[E&&s(d,{iconType:p.PATH,icon:"",iconPath:E,iconSize:16,useCurrentColor:!0,className:T?void 0:c.menuIcon,style:{display:"block",marginTop:"0px"}}),o(C,Object.assign({gap:T?C.gaps.NONE:0},{children:[!T&&t,!T&&s(d,{iconType:p.PATH,icon:"",iconPath:"ic_arrow_chevron_down_16",useCurrentColor:!0,iconSize:16,className:l(c.chevronIcon,e({},c.chevronIconExpanded,k)),onClick:S,style:{marginLeft:"-4px",cursor:"pointer"}})]}))]}))}))};return T?s("div",Object.assign({className:c.menuGroupStyled},{children:s(h,Object.assign({position:h.positions.RIGHT,content:s(v,{children:o("div",Object.assign({className:c.tooltipContent},{children:[s(f,Object.assign({className:c.tooltipHeader},{children:t})),s("div",Object.assign({className:c.tooltipChildren},{children:r.Children.map(u,(function(e){return r.isValidElement(e)?r.cloneElement(e,Object.assign(Object.assign({},e.props),{indentLevel:1,isCollapsed:!1})):e}))}))]}))}),showTrigger:[h.hideShowTriggers.MOUSE_ENTER],hideTrigger:[h.hideShowTriggers.MOUSE_LEAVE],hideDelay:1e3},{children:_()}))})):o("div",Object.assign({className:c.menuGroupStyled},{children:[_(),k&&s("div",Object.assign({className:c.menuItemChildren},{children:r.Children.map(u,(function(e){var n;return r.isValidElement(e)?r.cloneElement(e,Object.assign(Object.assign({},e.props),{indentLevel:(null!==(n=e.props.indentLevel)&&void 0!==n?n:j)+1,isCollapsed:T})):e}))}))]}))};function E(e){var n=e.children,a=e.isOpen,l=e.onClick,d=void 0===l?function(){}:l,m=i(e,["children","isOpen","onClick"]);r.useEffect((function(){if(a){var e=function(e){"Escape"===e.key&&d()};return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}}),[a,d]);return o(t,{children:[s("div",{className:c.overlay,style:{pointerEvents:a?"auto":"none",opacity:a?.7:0}}),o("div",Object.assign({className:a?c.sidebarMenuStyled:"",style:a?{transform:"translate3d(0,0,0)"}:{transform:"translate3d(-50%,0,0)",width:"0px",height:"0px",visibility:"hidden"}},{children:[s("div",Object.assign({className:c.innerStyled,style:{borderRight:a&&"1px slid #C8C8C8"}},{children:a&&s(t,{children:n})})),a&&s("div",Object.assign({className:c.CloseLayerStyled,onClick:d,onKeyDown:function(e){"Enter"===e.key&&d()}},m))]}))]})}export{b as SectionLabel,j as SidebarHeader,N as SidebarMenuGroup,O as SidebarMenuItem,E as default};
 //# sourceMappingURL=Sidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styles from \"./Sidebar.module.scss\";\nimport cx from \"classnames\";\n\nimport { VibeComponentProps } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { IconType } from \"../Icon/IconConstants\";\nimport { Close } from \"../Icon/Icons\";\nimport { Logo } from \"../Logo/Logo\";\nimport { getPath, PathName } from \"../Icon/SvgIcon/paths\";\nimport Counter from \"../Counter/Counter\";\nimport { useState } from \"react\";\nimport Dialog from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\n\nexport interface PanelProps extends VibeComponentProps {\n  children?: React.ReactNode;\n  caption?: string;\n  isOpen?: boolean;\n  onClick?: () => void;\n}\n\nexport interface SidebarHeaderProps {\n  closeSidebar?: () => void;\n  logo?: React.ReactNode;\n  showCloseButton?: boolean;\n  isCollapsed?: boolean;\n}\n\nexport interface SectionLabelProps {\n  iconPath?: PathName;\n  text: string;\n}\n\nexport interface SidebarMenuItemProps {\n  text: string;\n  link?: string;\n  active?: boolean;\n  onClick?: (event: React.MouseEvent) => void;\n  iconPath?: PathName;\n  showCounter?: boolean;\n  count?: number;\n  rightIcon?: React.ReactNode;\n  indentLevel?: number;\n  isCollapsed?: boolean;\n}\n\nexport const SidebarHeader: React.FC<SidebarHeaderProps> = ({\n  closeSidebar,\n  logo,\n  showCloseButton = true,\n  isCollapsed = false,\n}) => {\n  return (\n    <div className={styles.headerStyled}>\n      {showCloseButton && (\n        <div className={styles.closeIcon}>\n          <IconButton\n            onClick={closeSidebar}\n            ariaLabel=\"Close\"\n            icon={Close}\n            size=\"xs\"\n          />\n        </div>\n      )}\n      {logo || (\n        <Logo\n          type=\"dark\"\n          logoType={isCollapsed ? \"mark\" : \"word\"}\n          width={isCollapsed ? \"24\" : \"80\"}\n          height={isCollapsed ? \"24\" : \"34\"}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const SectionLabel: React.FC<SectionLabelProps> = ({ iconPath, text }) => {\n  return (\n    <div\n      className={styles.sectionLabelStyled}\n      style={{\n        marginLeft: \"8px\",\n      }}\n    >\n      {iconPath ? (\n        <>\n          <Icon\n            iconType={IconType.PATH}\n            icon=\"\"\n            iconPath={iconPath}\n            iconSize={16}\n            useCurrentColor\n            style={{\n              display: \"block\",\n              marginRight: \"8px\",\n              marginTop: \"0px\",\n            }}\n          />\n          <span>{text}</span>\n        </>\n      ) : (\n        <span style={{ marginLeft: \"0px\" }}>{text}</span>\n      )}\n    </div>\n  );\n};\n\nexport const SidebarMenuItem: React.FC<SidebarMenuItemProps> = ({\n  text,\n  link,\n  active = false,\n  onClick,\n  iconPath,\n  showCounter = false,\n  count = 0,\n  rightIcon,\n  indentLevel = 0,\n  isCollapsed = false,\n}) => {\n  const indentStyle: React.CSSProperties = {\n    paddingLeft: `${(iconPath ? 0 : 22) + indentLevel * 16}px`,\n    ...(isCollapsed && {\n      display: 'flex',\n      justifyContent: 'center',\n      padding: '8px'\n    })\n  };\n\n  const renderContent = () => (\n    <Flex\n      align={Flex.align.CENTER}\n      gap={isCollapsed ? Flex.gaps.NONE : 6}\n      style={{\n        width: isCollapsed ? 'auto' : '100%'\n      }}\n    >\n      {iconPath && (\n        <Icon\n          iconType={IconType.PATH}\n          icon=\"\"\n          iconPath={iconPath}\n          iconSize={\"14px\"}\n          className={styles.menuIcon}\n          useCurrentColor\n          style={{\n            display: \"block\",\n            marginTop: \"0px\",\n          }}\n        />\n      )}\n      {!isCollapsed && (\n        <>\n          {text}\n          {showCounter && (\n            <Counter\n              count={count}\n              color={Counter.colors.WARNING}\n              className={styles.menuItemCounter}\n            />\n          )}\n          {rightIcon && (\n            <span className={styles.menuItemRightIcon}>{rightIcon}</span>\n          )}\n        </>\n      )}\n    </Flex>\n  );\n\n  return (\n    <div\n      className={styles.menuItemStyled}\n      onClick={(event) => {\n        if (!link) {\n          event.preventDefault();\n        }\n        onClick?.(event);\n      }}\n    >\n      {isCollapsed ? (\n        <Dialog\n          position={Dialog.positions.RIGHT}\n          content={\n            <DialogContentContainer>\n              <Text className={styles.tooltipContent}>{text}</Text>\n            </DialogContentContainer>\n          }\n          showTrigger={[Dialog.hideShowTriggers.MOUSE_ENTER]}\n          hideTrigger={[Dialog.hideShowTriggers.MOUSE_LEAVE]}\n        >\n          <a\n            className={cx(\n              styles.menuItemLink,\n              styles.collapsedMenuItem,\n              { [styles.active]: active },\n              { [styles.withIcon]: iconPath }\n            )}\n            href={link || \"\"}\n            style={indentStyle}\n          >\n            {renderContent()}\n          </a>\n        </Dialog>\n      ) : (\n        <a\n          className={cx(\n            styles.menuItemLink,\n            { [styles.active]: active },\n            { [styles.withIcon]: iconPath }\n          )}\n          href={link || \"\"}\n          style={indentStyle}\n        >\n          {renderContent()}\n        </a>\n      )}\n    </div>\n  );\n};\n\nexport interface SidebarMenuGroupProps extends Omit<SidebarMenuItemProps, 'rightIcon'> {\n  children: React.ReactNode;\n  defaultExpanded?: boolean;\n  indentLevel?: number;\n}\n\nexport const SidebarMenuGroup: React.FC<SidebarMenuGroupProps> = ({\n  text,\n  link,\n  children,\n  defaultExpanded = false,\n  indentLevel = 0,\n  active = false,\n  onClick,\n  iconPath,\n  isCollapsed = false,\n}) => {\n  const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n\n  const toggleExpand = (event: React.MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!isCollapsed) {\n      setIsExpanded(!isExpanded);\n    }\n  };\n\n  const handleClick = (event: React.MouseEvent) => {\n    if (!link) {\n      event.preventDefault();\n    }\n    onClick?.(event);\n  };\n\n  const renderGroupHeader = () => (\n    <div\n      className={cx(styles.menuItemLink, {\n        [styles.active]: active,\n        [styles.collapsedMenuItem]: isCollapsed\n      })}\n      style={{ paddingLeft: isCollapsed ? '8px' : `${indentLevel * 16}px` }}\n      onClick={handleClick}\n    >\n      <Flex\n        align={Flex.align.CENTER}\n        gap={isCollapsed ? Flex.gaps.NONE : 6}\n        style={{\n          width: isCollapsed ? 'auto' : '100%'\n        }}\n      >\n        {iconPath && (\n          <Icon\n            iconType={IconType.PATH}\n            icon=\"\"\n            iconPath={iconPath}\n            iconSize={16}\n            useCurrentColor\n            className={isCollapsed ? undefined : styles.menuIcon}\n            style={{\n              display: \"block\",\n              marginTop: \"0px\",\n            }}\n          />\n        )}\n        <Flex\n          gap={isCollapsed ? Flex.gaps.NONE : 0}>\n          {!isCollapsed && text}\n          {!isCollapsed && (\n            <Icon\n              iconType={IconType.PATH}\n              icon=\"\"\n              iconPath=\"ic_arrow_chevron_down_16\"\n              useCurrentColor\n              iconSize={16}\n              className={cx(styles.chevronIcon, {\n                [styles.chevronIconExpanded]: isExpanded\n              })}\n              onClick={toggleExpand}\n              style={{\n                marginLeft: '-4px',\n                cursor: 'pointer',\n              }}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </div>\n  );\n\n  if (isCollapsed) {\n    return (\n      <div className={styles.menuGroupStyled}>\n        <Dialog\n          position={Dialog.positions.RIGHT}\n          content={\n            <DialogContentContainer>\n              <div className={styles.tooltipContent}>\n                <Text className={styles.tooltipHeader}>{text}</Text>\n                <div className={styles.tooltipChildren}>\n                  {React.Children.map(children, child =>\n                    React.isValidElement(child)\n                      ? React.cloneElement(child, {\n                        ...child.props,\n                        indentLevel: 1,\n                        isCollapsed: false\n                      })\n                      : child\n                  )}\n                </div>\n              </div>\n            </DialogContentContainer>\n          }\n          showTrigger={[Dialog.hideShowTriggers.MOUSE_ENTER]}\n          hideTrigger={[Dialog.hideShowTriggers.MOUSE_LEAVE]}\n          hideDelay={1_000}\n        >\n          {renderGroupHeader()}\n        </Dialog>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.menuGroupStyled}>\n      {renderGroupHeader()}\n      {isExpanded && (\n        <div className={styles.menuItemChildren}>\n          {React.Children.map(children, child =>\n            React.isValidElement(child)\n              ? React.cloneElement(child, {\n                ...child.props,\n                indentLevel: (child.props.indentLevel ?? indentLevel) + 1,\n                isCollapsed\n              })\n              : child\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default function Sidebar({\n  children,\n  isOpen,\n  onClick = () => undefined,\n  ...props\n}: PanelProps) {\n  React.useEffect(() => {\n    if (isOpen) {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          onClick();\n        }\n      };\n\n      window.addEventListener(\"keydown\", handleKeyDown);\n\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }\n  }, [isOpen, onClick]);\n\n  const stateStyles = (): React.CSSProperties => {\n    if (isOpen) {\n      return {\n        transform: \"translate3d(0,0,0)\",\n      };\n    } else {\n      return {\n        transform: \"translate3d(-50%,0,0)\",\n        width: \"0px\",\n        height: \"0px\",\n        visibility: \"hidden\",\n      };\n    }\n  };\n\n  return (\n    <>\n      <div\n        className={styles.overlay}\n        style={{ pointerEvents: isOpen ? \"auto\" : \"none\", opacity: isOpen ? 0.7 : 0 }}\n      />\n      <div\n        className={isOpen ? styles.sidebarMenuStyled : \"\"}\n        style={stateStyles()}\n      >\n        <div\n          className={styles.innerStyled}\n          style={{\n            borderRight: isOpen && \"1px slid #C8C8C8\",\n          }}\n        >\n          {isOpen && <>{children}</>}\n        </div>\n        {isOpen && (\n          <div\n            className={styles.CloseLayerStyled}\n            onClick={onClick}\n            onKeyDown={(event) => {\n              if (event.key === \"Enter\") {\n                onClick();\n              }\n            }}\n            {...props}\n          />\n        )}\n      </div>\n    </>\n  );\n}\n"],"names":["SidebarHeader","_ref","logo","_ref$showCloseButton","showCloseButton","_ref$isCollapsed","isCollapsed","_jsxs","Object","assign","className","styles","headerStyled","children","_jsx","closeIcon","IconButton","onClick","closeSidebar","ariaLabel","icon","Close","size","Logo","type","logoType","width","height","SectionLabel","_ref2","iconPath","text","sectionLabelStyled","style","marginLeft","_Fragment","Icon","iconType","IconType","PATH","iconSize","useCurrentColor","display","marginRight","marginTop","SidebarMenuItem","_ref3","link","_ref3$active","active","_ref3$showCounter","showCounter","_ref3$count","count","rightIcon","_ref3$indentLevel","indentLevel","_ref3$isCollapsed","indentStyle","paddingLeft","concat","justifyContent","padding","renderContent","Flex","align","CENTER","gap","gaps","NONE","menuIcon","Counter","color","colors","WARNING","menuItemCounter","menuItemRightIcon","menuItemStyled","event","preventDefault","Dialog","position","positions","RIGHT","content","DialogContentContainer","Text","tooltipContent","showTrigger","hideShowTriggers","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","cx","menuItemLink","collapsedMenuItem","_defineProperty","withIcon","href","SidebarMenuGroup","_ref4","_ref4$defaultExpanded","defaultExpanded","_ref4$indentLevel","_ref4$active","_ref4$isCollapsed","_useState","useState","_useState2","_slicedToArray","isExpanded","setIsExpanded","toggleExpand","stopPropagation","handleClick","renderGroupHeader","undefined","chevronIcon","chevronIconExpanded","cursor","menuGroupStyled","tooltipHeader","tooltipChildren","React","Children","map","child","isValidElement","cloneElement","props","hideDelay","menuItemChildren","_a","Sidebar","isOpen","_a$onClick","__rest","useEffect","handleKeyDown","key","window","addEventListener","removeEventListener","overlay","pointerEvents","opacity","sidebarMenuStyled","transform","visibility","innerStyled","borderRight","CloseLayerStyled","onKeyDown"],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styles from \"./Sidebar.module.scss\";\nimport cx from \"classnames\";\n\nimport { VibeComponentProps } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { IconType } from \"../Icon/IconConstants\";\nimport { Close } from \"../Icon/Icons\";\nimport { Logo } from \"../Logo/Logo\";\nimport { getPath, PathName } from \"../Icon/SvgIcon/paths\";\nimport Counter from \"../Counter/Counter\";\nimport { useState } from \"react\";\nimport Dialog from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\n\nexport interface PanelProps extends VibeComponentProps {\n  children?: React.ReactNode;\n  caption?: string;\n  isOpen?: boolean;\n  onClick?: () => void;\n}\n\nexport interface SidebarHeaderProps {\n  closeSidebar?: () => void;\n  logo?: React.ReactNode;\n  showCloseButton?: boolean;\n  isCollapsed?: boolean;\n}\n\nexport interface SectionLabelProps {\n  iconPath?: PathName;\n  text: string;\n}\n\nexport interface SidebarMenuItemProps {\n  text: string;\n  link?: string;\n  active?: boolean;\n  onClick?: (event: React.MouseEvent) => void;\n  iconPath?: PathName;\n  showCounter?: boolean;\n  count?: number;\n  rightIcon?: React.ReactNode;\n  indentLevel?: number;\n  isCollapsed?: boolean;\n}\n\nexport const SidebarHeader: React.FC<SidebarHeaderProps> = ({\n  closeSidebar,\n  logo,\n  showCloseButton = true,\n  isCollapsed = false,\n}) => {\n  return (\n    <div className={styles.headerStyled}>\n      {showCloseButton && (\n        <div className={styles.closeIcon}>\n          <IconButton\n            onClick={closeSidebar}\n            ariaLabel=\"Close\"\n            icon={Close}\n            size=\"xs\"\n          />\n        </div>\n      )}\n      {logo || (\n        <Logo\n          type=\"dark\"\n          logoType={isCollapsed ? \"mark\" : \"word\"}\n          width={isCollapsed ? \"24\" : \"80\"}\n          height={isCollapsed ? \"24\" : \"34\"}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const SectionLabel: React.FC<SectionLabelProps> = ({ iconPath, text }) => {\n  return (\n    <div\n      className={styles.sectionLabelStyled}\n      style={{\n        marginLeft: \"8px\",\n      }}\n    >\n      {iconPath ? (\n        <>\n          <Icon\n            iconType={IconType.PATH}\n            icon=\"\"\n            iconPath={iconPath}\n            iconSize={16}\n            useCurrentColor\n            style={{\n              display: \"block\",\n              marginLeft: \"6px\",\n              marginTop: \"0px\",\n            }}\n          />\n          <span>{text}</span>\n        </>\n      ) : (\n        <span style={{ marginLeft: \"0px\" }}>{text}</span>\n      )}\n    </div>\n  );\n};\n\nexport const SidebarMenuItem: React.FC<SidebarMenuItemProps> = ({\n  text,\n  link,\n  active = false,\n  onClick,\n  iconPath,\n  showCounter = false,\n  count = 0,\n  rightIcon,\n  indentLevel = 0,\n  isCollapsed = false,\n}) => {\n  const indentStyle: React.CSSProperties = {\n    paddingLeft: `${(iconPath ? 0 : 22) + (indentLevel === 1 ? 8 : indentLevel * 12)}px`,\n    ...(isCollapsed && {\n      display: 'flex',\n      justifyContent: 'center',\n    })\n  };\n\n  const renderContent = () => (\n    <Flex\n      align={Flex.align.CENTER}\n      gap={isCollapsed ? Flex.gaps.NONE : 6}\n      style={{\n        width: isCollapsed ? 'auto' : '100%'\n      }}\n    >\n      {iconPath && (\n        <Icon\n          iconType={IconType.PATH}\n          icon=\"\"\n          iconPath={iconPath}\n          iconSize={\"14px\"}\n          className={styles.menuIcon}\n          useCurrentColor\n          style={{\n            display: \"block\",\n            marginTop: \"0px\",\n          }}\n        />\n      )}\n      {!isCollapsed && (\n        <>\n          {text}\n          {showCounter && (\n            <Counter\n              count={count}\n              color={Counter.colors.WARNING}\n              className={styles.menuItemCounter}\n            />\n          )}\n          {rightIcon && (\n            <span className={styles.menuItemRightIcon}>{rightIcon}</span>\n          )}\n        </>\n      )}\n    </Flex>\n  );\n\n  return (\n    <div\n      className={styles.menuItemStyled}\n      onClick={(event) => {\n        if (!link) {\n          event.preventDefault();\n        }\n        onClick?.(event);\n      }}\n    >\n      {isCollapsed ? (\n        <Dialog\n          position={Dialog.positions.RIGHT}\n          content={\n            <DialogContentContainer>\n              <Text className={styles.tooltipContent}>{text}</Text>\n            </DialogContentContainer>\n          }\n          showTrigger={[Dialog.hideShowTriggers.MOUSE_ENTER]}\n          hideTrigger={[Dialog.hideShowTriggers.MOUSE_LEAVE]}\n        >\n          <a\n            className={cx(\n              styles.menuItemLink,\n              styles.collapsedMenuItem,\n              { [styles.active]: active },\n              { [styles.withIcon]: iconPath }\n            )}\n            href={link || \"\"}\n            style={indentStyle}\n          >\n            {renderContent()}\n          </a>\n        </Dialog>\n      ) : (\n        <a\n          className={cx(\n            styles.menuItemLink,\n            { [styles.active]: active },\n            { [styles.withIcon]: iconPath }\n          )}\n          href={link || \"\"}\n          style={indentStyle}\n        >\n          {renderContent()}\n        </a>\n      )}\n    </div>\n  );\n};\n\nexport interface SidebarMenuGroupProps extends Omit<SidebarMenuItemProps, 'rightIcon'> {\n  children: React.ReactNode;\n  defaultExpanded?: boolean;\n  indentLevel?: number;\n}\n\nexport const SidebarMenuGroup: React.FC<SidebarMenuGroupProps> = ({\n  text,\n  link,\n  children,\n  defaultExpanded = false,\n  indentLevel = 0,\n  active = false,\n  onClick,\n  iconPath,\n  isCollapsed = false,\n}) => {\n  const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n\n  const toggleExpand = (event: React.MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!isCollapsed) {\n      setIsExpanded(!isExpanded);\n    }\n  };\n\n  const handleClick = (event: React.MouseEvent) => {\n    if (!link) {\n      event.preventDefault();\n    }\n    onClick?.(event);\n  };\n\n  const renderGroupHeader = () => (\n    <div\n      className={cx(styles.menuItemLink, {\n        [styles.active]: active,\n        [styles.collapsedMenuItem]: isCollapsed\n      })}\n      style={{ paddingLeft: isCollapsed ? '8px' : `${indentLevel * 8}px` }}\n      onClick={handleClick}\n    >\n      <Flex\n        align={Flex.align.CENTER}\n        gap={isCollapsed ? Flex.gaps.NONE : 6}\n        style={{\n          width: isCollapsed ? 'auto' : '100%'\n        }}\n      >\n        {iconPath && (\n          <Icon\n            iconType={IconType.PATH}\n            icon=\"\"\n            iconPath={iconPath}\n            iconSize={16}\n            useCurrentColor\n            className={isCollapsed ? undefined : styles.menuIcon}\n            style={{\n              display: \"block\",\n              marginTop: \"0px\",\n            }}\n          />\n        )}\n        <Flex\n          gap={isCollapsed ? Flex.gaps.NONE : 0}>\n          {!isCollapsed && text}\n          {!isCollapsed && (\n            <Icon\n              iconType={IconType.PATH}\n              icon=\"\"\n              iconPath=\"ic_arrow_chevron_down_16\"\n              useCurrentColor\n              iconSize={16}\n              className={cx(styles.chevronIcon, {\n                [styles.chevronIconExpanded]: isExpanded\n              })}\n              onClick={toggleExpand}\n              style={{\n                marginLeft: '-4px',\n                cursor: 'pointer',\n              }}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </div>\n  );\n\n  if (isCollapsed) {\n    return (\n      <div className={styles.menuGroupStyled}>\n        <Dialog\n          position={Dialog.positions.RIGHT}\n          content={\n            <DialogContentContainer>\n              <div className={styles.tooltipContent}>\n                <Text className={styles.tooltipHeader}>{text}</Text>\n                <div className={styles.tooltipChildren}>\n                  {React.Children.map(children, child =>\n                    React.isValidElement(child)\n                      ? React.cloneElement(child, {\n                        ...child.props,\n                        indentLevel: 1,\n                        isCollapsed: false\n                      })\n                      : child\n                  )}\n                </div>\n              </div>\n            </DialogContentContainer>\n          }\n          showTrigger={[Dialog.hideShowTriggers.MOUSE_ENTER]}\n          hideTrigger={[Dialog.hideShowTriggers.MOUSE_LEAVE]}\n          hideDelay={1_000}\n        >\n          {renderGroupHeader()}\n        </Dialog>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.menuGroupStyled}>\n      {renderGroupHeader()}\n      {isExpanded && (\n        <div className={styles.menuItemChildren}>\n          {React.Children.map(children, child =>\n            React.isValidElement(child)\n              ? React.cloneElement(child, {\n                ...child.props,\n                indentLevel: (child.props.indentLevel ?? indentLevel) + 1,\n                isCollapsed\n              })\n              : child\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default function Sidebar({\n  children,\n  isOpen,\n  onClick = () => undefined,\n  ...props\n}: PanelProps) {\n  React.useEffect(() => {\n    if (isOpen) {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          onClick();\n        }\n      };\n\n      window.addEventListener(\"keydown\", handleKeyDown);\n\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }\n  }, [isOpen, onClick]);\n\n  const stateStyles = (): React.CSSProperties => {\n    if (isOpen) {\n      return {\n        transform: \"translate3d(0,0,0)\",\n      };\n    } else {\n      return {\n        transform: \"translate3d(-50%,0,0)\",\n        width: \"0px\",\n        height: \"0px\",\n        visibility: \"hidden\",\n      };\n    }\n  };\n\n  return (\n    <>\n      <div\n        className={styles.overlay}\n        style={{ pointerEvents: isOpen ? \"auto\" : \"none\", opacity: isOpen ? 0.7 : 0 }}\n      />\n      <div\n        className={isOpen ? styles.sidebarMenuStyled : \"\"}\n        style={stateStyles()}\n      >\n        <div\n          className={styles.innerStyled}\n          style={{\n            borderRight: isOpen && \"1px slid #C8C8C8\",\n          }}\n        >\n          {isOpen && <>{children}</>}\n        </div>\n        {isOpen && (\n          <div\n            className={styles.CloseLayerStyled}\n            onClick={onClick}\n            onKeyDown={(event) => {\n              if (event.key === \"Enter\") {\n                onClick();\n              }\n            }}\n            {...props}\n          />\n        )}\n      </div>\n    </>\n  );\n}\n"],"names":["SidebarHeader","_ref","logo","_ref$showCloseButton","showCloseButton","_ref$isCollapsed","isCollapsed","_jsxs","Object","assign","className","styles","headerStyled","children","_jsx","closeIcon","IconButton","onClick","closeSidebar","ariaLabel","icon","Close","size","Logo","type","logoType","width","height","SectionLabel","_ref2","iconPath","text","sectionLabelStyled","style","marginLeft","_Fragment","Icon","iconType","IconType","PATH","iconSize","useCurrentColor","display","marginTop","SidebarMenuItem","_ref3","link","_ref3$active","active","_ref3$showCounter","showCounter","_ref3$count","count","rightIcon","_ref3$indentLevel","indentLevel","_ref3$isCollapsed","indentStyle","paddingLeft","concat","justifyContent","renderContent","Flex","align","CENTER","gap","gaps","NONE","menuIcon","Counter","color","colors","WARNING","menuItemCounter","menuItemRightIcon","menuItemStyled","event","preventDefault","Dialog","position","positions","RIGHT","content","DialogContentContainer","Text","tooltipContent","showTrigger","hideShowTriggers","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","cx","menuItemLink","collapsedMenuItem","_defineProperty","withIcon","href","SidebarMenuGroup","_ref4","_ref4$defaultExpanded","defaultExpanded","_ref4$indentLevel","_ref4$active","_ref4$isCollapsed","_useState","useState","_useState2","_slicedToArray","isExpanded","setIsExpanded","toggleExpand","stopPropagation","handleClick","renderGroupHeader","undefined","chevronIcon","chevronIconExpanded","cursor","menuGroupStyled","tooltipHeader","tooltipChildren","React","Children","map","child","isValidElement","cloneElement","props","hideDelay","menuItemChildren","_a","Sidebar","isOpen","_a$onClick","__rest","useEffect","handleKeyDown","key","window","addEventListener","removeEventListener","overlay","pointerEvents","opacity","sidebarMenuStyled","transform","visibility","innerStyled","borderRight","CloseLayerStyled","onKeyDown"],"mappings":"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"}

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"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-d54ad5a4f633_0_0_380";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  height: 36px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\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}');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"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-d54ad5a4f633_0_0_381";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  height: 36px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\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}');export{n as default};
 //# sourceMappingURL=Sidebar.module.scss.js.map

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

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

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_380";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_381";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_380";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_381";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_380";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_381";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_380";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_381";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_380";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_381";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_380";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_381";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_380";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_381";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_380";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_381";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

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

@@ -1,2 +1,2 @@
-var n={button:"button",mainButton:"mainButton",secondaryButton:"secondaryButton",secondaryButtonWrapper:"secondaryButtonWrapper",secondaryButtonIconWrapper:"secondaryButtonIconWrapper",active:"active",disabled:"disabled",kindTertiary:"kindTertiary",colorPrimary:"colorPrimary",mainActive:"mainActive",splitContentOpen:"splitContentOpen",hovered:"hovered",colorBrand:"colorBrand",colorPositive:"colorPositive",colorNegative:"colorNegative",kindPrimary:"kindPrimary",colorOnPrimaryColor:"colorOnPrimaryColor",kindSecondary:"kindSecondary"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-8e6cd5ac8255_0_0_380";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(".button {\n  display: inline-flex;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.button .mainButton {\n  margin-right: 0;\n}\n\n.button .secondaryButton {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper .secondaryButtonIconWrapper {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active {\n  transform: scale(0.95);\n}\n\n.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .secondaryButton,\n.kindTertiary.colorPositive:hover .secondaryButton,\n.kindTertiary.colorPositive:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .mainButton,\n.kindTertiary.colorPositive:hover .mainButton,\n.kindTertiary.colorPositive:focus .mainButton {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .secondaryButton,\n.kindTertiary.colorNegative:hover .secondaryButton,\n.kindTertiary.colorNegative:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .mainButton,\n.kindTertiary.colorNegative:hover .mainButton,\n.kindTertiary.colorNegative:focus .mainButton {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary .secondaryButton {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--divider-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorBrand .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-right: none;\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton,\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton,\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button",mainButton:"mainButton",secondaryButton:"secondaryButton",secondaryButtonWrapper:"secondaryButtonWrapper",secondaryButtonIconWrapper:"secondaryButtonIconWrapper",active:"active",disabled:"disabled",kindTertiary:"kindTertiary",colorPrimary:"colorPrimary",mainActive:"mainActive",splitContentOpen:"splitContentOpen",hovered:"hovered",colorBrand:"colorBrand",colorPositive:"colorPositive",colorNegative:"colorNegative",kindPrimary:"kindPrimary",colorOnPrimaryColor:"colorOnPrimaryColor",kindSecondary:"kindSecondary"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-8e6cd5ac8255_0_0_381";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(".button {\n  display: inline-flex;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.button .mainButton {\n  margin-right: 0;\n}\n\n.button .secondaryButton {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper .secondaryButtonIconWrapper {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active {\n  transform: scale(0.95);\n}\n\n.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .secondaryButton,\n.kindTertiary.colorPositive:hover .secondaryButton,\n.kindTertiary.colorPositive:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .mainButton,\n.kindTertiary.colorPositive:hover .mainButton,\n.kindTertiary.colorPositive:focus .mainButton {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .secondaryButton,\n.kindTertiary.colorNegative:hover .secondaryButton,\n.kindTertiary.colorNegative:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .mainButton,\n.kindTertiary.colorNegative:hover .mainButton,\n.kindTertiary.colorNegative:focus .mainButton {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary .secondaryButton {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--divider-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorBrand .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-right: none;\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton,\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton,\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-9e4623f942e8_0_0_380";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))}(".steps .contentOnTop {\n  margin-top: var(--spacing-medium);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--spacing-small);\n}");export{t as default};
+var t={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-9e4623f942e8_0_0_381";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))}(".steps .contentOnTop {\n  margin-top: var(--spacing-medium);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--spacing-small);\n}");export{t as default};
 //# sourceMappingURL=Steps.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/StepsCommand.module.scss.js

@@ -1,2 +1,2 @@
-var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-bbdf617a3c1e_0_0_380";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))}(".command {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command.backward {\n  flex-direction: row-reverse;\n}\n.icon {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon.disabled {\n  color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
+var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-bbdf617a3c1e_0_0_381";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))}(".command {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command.backward {\n  flex-direction: row-reverse;\n}\n.icon {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon.disabled {\n  color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/StepsDot.module.scss.js

@@ -1,2 +1,2 @@
-var o={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-fa7ef6a46b42_0_0_380";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(o))}(".dot {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot:focus-visible, .dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:focus-visible, .dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:hover {\n  transform: scale(1.3);\n}\n.isActive {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor.dot {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.colorOnPrimaryColor.dot.isActive {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground.dot {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground.dot.isActive {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-fa7ef6a46b42_0_0_381";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(o))}(".dot {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot:focus-visible, .dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:focus-visible, .dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:hover {\n  transform: scale(1.3);\n}\n.isActive {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor.dot {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.colorOnPrimaryColor.dot.isActive {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground.dot {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground.dot.isActive {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/StepsGalleryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-62748f4c4e74_0_0_380";if(a.querySelector("#"+r))return;const l=document.createElement("style");l.id=r,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}(".galleryHeader {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-62748f4c4e74_0_0_381";if(a.querySelector("#"+r))return;const l=document.createElement("style");l.id=r,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}(".galleryHeader {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n  margin-right: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/StepsHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={header:"header"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-918f12c2f9aa_0_0_380";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
+var e={header:"header"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-918f12c2f9aa_0_0_381";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/StepsNumbersHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={numbers:"numbers"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-126f9ab60838_0_0_380";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".numbers {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
+var e={numbers:"numbers"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-126f9ab60838_0_0_381";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".numbers {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
 //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-aa3ebc66fa48_0_0_380";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".hidden-switch {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-aa3ebc66fa48_0_0_381";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".hidden-switch {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
 //# sourceMappingURL=Switch.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={stickyHeader:"stickyHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a8ffc4edd72d_0_0_380";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))}(".stickyHeader {\n  background-color: var(--surface-level-100);\n  position: sticky;\n  top: 0;\n  z-index: 1;\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 0px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
+var e={stickyHeader:"stickyHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a8ffc4edd72d_0_0_381";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))}(".stickyHeader {\n  background-color: var(--surface-level-100);\n  position: sticky;\n  top: 0;\n  z-index: 1;\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 0px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/styling/column-filter.scss.js

@@ -1,2 +1,2 @@
-var e="";!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-e8f0641a7377_0_0_380";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))}("");export{e as default};
+var e="";!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-e8f0641a7377_0_0_381";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))}("");export{e as default};
 //# sourceMappingURL=column-filter.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/styling/paginator.scss.js

@@ -1,2 +1,2 @@
-var e=".dropdown-button {\n  display: flex;\n  align-items: center;\n}\n\n.menu-item {\n  width: 100px;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d1810b65a4d8_0_0_380";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))}(e);export{e as default};
+var e=".dropdown-button {\n  display: flex;\n  align-items: center;\n}\n\n.menu-item {\n  width: 100px;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d1810b65a4d8_0_0_381";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))}(e);export{e as default};
 //# sourceMappingURL=paginator.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/styling/table_base.scss.js

@@ -1,2 +1,2 @@
-var r=":where(body.iui-root) {\n  margin: 0;\n}\n\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}";!function(r){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-c9aa0678e25f_0_0_380";if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(r))}(r);export{r as default};
+var r=":where(body.iui-root) {\n  margin: 0;\n}\n\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}";!function(r){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-c9aa0678e25f_0_0_381";if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(r))}(r);export{r as default};
 //# sourceMappingURL=table_base.scss.js.map