npm - @heliux-org/design-system-core - Versions diffs - 0.0.4 → 0.0.5 - Mend

@heliux-org/design-system-core 0.0.4 → 0.0.5

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

Files changed (594) hide show

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

@@ -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"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-2b0a7896a548_0_0_3";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-primary);\n  border: 1px solid;\n  border-color: var(--divider-primary);\n  border-radius: var(--border-radius-small);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: var(--spacing-small) var(--spacing-medium);\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-quaternary);\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-medium);\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-small);\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 .iconContainer.iconContainerHasIcon.iconContainerClickable:hover {\n  background-color: var(--surface-primary-hover);\n}\n\n.textField .inputWrapper .iconContainer.iconContainerHasIcon.iconContainerClickable:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField .inputWrapper .iconContainer .icon {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-primary);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\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-medium);\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-medium);\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_theme-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_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\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"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-2b0a7896a548_0_0_4";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-primary);\n  border: 1px solid;\n  border-color: var(--divider-primary);\n  border-radius: var(--border-radius-small);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: var(--spacing-small) var(--spacing-medium);\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-quaternary);\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-medium);\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-small);\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 .iconContainer.iconContainerHasIcon.iconContainerClickable:hover {\n  background-color: var(--surface-primary-hover);\n}\n\n.textField .inputWrapper .iconContainer.iconContainerHasIcon.iconContainerClickable:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField .inputWrapper .iconContainer .icon {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-primary);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\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-medium);\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-medium);\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_theme-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_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -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_3";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_4";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/Tipseen/Tipseen.module.scss.js CHANGED Viewed

@@ -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_3";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_4";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 CHANGED Viewed

@@ -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-45fb65455644_0_0_3";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}");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-45fb65455644_0_0_4";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}");export{e as default};
 //# sourceMappingURL=TipseenBasicContent.module.scss.js.map

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

@@ -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_3";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_4";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 CHANGED Viewed

@@ -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_3";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_4";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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-ca02e94412a8_0_0_3";if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}(".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}");export{e as default};
+var e={tipseenMedia:"tipseenMedia"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-ca02e94412a8_0_0_4";if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}(".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}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

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

@@ -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_3";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_4";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 CHANGED Viewed

@@ -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_3";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_4";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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={toast:"toast",icon:"icon",content:"content",textContent:"textContent",typeNormal:"typeNormal",typePositive:"typePositive",typeNegative:"typeNegative",typeWarning:"typeWarning",closeButton:"closeButton",actionButton:"actionButton",actionLink:"actionLink",typeDark:"typeDark",enterActive:"enterActive","toast-slide-in-elastic":"toast-slide-in-elastic",exitActive:"exitActive","toast-slide-out":"toast-slide-out"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],o="s_id-bcb599bd3554_0_0_3";if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}(".toast {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  right: 0;\n  left: 0;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n}\n\n.icon {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n\n.content {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n\n.textContent {\n  display: inline-flex;\n  flex-grow: 1;\n}\n\n.typeNormal {\n  background-color: var(--primary-color);\n}\n\n.typePositive {\n  background-color: var(--positive-color);\n}\n\n.typeNegative {\n  background-color: var(--negative-color);\n}\n\n.typeWarning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.typeWarning .closeButton {\n  color: var(--fixed-dark-color);\n}\n\n.typeWarning .actionButton,\n.typeWarning .actionLink {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n\n.typeDark {\n  background-color: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDark .closeButton {\n  color: var(--text-color-on-inverted);\n}\n\n.typeDark .actionButton,\n.typeDark .actionLink {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n\n.enterActive {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-duration: var(--motion-expressive-long);\n  animation-name: toast-slide-in-elastic;\n}\n\n.exitActive {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-duration: var(--motion-productive-long);\n  animation-name: toast-slide-out;\n}\n\n.closeButton {\n  margin-left: var(--spacing-small);\n}\n\n@keyframes toast-slide-in-elastic {\n  0% {\n    transform: translateY(-115px);\n  }\n  33% {\n    transform: translateY(15px);\n  }\n  66% {\n    transform: translateY(-5px);\n  }\n  100% {\n    transform: translateY(0px);\n  }\n}\n\n@keyframes toast-slide-out {\n  0% {\n    transform: translateY(0);\n  }\n  70% {\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(-65px);\n    opacity: 0;\n  }\n}");export{n as default};
+var n={toast:"toast",icon:"icon",content:"content",textContent:"textContent",typeNormal:"typeNormal",typePositive:"typePositive",typeNegative:"typeNegative",typeWarning:"typeWarning",closeButton:"closeButton",actionButton:"actionButton",actionLink:"actionLink",typeDark:"typeDark",enterActive:"enterActive","toast-slide-in-elastic":"toast-slide-in-elastic",exitActive:"exitActive","toast-slide-out":"toast-slide-out"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],o="s_id-bcb599bd3554_0_0_4";if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}(".toast {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  right: 0;\n  left: 0;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n}\n\n.icon {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n\n.content {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n\n.textContent {\n  display: inline-flex;\n  flex-grow: 1;\n}\n\n.typeNormal {\n  background-color: var(--primary-color);\n}\n\n.typePositive {\n  background-color: var(--positive-color);\n}\n\n.typeNegative {\n  background-color: var(--negative-color);\n}\n\n.typeWarning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.typeWarning .closeButton {\n  color: var(--fixed-dark-color);\n}\n\n.typeWarning .actionButton,\n.typeWarning .actionLink {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n\n.typeDark {\n  background-color: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDark .closeButton {\n  color: var(--text-color-on-inverted);\n}\n\n.typeDark .actionButton,\n.typeDark .actionLink {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n\n.enterActive {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-duration: var(--motion-expressive-long);\n  animation-name: toast-slide-in-elastic;\n}\n\n.exitActive {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-duration: var(--motion-productive-long);\n  animation-name: toast-slide-out;\n}\n\n.closeButton {\n  margin-left: var(--spacing-small);\n}\n\n@keyframes toast-slide-in-elastic {\n  0% {\n    transform: translateY(-115px);\n  }\n  33% {\n    transform: translateY(15px);\n  }\n  66% {\n    transform: translateY(-5px);\n  }\n  100% {\n    transform: translateY(0px);\n  }\n}\n\n@keyframes toast-slide-out {\n  0% {\n    transform: translateY(0);\n  }\n  70% {\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(-65px);\n    opacity: 0;\n  }\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

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

@@ -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-6b61b35025c3_0_0_3";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  color: var(--text-color-on-primary);\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-6b61b35025c3_0_0_4";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  color: var(--text-color-on-primary);\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 CHANGED Viewed

@@ -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-8f618f9b895a_0_0_3";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-primary);\n  content: " ";\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--border-radius-small);\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-8f618f9b895a_0_0_4";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-primary);\n  content: " ";\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--border-radius-small);\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 CHANGED Viewed

@@ -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_3";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_4";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 CHANGED Viewed

@@ -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_3";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_4";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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var r={tooltip:"tooltip",withMaxWidth:"withMaxWidth",paddingSizeMd:"paddingSizeMd",tooltipWhiteLink:"tooltipWhiteLink",dark:"dark",arrow:"arrow",white:"white",primary:"primary",success:"success",surface:"surface",private:"private",share:"share",error:"error"};!function(r){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],a="s_id-a8f566618d0b_0_0_3";if(o.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(r))}(".tooltip {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\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}\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-blackish);\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);\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);\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);\n  color: var(--text-color-on-primary);\n}");export{r as default};
+var r={tooltip:"tooltip",withMaxWidth:"withMaxWidth",paddingSizeMd:"paddingSizeMd",tooltipWhiteLink:"tooltipWhiteLink",dark:"dark",arrow:"arrow",white:"white",primary:"primary",success:"success",surface:"surface",private:"private",share:"share",error:"error"};!function(r){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],a="s_id-a8f566618d0b_0_0_4";if(o.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(r))}(".tooltip {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\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}\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-blackish);\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);\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);\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);\n  color: var(--text-color-on-primary);\n}");export{r as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={typography:"typography","focus-visible":"focus-visible",primary:"primary",secondary:"secondary",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-602dc1896178_0_0_3";if(e.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".typography a {\n  text-decoration: none;\n  color: var(--link-color);\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.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",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-602dc1896178_0_0_4";if(e.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".typography a {\n  text-decoration: none;\n  color: var(--link-color);\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.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/VirtualizedGrid/VirtualizedGrid.module.scss.js CHANGED Viewed

@@ -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_3";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_4";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 CHANGED Viewed

@@ -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_3";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_4";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/storybook/functions/createStoryMetaSettingsDecorator.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { CreateStoryMetaSettingsArgs } from "vibe-storybook-components/types";
+import { CreateStoryMetaSettingsArgs } from "@heliux-org/storybook-components/types";
 /**
- * Decorator on createStoryMetaSettings from vibe-storybook-components - adds icons metadata and icons components to function arguments
+ * Decorator on createStoryMetaSettings from @heliux-org/storybook-components - adds icons metadata and icons components to function arguments
  */
-export declare function createStoryMetaSettingsDecorator({ component, enumPropNamesArray, iconPropNamesArray, actionPropsArray, ignoreControlsPropNamesArray, }: Omit<CreateStoryMetaSettingsArgs, "allIconsComponents" | "iconsMetaData">): import("vibe-storybook-components/types").CreateStoryMetaSettingsArgsResult;
+export declare function createStoryMetaSettingsDecorator({ component, enumPropNamesArray, iconPropNamesArray, actionPropsArray, ignoreControlsPropNamesArray, }: Omit<CreateStoryMetaSettingsArgs, "allIconsComponents" | "iconsMetaData">): import("@heliux-org/storybook-components/types").CreateStoryMetaSettingsArgsResult;
 export default createStoryMetaSettingsDecorator;

package/dist/mocked_classnames_esm/style/dist/index.min.css.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o=":root{--motion-productive-short:70ms;--motion-productive-medium:250ms;--motion-productive-long:400ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 4);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter);--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--border-width:1px;--border-style:solid;--border-radius-small:3px;--border-radius-medium:4px;--border-radius-big:16px;--disabled-component-opacity:0.38;--effect-divider-halo:0 0 0 3px var(--divider-halo);--font-family:Inter,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Inter,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-h6:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-h6:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-h6:var(--font-weight-bold) var(--font-size-h6)/var(--font-line-height-h6) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 52px/60px var(--title-font-family);--font-h1-normal:500 52px/60px var(--title-font-family);--font-h1-light:300 52px/60px var(--title-font-family);--font-h2-bold:700 44px/64px var(--title-font-family);--font-h2-normal:500 44px/64px var(--title-font-family);--font-h2-light:300 44px/64px var(--title-font-family);--font-h3-bold:600 28px/44px var(--title-font-family);--font-h3-normal:500 28px/44px var(--title-font-family);--font-h3-light:300 28px/44px var(--title-font-family);--font-h4-bold:600 22px/34px var(--title-font-family);--font-h4-normal:500 22px/34px var(--title-font-family);--font-h4-light:300 22px/34px var(--title-font-family);--font-h5-bold:600 18px/24px var(--title-font-family);--font-h5-normal:500 18px/24px var(--title-font-family);--font-h5-light:300 18px/24px var(--title-font-family);--font-h6-bold:600 14px/18px var(--title-font-family);--font-h6-normal:500 14px/18px var(--title-font-family);--font-h6-light:300 14px/18px var(--title-font-family);--font-text1-bold:700 14px/24px var(--font-family);--font-text1-medium:600 14px/24px var(--font-family);--font-text1-normal:400 14px/24px var(--font-family);--font-text2-bold:700 12px/18px var(--font-family);--font-text2-medium:600 12px/18px var(--font-family);--font-text2-normal:400 12px/18px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px;--letter-spacing-h4-bold:-0.1px;--letter-spacing-h4-normal:-0.1px;--letter-spacing-h4-light:-0.1px;--letter-spacing-h5-bold:-0.1px;--letter-spacing-h5-normal:-0.1px;--letter-spacing-h5-light:-0.1px;--letter-spacing-h6-bold:-0.1px;--letter-spacing-h6-normal:-0.1px;--letter-spacing-h6-light:-0.1px}.default-app-theme,.light-app-theme,:root{--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--color-white:#FFFFFF;--color-black:#000000;--color-titanium-500:#f1f1ed;--color-obsidian-500:#222225;--color-solar-flare-100:#ffdfe3;--color-solar-flare-200:#ffadb7;--color-solar-flare-300:#ff697b;--color-solar-flare-400:#ff3a52;--color-solar-flare-500:#ff0020;--color-solar-flare-600:#de001c;--color-solar-flare-700:#bb0018;--color-solar-flare-800:#8b0012;--color-solar-flare-900:#60000c;--color-solar-flare-950:#3c0008;--color-gray-100:#f8f8f8;--color-gray-200:#e9e9e9;--color-gray-300:#d1d1d1;--color-gray-400:#b5b5b5;--color-gray-500:#8e8e8e;--color-gray-600:#757575;--color-gray-700:#5c5c5c;--color-gray-800:#3a3a3a;--color-gray-900:#212121;--color-gray-950:#111111;--color-yellow-100:#fffbf2;--color-yellow-200:#ffedca;--color-yellow-300:#ffd993;--color-yellow-400:#ffc769;--color-yellow-500:#ffb444;--color-yellow-600:#cf9330;--color-yellow-700:#9e721f;--color-yellow-800:#6e5011;--color-yellow-900:#3d2d07;--color-yellow-950:#281d04;--color-orange-100:#FCF6F3;--color-orange-200:#FEDBC9;--color-orange-300:#F8B897;--color-orange-400:#F29261;--color-orange-500:#E17037;--color-orange-600:#C9571D;--color-orange-700:#A34110;--color-orange-800:#80320A;--color-orange-900:#572004;--color-orange-950:#351302;--color-lime-100:#f2fced;--color-lime-200:#cff1ba;--color-lime-300:#ace48a;--color-lime-400:#8ad35d;--color-lime-500:#68bf33;--color-lime-600:#54a324;--color-lime-700:#418518;--color-lime-800:#2f650e;--color-lime-900:#1d4207;--color-lime-950:#132e02;--color-green-100:#f0f7f5;--color-green-200:#b4d8cc;--color-green-300:#78b6a3;--color-green-400:#3e9178;--color-green-500:#076b4d;--color-green-600:#025b40;--color-green-700:#004932;--color-green-800:#003524;--color-green-900:#001f14;--color-green-950:#00170f;--color-teal-100:#eff8fb;--color-teal-200:#c2e5ed;--color-teal-300:#97cfdc;--color-teal-400:#6eb8c9;--color-teal-500:#48a0b4;--color-teal-600:#378799;--color-teal-700:#286c7c;--color-teal-800:#1b515d;--color-teal-900:#0f343d;--color-teal-950:#061f25;--color-steel-100:#f2f5f8;--color-steel-200:#c1cfdd;--color-steel-300:#91a9c0;--color-steel-400:#6383a1;--color-steel-500:#375d81;--color-steel-600:#2b4d6e;--color-steel-700:#1f3d59;--color-steel-800:#152d44;--color-steel-900:#0d1d2d;--color-steel-950:#07121e;--color-pink-100:#fbeefc;--color-pink-200:#efbff0;--color-pink-300:#e093e1;--color-pink-400:#ce69d0;--color-pink-500:#ba42bc;--color-pink-600:#9e31a0;--color-pink-700:#812382;--color-pink-800:#611762;--color-pink-900:#3f0d40;--color-pink-950:#250526;--color-red-100:#f9ebeb;--color-red-200:#e4b0b0;--color-red-300:#cc7775;--color-red-400:#b1423c;--color-red-500:#930f08;--color-red-600:#810701;--color-red-700:#6d0200;--color-red-800:#560000;--color-red-900:#3d0000;--color-red-950:#260000;--color-purple-100:#f3ebf9;--color-purple-200:#ab7cd0;--color-purple-300:#ab7cd0;--color-purple-400:#8749b8;--color-purple-500:#62199c;--color-purple-600:#531088;--color-purple-700:#41086e;--color-purple-800:#300353;--color-purple-900:#1e0037;--color-purple-950:#130023;--primary-color:#375d81;--primary-hover-color:#152d44;--surface-selected:#f2f5f8;--primary-selected-hover-color:#07121e;--primary-highlighted-color:#c1cfdd;--text-primary:#212121;--text-secondary:#8e8e8e;--text-tertiary:#d1d1d1;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#FFFFFF;--placeholder-color:#8e8e8e;--icon-primary:#212121;--link-color:#375d81;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#FFFFFF;--surface-primary-hover:#f8f8f8;--surface-secondary:#f8f8f8;--surface-tertiary:#e9e9e9;--surface-quaternary:#d1d1d1;--surface-inverse:#000000;--surface-success:#f0f7f5;--surface-alert:#f9ebeb;--surface-warning:#fffbf2;--disabled-background-color:#ecedf5;--disabled-text-color:rgba(33, 33, 33, var(--disabled-component-opacity));--positive-color:#3e9178;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#004932;--negative-color:#b1423c;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#6d0200;--divider-primary:#e9e9e9;--divider-secondary:#d1d1d1;--divider-overlay:rgba(7, 18, 30, 0.1);--divider-halo:#c1cfdd;--divider-selected:#375d81;--warning-color:#ffc769;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#9e721f;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#f2f5f8;--brand-selected-hover-color:#07121e;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px rgba(7, 18, 30, 0.1);--box-shadow-small:0px 4px 8px rgba(7, 18, 30, 0.2);--box-shadow-medium:0px 6px 20px rgba(7, 18, 30, 0.2);--box-shadow-large:0px 15px 50px rgba(7, 18, 30, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff642e;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#e2445c;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#ff158a;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#a25ddc;--color-purple-hover:#8050ab;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#0086c0;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#68a1bd;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#808080;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#d974b0;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#ad967a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#bd816e;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#2b76e5;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#808080;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff158a;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#a25ddc;--color-dark-purple:#784bd1;--color-blue_links:#0086c0;--color-blue-links:#0086c0;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#e2445c;--color-red-shadow:#e2445c;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--text-tertiary:#d1d1d1;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--surface-primary-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--surface-secondary-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(33, 33, 33, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d1d1d1;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(7, 18, 30, 0.2)}.dark-app-theme{--primary-color:#375d81;--primary-on-secondary-color:#0073ea;--primary-hover-color:#152d44;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#323338;--placeholder-color:#c3c6d4;--icon-primary:#c3c6d4;--link-color:#69a7ef;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#0d1d2d;--surface-primary-hover:rgba(13, 29, 45, 0.3);--surface-secondary:#000000;--surface-tertiary:#000000;--surface-quaternary:#30324e;--surface-inverse:#f2f5f8;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3c3f59;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--divider-primary:#1f3d59;--divider-secondary:#2b4d6e;--divider-overlay:rgba(7, 18, 30, 0.1);--divider-halo:#2b4d6e;--divider-selected:#375d81;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px rgba(7, 18, 30, 0.5);--box-shadow-small:0px 4px 8px rgba(7, 18, 30, 0.5);--box-shadow-medium:0px 6px 20px rgba(7, 18, 30, 0.5);--box-shadow-large:0px 15px 50px rgba(7, 18, 30, 0.5);--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry:#6645a9;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#2e1b67;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#1f3866;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#272937;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#b4739a;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#2e4d58;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#85597b;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac:#b1adc7;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#4a4148;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--surface-primary-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--surface-secondary-rgb:48,50,78;--text-tertiary:#5c5c5c;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(7, 18, 30, 0.2)}.black-app-theme{--primary-color:#375d81;--primary-on-secondary-color:#0073ea;--primary-hover-color:#152d44;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#111111;--placeholder-color:#aaaaaa;--icon-primary:#aaaaaa;--link-color:#375d81;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#212121;--surface-primary-hover:rgba(33, 33, 33, 0.3);--surface-secondary:#000000;--surface-tertiary:#000000;--surface-quaternary:#000000;--surface-inverse:#FFFFFF;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--divider-primary:#5c5c5c;--divider-secondary:#757575;--divider-overlay:rgba(0, 0, 0, 0.1);--divider-halo:#2b4d6e;--divider-selected:#375d81;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--surface-primary-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--surface-secondary-rgb:44,44,44;--text-tertiary:#5c5c5c;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(7, 18, 30, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-inverted:#323338;--placeholder-color:#c3c6d4;--icon-primary:#c3c6d4;--link-color:#bd93f9;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#111111;--surface-primary-hover:rgba(17, 17, 17, 0.3);--surface-secondary:#000000;--surface-tertiary:#000000;--surface-quaternary:#000000;--surface-inverse:#FFFFFF;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--divider-primary:#5c5c5c;--divider-secondary:#757575;--divider-overlay:rgba(0, 0, 0, 0.1);--divider-halo:#2b4d6e;--divider-selected:#375d81;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--surface-selected-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--surface-primary-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--surface-secondary-rgb:48,50,78;--text-tertiary:#5c5c5c;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(7, 18, 30, 0.2)}";!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-f7d7405cca5f_0_0_3";if(e.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c),c.appendChild(document.createTextNode(o))}(o);export{o as default};
+var o=":root{--motion-productive-short:70ms;--motion-productive-medium:250ms;--motion-productive-long:400ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 4);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter);--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--border-width:1px;--border-style:solid;--border-radius-small:3px;--border-radius-medium:4px;--border-radius-big:16px;--disabled-component-opacity:0.38;--effect-divider-halo:0 0 0 3px var(--divider-halo);--font-family:Inter,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Inter,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-h6:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-h6:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-h6:var(--font-weight-bold) var(--font-size-h6)/var(--font-line-height-h6) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 52px/60px var(--title-font-family);--font-h1-normal:500 52px/60px var(--title-font-family);--font-h1-light:300 52px/60px var(--title-font-family);--font-h2-bold:700 44px/64px var(--title-font-family);--font-h2-normal:500 44px/64px var(--title-font-family);--font-h2-light:300 44px/64px var(--title-font-family);--font-h3-bold:600 28px/44px var(--title-font-family);--font-h3-normal:500 28px/44px var(--title-font-family);--font-h3-light:300 28px/44px var(--title-font-family);--font-h4-bold:600 22px/34px var(--title-font-family);--font-h4-normal:500 22px/34px var(--title-font-family);--font-h4-light:300 22px/34px var(--title-font-family);--font-h5-bold:600 18px/24px var(--title-font-family);--font-h5-normal:500 18px/24px var(--title-font-family);--font-h5-light:300 18px/24px var(--title-font-family);--font-h6-bold:600 14px/18px var(--title-font-family);--font-h6-normal:500 14px/18px var(--title-font-family);--font-h6-light:300 14px/18px var(--title-font-family);--font-text1-bold:700 14px/24px var(--font-family);--font-text1-medium:600 14px/24px var(--font-family);--font-text1-normal:400 14px/24px var(--font-family);--font-text2-bold:700 12px/18px var(--font-family);--font-text2-medium:600 12px/18px var(--font-family);--font-text2-normal:400 12px/18px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px;--letter-spacing-h4-bold:-0.1px;--letter-spacing-h4-normal:-0.1px;--letter-spacing-h4-light:-0.1px;--letter-spacing-h5-bold:-0.1px;--letter-spacing-h5-normal:-0.1px;--letter-spacing-h5-light:-0.1px;--letter-spacing-h6-bold:-0.1px;--letter-spacing-h6-normal:-0.1px;--letter-spacing-h6-light:-0.1px}.default-app-theme,.light-app-theme,:root{--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--color-white:#FFFFFF;--color-black:#000000;--color-titanium-500:#f1f1ed;--color-obsidian-500:#222225;--color-solar-flare-100:#ffdfe3;--color-solar-flare-200:#ffadb7;--color-solar-flare-300:#ff697b;--color-solar-flare-400:#ff3a52;--color-solar-flare-500:#ff0020;--color-solar-flare-600:#de001c;--color-solar-flare-700:#bb0018;--color-solar-flare-800:#8b0012;--color-solar-flare-900:#60000c;--color-solar-flare-950:#3c0008;--color-gray-100:#f8f8f8;--color-gray-200:#e9e9e9;--color-gray-300:#d1d1d1;--color-gray-400:#b5b5b5;--color-gray-500:#8e8e8e;--color-gray-600:#757575;--color-gray-700:#5c5c5c;--color-gray-800:#3a3a3a;--color-gray-900:#212121;--color-gray-950:#111111;--color-yellow-100:#fffbf2;--color-yellow-200:#ffedca;--color-yellow-300:#ffd993;--color-yellow-400:#ffc769;--color-yellow-500:#ffb444;--color-yellow-600:#cf9330;--color-yellow-700:#9e721f;--color-yellow-800:#6e5011;--color-yellow-900:#3d2d07;--color-yellow-950:#281d04;--color-orange-100:#FCF6F3;--color-orange-200:#FEDBC9;--color-orange-300:#F8B897;--color-orange-400:#F29261;--color-orange-500:#E17037;--color-orange-600:#C9571D;--color-orange-700:#A34110;--color-orange-800:#80320A;--color-orange-900:#572004;--color-orange-950:#351302;--color-lime-100:#f2fced;--color-lime-200:#cff1ba;--color-lime-300:#ace48a;--color-lime-400:#8ad35d;--color-lime-500:#68bf33;--color-lime-600:#54a324;--color-lime-700:#418518;--color-lime-800:#2f650e;--color-lime-900:#1d4207;--color-lime-950:#132e02;--color-green-100:#f0f7f5;--color-green-200:#b4d8cc;--color-green-300:#78b6a3;--color-green-400:#3e9178;--color-green-500:#076b4d;--color-green-600:#025b40;--color-green-700:#004932;--color-green-800:#003524;--color-green-900:#001f14;--color-green-950:#00170f;--color-teal-100:#eff8fb;--color-teal-200:#c2e5ed;--color-teal-300:#97cfdc;--color-teal-400:#6eb8c9;--color-teal-500:#48a0b4;--color-teal-600:#378799;--color-teal-700:#286c7c;--color-teal-800:#1b515d;--color-teal-900:#0f343d;--color-teal-950:#061f25;--color-steel-100:#f2f5f8;--color-steel-200:#c1cfdd;--color-steel-300:#91a9c0;--color-steel-400:#6383a1;--color-steel-500:#375d81;--color-steel-600:#2b4d6e;--color-steel-700:#1f3d59;--color-steel-800:#152d44;--color-steel-900:#0d1d2d;--color-steel-950:#07121e;--color-pink-100:#fbeefc;--color-pink-200:#efbff0;--color-pink-300:#e093e1;--color-pink-400:#ce69d0;--color-pink-500:#ba42bc;--color-pink-600:#9e31a0;--color-pink-700:#812382;--color-pink-800:#611762;--color-pink-900:#3f0d40;--color-pink-950:#250526;--color-red-100:#f9ebeb;--color-red-200:#e4b0b0;--color-red-300:#cc7775;--color-red-400:#b1423c;--color-red-500:#930f08;--color-red-600:#810701;--color-red-700:#6d0200;--color-red-800:#560000;--color-red-900:#3d0000;--color-red-950:#260000;--color-purple-100:#f3ebf9;--color-purple-200:#ab7cd0;--color-purple-300:#ab7cd0;--color-purple-400:#8749b8;--color-purple-500:#62199c;--color-purple-600:#531088;--color-purple-700:#41086e;--color-purple-800:#300353;--color-purple-900:#1e0037;--color-purple-950:#130023;--primary-color:#375d81;--primary-hover-color:#152d44;--surface-selected:#f2f5f8;--primary-selected-hover-color:#07121e;--primary-highlighted-color:#c1cfdd;--text-primary:#212121;--text-secondary:#8e8e8e;--text-tertiary:#d1d1d1;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#FFFFFF;--placeholder-color:#8e8e8e;--icon-primary:#212121;--link-color:#375d81;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#FFFFFF;--surface-primary-hover:#f8f8f8;--surface-secondary:#f8f8f8;--surface-tertiary:#e9e9e9;--surface-quaternary:#d1d1d1;--surface-inverse:#000000;--surface-success:#f0f7f5;--surface-alert:#f9ebeb;--surface-warning:#fffbf2;--disabled-background-color:#ecedf5;--disabled-text-color:rgba(33, 33, 33, var(--disabled-component-opacity));--positive-color:#3e9178;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#004932;--negative-color:#b1423c;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#6d0200;--divider-primary:#e9e9e9;--divider-secondary:#d1d1d1;--divider-overlay:rgba(7, 18, 30, 0.1);--divider-halo:#c1cfdd;--divider-selected:#375d81;--warning-color:#ffc769;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#9e721f;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#f2f5f8;--brand-selected-hover-color:#07121e;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px rgba(7, 18, 30, 0.1);--box-shadow-small:0px 4px 8px rgba(7, 18, 30, 0.2);--box-shadow-medium:0px 6px 20px rgba(7, 18, 30, 0.2);--box-shadow-large:0px 15px 50px rgba(7, 18, 30, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff642e;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#e2445c;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#ff158a;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#a25ddc;--color-purple-hover:#8050ab;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#0086c0;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#68a1bd;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#808080;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#d974b0;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#ad967a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#bd816e;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#2b76e5;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#808080;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff158a;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#a25ddc;--color-dark-purple:#784bd1;--color-blue_links:#0086c0;--color-blue-links:#0086c0;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#e2445c;--color-red-shadow:#e2445c;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--text-tertiary:#d1d1d1;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--surface-primary-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--surface-secondary-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(33, 33, 33, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d1d1d1;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(7, 18, 30, 0.2)}.dark-app-theme{--primary-color:#375d81;--primary-on-secondary-color:#0073ea;--primary-hover-color:#152d44;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#323338;--placeholder-color:#c3c6d4;--icon-primary:#c3c6d4;--link-color:#69a7ef;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#0d1d2d;--surface-primary-hover:rgba(13, 29, 45, 0.3);--surface-secondary:#000000;--surface-tertiary:#000000;--surface-quaternary:#30324e;--surface-inverse:#f2f5f8;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3c3f59;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--divider-primary:#1f3d59;--divider-secondary:#2b4d6e;--divider-overlay:rgba(7, 18, 30, 0.1);--divider-halo:#2b4d6e;--divider-selected:#375d81;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px rgba(7, 18, 30, 0.5);--box-shadow-small:0px 4px 8px rgba(7, 18, 30, 0.5);--box-shadow-medium:0px 6px 20px rgba(7, 18, 30, 0.5);--box-shadow-large:0px 15px 50px rgba(7, 18, 30, 0.5);--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry:#6645a9;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#2e1b67;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#1f3866;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#272937;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#b4739a;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#2e4d58;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#85597b;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac:#b1adc7;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#4a4148;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--surface-primary-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--surface-secondary-rgb:48,50,78;--text-tertiary:#5c5c5c;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(7, 18, 30, 0.2)}.black-app-theme{--primary-color:#375d81;--primary-on-secondary-color:#0073ea;--primary-hover-color:#152d44;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#111111;--placeholder-color:#aaaaaa;--icon-primary:#aaaaaa;--link-color:#375d81;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#212121;--surface-primary-hover:rgba(33, 33, 33, 0.3);--surface-secondary:#000000;--surface-tertiary:#000000;--surface-quaternary:#000000;--surface-inverse:#FFFFFF;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--divider-primary:#5c5c5c;--divider-secondary:#757575;--divider-overlay:rgba(0, 0, 0, 0.1);--divider-halo:#2b4d6e;--divider-selected:#375d81;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--surface-primary-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--surface-secondary-rgb:44,44,44;--text-tertiary:#5c5c5c;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(7, 18, 30, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-inverted:#323338;--placeholder-color:#c3c6d4;--icon-primary:#c3c6d4;--link-color:#bd93f9;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#111111;--surface-primary-hover:rgba(17, 17, 17, 0.3);--surface-secondary:#000000;--surface-tertiary:#000000;--surface-quaternary:#000000;--surface-inverse:#FFFFFF;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--divider-primary:#5c5c5c;--divider-secondary:#757575;--divider-overlay:rgba(0, 0, 0, 0.1);--divider-halo:#2b4d6e;--divider-selected:#375d81;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--surface-selected-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--surface-primary-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--surface-secondary-rgb:48,50,78;--text-tertiary:#5c5c5c;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(7, 18, 30, 0.2)}";!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-f7d7405cca5f_0_0_4";if(e.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c),c.appendChild(document.createTextNode(o))}(o);export{o as default};
 //# sourceMappingURL=index.min.css.js.map

package/dist/storybook/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import 'vibe-storybook-components/index.css';
-export * from 'vibe-storybook-components'
+import '@heliux-org/storybook-components/index.css';
+export * from '@heliux-org/storybook-components'

package/dist/types/components/Combobox/ComboboxHelpers/ComboboxHelpers.d.ts CHANGED Viewed

@@ -21,7 +21,7 @@ export declare function useKeyboardNavigation({ defaultVisualFocusFirstIndex, in
 }): {
     visualFocusItemIndex: number;
     visualFocusItemId: string;
-    onOptionClick: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>, index: number) => void;
+    onOptionClick: (event: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>, index: number) => void;
 };
 export declare function createDividerItemObject({ categoryId, }: {
     categoryId: string;

package/dist/types/components/Slider/SliderHelpers.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ export declare function calcDimensions(max: number, min: number, ranged: boolean
 export declare function calculatePageStep(max: number, min: number, step: number): number;
 export declare function ensureDefaultValue(defaultValue: number | number[], min: number, max: number, ranged: boolean): number | number[];
 export declare function ensureValueText(valueText: string, value: number | number[], formatter: (value: number) => string): string | string[];
-export declare function getNearest(newValue: number, ranged: boolean, value: number | number[]): 0 | 1;
+export declare function getNearest(newValue: number, ranged: boolean, value: number | number[]): 1 | 0;
 export declare function moveToPx(offsetInPx: number, min: number, max: number, railCoords: {
     width: number;
 }, step: number): number;

package/dist/types/components/new/utils/functions/polymorphic.d.ts CHANGED Viewed

@@ -21,7 +21,7 @@ import type { PolymorphicForwardRefComponent } from "../props";
  *
  * @private
  */
-export declare const polymorphic: ((className: string, attrs?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> | React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement> | React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.SVGProps<SVGSymbolElement> | React.DetailedHTMLProps<React.ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement> | React.DetailedHTMLProps<React.LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement> | React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> | React.DetailedHTMLProps<React.AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement> | React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement> | React.DetailedHTMLProps<React.BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement> | React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement> | React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | React.DetailedHTMLProps<React.CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement> | React.DetailedHTMLProps<React.ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | React.DetailedHTMLProps<React.ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | React.DetailedHTMLProps<React.DataHTMLAttributes<HTMLDataElement>, HTMLDataElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDataListElement>, HTMLDataListElement> | React.DetailedHTMLProps<React.DelHTMLAttributes<HTMLModElement>, HTMLModElement> | React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement> | React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement> | React.DetailedHTMLProps<React.EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement> | React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement> | React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadElement>, HTMLHeadElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement> | React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement> | React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement> | React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> | React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | React.DetailedHTMLProps<React.InsHTMLAttributes<HTMLModElement>, HTMLModElement> | React.DetailedHTMLProps<React.KeygenHTMLAttributes<HTMLElement>, HTMLElement> | React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement> | React.DetailedHTMLProps<React.MapHTMLAttributes<HTMLMapElement>, HTMLMapElement> | React.DetailedHTMLProps<React.MenuHTMLAttributes<HTMLElement>, HTMLElement> | React.DetailedHTMLProps<React.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement> | React.DetailedHTMLProps<React.MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement> | React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement> | React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement> | React.DetailedHTMLProps<React.OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | React.DetailedHTMLProps<React.ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLPreElement>, HTMLPreElement> | React.DetailedHTMLProps<React.ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement> | React.DetailedHTMLProps<React.QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement> | React.DetailedHTMLProps<React.SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement> | React.DetailedHTMLProps<React.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement> | React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> | React.DetailedHTMLProps<React.SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement> | React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement> | React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement> | React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> | React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement> | React.DetailedHTMLProps<React.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLTitleElement>, HTMLTitleElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> | React.DetailedHTMLProps<React.TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement> | React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> | React.DetailedHTMLProps<React.WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement> | React.SVGTextElementAttributes<SVGTextElement> | React.SVGProps<SVGCircleElement> | React.SVGProps<SVGClipPathElement> | React.SVGProps<SVGFilterElement> | React.SVGProps<SVGMaskElement> | React.SVGProps<SVGMarkerElement> | React.SVGProps<SVGElement> | React.SVGProps<SVGDefsElement> | React.SVGProps<SVGDescElement> | React.SVGProps<SVGEllipseElement> | React.SVGProps<SVGFEBlendElement> | React.SVGProps<SVGFEColorMatrixElement> | React.SVGProps<SVGFEComponentTransferElement> | React.SVGProps<SVGFECompositeElement> | React.SVGProps<SVGFEConvolveMatrixElement> | React.SVGProps<SVGFEDiffuseLightingElement> | React.SVGProps<SVGFEDisplacementMapElement> | React.SVGProps<SVGFEDistantLightElement> | React.SVGProps<SVGFEDropShadowElement> | React.SVGProps<SVGFEFloodElement> | React.SVGProps<SVGFEFuncAElement> | React.SVGProps<SVGFEFuncBElement> | React.SVGProps<SVGFEFuncGElement> | React.SVGProps<SVGFEFuncRElement> | React.SVGProps<SVGFEGaussianBlurElement> | React.SVGProps<SVGFEImageElement> | React.SVGProps<SVGFEMergeElement> | React.SVGProps<SVGFEMergeNodeElement> | React.SVGProps<SVGFEMorphologyElement> | React.SVGProps<SVGFEOffsetElement> | React.SVGProps<SVGFEPointLightElement> | React.SVGProps<SVGFESpecularLightingElement> | React.SVGProps<SVGFESpotLightElement> | React.SVGProps<SVGFETileElement> | React.SVGProps<SVGFETurbulenceElement> | React.SVGProps<SVGForeignObjectElement> | React.SVGProps<SVGGElement> | React.SVGProps<SVGImageElement> | React.SVGLineElementAttributes<SVGLineElement> | React.SVGProps<SVGLinearGradientElement> | React.SVGProps<SVGMetadataElement> | React.SVGProps<SVGPathElement> | React.SVGProps<SVGPatternElement> | React.SVGProps<SVGPolygonElement> | React.SVGProps<SVGPolylineElement> | React.SVGProps<SVGRadialGradientElement> | React.SVGProps<SVGRectElement> | React.SVGProps<SVGStopElement> | React.SVGProps<SVGSVGElement> | React.SVGProps<SVGSwitchElement> | React.SVGProps<SVGTextPathElement> | React.SVGProps<SVGTSpanElement> | React.SVGProps<SVGUseElement> | React.SVGProps<SVGViewElement>) => PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>) & {
+export declare const polymorphic: ((className: string, attrs?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> | React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement> | React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement> | React.SVGProps<SVGSymbolElement> | React.DetailedHTMLProps<React.ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement> | React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | React.DetailedHTMLProps<React.LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement> | React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement> | React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement> | React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> | React.DetailedHTMLProps<React.MenuHTMLAttributes<HTMLElement>, HTMLElement> | React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement> | React.SVGProps<SVGSwitchElement> | React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> | React.SVGTextElementAttributes<SVGTextElement> | React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement> | React.DetailedHTMLProps<React.SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLTitleElement>, HTMLTitleElement> | React.SVGProps<SVGClipPathElement> | React.SVGProps<SVGFilterElement> | React.SVGProps<SVGMaskElement> | React.SVGProps<SVGPathElement> | React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> | React.DetailedHTMLProps<React.AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement> | React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement> | React.DetailedHTMLProps<React.BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement> | React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement> | React.DetailedHTMLProps<React.CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement> | React.DetailedHTMLProps<React.ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | React.DetailedHTMLProps<React.ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement> | React.DetailedHTMLProps<React.DataHTMLAttributes<HTMLDataElement>, HTMLDataElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDataListElement>, HTMLDataListElement> | React.DetailedHTMLProps<React.DelHTMLAttributes<HTMLModElement>, HTMLModElement> | React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement> | React.DetailedHTMLProps<React.EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement> | React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadElement>, HTMLHeadElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement> | React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement> | React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement> | React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | React.DetailedHTMLProps<React.InsHTMLAttributes<HTMLModElement>, HTMLModElement> | React.DetailedHTMLProps<React.KeygenHTMLAttributes<HTMLElement>, HTMLElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement> | React.DetailedHTMLProps<React.MapHTMLAttributes<HTMLMapElement>, HTMLMapElement> | React.DetailedHTMLProps<React.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement> | React.DetailedHTMLProps<React.MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement> | React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement> | React.DetailedHTMLProps<React.OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | React.DetailedHTMLProps<React.ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLPreElement>, HTMLPreElement> | React.DetailedHTMLProps<React.ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement> | React.DetailedHTMLProps<React.QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement> | React.DetailedHTMLProps<React.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement> | React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> | React.DetailedHTMLProps<React.SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement> | React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement> | React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> | React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement> | React.DetailedHTMLProps<React.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> | React.DetailedHTMLProps<React.TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement> | React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> | React.DetailedHTMLProps<React.WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement> | React.SVGProps<SVGCircleElement> | React.SVGProps<SVGMarkerElement> | React.SVGProps<SVGElement> | React.SVGProps<SVGDefsElement> | React.SVGProps<SVGDescElement> | React.SVGProps<SVGEllipseElement> | React.SVGProps<SVGFEBlendElement> | React.SVGProps<SVGFEColorMatrixElement> | React.SVGProps<SVGFEComponentTransferElement> | React.SVGProps<SVGFECompositeElement> | React.SVGProps<SVGFEConvolveMatrixElement> | React.SVGProps<SVGFEDiffuseLightingElement> | React.SVGProps<SVGFEDisplacementMapElement> | React.SVGProps<SVGFEDistantLightElement> | React.SVGProps<SVGFEDropShadowElement> | React.SVGProps<SVGFEFloodElement> | React.SVGProps<SVGFEFuncAElement> | React.SVGProps<SVGFEFuncBElement> | React.SVGProps<SVGFEFuncGElement> | React.SVGProps<SVGFEFuncRElement> | React.SVGProps<SVGFEGaussianBlurElement> | React.SVGProps<SVGFEImageElement> | React.SVGProps<SVGFEMergeElement> | React.SVGProps<SVGFEMergeNodeElement> | React.SVGProps<SVGFEMorphologyElement> | React.SVGProps<SVGFEOffsetElement> | React.SVGProps<SVGFEPointLightElement> | React.SVGProps<SVGFESpecularLightingElement> | React.SVGProps<SVGFESpotLightElement> | React.SVGProps<SVGFETileElement> | React.SVGProps<SVGFETurbulenceElement> | React.SVGProps<SVGForeignObjectElement> | React.SVGProps<SVGGElement> | React.SVGProps<SVGImageElement> | React.SVGLineElementAttributes<SVGLineElement> | React.SVGProps<SVGLinearGradientElement> | React.SVGProps<SVGMetadataElement> | React.SVGProps<SVGPatternElement> | React.SVGProps<SVGPolygonElement> | React.SVGProps<SVGPolylineElement> | React.SVGProps<SVGRadialGradientElement> | React.SVGProps<SVGRectElement> | React.SVGProps<SVGStopElement> | React.SVGProps<SVGSVGElement> | React.SVGProps<SVGTextPathElement> | React.SVGProps<SVGTSpanElement> | React.SVGProps<SVGUseElement> | React.SVGProps<SVGViewElement>) => PolymorphicForwardRefComponent<NonNullable<keyof JSX.IntrinsicElements>, {}>) & {
     a: (className: string, attrs?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>) => PolymorphicForwardRefComponent<"a", {}>;
     abbr: (className: string, attrs?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>) => PolymorphicForwardRefComponent<"abbr", {}>;
     address: (className: string, attrs?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>) => PolymorphicForwardRefComponent<"address", {}>;

package/dist/types/components/new/utils/hooks/useIsomorphicLayoutEffect.d.ts CHANGED Viewed

@@ -6,5 +6,5 @@ import * as React from 'react';
  *
  * @see https://fb.me/react-uselayouteffect-ssr
  */
-declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
+declare const useIsomorphicLayoutEffect: typeof React.useEffect;
 export { useIsomorphicLayoutEffect as useLayoutEffect };

package/dist/types/hooks/useClickableProps/useClickableProps.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ export default function useClickableProps({ onClick, onMouseDown, onMouseEnter,
     ref: React.RefObject<HTMLElement>;
     id: string;
     "data-testid": string;
-    onClick: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
+    onClick: (event: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>) => void;
     onKeyDown: (e: React.KeyboardEvent<Element>) => void;
     onMouseDown: (event: React.MouseEvent<Element, MouseEvent>) => void;
     onMouseEnter: (event: React.MouseEvent<Element, MouseEvent>) => void;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@heliux-org/design-system-core",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Official Heliux design system resources for application development in React.js",
   "main": "./dist/main.js",
   "types": "./dist/types.d.ts",
@@ -100,6 +100,7 @@
   },
   "homepage": "https://github.com/mondaycom/monday-ui-react-core#readme",
   "dependencies": {
+    "@heliux-org/storybook-components": "^0.17.2",
     "@popperjs/core": "2.11.6",
     "@types/react-table": "^7.7.20",
     "a11y-dialog": "^7.5.2",
@@ -108,7 +109,7 @@
     "browserslist-config-monday": "1.0.6",
     "classnames": "^2.3.2",
     "framer-motion": "^6.5.1",
-    "heliux-ui-style": "^1.0.1",
+    "heliux-ui-style": "^1.0.2",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "prop-types": "^15.8.1",
@@ -123,8 +124,7 @@
     "react-virtualized-auto-sizer": "^1.0.7",
     "react-window": "^1.8.7",
     "react-windowed-select": "^2.0.4",
-    "style-inject": "^0.3.0",
-    "vibe-storybook-components": "0.17.1"
+    "style-inject": "^0.3.0"
   },
   "devDependencies": {
     "@babel/core": "^7.23.2",
@@ -291,5 +291,5 @@
       "PR: Icon 💎": "New Icons"
     }
   },
-  "gitHead": "a5051b152dfe6a839b6e4c3b3dab3e7b38e1e4ab"
+  "gitHead": "b2b88053822e8930136ab18092b04d664f68b7d3"
 }

package/src/components/Accordion/Accordion/__stories__/accordion.mdx CHANGED Viewed

@@ -6,7 +6,7 @@ import {
   EXPAND_COLLAPSE,
   TABLE
 } from "../../../../storybook/components/related-components/component-description-map";
-import { UsageGuidelines } from "vibe-storybook-components";
+import { UsageGuidelines } from "@heliux-org/storybook-components";
 import * as AccordionStories from "./accordion.stories";
 <Meta of={AccordionStories} />

package/src/components/AlertBanner/__stories__/alertBanner.mdx CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Canvas, Meta, Story } from "@storybook/blocks";
-import { ComponentRules, Link, UsageGuidelines } from "vibe-storybook-components";
+import { ComponentRules, Link, UsageGuidelines } from "@heliux-org/storybook-components";
 import AlertBanner from "../AlertBanner";
 import AlertBannerText from "../AlertBannerText/AlertBannerText";
 import AlertBannerLink from "../AlertBannerLink/AlertBannerLink";

package/src/components/AlertBanner/__stories__/alertBanner.stories.helpers.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { StorybookLink, Tip } from "vibe-storybook-components";
+import { StorybookLink, Tip } from "@heliux-org/storybook-components";
 export const TipWhenToUse = () => (
   <Tip title="When to use?">