@heliux-org/design-system-core 0.0.314 → 0.0.316

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

@@ -1,2 +1,2 @@
-var n={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",tags:"tags",withUserSelect:"withUserSelect",label:"label",noAnimation:"noAnimation",withClose:"withClose",icon:"icon",avatar:"avatar",customRenderer:"customRenderer",left:"left",right:"right",close:"close",defaultCursor:"defaultCursor","tags-pop-in-emphasized":"tags-pop-in-emphasized"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-12dea373fdf9_0_0_314";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".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 6px;\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}\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  color: inherit;\n}\n.tags .icon.left,\n.tags .avatar.left,\n.tags .customRenderer.left {\n  margin-right: var(--spacing-xs);\n  margin-left: -2px;\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: inherit;\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{n as default};
+var n={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",tags:"tags",withUserSelect:"withUserSelect",label:"label",noAnimation:"noAnimation",withClose:"withClose",icon:"icon",avatar:"avatar",customRenderer:"customRenderer",left:"left",right:"right",close:"close",defaultCursor:"defaultCursor","tags-pop-in-emphasized":"tags-pop-in-emphasized"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-12dea373fdf9_0_0_316";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".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 6px;\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}\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  color: inherit;\n}\n.tags .icon.left,\n.tags .avatar.left,\n.tags .customRenderer.left {\n  margin-right: var(--spacing-xs);\n  margin-left: -2px;\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: inherit;\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{n as default};
 //# sourceMappingURL=Tags.module.scss.js.map

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

@@ -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_314";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_316";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".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

@@ -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-c64bc0b5511c_0_0_314";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-level-200);\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-level-050);\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-c64bc0b5511c_0_0_316";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-level-200);\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-level-050);\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

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

@@ -1,2 +1,2 @@
-var n={textField:"textField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",inputWrapper:"inputWrapper",input:"input",iconContainer:"iconContainer",iconContainerHasIcon:"iconContainerHasIcon",readOnly:"readOnly",withReadOnlyStyle:"withReadOnlyStyle",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",onlyUnderline:"onlyUnderline",iconContainerActive:"iconContainerActive",iconContainerClickable:"iconContainerClickable",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",wrapperSizeSmall:"wrapperSizeSmall",inputWrapperSizeSmall:"inputWrapperSizeSmall",wrapperSizeMedium:"wrapperSizeMedium",wrapperSizeLarge:"wrapperSizeLarge",loaderContainer:"loaderContainer",loaderContainerHasIcon:"loaderContainerHasIcon",loader:"loader",loaderSvg:"loaderSvg",datePickerWrapper:"datePickerWrapper",datePickerEnter:"datePickerEnter",datePickerEnterActive:"datePickerEnterActive",datePickerExit:"datePickerExit",datePickerExitActive:"datePickerExitActive",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-4ae9c7654a58_0_0_314";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".textField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField * {\n  box-sizing: border-box;\n}\n\n.textField .labelWrapper {\n  width: 100%;\n}\n\n.textField .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.textField .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField.disabled .inputWrapper .iconContainer.iconContainerHasIcon:hover {\n  background-color: transparent;\n}\n\n.textField .inputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textField .inputWrapper .input {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--surface-level-050);\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-small);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--text-primary);\n}\n\n.textField .inputWrapper .input.readOnly.withReadOnlyStyle {\n  background-color: var(--surface-level-400);\n  border: none;\n}\n\n.textField .inputWrapper .input.inputHover {\n  border-color: var(--divider-selected);\n  color: var(--text-primary);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textField .inputWrapper .input:focus,\n.textField .inputWrapper .input:active,\n.textField .inputWrapper .input.inputActive {\n  border-color: var(--divider-secondary);\n}\n\n.textField .inputWrapper .input::placeholder {\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.textField .inputWrapper .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper .input.round {\n  border-radius: 50px;\n}\n\n.textField .inputWrapper .input.square {\n  border-radius: 0;\n}\n\n.textField .inputWrapper .input.onlyUnderline {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField .inputWrapper .iconContainer {\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  border-radius: var(--border-radius-medium);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField .inputWrapper .iconContainer {\n  -webkit-appearance: none;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon.iconContainerClickable {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon:not(.iconContainerClickable) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive {\n  opacity: 1;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive .icon {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField .inputWrapper.inputErrorValidation:hover .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input:focus,\n.textField .inputWrapper.inputErrorValidation .input:active {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon:hover {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation:hover .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input:focus,\n.textField .inputWrapper.inputSuccessValidation .input:active {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon:hover {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.wrapperSizeSmall {\n  height: 32px;\n}\n\n.textField .inputWrapper.wrapperSizeSmall .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.inputWrapperSizeSmall .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeMedium {\n  height: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon.onlyUnderline {\n  padding-left: 4px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer:hover + .iconContainer + .input {\n  border-color: var(--text-primary);\n}\n\n.textField .inputWrapper.wrapperSizeLarge {\n  height: 48px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer {\n  height: 40px;\n  width: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper:hover .input {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textField .inputWrapper .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.textField .inputWrapper .loaderContainer.loaderContainerHasIcon {\n  right: 32px;\n}\n\n.textField .inputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textField .inputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--text-secondary);\n}\n\n.textField .inputWrapper .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}\n\n.datePickerWrapper {\n  position: relative;\n}\n\n.datePickerEnter {\n  opacity: 0;\n  transform: scale(0.9) translateY(-10px);\n}\n\n.datePickerEnterActive {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n  transition: opacity 300ms, transform 300ms;\n}\n\n.datePickerExit {\n  opacity: 1;\n}\n\n.datePickerExitActive {\n  opacity: 0;\n  transition: opacity 300ms;\n}\n\n.input.active {\n  border-color: var(--primary-color);\n}");export{n as default};
+var n={textField:"textField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",inputWrapper:"inputWrapper",input:"input",iconContainer:"iconContainer",iconContainerHasIcon:"iconContainerHasIcon",readOnly:"readOnly",withReadOnlyStyle:"withReadOnlyStyle",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",onlyUnderline:"onlyUnderline",iconContainerActive:"iconContainerActive",iconContainerClickable:"iconContainerClickable",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",wrapperSizeSmall:"wrapperSizeSmall",inputWrapperSizeSmall:"inputWrapperSizeSmall",wrapperSizeMedium:"wrapperSizeMedium",wrapperSizeLarge:"wrapperSizeLarge",loaderContainer:"loaderContainer",loaderContainerHasIcon:"loaderContainerHasIcon",loader:"loader",loaderSvg:"loaderSvg",datePickerWrapper:"datePickerWrapper",datePickerEnter:"datePickerEnter",datePickerEnterActive:"datePickerEnterActive",datePickerExit:"datePickerExit",datePickerExitActive:"datePickerExitActive",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-4ae9c7654a58_0_0_316";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".textField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField * {\n  box-sizing: border-box;\n}\n\n.textField .labelWrapper {\n  width: 100%;\n}\n\n.textField .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.textField .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField.disabled .inputWrapper .iconContainer.iconContainerHasIcon:hover {\n  background-color: transparent;\n}\n\n.textField .inputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textField .inputWrapper .input {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--surface-level-050);\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-small);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--text-primary);\n}\n\n.textField .inputWrapper .input.readOnly.withReadOnlyStyle {\n  background-color: var(--surface-level-400);\n  border: none;\n}\n\n.textField .inputWrapper .input.inputHover {\n  border-color: var(--divider-selected);\n  color: var(--text-primary);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textField .inputWrapper .input:focus,\n.textField .inputWrapper .input:active,\n.textField .inputWrapper .input.inputActive {\n  border-color: var(--divider-secondary);\n}\n\n.textField .inputWrapper .input::placeholder {\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.textField .inputWrapper .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper .input.round {\n  border-radius: 50px;\n}\n\n.textField .inputWrapper .input.square {\n  border-radius: 0;\n}\n\n.textField .inputWrapper .input.onlyUnderline {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField .inputWrapper .iconContainer {\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  border-radius: var(--border-radius-medium);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField .inputWrapper .iconContainer {\n  -webkit-appearance: none;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon.iconContainerClickable {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon:not(.iconContainerClickable) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive {\n  opacity: 1;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive .icon {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField .inputWrapper.inputErrorValidation:hover .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input:focus,\n.textField .inputWrapper.inputErrorValidation .input:active {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon:hover {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation:hover .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input:focus,\n.textField .inputWrapper.inputSuccessValidation .input:active {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon:hover {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.wrapperSizeSmall {\n  height: 32px;\n}\n\n.textField .inputWrapper.wrapperSizeSmall .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.inputWrapperSizeSmall .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeMedium {\n  height: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon.onlyUnderline {\n  padding-left: 4px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer:hover + .iconContainer + .input {\n  border-color: var(--text-primary);\n}\n\n.textField .inputWrapper.wrapperSizeLarge {\n  height: 48px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer {\n  height: 40px;\n  width: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper:hover .input {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textField .inputWrapper .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.textField .inputWrapper .loaderContainer.loaderContainerHasIcon {\n  right: 32px;\n}\n\n.textField .inputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textField .inputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--text-secondary);\n}\n\n.textField .inputWrapper .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}\n\n.datePickerWrapper {\n  position: relative;\n}\n\n.datePickerEnter {\n  opacity: 0;\n  transform: scale(0.9) translateY(-10px);\n}\n\n.datePickerEnterActive {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n  transition: opacity 300ms, transform 300ms;\n}\n\n.datePickerExit {\n  opacity: 1;\n}\n\n.datePickerExitActive {\n  opacity: 0;\n  transition: opacity 300ms;\n}\n\n.input.active {\n  border-color: var(--primary-color);\n}");export{n as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper",highlightText:"highlightText",withEllipsis:"withEllipsis"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-f6830ac28dd4_0_0_314";if(t.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".textWithHighlightWrapper {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper em.highlightText {\n  background-color: var(--surface-selected);\n  color: var(--text-primary);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper.withEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
+var e={textWithHighlightWrapper:"textWithHighlightWrapper",highlightText:"highlightText",withEllipsis:"withEllipsis"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-f6830ac28dd4_0_0_316";if(t.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".textWithHighlightWrapper {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper em.highlightText {\n  background-color: var(--surface-selected);\n  color: var(--text-primary);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper.withEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
 //# sourceMappingURL=TextWithHighlight.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={timeline:"timeline"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-95c4ef7a860a_0_0_314";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))}(".timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}");export{e as default};
+var e={timeline:"timeline"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-95c4ef7a860a_0_0_316";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}");export{e as default};
 //# sourceMappingURL=Timeline.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Timeline/TimelineRow/TimelineRow.module.scss.js

@@ -1,2 +1,2 @@
-var e={timeline_row:"timeline_row",margin_description:"margin_description",user_name:"user_name",side_line:"side_line"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-87675a8fcc9c_0_0_314";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))}('.timeline_row {\n  max-width: 300px;\n}\n\n.margin_description {\n  margin-top: 0.5rem;\n}\n\n.user_name {\n  text-decoration: underline;\n  color: var(--text-link);\n  text-underline-offset: 0.2em;\n}\n\n.user_name:hover {\n  cursor: pointer;\n}\n\n.timeline_row {\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n}\n\n.side_line {\n  flex-grow: 1;\n  position: relative;\n}\n\n.side_line::before {\n  content: "";\n  position: absolute;\n  left: -18px;\n  top: 18px;\n  bottom: -22px;\n  width: 1px;\n  background-color: #e2e2e2;\n}');export{e as default};
+var e={timeline_row:"timeline_row",margin_description:"margin_description",user_name:"user_name",side_line:"side_line"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-87675a8fcc9c_0_0_316";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))}('.timeline_row {\n  max-width: 300px;\n}\n\n.margin_description {\n  margin-top: 0.5rem;\n}\n\n.user_name {\n  text-decoration: underline;\n  color: var(--text-link);\n  text-underline-offset: 0.2em;\n}\n\n.user_name:hover {\n  cursor: pointer;\n}\n\n.timeline_row {\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n}\n\n.side_line {\n  flex-grow: 1;\n  position: relative;\n}\n\n.side_line::before {\n  content: "";\n  position: absolute;\n  left: -18px;\n  top: 18px;\n  bottom: -22px;\n  width: 1px;\n  background-color: #e2e2e2;\n}');export{e as default};
 //# sourceMappingURL=TimelineRow.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth",floating:"floating",tipseenHeader:"tipseenHeader",tipseenTitle:"tipseenTitle",tipseenContent:"tipseenContent",tipseenCloseButton:"tipseenCloseButton",dark:"dark"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-104822b6d1ad_0_0_314";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))}(".tipseenWrapper {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n}\n.tipseenWrapperWithoutCustomWidth {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper.floating {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper .tipseenHeader {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper .tipseenTitle {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper .tipseenContent {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper .tipseenCloseButton {\n  position: absolute;\n  top: var(--spacing-xs);\n  right: var(--spacing-xs);\n  z-index: 2;\n}\n.tipseenWrapper .tipseenCloseButton.dark {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth",floating:"floating",tipseenHeader:"tipseenHeader",tipseenTitle:"tipseenTitle",tipseenContent:"tipseenContent",tipseenCloseButton:"tipseenCloseButton",dark:"dark"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-104822b6d1ad_0_0_316";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))}(".tipseenWrapper {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n}\n.tipseenWrapperWithoutCustomWidth {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper.floating {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper .tipseenHeader {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper .tipseenTitle {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper .tipseenContent {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper .tipseenCloseButton {\n  position: absolute;\n  top: var(--spacing-xs);\n  right: var(--spacing-xs);\n  z-index: 2;\n}\n.tipseenWrapper .tipseenCloseButton.dark {\n  color: var(--color-asphalt);\n}");export{e as default};
 //# sourceMappingURL=Tipseen.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenBasicContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d08982037ba9_0_0_314";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))}(".tipseenBasicContent {\n  padding: var(--spacing-medium);\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent:not(:first-child) {\n  padding-top: var(--spacing-small);\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d08982037ba9_0_0_316";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))}(".tipseenBasicContent {\n  padding: var(--spacing-medium);\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent:not(:first-child) {\n  padding-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenBasicContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={buttons:"buttons",dismiss:"dismiss"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-800a9f060939_0_0_314";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))}(".buttons {\n  margin-top: var(--spacing-medium);\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons",dismiss:"dismiss"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-800a9f060939_0_0_316";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))}(".buttons {\n  margin-top: var(--spacing-medium);\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss {\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenImage.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenImage:"tipseenImage"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5a749fe7aaee_0_0_314";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))}(".tipseenImage {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5a749fe7aaee_0_0_316";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".tipseenImage {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenImage.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-71e151b2b729_0_0_314";if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}(".tipseenMedia {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-71e151b2b729_0_0_316";if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}(".tipseenMedia {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenTitle.module.scss.js

@@ -1,2 +1,2 @@
-var e={title:"title"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-1b6c4903d434_0_0_314";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))}(".title {\n  padding-right: var(--spacing-medium);\n}");export{e as default};
+var e={title:"title"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-1b6c4903d434_0_0_316";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))}(".title {\n  padding-right: var(--spacing-medium);\n}");export{e as default};
 //# sourceMappingURL=TipseenTitle.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenWizard.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard",tipseenWizardWizard:"tipseenWizardWizard"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],i="s_id-98eba0c83d1f_0_0_314";if(d.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}(".tipseenWizard {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard",tipseenWizardWizard:"tipseenWizardWizard"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],i="s_id-98eba0c83d1f_0_0_316";if(d.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}(".tipseenWizard {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={iconAnimation:"iconAnimation",iconFadeInScale:"iconFadeInScale",toastContainer:"toastContainer",topRight:"topRight",bottomRight:"bottomRight",toast:"toast",scaleIn:"scaleIn",toastContent:"toastContent",noLeftIcon:"noLeftIcon",icon:"icon",typePositive:"typePositive",typeNegative:"typeNegative",typeWarning:"typeWarning",textContent:"textContent",textWrapper:"textWrapper",actions:"actions",closeButton:"closeButton",toastEnter:"toastEnter",toastEnterActive:"toastEnterActive",toastExit:"toastExit",toastExitActive:"toastExitActive",slideUp:"slideUp"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-8ea43714826c_0_0_314";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}("@keyframes scaleIn {\n  from {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes iconFadeInScale {\n  0% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n.iconAnimation {\n  animation: iconFadeInScale 0.3s ease-out 0.1s forwards;\n  opacity: 0;\n}\n.toastContainer {\n  position: fixed;\n  z-index: 9999999999;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  max-width: 500px;\n}\n.topRight {\n  top: 16px;\n  right: 16px;\n}\n.bottomRight {\n  bottom: 8px;\n  right: 16px;\n  flex-direction: column-reverse;\n}\n.toast {\n  position: absolute;\n  right: 0;\n  width: 100%;\n  max-width: 500px;\n  height: auto;\n  max-height: none;\n  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.04);\n  border: 1px solid var(--divider-primary, rgba(16, 24, 27, 0.1));\n  border-radius: var(--border-radius-full);\n  background-color: var(--surface-level-050);\n  transition: transform 0.3s ease-out, opacity 0.3s ease-out;\n  margin-bottom: 8px;\n  z-index: 9999999999;\n  animation: scaleIn 0.3s ease-out forwards;\n  transform-origin: top right;\n}\n.toastContent {\n  padding: var(--spacing-xs) var(--spacing-xs);\n  height: auto;\n  min-height: 100%;\n  animation: scaleIn 0.3s ease-out forwards;\n  transform-origin: top right;\n}\n.noLeftIcon {\n  padding: var(--spacing-xs) var(--spacing-medium);\n}\n.icon {\n  flex-shrink: 0;\n  height: 36px;\n  width: 36px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 2px;\n  border-radius: var(--border-radius-full);\n  background-color: var(--surface-level-200);\n}\n.typePositive .icon {\n  border: 1px solid var(--text-success);\n  background-color: transparent;\n}\n.typeNegative .icon {\n  border: 1px solid var(--text-alert);\n  background-color: transparent;\n}\n.typeWarning .icon {\n  border: 1px solid var(--text-warning);\n  background-color: transparent;\n}\n.textContent {\n  flex-grow: 1;\n  min-width: 0;\n  max-width: 100%;\n  overflow: visible;\n}\n.textWrapper {\n  white-space: normal;\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  hyphens: auto;\n  max-height: none;\n  display: block;\n  overflow: visible;\n  text-overflow: clip;\n  line-height: 1.3;\n  font-size: 14px;\n}\n.actions {\n  flex-shrink: 0;\n  margin-left: var(--spacing-small);\n}\n.closeButton {\n  flex-shrink: 0;\n  margin-left: var(--spacing-small);\n  color: var(--text-secondary);\n}\n.typePositive {\n  border-top: none;\n  color: var(--text-success);\n  background-color: var(--surface-success);\n}\n.typeNegative {\n  border-top: none;\n  color: var(--text-alert);\n  background-color: var(--surface-alert);\n}\n.typeWarning {\n  border-top: none;\n  color: var(--text-warning);\n  background-color: var(--surface-warning);\n}\n.toastEnter {\n  opacity: 0;\n  transform: translateY(20px) scale(0.8);\n}\n.toastEnterActive {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n  transition: opacity 400ms, transform 400ms;\n}\n.toastExit {\n  opacity: 1;\n  transform: translateX(0);\n}\n.toastExitActive {\n  opacity: 0;\n  transform: translateX(100%);\n  transition: opacity 400ms, transform 400ms;\n}\n@keyframes slideUp {\n  from {\n    transform: translateY(20px) scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0) scale(1);\n    opacity: 1;\n  }\n}\n.toast {\n  animation: slideUp 400ms ease-out;\n}");export{n as default};
+var n={iconAnimation:"iconAnimation",iconFadeInScale:"iconFadeInScale",toastContainer:"toastContainer",topRight:"topRight",bottomRight:"bottomRight",toast:"toast",scaleIn:"scaleIn",toastContent:"toastContent",noLeftIcon:"noLeftIcon",icon:"icon",typePositive:"typePositive",typeNegative:"typeNegative",typeWarning:"typeWarning",textContent:"textContent",textWrapper:"textWrapper",actions:"actions",closeButton:"closeButton",toastEnter:"toastEnter",toastEnterActive:"toastEnterActive",toastExit:"toastExit",toastExitActive:"toastExitActive",slideUp:"slideUp"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-8ea43714826c_0_0_316";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}("@keyframes scaleIn {\n  from {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes iconFadeInScale {\n  0% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n.iconAnimation {\n  animation: iconFadeInScale 0.3s ease-out 0.1s forwards;\n  opacity: 0;\n}\n.toastContainer {\n  position: fixed;\n  z-index: 9999999999;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  max-width: 500px;\n}\n.topRight {\n  top: 16px;\n  right: 16px;\n}\n.bottomRight {\n  bottom: 8px;\n  right: 16px;\n  flex-direction: column-reverse;\n}\n.toast {\n  position: absolute;\n  right: 0;\n  width: 100%;\n  max-width: 500px;\n  height: auto;\n  max-height: none;\n  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.04);\n  border: 1px solid var(--divider-primary, rgba(16, 24, 27, 0.1));\n  border-radius: var(--border-radius-full);\n  background-color: var(--surface-level-050);\n  transition: transform 0.3s ease-out, opacity 0.3s ease-out;\n  margin-bottom: 8px;\n  z-index: 9999999999;\n  animation: scaleIn 0.3s ease-out forwards;\n  transform-origin: top right;\n}\n.toastContent {\n  padding: var(--spacing-xs) var(--spacing-xs);\n  height: auto;\n  min-height: 100%;\n  animation: scaleIn 0.3s ease-out forwards;\n  transform-origin: top right;\n}\n.noLeftIcon {\n  padding: var(--spacing-xs) var(--spacing-medium);\n}\n.icon {\n  flex-shrink: 0;\n  height: 36px;\n  width: 36px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 2px;\n  border-radius: var(--border-radius-full);\n  background-color: var(--surface-level-200);\n}\n.typePositive .icon {\n  border: 1px solid var(--text-success);\n  background-color: transparent;\n}\n.typeNegative .icon {\n  border: 1px solid var(--text-alert);\n  background-color: transparent;\n}\n.typeWarning .icon {\n  border: 1px solid var(--text-warning);\n  background-color: transparent;\n}\n.textContent {\n  flex-grow: 1;\n  min-width: 0;\n  max-width: 100%;\n  overflow: visible;\n}\n.textWrapper {\n  white-space: normal;\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  hyphens: auto;\n  max-height: none;\n  display: block;\n  overflow: visible;\n  text-overflow: clip;\n  line-height: 1.3;\n  font-size: 14px;\n}\n.actions {\n  flex-shrink: 0;\n  margin-left: var(--spacing-small);\n}\n.closeButton {\n  flex-shrink: 0;\n  margin-left: var(--spacing-small);\n  color: var(--text-secondary);\n}\n.typePositive {\n  border-top: none;\n  color: var(--text-success);\n  background-color: var(--surface-success);\n}\n.typeNegative {\n  border-top: none;\n  color: var(--text-alert);\n  background-color: var(--surface-alert);\n}\n.typeWarning {\n  border-top: none;\n  color: var(--text-warning);\n  background-color: var(--surface-warning);\n}\n.toastEnter {\n  opacity: 0;\n  transform: translateY(20px) scale(0.8);\n}\n.toastEnterActive {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n  transition: opacity 400ms, transform 400ms;\n}\n.toastExit {\n  opacity: 1;\n  transform: translateX(0);\n}\n.toastExitActive {\n  opacity: 0;\n  transform: translateX(100%);\n  transition: opacity 400ms, transform 400ms;\n}\n@keyframes slideUp {\n  from {\n    transform: translateY(20px) scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0) scale(1);\n    opacity: 1;\n  }\n}\n.toast {\n  animation: slideUp 400ms ease-out;\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Toast/ToastLink/ToastLink.module.scss.js

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

package/dist/mocked_classnames_esm/src/components/Toggle/MockToggle.module.scss.js

@@ -1,2 +1,2 @@
-var e={toggle:"toggle","focus-visible":"focus-visible",selected:"selected",notSelected:"notSelected",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-a8996f35a816_0_0_314";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}('.toggle {\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  transition: all var(--motion-productive-medium) ease 0ms;\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: 24px;\n  width: 41px;\n  cursor: pointer;\n  border-radius: var(--border-radius-medium);\n}\n.toggle:focus-visible, .toggle.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.toggle:focus:not(.focus-visible) {\n  outline: none;\n}\n.toggle:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n.toggle::after {\n  background-color: var(--surface-level-100);\n  content: " ";\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--border-radius-medium);\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle.selected {\n  background-color: var(--primary-color);\n}\n.toggle.selected::after {\n  left: 20px;\n}\n.toggle.notSelected {\n  background-color: var(--divider-primary);\n}\n.toggle.notSelected::after {\n  left: 3px;\n}\n.toggle.disabled {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}');export{e as default};
+var e={toggle:"toggle","focus-visible":"focus-visible",selected:"selected",notSelected:"notSelected",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-a8996f35a816_0_0_316";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}('.toggle {\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  transition: all var(--motion-productive-medium) ease 0ms;\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: 24px;\n  width: 41px;\n  cursor: pointer;\n  border-radius: var(--border-radius-medium);\n}\n.toggle:focus-visible, .toggle.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.toggle:focus:not(.focus-visible) {\n  outline: none;\n}\n.toggle:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n.toggle::after {\n  background-color: var(--surface-level-100);\n  content: " ";\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--border-radius-medium);\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle.selected {\n  background-color: var(--primary-color);\n}\n.toggle.selected::after {\n  left: 20px;\n}\n.toggle.notSelected {\n  background-color: var(--divider-primary);\n}\n.toggle.notSelected::after {\n  left: 3px;\n}\n.toggle.disabled {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput","focus-visible":"focus-visible",wrapper:"wrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fb1f14d4bb9_0_0_314";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))}(".toggleInput:focus-visible ~ div, .toggleInput.focus-visible ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput","focus-visible":"focus-visible",wrapper:"wrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fb1f14d4bb9_0_0_316";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))}(".toggleInput:focus-visible ~ div, .toggleInput.focus-visible ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Toggle/ToggleText.module.scss.js

@@ -1,2 +1,2 @@
-var e={text:"text",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-6f1ea96d58a4_0_0_314";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))}(".text {\n  color: var(--text-primary);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-6f1ea96d58a4_0_0_316";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".text {\n  color: var(--text-primary);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={tooltip:"tooltip",tooltipWithContent:"tooltipWithContent",withMaxWidth:"withMaxWidth",image:"image",title:"title",content:"content",paddingSizeMd:"paddingSizeMd",tooltipWhiteLink:"tooltipWhiteLink",dark:"dark",arrow:"arrow",white:"white",primary:"primary",success:"success",surface:"surface",private:"private",share:"share",error:"error"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-30774305b9ce_0_0_314";if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(o))}(".tooltip {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-medium));\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  z-index: 10000000000000000 !important;\n}\n.tooltip.tooltipWithContent {\n  padding: unset;\n}\n.tooltip.withMaxWidth {\n  --tooltip-max-width: 240px;\n}\n.tooltip .image {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip .title {\n  font: var(--font-text2-bold);\n}\n.tooltip .content {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip.withMaxWidth {\n  --tooltip-max-width: 240px;\n}\n.tooltip.paddingSizeMd {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip a.tooltipWhiteLink {\n  color: #fff;\n}\n.dark,\n.arrow.dark {\n  background-color: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.white,\n.arrow.white {\n  background-color: var(--color-snow_white);\n  color: var(--color-orange-dark);\n  box-shadow: var(--box-shadow-medium);\n}\n.primary,\n.arrow.primary {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.success,\n.arrow.success {\n  background-color: var(--positive-color-background);\n  color: var(--text-color-on-primary);\n}\n.surface,\n.arrow.surface {\n  background-color: #5b607a;\n  color: var(--color-snow_white);\n}\n.private,\n.arrow.private {\n  background-color: var(--negative-color-background);\n  color: var(--text-color-on-primary);\n}\n.share,\n.arrow.share {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.error,\n.arrow.error {\n  background-color: var(--negative-color-background);\n  color: var(--text-color-on-primary);\n}");export{o as default};
+var o={tooltip:"tooltip",tooltipWithContent:"tooltipWithContent",withMaxWidth:"withMaxWidth",image:"image",title:"title",content:"content",paddingSizeMd:"paddingSizeMd",tooltipWhiteLink:"tooltipWhiteLink",dark:"dark",arrow:"arrow",white:"white",primary:"primary",success:"success",surface:"surface",private:"private",share:"share",error:"error"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-30774305b9ce_0_0_316";if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(o))}(".tooltip {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-medium));\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  z-index: 10000000000000000 !important;\n}\n.tooltip.tooltipWithContent {\n  padding: unset;\n}\n.tooltip.withMaxWidth {\n  --tooltip-max-width: 240px;\n}\n.tooltip .image {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip .title {\n  font: var(--font-text2-bold);\n}\n.tooltip .content {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip.withMaxWidth {\n  --tooltip-max-width: 240px;\n}\n.tooltip.paddingSizeMd {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip a.tooltipWhiteLink {\n  color: #fff;\n}\n.dark,\n.arrow.dark {\n  background-color: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.white,\n.arrow.white {\n  background-color: var(--color-snow_white);\n  color: var(--color-orange-dark);\n  box-shadow: var(--box-shadow-medium);\n}\n.primary,\n.arrow.primary {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.success,\n.arrow.success {\n  background-color: var(--positive-color-background);\n  color: var(--text-color-on-primary);\n}\n.surface,\n.arrow.surface {\n  background-color: #5b607a;\n  color: var(--color-snow_white);\n}\n.private,\n.arrow.private {\n  background-color: var(--negative-color-background);\n  color: var(--text-color-on-primary);\n}\n.share,\n.arrow.share {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.error,\n.arrow.error {\n  background-color: var(--negative-color-background);\n  color: var(--text-color-on-primary);\n}");export{o as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={navbar:"navbar",sticky:"sticky",navContainer:"navContainer",logo:"logo",itemList:"itemList",active:"active",navButton:"navButton",profile:"profile",navbarAvatar:"navbarAvatar",notifications:"notifications",navbarCounter:"navbarCounter",userInfo:"userInfo",username:"username",email:"email",logout:"logout",dialog:"dialog",hover:"hover"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-c6256fe04a8a_0_0_314";if(e.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".navbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 46px;\n  padding: 0 14px;\n  color: var(--text-secondary);\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background-color: var(--surface-level-100);\n}\n\n.navContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  z-index: 100;\n  max-width: fit-content;\n  margin: auto;\n  width: 100%;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n}\n\n.navContainer button {\n  margin-top: -2px;\n}\n\n.logo {\n  display: flex;\n  align-items: center;\n  height: 24px;\n  border: 1px solid var(--divider-primary);\n  border-radius: 6px;\n  padding: 2px 4px;\n  margin: 1px 2px 0px;\n  font-size: 14px;\n  color: var(--text-secondary);\n  font-weight: 500;\n}\n\n.logo svg {\n  margin-right: 4px;\n}\n\nul.itemList {\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 4px;\n}\n\nul.itemList li {\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  border-radius: var(--border-radius-medium);\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList li a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 4px 10px;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList li a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\nul.itemList .active {\n  color: var(--text-primary) !important;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-xs);\n  border: 1px solid var(--divider-overlay);\n}\n\n.navButton {\n  display: flex;\n  align-items: center;\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  background: var(--surface-level-100);\n  border-radius: 50px;\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 2px 8px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\n.navButton a svg {\n  margin-right: 2px;\n}\n\n.profile {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n.profile .navbarAvatar {\n  margin-left: 4px;\n}\n\n.notifications {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.navbarAvatar {\n  margin: 0px 0px 0px 2px;\n}\n\n.navbarCounter {\n  display: flex;\n  margin-left: -6px;\n  position: relative;\n  z-index: 99;\n}\n\n.userInfo {\n  display: flex;\n  align-items: center;\n  padding: 8px;\n  gap: 8px;\n  min-width: 240px;\n}\n\n.username {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.email {\n  font-size: 12px;\n  color: var(--text-secondary);\n}\n\n.logout {\n  padding: 0px 4px 10px 15px;\n  color: var(--color-solar-flare-700);\n}\n\n.dialog {\n  padding: 0;\n  border-radius: 6px;\n}\n\n.hover {\n  cursor: pointer;\n}\n\n@media (max-width: 999px) {\n  .navContainer {\n    display: none;\n  }\n}");export{n as default};
+var n={navbar:"navbar",sticky:"sticky",navContainer:"navContainer",logo:"logo",itemList:"itemList",active:"active",navButton:"navButton",profile:"profile",navbarAvatar:"navbarAvatar",notifications:"notifications",navbarCounter:"navbarCounter",userInfo:"userInfo",username:"username",email:"email",logout:"logout",dialog:"dialog",hover:"hover"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-c6256fe04a8a_0_0_316";if(e.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".navbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 46px;\n  padding: 0 14px;\n  color: var(--text-secondary);\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background-color: var(--surface-level-100);\n}\n\n.navContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  z-index: 100;\n  max-width: fit-content;\n  margin: auto;\n  width: 100%;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n}\n\n.navContainer button {\n  margin-top: -2px;\n}\n\n.logo {\n  display: flex;\n  align-items: center;\n  height: 24px;\n  border: 1px solid var(--divider-primary);\n  border-radius: 6px;\n  padding: 2px 4px;\n  margin: 1px 2px 0px;\n  font-size: 14px;\n  color: var(--text-secondary);\n  font-weight: 500;\n}\n\n.logo svg {\n  margin-right: 4px;\n}\n\nul.itemList {\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 4px;\n}\n\nul.itemList li {\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  border-radius: var(--border-radius-medium);\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList li a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 4px 10px;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList li a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\nul.itemList .active {\n  color: var(--text-primary) !important;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-xs);\n  border: 1px solid var(--divider-overlay);\n}\n\n.navButton {\n  display: flex;\n  align-items: center;\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  background: var(--surface-level-100);\n  border-radius: 50px;\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 2px 8px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\n.navButton a svg {\n  margin-right: 2px;\n}\n\n.profile {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n.profile .navbarAvatar {\n  margin-left: 4px;\n}\n\n.notifications {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.navbarAvatar {\n  margin: 0px 0px 0px 2px;\n}\n\n.navbarCounter {\n  display: flex;\n  margin-left: -6px;\n  position: relative;\n  z-index: 99;\n}\n\n.userInfo {\n  display: flex;\n  align-items: center;\n  padding: 8px;\n  gap: 8px;\n  min-width: 240px;\n}\n\n.username {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.email {\n  font-size: 12px;\n  color: var(--text-secondary);\n}\n\n.logout {\n  padding: 0px 4px 10px 15px;\n  color: var(--color-solar-flare-700);\n}\n\n.dialog {\n  padding: 0;\n  border-radius: 6px;\n}\n\n.hover {\n  cursor: pointer;\n}\n\n@media (max-width: 999px) {\n  .navContainer {\n    display: none;\n  }\n}");export{n as default};
 //# sourceMappingURL=TopNavigationBar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js

@@ -1,2 +1,2 @@
-var e={notificationContainer:"notificationContainer",header:"header"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ab96a526747c_0_0_314";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))}(".notificationContainer {\n  padding: 14px 16px;\n  border-radius: 4px;\n  min-width: 320px;\n  min-height: 400px;\n}\n\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-bottom: 16px;\n  margin-bottom: 15px;\n  font-weight: 600;\n}");export{e as default};
+var e={notificationContainer:"notificationContainer",header:"header"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ab96a526747c_0_0_316";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))}(".notificationContainer {\n  padding: 14px 16px;\n  border-radius: 4px;\n  min-width: 320px;\n  min-height: 400px;\n}\n\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-bottom: 16px;\n  margin-bottom: 15px;\n  font-weight: 600;\n}");export{e as default};
 //# sourceMappingURL=Notification.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/NotificationItem/NotificationItem.module.scss.js

@@ -1,2 +1,2 @@
-var t={item:"item",content:"content",type:"type",title:"title",date:"date",NotificationStatus:"NotificationStatus"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7d6f9538aabb_0_0_314";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".item {\n  display: flex;\n  padding: 20px 10px;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  text-decoration: none !important;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.item:hover {\n  background-color: var(--surface-level-200);\n  text-decoration: none !important;\n}\n.content {\n  display: flex;\n  flex-direction: column;\n  text-wrap: balance;\n  text-decoration: none;\n}\n.type {\n  color: var(--text-secondary);\n  font-size: 14px;\n  margin: 0 0 8px;\n}\n.title {\n  color: var(--text-primary);\n  font-size: 16px;\n  font-weight: 600;\n  width: 80%;\n  margin-bottom: 10px;\n}\n.date {\n  color: var(--text-secondary);\n  font-size: 12px;\n}\n.NotificationStatus {\n  margin: 8px -2px 12px;\n}");export{t as default};
+var t={item:"item",content:"content",type:"type",title:"title",date:"date",NotificationStatus:"NotificationStatus"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7d6f9538aabb_0_0_316";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".item {\n  display: flex;\n  padding: 20px 10px;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  text-decoration: none !important;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.item:hover {\n  background-color: var(--surface-level-200);\n  text-decoration: none !important;\n}\n.content {\n  display: flex;\n  flex-direction: column;\n  text-wrap: balance;\n  text-decoration: none;\n}\n.type {\n  color: var(--text-secondary);\n  font-size: 14px;\n  margin: 0 0 8px;\n}\n.title {\n  color: var(--text-primary);\n  font-size: 16px;\n  font-weight: 600;\n  width: 80%;\n  margin-bottom: 10px;\n}\n.date {\n  color: var(--text-secondary);\n  font-size: 12px;\n}\n.NotificationStatus {\n  margin: 8px -2px 12px;\n}");export{t as default};
 //# sourceMappingURL=NotificationItem.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFile/TreeFile.scss.js

@@ -1,2 +1,2 @@
-var n=".file-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n  border-radius: 6px;\n  margin-bottom: 4px;\n}\n.file-container:hover, .file-container.active {\n  background-color: #F5F7F8;\n  cursor: pointer;\n}\n.names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  padding-left: 23px;\n  padding-right: 10px;\n}\n.icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.name:hover {\n  opacity: 0.7;\n}\n.extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-814fa5986cc3_0_0_314";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".file-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n  border-radius: 6px;\n  margin-bottom: 4px;\n}\n.file-container:hover, .file-container.active {\n  background-color: #F5F7F8;\n  cursor: pointer;\n}\n.names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  padding-left: 23px;\n  padding-right: 10px;\n}\n.icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.name:hover {\n  opacity: 0.7;\n}\n.extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-814fa5986cc3_0_0_316";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=TreeFile.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js

@@ -1,2 +1,2 @@
-var e=".tree-file-icon {\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-742afdb04a4c_0_0_314";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))}(e);export{e as default};
+var e=".tree-file-icon {\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-742afdb04a4c_0_0_316";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))}(e);export{e as default};
 //# sourceMappingURL=TreeFileIcon.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolder/TreeFolder.scss.js

@@ -1,2 +1,2 @@
-var n=".folder-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n}\n.folder-container .names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  border-radius: 6px;\n}\n.folder-container .names[data-level] {\n  margin-left: calc(1.875rem * attr(data-level));\n}\n.folder-container .names:hover, .folder-container .names.active {\n  background-color: #F5F7F8;\n  cursor: pointer;\n}\n.folder-container > .names {\n  margin-bottom: 4px;\n}\n.folder-container .status {\n  width: 0.875rem;\n  height: 0.875rem;\n  z-index: 10;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n.folder-container .icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.folder-container .name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.folder-container .name:hover {\n  opacity: 0.7;\n}\n.folder-container .name .indent {\n  position: absolute !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  width: 1px !important;\n  height: 100% !important;\n  background-color: var(--text-primary) !important;\n  margin-left: -1px !important;\n}\n.folder-container .extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}\n.folder-container .content {\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-fe91c13eee92_0_0_314";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".folder-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n}\n.folder-container .names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  border-radius: 6px;\n}\n.folder-container .names[data-level] {\n  margin-left: calc(1.875rem * attr(data-level));\n}\n.folder-container .names:hover, .folder-container .names.active {\n  background-color: #F5F7F8;\n  cursor: pointer;\n}\n.folder-container > .names {\n  margin-bottom: 4px;\n}\n.folder-container .status {\n  width: 0.875rem;\n  height: 0.875rem;\n  z-index: 10;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n.folder-container .icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.folder-container .name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.folder-container .name:hover {\n  opacity: 0.7;\n}\n.folder-container .name .indent {\n  position: absolute !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  width: 1px !important;\n  height: 100% !important;\n  background-color: var(--text-primary) !important;\n  margin-left: -1px !important;\n}\n.folder-container .extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}\n.folder-container .content {\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-fe91c13eee92_0_0_316";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=TreeFolder.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolderIcon/TreeFolderIcon.scss.js

@@ -1,2 +1,2 @@
-var e=".tree-folder-icon {\n  stroke: currentColor;\n  stroke-width: 0;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c0d3f97a8640_0_0_314";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))}(e);export{e as default};
+var e=".tree-folder-icon {\n  stroke: currentColor;\n  stroke-width: 0;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c0d3f97a8640_0_0_316";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))}(e);export{e as default};
 //# sourceMappingURL=TreeFolderIcon.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeStatusIcon/TreeStatusIcon.scss.js

@@ -1,2 +1,2 @@
-var e=".tree-status-icon {\n  stroke: currentColor;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-57bbd3238bb1_0_0_314";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))}(e);export{e as default};
+var e=".tree-status-icon {\n  stroke: currentColor;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-57bbd3238bb1_0_0_316";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))}(e);export{e as default};
 //# sourceMappingURL=TreeStatusIcon.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/expand/expand.scss.js

@@ -1,2 +1,2 @@
-var e=".expand-container {\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n}\n.expand-container.expanded {\n  visibility: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-30ae7c9186d8_0_0_314";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".expand-container {\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n}\n.expand-container.expanded {\n  visibility: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-30ae7c9186d8_0_0_316";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=expand.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={typography:"typography","focus-visible":"focus-visible",primary:"primary",secondary:"secondary",tertiary:"tertiary",warning:"warning",alert:"alert",success:"success",onPrimary:"onPrimary",onInverted:"onInverted",fixedLight:"fixedLight",fixedDark:"fixedDark",inherit:"inherit",start:"start",center:"center",end:"end",singleLineEllipsis:"singleLineEllipsis",multiLineEllipsis:"multiLineEllipsis"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-b7ae7a926ea1_0_0_314";if(e.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".typography a {\n  text-decoration: none;\n  color: var(--text-link);\n}\n.typography a:focus-visible, .typography a.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.typography a:focus:not(.focus-visible) {\n  outline: none;\n}\n.typography a:hover {\n  text-decoration: underline;\n}\n.typography:disabled, .typography[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary {\n  color: var(--text-primary);\n}\n.secondary {\n  color: var(--text-secondary);\n}\n.tertiary {\n  color: var(--text-tertiary);\n}\n.warning {\n  color: var(--text-warning);\n}\n.alert {\n  color: var(--text-alert);\n}\n.success {\n  color: var(--text-success);\n}\n.onPrimary {\n  color: var(--text-color-on-primary);\n}\n.onPrimary a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted {\n  color: var(--text-color-on-inverted);\n}\n.onInverted a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight {\n  color: var(--fixed-light-color);\n}\n.fixedLight a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark {\n  color: var(--fixed-dark-color);\n}\n.fixedDark a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit {\n  color: inherit;\n}\n.inherit a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start {\n  text-align: start;\n}\n.center {\n  text-align: center;\n}\n.end {\n  text-align: end;\n}\n.singleLineEllipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{n as default};
+var n={typography:"typography","focus-visible":"focus-visible",primary:"primary",secondary:"secondary",tertiary:"tertiary",warning:"warning",alert:"alert",success:"success",onPrimary:"onPrimary",onInverted:"onInverted",fixedLight:"fixedLight",fixedDark:"fixedDark",inherit:"inherit",start:"start",center:"center",end:"end",singleLineEllipsis:"singleLineEllipsis",multiLineEllipsis:"multiLineEllipsis"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-b7ae7a926ea1_0_0_316";if(e.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".typography a {\n  text-decoration: none;\n  color: var(--text-link);\n}\n.typography a:focus-visible, .typography a.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.typography a:focus:not(.focus-visible) {\n  outline: none;\n}\n.typography a:hover {\n  text-decoration: underline;\n}\n.typography:disabled, .typography[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary {\n  color: var(--text-primary);\n}\n.secondary {\n  color: var(--text-secondary);\n}\n.tertiary {\n  color: var(--text-tertiary);\n}\n.warning {\n  color: var(--text-warning);\n}\n.alert {\n  color: var(--text-alert);\n}\n.success {\n  color: var(--text-success);\n}\n.onPrimary {\n  color: var(--text-color-on-primary);\n}\n.onPrimary a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted {\n  color: var(--text-color-on-inverted);\n}\n.onInverted a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight {\n  color: var(--fixed-light-color);\n}\n.fixedLight a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark {\n  color: var(--fixed-dark-color);\n}\n.fixedDark a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit {\n  color: inherit;\n}\n.inherit a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start {\n  text-align: start;\n}\n.center {\n  text-align: center;\n}\n.end {\n  text-align: end;\n}\n.singleLineEllipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{n as default};
 //# sourceMappingURL=Typography.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Uploader/Uploader.scss.js

@@ -1,2 +1,2 @@
-var n=".hds-uploader {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-width: 200px;\n  min-height: 200px;\n  transition: all 0.2s ease-in-out;\n  border-radius: var(--border-radius-medium);\n  border: 1px dashed var(--divider-secondary);\n  background: var(--surface-level-100);\n}\n.hds-uploader:hover, .hds-uploader.file-drag-active {\n  border-color: var(--divider-selected);\n  cursor: pointer;\n  background-color: var(--surface-selected);\n  color: var(--text-primary);\n}\n.hds-uploader:hover .hds-uploader-base-icon, .hds-uploader.file-drag-active .hds-uploader-base-icon {\n  color: #2d70af;\n}\n.hds-uploader:active {\n  border-color: var(--primary-color);\n  transform: scale(0.98);\n}\n.hds-uploader:focus-within {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 2px var(--primary-color-light);\n}\n.hds-uploader.file-drag-active {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n  box-shadow: var(--box-shadow-small);\n}\n.hds-uploader-base {\n  width: 100%;\n  flex: 1;\n  display: flex;\n  padding: var(--spacing-small);\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.hds-uploader-base-icon {\n  padding: var(--spacing-small);\n  transition: all 0.2s ease-in-out;\n}\n.hds-uploader-base-text {\n  font: var(--font-text1-normal);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 4px;\n  align-self: stretch;\n  color: var(--text-tertiary);\n}\n.hds-uploader hr {\n  border: none;\n  border-top: 1px dashed var(--divider-secondary);\n  width: 90%;\n}\n.hds-uploader-file-input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.hds-uploader-file {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.hds-uploader-file-content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-self: stretch;\n}\n.hds-uploader-file-icon {\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data .progress-bar {\n  width: 50%;\n}\n.hds-uploader-file-name {\n  font: var(--font-text1-normal);\n  color: var(--text-link);\n}\n.hds-uploader-file-size {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n  margin: 0 8px;\n}\n.hds-uploader-file-processing {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n}\n.hds-uploader-file-actions {\n  display: flex;\n}\n.hds-uploader-file.error {\n  color: var(--negative-color);\n}\n.hds-uploader-file-error-message {\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-base-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 42px;\n  height: 42px;\n  margin-bottom: var(--spacing-small);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-1776c9d6731e_0_0_314";if(e.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".hds-uploader {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-width: 200px;\n  min-height: 200px;\n  transition: all 0.2s ease-in-out;\n  border-radius: var(--border-radius-medium);\n  border: 1px dashed var(--divider-secondary);\n  background: var(--surface-level-100);\n}\n.hds-uploader:hover, .hds-uploader.file-drag-active {\n  border-color: var(--divider-selected);\n  cursor: pointer;\n  background-color: var(--surface-selected);\n  color: var(--text-primary);\n}\n.hds-uploader:hover .hds-uploader-base-icon, .hds-uploader.file-drag-active .hds-uploader-base-icon {\n  color: #2d70af;\n}\n.hds-uploader:active {\n  border-color: var(--primary-color);\n  transform: scale(0.98);\n}\n.hds-uploader:focus-within {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 2px var(--primary-color-light);\n}\n.hds-uploader.file-drag-active {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n  box-shadow: var(--box-shadow-small);\n}\n.hds-uploader-base {\n  width: 100%;\n  flex: 1;\n  display: flex;\n  padding: var(--spacing-small);\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.hds-uploader-base-icon {\n  padding: var(--spacing-small);\n  transition: all 0.2s ease-in-out;\n}\n.hds-uploader-base-text {\n  font: var(--font-text1-normal);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 4px;\n  align-self: stretch;\n  color: var(--text-tertiary);\n}\n.hds-uploader hr {\n  border: none;\n  border-top: 1px dashed var(--divider-secondary);\n  width: 90%;\n}\n.hds-uploader-file-input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.hds-uploader-file {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.hds-uploader-file-content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-self: stretch;\n}\n.hds-uploader-file-icon {\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data .progress-bar {\n  width: 50%;\n}\n.hds-uploader-file-name {\n  font: var(--font-text1-normal);\n  color: var(--text-link);\n}\n.hds-uploader-file-size {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n  margin: 0 8px;\n}\n.hds-uploader-file-processing {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n}\n.hds-uploader-file-actions {\n  display: flex;\n}\n.hds-uploader-file.error {\n  color: var(--negative-color);\n}\n.hds-uploader-file-error-message {\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-base-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 42px;\n  height: 42px;\n  margin-bottom: var(--spacing-small);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-1776c9d6731e_0_0_316";if(e.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=Uploader.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-03a8eed790d8_0_0_314";if(t.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".virtualizedGridWrapper {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-03a8eed790d8_0_0_316";if(t.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".virtualizedGridWrapper {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

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

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

package/dist/mocked_classnames_esm/src/components/Workflow/workflow.scss.js

@@ -1,2 +1,2 @@
-var n=".workflow-bar {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-secondary);\n  padding: 0px;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  margin-bottom: var(--spacing-medium);\n}\n\n.workflow-bar-step:first-child {\n  border-radius: var(--border-radius-medium) 0px 0px var(--border-radius-medium);\n}\n\n.workflow-bar-step:last-child {\n  border-radius: 0px var(--border-radius-medium) var(--border-radius-medium) 0px;\n}\n\n.workflow-bar-step {\n  margin-right: -1px;\n  border: 1px solid var(--divider-primary);\n  padding: 4px 16px;\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-small);\n  min-width: 220px;\n  width: inherit;\n  font-size: 15px;\n  line-height: 22px;\n  color: var(--color-gray-400);\n  min-height: 90px;\n}\n\n.workflow-bar-step.workflow-bar-step-active {\n  padding: 16px;\n  min-width: 320px;\n  color: var(--text-primary);\n  background-color: var(--surface-level-100);\n  border-radius: var(--border-radius-medium);\n}\n\n.workflow-bar-step.workflow-bar-step-active .workflow-bar-step-index {\n  padding: 14px;\n  color: var(--text-primary);\n}\n\n.workflow-bar-step.workflow-bar-step-active .highlight-index {\n  border-color: var(--color-white);\n  color: var(--color-white);\n}\n\n.workflow-bar-step.workflow-bar-step-active .workflow-bar-step-header {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 600;\n}\n\n.workflow-bar-step.workflow-bar-step-incomplete {\n  display: block;\n  align-content: center;\n}\n\n.workflow-bar-step.workflow-bar-step-incomplete .workflow-bar-step-index {\n  padding: 10px;\n}\n\n.workflow-bar-step.workflow-bar-step-complete {\n  display: block;\n  align-content: center;\n  background: var(--positive-color-background);\n  color: var(--text-primary);\n  border-color: var(--divider-primary);\n  min-height: 90px;\n}\n\n.workflow-bar-step.workflow-bar-step-complete .workflow-bar-step-index {\n  padding: 10px;\n  border-color: var(--divider-secondary);\n  color: var(--text-primary);\n}\n\n.workflow-bar-step-header {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: 600;\n}\n\n.workflow-bar-step-index {\n  border: 1px solid var(--divider-primary);\n  margin-right: 10px;\n  border-radius: 44px;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: var(--color-gray-400);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.workflow-bar-step-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.workflow-bar-step-title {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.workflow-bar-step-title-active {\n  font-size: 16px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n.workflow-bar-step-completed {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--text-secondary);\n}\n\n.workflow-bar-step-failed {\n  background-color: var(--surface-alert) !important;\n  color: var(--text-secondary) !important;\n}\n\n.workflow-bar-step-cancelled {\n  background-color: var(--surface-level-200) !important;\n  color: var(--text-secondary) !important;\n}\n\n.workflow-bar-final-step-succeeded {\n  background-color: var(--positive-color) !important;\n  color: var(--color-white) !important;\n}\n\n.workflow-bar-final-step-failed {\n  background-color: var(--negative-color) !important;\n  color: var(--color-white) !important;\n}\n\n.workflow-bar-final-step-cancelled {\n  background-color: var(--surface-level-300) !important;\n  color: var(--text-primary) !important;\n}\n\n.icon-color {\n  color: var(--color-solar-flare-500);\n}";!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-31d734844b4a_0_0_314";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))}(n);export{n as default};
+var n=".workflow-bar {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-secondary);\n  padding: 0px;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  margin-bottom: var(--spacing-medium);\n}\n\n.workflow-bar-step:first-child {\n  border-radius: var(--border-radius-medium) 0px 0px var(--border-radius-medium);\n}\n\n.workflow-bar-step:last-child {\n  border-radius: 0px var(--border-radius-medium) var(--border-radius-medium) 0px;\n}\n\n.workflow-bar-step {\n  margin-right: -1px;\n  border: 1px solid var(--divider-primary);\n  padding: 4px 16px;\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-small);\n  min-width: 220px;\n  width: inherit;\n  font-size: 15px;\n  line-height: 22px;\n  color: var(--color-gray-400);\n  min-height: 90px;\n}\n\n.workflow-bar-step.workflow-bar-step-active {\n  padding: 16px;\n  min-width: 320px;\n  color: var(--text-primary);\n  background-color: var(--surface-level-100);\n  border-radius: var(--border-radius-medium);\n}\n\n.workflow-bar-step.workflow-bar-step-active .workflow-bar-step-index {\n  padding: 14px;\n  color: var(--text-primary);\n}\n\n.workflow-bar-step.workflow-bar-step-active .highlight-index {\n  border-color: var(--color-white);\n  color: var(--color-white);\n}\n\n.workflow-bar-step.workflow-bar-step-active .workflow-bar-step-header {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 600;\n}\n\n.workflow-bar-step.workflow-bar-step-incomplete {\n  display: block;\n  align-content: center;\n}\n\n.workflow-bar-step.workflow-bar-step-incomplete .workflow-bar-step-index {\n  padding: 10px;\n}\n\n.workflow-bar-step.workflow-bar-step-complete {\n  display: block;\n  align-content: center;\n  background: var(--positive-color-background);\n  color: var(--text-primary);\n  border-color: var(--divider-primary);\n  min-height: 90px;\n}\n\n.workflow-bar-step.workflow-bar-step-complete .workflow-bar-step-index {\n  padding: 10px;\n  border-color: var(--divider-secondary);\n  color: var(--text-primary);\n}\n\n.workflow-bar-step-header {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: 600;\n}\n\n.workflow-bar-step-index {\n  border: 1px solid var(--divider-primary);\n  margin-right: 10px;\n  border-radius: 44px;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: var(--color-gray-400);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.workflow-bar-step-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.workflow-bar-step-title {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.workflow-bar-step-title-active {\n  font-size: 16px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n.workflow-bar-step-completed {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--text-secondary);\n}\n\n.workflow-bar-step-failed {\n  background-color: var(--surface-alert) !important;\n  color: var(--text-secondary) !important;\n}\n\n.workflow-bar-step-cancelled {\n  background-color: var(--surface-level-200) !important;\n  color: var(--text-secondary) !important;\n}\n\n.workflow-bar-final-step-succeeded {\n  background-color: var(--positive-color) !important;\n  color: var(--color-white) !important;\n}\n\n.workflow-bar-final-step-failed {\n  background-color: var(--negative-color) !important;\n  color: var(--color-white) !important;\n}\n\n.workflow-bar-final-step-cancelled {\n  background-color: var(--surface-level-300) !important;\n  color: var(--text-primary) !important;\n}\n\n.icon-color {\n  color: var(--color-solar-flare-500);\n}";!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-31d734844b4a_0_0_316";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))}(n);export{n as default};
 //# sourceMappingURL=workflow.scss.js.map

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

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as o,Fragment as e}from"@emotion/react/jsx-runtime";import n from"classnames";import s from"../Box/Box.js";import r from"../Icon/Icon.js";import{IconType as t}from"../Icon/IconConstants.js";import a from"../Heading/Heading.js";import c from"../Text/Text.js";import l from"../Button/Button.js";import d from"../Flex/Flex.js";import g from"../Tags/Tags.js";import m from"./WorkflowCard.module.scss.js";function p(p){var h=p.backgroundColor,j=void 0===h?s.backgroundColors.Primary:h,u=p.title,S=void 0===u?"Normal H5 title":u,b=p.titleColor,T=void 0===b?a.colors.PRIMARY:b,O=p.showIcon,f=void 0===O||O,y=p.icon,L=p.iconType,v=void 0===L?t.SVG:L,E=p.iconPath,w=p.showSubheader,A=void 0===w||w,C=p.subheaderText,I=void 0===C?"subhead could go here":C,N=p.actionButtons,R=void 0===N?null:N,x=p.currentStep,B=void 0===x?1:x,M=p.totalSteps,k=void 0===M?4:M,P=p.children,z=p.onStepClick,X=p.showReviewers,_=void 0!==X&&X,H=p.reviewers,Y=void 0===H?[]:H,W=p.hideStepIndicator,D=void 0!==W&&W,G=p.marginBottom,U=void 0===G?s.marginBottoms.AUTO:G,F=p.margin,V=p.marginTop,q=p.marginEnd,J=p.marginStart,K=p.padding,Q=void 0===K?s.paddings.SMALL:K;return i(s,Object.assign({className:n(m.workflowCard,p.className),shadow:s.shadows.XS,rounded:s.roundeds.BIG,padding:Q,marginBottom:U,margin:F,marginTop:V,marginEnd:q,marginStart:J,backgroundColor:j},{children:o(d,Object.assign({direction:d.directions.COLUMN,gap:d.gaps.SMALL,justify:d.justify.SPACE_BETWEEN,align:d.align.INITIAL},{children:[o(d,Object.assign({justify:d.justify.SPACE_BETWEEN,align:d.align.CENTER},{children:[o(d,Object.assign({gap:d.gaps.SMALL,align:d.align.CENTER},{children:[f?i(r,{iconType:v,icon:y,iconPath:E,iconLabel:"workflow icon",iconSize:16,clickable:!1,ignoreFocusStyle:!0}):null,i(a,Object.assign({type:a.types.H5,weight:a.weights.BOLD,color:T},{children:S}))]})),!D&&o(l,Object.assign({size:l.sizes.XS,kind:l.kinds.TERTIARY,onClick:z},{children:[i(c,Object.assign({type:c.types.TEXT2,color:c.colors.PRIMARY},{children:B===k?"View workflow":"Step ".concat(B," of ").concat(k)})),B!==k&&i(r,{icon:"",iconType:t.PATH,iconPath:"ic_arrow_chevron_right_16",iconLabel:"next step",className:"icon-story-custom-icon",iconSize:16,useCurrentColor:!0})]}))]})),o(d,Object.assign({direction:d.directions.COLUMN,gap:d.gaps.XS,align:d.align.INITIAL,style:{margin:"0px 0px 8px"}},{children:[A&&i(c,Object.assign({type:c.types.TEXT2,color:c.colors.SECONDARY},{children:I})),i(d,Object.assign({gap:d.gaps.MEDIUM,className:m.content},{children:P})),_&&o(d,Object.assign({direction:d.directions.ROW,gap:d.gaps.XS,className:m.reviewers},{children:[i(c,Object.assign({type:c.types.TEXT2,color:c.colors.SECONDARY},{children:"Reviewed by"})),i(d,Object.assign({direction:d.directions.ROW,gap:d.gaps.XS},{children:Y.map((function(o,e){return i(g,{label:o.name,color:g.colors.GRAY_LIGHT,readOnly:!0,leftIcon:o.iconPath},e)}))}))]}))]})),i(d,Object.assign({gap:d.gaps.SMALL,className:m.actions},{children:R||o(e,{children:[i(l,Object.assign({size:l.sizes.SMALL},{children:"Primary Button"})),i(l,Object.assign({size:l.sizes.SMALL},{children:"Secondary"})),i(l,Object.assign({size:l.sizes.SMALL},{children:"Tertiary"}))]})}))]}))}))}export{p as default};
+import{jsx as i,jsxs as o,Fragment as e}from"@emotion/react/jsx-runtime";import n from"classnames";import r from"../Box/Box.js";import s from"../Icon/Icon.js";import{IconType as t}from"../Icon/IconConstants.js";import a from"../Heading/Heading.js";import c from"../Text/Text.js";import l from"../Button/Button.js";import d from"../Flex/Flex.js";import g from"../Tags/Tags.js";import m from"./WorkflowCard.module.scss.js";function p(p){var h=p.backgroundColor,u=void 0===h?r.backgroundColors.Primary:h,j=p.title,S=void 0===j?"Normal H5 title":j,T=p.titleColor,b=void 0===T?a.colors.PRIMARY:T,O=p.showIcon,f=void 0===O||O,y=p.iconType,v=void 0===y?t.PATH:y,C=p.iconPath,L=p.iconSize,E=void 0===L?16:L,w=p.useCurrentColor,A=void 0!==w&&w,I=p.showSubheader,N=void 0===I||I,R=p.subheaderText,x=void 0===R?"subhead could go here":R,B=p.actionButtons,M=void 0===B?null:B,k=p.currentStep,P=void 0===k?1:k,z=p.totalSteps,X=void 0===z?4:z,H=p.children,_=p.onStepClick,Y=p.showReviewers,W=void 0!==Y&&Y,D=p.reviewers,U=void 0===D?[]:D,F=p.hideStepIndicator,G=void 0!==F&&F,V=p.marginBottom,q=void 0===V?r.marginBottoms.AUTO:V,J=p.margin,K=p.marginTop,Q=p.marginEnd,Z=p.marginStart,$=p.padding,ii=void 0===$?r.paddings.SMALL:$;return i(r,Object.assign({className:n(m.workflowCard,p.className),shadow:r.shadows.XS,rounded:r.roundeds.BIG,padding:ii,marginBottom:q,margin:J,marginTop:K,marginEnd:Q,marginStart:Z,backgroundColor:u},{children:o(d,Object.assign({direction:d.directions.COLUMN,gap:d.gaps.SMALL,justify:d.justify.SPACE_BETWEEN,align:d.align.INITIAL},{children:[o(d,Object.assign({justify:d.justify.SPACE_BETWEEN,align:d.align.CENTER},{children:[o(d,Object.assign({gap:d.gaps.SMALL,align:d.align.CENTER},{children:[f?i(s,{icon:"",iconType:v,iconPath:C,iconLabel:"workflow icon",iconSize:E,useCurrentColor:A,clickable:!1,ignoreFocusStyle:!0}):null,i(a,Object.assign({type:a.types.H5,weight:a.weights.BOLD,color:b},{children:S}))]})),!G&&o(l,Object.assign({size:l.sizes.XS,kind:l.kinds.TERTIARY,onClick:_},{children:[i(c,Object.assign({type:c.types.TEXT2,color:c.colors.PRIMARY},{children:P===X?"View workflow":"Step ".concat(P," of ").concat(X)})),P!==X&&i(s,{icon:"",iconType:t.PATH,iconPath:"ic_arrow_chevron_right_16",iconLabel:"next step",className:"icon-story-custom-icon",iconSize:16,useCurrentColor:!0})]}))]})),o(d,Object.assign({direction:d.directions.COLUMN,gap:d.gaps.XS,align:d.align.INITIAL,style:{margin:"0px 0px 8px"}},{children:[N&&i(c,Object.assign({type:c.types.TEXT2,color:c.colors.SECONDARY},{children:x})),i(d,Object.assign({gap:d.gaps.MEDIUM,className:m.content},{children:H})),W&&o(d,Object.assign({direction:d.directions.ROW,gap:d.gaps.XS,className:m.reviewers},{children:[i(c,Object.assign({type:c.types.TEXT2,color:c.colors.SECONDARY},{children:"Reviewed by"})),i(d,Object.assign({direction:d.directions.ROW,gap:d.gaps.XS},{children:U.map((function(o,e){return i(g,{label:o.name,color:g.colors.GRAY_LIGHT,readOnly:!0,leftIcon:o.iconPath},e)}))}))]}))]})),i(d,Object.assign({gap:d.gaps.SMALL,className:m.actions},{children:M||o(e,{children:[i(l,Object.assign({size:l.sizes.SMALL},{children:"Primary Button"})),i(l,Object.assign({size:l.sizes.SMALL},{children:"Secondary"})),i(l,Object.assign({size:l.sizes.SMALL},{children:"Tertiary"}))]})}))]}))}))}export{p as default};
 //# sourceMappingURL=WorkflowCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkflowCard.js","sources":["../../../../../src/components/WorkflowCard/WorkflowCard.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport Box from \"../Box/Box\";\nimport Icon from \"../Icon/Icon\";\nimport { IconType } from \"../Icon/IconConstants\";\nimport Heading from \"../Heading/Heading\";\nimport Text from \"../Text/Text\";\nimport Button from \"../Button/Button\";\nimport Flex from \"../Flex/Flex\";\nimport Tags from \"../Tags/Tags\";\nimport styles from \"./WorkflowCard.module.scss\";\nimport { TypographyColor } from \"../Typography/TypographyConstants\";\nimport { ValueOf } from \"type-fest\";\n\nimport {\n  SubIcon,\n  ElementContent,\n} from \"../../types\";\nimport { PathName } from \"../Icon/SvgIcon/paths\";\nimport { MARGIN_BOTTOM } from \"../Box\";\n\nexport interface Reviewer {\n  name: string;\n  iconPath?: PathName;\n}\n\nexport interface WorkflowCardProps {\n  className?: string;\n  backgroundColor?: string;\n  title?: string;\n  titleColor?: string;\n  showIcon?: boolean;\n  icon?: SubIcon | undefined;\n  iconType?: IconType;\n  iconPath?: PathName | string;\n  showSubheader?: boolean;\n  subheaderText?: string;\n  actionButtons?: React.ReactNode;\n  currentStep?: number;\n  totalSteps?: number;\n  children?: ElementContent;\n  onStepClick?: () => void;\n  showReviewers?: boolean;\n  reviewers?: Reviewer[];\n  hideStepIndicator?: boolean;\n  marginBottom?: ValueOf<typeof Box.marginBottoms>;\n  margin?: ValueOf<typeof Box.margins>;\n  marginTop?: ValueOf<typeof Box.marginTops>;\n  marginEnd?: ValueOf<typeof Box.marginEnds>;\n  marginStart?: ValueOf<typeof Box.marginStarts>;\n  padding?: ValueOf<typeof Box.paddings>;\n}\n\nfunction WorkflowCard({\n  className,\n  backgroundColor = Box.backgroundColors.Primary,\n  title = \"Normal H5 title\",\n  titleColor = Heading.colors.PRIMARY,\n  showIcon = true,\n  icon,\n  iconType = IconType.SVG,\n  iconPath,\n  showSubheader = true,\n  subheaderText = \"subhead could go here\",\n  actionButtons = null,\n  currentStep = 1,\n  totalSteps = 4,\n  children,\n  onStepClick,\n  showReviewers = false,\n  reviewers = [],\n  hideStepIndicator = false,\n  marginBottom = Box.marginBottoms.AUTO,\n  margin,\n  marginTop,\n  marginEnd,\n  marginStart,\n  padding = Box.paddings.SMALL,\n}: WorkflowCardProps) {\n  const renderIcon = () => {\n    if (!showIcon) return null;\n\n    return (\n      <Icon\n        iconType={iconType}\n        icon={icon}\n        iconPath={iconPath as PathName}\n        iconLabel=\"workflow icon\"\n        iconSize={16}\n        clickable={false}\n        ignoreFocusStyle\n      />\n    );\n  };\n\n  return (\n    <Box\n      className={cx(styles.workflowCard, className)}\n      shadow={Box.shadows.XS}\n      rounded={Box.roundeds.BIG}\n      padding={padding}\n      marginBottom={marginBottom}\n      margin={margin}\n      marginTop={marginTop}\n      marginEnd={marginEnd}\n      marginStart={marginStart}\n      backgroundColor={backgroundColor}>\n      <Flex\n        direction={Flex.directions.COLUMN}\n        gap={Flex.gaps.SMALL}\n        justify={Flex.justify.SPACE_BETWEEN}\n        align={Flex.align.INITIAL}>\n        <Flex\n          justify={Flex.justify.SPACE_BETWEEN}\n          align={Flex.align.CENTER}>\n          <Flex gap={Flex.gaps.SMALL} align={Flex.align.CENTER}>\n            {renderIcon()}\n            <Heading\n              type={Heading.types.H5}\n              weight={Heading.weights.BOLD}\n              color={titleColor as TypographyColor}\n            >\n              {title}\n            </Heading>\n          </Flex>\n          {!hideStepIndicator && (\n            <Button size={Button.sizes.XS} kind={Button.kinds.TERTIARY} onClick={onStepClick}>\n              <Text type={Text.types.TEXT2} color={Text.colors.PRIMARY}>\n                {currentStep === totalSteps ? 'View workflow' : `Step ${currentStep} of ${totalSteps}`}\n              </Text>\n              {currentStep !== totalSteps && (\n                <Icon\n                  icon=\"\"\n                  iconType={IconType.PATH}\n                  iconPath=\"ic_arrow_chevron_right_16\"\n                  iconLabel=\"next step\"\n                  className=\"icon-story-custom-icon\"\n                  iconSize={16}\n                  useCurrentColor\n                />\n              )}\n            </Button>\n          )}\n\n        </Flex>\n        <Flex direction={Flex.directions.COLUMN} gap={Flex.gaps.XS} align={Flex.align.INITIAL} style={{ margin: \"0px 0px 8px\" }}>\n          {showSubheader && (\n            <Text type={Text.types.TEXT2} color={Text.colors.SECONDARY}>\n              {subheaderText}\n            </Text>\n          )}\n          <Flex gap={Flex.gaps.MEDIUM} className={styles.content}>\n            {children}\n          </Flex>\n          {showReviewers && (\n            <Flex direction={Flex.directions.ROW} gap={Flex.gaps.XS} className={styles.reviewers}>\n              <Text type={Text.types.TEXT2} color={Text.colors.SECONDARY}>Reviewed by</Text>\n              <Flex direction={Flex.directions.ROW} gap={Flex.gaps.XS}>\n                {reviewers.map((reviewer, index) => (\n                  <Tags\n                    key={index}\n                    label={reviewer.name}\n                    color={Tags.colors.GRAY_LIGHT}\n                    readOnly\n                    leftIcon={reviewer.iconPath}\n                  />\n                ))}\n              </Flex>\n            </Flex>\n          )}\n        </Flex>\n        <Flex gap={Flex.gaps.SMALL} className={styles.actions}>\n          {actionButtons || (\n            <>\n              <Button size={Button.sizes.SMALL}>\n                Primary Button\n              </Button>\n              <Button size={Button.sizes.SMALL}>\n                Secondary\n              </Button>\n              <Button size={Button.sizes.SMALL}>Tertiary</Button>\n            </>\n          )}\n        </Flex>\n      </Flex>\n    </Box>\n  );\n}\n\nexport default WorkflowCard;\n"],"names":["WorkflowCard","_ref","_ref$backgroundColor","backgroundColor","Box","backgroundColors","Primary","_ref$title","title","_ref$titleColor","titleColor","Heading","colors","PRIMARY","_ref$showIcon","showIcon","icon","_ref$iconType","iconType","IconType","SVG","iconPath","_ref$showSubheader","showSubheader","_ref$subheaderText","subheaderText","_ref$actionButtons","actionButtons","_ref$currentStep","currentStep","_ref$totalSteps","totalSteps","children","onStepClick","_ref$showReviewers","showReviewers","_ref$reviewers","reviewers","_ref$hideStepIndicato","hideStepIndicator","_ref$marginBottom","marginBottom","marginBottoms","AUTO","margin","marginTop","marginEnd","marginStart","_ref$padding","padding","paddings","SMALL","_jsx","Object","assign","className","cx","styles","workflowCard","shadow","shadows","XS","rounded","roundeds","BIG","_jsxs","Flex","direction","directions","COLUMN","gap","gaps","justify","SPACE_BETWEEN","align","INITIAL","CENTER","Icon","iconLabel","iconSize","clickable","ignoreFocusStyle","type","types","H5","weight","weights","BOLD","color","Button","size","sizes","kind","kinds","TERTIARY","onClick","Text","TEXT2","concat","PATH","useCurrentColor","style","SECONDARY","MEDIUM","content","ROW","map","reviewer","index","Tags","label","name","GRAY_LIGHT","readOnly","leftIcon","actions","_Fragment"],"mappings":"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"}
+{"version":3,"file":"WorkflowCard.js","sources":["../../../../../src/components/WorkflowCard/WorkflowCard.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport Box from \"../Box/Box\";\nimport Icon from \"../Icon/Icon\";\nimport { IconType } from \"../Icon/IconConstants\";\nimport Heading from \"../Heading/Heading\";\nimport Text from \"../Text/Text\";\nimport Button from \"../Button/Button\";\nimport Flex from \"../Flex/Flex\";\nimport Tags from \"../Tags/Tags\";\nimport styles from \"./WorkflowCard.module.scss\";\nimport { TypographyColor } from \"../Typography/TypographyConstants\";\nimport { ValueOf } from \"type-fest\";\n\nimport {\n  SubIcon,\n  ElementContent,\n} from \"../../types\";\nimport { PathName } from \"../Icon/SvgIcon/paths\";\nimport { MARGIN_BOTTOM } from \"../Box\";\n\nexport interface Reviewer {\n  name: string;\n  iconPath?: PathName;\n}\n\nexport interface WorkflowCardProps {\n  className?: string;\n  backgroundColor?: string;\n  title?: string;\n  titleColor?: string;\n  showIcon?: boolean;\n  iconType?: IconType;\n  iconPath?: PathName | string;\n  iconSize?: number;\n  useCurrentColor?: boolean;\n  showSubheader?: boolean;\n  subheaderText?: string;\n  actionButtons?: React.ReactNode;\n  currentStep?: number;\n  totalSteps?: number;\n  children?: ElementContent;\n  onStepClick?: () => void;\n  showReviewers?: boolean;\n  reviewers?: Reviewer[];\n  hideStepIndicator?: boolean;\n  marginBottom?: ValueOf<typeof Box.marginBottoms>;\n  margin?: ValueOf<typeof Box.margins>;\n  marginTop?: ValueOf<typeof Box.marginTops>;\n  marginEnd?: ValueOf<typeof Box.marginEnds>;\n  marginStart?: ValueOf<typeof Box.marginStarts>;\n  padding?: ValueOf<typeof Box.paddings>;\n}\n\nfunction WorkflowCard({\n  className,\n  backgroundColor = Box.backgroundColors.Primary,\n  title = \"Normal H5 title\",\n  titleColor = Heading.colors.PRIMARY,\n  showIcon = true,\n  iconType = IconType.PATH,\n  iconPath,\n  iconSize = 16,\n  useCurrentColor = false,\n  showSubheader = true,\n  subheaderText = \"subhead could go here\",\n  actionButtons = null,\n  currentStep = 1,\n  totalSteps = 4,\n  children,\n  onStepClick,\n  showReviewers = false,\n  reviewers = [],\n  hideStepIndicator = false,\n  marginBottom = Box.marginBottoms.AUTO,\n  margin,\n  marginTop,\n  marginEnd,\n  marginStart,\n  padding = Box.paddings.SMALL,\n}: WorkflowCardProps) {\n  const renderIcon = () => {\n    if (!showIcon) return null;\n\n    return (\n      <Icon\n        icon=\"\"\n        iconType={iconType}\n        iconPath={iconPath as PathName}\n        iconLabel=\"workflow icon\"\n        iconSize={iconSize}\n        useCurrentColor={useCurrentColor}\n        clickable={false}\n        ignoreFocusStyle\n      />\n    );\n  };\n\n  return (\n    <Box\n      className={cx(styles.workflowCard, className)}\n      shadow={Box.shadows.XS}\n      rounded={Box.roundeds.BIG}\n      padding={padding}\n      marginBottom={marginBottom}\n      margin={margin}\n      marginTop={marginTop}\n      marginEnd={marginEnd}\n      marginStart={marginStart}\n      backgroundColor={backgroundColor}>\n      <Flex\n        direction={Flex.directions.COLUMN}\n        gap={Flex.gaps.SMALL}\n        justify={Flex.justify.SPACE_BETWEEN}\n        align={Flex.align.INITIAL}>\n        <Flex\n          justify={Flex.justify.SPACE_BETWEEN}\n          align={Flex.align.CENTER}>\n          <Flex gap={Flex.gaps.SMALL} align={Flex.align.CENTER}>\n            {renderIcon()}\n            <Heading\n              type={Heading.types.H5}\n              weight={Heading.weights.BOLD}\n              color={titleColor as TypographyColor}\n            >\n              {title}\n            </Heading>\n          </Flex>\n          {!hideStepIndicator && (\n            <Button size={Button.sizes.XS} kind={Button.kinds.TERTIARY} onClick={onStepClick}>\n              <Text type={Text.types.TEXT2} color={Text.colors.PRIMARY}>\n                {currentStep === totalSteps ? 'View workflow' : `Step ${currentStep} of ${totalSteps}`}\n              </Text>\n              {currentStep !== totalSteps && (\n                <Icon\n                  icon=\"\"\n                  iconType={IconType.PATH}\n                  iconPath=\"ic_arrow_chevron_right_16\"\n                  iconLabel=\"next step\"\n                  className=\"icon-story-custom-icon\"\n                  iconSize={16}\n                  useCurrentColor\n                />\n              )}\n            </Button>\n          )}\n\n        </Flex>\n        <Flex direction={Flex.directions.COLUMN} gap={Flex.gaps.XS} align={Flex.align.INITIAL} style={{ margin: \"0px 0px 8px\" }}>\n          {showSubheader && (\n            <Text type={Text.types.TEXT2} color={Text.colors.SECONDARY}>\n              {subheaderText}\n            </Text>\n          )}\n          <Flex gap={Flex.gaps.MEDIUM} className={styles.content}>\n            {children}\n          </Flex>\n          {showReviewers && (\n            <Flex direction={Flex.directions.ROW} gap={Flex.gaps.XS} className={styles.reviewers}>\n              <Text type={Text.types.TEXT2} color={Text.colors.SECONDARY}>Reviewed by</Text>\n              <Flex direction={Flex.directions.ROW} gap={Flex.gaps.XS}>\n                {reviewers.map((reviewer, index) => (\n                  <Tags\n                    key={index}\n                    label={reviewer.name}\n                    color={Tags.colors.GRAY_LIGHT}\n                    readOnly\n                    leftIcon={reviewer.iconPath}\n                  />\n                ))}\n              </Flex>\n            </Flex>\n          )}\n        </Flex>\n        <Flex gap={Flex.gaps.SMALL} className={styles.actions}>\n          {actionButtons || (\n            <>\n              <Button size={Button.sizes.SMALL}>\n                Primary Button\n              </Button>\n              <Button size={Button.sizes.SMALL}>\n                Secondary\n              </Button>\n              <Button size={Button.sizes.SMALL}>Tertiary</Button>\n            </>\n          )}\n        </Flex>\n      </Flex>\n    </Box>\n  );\n}\n\nexport default WorkflowCard;\n"],"names":["WorkflowCard","_ref","_ref$backgroundColor","backgroundColor","Box","backgroundColors","Primary","_ref$title","title","_ref$titleColor","titleColor","Heading","colors","PRIMARY","_ref$showIcon","showIcon","_ref$iconType","iconType","IconType","PATH","iconPath","_ref$iconSize","iconSize","_ref$useCurrentColor","useCurrentColor","_ref$showSubheader","showSubheader","_ref$subheaderText","subheaderText","_ref$actionButtons","actionButtons","_ref$currentStep","currentStep","_ref$totalSteps","totalSteps","children","onStepClick","_ref$showReviewers","showReviewers","_ref$reviewers","reviewers","_ref$hideStepIndicato","hideStepIndicator","_ref$marginBottom","marginBottom","marginBottoms","AUTO","margin","marginTop","marginEnd","marginStart","_ref$padding","padding","paddings","SMALL","_jsx","Object","assign","className","cx","styles","workflowCard","shadow","shadows","XS","rounded","roundeds","BIG","_jsxs","Flex","direction","directions","COLUMN","gap","gaps","justify","SPACE_BETWEEN","align","INITIAL","CENTER","Icon","icon","iconLabel","clickable","ignoreFocusStyle","type","types","H5","weight","weights","BOLD","color","Button","size","sizes","kind","kinds","TERTIARY","onClick","Text","TEXT2","concat","style","SECONDARY","MEDIUM","content","ROW","map","reviewer","index","Tags","label","name","GRAY_LIGHT","readOnly","leftIcon","actions","_Fragment"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={workflowCard:"workflowCard",content:"content"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d70afda3b83c_0_0_314";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))}(".workflowCard {\n  display: block;\n  flex: none;\n  width: 100%;\n  min-width: 100%;\n  height: auto;\n  min-height: fit-content;\n  padding: 16px;\n}\n.workflowCard .content {\n  color: var(--text-secondary);\n  font-size: 14px;\n}");export{e as default};
+var e={workflowCard:"workflowCard",content:"content"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d70afda3b83c_0_0_316";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".workflowCard {\n  display: block;\n  flex: none;\n  width: 100%;\n  min-width: 100%;\n  height: auto;\n  min-height: fit-content;\n  padding: 16px;\n}\n.workflowCard .content {\n  color: var(--text-secondary);\n  font-size: 14px;\n}");export{e as default};
 //# sourceMappingURL=WorkflowCard.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={workflowListContainer:"workflowListContainer",verticalLine:"verticalLine",workflowItem:"workflowItem"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-998228985673_0_0_314";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))}(".workflowListContainer {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  margin: 8px 0;\n}\n\n.verticalLine {\n  position: absolute;\n  left: 24px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background-color: var(--divider-primary);\n  z-index: 0;\n}\n\n.workflowItem {\n  position: relative;\n  z-index: 1;\n  margin-bottom: 16px;\n}");export{e as default};
+var e={workflowListContainer:"workflowListContainer",verticalLine:"verticalLine",workflowItem:"workflowItem"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-998228985673_0_0_316";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))}(".workflowListContainer {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  margin: 8px 0;\n}\n\n.verticalLine {\n  position: absolute;\n  left: 24px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background-color: var(--divider-primary);\n  z-index: 0;\n}\n\n.workflowItem {\n  position: relative;\n  z-index: 1;\n  margin-bottom: 16px;\n}");export{e as default};
 //# sourceMappingURL=WorkflowList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={workflowStep:"workflowStep",count:"count",content:"content",icon:"icon",title:"title",subText:"subText",reviewers:"reviewers",reviewersLabel:"reviewersLabel"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-28dc6e17ba18_0_0_314";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".workflowStep {\n  display: flex;\n  align-items: flex-start;\n  padding: 8px;\n  background-color: var(--surface-level-200);\n  border-radius: 12px;\n  width: 100%;\n}\n\n.count {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  border-radius: 50%;\n  font-size: 12px;\n  font-weight: 800;\n  margin-right: 12px;\n  flex-shrink: 0;\n  border: 1px solid var(--divider-primary);\n}\n\n.content {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.icon {\n  width: 16px;\n  height: 16px;\n  margin-right: 8px;\n}\n\n.title {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--primary-text-color);\n}\n\n.subText {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin: 8px 0 0;\n}\n\n.reviewers {\n  margin-top: 8px;\n}\n\n.reviewersLabel {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin-right: 0px;\n}");export{n as default};
+var n={workflowStep:"workflowStep",count:"count",content:"content",icon:"icon",title:"title",subText:"subText",reviewers:"reviewers",reviewersLabel:"reviewersLabel"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-28dc6e17ba18_0_0_316";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".workflowStep {\n  display: flex;\n  align-items: flex-start;\n  padding: 8px;\n  background-color: var(--surface-level-200);\n  border-radius: 12px;\n  width: 100%;\n}\n\n.count {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background-color: var(--surface-level-100);\n  color: var(--text-primary);\n  border-radius: 50%;\n  font-size: 12px;\n  font-weight: 800;\n  margin-right: 12px;\n  flex-shrink: 0;\n  border: 1px solid var(--divider-primary);\n}\n\n.content {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.icon {\n  width: 16px;\n  height: 16px;\n  margin-right: 8px;\n}\n\n.title {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--primary-text-color);\n}\n\n.subText {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin: 8px 0 0;\n}\n\n.reviewers {\n  margin-top: 8px;\n}\n\n.reviewersLabel {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin-right: 0px;\n}");export{n as default};
 //# sourceMappingURL=WorkflowStep.module.scss.js.map