@vibe/core 3.61.1 → 3.62.1-alpha-ab54f.0

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

@@ -1,2 +1,2 @@
-var e={textField:"textField_1f6e0424ea",labelWrapper:"labelWrapper_f2ae9cfae2",subTextContainer:"subTextContainer_a6007ee77c",counter:"counter_d8542cec29",disabled:"disabled_a302906e86",icon:"icon_ac5771f39c",inputWrapper:"inputWrapper_ac5771f39c",input:"input_b06a0f13e1",iconContainer:"iconContainer_f54f17794b",iconContainerHasIcon:"iconContainerHasIcon_52a154b8fa",readOnly:"readOnly_0b043deeb3",inputHover:"inputHover_1a367bbc7e",inputActive:"inputActive_043f138e18",inputHasIcon:"inputHasIcon_cb8586a0e5",round:"round_5c8b302c34",square:"square_da6585a090",onlyUnderline:"onlyUnderline_3568bd9f59",tooltipContainer:"tooltipContainer_039c9e2435",wrapperSizeMedium:"wrapperSizeMedium_d2bfa85fac",wrapperSizeLarge:"wrapperSizeLarge_da82d79011",iconContainerActive:"iconContainerActive_4bc562c947",iconContainerClickable:"iconContainerClickable_9eeea5a4b9",inputErrorValidation:"inputErrorValidation_52a154b8fa",subTextContainerStatus:"subTextContainerStatus_d526dcf378",inputSuccessValidation:"inputSuccessValidation_ccf18a2f8f",wrapperSizeSmall:"wrapperSizeSmall_97a09b1bfc",inputWrapperSizeSmall:"inputWrapperSizeSmall_2348ddf7fc",loaderContainer:"loaderContainer_429f185451",loaderContainerHasIcon:"loaderContainerHasIcon_89a98ba831",loader:"loader_08bf1c63da",loaderSvg:"loaderSvg_15c2b3a6ef"};!function(e){const n="s_id-695413f4db8e_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".textField_1f6e0424ea {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_1f6e0424ea * {\n  box-sizing: border-box;\n}\n\n.textField_1f6e0424ea .labelWrapper_f2ae9cfae2 {\n  width: 100%;\n}\n\n.textField_1f6e0424ea .subTextContainer_a6007ee77c {\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_1f6e0424ea .subTextContainer_a6007ee77c .counter_d8542cec29 {\n  margin-left: auto;\n}\n\n.textField_1f6e0424ea.disabled_a302906e86 .icon_ac5771f39c {\n  cursor: not-allowed;\n}\n\n.textField_1f6e0424ea.disabled_a302906e86 .inputWrapper_ac5771f39c {\n  cursor: not-allowed;\n}\n\n.textField_1f6e0424ea.disabled_a302906e86 .inputWrapper_ac5771f39c .input_b06a0f13e1 {\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_1f6e0424ea.disabled_a302906e86 .inputWrapper_ac5771f39c .input_b06a0f13e1::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_1f6e0424ea.disabled_a302906e86 .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerHasIcon_52a154b8fa:hover {\n  background-color: transparent;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c {\n  width: 100%;\n  position: relative;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.readOnly_0b043deeb3 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.inputHover_1a367bbc7e {\n  border-color: var(--primary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1:focus,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1:active,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.inputActive_043f138e18 {\n  border-color: var(--primary-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.inputHasIcon_cb8586a0e5 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.round_5c8b302c34 {\n  border-radius: 50px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.square_da6585a090 {\n  border-radius: 0;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .input_b06a0f13e1.onlyUnderline_3568bd9f59 {\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_1f6e0424ea .inputWrapper_ac5771f39c .tooltipContainer_039c9e2435 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .tooltipContainer_039c9e2435 {\n  width: 40px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .tooltipContainer_039c9e2435 {\n  width: 46px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b {\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  -webkit-appearance: none;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerActive_4bc562c947.iconContainerHasIcon_52a154b8fa.iconContainerClickable_9eeea5a4b9 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerActive_4bc562c947.iconContainerHasIcon_52a154b8fa:not(.iconContainerClickable_9eeea5a4b9) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerActive_4bc562c947 {\n  opacity: 1;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerActive_4bc562c947 .icon_ac5771f39c {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerHasIcon_52a154b8fa.iconContainerClickable_9eeea5a4b9:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b.iconContainerHasIcon_52a154b8fa.iconContainerClickable_9eeea5a4b9:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .iconContainer_f54f17794b .icon_ac5771f39c {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\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  font-family: var(--font-family);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa:hover .input_b06a0f13e1 {\n  border-color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .input_b06a0f13e1 {\n  border-color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .input_b06a0f13e1:focus,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .input_b06a0f13e1:active {\n  border-color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .iconContainer_f54f17794b .icon_ac5771f39c {\n  color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa .iconContainer_f54f17794b .icon_ac5771f39c:hover {\n  color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa + .subTextContainer_a6007ee77c .subTextContainerStatus_d526dcf378,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputErrorValidation_52a154b8fa + .subTextContainer_a6007ee77c .counter_d8542cec29 {\n  color: var(--negative-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f:hover .input_b06a0f13e1 {\n  border-color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .input_b06a0f13e1 {\n  border-color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .input_b06a0f13e1:focus,\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .input_b06a0f13e1:active {\n  border-color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .iconContainer_f54f17794b .icon_ac5771f39c {\n  color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f .iconContainer_f54f17794b .icon_ac5771f39c:hover {\n  color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputSuccessValidation_ccf18a2f8f + .subTextContainer_a6007ee77c .subTextContainerStatus_d526dcf378 {\n  color: var(--positive-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeSmall_97a09b1bfc {\n  height: 32px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeSmall_97a09b1bfc .input_b06a0f13e1 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.inputWrapperSizeSmall_2348ddf7fc .input_b06a0f13e1.inputHasIcon_cb8586a0e5.onlyUnderline_3568bd9f59 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac {\n  height: 40px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .input_b06a0f13e1 {\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_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .input_b06a0f13e1.inputHasIcon_cb8586a0e5 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .input_b06a0f13e1.inputHasIcon_cb8586a0e5.onlyUnderline_3568bd9f59 {\n  padding-left: 4px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .iconContainer_f54f17794b {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .iconContainer_f54f17794b:hover + .iconContainer_f54f17794b + .input_b06a0f13e1 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 {\n  height: 48px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .input_b06a0f13e1 {\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_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .input_b06a0f13e1.inputHasIcon_cb8586a0e5 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .input_b06a0f13e1.inputHasIcon_cb8586a0e5.onlyUnderline_3568bd9f59 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .iconContainer_f54f17794b {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c:hover .input_b06a0f13e1 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .loaderContainer_429f185451 {\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_1f6e0424ea .inputWrapper_ac5771f39c .loaderContainer_429f185451.loaderContainerHasIcon_89a98ba831 {\n  right: 32px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .loaderContainer_429f185451 .loader_08bf1c63da {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c .loaderContainer_429f185451 .loader_08bf1c63da .loaderSvg_15c2b3a6ef {\n  color: var(--secondary-text-color);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeMedium_d2bfa85fac .iconContainer_f54f17794b .icon_ac5771f39c {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_1f6e0424ea .inputWrapper_ac5771f39c.wrapperSizeLarge_da82d79011 .iconContainer_f54f17794b .icon_ac5771f39c {\n  font-size: 16px;\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{e as default};
+var e={textField:"textField_f56e1e0278",labelWrapper:"labelWrapper_dd3453da2b",subTextContainer:"subTextContainer_9b02cf7d1a",counter:"counter_37688a21ee",disabled:"disabled_908ec9acff",icon:"icon_5a4cc9ab19",inputWrapper:"inputWrapper_5a4cc9ab19",input:"input_341b7768b4",iconContainer:"iconContainer_b375c47ea2",iconContainerHasIcon:"iconContainerHasIcon_3df9e13bab",readOnly:"readOnly_7cceccf44c",inputHover:"inputHover_555a4992c0",inputActive:"inputActive_40168a80f0",inputHasIcon:"inputHasIcon_c6b8d72b37",round:"round_a12d163514",square:"square_b0759f6ae7",onlyUnderline:"onlyUnderline_ff09edceab",tooltipContainer:"tooltipContainer_b56b6cb339",wrapperSizeMedium:"wrapperSizeMedium_eef652970d",wrapperSizeLarge:"wrapperSizeLarge_590c371811",iconContainerActive:"iconContainerActive_e9da2be29e",iconContainerClickable:"iconContainerClickable_e833fb8987",inputErrorValidation:"inputErrorValidation_3df9e13bab",subTextContainerStatus:"subTextContainerStatus_30616fa293",inputSuccessValidation:"inputSuccessValidation_4dd3f4a961",wrapperSizeSmall:"wrapperSizeSmall_aae92b9c72",inputWrapperSizeSmall:"inputWrapperSizeSmall_e80e730820",loaderContainer:"loaderContainer_67e719a3ce",loaderContainerHasIcon:"loaderContainerHasIcon_2b558bb114",loader:"loader_7a1b5c6d1a",loaderSvg:"loaderSvg_2643633957"};!function(e){const n="s_id-695413f4db8e_3_62_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".textField_f56e1e0278 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_f56e1e0278 * {\n  box-sizing: border-box;\n}\n\n.textField_f56e1e0278 .labelWrapper_dd3453da2b {\n  width: 100%;\n}\n\n.textField_f56e1e0278 .subTextContainer_9b02cf7d1a {\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_f56e1e0278 .subTextContainer_9b02cf7d1a .counter_37688a21ee {\n  margin-left: auto;\n}\n\n.textField_f56e1e0278.disabled_908ec9acff .icon_5a4cc9ab19 {\n  cursor: not-allowed;\n}\n\n.textField_f56e1e0278.disabled_908ec9acff .inputWrapper_5a4cc9ab19 {\n  cursor: not-allowed;\n}\n\n.textField_f56e1e0278.disabled_908ec9acff .inputWrapper_5a4cc9ab19 .input_341b7768b4 {\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_f56e1e0278.disabled_908ec9acff .inputWrapper_5a4cc9ab19 .input_341b7768b4::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_f56e1e0278.disabled_908ec9acff .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerHasIcon_3df9e13bab:hover {\n  background-color: transparent;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.readOnly_7cceccf44c {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.inputHover_555a4992c0 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4:focus,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4:active,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.inputActive_40168a80f0 {\n  border-color: var(--primary-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.inputHasIcon_c6b8d72b37 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.round_a12d163514 {\n  border-radius: 50px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.square_b0759f6ae7 {\n  border-radius: 0;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .input_341b7768b4.onlyUnderline_ff09edceab {\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_f56e1e0278 .inputWrapper_5a4cc9ab19 .tooltipContainer_b56b6cb339 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .tooltipContainer_b56b6cb339 {\n  width: 40px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .tooltipContainer_b56b6cb339 {\n  width: 46px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2 {\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  -webkit-appearance: none;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerActive_e9da2be29e.iconContainerHasIcon_3df9e13bab.iconContainerClickable_e833fb8987 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerActive_e9da2be29e.iconContainerHasIcon_3df9e13bab:not(.iconContainerClickable_e833fb8987) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerActive_e9da2be29e {\n  opacity: 1;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerActive_e9da2be29e .icon_5a4cc9ab19 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerHasIcon_3df9e13bab.iconContainerClickable_e833fb8987:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2.iconContainerHasIcon_3df9e13bab.iconContainerClickable_e833fb8987:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\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  font-family: var(--font-family);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab:hover .input_341b7768b4 {\n  border-color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .input_341b7768b4 {\n  border-color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .input_341b7768b4:focus,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .input_341b7768b4:active {\n  border-color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\n  color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab .iconContainer_b375c47ea2 .icon_5a4cc9ab19:hover {\n  color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab + .subTextContainer_9b02cf7d1a .subTextContainerStatus_30616fa293,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputErrorValidation_3df9e13bab + .subTextContainer_9b02cf7d1a .counter_37688a21ee {\n  color: var(--negative-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961:hover .input_341b7768b4 {\n  border-color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .input_341b7768b4 {\n  border-color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .input_341b7768b4:focus,\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .input_341b7768b4:active {\n  border-color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\n  color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 .iconContainer_b375c47ea2 .icon_5a4cc9ab19:hover {\n  color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputSuccessValidation_4dd3f4a961 + .subTextContainer_9b02cf7d1a .subTextContainerStatus_30616fa293 {\n  color: var(--positive-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeSmall_aae92b9c72 {\n  height: 32px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeSmall_aae92b9c72 .input_341b7768b4 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.inputWrapperSizeSmall_e80e730820 .input_341b7768b4.inputHasIcon_c6b8d72b37.onlyUnderline_ff09edceab {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d {\n  height: 40px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .input_341b7768b4 {\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_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .input_341b7768b4.inputHasIcon_c6b8d72b37 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .input_341b7768b4.inputHasIcon_c6b8d72b37.onlyUnderline_ff09edceab {\n  padding-left: 4px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .iconContainer_b375c47ea2 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .iconContainer_b375c47ea2:hover + .iconContainer_b375c47ea2 + .input_341b7768b4 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 {\n  height: 48px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .input_341b7768b4 {\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_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .input_341b7768b4.inputHasIcon_c6b8d72b37 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .input_341b7768b4.inputHasIcon_c6b8d72b37.onlyUnderline_ff09edceab {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .iconContainer_b375c47ea2 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19:hover .input_341b7768b4 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .loaderContainer_67e719a3ce {\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_f56e1e0278 .inputWrapper_5a4cc9ab19 .loaderContainer_67e719a3ce.loaderContainerHasIcon_2b558bb114 {\n  right: 32px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .loaderContainer_67e719a3ce .loader_7a1b5c6d1a {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19 .loaderContainer_67e719a3ce .loader_7a1b5c6d1a .loaderSvg_2643633957 {\n  color: var(--secondary-text-color);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeMedium_eef652970d .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_f56e1e0278 .inputWrapper_5a4cc9ab19.wrapperSizeLarge_590c371811 .iconContainer_b375c47ea2 .icon_5a4cc9ab19 {\n  font-size: 16px;\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{e as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_a72a5df39b",highlightText:"highlightText_cd6c5dac08",withEllipsis:"withEllipsis_bb43de0210"};!function(e){const t="s_id-42c1fd2afe36_3_61_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".textWithHighlightWrapper_a72a5df39b {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_a72a5df39b em.highlightText_cd6c5dac08 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_a72a5df39b.withEllipsis_bb43de0210 {\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  word-break: break-word;\n}");export{e as default};
+var e={textWithHighlightWrapper:"textWithHighlightWrapper_5d92a10b47",highlightText:"highlightText_b956db7cf8",withEllipsis:"withEllipsis_99be520f08"};!function(e){const t="s_id-42c1fd2afe36_3_62_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".textWithHighlightWrapper_5d92a10b47 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_5d92a10b47 em.highlightText_b956db7cf8 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_5d92a10b47.withEllipsis_99be520f08 {\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  word-break: break-word;\n}");export{e as default};
 //# sourceMappingURL=TextWithHighlight.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper_1786c5c195",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_c51bb3b4ba",floating:"floating_7a3e9cbb11",tipseenHeader:"tipseenHeader_341a283b5f",tipseenTitle:"tipseenTitle_34f1f2c73d",tipseenContent:"tipseenContent_c4eb0b5d59",tipseenCloseButton:"tipseenCloseButton_e93bf049e2",dark:"dark_f8751173bf"};!function(e){const t="s_id-33da00d2ba25_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenWrapper_1786c5c195 {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapper_1786c5c195.tipseenWrapperWithoutCustomWidth_c51bb3b4ba {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_1786c5c195.floating_7a3e9cbb11 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_1786c5c195 .tipseenHeader_341a283b5f {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_1786c5c195 .tipseenTitle_34f1f2c73d {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_1786c5c195 .tipseenContent_c4eb0b5d59 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_1786c5c195 .tipseenCloseButton_e93bf049e2 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_1786c5c195 .tipseenCloseButton_e93bf049e2.dark_f8751173bf {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_3a01391af6",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_ca252e75a9",floating:"floating_3b51b5b371",tipseenHeader:"tipseenHeader_17fe43b9ec",tipseenTitle:"tipseenTitle_9394919d2b",tipseenContent:"tipseenContent_171165df8e",tipseenCloseButton:"tipseenCloseButton_105c336f26",dark:"dark_96d8f358fa"};!function(e){const t="s_id-33da00d2ba25_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenWrapper_3a01391af6 {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapper_3a01391af6.tipseenWrapperWithoutCustomWidth_ca252e75a9 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_3a01391af6.floating_3b51b5b371 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_3a01391af6 .tipseenHeader_17fe43b9ec {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_3a01391af6 .tipseenTitle_9394919d2b {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_3a01391af6 .tipseenContent_171165df8e {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_3a01391af6 .tipseenCloseButton_105c336f26 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_3a01391af6 .tipseenCloseButton_105c336f26.dark_96d8f358fa {\n  color: var(--color-asphalt);\n}");export{e as default};
 //# sourceMappingURL=Tipseen.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent_36022d6511"};!function(e){const n="s_id-e688002d63b5_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_36022d6511 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_36022d6511:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_77cd696898"};!function(e){const n="s_id-e688002d63b5_3_62_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_77cd696898 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_77cd696898:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
 //# sourceMappingURL=TipseenBasicContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={buttons:"buttons_720765eb5d",dismiss:"dismiss_e15e830f67"};!function(e){const t="s_id-91df242cd10d_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_720765eb5d {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_e15e830f67 {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_4155bae59a",dismiss:"dismiss_efd2ad8f7e"};!function(e){const t="s_id-91df242cd10d_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_4155bae59a {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_efd2ad8f7e {\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

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

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

package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.js

@@ -1,2 +1,2 @@
-import e,{forwardRef as s,useRef as t,useContext as r,useMemo as o}from"react";import i from"classnames";import m from"../../../hooks/useMergeRef.js";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../../tests/constants.js";import d from"./TipseenMedia.module.scss.js";import{TipseenContext as n}from"../Tipseen.js";import{getStyle as f}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as l}from"lodash-es";var c=s((function(s,c){var u=s.className,j=s.id,M=s["data-testid"],h=s.children,E=t(null),v=m(c,E),I=r(n),N=o((function(){return i(d.tipseenMedia,f(d,l("color-"+I)),u)}),[I,u]);return e.createElement("div",{ref:v,className:N,id:j,"data-testid":M||a(p.TIPSEEN_MEDIA,j)},h)}));export{c as default};
+import e,{forwardRef as s,useRef as t,useContext as r,useMemo as o}from"react";import i from"classnames";import m from"../../../hooks/useMergeRef.js";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../../tests/constants.js";import n from"./TipseenMedia.module.scss.js";import{TipseenContext as d}from"../Tipseen.js";import{getStyle as f}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as l}from"es-toolkit";var c=s((function(s,c){var u=s.className,j=s.id,M=s["data-testid"],E=s.children,h=t(null),v=m(c,h),I=r(d),N=o((function(){return i(n.tipseenMedia,f(n,l("color-"+I)),u)}),[I,u]);return e.createElement("div",{ref:v,className:N,id:j,"data-testid":M||a(p.TIPSEEN_MEDIA,j)},E)}));export{c as default};
 //# sourceMappingURL=TipseenMedia.js.map

package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"TipseenMedia.js","sources":["../../../../../src/components/Tipseen/TipseenMedia/TipseenMedia.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren, type ReactNode, useContext, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TipseenMedia.module.scss\";\nimport { TipseenContext } from \"../Tipseen\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface TipseenMediaProps extends PropsWithChildren<VibeComponentProps> {\n  /**\n   * The media content displayed inside the Tipseen.\n   */\n  children: ReactNode;\n}\n\nconst TipseenMedia = forwardRef(\n  ({ className, id, \"data-testid\": dataTestId, children }: TipseenMediaProps, ref: React.ForwardedRef<HTMLElement>) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const color = useContext(TipseenContext);\n\n    const classNames = useMemo(() => {\n      return cx(styles.tipseenMedia, getStyle(styles, camelCase(\"color-\" + color)), className);\n    }, [color, className]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={classNames}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TIPSEEN_MEDIA, id)}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default TipseenMedia;\n"],"names":["TipseenMedia","forwardRef","_ref","ref","className","id","dataTestId","children","componentRef","useRef","mergedRef","useMergeRef","color","useContext","TipseenContext","classNames","useMemo","cx","styles","tipseenMedia","getStyle","camelCase","React","createElement","getTestId","ComponentDefaultTestId","TIPSEEN_MEDIA"],"mappings":"4dAkBMA,IAAAA,EAAeC,GACnB,SAAAC,EAA4EC,GAAwC,IAAjHC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SACrCC,EAAeC,EAAO,MACtBC,EAAYC,EAAYR,EAAKK,GAC7BI,EAAQC,EAAWC,GAEnBC,EAAaC,GAAQ,WACzB,OAAOC,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAU,SAAWT,IAASR,EAChF,GAAG,CAACQ,EAAOR,IAEX,OACEkB,EAAAC,cAAA,MAAA,CACEpB,IAAKO,EACLN,UAAWW,EACXV,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1EE,EAGP"}
+{"version":3,"file":"TipseenMedia.js","sources":["../../../../../src/components/Tipseen/TipseenMedia/TipseenMedia.tsx"],"sourcesContent":["import React, { forwardRef, type PropsWithChildren, type ReactNode, useContext, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TipseenMedia.module.scss\";\nimport { TipseenContext } from \"../Tipseen\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface TipseenMediaProps extends PropsWithChildren<VibeComponentProps> {\n  /**\n   * The media content displayed inside the Tipseen.\n   */\n  children: ReactNode;\n}\n\nconst TipseenMedia = forwardRef(\n  ({ className, id, \"data-testid\": dataTestId, children }: TipseenMediaProps, ref: React.ForwardedRef<HTMLElement>) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const color = useContext(TipseenContext);\n\n    const classNames = useMemo(() => {\n      return cx(styles.tipseenMedia, getStyle(styles, camelCase(\"color-\" + color)), className);\n    }, [color, className]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={classNames}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TIPSEEN_MEDIA, id)}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default TipseenMedia;\n"],"names":["TipseenMedia","forwardRef","_ref","ref","className","id","dataTestId","children","componentRef","useRef","mergedRef","useMergeRef","color","useContext","TipseenContext","classNames","useMemo","cx","styles","tipseenMedia","getStyle","camelCase","React","createElement","getTestId","ComponentDefaultTestId","TIPSEEN_MEDIA"],"mappings":"6dAkBMA,IAAAA,EAAeC,GACnB,SAAAC,EAA4EC,GAAwC,IAAjHC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SACrCC,EAAeC,EAAO,MACtBC,EAAYC,EAAYR,EAAKK,GAC7BI,EAAQC,EAAWC,GAEnBC,EAAaC,GAAQ,WACzB,OAAOC,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAU,SAAWT,IAASR,EAChF,GAAG,CAACQ,EAAOR,IAEX,OACEkB,EAAAC,cAAA,MAAA,CACEpB,IAAKO,EACLN,UAAWW,EACXV,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1EE,EAGP"}

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

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

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

@@ -1,2 +1,2 @@
-var e={title:"title_cbd23123cd"};!function(e){const t="s_id-52c2fd8cbf53_3_61_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_cbd23123cd {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title_fbd409f7fc"};!function(e){const t="s_id-52c2fd8cbf53_3_62_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_fbd409f7fc {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=TipseenTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard_252053965e",tipseenWizardWizard:"tipseenWizardWizard_f2ae9cfae2"};!function(e){const i="s_id-98eba0c83d1f_3_61_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard_252053965e {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_f2ae9cfae2 {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_8efd055d77",tipseenWizardWizard:"tipseenWizardWizard_dd3453da2b"};!function(e){const d="s_id-98eba0c83d1f_3_62_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenWizard_8efd055d77 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_dd3453da2b {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

package/dist/src/components/Toast/Toast.js

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as o}from"lodash-es";import{getTestId as n,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import s,{useRef as a,useMemo as l,useCallback as c,useEffect as m}from"react";import{CSSTransition as u}from"react-transition-group";import p from"../Text/Text.js";import d from"../Loader/Loader.js";import f from"../Flex/Flex.js";import v from"./ToastLink/ToastLink.js";import T from"./ToastButton/ToastButton.js";import{ToastType as j,ToastActionType as y}from"./ToastConstants.js";import{getIcon as h}from"./ToastHelpers.js";import{NOOP as g}from"../../utils/function-utils.js";import{getStyle as x}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as E}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import N from"./Toast.module.scss.js";import C from"../IconButton/IconButton.js";import b from"../../hooks/usePrevious/index.js";import k from"../../../icons/dist/react/CloseSmall.js";var B=E((function(j){var y=j.open,E=void 0!==y&&y,B=j.loading,L=void 0!==B&&B,O=j.autoHideDuration,A=void 0===O?null:O,w=j.type,S=void 0===w?"normal":w,_=j.icon,H=j.hideIcon,I=void 0!==H&&H,P=j.action,z=j.actions,F=j.children,D=j.closeable,M=void 0===D||D,R=j.onClose,U=void 0===R?g:R,q=j.className,G=j.id,J=j.closeButtonAriaLabel,K=void 0===J?"Close":J,Q=j["data-testid"],V=a(null),W=a(null),X=b(null==z?void 0:z.length),Y=l((function(){return z?z.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return s.createElement(v,Object.assign({key:o.href,className:N.actionLink},o))})):null}),[z]),Z=l((function(){return void 0!==X&&(null==z?void 0:z.length)!==X}),[z,X]),$=l((function(){return z?z.filter((function(t){return"button"===t.type})).map((function(o,n){var r=o.content,a=e(o,["type","content"]);return s.createElement(T,Object.assign({key:"alert-button-".concat(n),className:i(N.actionButton,t({},N.withTransition,Z))},a),r)})):null}),[z,Z]),tt=l((function(){return i(N.toast,x(N,o("type-"+S)),q)}),[S,q]),et=c((function(){U&&U()}),[U]),ot=a(),nt=c((function(t){U&&null!=t&&(clearTimeout(ot.current),ot.current=setTimeout((function(){et()}),t))}),[et,U]);m((function(){return E&&A>0&&nt(A),function(){clearTimeout(ot.current)}}),[E,A,nt]);var rt=!I&&h(S,_),it=c((function(t){var e=t.style.width;t.style.width="auto";var o=getComputedStyle(t).width;t.style.width=e,t.style.width=o}),[]);return m((function(){V.current&&it(V.current)}),[F,it]),s.createElement(u,{in:E,nodeRef:W,classNames:{enterActive:N.enterActive,exitActive:N.exitActive},timeout:400,unmountOnExit:!0},s.createElement(p,{ref:W,id:G,"data-testid":Q||n(r.TOAST,G),type:"text2",element:"div",color:"fixedLight",className:tt,role:"alert","aria-live":"polite"},rt&&s.createElement("div",{className:i(N.icon)},rt),s.createElement(f,{align:"center",gap:"large",className:N.content},s.createElement(f,{gap:"medium","data-testid":n(r.TOAST_CONTENT),className:N.textContent},s.createElement("span",null,F),Y),($||P)&&($||P),L&&s.createElement(d,{size:"xs"})),M&&s.createElement(C,{className:i(N.closeButton),onClick:et,size:"small",kind:"tertiary",color:"fixed-light",ariaLabel:K,"data-testid":n(r.TOAST_CLOSE_BUTTON),icon:k,hideTooltip:!0})))}),{types:j,actionTypes:y});export{B as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as o}from"es-toolkit";import{getTestId as i,ComponentDefaultTestId as n}from"../../tests/testIds.js";import r from"classnames";import s,{useRef as a,useMemo as l,useCallback as c,useEffect as m}from"react";import{CSSTransition as u}from"react-transition-group";import p from"../Text/Text.js";import d from"../Loader/Loader.js";import f from"../Flex/Flex.js";import v from"./ToastLink/ToastLink.js";import T from"./ToastButton/ToastButton.js";import{ToastType as j,ToastActionType as y}from"./ToastConstants.js";import{getIcon as h}from"./ToastHelpers.js";import{NOOP as g}from"../../utils/function-utils.js";import{getStyle as x}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as E}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import N from"./Toast.module.scss.js";import k from"../IconButton/IconButton.js";import C from"../../hooks/usePrevious/index.js";import b from"../../../icons/dist/react/CloseSmall.js";var B=E((function(j){var y=j.open,E=void 0!==y&&y,B=j.loading,L=void 0!==B&&B,O=j.autoHideDuration,A=void 0===O?null:O,w=j.type,S=void 0===w?"normal":w,_=j.icon,H=j.hideIcon,I=void 0!==H&&H,P=j.action,z=j.actions,F=j.children,D=j.closeable,M=void 0===D||D,R=j.onClose,U=void 0===R?g:R,q=j.className,G=j.id,J=j.closeButtonAriaLabel,K=void 0===J?"Close":J,Q=j["data-testid"],V=a(null),W=a(null),X=C(null==z?void 0:z.length),Y=l((function(){return z?z.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return s.createElement(v,Object.assign({key:o.href,className:N.actionLink},o))})):null}),[z]),Z=l((function(){return void 0!==X&&(null==z?void 0:z.length)!==X}),[z,X]),$=l((function(){return z?z.filter((function(t){return"button"===t.type})).map((function(o,i){var n=o.content,a=e(o,["type","content"]);return s.createElement(T,Object.assign({key:"alert-button-".concat(i),className:r(N.actionButton,t({},N.withTransition,Z))},a),n)})):null}),[z,Z]),tt=l((function(){return r(N.toast,x(N,o("type-"+S)),q)}),[S,q]),et=c((function(){U&&U()}),[U]),ot=a(),it=c((function(t){U&&null!=t&&(clearTimeout(ot.current),ot.current=setTimeout((function(){et()}),t))}),[et,U]);m((function(){return E&&A>0&&it(A),function(){clearTimeout(ot.current)}}),[E,A,it]);var nt=!I&&h(S,_),rt=c((function(t){var e=t.style.width;t.style.width="auto";var o=getComputedStyle(t).width;t.style.width=e,t.style.width=o}),[]);return m((function(){V.current&&rt(V.current)}),[F,rt]),s.createElement(u,{in:E,nodeRef:W,classNames:{enterActive:N.enterActive,exitActive:N.exitActive},timeout:400,unmountOnExit:!0},s.createElement(p,{ref:W,id:G,"data-testid":Q||i(n.TOAST,G),type:"text2",element:"div",color:"fixedLight",className:tt,role:"alert","aria-live":"polite"},nt&&s.createElement("div",{className:r(N.icon)},nt),s.createElement(f,{align:"center",gap:"large",className:N.content},s.createElement(f,{gap:"medium","data-testid":i(n.TOAST_CONTENT),className:N.textContent},s.createElement("span",null,F),Y),($||P)&&($||P),L&&s.createElement(d,{size:"xs"})),M&&s.createElement(k,{className:r(N.closeButton),onClick:et,size:"small",kind:"tertiary",color:"fixed-light",ariaLabel:K,"data-testid":i(n.TOAST_CLOSE_BUTTON),icon:b,hideTooltip:!0})))}),{types:j,actionTypes:y});export{B as default};
 //# sourceMappingURL=Toast.js.map

package/dist/src/components/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nexport interface ToastProps extends VibeComponentProps {\n  /**\n   * The actions available in the toast.\n   */\n  actions?: ToastAction[];\n  /**\n   * If true, the toast is open (visible).\n   */\n  open?: boolean;\n  /**\n   * If true, displays a loading indicator inside the toast.\n   */\n  loading?: boolean;\n  /**\n   * The type of toast.\n   */\n  type?: ToastType;\n  /**\n   * The icon displayed in the toast.\n   */\n  icon?: string | React.FC<IconSubComponentProps> | null;\n  /**\n   * If true, hides the toast icon.\n   */\n  hideIcon?: boolean;\n  /**\n   * The action element displayed in the toast.\n   */\n  action?: JSX.Element;\n  /**\n   * If false, hides the close button.\n   */\n  closeable?: boolean;\n  /**\n   * Callback fired when the toast is closed.\n   */\n  onClose?: () => void;\n  /**\n   * The number of milliseconds before the toast automatically closes.\n   * (0 or null disables auto-close behavior).\n   */\n  autoHideDuration?: number;\n  /**\n   * The content displayed inside the toast.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * The aria-label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n  open = false,\n  loading = false,\n  autoHideDuration = null,\n  type = \"normal\",\n  icon,\n  hideIcon = false,\n  action: deprecatedAction,\n  actions,\n  children,\n  closeable = true,\n  onClose = NOOP,\n  className,\n  id,\n  closeButtonAriaLabel = \"Close\",\n  \"data-testid\": dataTestId\n}: ToastProps) => {\n  const ref = useRef(null);\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const prevActions = usePrevious(actions?.length);\n  const toastLinks = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"link\")\n          .map(({ type: _type, ...otherProps }) => (\n            <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n          ))\n      : null;\n  }, [actions]);\n\n  const shouldShowButtonTransition = useMemo(() => {\n    return prevActions !== undefined && actions?.length !== prevActions;\n  }, [actions, prevActions]);\n\n  const toastButtons: JSX.Element[] | null = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"button\")\n          .map(({ type: _type, content, ...otherProps }, index) => (\n            <ToastButton\n              key={`alert-button-${index}`}\n              className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n              {...otherProps}\n            >\n              {content}\n            </ToastButton>\n          ))\n      : null;\n  }, [actions, shouldShowButtonTransition]);\n\n  const classNames = useMemo(\n    () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n    [type, className]\n  );\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose();\n    }\n  }, [onClose]);\n\n  /* Timer */\n  const timerAutoHide = useRef<NodeJS.Timeout>();\n  const setAutoHideTimer = useCallback(\n    (duration: number) => {\n      if (!onClose || duration == null) {\n        return;\n      }\n\n      clearTimeout(timerAutoHide.current);\n      timerAutoHide.current = setTimeout(() => {\n        handleClose();\n      }, duration);\n    },\n    [handleClose, onClose]\n  );\n\n  useEffect(() => {\n    if (open && autoHideDuration > 0) {\n      setAutoHideTimer(autoHideDuration);\n    }\n\n    return () => {\n      clearTimeout(timerAutoHide.current);\n    };\n  }, [open, autoHideDuration, setAutoHideTimer]);\n\n  const iconElement = !hideIcon && getIcon(type, icon);\n\n  // https://n12v.com/css-transition-to-from-auto/\n  const recalculateElementWidth = useCallback((element: HTMLElement) => {\n    const prevWidth = element.style.width;\n    element.style.width = \"auto\";\n    const endWidth = getComputedStyle(element).width;\n    element.style.width = prevWidth;\n    element.offsetWidth; // force repaint\n    element.style.width = endWidth;\n  }, []);\n\n  useEffect(() => {\n    if (ref.current) {\n      recalculateElementWidth(ref.current);\n    }\n  }, [children, recalculateElementWidth]);\n\n  return (\n    <CSSTransition\n      in={open}\n      nodeRef={nodeRef}\n      classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n      timeout={400}\n      unmountOnExit\n    >\n      <Text\n        ref={nodeRef}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST, id)}\n        type=\"text2\"\n        element=\"div\"\n        color=\"fixedLight\"\n        className={classNames}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n        <Flex align=\"center\" gap=\"large\" className={styles.content}>\n          <Flex\n            gap=\"medium\"\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n            className={styles.textContent}\n          >\n            <span>{children}</span>\n            {toastLinks}\n          </Flex>\n          {(toastButtons || deprecatedAction) && (toastButtons || deprecatedAction)}\n          {loading && <Loader size=\"xs\" />}\n        </Flex>\n        {closeable && (\n          <IconButton\n            className={cx(styles.closeButton)}\n            onClick={handleClose}\n            size=\"small\"\n            kind=\"tertiary\"\n            color=\"fixed-light\"\n            ariaLabel={closeButtonAriaLabel}\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n            icon={CloseSmall}\n            hideTooltip\n          />\n        )}\n      </Text>\n    </CSSTransition>\n  );\n};\n\ninterface ToastStaticProps {\n  types: typeof ToastTypeEnum;\n  actionTypes: typeof ToastActionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ToastProps, ToastStaticProps>(Toast, {\n  types: ToastTypeEnum,\n  actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","ariaLabel","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","types","ToastTypeEnum","actionTypes","ToastActionTypeEnum"],"mappings":"4mCA0EA,IAgKeA,EAAAA,GAhKD,SAAHC,GAgBM,IAAAC,EAAAD,EAffE,KAAAA,OAAO,IAAHD,GAAQA,EAAAE,EAAAH,EACZI,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAL,EACfM,iBAAAA,OAAmB,IAAHD,EAAG,KAAIA,EAAAE,EAAAP,EACvBQ,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIT,EAAJS,KAAIC,EAAAV,EACJW,SAAAA,OAAW,IAAHD,GAAQA,EACRE,EAAgBZ,EAAxBa,OACAC,EAAOd,EAAPc,QACAC,EAAQf,EAARe,SAAQC,EAAAhB,EACRiB,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAAAlB,EAChBmB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAASrB,EAATqB,UACAC,EAAEtB,EAAFsB,GAAEC,EAAAvB,EACFwB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EACfE,EAAUzB,EAAzB,eAEM0B,EAAMC,EAAO,MACbC,EAAUD,EAAuB,MACjCE,EAAcC,EAAYhB,aAAO,EAAPA,EAASiB,QACnCC,EAAaC,GAAQ,WACzB,OAAOnB,EACHA,EACGoB,QAAO,SAAArB,GAAM,MAAoB,SAAhBA,EAAOL,IAAe,IACvC2B,KAAI,SAACC,GAAkBC,IAAAA,EAAUC,EAAAF,EAA5B,UAAmC,OACvCG,EAACC,cAAAC,iBAAUC,IAAKL,EAAWM,KAAMtB,UAAWuB,EAAOC,YAAgBR,GACpE,IACH,IACN,GAAG,CAACvB,IAEEgC,EAA6Bb,GAAQ,WACzC,YAAuBc,IAAhBlB,IAA6Bf,aAAO,EAAPA,EAASiB,UAAWF,CAC1D,GAAG,CAACf,EAASe,IAEPmB,EAAqCf,GAAQ,WACjD,OAAOnB,EACHA,EACGoB,QAAO,SAAArB,GAAM,MAAoB,WAAhBA,EAAOL,IAAiB,IACzC2B,KAAI,SAACC,EAAyCa,OAA1BC,IAAAA,QAAYb,EAA3BC,EAAAF,EAAA,CAAA,OAAA,YAAmD,OACvDG,EAAAC,cAACW,EAAWC,OAAAC,OAAA,CACVX,IAAGY,gBAAAA,OAAkBL,GACrB5B,UAAWkC,EAAGX,EAAOY,aAAYC,EAAA,CAAA,EAAKb,EAAOc,eAAiBZ,KAC1DT,GAEHa,EAEJ,IACH,IACN,GAAG,CAACpC,EAASgC,IAEPa,GAAa1B,GACjB,WAAA,OAAMsB,EAAGX,EAAOgB,MAAOC,EAASjB,EAAQkB,EAAU,QAAUtD,IAAQa,EAAU,GAC9E,CAACb,EAAMa,IAGH0C,GAAcC,GAAY,WAC1B7C,GACFA,GAEJ,GAAG,CAACA,IAGE8C,GAAgBtC,IAChBuC,GAAmBF,GACvB,SAACG,GACMhD,GAAuB,MAAZgD,IAIhBC,aAAaH,GAAcI,SAC3BJ,GAAcI,QAAUC,YAAW,WACjCP,IACD,GAAEI,GACL,GACA,CAACJ,GAAa5C,IAGhBoD,GAAU,WAKR,OAJIrE,GAAQI,EAAmB,GAC7B4D,GAAiB5D,GAGZ,WACL8D,aAAaH,GAAcI,SAE9B,GAAE,CAACnE,EAAMI,EAAkB4D,KAE5B,IAAMM,IAAe7D,GAAY8D,EAAQjE,EAAMC,GAGzCiE,GAA0BV,GAAY,SAACW,GAC3C,IAAMC,EAAYD,EAAQE,MAAMC,MAChCH,EAAQE,MAAMC,MAAQ,OACtB,IAAMC,EAAWC,iBAAiBL,GAASG,MAC3CH,EAAQE,MAAMC,MAAQF,EAEtBD,EAAQE,MAAMC,MAAQC,CACvB,GAAE,IAQH,OANAR,GAAU,WACJ7C,EAAI2C,SACNK,GAAwBhD,EAAI2C,QAEhC,GAAG,CAACtD,EAAU2D,KAGZnC,EAAAC,cAACyC,EAAa,CACZC,GAAIhF,EACJ0B,QAASA,EACT+B,WAAY,CAAEwB,YAAavC,EAAOuC,YAAaC,WAAYxC,EAAOwC,YAClEC,QAAS,IACTC,eAAa,GAEb/C,EAAAC,cAAC+C,EACC,CAAA7D,IAAKE,EACLN,GAAIA,EACS,cAAAG,GAAc+D,EAAUC,EAAuBC,MAAOpE,GACnEd,KAAK,QACLmE,QAAQ,MACRgB,MAAM,aACNtE,UAAWsC,GACXiC,KAAK,oBACK,UAETpB,IAAejC,EAAAC,cAAA,MAAA,CAAKnB,UAAWkC,EAAGX,EAAOnC,OAAQ+D,IAClDjC,EAAAC,cAACqD,EAAI,CAACC,MAAM,SAASC,IAAI,QAAQ1E,UAAWuB,EAAOM,SACjDX,EAAAC,cAACqD,EACC,CAAAE,IAAI,uBACSP,EAAUC,EAAuBO,eAC9C3E,UAAWuB,EAAOqD,aAElB1D,EAAAC,cAAA,OAAA,KAAOzB,GACNiB,IAEDgB,GAAgBpC,KAAsBoC,GAAgBpC,GACvDR,GAAWmC,gBAAC2D,EAAM,CAACC,KAAK,QAE1BlF,GACCsB,EAACC,cAAA4D,GACC/E,UAAWkC,EAAGX,EAAOyD,aACrBC,QAASvC,GACToC,KAAK,QACLI,KAAK,WACLZ,MAAM,cACNa,UAAWhF,EACE,cAAAgE,EAAUC,EAAuBgB,oBAC9ChG,KAAMiG,EACNC,kBAMZ,GAOqF,CACnFC,MAAOC,EACPC,YAAaC"}
+{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nexport interface ToastProps extends VibeComponentProps {\n  /**\n   * The actions available in the toast.\n   */\n  actions?: ToastAction[];\n  /**\n   * If true, the toast is open (visible).\n   */\n  open?: boolean;\n  /**\n   * If true, displays a loading indicator inside the toast.\n   */\n  loading?: boolean;\n  /**\n   * The type of toast.\n   */\n  type?: ToastType;\n  /**\n   * The icon displayed in the toast.\n   */\n  icon?: string | React.FC<IconSubComponentProps> | null;\n  /**\n   * If true, hides the toast icon.\n   */\n  hideIcon?: boolean;\n  /**\n   * The action element displayed in the toast.\n   */\n  action?: JSX.Element;\n  /**\n   * If false, hides the close button.\n   */\n  closeable?: boolean;\n  /**\n   * Callback fired when the toast is closed.\n   */\n  onClose?: () => void;\n  /**\n   * The number of milliseconds before the toast automatically closes.\n   * (0 or null disables auto-close behavior).\n   */\n  autoHideDuration?: number;\n  /**\n   * The content displayed inside the toast.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * The aria-label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n  open = false,\n  loading = false,\n  autoHideDuration = null,\n  type = \"normal\",\n  icon,\n  hideIcon = false,\n  action: deprecatedAction,\n  actions,\n  children,\n  closeable = true,\n  onClose = NOOP,\n  className,\n  id,\n  closeButtonAriaLabel = \"Close\",\n  \"data-testid\": dataTestId\n}: ToastProps) => {\n  const ref = useRef(null);\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const prevActions = usePrevious(actions?.length);\n  const toastLinks = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"link\")\n          .map(({ type: _type, ...otherProps }) => (\n            <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n          ))\n      : null;\n  }, [actions]);\n\n  const shouldShowButtonTransition = useMemo(() => {\n    return prevActions !== undefined && actions?.length !== prevActions;\n  }, [actions, prevActions]);\n\n  const toastButtons: JSX.Element[] | null = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"button\")\n          .map(({ type: _type, content, ...otherProps }, index) => (\n            <ToastButton\n              key={`alert-button-${index}`}\n              className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n              {...otherProps}\n            >\n              {content}\n            </ToastButton>\n          ))\n      : null;\n  }, [actions, shouldShowButtonTransition]);\n\n  const classNames = useMemo(\n    () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n    [type, className]\n  );\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose();\n    }\n  }, [onClose]);\n\n  /* Timer */\n  const timerAutoHide = useRef<NodeJS.Timeout>();\n  const setAutoHideTimer = useCallback(\n    (duration: number) => {\n      if (!onClose || duration == null) {\n        return;\n      }\n\n      clearTimeout(timerAutoHide.current);\n      timerAutoHide.current = setTimeout(() => {\n        handleClose();\n      }, duration);\n    },\n    [handleClose, onClose]\n  );\n\n  useEffect(() => {\n    if (open && autoHideDuration > 0) {\n      setAutoHideTimer(autoHideDuration);\n    }\n\n    return () => {\n      clearTimeout(timerAutoHide.current);\n    };\n  }, [open, autoHideDuration, setAutoHideTimer]);\n\n  const iconElement = !hideIcon && getIcon(type, icon);\n\n  // https://n12v.com/css-transition-to-from-auto/\n  const recalculateElementWidth = useCallback((element: HTMLElement) => {\n    const prevWidth = element.style.width;\n    element.style.width = \"auto\";\n    const endWidth = getComputedStyle(element).width;\n    element.style.width = prevWidth;\n    element.offsetWidth; // force repaint\n    element.style.width = endWidth;\n  }, []);\n\n  useEffect(() => {\n    if (ref.current) {\n      recalculateElementWidth(ref.current);\n    }\n  }, [children, recalculateElementWidth]);\n\n  return (\n    <CSSTransition\n      in={open}\n      nodeRef={nodeRef}\n      classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n      timeout={400}\n      unmountOnExit\n    >\n      <Text\n        ref={nodeRef}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST, id)}\n        type=\"text2\"\n        element=\"div\"\n        color=\"fixedLight\"\n        className={classNames}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n        <Flex align=\"center\" gap=\"large\" className={styles.content}>\n          <Flex\n            gap=\"medium\"\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n            className={styles.textContent}\n          >\n            <span>{children}</span>\n            {toastLinks}\n          </Flex>\n          {(toastButtons || deprecatedAction) && (toastButtons || deprecatedAction)}\n          {loading && <Loader size=\"xs\" />}\n        </Flex>\n        {closeable && (\n          <IconButton\n            className={cx(styles.closeButton)}\n            onClick={handleClose}\n            size=\"small\"\n            kind=\"tertiary\"\n            color=\"fixed-light\"\n            ariaLabel={closeButtonAriaLabel}\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n            icon={CloseSmall}\n            hideTooltip\n          />\n        )}\n      </Text>\n    </CSSTransition>\n  );\n};\n\ninterface ToastStaticProps {\n  types: typeof ToastTypeEnum;\n  actionTypes: typeof ToastActionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ToastProps, ToastStaticProps>(Toast, {\n  types: ToastTypeEnum,\n  actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","ariaLabel","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","types","ToastTypeEnum","actionTypes","ToastActionTypeEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_737d3d3ae4",typeNormal:"typeNormal_66674d76fe",typePositive:"typePositive_c3631e7779",typeNegative:"typeNegative_fe9de4dd9d",typeWarning:"typeWarning_436abbd9dd",closeButton:"closeButton_2088210cab",actionButton:"actionButton_f0f585895f",actionLink:"actionLink_1f1c07cd15",typeDark:"typeDark_ad7828071b",icon:"icon_fed45b41ea",withTransition:"withTransition_cd266e613f",bounceIn:"bounceIn_8c464cf033",content:"content_273b8756e7",textContent:"textContent_b8f38db745",enterActive:"enterActive_de4a55fea0",slideIn:"slideIn_26d4452860",exitActive:"exitActive_7276040161",slideOut:"slideOut_aa2582048a"};!function(n){const t="s_id-72c9912c1efa_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_737d3d3ae4 {\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  left: 50%;\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  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_737d3d3ae4.typeNormal_66674d76fe {\n  background-color: var(--primary-color);\n}\n.toast_737d3d3ae4.typePositive_c3631e7779 {\n  background-color: var(--positive-color);\n}\n.toast_737d3d3ae4.typeNegative_fe9de4dd9d {\n  background-color: var(--negative-color);\n}\n.toast_737d3d3ae4.typeWarning_436abbd9dd {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_737d3d3ae4.typeWarning_436abbd9dd .closeButton_2088210cab {\n  color: var(--fixed-dark-color);\n}\n.toast_737d3d3ae4.typeWarning_436abbd9dd .actionButton_f0f585895f,\n.toast_737d3d3ae4.typeWarning_436abbd9dd .actionLink_1f1c07cd15 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_737d3d3ae4.typeDark_ad7828071b {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_737d3d3ae4.typeDark_ad7828071b .closeButton_2088210cab {\n  color: var(--text-color-on-inverted);\n}\n.toast_737d3d3ae4.typeDark_ad7828071b .actionButton_f0f585895f,\n.toast_737d3d3ae4.typeDark_ad7828071b .actionLink_1f1c07cd15 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_fed45b41ea {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_f0f585895f.withTransition_cd266e613f {\n  opacity: 0;\n  animation: bounceIn_8c464cf033 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_273b8756e7 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_b8f38db745 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_de4a55fea0 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_26d4452860;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_7276040161 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_aa2582048a;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_2088210cab {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_26d4452860 {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_aa2582048a {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_8c464cf033 {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={toast:"toast_ea88c76235",typeNormal:"typeNormal_baa499d882",typePositive:"typePositive_b40ba5db9e",typeNegative:"typeNegative_3a4ae8b4dd",typeWarning:"typeWarning_b4995e5b8e",closeButton:"closeButton_5e22b68e96",actionButton:"actionButton_29dee40707",actionLink:"actionLink_c276ce2bb7",typeDark:"typeDark_1045dd5faa",icon:"icon_d8b27f7d87",withTransition:"withTransition_a3107cf333",bounceIn:"bounceIn_97f332f709",content:"content_336ba3d587",textContent:"textContent_b997a5ae5b",enterActive:"enterActive_1766a8465f",slideIn:"slideIn_60d0dad0dc",exitActive:"exitActive_2a157bb297",slideOut:"slideOut_2a179e201c"};!function(n){const t="s_id-72c9912c1efa_3_62_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_ea88c76235 {\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  left: 50%;\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  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_ea88c76235.typeNormal_baa499d882 {\n  background-color: var(--primary-color);\n}\n.toast_ea88c76235.typePositive_b40ba5db9e {\n  background-color: var(--positive-color);\n}\n.toast_ea88c76235.typeNegative_3a4ae8b4dd {\n  background-color: var(--negative-color);\n}\n.toast_ea88c76235.typeWarning_b4995e5b8e {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_ea88c76235.typeWarning_b4995e5b8e .closeButton_5e22b68e96 {\n  color: var(--fixed-dark-color);\n}\n.toast_ea88c76235.typeWarning_b4995e5b8e .actionButton_29dee40707,\n.toast_ea88c76235.typeWarning_b4995e5b8e .actionLink_c276ce2bb7 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_ea88c76235.typeDark_1045dd5faa {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_ea88c76235.typeDark_1045dd5faa .closeButton_5e22b68e96 {\n  color: var(--text-color-on-inverted);\n}\n.toast_ea88c76235.typeDark_1045dd5faa .actionButton_29dee40707,\n.toast_ea88c76235.typeDark_1045dd5faa .actionLink_c276ce2bb7 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_d8b27f7d87 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_29dee40707.withTransition_a3107cf333 {\n  opacity: 0;\n  animation: bounceIn_97f332f709 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_336ba3d587 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_b997a5ae5b {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_1766a8465f {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_60d0dad0dc;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_2a157bb297 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_2a179e201c;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_5e22b68e96 {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_60d0dad0dc {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_2a179e201c {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_97f332f709 {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={actionLink:"actionLink_31734b4fea"};!function(e){const t="s_id-a224471727c9_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actionLink_31734b4fea {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_31734b4fea:hover {\n  color: inherit;\n}");export{e as default};
+var e={actionLink:"actionLink_96cb078087"};!function(e){const t="s_id-a224471727c9_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actionLink_96cb078087 {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_96cb078087:hover {\n  color: inherit;\n}");export{e as default};
 //# sourceMappingURL=ToastLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggle:"toggle_2800b0908b","focus-visible":"focus-visible_8b4f8382ab",selected:"selected_66674d76fe",notSelected:"notSelected_48225b89dc",disabled:"disabled_fdc64e6808",medium:"medium_c6769ca2b9",small:"small_12a282c123",noSpacing:"noSpacing_8985fbeb03"};!function(e){const n="s_id-550adc1aa9aa_3_61_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_2800b0908b {\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: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_2800b0908b:focus-visible, .toggle_2800b0908b.focus-visible_8b4f8382ab {\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_2800b0908b:focus:not(.focus-visible_8b4f8382ab) {\n  outline: none;\n}\n.toggle_2800b0908b::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_2800b0908b.selected_66674d76fe {\n  background-color: var(--primary-color);\n}\n.toggle_2800b0908b.selected_66674d76fe::after {\n  left: 20px;\n}\n.toggle_2800b0908b.notSelected_48225b89dc {\n  background-color: var(--ui-border-color);\n}\n.toggle_2800b0908b.notSelected_48225b89dc::after {\n  left: 3px;\n}\n.toggle_2800b0908b.disabled_fdc64e6808 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_2800b0908b.medium_c6769ca2b9 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_2800b0908b.medium_c6769ca2b9::after {\n  --circle-size: 18px;\n}\n.toggle_2800b0908b.small_12a282c123 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_2800b0908b.small_12a282c123::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_2800b0908b.small_12a282c123.notSelected_48225b89dc::after {\n  left: 2px;\n}\n.toggle_2800b0908b.noSpacing_8985fbeb03 {\n  margin: 0;\n}');export{e as default};
+var e={toggle:"toggle_6a9107aa3b","focus-visible":"focus-visible_be1f2838e0",selected:"selected_baa499d882",notSelected:"notSelected_52e151df63",disabled:"disabled_362b077bef",medium:"medium_91acff61c5",small:"small_6f0f549311",noSpacing:"noSpacing_73dd4b17ff"};!function(e){const n="s_id-550adc1aa9aa_3_62_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_6a9107aa3b {\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: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_6a9107aa3b:focus-visible, .toggle_6a9107aa3b.focus-visible_be1f2838e0 {\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_6a9107aa3b:focus:not(.focus-visible_be1f2838e0) {\n  outline: none;\n}\n.toggle_6a9107aa3b::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_6a9107aa3b.selected_baa499d882 {\n  background-color: var(--primary-color);\n}\n.toggle_6a9107aa3b.selected_baa499d882::after {\n  left: 20px;\n}\n.toggle_6a9107aa3b.notSelected_52e151df63 {\n  background-color: var(--ui-border-color);\n}\n.toggle_6a9107aa3b.notSelected_52e151df63::after {\n  left: 3px;\n}\n.toggle_6a9107aa3b.disabled_362b077bef {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_6a9107aa3b.medium_91acff61c5 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_6a9107aa3b.medium_91acff61c5::after {\n  --circle-size: 18px;\n}\n.toggle_6a9107aa3b.small_6f0f549311 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_6a9107aa3b.small_6f0f549311::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_6a9107aa3b.small_6f0f549311.notSelected_52e151df63::after {\n  left: 2px;\n}\n.toggle_6a9107aa3b.noSpacing_73dd4b17ff {\n  margin: 0;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

package/dist/src/components/Toggle/Toggle.js

@@ -1,2 +1,2 @@
-import e,{forwardRef as a}from"react";import t from"classnames";import{noop as s}from"lodash-es";import r from"../Switch/Switch.js";import{MockToggle as o}from"./MockToggle.js";import i from"./Toggle.module.scss.js";import{getTestId as d,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{ComponentVibeId as m}from"../../tests/constants.js";var n=a((function(a,n){var c=a.id,f=a.className,p=a.toggleSelectedClassName,v=a.isDefaultSelected,g=void 0===v||v,u=a.isSelected,C=a.onChange,b=void 0===C?s:C,O=a.value,T=a.name,h=a.disabled,S=a.ariaLabel,L=a.ariaControls,N=a.areLabelsHidden,j=void 0!==N&&N,x=a.noSpacing,w=a.onOverrideText,E=void 0===w?"On":w,G=a.offOverrideText,k=void 0===G?"Off":G,z=a.size,H=void 0===z?"medium":z,I=a["data-testid"],D=t(i.wrapper),M=t(i.toggleInput);return e.createElement(r,{defaultChecked:g,checked:u,id:c,wrapperClassName:D,onChange:b,value:O,name:T,disabled:h,ariaLabel:S,ariaControls:L,inputClassName:M,ref:n,"data-testid":I||d(l.TOGGLE),"data-vibe":m.TOGGLE},e.createElement(o,{areLabelsHidden:j,noSpacing:x,offOverrideText:k,onOverrideText:E,disabled:h,className:f,selectedClassName:p,size:H}))}));export{n as default};
+import e,{forwardRef as a}from"react";import t from"classnames";import{noop as s}from"es-toolkit/compat";import o from"../Switch/Switch.js";import{MockToggle as r}from"./MockToggle.js";import i from"./Toggle.module.scss.js";import{getTestId as d,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{ComponentVibeId as m}from"../../tests/constants.js";var n=a((function(a,n){var c=a.id,f=a.className,p=a.toggleSelectedClassName,v=a.isDefaultSelected,g=void 0===v||v,u=a.isSelected,C=a.onChange,b=void 0===C?s:C,O=a.value,T=a.name,S=a.disabled,h=a.ariaLabel,L=a.ariaControls,N=a.areLabelsHidden,j=void 0!==N&&N,x=a.noSpacing,k=a.onOverrideText,w=void 0===k?"On":k,E=a.offOverrideText,G=void 0===E?"Off":E,z=a.size,H=void 0===z?"medium":z,I=a["data-testid"],D=t(i.wrapper),M=t(i.toggleInput);return e.createElement(o,{defaultChecked:g,checked:u,id:c,wrapperClassName:D,onChange:b,value:O,name:T,disabled:S,ariaLabel:h,ariaControls:L,inputClassName:M,ref:n,"data-testid":I||d(l.TOGGLE),"data-vibe":m.TOGGLE},e.createElement(r,{areLabelsHidden:j,noSpacing:x,offOverrideText:G,onOverrideText:w,disabled:S,className:f,selectedClassName:p,size:H}))}));export{n as default};
 //# sourceMappingURL=Toggle.js.map

package/dist/src/components/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport Switch from \"../Switch/Switch\";\nimport { MockToggle } from \"./MockToggle\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toggle.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ToggleProps extends VibeComponentProps {\n  /**\n   * Class name applied when the toggle is selected.\n   */\n  toggleSelectedClassName?: string;\n  /**\n   * If true, the toggle is selected by default.\n   */\n  isDefaultSelected?: boolean;\n  /**\n   * Controls the selected state of the toggle.\n   */\n  isSelected?: boolean;\n  /**\n   * Callback fired when the toggle state changes.\n   */\n  onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * The value associated with the toggle.\n   */\n  value?: string;\n  /**\n   * The name attribute of the toggle input.\n   */\n  name?: string;\n  /**\n   * If true, disables the toggle.\n   */\n  disabled?: boolean;\n  /**\n   * If true, hides the on/off labels.\n   */\n  areLabelsHidden?: boolean;\n  /**\n   * If true, removes the horizontal spacing around the toggle.\n   */\n  noSpacing?: boolean;\n  /**\n   * The text displayed when the toggle is in the \"on\" position.\n   */\n  onOverrideText?: string;\n  /**\n   * The text displayed when the toggle is in the \"off\" position.\n   */\n  offOverrideText?: string;\n  /**\n   * The ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The ID of the element controlled by the toggle.\n   */\n  ariaControls?: string;\n  /**\n   * The size of the toggle.\n   */\n  size?: ToggleSize;\n}\n\nconst Toggle = forwardRef(\n  (\n    {\n      id,\n      className,\n      toggleSelectedClassName,\n      isDefaultSelected = true,\n      isSelected,\n      onChange = NOOP,\n      value,\n      name,\n      disabled,\n      ariaLabel,\n      ariaControls,\n      areLabelsHidden = false,\n      noSpacing,\n      onOverrideText = \"On\",\n      offOverrideText = \"Off\",\n      size = \"medium\",\n      \"data-testid\": dataTestId\n    }: ToggleProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const wrapperClassName = cx(styles.wrapper);\n    const inputClassName = cx(styles.toggleInput);\n\n    return (\n      <Switch\n        defaultChecked={isDefaultSelected}\n        checked={isSelected}\n        id={id}\n        wrapperClassName={wrapperClassName}\n        onChange={onChange}\n        value={value}\n        name={name}\n        disabled={disabled}\n        ariaLabel={ariaLabel}\n        ariaControls={ariaControls}\n        inputClassName={inputClassName}\n        ref={ref}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOGGLE)}\n        data-vibe={ComponentVibeId.TOGGLE}\n      >\n        <MockToggle\n          areLabelsHidden={areLabelsHidden}\n          noSpacing={noSpacing}\n          offOverrideText={offOverrideText}\n          onOverrideText={onOverrideText}\n          disabled={disabled}\n          className={className}\n          selectedClassName={toggleSelectedClassName}\n          size={size}\n        />\n      </Switch>\n    );\n  }\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","_ref","ref","id","className","toggleSelectedClassName","_ref$isDefaultSelecte","isDefaultSelected","isSelected","_ref$onChange","onChange","NOOP","value","name","disabled","ariaLabel","ariaControls","_ref$areLabelsHidden","areLabelsHidden","noSpacing","_ref$onOverrideText","onOverrideText","_ref$offOverrideText","offOverrideText","_ref$size","size","dataTestId","wrapperClassName","cx","styles","wrapper","inputClassName","toggleInput","React","createElement","Switch","defaultChecked","checked","getTestId","ComponentDefaultTestId","TOGGLE","ComponentVibeId","MockToggle","selectedClassName"],"mappings":"kWAsEMA,IAAAA,EAASC,GACb,SAAAC,EAoBEC,GACE,IAnBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAuBJ,EAAvBI,wBAAuBC,EAAAL,EACvBM,kBAAAA,OAAoB,IAAHD,GAAOA,EACxBE,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAKX,EAALW,MACAC,EAAIZ,EAAJY,KACAC,EAAQb,EAARa,SACAC,EAASd,EAATc,UACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAASlB,EAATkB,UAASC,EAAAnB,EACToB,eAAAA,OAAiB,IAAHD,EAAG,KAAIA,EAAAE,EAAArB,EACrBsB,gBAAAA,OAAkB,IAAHD,EAAG,MAAKA,EAAAE,EAAAvB,EACvBwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACAE,EAAUzB,EAAzB,eAII0B,EAAmBC,EAAGC,EAAOC,SAC7BC,EAAiBH,EAAGC,EAAOG,aAEjC,OACEC,EAAAC,cAACC,EAAM,CACLC,eAAgB7B,EAChB8B,QAAS7B,EACTL,GAAIA,EACJwB,iBAAkBA,EAClBjB,SAAUA,EACVE,MAAOA,EACPC,KAAMA,EACNC,SAAUA,EACVC,UAAWA,EACXC,aAAcA,EACde,eAAgBA,EAChB7B,IAAKA,EAAG,cACKwB,GAAcY,EAAUC,EAAuBC,QACjD,YAAAC,EAAgBD,QAE3BP,EAAAC,cAACQ,EACC,CAAAxB,gBAAiBA,EACjBC,UAAWA,EACXI,gBAAiBA,EACjBF,eAAgBA,EAChBP,SAAUA,EACVV,UAAWA,EACXuC,kBAAmBtC,EACnBoB,KAAMA,IAId"}
+{"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"es-toolkit/compat\";\nimport Switch from \"../Switch/Switch\";\nimport { MockToggle } from \"./MockToggle\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toggle.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ToggleProps extends VibeComponentProps {\n  /**\n   * Class name applied when the toggle is selected.\n   */\n  toggleSelectedClassName?: string;\n  /**\n   * If true, the toggle is selected by default.\n   */\n  isDefaultSelected?: boolean;\n  /**\n   * Controls the selected state of the toggle.\n   */\n  isSelected?: boolean;\n  /**\n   * Callback fired when the toggle state changes.\n   */\n  onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * The value associated with the toggle.\n   */\n  value?: string;\n  /**\n   * The name attribute of the toggle input.\n   */\n  name?: string;\n  /**\n   * If true, disables the toggle.\n   */\n  disabled?: boolean;\n  /**\n   * If true, hides the on/off labels.\n   */\n  areLabelsHidden?: boolean;\n  /**\n   * If true, removes the horizontal spacing around the toggle.\n   */\n  noSpacing?: boolean;\n  /**\n   * The text displayed when the toggle is in the \"on\" position.\n   */\n  onOverrideText?: string;\n  /**\n   * The text displayed when the toggle is in the \"off\" position.\n   */\n  offOverrideText?: string;\n  /**\n   * The ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The ID of the element controlled by the toggle.\n   */\n  ariaControls?: string;\n  /**\n   * The size of the toggle.\n   */\n  size?: ToggleSize;\n}\n\nconst Toggle = forwardRef(\n  (\n    {\n      id,\n      className,\n      toggleSelectedClassName,\n      isDefaultSelected = true,\n      isSelected,\n      onChange = NOOP,\n      value,\n      name,\n      disabled,\n      ariaLabel,\n      ariaControls,\n      areLabelsHidden = false,\n      noSpacing,\n      onOverrideText = \"On\",\n      offOverrideText = \"Off\",\n      size = \"medium\",\n      \"data-testid\": dataTestId\n    }: ToggleProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const wrapperClassName = cx(styles.wrapper);\n    const inputClassName = cx(styles.toggleInput);\n\n    return (\n      <Switch\n        defaultChecked={isDefaultSelected}\n        checked={isSelected}\n        id={id}\n        wrapperClassName={wrapperClassName}\n        onChange={onChange}\n        value={value}\n        name={name}\n        disabled={disabled}\n        ariaLabel={ariaLabel}\n        ariaControls={ariaControls}\n        inputClassName={inputClassName}\n        ref={ref}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOGGLE)}\n        data-vibe={ComponentVibeId.TOGGLE}\n      >\n        <MockToggle\n          areLabelsHidden={areLabelsHidden}\n          noSpacing={noSpacing}\n          offOverrideText={offOverrideText}\n          onOverrideText={onOverrideText}\n          disabled={disabled}\n          className={className}\n          selectedClassName={toggleSelectedClassName}\n          size={size}\n        />\n      </Switch>\n    );\n  }\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","_ref","ref","id","className","toggleSelectedClassName","_ref$isDefaultSelecte","isDefaultSelected","isSelected","_ref$onChange","onChange","NOOP","value","name","disabled","ariaLabel","ariaControls","_ref$areLabelsHidden","areLabelsHidden","noSpacing","_ref$onOverrideText","onOverrideText","_ref$offOverrideText","offOverrideText","_ref$size","size","dataTestId","wrapperClassName","cx","styles","wrapper","inputClassName","toggleInput","React","createElement","Switch","defaultChecked","checked","getTestId","ComponentDefaultTestId","TOGGLE","ComponentVibeId","MockToggle","selectedClassName"],"mappings":"0WAsEMA,IAAAA,EAASC,GACb,SAAAC,EAoBEC,GACE,IAnBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAuBJ,EAAvBI,wBAAuBC,EAAAL,EACvBM,kBAAAA,OAAoB,IAAHD,GAAOA,EACxBE,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAKX,EAALW,MACAC,EAAIZ,EAAJY,KACAC,EAAQb,EAARa,SACAC,EAASd,EAATc,UACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAASlB,EAATkB,UAASC,EAAAnB,EACToB,eAAAA,OAAiB,IAAHD,EAAG,KAAIA,EAAAE,EAAArB,EACrBsB,gBAAAA,OAAkB,IAAHD,EAAG,MAAKA,EAAAE,EAAAvB,EACvBwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACAE,EAAUzB,EAAzB,eAII0B,EAAmBC,EAAGC,EAAOC,SAC7BC,EAAiBH,EAAGC,EAAOG,aAEjC,OACEC,EAAAC,cAACC,EAAM,CACLC,eAAgB7B,EAChB8B,QAAS7B,EACTL,GAAIA,EACJwB,iBAAkBA,EAClBjB,SAAUA,EACVE,MAAOA,EACPC,KAAMA,EACNC,SAAUA,EACVC,UAAWA,EACXC,aAAcA,EACde,eAAgBA,EAChB7B,IAAKA,EAAG,cACKwB,GAAcY,EAAUC,EAAuBC,QACjD,YAAAC,EAAgBD,QAE3BP,EAAAC,cAACQ,EACC,CAAAxB,gBAAiBA,EACjBC,UAAWA,EACXI,gBAAiBA,EACjBF,eAAgBA,EAChBP,SAAUA,EACVV,UAAWA,EACXuC,kBAAmBtC,EACnBoB,KAAMA,IAId"}

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_fa765bce59","focus-visible":"focus-visible_3241641593",wrapper:"wrapper_8bfe3ff071"};!function(e){const t="s_id-4304a18f6620_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_fa765bce59:focus-visible, .toggleInput_fa765bce59.focus-visible_3241641593 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_fa765bce59:focus-visible ~ div, .toggleInput_fa765bce59.focus-visible_3241641593 ~ 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.wrapper_8bfe3ff071 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_957f5fbb86","focus-visible":"focus-visible_9705585df5",wrapper:"wrapper_e2f500bb02"};!function(e){const t="s_id-4304a18f6620_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_957f5fbb86:focus-visible, .toggleInput_957f5fbb86.focus-visible_9705585df5 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_957f5fbb86:focus-visible ~ div, .toggleInput_957f5fbb86.focus-visible_9705585df5 ~ 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.wrapper_e2f500bb02 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={text:"text_e4022a7fb3",disabled:"disabled_89673e72a1"};!function(e){const t="s_id-1dee71639eb3_3_61_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_e4022a7fb3 {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_89673e72a1 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_94ef0f07e0",disabled:"disabled_3a67681e59"};!function(e){const t="s_id-1dee71639eb3_3_62_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_94ef0f07e0 {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_3a67681e59 {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

package/dist/src/components/Tooltip/Tooltip.js

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isFunction as n,camelCase as s}from"lodash-es";import a from"classnames";import r,{isValidElement as l,PureComponent as p}from"react";import h from"../Dialog/Dialog.js";import{HideShowEvent as m,AnimationType as d}from"../Dialog/DialogConstants.js";import{TooltipPositions as c,TooltipTheme as T}from"./TooltipConstants.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import g from"./Tooltip.module.scss.js";import{getTestId as w,ComponentDefaultTestId as f}from"../../tests/testIds.js";import S from"../Icon/Icon.js";import y from"../Flex/Flex.js";var D={lastTooltipHideTS:null,openTooltipsCount:0},v=function(m){function d(e){var o;return t(this,d),(o=i(this,d,[e])).renderTooltipContent=o.renderTooltipContent.bind(o),o.getShowDelay=o.getShowDelay.bind(o),o.onTooltipShow=o.onTooltipShow.bind(o),o.onTooltipHide=o.onTooltipHide.bind(o),o.wasShown=!1,o}return e(d,p),o(d,[{key:"renderTooltipContent",value:function(){var e,o=this.props,t=o.theme,i=o.content,p=o.className,h=o.style,m=o.maxWidth,d=o.title,c=o.image,T=o.icon,w=o.dir;return i?(n(i)?e=i():(l(i)||"string"==typeof i&&i||Array.isArray(i)&&i.length>0)&&(e=i),e?r.createElement("div",{style:m?Object.assign(Object.assign({},h),{"--tooltip-max-width":"".concat(m,"px")}):h,className:a(g.tooltip,u(g,s(t)),p),dir:w},c&&r.createElement("img",{className:g.image,src:c,alt:""}),r.createElement("div",{className:a(g.content)},d&&r.createElement(y,{gap:"xs"},T&&r.createElement(S,{iconSize:"20",icon:T}),r.createElement("div",{className:g.title},d)),e)):null):null}},{key:"onTooltipShow",value:function(){if(!this.wasShown){var e=this.props.onTooltipShow;D.openTooltipsCount++,this.wasShown=!0,e&&e()}}},{key:"onTooltipHide",value:function(){if(this.wasShown){var e=this.props.onTooltipHide;D.lastTooltipHideTS=Date.now(),D.openTooltipsCount--,this.wasShown=!1,e&&e()}}},{key:"getTimeSinceLastTooltip",value:function(){return D.openTooltipsCount>0?0:D.lastTooltipHideTS?Date.now()-D.lastTooltipHideTS:1/0}},{key:"getShowDelay",value:function(){var e=this.props,o=e.showDelay,t=e.immediateShowDelay,i=this.getTimeSinceLastTooltip();return(0===t||t)&&1500>i?{showDelay:t,preventAnimation:!0}:{showDelay:o,preventAnimation:!1}}},{key:"render",value:function(){var e=this.props,o=e.children,t=e.theme,i=e.tip,n=e.arrowClassName,s=e.id,l=e["data-testid"],p=e.position;if(!o&&!e.forceRenderWithoutChildren)return null;if(e.withoutDialog)return this.renderTooltipContent();var m=this.renderTooltipContent,d=Object.assign(Object.assign({},this.props),{position:p,"data-testid":l||w(f.TOOLTIP,s),tooltip:i,content:m,tooltipClassName:a(g.arrow,u(g,t),n),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return r.createElement(h,Object.assign({},d,{animationType:"expand"}),o)}}])}();v.positions=c,v.hideShowTriggers=m,v.themes=T,v.animationTypes=d,v.defaultProps={moveBy:{main:4,secondary:0},theme:"dark",position:"top",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:d.EXPAND,withoutDialog:!1,tip:!0,hideWhenReferenceHidden:!1,modifiers:[],showTrigger:v.hideShowTriggers.MOUSE_ENTER,hideTrigger:v.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!0,referenceWrapperClassName:"",addKeyboardHideShowTriggersByDefault:!0,open:!1};export{v as default};
+import{inherits as e,createClass as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isFunction as n,camelCase as s}from"es-toolkit/compat";import a from"classnames";import r,{isValidElement as l,PureComponent as p}from"react";import h from"../Dialog/Dialog.js";import{HideShowEvent as m,AnimationType as d}from"../Dialog/DialogConstants.js";import{TooltipPositions as c,TooltipTheme as T}from"./TooltipConstants.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import g from"./Tooltip.module.scss.js";import{getTestId as w,ComponentDefaultTestId as f}from"../../tests/testIds.js";import S from"../Icon/Icon.js";import y from"../Flex/Flex.js";var D={lastTooltipHideTS:null,openTooltipsCount:0},v=function(m){function d(e){var o;return t(this,d),(o=i(this,d,[e])).renderTooltipContent=o.renderTooltipContent.bind(o),o.getShowDelay=o.getShowDelay.bind(o),o.onTooltipShow=o.onTooltipShow.bind(o),o.onTooltipHide=o.onTooltipHide.bind(o),o.wasShown=!1,o}return e(d,p),o(d,[{key:"renderTooltipContent",value:function(){var e,o=this.props,t=o.theme,i=o.content,p=o.className,h=o.style,m=o.maxWidth,d=o.title,c=o.image,T=o.icon,w=o.dir;return i?(n(i)?e=i():(l(i)||"string"==typeof i&&i||Array.isArray(i)&&i.length>0)&&(e=i),e?r.createElement("div",{style:m?Object.assign(Object.assign({},h),{"--tooltip-max-width":"".concat(m,"px")}):h,className:a(g.tooltip,u(g,s(t)),p),dir:w},c&&r.createElement("img",{className:g.image,src:c,alt:""}),r.createElement("div",{className:a(g.content)},d&&r.createElement(y,{gap:"xs"},T&&r.createElement(S,{iconSize:"20",icon:T}),r.createElement("div",{className:g.title},d)),e)):null):null}},{key:"onTooltipShow",value:function(){if(!this.wasShown){var e=this.props.onTooltipShow;D.openTooltipsCount++,this.wasShown=!0,e&&e()}}},{key:"onTooltipHide",value:function(){if(this.wasShown){var e=this.props.onTooltipHide;D.lastTooltipHideTS=Date.now(),D.openTooltipsCount--,this.wasShown=!1,e&&e()}}},{key:"getTimeSinceLastTooltip",value:function(){return D.openTooltipsCount>0?0:D.lastTooltipHideTS?Date.now()-D.lastTooltipHideTS:1/0}},{key:"getShowDelay",value:function(){var e=this.props,o=e.showDelay,t=e.immediateShowDelay,i=this.getTimeSinceLastTooltip();return(0===t||t)&&1500>i?{showDelay:t,preventAnimation:!0}:{showDelay:o,preventAnimation:!1}}},{key:"render",value:function(){var e=this.props,o=e.children,t=e.theme,i=e.tip,n=e.arrowClassName,s=e.id,l=e["data-testid"],p=e.position;if(!o&&!e.forceRenderWithoutChildren)return null;if(e.withoutDialog)return this.renderTooltipContent();var m=this.renderTooltipContent,d=Object.assign(Object.assign({},this.props),{position:p,"data-testid":l||w(f.TOOLTIP,s),tooltip:i,content:m,tooltipClassName:a(g.arrow,u(g,t),n),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return r.createElement(h,Object.assign({},d,{animationType:"expand"}),o)}}])}();v.positions=c,v.hideShowTriggers=m,v.themes=T,v.animationTypes=d,v.defaultProps={moveBy:{main:4,secondary:0},theme:"dark",position:"top",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:d.EXPAND,withoutDialog:!1,tip:!0,hideWhenReferenceHidden:!1,modifiers:[],showTrigger:v.hideShowTriggers.MOUSE_ENTER,hideTrigger:v.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!0,referenceWrapperClassName:"",addKeyboardHideShowTriggersByDefault:!0,open:!1};export{v as default};
 //# sourceMappingURL=Tooltip.js.map

package/dist/src/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { camelCase, isFunction } from \"lodash-es\";\nimport cx from \"classnames\";\nimport React, { type CSSProperties, isValidElement, PureComponent, type ReactElement } from \"react\";\nimport { type Modifier } from \"react-popper\";\nimport Dialog from \"../Dialog/Dialog\";\nimport { type DialogAnimationType, type DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { HideShowEvent as HideShowEventEnum, AnimationType as AnimationTypeEnum } from \"../Dialog/DialogConstants\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from \"./TooltipConstants\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Tooltip.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type SubIcon } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport Flex from \"../Flex/Flex\";\nimport { type TooltipPositions, type TooltipTheme } from \"./Tooltip.types\";\n\nexport type TooltipProps = TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps);\n\ninterface TooltipWithoutChildrenProps {\n  /**\n   * If true, the tooltip will be rendered even if there are no children.\n   */\n  forceRenderWithoutChildren: boolean;\n  /**\n   * The children elements that the tooltip is attached to.\n   */\n  children?: ReactElement | Array<ReactElement>;\n}\n\ninterface TooltipWithChildrenProps {\n  /**\n   * If true, the tooltip will be rendered even if there are no children.\n   */\n  forceRenderWithoutChildren?: boolean;\n  /**\n   * The children elements that the tooltip is attached to.\n   */\n  children: ReactElement | Array<ReactElement>;\n}\n\n// TODO TS-migration extend DialogProps, once Dialog is migrated to TS\ninterface TooltipBaseProps extends VibeComponentProps {\n  /**\n   * The content displayed inside the tooltip.\n   */\n  content: ElementContent;\n  /**\n   * Inline styles applied to the tooltip container.\n   */\n  style?: CSSProperties;\n  /**\n   * Class name applied to the tooltip arrow.\n   */\n  arrowClassName?: string;\n  /**\n   * Offset values for positioning adjustments.\n   */\n  moveBy?: MoveBy;\n  /**\n   * The theme of the tooltip.\n   */\n  theme?: TooltipTheme;\n  /**\n   * Function to get the container where the tooltip should be rendered.\n   */\n  getContainer?: () => HTMLElement;\n  /**\n   * Delay in milliseconds before hiding the tooltip.\n   */\n  hideDelay?: number;\n  /**\n   * Delay in milliseconds before showing the tooltip.\n   */\n  showDelay?: number;\n  /**\n   * If true, disables the slide animation of the tooltip.\n   */\n  disableDialogSlide?: boolean;\n  /**\n   * The animation type used for showing/hiding the tooltip.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * If true, renders the tooltip without a dialog.\n   */\n  withoutDialog?: boolean;\n  /**\n   * The CSS selector of the container where the tooltip should be rendered.\n   */\n  containerSelector?: string;\n  /**\n   * Delay in milliseconds before showing the tooltip immediately.\n   */\n  immediateShowDelay?: number;\n  /**\n   * If false, hides the arrow of the tooltip.\n   */\n  tip?: boolean;\n  /**\n   * If true, the tooltip is shown when the component mounts.\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * If true, hides the tooltip when the reference element is hidden.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * Callback fired when the tooltip is hidden.\n   */\n  onTooltipHide?: () => void;\n  /**\n   * Callback fired when the tooltip is shown.\n   */\n  onTooltipShow?: () => void;\n  /**\n   * Custom Popper.js modifiers.\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Array<Modifier<unknown>>;\n  /**\n   * The placement of the tooltip relative to the reference element.\n   */\n  position?: TooltipPositions;\n  /**\n   * Events that trigger showing the tooltip.\n   */\n  showTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * Events that trigger hiding the tooltip.\n   */\n  hideTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * If true, prevents closing the tooltip when the mouse enters it.\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * Class name applied to the reference wrapper element.\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * If true, keyboard focus/blur events behave like mouse enter/leave.\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true, controls the open state of the tooltip.\n   */\n  open?: boolean;\n  /**\n   * The z-index applied to the tooltip.\n   */\n  zIndex?: number;\n  /**\n   * The title of the tooltip.\n   */\n  title?: string;\n  /**\n   * The image displayed inside the tooltip.\n   */\n  image?: string;\n  /**\n   * The icon displayed next to the title.\n   */\n  icon?: SubIcon;\n  /**\n   * The maximum width of the tooltip.\n   */\n  maxWidth?: number;\n  /**\n   * The text direction of the tooltip: \"ltr\", \"rtl\", or \"auto\".\n   */\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}\n// When last tooltip was shown in the last 1.5 second - the next tooltip will be shown immediately\nconst IMMEDIATE_SHOW_THRESHOLD_MS = 1500;\n\n// Shared state across multiple tooltip instances (i.e last tooltip shown time)\nconst globalState: { lastTooltipHideTS: number; openTooltipsCount: number } = {\n  lastTooltipHideTS: null,\n  openTooltipsCount: 0\n};\n\nexport default class Tooltip extends PureComponent<TooltipProps> {\n  wasShown: boolean;\n  static positions = TooltipPositionsEnum;\n  static hideShowTriggers = HideShowEventEnum;\n  static themes = TooltipThemeEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    moveBy: { main: 4, secondary: 0 },\n    theme: \"dark\",\n    position: \"top\",\n    hideDelay: 100,\n    showDelay: 300,\n    disableDialogSlide: true,\n    animationType: AnimationTypeEnum.EXPAND,\n    withoutDialog: false,\n    tip: true,\n    hideWhenReferenceHidden: false,\n    modifiers: new Array<Modifier<unknown>>(),\n    showTrigger: Tooltip.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Tooltip.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: true,\n    referenceWrapperClassName: \"\",\n    addKeyboardHideShowTriggersByDefault: true,\n    open: false\n  };\n  constructor(props: TooltipProps) {\n    super(props);\n    this.renderTooltipContent = this.renderTooltipContent.bind(this);\n    this.getShowDelay = this.getShowDelay.bind(this);\n    this.onTooltipShow = this.onTooltipShow.bind(this);\n    this.onTooltipHide = this.onTooltipHide.bind(this);\n\n    this.wasShown = false;\n  }\n\n  renderTooltipContent() {\n    const { theme, content, className, style, maxWidth, title, image, icon, dir } = this.props;\n    if (!content) {\n      // don't render empty tooltip\n      return null;\n    }\n    let contentValue;\n    if (isFunction(content)) {\n      contentValue = content();\n    } else if (isValidElement(content)) {\n      contentValue = content;\n    } else if (typeof content === \"string\" && content) {\n      contentValue = content;\n    } else if (Array.isArray(content) && content.length > 0) {\n      // allow array of elements\n      contentValue = content;\n    }\n\n    if (!contentValue) {\n      return null;\n    }\n\n    return (\n      <div\n        style={maxWidth ? ({ ...style, \"--tooltip-max-width\": `${maxWidth}px` } as CSSProperties) : style}\n        className={cx(styles.tooltip, getStyle(styles, camelCase(theme)), className)}\n        dir={dir}\n      >\n        {image && <img className={styles.image} src={image} alt=\"\" />}\n        <div className={cx(styles.content)}>\n          {title && (\n            <Flex gap=\"xs\">\n              {icon && <Icon iconSize=\"20\" icon={icon} />}\n              <div className={styles.title}>{title}</div>\n            </Flex>\n          )}\n          {contentValue}\n        </div>\n      </div>\n    );\n  }\n\n  onTooltipShow() {\n    if (!this.wasShown) {\n      const { onTooltipShow } = this.props;\n      globalState.openTooltipsCount++;\n      this.wasShown = true;\n      onTooltipShow && onTooltipShow();\n    }\n  }\n\n  onTooltipHide() {\n    if (this.wasShown) {\n      const { onTooltipHide } = this.props;\n      globalState.lastTooltipHideTS = Date.now();\n      globalState.openTooltipsCount--;\n      this.wasShown = false;\n      onTooltipHide && onTooltipHide();\n    }\n  }\n\n  getTimeSinceLastTooltip() {\n    if (globalState.openTooltipsCount > 0) {\n      return 0;\n    }\n    return globalState.lastTooltipHideTS ? Date.now() - globalState.lastTooltipHideTS : Infinity;\n  }\n\n  getShowDelay() {\n    const { showDelay, immediateShowDelay } = this.props;\n    const timeSinceLastTooltip = this.getTimeSinceLastTooltip();\n    if ((immediateShowDelay === 0 || immediateShowDelay) && timeSinceLastTooltip < IMMEDIATE_SHOW_THRESHOLD_MS) {\n      // showing the tooltip immediately (without animation)\n      return {\n        showDelay: immediateShowDelay,\n        preventAnimation: true\n      };\n    }\n    return {\n      showDelay,\n      preventAnimation: false\n    };\n  }\n\n  render() {\n    const {\n      withoutDialog,\n      children,\n      forceRenderWithoutChildren,\n      theme,\n      tip,\n      arrowClassName,\n      id,\n      \"data-testid\": dataTestId,\n      position\n    } = this.props;\n\n    if (!children && !forceRenderWithoutChildren) {\n      return null;\n    }\n\n    if (withoutDialog) {\n      return this.renderTooltipContent();\n    }\n\n    const content = this.renderTooltipContent;\n    const dialogProps = {\n      ...this.props,\n      position: position,\n      \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.TOOLTIP, id),\n      tooltip: tip,\n      content,\n      tooltipClassName: cx(styles.arrow, getStyle(styles, theme), arrowClassName),\n      onDialogDidHide: this.onTooltipHide,\n      onDialogDidShow: this.onTooltipShow,\n      getDynamicShowDelay: this.getShowDelay\n    };\n    return (\n      <Dialog {...dialogProps} animationType=\"expand\">\n        {children}\n      </Dialog>\n    );\n  }\n}\n"],"names":["globalState","lastTooltipHideTS","openTooltipsCount","Tooltip","_PureComponent","props","_this","_classCallCheck","_callSuper","renderTooltipContent","bind","getShowDelay","onTooltipShow","onTooltipHide","wasShown","_inherits","PureComponent","_createClass","key","value","contentValue","_this$props","this","theme","content","className","style","maxWidth","title","image","icon","dir","isFunction","isValidElement","Array","isArray","length","React","Object","assign","concat","cx","styles","tooltip","getStyle","camelCase","createElement","src","alt","Flex","gap","Icon","iconSize","Date","now","Infinity","_this$props2","showDelay","immediateShowDelay","timeSinceLastTooltip","getTimeSinceLastTooltip","preventAnimation","_this$props3","children","tip","arrowClassName","id","dataTestId","position","forceRenderWithoutChildren","withoutDialog","dialogProps","getTestId","ComponentDefaultTestId","TOOLTIP","tooltipClassName","arrow","onDialogDidHide","onDialogDidShow","getDynamicShowDelay","Dialog","animationType","positions","TooltipPositionsEnum","hideShowTriggers","HideShowEventEnum","themes","TooltipThemeEnum","animationTypes","AnimationTypeEnum","defaultProps","moveBy","main","secondary","hideDelay","disableDialogSlide","EXPAND","hideWhenReferenceHidden","modifiers","showTrigger","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","showOnDialogEnter","referenceWrapperClassName","addKeyboardHideShowTriggersByDefault","open"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { camelCase, isFunction } from \"es-toolkit/compat\";\nimport cx from \"classnames\";\nimport React, { type CSSProperties, isValidElement, PureComponent, type ReactElement } from \"react\";\nimport { type Modifier } from \"react-popper\";\nimport Dialog from \"../Dialog/Dialog\";\nimport { type DialogAnimationType, type DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { HideShowEvent as HideShowEventEnum, AnimationType as AnimationTypeEnum } from \"../Dialog/DialogConstants\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from \"./TooltipConstants\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Tooltip.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type SubIcon } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport Flex from \"../Flex/Flex\";\nimport { type TooltipPositions, type TooltipTheme } from \"./Tooltip.types\";\n\nexport type TooltipProps = TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps);\n\ninterface TooltipWithoutChildrenProps {\n  /**\n   * If true, the tooltip will be rendered even if there are no children.\n   */\n  forceRenderWithoutChildren: boolean;\n  /**\n   * The children elements that the tooltip is attached to.\n   */\n  children?: ReactElement | Array<ReactElement>;\n}\n\ninterface TooltipWithChildrenProps {\n  /**\n   * If true, the tooltip will be rendered even if there are no children.\n   */\n  forceRenderWithoutChildren?: boolean;\n  /**\n   * The children elements that the tooltip is attached to.\n   */\n  children: ReactElement | Array<ReactElement>;\n}\n\n// TODO TS-migration extend DialogProps, once Dialog is migrated to TS\ninterface TooltipBaseProps extends VibeComponentProps {\n  /**\n   * The content displayed inside the tooltip.\n   */\n  content: ElementContent;\n  /**\n   * Inline styles applied to the tooltip container.\n   */\n  style?: CSSProperties;\n  /**\n   * Class name applied to the tooltip arrow.\n   */\n  arrowClassName?: string;\n  /**\n   * Offset values for positioning adjustments.\n   */\n  moveBy?: MoveBy;\n  /**\n   * The theme of the tooltip.\n   */\n  theme?: TooltipTheme;\n  /**\n   * Function to get the container where the tooltip should be rendered.\n   */\n  getContainer?: () => HTMLElement;\n  /**\n   * Delay in milliseconds before hiding the tooltip.\n   */\n  hideDelay?: number;\n  /**\n   * Delay in milliseconds before showing the tooltip.\n   */\n  showDelay?: number;\n  /**\n   * If true, disables the slide animation of the tooltip.\n   */\n  disableDialogSlide?: boolean;\n  /**\n   * The animation type used for showing/hiding the tooltip.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * If true, renders the tooltip without a dialog.\n   */\n  withoutDialog?: boolean;\n  /**\n   * The CSS selector of the container where the tooltip should be rendered.\n   */\n  containerSelector?: string;\n  /**\n   * Delay in milliseconds before showing the tooltip immediately.\n   */\n  immediateShowDelay?: number;\n  /**\n   * If false, hides the arrow of the tooltip.\n   */\n  tip?: boolean;\n  /**\n   * If true, the tooltip is shown when the component mounts.\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * If true, hides the tooltip when the reference element is hidden.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * Callback fired when the tooltip is hidden.\n   */\n  onTooltipHide?: () => void;\n  /**\n   * Callback fired when the tooltip is shown.\n   */\n  onTooltipShow?: () => void;\n  /**\n   * Custom Popper.js modifiers.\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Array<Modifier<unknown>>;\n  /**\n   * The placement of the tooltip relative to the reference element.\n   */\n  position?: TooltipPositions;\n  /**\n   * Events that trigger showing the tooltip.\n   */\n  showTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * Events that trigger hiding the tooltip.\n   */\n  hideTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * If true, prevents closing the tooltip when the mouse enters it.\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * Class name applied to the reference wrapper element.\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * If true, keyboard focus/blur events behave like mouse enter/leave.\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true, controls the open state of the tooltip.\n   */\n  open?: boolean;\n  /**\n   * The z-index applied to the tooltip.\n   */\n  zIndex?: number;\n  /**\n   * The title of the tooltip.\n   */\n  title?: string;\n  /**\n   * The image displayed inside the tooltip.\n   */\n  image?: string;\n  /**\n   * The icon displayed next to the title.\n   */\n  icon?: SubIcon;\n  /**\n   * The maximum width of the tooltip.\n   */\n  maxWidth?: number;\n  /**\n   * The text direction of the tooltip: \"ltr\", \"rtl\", or \"auto\".\n   */\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}\n// When last tooltip was shown in the last 1.5 second - the next tooltip will be shown immediately\nconst IMMEDIATE_SHOW_THRESHOLD_MS = 1500;\n\n// Shared state across multiple tooltip instances (i.e last tooltip shown time)\nconst globalState: { lastTooltipHideTS: number; openTooltipsCount: number } = {\n  lastTooltipHideTS: null,\n  openTooltipsCount: 0\n};\n\nexport default class Tooltip extends PureComponent<TooltipProps> {\n  wasShown: boolean;\n  static positions = TooltipPositionsEnum;\n  static hideShowTriggers = HideShowEventEnum;\n  static themes = TooltipThemeEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    moveBy: { main: 4, secondary: 0 },\n    theme: \"dark\",\n    position: \"top\",\n    hideDelay: 100,\n    showDelay: 300,\n    disableDialogSlide: true,\n    animationType: AnimationTypeEnum.EXPAND,\n    withoutDialog: false,\n    tip: true,\n    hideWhenReferenceHidden: false,\n    modifiers: new Array<Modifier<unknown>>(),\n    showTrigger: Tooltip.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Tooltip.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: true,\n    referenceWrapperClassName: \"\",\n    addKeyboardHideShowTriggersByDefault: true,\n    open: false\n  };\n  constructor(props: TooltipProps) {\n    super(props);\n    this.renderTooltipContent = this.renderTooltipContent.bind(this);\n    this.getShowDelay = this.getShowDelay.bind(this);\n    this.onTooltipShow = this.onTooltipShow.bind(this);\n    this.onTooltipHide = this.onTooltipHide.bind(this);\n\n    this.wasShown = false;\n  }\n\n  renderTooltipContent() {\n    const { theme, content, className, style, maxWidth, title, image, icon, dir } = this.props;\n    if (!content) {\n      // don't render empty tooltip\n      return null;\n    }\n    let contentValue;\n    if (isFunction(content)) {\n      contentValue = content();\n    } else if (isValidElement(content)) {\n      contentValue = content;\n    } else if (typeof content === \"string\" && content) {\n      contentValue = content;\n    } else if (Array.isArray(content) && content.length > 0) {\n      // allow array of elements\n      contentValue = content;\n    }\n\n    if (!contentValue) {\n      return null;\n    }\n\n    return (\n      <div\n        style={maxWidth ? ({ ...style, \"--tooltip-max-width\": `${maxWidth}px` } as CSSProperties) : style}\n        className={cx(styles.tooltip, getStyle(styles, camelCase(theme)), className)}\n        dir={dir}\n      >\n        {image && <img className={styles.image} src={image} alt=\"\" />}\n        <div className={cx(styles.content)}>\n          {title && (\n            <Flex gap=\"xs\">\n              {icon && <Icon iconSize=\"20\" icon={icon} />}\n              <div className={styles.title}>{title}</div>\n            </Flex>\n          )}\n          {contentValue}\n        </div>\n      </div>\n    );\n  }\n\n  onTooltipShow() {\n    if (!this.wasShown) {\n      const { onTooltipShow } = this.props;\n      globalState.openTooltipsCount++;\n      this.wasShown = true;\n      onTooltipShow && onTooltipShow();\n    }\n  }\n\n  onTooltipHide() {\n    if (this.wasShown) {\n      const { onTooltipHide } = this.props;\n      globalState.lastTooltipHideTS = Date.now();\n      globalState.openTooltipsCount--;\n      this.wasShown = false;\n      onTooltipHide && onTooltipHide();\n    }\n  }\n\n  getTimeSinceLastTooltip() {\n    if (globalState.openTooltipsCount > 0) {\n      return 0;\n    }\n    return globalState.lastTooltipHideTS ? Date.now() - globalState.lastTooltipHideTS : Infinity;\n  }\n\n  getShowDelay() {\n    const { showDelay, immediateShowDelay } = this.props;\n    const timeSinceLastTooltip = this.getTimeSinceLastTooltip();\n    if ((immediateShowDelay === 0 || immediateShowDelay) && timeSinceLastTooltip < IMMEDIATE_SHOW_THRESHOLD_MS) {\n      // showing the tooltip immediately (without animation)\n      return {\n        showDelay: immediateShowDelay,\n        preventAnimation: true\n      };\n    }\n    return {\n      showDelay,\n      preventAnimation: false\n    };\n  }\n\n  render() {\n    const {\n      withoutDialog,\n      children,\n      forceRenderWithoutChildren,\n      theme,\n      tip,\n      arrowClassName,\n      id,\n      \"data-testid\": dataTestId,\n      position\n    } = this.props;\n\n    if (!children && !forceRenderWithoutChildren) {\n      return null;\n    }\n\n    if (withoutDialog) {\n      return this.renderTooltipContent();\n    }\n\n    const content = this.renderTooltipContent;\n    const dialogProps = {\n      ...this.props,\n      position: position,\n      \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.TOOLTIP, id),\n      tooltip: tip,\n      content,\n      tooltipClassName: cx(styles.arrow, getStyle(styles, theme), arrowClassName),\n      onDialogDidHide: this.onTooltipHide,\n      onDialogDidShow: this.onTooltipShow,\n      getDynamicShowDelay: this.getShowDelay\n    };\n    return (\n      <Dialog {...dialogProps} animationType=\"expand\">\n        {children}\n      </Dialog>\n    );\n  }\n}\n"],"names":["globalState","lastTooltipHideTS","openTooltipsCount","Tooltip","_PureComponent","props","_this","_classCallCheck","_callSuper","renderTooltipContent","bind","getShowDelay","onTooltipShow","onTooltipHide","wasShown","_inherits","PureComponent","_createClass","key","value","contentValue","_this$props","this","theme","content","className","style","maxWidth","title","image","icon","dir","isFunction","isValidElement","Array","isArray","length","React","Object","assign","concat","cx","styles","tooltip","getStyle","camelCase","createElement","src","alt","Flex","gap","Icon","iconSize","Date","now","Infinity","_this$props2","showDelay","immediateShowDelay","timeSinceLastTooltip","getTimeSinceLastTooltip","preventAnimation","_this$props3","children","tip","arrowClassName","id","dataTestId","position","forceRenderWithoutChildren","withoutDialog","dialogProps","getTestId","ComponentDefaultTestId","TOOLTIP","tooltipClassName","arrow","onDialogDidHide","onDialogDidShow","getDynamicShowDelay","Dialog","animationType","positions","TooltipPositionsEnum","hideShowTriggers","HideShowEventEnum","themes","TooltipThemeEnum","animationTypes","AnimationTypeEnum","defaultProps","moveBy","main","secondary","hideDelay","disableDialogSlide","EXPAND","hideWhenReferenceHidden","modifiers","showTrigger","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","showOnDialogEnter","referenceWrapperClassName","addKeyboardHideShowTriggersByDefault","open"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={tooltip:"tooltip_cefda34c22",image:"image_deb7c7c2b9",title:"title_0df4e844bb",content:"content_bd3b1f31e5",paddingSizeMd:"paddingSizeMd_6fca9173f6",tooltipWhiteLink:"tooltipWhiteLink_5f72e83f02",arrow:"arrow_474b395d1e",dark:"dark_ad7828071b",primary:"primary_a1ce1d5299"};!function(e){const r="s_id-6a6e92472798_3_61_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".tooltip_cefda34c22 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\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  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_cefda34c22 .image_deb7c7c2b9 {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_cefda34c22 .title_0df4e844bb {\n  font: var(--font-text2-bold);\n}\n.tooltip_cefda34c22 .content_bd3b1f31e5 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_cefda34c22.paddingSizeMd_6fca9173f6 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_cefda34c22 a.tooltipWhiteLink_5f72e83f02 {\n  color: #fff;\n}\n.arrow_474b395d1e,\n.dark_ad7828071b,\n.arrow_474b395d1e.dark_ad7828071b {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_474b395d1e.arrow_474b395d1e.dark_ad7828071b, .black-app-theme .arrow_474b395d1e.arrow_474b395d1e.dark_ad7828071b, .hacker-app-theme .arrow_474b395d1e.arrow_474b395d1e.dark_ad7828071b,\n.dark-app-theme .arrow_474b395d1e.arrow_474b395d1e.primary_a1ce1d5299,\n.black-app-theme .arrow_474b395d1e.arrow_474b395d1e.primary_a1ce1d5299,\n.hacker-app-theme .arrow_474b395d1e.arrow_474b395d1e.primary_a1ce1d5299 {\n  box-shadow: none;\n}\n.primary_a1ce1d5299,\n.arrow_474b395d1e.primary_a1ce1d5299 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{e as default};
+var a={tooltip:"tooltip_44ae36e81f",image:"image_4a8d81cac1",title:"title_6435c24562",content:"content_e20a3f5538",paddingSizeMd:"paddingSizeMd_87edd640c6",tooltipWhiteLink:"tooltipWhiteLink_f1ca0543d0",arrow:"arrow_b55230d506",dark:"dark_1045dd5faa",primary:"primary_3116e9a8b8"};!function(a){const r="s_id-6a6e92472798_3_62_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=a)}(".tooltip_44ae36e81f {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\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  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_44ae36e81f .image_4a8d81cac1 {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_44ae36e81f .title_6435c24562 {\n  font: var(--font-text2-bold);\n}\n.tooltip_44ae36e81f .content_e20a3f5538 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_44ae36e81f.paddingSizeMd_87edd640c6 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_44ae36e81f a.tooltipWhiteLink_f1ca0543d0 {\n  color: #fff;\n}\n.arrow_b55230d506,\n.dark_1045dd5faa,\n.arrow_b55230d506.dark_1045dd5faa {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_b55230d506.arrow_b55230d506.dark_1045dd5faa, .black-app-theme .arrow_b55230d506.arrow_b55230d506.dark_1045dd5faa, .hacker-app-theme .arrow_b55230d506.arrow_b55230d506.dark_1045dd5faa,\n.dark-app-theme .arrow_b55230d506.arrow_b55230d506.primary_3116e9a8b8,\n.black-app-theme .arrow_b55230d506.arrow_b55230d506.primary_3116e9a8b8,\n.hacker-app-theme .arrow_b55230d506.arrow_b55230d506.primary_3116e9a8b8 {\n  box-shadow: none;\n}\n.primary_3116e9a8b8,\n.arrow_b55230d506.primary_3116e9a8b8 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{a as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

package/dist/src/components/TransitionView/TransitionView.module.scss.js

@@ -1,2 +1,2 @@
-var e={slideshow:"slideshow_c2ba5de527"};!function(e){const t="s_id-1d828e3be878_3_61_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow_c2ba5de527 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
+var e={slideshow:"slideshow_bb80fc9abf"};!function(e){const t="s_id-1d828e3be878_3_62_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow_bb80fc9abf {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
 //# sourceMappingURL=TransitionView.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={typography:"typography_68b01be366","focus-visible":"focus-visible_8b4f8382ab",primary:"primary_342b28b5ed",secondary:"secondary_15c2b3a6ef",negative:"negative_210a20912e",onPrimary:"onPrimary_551736a4ab",onInverted:"onInverted_7146e0662f",fixedLight:"fixedLight_2eddbb9e22",fixedDark:"fixedDark_2088210cab",inherit:"inherit_6f92140e21",alignInherit:"alignInherit_db830b972d",start:"start_0e589ee42f",center:"center_4cc4426612",end:"end_b354571e4d",singleLineEllipsis:"singleLineEllipsis_8cb9745d10",multiLineEllipsis:"multiLineEllipsis_0dd46c3f74"};!function(e){const n="s_id-1a3a21ac499a_3_61_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.typography_68b01be366 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_68b01be366 > a:focus-visible, .typography_68b01be366 > a.focus-visible_8b4f8382ab {\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_68b01be366 > a:focus:not(.focus-visible_8b4f8382ab) {\n  outline: none;\n}\n.typography_68b01be366 > a:hover {\n  text-decoration: underline;\n}\n.typography_68b01be366:disabled, .typography_68b01be366[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_342b28b5ed {\n  color: var(--primary-text-color);\n}\n.secondary_15c2b3a6ef {\n  color: var(--secondary-text-color);\n}\n.negative_210a20912e {\n  color: var(--color-error);\n}\n.onPrimary_551736a4ab {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_551736a4ab a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_7146e0662f {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_7146e0662f a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_2eddbb9e22 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_2eddbb9e22 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_2088210cab {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_2088210cab a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_6f92140e21 {\n  color: inherit;\n}\n.inherit_6f92140e21 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_db830b972d {\n  text-align: inherit;\n}\n.start_0e589ee42f {\n  text-align: start;\n}\n.center_4cc4426612 {\n  text-align: center;\n}\n.end_b354571e4d {\n  text-align: end;\n}\n.singleLineEllipsis_8cb9745d10 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_0dd46c3f74 {\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{e as default};
+var e={typography:"typography_25fbecdf58","focus-visible":"focus-visible_be1f2838e0",primary:"primary_26d0db93e3",secondary:"secondary_2643633957",negative:"negative_aade43a7ae",onPrimary:"onPrimary_ce55bfc2e4",onInverted:"onInverted_e92172a74e",fixedLight:"fixedLight_ed105d9453",fixedDark:"fixedDark_5e22b68e96",inherit:"inherit_ee625b77ad",alignInherit:"alignInherit_2d68dc8269",start:"start_f3761804b4",center:"center_ae05b0bcae",end:"end_b960e8de8d",singleLineEllipsis:"singleLineEllipsis_172a58563d",multiLineEllipsis:"multiLineEllipsis_8e1d9cb65d"};!function(e){const n="s_id-1a3a21ac499a_3_62_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.typography_25fbecdf58 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_25fbecdf58 > a:focus-visible, .typography_25fbecdf58 > a.focus-visible_be1f2838e0 {\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_25fbecdf58 > a:focus:not(.focus-visible_be1f2838e0) {\n  outline: none;\n}\n.typography_25fbecdf58 > a:hover {\n  text-decoration: underline;\n}\n.typography_25fbecdf58:disabled, .typography_25fbecdf58[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_26d0db93e3 {\n  color: var(--primary-text-color);\n}\n.secondary_2643633957 {\n  color: var(--secondary-text-color);\n}\n.negative_aade43a7ae {\n  color: var(--color-error);\n}\n.onPrimary_ce55bfc2e4 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_ce55bfc2e4 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_e92172a74e {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_e92172a74e a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_ed105d9453 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_ed105d9453 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_5e22b68e96 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_5e22b68e96 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_ee625b77ad {\n  color: inherit;\n}\n.inherit_ee625b77ad a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_2d68dc8269 {\n  text-align: inherit;\n}\n.start_f3761804b4 {\n  text-align: start;\n}\n.center_ae05b0bcae {\n  text-align: center;\n}\n.end_b960e8de8d {\n  text-align: end;\n}\n.singleLineEllipsis_172a58563d {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_8e1d9cb65d {\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{e as default};
 //# sourceMappingURL=Typography.module.scss.js.map

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

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