npm - @heliux-org/design-system-core - Versions diffs - 0.0.99 → 0.0.100 - Mend

@heliux-org/design-system-core 0.0.99 → 0.0.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1636) hide show

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

@@ -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-bcf2ca2ed258_0_0_98";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-secondary);\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-secondary);\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-secondary);\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-bcf2ca2ed258_0_0_99";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-secondary);\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-secondary);\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-secondary);\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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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],r="s_id-7fa9d0bdbd2b_0_0_98";if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.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-primary);\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],r="s_id-7fa9d0bdbd2b_0_0_99";if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.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-primary);\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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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_98";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_99";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.js CHANGED Viewed

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

package/dist/mocked_classnames_esm/src/components/Table/TableHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableHeader.js","sources":["../../../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["// TableHeader.tsx\n// @ts-nocheck\nimport React, { useState, useEffect, useMemo } from \"react\";\nimport TextField from \"../TextField/TextField\";\nimport Dropdown from \"../Dropdown/Dropdown\";\nimport _ from \"lodash\";\nimport Flex from \"../Flex/Flex\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { Close, Download, Filter } from \"../Icon/Icons\";\nimport styles from \"./TableHeader.module.scss\";\nimport Search from \"../Search/Search\";\n\ninterface AssigneeOption {\n value: string;\n label: string;\n leftAvatar: string;\n}\n\ninterface DropdownFilterOption {\n columnName: string;\n placeholder: string;\n}\n\ninterface TableHeaderProps {\n data: {}[];\n onFilteredDataChange: (filteredData: any[]) => void;\n globalSearch: boolean;\n headerButtons?: React.ReactNode[];\n isDownloadable?: boolean;\n isFilterableable?: boolean;\n dropdownFilters?: DropdownFilterOption[];\n globalFilterColumns?: string[];\n}\n\nconst TableHeader: React.FC<TableHeaderProps> = ({\n data,\n onFilteredDataChange,\n globalSearch = false,\n dropdownFilter = false,\n dropdownFilters = [],\n globalFilterColumns = [],\n headerButtons = [],\n isDownloadable = true,\n isFilterableable = true,\n}) => {\n const [isFilterInputVisible, setIsFilterInputVisible] = useState(false);\n const [globalFilter, setGlobalFilter] = useState(\"\");\n const [inputFilter, setInputFilter] = useState(\"\");\n const [statusFilter, setStatusFilter] = useState<string \| null>(null);\n const [selectedAssignee, setSelectedAssignee] =\n useState<AssigneeOption \| null>(null);\n const [selectedDropdownFilters, setSelectedDropdownFilters] = useState<{\n [columnName: string]: AssigneeOption \| null;\n }>({});\n const [lastFiltered, setLastFiltered] = useState(data);\n\n const handleFilterIconClick = () => {\n setIsFilterInputVisible((prev) => !prev);\n };\n\n const arrayToCSV = (data) => {\n const csvRows = [];\n const headers = Object.keys(data[0]);\n csvRows.push(headers.join(\",\"));\n\n data.forEach((row) => {\n const values = headers.map((header) => {\n let cell = row[header];\n if (typeof cell === \"object\" && cell !== null) {\n cell = Object.entries(cell)\n .map(([key, value]) => `${key}: ${value}`)\n .join(\"; \");\n }\n const escaped = `${cell}`.replace(/\"/g, '\"\"');\n return `\"${escaped}\"`;\n });\n csvRows.push(values.join(\",\"));\n });\n\n return csvRows.join(\"\\n\");\n };\n\n const downloadCSV = (csvString, filename = \"table-data.csv\") => {\n const blob = new Blob([csvString], { type: \"text/csv;charset=utf-8;\" });\n const link = document.createElement(\"a\");\n link.href = URL.createObjectURL(blob);\n link.download = filename;\n link.style.visibility = \"hidden\";\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n };\n\n const handleDownloadClick = () => {\n const csvString = arrayToCSV(data);\n downloadCSV(csvString);\n };\n\n const flattenObject = (obj, parentKey = \"\", result = {}) => {\n for (let key in obj) {\n const newKey = parentKey ? `${parentKey}.${key}` : key;\n if (typeof obj[key] === \"object\" && obj[key] !== null) {\n flattenObject(obj[key], newKey, result);\n } else {\n result[newKey] = obj[key];\n }\n }\n return result;\n };\n\n useEffect(() => {\n let filtered = data;\n\n // Global search\n if (globalSearch && globalFilter && globalFilterColumns) {\n const searchLower = globalFilter.toLowerCase();\n filtered = filtered.filter((item) => {\n const flatItem = flattenObject(item);\n return globalFilterColumns.some((column) =>\n String(flatItem[column]).toLowerCase().includes(searchLower)\n );\n });\n }\n\n // Input filter\n if (inputFilter) {\n const lowerCaseFilter = inputFilter.toLowerCase();\n filtered = filtered.filter((item) =>\n Object.values(item).some((value) =>\n typeof value === \"object\"\n ? Object.values(value).some((innerValue) =>\n String(innerValue).toLowerCase().includes(lowerCaseFilter)\n )\n : String(value).toLowerCase().includes(lowerCaseFilter)\n )\n );\n }\n\n // Dropdown filters\n Object.entries(selectedDropdownFilters).forEach(\n ([columnName, selectedOption]) => {\n if (selectedOption) {\n filtered = filtered.filter((item) => {\n const itemValue = item[columnName];\n return typeof itemValue === \"object\"\n ? itemValue.value === selectedOption.value\n : itemValue === selectedOption.value;\n });\n }\n }\n );\n\n if (!_.isEqual(filtered, lastFiltered)) {\n onFilteredDataChange(filtered);\n setLastFiltered(filtered);\n }\n }, [\n data,\n globalFilter,\n inputFilter,\n statusFilter,\n selectedDropdownFilters,\n onFilteredDataChange,\n globalFilterColumns,\n ]);\n\n const renderDropdownFilters = () => {\n return dropdownFilters.map((filter) => {\n const columnValues = new Set(\n data.map((item) => {\n const itemValue = item[filter.columnName];\n return typeof itemValue === \"object\" ? itemValue.value : itemValue;\n })\n );\n\n const options = Array.from(columnValues).map((value) => ({\n label: typeof value === \"string\" ? value : String(value),\n value,\n }));\n\n return (\n <div style={{ minWidth: \"150px\" }}>\n <Dropdown\n key={filter.columnName}\n options={options}\n size={Dropdown.sizes.SMALL}\n onOptionSelect={(selectedOption) =>\n setSelectedDropdownFilters((prev) => ({\n ...prev,\n [filter.columnName]: selectedOption,\n }))\n }\n placeholder={\n filter.placeholder ? filter.placeholder : filter.columnName\n }\n onClear={() =>\n setSelectedDropdownFilters((prev) => ({\n ...prev,\n [filter.columnName]: null,\n }))\n }\n />\n </div>\n );\n });\n };\n\n return (\n <Flex\n justify={\n headerButtons.length > 0 ? Flex.justify.SPACE_BETWEEN : Flex.justify.END\n }\n style={{ marginBottom: \"10px\" }}\n wrap={false}\n >\n <Flex gap={Flex.gaps.SMALL}>\n {headerButtons && headerButtons.map((button, index) => button)}\n </Flex>\n <Flex gap={Flex.gaps.SMALL}>\n {renderDropdownFilters()}\n {globalSearch && (\n <Search\n placeholder=\"Search...\"\n value={globalFilter}\n onChange={setGlobalFilter}\n size={Search.sizes.SMALL}\n />\n )}\n {isDownloadable && (\n <IconButton\n icon={Download}\n style={{ color: \"grey\" }}\n kind=\"tertiary\"\n size=\"small\"\n ariaLabel=\"Export as CSV\"\n active\n onClick={handleDownloadClick}\n />\n )}\n {isFilterableable && (\n <div className={styles.filterButtonContainer}>\n <IconButton\n icon={Filter}\n kind={IconButton.kinds.TERTIARY}\n style={{ color: \"grey\" }}\n kind=\"tertiary\"\n size=\"small\"\n ariaLabel=\"Filter\"\n active\n onClick={handleFilterIconClick}\n />\n {isFilterInputVisible && (\n <div className={styles.filterBox}>\n <TextField\n placeholder=\"Type to filter...\"\n value={inputFilter}\n onChange={setInputFilter}\n />\n <IconButton\n icon={Close}\n kind={IconButton.kinds.TERTIARY}\n style={{ color: \"grey\" }}\n kind=\"tertiary\"\n size=\"small\"\n ariaLabel=\"Close Filter\"\n active\n onClick={() => setIsFilterInputVisible(false)}\n />\n </div>\n )}\n </div>\n )}\n </Flex>\n </Flex>\n );\n};\n\nexport default TableHeader;\n"],"names":["TableHeader","_ref","data","onFilteredDataChange","_ref$globalSearch","globalSearch","_ref$dropdownFilters","dropdownFilters","_ref$globalFilterColu","globalFilterColumns","_ref$headerButtons","headerButtons","_ref$isDownloadable","isDownloadable","_ref$isFilterableable","isFilterableable","_useState","useState","_useState2","_slicedToArray","isFilterInputVisible","setIsFilterInputVisible","_useState3","_useState4","globalFilter","setGlobalFilter","_useState5","_useState6","inputFilter","setInputFilter","_useState7","_useState8","statusFilter","_useState9","_useState11","_useState12","selectedDropdownFilters","setSelectedDropdownFilters","_useState13","_useState14","lastFiltered","setLastFiltered","flattenObject","obj","parentKey","arguments","length","undefined","result","key","newKey","concat","_typeof","useEffect","filtered","searchLower","toLowerCase","filter","item","flatItem","some","column","String","includes","lowerCaseFilter","Object","values","value","innerValue","entries","forEach","_ref4","_ref5","columnName","selectedOption","itemValue","_","isEqual","_jsxs","Flex","assign","justify","SPACE_BETWEEN","END","style","marginBottom","wrap","_jsx","gap","gaps","SMALL","children","map","button","index","columnValues","Set","options","Array","from","label","minWidth","Dropdown","size","sizes","onOptionSelect","prev","_defineProperty","placeholder","onClear","Search","onChange","IconButton","icon","Download","color","kind","ariaLabel","active","onClick","csvString","csvRows","headers","keys","push","join","row","header","cell","_ref2","_ref3","escaped","replace","arrayToCSV","filename","blob","Blob","type","link","document","createElement","href","URL","createObjectURL","download","visibility","body","appendChild","click","removeChild","downloadCSV","className","styles","filterButtonContainer","Filter","kinds","TERTIARY","filterBox","TextField","Close"],"mappings":"umBAkCA,IAAMA,EAA0C,SAA/BC,GAUZ,IATHC,EAAID,EAAJC,KACAC,EAAoBF,EAApBE,qBAAoBC,EAAAH,EACpBI,aAAAA,OAAe,IAAHD,GAAQA,EACEE,EAAAL,EACtBM,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACpBQ,oBAAAA,OAAsB,IAAHD,EAAG,GAAEA,EAAAE,EAAAT,EACxBU,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAX,EAClBY,eAAAA,OAAiB,IAAHD,GAAOA,EAAAE,EAAAb,EACrBc,iBAAAA,OAAmB,IAAHD,GAAOA,EAEvBE,EAAwDC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhEI,EAAoBF,EAAA,GAAEG,EAAuBH,EAAA,GACpDI,EAAwCL,EAAS,IAAGM,EAAAJ,EAAAG,EAAA,GAA7CE,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GACpCG,EAAsCT,EAAS,IAAGU,EAAAR,EAAAO,EAAA,GAA3CE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAClCG,EAAwCb,EAAwB,MAAKc,EAAAZ,EAAAW,EAAA,GAA9DE,EAAYD,EAAA,GACnBE,EACEhB,EAAgC,MAClCiB,GADuCf,EAAAc,EAAA,GACuBhB,EAE3D,KAAGkB,EAAAhB,EAAAe,EAAA,GAFCE,EAAuBD,EAAA,GAAEE,EAA0BF,EAAA,GAG1DG,EAAwCrB,EAASf,GAAKqC,EAAApB,EAAAmB,EAAA,GAA/CE,GAAYD,EAAA,GAAEE,GAAeF,EAAA,GA4C9BG,GAAgB,SAAhBA,EAAiBC,GAAoC,IAA/BC,EAASC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAAIG,EAAMH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EACnD,IAAK,IAAII,KAAON,EAAK,CACnB,IAAMO,EAASN,EAAS,GAAAO,OAAMP,EAAS,KAAAO,OAAIF,GAAQA,EAC3B,WAApBG,EAAOT,EAAIM,KAAkC,OAAbN,EAAIM,GACtCP,EAAcC,EAAIM,GAAMC,EAAQF,GAEhCA,EAAOE,GAAUP,EAAIM,EAExB,CACD,OAAOD,GAGTK,GAAU,WACR,IAAIC,EAAWpD,EAGf,GAAIG,GAAgBmB,GAAgBf,EAAqB,CACvD,IAAM8C,EAAc/B,EAAagC,cACjCF,EAAWA,EAASG,QAAO,SAACC,GAC1B,IAAMC,EAAWjB,GAAcgB,GAC/B,OAAOjD,EAAoBmD,MAAK,SAACC,GAAM,OAC9BF,EAASE,GAAhBC,IAAyBN,cAAcO,SAASR,KAEpD,GACD,CAGD,GAAI3B,EAAa,CACf,IAAMoC,EAAkBpC,EAAY4B,cACpCF,EAAWA,EAASG,QAAO,SAACC,GAAI,OAC9BO,OAAOC,OAAOR,GAAME,MAAK,SAACO,GAAK,MACZ,WAAjBf,EAAOe,GACHF,OAAOC,OAAOC,GAAOP,MAAK,SAACQ,GAAU,OAC5BA,EAAPN,IAAmBN,cAAcO,SAASC,EAAgB,KAErDG,EAAPL,IAAcN,cAAcO,SAASC,QAG9C,CAGDC,OAAOI,QAAQjC,GAAyBkC,SACtC,SAAAC,GAAiC,IAAAC,EAAArD,EAAAoD,EAAA,GAA/BE,EAAUD,EAAA,GAAEE,EAAcF,EAAA,GACtBE,IACFpB,EAAWA,EAASG,QAAO,SAACC,GAC1B,IAAMiB,EAAYjB,EAAKe,GACvB,MAA4B,WAArBrB,EAAOuB,GACVA,EAAUR,QAAUO,EAAeP,MACnCQ,IAAcD,EAAeP,KACnC,IAEJ,IAGGS,EAAEC,QAAQvB,EAAUd,MACvBrC,EAAqBmD,GACrBb,GAAgBa,GAEpB,GAAG,CACDpD,EACAsB,EACAI,EACAI,EACAI,EACAjC,EACAM,IA4CF,OACEqE,EAACC,EAAId,OAAAe,OAAA,CACHC,QACEtE,EAAcmC,OAAS,EAAIiC,EAAKE,QAAQC,cAAgBH,EAAKE,QAAQE,IAEvEC,MAAO,CAAEC,aAAc,QACvBC,MAAM,cAENC,EAACR,EAAKd,OAAAe,OAAA,CAAAQ,IAAKT,EAAKU,KAAKC,OAAK,CAAAC,SACvBhF,GAAiBA,EAAciF,KAAI,SAACC,EAAQC,GAAK,OAAKD,CAAM,OAE/Df,EAACC,EAAId,OAAAe,OAAA,CAACQ,IAAKT,EAAKU,KAAKC,OAAK,CAAAC,SAAA,CAnDrBpF,EAAgBqF,KAAI,SAACnC,GAC1B,IAAMsC,EAAe,IAAIC,IACvB9F,EAAK0F,KAAI,SAAClC,GACR,IAAMiB,EAAYjB,EAAKD,EAAOgB,YAC9B,MAA4B,WAArBrB,EAAOuB,GAAyBA,EAAUR,MAAQQ,CAC1D,KAGGsB,EAAUC,MAAMC,KAAKJ,GAAcH,KAAI,SAACzB,GAAK,MAAM,CACvDiC,MAAwB,iBAAVjC,EAAqBA,EAAeA,EAAPL,GAC3CK,MAAAA,EACD,IAED,OACEoB,uBAAKH,MAAO,CAAEiB,SAAU,UACtB,CAAAV,SAAAJ,EAACe,EAEC,CAAAL,QAASA,EACTM,KAAMD,EAASE,MAAMd,MACrBe,eAAgB,SAAC/B,GAAc,OAC7BrC,GAA2B,SAACqE,GAAI,OAAKzC,OAAAe,OAAAf,OAAAe,OAAA,CAAA,EAChC0B,GACHC,EAAClD,CAAAA,EAAAA,EAAOgB,WAAaC,GAAc,GAClC,EAELkC,YACEnD,EAAOmD,YAAcnD,EAAOmD,YAAcnD,EAAOgB,WAEnDoC,QAAS,WAAA,OACPxE,GAA2B,SAACqE,GAAI,sCAC3BA,GAAIC,EACNlD,CAAAA,EAAAA,EAAOgB,WAAa,MACrB,GAAC,GAhBAhB,EAAOgB,cAqBpB,IAgBKpE,GACCkF,EAACuB,EAAM,CACLF,YAAY,YACZzC,MAAO3C,EACPuF,SAAUtF,EACV8E,KAAMO,EAAON,MAAMd,QAGtB7E,GACC0E,EAACyB,EACC,CAAAC,KAAMC,EACN9B,MAAO,CAAE+B,MAAO,QAChBC,KAAK,WACLb,KAAK,QACLc,UAAU,gBACVC,QAAM,EACNC,QA/IkB,WAC1B,IAAMC,EAlCW,SAACtH,GAClB,IAAMuH,EAAU,GACVC,EAAUzD,OAAO0D,KAAKzH,EAAK,IAiBjC,OAhBAuH,EAAQG,KAAKF,EAAQG,KAAK,MAE1B3H,EAAKoE,SAAQ,SAACwD,GACZ,IAAM5D,EAASwD,EAAQ9B,KAAI,SAACmC,GAC1B,IAAIC,EAAOF,EAAIC,GACK,WAAhB3E,EAAO4E,IAA8B,OAATA,IAC9BA,EAAO/D,OAAOI,QAAQ2D,GACnBpC,KAAI,SAAAqC,GAAA,IAAAC,EAAA/G,EAAA8G,EAAA,GAAO9D,EAAK+D,EAAA,GAAA,MAAA,GAAA/E,OAAP+E,EAAA,GAAmB/E,MAAAA,OAAKgB,EAAK,IACtC0D,KAAK,OAEV,IAAMM,EAAU,GAAAhF,OAAG6E,GAAOI,QAAQ,KAAM,MACxC,MAAAjF,IAAAA,OAAWgF,EAAO,IACpB,IACAV,EAAQG,KAAK1D,EAAO2D,KAAK,KAC3B,IAEOJ,EAAQI,KAAK,MAeFQ,CAAWnI,IAZX,SAACsH,GAA0C,IAA/Bc,EAAQzF,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,iBACnC0F,EAAO,IAAIC,KAAK,CAAChB,GAAY,CAAEiB,KAAM,4BACrCC,EAAOC,SAASC,cAAc,KACpCF,EAAKG,KAAOC,IAAIC,gBAAgBR,GAChCG,EAAKM,SAAWV,EAChBI,EAAKtD,MAAM6D,WAAa,SACxBN,SAASO,KAAKC,YAAYT,GAC1BA,EAAKU,QACLT,SAASO,KAAKG,YAAYX,GAK1BY,CAAY9B,MAgJPzG,GACC+D,EAAA,MAAAb,OAAAe,OAAA,CAAKuE,UAAWC,EAAOC,uBACrB,CAAA9D,SAAA,CAAAJ,EAACyB,EAAUL,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACTM,KAAMyC,EACNtC,KAAMJ,EAAW2C,MAAMC,SACvBxE,MAAO,CAAE+B,MAAO,SACX,OAAA,mBACA,SAAO,YACF,UACJ,UAAA,cAhMY,WAC5B9F,GAAwB,SAACqF,GAAI,OAAMA,SAkM1BtF,GACC0D,EAAA,MAAAb,OAAAe,OAAA,CAAKuE,UAAWC,EAAOK,WACrB,CAAAlE,SAAA,CAAAJ,EAACuE,EAAS,CACRlD,YAAY,oBACZzC,MAAOvC,EACPmF,SAAUlF,IAEZ0D,EAACyB,EAAUL,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACTM,KAAM8C,EACN3C,KAAMJ,EAAW2C,MAAMC,SACvBxE,MAAO,CAAE+B,MAAO,SACX,OAAA,mBACA,SAAO,YACF,gBAEV,UAAA,GAAS,WAAA,WAAA,OAAM9F,GAAwB,EAAM,oBAS/D"}
1	+ {"version":3,"file":"TableHeader.js","sources":["../../../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["// TableHeader.tsx\n// @ts-nocheck\nimport React, { useState, useEffect, useMemo } from \"react\";\nimport TextField from \"../TextField/TextField\";\nimport Dropdown from \"../Dropdown/Dropdown\";\nimport _ from \"lodash\";\nimport Flex from \"../Flex/Flex\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { Close, Download, Filter } from \"../Icon/Icons\";\nimport styles from \"./TableHeader.module.scss\";\nimport Search from \"../Search/Search\";\n\ninterface AssigneeOption {\n value: string;\n label: string;\n leftAvatar: string;\n}\n\ninterface DropdownFilterOption {\n columnName: string;\n placeholder: string;\n}\n\ninterface TableHeaderProps {\n data: {}[];\n onFilteredDataChange: (filteredData: any[]) => void;\n globalSearch: boolean;\n headerButtons?: React.ReactNode[];\n isDownloadable?: boolean;\n isFilterableable?: boolean;\n dropdownFilters?: DropdownFilterOption[];\n globalFilterColumns?: string[];\n}\n\nconst TableHeader: React.FC<TableHeaderProps> = ({\n data,\n onFilteredDataChange,\n globalSearch = false,\n dropdownFilter = false,\n dropdownFilters = [],\n globalFilterColumns = [],\n headerButtons = [],\n isDownloadable = true,\n isFilterableable = true,\n}) => {\n const [isFilterInputVisible, setIsFilterInputVisible] = useState(false);\n const [globalFilter, setGlobalFilter] = useState(\"\");\n const [inputFilter, setInputFilter] = useState(\"\");\n const [statusFilter, setStatusFilter] = useState<string \| null>(null);\n const [selectedAssignee, setSelectedAssignee] =\n useState<AssigneeOption \| null>(null);\n const [selectedDropdownFilters, setSelectedDropdownFilters] = useState<{\n [columnName: string]: AssigneeOption \| null;\n }>({});\n const [lastFiltered, setLastFiltered] = useState(data);\n\n const handleFilterIconClick = () => {\n setIsFilterInputVisible((prev) => !prev);\n };\n\n const arrayToCSV = (data) => {\n const csvRows = [];\n const headers = Object.keys(data[0]);\n csvRows.push(headers.join(\",\"));\n\n data.forEach((row) => {\n const values = headers.map((header) => {\n let cell = row[header];\n if (typeof cell === \"object\" && cell !== null) {\n cell = Object.entries(cell)\n .map(([key, value]) => `${key}: ${value}`)\n .join(\"; \");\n }\n const escaped = `${cell}`.replace(/\"/g, '\"\"');\n return `\"${escaped}\"`;\n });\n csvRows.push(values.join(\",\"));\n });\n\n return csvRows.join(\"\\n\");\n };\n\n const downloadCSV = (csvString, filename = \"table-data.csv\") => {\n const blob = new Blob([csvString], { type: \"text/csv;charset=utf-8;\" });\n const link = document.createElement(\"a\");\n link.href = URL.createObjectURL(blob);\n link.download = filename;\n link.style.visibility = \"hidden\";\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n };\n\n const handleDownloadClick = () => {\n const csvString = arrayToCSV(data);\n downloadCSV(csvString);\n };\n\n const flattenObject = (obj, parentKey = \"\", result = {}) => {\n for (let key in obj) {\n const newKey = parentKey ? `${parentKey}.${key}` : key;\n if (typeof obj[key] === \"object\" && obj[key] !== null) {\n flattenObject(obj[key], newKey, result);\n } else {\n result[newKey] = obj[key];\n }\n }\n return result;\n };\n\n useEffect(() => {\n let filtered = data;\n\n // Global search\n if (globalSearch && globalFilter && globalFilterColumns) {\n const searchLower = globalFilter.toLowerCase();\n filtered = filtered.filter((item) => {\n const flatItem = flattenObject(item);\n return globalFilterColumns.some((column) =>\n String(flatItem[column]).toLowerCase().includes(searchLower)\n );\n });\n }\n\n // Input filter\n if (inputFilter) {\n const lowerCaseFilter = inputFilter.toLowerCase();\n filtered = filtered.filter((item) =>\n Object.values(item).some((value) =>\n typeof value === \"object\"\n ? Object.values(value).some((innerValue) =>\n String(innerValue).toLowerCase().includes(lowerCaseFilter)\n )\n : String(value).toLowerCase().includes(lowerCaseFilter)\n )\n );\n }\n\n // Dropdown filters\n Object.entries(selectedDropdownFilters).forEach(\n ([columnName, selectedOption]) => {\n if (selectedOption) {\n filtered = filtered.filter((item) => {\n const itemValue = item[columnName];\n return typeof itemValue === \"object\"\n ? itemValue.value === selectedOption.value\n : itemValue === selectedOption.value;\n });\n }\n }\n );\n\n if (!_.isEqual(filtered, lastFiltered)) {\n onFilteredDataChange(filtered);\n setLastFiltered(filtered);\n }\n }, [\n data,\n globalFilter,\n inputFilter,\n statusFilter,\n selectedDropdownFilters,\n onFilteredDataChange,\n globalFilterColumns,\n ]);\n\n const renderDropdownFilters = () => {\n return dropdownFilters.map((filter) => {\n const columnValues = new Set(\n data.map((item) => {\n const itemValue = item[filter.columnName];\n return typeof itemValue === \"object\" ? itemValue.value : itemValue;\n })\n );\n const options = Array.from(columnValues).map((value) => {\n const label = toTitleCase(value.replace(/_/g, \" \"));\n\n if (/^[\\w-.]+@[\\w-]+(?:\\.[a-zA-Z]{2,})+$/.test(value)) {\n return { label: value, value };\n } else {\n return { label, value };\n }\n });\n\n return (\n <div style={{ minWidth: \"150px\" }} key={filter.columnName}>\n <Dropdown\n key={filter.columnName}\n options={options}\n size={Dropdown.sizes.SMALL}\n onOptionSelect={(selectedOption) =>\n setSelectedDropdownFilters((prev) => ({\n ...prev,\n [filter.columnName]: selectedOption,\n }))\n }\n placeholder={\n filter.placeholder ? filter.placeholder : filter.columnName\n }\n onClear={() =>\n setSelectedDropdownFilters((prev) => ({\n ...prev,\n [filter.columnName]: null,\n }))\n }\n />\n </div>\n );\n });\n };\n\n // Helper function to convert string to title case\n const toTitleCase = (str) =>\n str.replace(/\\w\\S*/g, (txt) =>\n txt === txt.toUpperCase()\n ? txt.toLowerCase()\n : txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase()\n );\n\n return (\n <Flex\n justify={\n headerButtons.length > 0 ? Flex.justify.SPACE_BETWEEN : Flex.justify.END\n }\n style={{ marginBottom: \"10px\" }}\n wrap={false}\n >\n <Flex gap={Flex.gaps.SMALL}>\n {headerButtons && headerButtons.map((button, index) => button)}\n </Flex>\n <Flex gap={Flex.gaps.SMALL}>\n {renderDropdownFilters()}\n {globalSearch && (\n <Search\n placeholder=\"Search...\"\n value={globalFilter}\n onChange={setGlobalFilter}\n size={Search.sizes.SMALL}\n />\n )}\n {isDownloadable && (\n <IconButton\n icon={Download}\n style={{ color: \"grey\" }}\n kind=\"tertiary\"\n size=\"small\"\n ariaLabel=\"Export as CSV\"\n active\n onClick={handleDownloadClick}\n />\n )}\n {isFilterableable && (\n <div className={styles.filterButtonContainer}>\n <IconButton\n icon={Filter}\n kind={IconButton.kinds.TERTIARY}\n style={{ color: \"grey\" }}\n kind=\"tertiary\"\n size=\"small\"\n ariaLabel=\"Filter\"\n active\n onClick={handleFilterIconClick}\n />\n {isFilterInputVisible && (\n <div className={styles.filterBox}>\n <TextField\n placeholder=\"Type to filter...\"\n value={inputFilter}\n onChange={setInputFilter}\n />\n <IconButton\n icon={Close}\n kind={IconButton.kinds.TERTIARY}\n style={{ color: \"grey\" }}\n kind=\"tertiary\"\n size=\"small\"\n ariaLabel=\"Close Filter\"\n active\n onClick={() => setIsFilterInputVisible(false)}\n />\n </div>\n )}\n </div>\n )}\n </Flex>\n </Flex>\n );\n};\n\nexport default TableHeader;\n"],"names":["TableHeader","_ref","data","onFilteredDataChange","_ref$globalSearch","globalSearch","_ref$dropdownFilters","dropdownFilters","_ref$globalFilterColu","globalFilterColumns","_ref$headerButtons","headerButtons","_ref$isDownloadable","isDownloadable","_ref$isFilterableable","isFilterableable","_useState","useState","_useState2","_slicedToArray","isFilterInputVisible","setIsFilterInputVisible","_useState3","_useState4","globalFilter","setGlobalFilter","_useState5","_useState6","inputFilter","setInputFilter","_useState7","_useState8","statusFilter","_useState9","_useState11","_useState12","selectedDropdownFilters","setSelectedDropdownFilters","_useState13","_useState14","lastFiltered","setLastFiltered","flattenObject","obj","parentKey","arguments","length","undefined","result","key","newKey","concat","_typeof","useEffect","filtered","searchLower","toLowerCase","filter","item","flatItem","some","column","String","includes","lowerCaseFilter","Object","values","value","innerValue","entries","forEach","_ref4","_ref5","columnName","selectedOption","itemValue","_","isEqual","toTitleCase","str","replace","txt","toUpperCase","charAt","substr","_jsxs","Flex","assign","justify","SPACE_BETWEEN","END","style","marginBottom","wrap","_jsx","gap","gaps","SMALL","children","map","button","index","columnValues","Set","options","Array","from","label","test","minWidth","Dropdown","size","sizes","onOptionSelect","prev","_defineProperty","placeholder","onClear","Search","onChange","IconButton","icon","Download","color","kind","ariaLabel","active","onClick","csvString","csvRows","headers","keys","push","join","row","header","cell","_ref2","_ref3","escaped","arrayToCSV","filename","blob","Blob","type","link","document","createElement","href","URL","createObjectURL","download","visibility","body","appendChild","click","removeChild","downloadCSV","className","styles","filterButtonContainer","Filter","kinds","TERTIARY","filterBox","TextField","Close"],"mappings":"umBAkCA,IAAMA,EAA0C,SAA/BC,GAUZ,IATHC,EAAID,EAAJC,KACAC,EAAoBF,EAApBE,qBAAoBC,EAAAH,EACpBI,aAAAA,OAAe,IAAHD,GAAQA,EACEE,EAAAL,EACtBM,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACpBQ,oBAAAA,OAAsB,IAAHD,EAAG,GAAEA,EAAAE,EAAAT,EACxBU,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAX,EAClBY,eAAAA,OAAiB,IAAHD,GAAOA,EAAAE,EAAAb,EACrBc,iBAAAA,OAAmB,IAAHD,GAAOA,EAEvBE,EAAwDC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhEI,EAAoBF,EAAA,GAAEG,EAAuBH,EAAA,GACpDI,EAAwCL,EAAS,IAAGM,EAAAJ,EAAAG,EAAA,GAA7CE,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GACpCG,EAAsCT,EAAS,IAAGU,EAAAR,EAAAO,EAAA,GAA3CE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAClCG,EAAwCb,EAAwB,MAAKc,EAAAZ,EAAAW,EAAA,GAA9DE,EAAYD,EAAA,GACnBE,EACEhB,EAAgC,MAClCiB,GADuCf,EAAAc,EAAA,GACuBhB,EAE3D,KAAGkB,EAAAhB,EAAAe,EAAA,GAFCE,EAAuBD,EAAA,GAAEE,EAA0BF,EAAA,GAG1DG,EAAwCrB,EAASf,GAAKqC,EAAApB,EAAAmB,EAAA,GAA/CE,GAAYD,EAAA,GAAEE,GAAeF,EAAA,GA4C9BG,GAAgB,SAAhBA,EAAiBC,GAAoC,IAA/BC,EAASC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAAIG,EAAMH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EACnD,IAAK,IAAII,KAAON,EAAK,CACnB,IAAMO,EAASN,EAAS,GAAAO,OAAMP,EAAS,KAAAO,OAAIF,GAAQA,EAC3B,WAApBG,EAAOT,EAAIM,KAAkC,OAAbN,EAAIM,GACtCP,EAAcC,EAAIM,GAAMC,EAAQF,GAEhCA,EAAOE,GAAUP,EAAIM,EAExB,CACD,OAAOD,GAGTK,GAAU,WACR,IAAIC,EAAWpD,EAGf,GAAIG,GAAgBmB,GAAgBf,EAAqB,CACvD,IAAM8C,EAAc/B,EAAagC,cACjCF,EAAWA,EAASG,QAAO,SAACC,GAC1B,IAAMC,EAAWjB,GAAcgB,GAC/B,OAAOjD,EAAoBmD,MAAK,SAACC,GAAM,OAC9BF,EAASE,GAAhBC,IAAyBN,cAAcO,SAASR,KAEpD,GACD,CAGD,GAAI3B,EAAa,CACf,IAAMoC,EAAkBpC,EAAY4B,cACpCF,EAAWA,EAASG,QAAO,SAACC,GAAI,OAC9BO,OAAOC,OAAOR,GAAME,MAAK,SAACO,GAAK,MACZ,WAAjBf,EAAOe,GACHF,OAAOC,OAAOC,GAAOP,MAAK,SAACQ,GAAU,OAC5BA,EAAPN,IAAmBN,cAAcO,SAASC,EAAgB,KAErDG,EAAPL,IAAcN,cAAcO,SAASC,QAG9C,CAGDC,OAAOI,QAAQjC,GAAyBkC,SACtC,SAAAC,GAAiC,IAAAC,EAAArD,EAAAoD,EAAA,GAA/BE,EAAUD,EAAA,GAAEE,EAAcF,EAAA,GACtBE,IACFpB,EAAWA,EAASG,QAAO,SAACC,GAC1B,IAAMiB,EAAYjB,EAAKe,GACvB,MAA4B,WAArBrB,EAAOuB,GACVA,EAAUR,QAAUO,EAAeP,MACnCQ,IAAcD,EAAeP,KACnC,IAEJ,IAGGS,EAAEC,QAAQvB,EAAUd,MACvBrC,EAAqBmD,GACrBb,GAAgBa,GAEpB,GAAG,CACDpD,EACAsB,EACAI,EACAI,EACAI,EACAjC,EACAM,IAGF,IA8CMqE,GAAc,SAACC,GAAG,OACtBA,EAAIC,QAAQ,UAAU,SAACC,GAAG,OACxBA,IAAQA,EAAIC,cACRD,EAAIzB,cACJyB,EAAIE,OAAO,GAAGD,cAAgBD,EAAIG,OAAO,GAAG5B,gBACjD,EAEH,OACE6B,EAACC,EAAIrB,OAAAsB,OAAA,CACHC,QACE7E,EAAcmC,OAAS,EAAIwC,EAAKE,QAAQC,cAAgBH,EAAKE,QAAQE,IAEvEC,MAAO,CAAEC,aAAc,QACvBC,MAAM,cAENC,EAACR,EAAKrB,OAAAsB,OAAA,CAAAQ,IAAKT,EAAKU,KAAKC,OAAK,CAAAC,SACvBvF,GAAiBA,EAAcwF,KAAI,SAACC,EAAQC,GAAK,OAAKD,CAAM,OAE/Df,EAACC,EAAIrB,OAAAsB,OAAA,CAACQ,IAAKT,EAAKU,KAAKC,OAAK,CAAAC,SAAA,CA/DrB3F,EAAgB4F,KAAI,SAAC1C,GAC1B,IAAM6C,EAAe,IAAIC,IACvBrG,EAAKiG,KAAI,SAACzC,GACR,IAAMiB,EAAYjB,EAAKD,EAAOgB,YAC9B,MAA4B,WAArBrB,EAAOuB,GAAyBA,EAAUR,MAAQQ,CAC1D,KAEG6B,EAAUC,MAAMC,KAAKJ,GAAcH,KAAI,SAAChC,GAC5C,IAAMwC,EAAQ7B,GAAYX,EAAMa,QAAQ,KAAM,MAE9C,MAAI,sCAAsC4B,KAAKzC,GACtC,CAAEwC,MAAOxC,EAAOA,MAAAA,GAEhB,CAAEwC,MAAAA,EAAOxC,MAAAA,EAEpB,IAEA,OACE2B,uBAAKH,MAAO,CAAEkB,SAAU,UACtB,CAAAX,SAAAJ,EAACgB,EAEC,CAAAN,QAASA,EACTO,KAAMD,EAASE,MAAMf,MACrBgB,eAAgB,SAACvC,GAAc,OAC7BrC,GAA2B,SAAC6E,GAAI,OAC3BjD,OAAAsB,OAAAtB,OAAAsB,OAAA,CAAA,EAAA2B,GACHC,EAAC1D,CAAAA,EAAAA,EAAOgB,WAAaC,GAAc,GAClC,EAEL0C,YACE3D,EAAO2D,YAAc3D,EAAO2D,YAAc3D,EAAOgB,WAEnD4C,QAAS,WAAA,OACPhF,GAA2B,SAAC6E,GAAI,OAC3BjD,OAAAsB,OAAAtB,OAAAsB,OAAA,CAAA,EAAA2B,GACHC,EAAC1D,CAAAA,EAAAA,EAAOgB,WAAa,MAAI,GACxB,GAhBAhB,EAAOgB,cAFwBhB,EAAOgB,WAuBnD,IAwBKpE,GACCyF,EAACwB,EAAM,CACLF,YAAY,YACZjD,MAAO3C,EACP+F,SAAU9F,EACVsF,KAAMO,EAAON,MAAMf,QAGtBpF,GACCiF,EAAC0B,EACC,CAAAC,KAAMC,EACN/B,MAAO,CAAEgC,MAAO,QAChBC,KAAK,WACLb,KAAK,QACLc,UAAU,gBACVC,QAAM,EACNC,QA3JkB,WAC1B,IAAMC,EAlCW,SAAC9H,GAClB,IAAM+H,EAAU,GACVC,EAAUjE,OAAOkE,KAAKjI,EAAK,IAiBjC,OAhBA+H,EAAQG,KAAKF,EAAQG,KAAK,MAE1BnI,EAAKoE,SAAQ,SAACgE,GACZ,IAAMpE,EAASgE,EAAQ/B,KAAI,SAACoC,GAC1B,IAAIC,EAAOF,EAAIC,GACK,WAAhBnF,EAAOoF,IAA8B,OAATA,IAC9BA,EAAOvE,OAAOI,QAAQmE,GACnBrC,KAAI,SAAAsC,GAAA,IAAAC,EAAAvH,EAAAsH,EAAA,GAAOtE,EAAKuE,EAAA,GAAA,MAAA,GAAAvF,OAAPuF,EAAA,GAAmBvF,MAAAA,OAAKgB,EAAK,IACtCkE,KAAK,OAEV,IAAMM,EAAU,GAAAxF,OAAGqF,GAAOxD,QAAQ,KAAM,MACxC,MAAA7B,IAAAA,OAAWwF,EAAO,IACpB,IACAV,EAAQG,KAAKlE,EAAOmE,KAAK,KAC3B,IAEOJ,EAAQI,KAAK,MAeFO,CAAW1I,IAZX,SAAC8H,GAA0C,IAA/Ba,EAAQhG,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,iBACnCiG,EAAO,IAAIC,KAAK,CAACf,GAAY,CAAEgB,KAAM,4BACrCC,EAAOC,SAASC,cAAc,KACpCF,EAAKG,KAAOC,IAAIC,gBAAgBR,GAChCG,EAAKM,SAAWV,EAChBI,EAAKtD,MAAM6D,WAAa,SACxBN,SAASO,KAAKC,YAAYT,GAC1BA,EAAKU,QACLT,SAASO,KAAKG,YAAYX,GAK1BY,CAAY7B,MA4JPjH,GACCsE,EAAA,MAAApB,OAAAsB,OAAA,CAAKuE,UAAWC,EAAOC,uBACrB,CAAA9D,SAAA,CAAAJ,EAAC0B,EAAUL,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACTM,KAAMwC,EACNrC,KAAMJ,EAAW0C,MAAMC,SACvBxE,MAAO,CAAEgC,MAAO,SACX,OAAA,mBACA,SAAO,YACF,UACJ,UAAA,cA5MY,WAC5BtG,GAAwB,SAAC6F,GAAI,OAAMA,SA8M1B9F,GACCiE,EAAA,MAAApB,OAAAsB,OAAA,CAAKuE,UAAWC,EAAOK,WACrB,CAAAlE,SAAA,CAAAJ,EAACuE,EAAS,CACRjD,YAAY,oBACZjD,MAAOvC,EACP2F,SAAU1F,IAEZiE,EAAC0B,EAAUL,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACTM,KAAM6C,EACN1C,KAAMJ,EAAW0C,MAAMC,SACvBxE,MAAO,CAAEgC,MAAO,SACX,OAAA,mBACA,SAAO,YACF,gBAEV,UAAA,GAAS,WAAA,WAAA,OAAMtG,GAAwB,EAAM,oBAS/D"}

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

@@ -1,2 +1,2 @@
-var e={filterButtonContainer:"filterButtonContainer",filterBox:"filterBox"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-1b5c482093a2_0_0_98";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".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={filterButtonContainer:"filterButtonContainer",filterBox:"filterBox"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-1b5c482093a2_0_0_99";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".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 CHANGED Viewed

@@ -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_98";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_99";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 CHANGED Viewed

@@ -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-14bea31bdd51_0_0_98";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-14bea31bdd51_0_0_99";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 CHANGED Viewed

@@ -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-secondary);\n}\n\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-secondary)/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-secondary)/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-secondary)/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],i="s_id-0bb327308675_0_0_98";if(o.querySelector("#"+i))return;const e=document.createElement("style");e.id=i,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.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-secondary);\n}\n\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-secondary)/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-secondary)/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-secondary)/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],i="s_id-0bb327308675_0_0_99";if(o.querySelector("#"+i))return;const e=document.createElement("style");e.id=i,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(r))}(r);export{r as default};
 //# sourceMappingURL=table_base.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/table.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var i='@charset "UTF-8";\n:where(body.iui-root) {\n  margin: 0;\n}\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-secondary);\n}\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-secondary)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\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:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-secondary)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-secondary)/var(--iui-opacity-3));\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\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:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}\n.dropdown-button {\n  display: flex;\n  align-items: center;\n}\n.menu-item {\n  width: 100px;\n}\n.iui-table {\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: var(--surface-primary);\n  font-size: 14px;\n  --_iui-table-header-size: calc(8px * 5);\n  --_iui-table-row-size: calc(8px * 5 + 2px);\n}\n.iui-table .iui-table-cell-end-icon,\n.iui-table .iui-table-cell-start-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: var(--icon-primary);\n}\n.iui-table .iui-table-cell-end-icon svg,\n.iui-table .iui-table-cell-start-icon svg {\n  display: flex;\n  flex-shrink: 0;\n  inline-size: 16px;\n  block-size: 16px;\n}\n.iui-table .iui-table-cell-start-icon {\n  margin-inline-end: var(--spacing-xs);\n}\n.iui-table .iui-table-cell-end-icon {\n  inline-size: var(--spacing-medium);\n  block-size: var(--spacing-medium);\n  margin-inline-end: var(--spacing-small);\n  margin-inline-start: auto;\n}\n.iui-table .iui-table-cell-end-icon :where(svg) {\n  fill: var(--_iui-table-cell-icon-fill);\n}\n.iui-table > .hx-table-pagination {\n  position: sticky;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  z-index: 2;\n}\n.iui-table[data-iui-size=condensed] {\n  --_iui-table-header-size: calc(8px * 4);\n  --_iui-table-row-size: calc(8px * 4 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] {\n  --_iui-table-header-size: calc(4px * 3);\n  --_iui-table-row-size: calc(4px * 3 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell {\n  padding-block: 1px;\n}\n.iui-table .iui-table-header,\n.iui-table .iui-table-paginator {\n  min-block-size: var(--_iui-table-header-size);\n}\n.iui-table .iui-table-body .iui-table-cell,\n.iui-table .iui-table-body-extra {\n  min-block-size: var(--_iui-table-row-size);\n}\n.iui-table-header-wrapper {\n  position: sticky;\n  inset-block-start: 0;\n  z-index: 2;\n  display: flex;\n  flex-shrink: 0;\n  border-start-start-radius: var(--spacing-xs);\n  border-start-end-radius: var(--spacing-xs);\n}\n.iui-table-header {\n  display: flex;\n  user-select: none;\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n  border-block-end: 1px solid var(--divider-primary);\n}\n.iui-table-header .iui-table-cell {\n  background-color: var(--surface-primary);\n  transition: background-color 0.3s ease-out;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) {\n  column-gap: var(--spacing-xs);\n  padding-block: calc(var(--spacing-medium) * 0.5);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):focus-visible {\n  outline: 1px solid var(--divider-secondary);\n  outline-offset: -1px;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-actionable {\n  cursor: pointer;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-grabbing {\n  cursor: grabbing;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer {\n  block-size: 100%;\n  inline-size: var(--spacing-small);\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  transform: translateX(50%);\n  touch-action: none;\n  cursor: ew-resize;\n  opacity: 0;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer > .iui-table-resizer-bar {\n  block-size: 100%;\n  inline-size: 2px;\n  margin-inline: auto;\n  transition: background-color 0.3s ease-out, width 0.3s ease-out;\n  background-color: var(--divider-secondary);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer:hover > .iui-table-resizer-bar {\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):hover > .iui-table-resizer {\n  opacity: 1;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible), .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) {\n  background-color: var(--surface-secondary);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible) .iui-table-sort, .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) .iui-table-sort {\n  opacity: 1;\n}\n.iui-table-header .iui-table-reorder-bar {\n  position: absolute;\n  block-size: 100%;\n  inline-size: var(--spacing-xs);\n}\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  inset-inline-end: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar {\n  inset-inline-start: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar,\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  background-color: var(--surface-secondary);\n}\n.iui-table-header .iui-table-sort {\n  opacity: 0;\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n}\n.iui-table-header .iui-sorted {\n  background-color: var(--surface-primary-hover);\n}\n.iui-table-header .iui-sorted .iui-table-sort {\n  opacity: 1;\n  --_iui-table-cell-icon-fill: var(--icon-primary);\n}\n.iui-table-row {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  min-inline-size: 100%;\n  display: flex;\n}\n.iui-table-row:last-of-type {\n  border-radius: inherit;\n}\n.iui-table-header .iui-table-row {\n  flex-grow: 1;\n}\n.iui-table-body .iui-table-row .iui-table-cell {\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n  background-color: var(--surface-primary);\n  transition: all 0.3s ease-out;\n}\n.iui-table-body .iui-table-row > .iui-slot > .iui-table-more-options {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row:where(:hover, :focus-within) > .iui-slot > .iui-table-more-options {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row:where(:hover:not(.iui-loading):not([aria-disabled=true])) .iui-table-cell {\n  background-color: var(--surface-secondary);\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row .iui-table-row-expander > .iui-button-icon {\n    transition: transform 0.3s ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded {\n  overflow: hidden;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-cell {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-row-expander > .iui-button-icon {\n  transform: rotate(90deg);\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded + .iui-table-expanded-content {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content {\n  overflow: hidden;\n  border-inline-start: 1px solid transparent;\n  border-inline-end: 1px solid transparent;\n  border-block-end: 1px solid var(--divider-primary);\n  padding: 16px;\n  background-color: var(--surface-secondary);\n  flex-shrink: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n  opacity: 1;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n  opacity: 0;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content .iui-table {\n  margin: 0 auto;\n}\n.iui-table-body .iui-table-row:not([aria-selected=true]) + [aria-selected=true] .iui-table-cell, .iui-table-body .iui-table-row[aria-selected=true]:first-child .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true] {\n  /* stylelint-disable-next-line selector-max-compound-selectors */\n}\n.iui-table-body .iui-table-row[aria-selected=true] .iui-table-cell {\n  border-color: var(--divider-selected);\n  background-color: var(--surface-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + [aria-selected=true] .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true]:last-child .iui-table-cell {\n  border-block-end-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + :not([aria-selected=true]) .iui-table-cell,\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content + .iui-table-row:not([aria-selected=true]) .iui-table-cell {\n  border-block-start-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content {\n  border-color: transparent var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content:last-child {\n  border-block-end-color: var(--divider-secondary);\n}\n.iui-table-body .iui-table-row.iui-new {\n  font-weight: 600;\n}\n.iui-table-body .iui-table-row.iui-new > .iui-main-column::before {\n  content: "•";\n  position: absolute;\n  inset-inline-start: 0;\n  font-size: var(--iui-font-size-4);\n  color: var(--positive-color);\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  --_iui-table-cell-image-filter: grayscale(100%);\n  color: var(--text-tertiary);\n}\n.iui-table-body .iui-table-row.iui-loading img,\n.iui-table-body .iui-table-row.iui-loading svg,\n.iui-table-body .iui-table-row.iui-loading .iui-avatar,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] img,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] svg,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar, .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar {\n  filter: var(--_iui-table-cell-image-filter);\n}\n.iui-table-body .iui-table-row.iui-loading {\n  font-style: italic;\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row.iui-loading .iui-checkbox {\n  cursor: progress;\n}\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  cursor: not-allowed;\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-header-actions-container {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-inline-end: var(--spacing-small);\n}\n.iui-table-header-actions-container .iui-table-cell-end-icon {\n  inline-size: unset;\n  block-size: unset;\n  margin: 0;\n  margin-inline-start: auto;\n}\n.iui-table-body {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n}\n.iui-table-body:has(> .iui-table-empty) {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-body.iui-scroll-snapping {\n  scroll-snap-type: y mandatory;\n}\n.iui-table-body.iui-scroll-snapping .iui-table-row {\n  scroll-snap-align: start none;\n}\n.iui-table-body:last-child {\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell {\n  background-color: var(--surface-secondary);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]):hover .iui-table-cell {\n  background-color: var(--surface-secondary);\n}\n.iui-table-body > .iui-table-empty {\n  text-align: center;\n  position: sticky;\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n  padding: var(--spacing-large);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  color: var(--text-secondary);\n  background-color: var(--surface-primary);\n}\n.iui-table-body-extra {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.iui-table-body-extra[data-iui-loading=true] {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-cell {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  min-inline-size: var(--spacing-large);\n  padding: inherit;\n  flex-basis: var(--spacing-large);\n  position: relative;\n  word-break: break-word;\n}\n.iui-table-cell:first-of-type {\n  border-inline-start: solid 1px transparent;\n  border-end-start-radius: inherit;\n}\n.iui-table-cell:last-of-type {\n  border-inline-end: solid 1px transparent;\n}\n.iui-table-cell.iui-slot {\n  inline-size: calc(var(--spacing-large) * 2);\n  padding: 0;\n  flex-grow: 0;\n  min-inline-size: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-basis: calc(var(--spacing-large) * 2);\n  --iui-checkbox-target-size: 32px;\n}\n.iui-table-cell.iui-table-cell-sticky {\n  position: sticky;\n  z-index: 1;\n  inset-inline-start: var(--iui-table-sticky-left, initial);\n  inset-inline-end: var(--iui-table-sticky-right, initial);\n}\n.iui-table-cell:not(.iui-slot):last-child {\n  padding-inline-end: var(--spacing-medium);\n}\n.iui-table-cell[data-iui-status=positive]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--positive-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=warning]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--warning-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=negative]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--negative-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[contenteditable] {\n  outline-offset: -1px;\n}\n.iui-table-cell[contenteditable]:hover {\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell[contenteditable]:focus {\n  background-color: var(--surface-primary);\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell-shadow-left {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-start: 0;\n  transform: translate(-100%);\n  box-shadow: inset -10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-left {\n  inset-block: 0;\n}\n.iui-table-cell-shadow-right {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-end: 0;\n  transform: translate(100%);\n  box-shadow: inset 10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-right {\n  inset-block: 0;\n}\n.hx-table-pagination {\n  bottom: 0;\n  width: 100%;\n  margin: 0;\n  padding: var(--spacing-xs) 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  justify-content: space-between;\n  color: var(--text-secondary);\n  align-items: center;\n  user-select: none;\n  height: var(--spacing-xl);\n  background-color: var(--surface-primary);\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n  border-block-start: 1px solid var(--divider-primary);\n}\n.hx-table-pagination .pagination-left,\n.hx-table-pagination .pagination-right {\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-inline-size: 0;\n}\n.hx-table-pagination .pagination-left {\n  flex: 3;\n}\n.hx-table-pagination .pagination-label {\n  margin-right: 8px;\n}\n.hx-table-pagination .pagination-selected {\n  margin-left: 8px;\n}\n.hx-table-pagination .pagination-right {\n  flex: 1;\n}\n.hx-table-pagination-ellipsis {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-ellipsis-small {\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-pages-group {\n  display: inline-flex;\n  align-items: center;\n  margin-inline: var(--spacing-xs);\n}\n.hx-table-pagination-page-button[data-iui-active=true] {\n  --_iui-button-active-stripe-inset-block: calc(\n    100% - 2px 1px\n  );\n  --_iui-button-active-stripe-inset-inline: 1px;\n}\n.iui-table-column-filter {\n  padding: var(--spacing-s);\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--spacing-s);\n}\n.iui-table-column-filter > .iui-input-grid:not([data-iui-label-placement=inline]) {\n  inline-size: 100%;\n}\n.iui-table-column-filter > .iui-button-bar {\n  display: flex;\n  inline-size: 100%;\n  align-content: center;\n  gap: var(--spacing-xs);\n}\n.iui-table-column-filter > .iui-button-bar > .iui-button:first-of-type {\n  margin-inline-start: auto;\n}';!function(i){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0fbe4a44610c_0_0_98";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(i))}(i);export{i as default};
+var i='@charset "UTF-8";\n:where(body.iui-root) {\n  margin: 0;\n}\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-secondary);\n}\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-secondary)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\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:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-secondary)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-secondary)/var(--iui-opacity-3));\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\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:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}\n.dropdown-button {\n  display: flex;\n  align-items: center;\n}\n.menu-item {\n  width: 100px;\n}\n.iui-table {\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: var(--surface-primary);\n  font-size: 14px;\n  --_iui-table-header-size: calc(8px * 5);\n  --_iui-table-row-size: calc(8px * 5 + 2px);\n}\n.iui-table .iui-table-cell-end-icon,\n.iui-table .iui-table-cell-start-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: var(--icon-primary);\n}\n.iui-table .iui-table-cell-end-icon svg,\n.iui-table .iui-table-cell-start-icon svg {\n  display: flex;\n  flex-shrink: 0;\n  inline-size: 16px;\n  block-size: 16px;\n}\n.iui-table .iui-table-cell-start-icon {\n  margin-inline-end: var(--spacing-xs);\n}\n.iui-table .iui-table-cell-end-icon {\n  inline-size: var(--spacing-medium);\n  block-size: var(--spacing-medium);\n  margin-inline-end: var(--spacing-small);\n  margin-inline-start: auto;\n}\n.iui-table .iui-table-cell-end-icon :where(svg) {\n  fill: var(--_iui-table-cell-icon-fill);\n}\n.iui-table > .hx-table-pagination {\n  position: sticky;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  z-index: 2;\n}\n.iui-table[data-iui-size=condensed] {\n  --_iui-table-header-size: calc(8px * 4);\n  --_iui-table-row-size: calc(8px * 4 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] {\n  --_iui-table-header-size: calc(4px * 3);\n  --_iui-table-row-size: calc(4px * 3 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell {\n  padding-block: 1px;\n}\n.iui-table .iui-table-header,\n.iui-table .iui-table-paginator {\n  min-block-size: var(--_iui-table-header-size);\n}\n.iui-table .iui-table-body .iui-table-cell,\n.iui-table .iui-table-body-extra {\n  min-block-size: var(--_iui-table-row-size);\n}\n.iui-table-header-wrapper {\n  position: sticky;\n  inset-block-start: 0;\n  z-index: 2;\n  display: flex;\n  flex-shrink: 0;\n  border-start-start-radius: var(--spacing-xs);\n  border-start-end-radius: var(--spacing-xs);\n}\n.iui-table-header {\n  display: flex;\n  user-select: none;\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n  border-block-end: 1px solid var(--divider-primary);\n}\n.iui-table-header .iui-table-cell {\n  background-color: var(--surface-primary);\n  transition: background-color 0.3s ease-out;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) {\n  column-gap: var(--spacing-xs);\n  padding-block: calc(var(--spacing-medium) * 0.5);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):focus-visible {\n  outline: 1px solid var(--divider-secondary);\n  outline-offset: -1px;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-actionable {\n  cursor: pointer;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-grabbing {\n  cursor: grabbing;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer {\n  block-size: 100%;\n  inline-size: var(--spacing-small);\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  transform: translateX(50%);\n  touch-action: none;\n  cursor: ew-resize;\n  opacity: 0;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer > .iui-table-resizer-bar {\n  block-size: 100%;\n  inline-size: 2px;\n  margin-inline: auto;\n  transition: background-color 0.3s ease-out, width 0.3s ease-out;\n  background-color: var(--divider-secondary);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer:hover > .iui-table-resizer-bar {\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):hover > .iui-table-resizer {\n  opacity: 1;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible), .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) {\n  background-color: var(--surface-secondary);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible) .iui-table-sort, .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) .iui-table-sort {\n  opacity: 1;\n}\n.iui-table-header .iui-table-reorder-bar {\n  position: absolute;\n  block-size: 100%;\n  inline-size: var(--spacing-xs);\n}\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  inset-inline-end: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar {\n  inset-inline-start: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar,\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  background-color: var(--surface-secondary);\n}\n.iui-table-header .iui-table-sort {\n  opacity: 0;\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n}\n.iui-table-header .iui-sorted {\n  background-color: var(--surface-primary-hover);\n}\n.iui-table-header .iui-sorted .iui-table-sort {\n  opacity: 1;\n  --_iui-table-cell-icon-fill: var(--icon-primary);\n}\n.iui-table-row {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  min-inline-size: 100%;\n  display: flex;\n}\n.iui-table-row:last-of-type {\n  border-radius: inherit;\n}\n.iui-table-header .iui-table-row {\n  flex-grow: 1;\n}\n.iui-table-body .iui-table-row .iui-table-cell {\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n  background-color: var(--surface-primary);\n  transition: all 0.3s ease-out;\n}\n.iui-table-body .iui-table-row > .iui-slot > .iui-table-more-options {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row:where(:hover, :focus-within) > .iui-slot > .iui-table-more-options {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row:where(:hover:not(.iui-loading):not([aria-disabled=true])) .iui-table-cell {\n  background-color: var(--surface-secondary);\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row .iui-table-row-expander > .iui-button-icon {\n    transition: transform 0.3s ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded {\n  overflow: hidden;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-cell {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-row-expander > .iui-button-icon {\n  transform: rotate(90deg);\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded + .iui-table-expanded-content {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content {\n  overflow: hidden;\n  border-inline-start: 1px solid transparent;\n  border-inline-end: 1px solid transparent;\n  border-block-end: 1px solid var(--divider-primary);\n  padding: 16px;\n  background-color: var(--surface-secondary);\n  flex-shrink: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n  opacity: 1;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n  opacity: 0;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content .iui-table {\n  margin: 0 auto;\n}\n.iui-table-body .iui-table-row:not([aria-selected=true]) + [aria-selected=true] .iui-table-cell, .iui-table-body .iui-table-row[aria-selected=true]:first-child .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true] {\n  /* stylelint-disable-next-line selector-max-compound-selectors */\n}\n.iui-table-body .iui-table-row[aria-selected=true] .iui-table-cell {\n  border-color: var(--divider-selected);\n  background-color: var(--surface-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + [aria-selected=true] .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true]:last-child .iui-table-cell {\n  border-block-end-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + :not([aria-selected=true]) .iui-table-cell,\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content + .iui-table-row:not([aria-selected=true]) .iui-table-cell {\n  border-block-start-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content {\n  border-color: transparent var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content:last-child {\n  border-block-end-color: var(--divider-secondary);\n}\n.iui-table-body .iui-table-row.iui-new {\n  font-weight: 600;\n}\n.iui-table-body .iui-table-row.iui-new > .iui-main-column::before {\n  content: "•";\n  position: absolute;\n  inset-inline-start: 0;\n  font-size: var(--iui-font-size-4);\n  color: var(--positive-color);\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  --_iui-table-cell-image-filter: grayscale(100%);\n  color: var(--text-tertiary);\n}\n.iui-table-body .iui-table-row.iui-loading img,\n.iui-table-body .iui-table-row.iui-loading svg,\n.iui-table-body .iui-table-row.iui-loading .iui-avatar,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] img,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] svg,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar, .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar {\n  filter: var(--_iui-table-cell-image-filter);\n}\n.iui-table-body .iui-table-row.iui-loading {\n  font-style: italic;\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row.iui-loading .iui-checkbox {\n  cursor: progress;\n}\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  cursor: not-allowed;\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-header-actions-container {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-inline-end: var(--spacing-small);\n}\n.iui-table-header-actions-container .iui-table-cell-end-icon {\n  inline-size: unset;\n  block-size: unset;\n  margin: 0;\n  margin-inline-start: auto;\n}\n.iui-table-body {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n}\n.iui-table-body:has(> .iui-table-empty) {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-body.iui-scroll-snapping {\n  scroll-snap-type: y mandatory;\n}\n.iui-table-body.iui-scroll-snapping .iui-table-row {\n  scroll-snap-align: start none;\n}\n.iui-table-body:last-child {\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell {\n  background-color: var(--surface-secondary);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]):hover .iui-table-cell {\n  background-color: var(--surface-secondary);\n}\n.iui-table-body > .iui-table-empty {\n  text-align: center;\n  position: sticky;\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n  padding: var(--spacing-large);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  color: var(--text-secondary);\n  background-color: var(--surface-primary);\n}\n.iui-table-body-extra {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.iui-table-body-extra[data-iui-loading=true] {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-cell {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  min-inline-size: var(--spacing-large);\n  padding: inherit;\n  flex-basis: var(--spacing-large);\n  position: relative;\n  word-break: break-word;\n}\n.iui-table-cell:first-of-type {\n  border-inline-start: solid 1px transparent;\n  border-end-start-radius: inherit;\n}\n.iui-table-cell:last-of-type {\n  border-inline-end: solid 1px transparent;\n}\n.iui-table-cell.iui-slot {\n  inline-size: calc(var(--spacing-large) * 2);\n  padding: 0;\n  flex-grow: 0;\n  min-inline-size: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-basis: calc(var(--spacing-large) * 2);\n  --iui-checkbox-target-size: 32px;\n}\n.iui-table-cell.iui-table-cell-sticky {\n  position: sticky;\n  z-index: 1;\n  inset-inline-start: var(--iui-table-sticky-left, initial);\n  inset-inline-end: var(--iui-table-sticky-right, initial);\n}\n.iui-table-cell:not(.iui-slot):last-child {\n  padding-inline-end: var(--spacing-medium);\n}\n.iui-table-cell[data-iui-status=positive]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--positive-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=warning]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--warning-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=negative]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--negative-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[contenteditable] {\n  outline-offset: -1px;\n}\n.iui-table-cell[contenteditable]:hover {\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell[contenteditable]:focus {\n  background-color: var(--surface-primary);\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell-shadow-left {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-start: 0;\n  transform: translate(-100%);\n  box-shadow: inset -10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-left {\n  inset-block: 0;\n}\n.iui-table-cell-shadow-right {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-end: 0;\n  transform: translate(100%);\n  box-shadow: inset 10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-right {\n  inset-block: 0;\n}\n.hx-table-pagination {\n  bottom: 0;\n  width: 100%;\n  margin: 0;\n  padding: var(--spacing-xs) 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  justify-content: space-between;\n  color: var(--text-secondary);\n  align-items: center;\n  user-select: none;\n  height: var(--spacing-xl);\n  background-color: var(--surface-primary);\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n  border-block-start: 1px solid var(--divider-primary);\n}\n.hx-table-pagination .pagination-left,\n.hx-table-pagination .pagination-right {\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-inline-size: 0;\n}\n.hx-table-pagination .pagination-left {\n  flex: 3;\n}\n.hx-table-pagination .pagination-label {\n  margin-right: 8px;\n}\n.hx-table-pagination .pagination-selected {\n  margin-left: 8px;\n}\n.hx-table-pagination .pagination-right {\n  flex: 1;\n}\n.hx-table-pagination-ellipsis {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-ellipsis-small {\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-pages-group {\n  display: inline-flex;\n  align-items: center;\n  margin-inline: var(--spacing-xs);\n}\n.hx-table-pagination-page-button[data-iui-active=true] {\n  --_iui-button-active-stripe-inset-block: calc(\n    100% - 2px 1px\n  );\n  --_iui-button-active-stripe-inset-inline: 1px;\n}\n.iui-table-column-filter {\n  padding: var(--spacing-s);\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--spacing-s);\n}\n.iui-table-column-filter > .iui-input-grid:not([data-iui-label-placement=inline]) {\n  inline-size: 100%;\n}\n.iui-table-column-filter > .iui-button-bar {\n  display: flex;\n  inline-size: 100%;\n  align-content: center;\n  gap: var(--spacing-xs);\n}\n.iui-table-column-filter > .iui-button-bar > .iui-button:first-of-type {\n  margin-inline-start: auto;\n}';!function(i){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0fbe4a44610c_0_0_99";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(i))}(i);export{i as default};
 //# sourceMappingURL=table.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tabs/Tab/Tab.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper",divider:"divider",tabInner:"tabInner",tabIcon:"tabIcon",right:"right",tabFocusVisibleInset:"tabFocusVisibleInset",active:"active",filled:"filled",underlined:"underlined",disabled:"disabled"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],e="s_id-320bb98d08f1_0_0_98";if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}('.tabWrapper {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid;\n  border-bottom-color: transparent;\n  color: var(--text-primary);\n  text-align: center;\n  height: 100%;\n}\n\n.divider {\n  margin: 0;\n}\n\n.tabWrapper:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper .tabInner {\n  height: calc(auto - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 8px;\n  margin: 0;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--text-secondary);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-radius: var(--border-radius-medium);\n}\n\n.tabWrapper .tabInner:focus {\n  outline: none;\n}\n\n.tabWrapper .tabInner .tabIcon {\n  color: var(--icon-primary);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper .tabInner .tabIcon.right {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper.tabFocusVisibleInset {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper.active .tabInner {\n  color: var(--text-primary);\n}\n\n.tabWrapper.active.filled .tabInner {\n  color: var(--text-primary);\n  background-color: var(--surface-secondary);\n}\n\n.tabWrapper.active.underlined:after {\n  transform: scaleX(1);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-bottom-color: var(--divider-selected);\n}\n\n.tabWrapper.disabled .tabInner {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper:not(.disabled) .tabInner:hover {\n  background-color: var(--surface-secondary);\n  color: var(--text-primary);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper",divider:"divider",tabInner:"tabInner",tabIcon:"tabIcon",right:"right",tabFocusVisibleInset:"tabFocusVisibleInset",active:"active",filled:"filled",underlined:"underlined",disabled:"disabled"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],e="s_id-320bb98d08f1_0_0_99";if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}('.tabWrapper {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid;\n  border-bottom-color: transparent;\n  color: var(--text-primary);\n  text-align: center;\n  height: 100%;\n}\n\n.divider {\n  margin: 0;\n}\n\n.tabWrapper:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper .tabInner {\n  height: calc(auto - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 8px;\n  margin: 0;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--text-secondary);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-radius: var(--border-radius-medium);\n}\n\n.tabWrapper .tabInner:focus {\n  outline: none;\n}\n\n.tabWrapper .tabInner .tabIcon {\n  color: var(--icon-primary);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper .tabInner .tabIcon.right {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper.tabFocusVisibleInset {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper.active .tabInner {\n  color: var(--text-primary);\n}\n\n.tabWrapper.active.filled .tabInner {\n  color: var(--text-primary);\n  background-color: var(--surface-secondary);\n}\n\n.tabWrapper.active.underlined:after {\n  transform: scaleX(1);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-bottom-color: var(--divider-selected);\n}\n\n.tabWrapper.disabled .tabInner {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper:not(.disabled) .tabInner:hover {\n  background-color: var(--surface-secondary);\n  color: var(--text-primary);\n}');export{n as default};
 //# sourceMappingURL=Tab.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tabs/TabList/TabList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={tabsWrapper:"tabsWrapper",noPadding:"noPadding",divider:"divider",tabsList:"tabsList",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-4efa8d82c741_0_0_98";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(t))}(".tabsWrapper {\n  padding-bottom: 20px;\n}\n.tabsWrapper.noPadding {\n  padding-bottom: 0;\n}\n.divider {\n  margin: 0;\n}\n.tabsWrapper .tabsList {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 38px;\n  outline: none;\n  padding: 0;\n}\n.tabsWrapper .tabsList.sm {\n  height: 32px;\n}\n.tabsWrapper .tabsList.lg {\n  height: 48px;\n}\n.tabsWrapper.stretched .tabsList {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n  width: 100%;\n}\n.tabsWrapper.disabled {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{t as default};
+var t={tabsWrapper:"tabsWrapper",noPadding:"noPadding",divider:"divider",tabsList:"tabsList",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-4efa8d82c741_0_0_99";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(t))}(".tabsWrapper {\n  padding-bottom: 20px;\n}\n.tabsWrapper.noPadding {\n  padding-bottom: 0;\n}\n.divider {\n  margin: 0;\n}\n.tabsWrapper .tabsList {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 38px;\n  outline: none;\n  padding: 0;\n}\n.tabsWrapper .tabsList.sm {\n  height: 32px;\n}\n.tabsWrapper .tabsList.lg {\n  height: 48px;\n}\n.tabsWrapper.stretched .tabsList {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n  width: 100%;\n}\n.tabsWrapper.disabled {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{t as default};
 //# sourceMappingURL=TabList.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tabs/TabPanel/TabPanel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],r="s_id-273ab46c126d_0_0_98";if(t.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".tabPanelWrapper {\n  color: var(--text-primary);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],r="s_id-273ab46c126d_0_0_99";if(t.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".tabPanelWrapper {\n  color: var(--text-primary);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tabs/TabPanels/TabPanels.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={tabPanelsWrapper:"tabPanelsWrapper",tabPanel:"tabPanel",animationDirectionRtl:"animationDirectionRtl",animationDirectionLtr:"animationDirectionLtr",active:"active",panelSlideIn:"panelSlideIn"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-078bacbdb1e4_0_0_98";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".tabPanelsWrapper .tabPanel {\n  display: none;\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionRtl {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionLtr {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper .tabPanel.active {\n  display: block;\n  animation: panelSlideIn var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
+var n={tabPanelsWrapper:"tabPanelsWrapper",tabPanel:"tabPanel",animationDirectionRtl:"animationDirectionRtl",animationDirectionLtr:"animationDirectionLtr",active:"active",panelSlideIn:"panelSlideIn"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-078bacbdb1e4_0_0_99";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".tabPanelsWrapper .tabPanel {\n  display: none;\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionRtl {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionLtr {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper .tabPanel.active {\n  display: block;\n  animation: panelSlideIn var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tags/Tags.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",tags:"tags","tags-pop-in-emphasized":"tags-pop-in-emphasized",border:"border",withUserSelect:"withUserSelect",label:"label",noAnimation:"noAnimation",withClose:"withClose",icon:"icon",avatar:"avatar",customRenderer:"customRenderer",left:"left",right:"right",close:"close",defaultCursor:"defaultCursor"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-255e1337a511_0_0_98";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".clickable {\n  cursor: pointer;\n}\n.clickable:focus-visible, .clickable.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.clickable.disabled {\n  cursor: default;\n}\n.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.tags {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--tags-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--text-primary);\n  animation: tags-pop-in-emphasized var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.tags.border {\n  border: 1px solid var(--surface-primary);\n}\n.tags.withUserSelect {\n  user-select: text;\n  cursor: text;\n}\n.tags .label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tags.noAnimation {\n  animation: none;\n}\n.tags.withClose {\n  padding-right: var(--spacing-xs);\n}\n.tags .icon,\n.tags .avatar,\n.tags .customRenderer {\n  min-width: 18px;\n}\n.tags .icon.left,\n.tags .avatar.left,\n.tags .customRenderer.left {\n  margin-right: var(--spacing-xs);\n}\n.tags .icon.right,\n.tags .avatar.right,\n.tags .customRenderer.right {\n  margin-left: var(--spacing-xs);\n}\n.tags .icon.close,\n.tags .avatar.close,\n.tags .customRenderer.close {\n  margin-left: var(--spacing-xs);\n  color: var(--text-secondary);\n}\n.tags.disabled .icon {\n  color: var(--disabled-text-color);\n}\n.tags.disabled .label {\n  color: var(--disabled-text-color);\n}\n.tags.defaultCursor {\n  cursor: default;\n}\n.tags.clickable {\n  cursor: pointer;\n}\n.tags.clickable:focus-visible, .tags.clickable.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tags.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.tags.clickable.disabled {\n  cursor: default;\n}\n.tags.clickable.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes tags-pop-in-emphasized {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
+var e={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",tags:"tags","tags-pop-in-emphasized":"tags-pop-in-emphasized",border:"border",withUserSelect:"withUserSelect",label:"label",noAnimation:"noAnimation",withClose:"withClose",icon:"icon",avatar:"avatar",customRenderer:"customRenderer",left:"left",right:"right",close:"close",defaultCursor:"defaultCursor"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-255e1337a511_0_0_99";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".clickable {\n  cursor: pointer;\n}\n.clickable:focus-visible, .clickable.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.clickable.disabled {\n  cursor: default;\n}\n.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.tags {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--tags-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--text-primary);\n  animation: tags-pop-in-emphasized var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.tags.border {\n  border: 1px solid var(--surface-primary);\n}\n.tags.withUserSelect {\n  user-select: text;\n  cursor: text;\n}\n.tags .label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tags.noAnimation {\n  animation: none;\n}\n.tags.withClose {\n  padding-right: var(--spacing-xs);\n}\n.tags .icon,\n.tags .avatar,\n.tags .customRenderer {\n  min-width: 18px;\n}\n.tags .icon.left,\n.tags .avatar.left,\n.tags .customRenderer.left {\n  margin-right: var(--spacing-xs);\n}\n.tags .icon.right,\n.tags .avatar.right,\n.tags .customRenderer.right {\n  margin-left: var(--spacing-xs);\n}\n.tags .icon.close,\n.tags .avatar.close,\n.tags .customRenderer.close {\n  margin-left: var(--spacing-xs);\n  color: var(--text-secondary);\n}\n.tags.disabled .icon {\n  color: var(--disabled-text-color);\n}\n.tags.disabled .label {\n  color: var(--disabled-text-color);\n}\n.tags.defaultCursor {\n  cursor: default;\n}\n.tags.clickable {\n  cursor: pointer;\n}\n.tags.clickable:focus-visible, .tags.clickable.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tags.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.tags.clickable.disabled {\n  cursor: default;\n}\n.tags.clickable.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes tags-pop-in-emphasized {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
 //# sourceMappingURL=Tags.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Text/Text.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text:"text"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0b8dab5fe88c_0_0_98";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))}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\np:first-of-type.text {\n  margin-block: 0;\n}\n\np.text + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text:"text"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0b8dab5fe88c_0_0_99";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))}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\np:first-of-type.text {\n  margin-block: 0;\n}\n\np.text + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/TextAreaField/TextAreaField.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={textAreaField:"textAreaField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",textAreaInputWrapper:"textAreaInputWrapper",textAreaInput:"textAreaInput",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",loaderContainer:"loaderContainer",loader:"loader",loaderSvg:"loaderSvg"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],r="s_id-6b6b504bb2b1_0_0_98";if(t.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".textAreaField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  white-space: pre-wrap;\n  width: 100%;\n}\n\n.textAreaField * {\n  box-sizing: border-box;\n}\n\n.textAreaField .labelWrapper {\n  width: 100%;\n}\n\n.textAreaField .subTextContainer {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textAreaField .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textAreaField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper {\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper .textAreaInput {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--surface-secondary);\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper .textAreaInput::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textAreaField .textAreaInputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--surface-secondary);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: var(--spacing-small) var(--spacing-medium);\n  color: var(--text-primary);\n  font-family: var(--font-family);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.inputHover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper .textAreaInput:active,\n.textAreaField .textAreaInputWrapper .textAreaInput.inputActive {\n  border-color: var(--divider-secondary);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput::placeholder {\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.round {\n  border-radius: 50px;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.square {\n  border-radius: 0;\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation:hover .textAreaInput {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput:active {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation:hover .textAreaInput {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput:active {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper:hover .textAreaInput {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--text-secondary);\n}");export{e as default};
+var e={textAreaField:"textAreaField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",textAreaInputWrapper:"textAreaInputWrapper",textAreaInput:"textAreaInput",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",loaderContainer:"loaderContainer",loader:"loader",loaderSvg:"loaderSvg"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],r="s_id-6b6b504bb2b1_0_0_99";if(t.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".textAreaField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  white-space: pre-wrap;\n  width: 100%;\n}\n\n.textAreaField * {\n  box-sizing: border-box;\n}\n\n.textAreaField .labelWrapper {\n  width: 100%;\n}\n\n.textAreaField .subTextContainer {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textAreaField .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textAreaField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper {\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper .textAreaInput {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--surface-secondary);\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper .textAreaInput::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textAreaField .textAreaInputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--surface-secondary);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: var(--spacing-small) var(--spacing-medium);\n  color: var(--text-primary);\n  font-family: var(--font-family);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.inputHover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper .textAreaInput:active,\n.textAreaField .textAreaInputWrapper .textAreaInput.inputActive {\n  border-color: var(--divider-secondary);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput::placeholder {\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.round {\n  border-radius: 50px;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.square {\n  border-radius: 0;\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation:hover .textAreaInput {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput:active {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation:hover .textAreaInput {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput:active {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper:hover .textAreaInput {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--text-secondary);\n}");export{e as default};
 //# sourceMappingURL=TextAreaField.module.scss.js.map