npm - @vibe/core - Versions diffs - 3.77.0-alpha-1b943.0 → 3.77.1-alpha-eb809.0 - Mend

@vibe/core 3.77.0-alpha-1b943.0 → 3.77.1-alpha-eb809.0

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

Files changed (844) hide show

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

@@ -1,2 +1,2 @@
-var n={textField:"textField_9507bf5fd2",labelWrapper:"labelWrapper_50d279a2f3",subTextContainer:"subTextContainer_fbe00b2645",counter:"counter_1089ea0731",disabled:"disabled_f8d2f83c7e",icon:"icon_c228471bb6",inputWrapper:"inputWrapper_c228471bb6",input:"input_c0d32d6271",iconContainer:"iconContainer_abe57e125d",iconContainerHasIcon:"iconContainerHasIcon_79f96cac35",readOnly:"readOnly_fa7b67bca2",inputHover:"inputHover_f828169b5d",inputActive:"inputActive_6034ec8014",inputHasIcon:"inputHasIcon_53229666ab",round:"round_b8198c7185",square:"square_b337b0ad91",onlyUnderline:"onlyUnderline_2788e84edb",tooltipContainer:"tooltipContainer_c0013205ac",wrapperSizeMedium:"wrapperSizeMedium_4ebcbe79c9",wrapperSizeLarge:"wrapperSizeLarge_961e848e15",iconContainerActive:"iconContainerActive_761c87ad23",iconContainerClickable:"iconContainerClickable_2089287563",inputErrorValidation:"inputErrorValidation_79f96cac35",subTextContainerStatus:"subTextContainerStatus_b35348336d",inputSuccessValidation:"inputSuccessValidation_29d59bda96",wrapperSizeSmall:"wrapperSizeSmall_9c39f82b3f",inputWrapperSizeSmall:"inputWrapperSizeSmall_8965a64618",loaderContainer:"loaderContainer_eae2939ffa",loaderContainerHasIcon:"loaderContainerHasIcon_6a69820f41",loader:"loader_25bbf8dd9b",loaderSvg:"loaderSvg_69a180b0fb"};!function(n){const e="s_id-695413f4db8e_3_76_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_9507bf5fd2 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_9507bf5fd2 * {\n  box-sizing: border-box;\n}\n\n.textField_9507bf5fd2 .labelWrapper_50d279a2f3 {\n  width: 100%;\n}\n\n.textField_9507bf5fd2 .subTextContainer_fbe00b2645 {\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_9507bf5fd2 .subTextContainer_fbe00b2645 .counter_1089ea0731 {\n  margin-left: auto;\n}\n\n.textField_9507bf5fd2.disabled_f8d2f83c7e .icon_c228471bb6 {\n  cursor: not-allowed;\n}\n\n.textField_9507bf5fd2.disabled_f8d2f83c7e .inputWrapper_c228471bb6 {\n  cursor: not-allowed;\n}\n\n.textField_9507bf5fd2.disabled_f8d2f83c7e .inputWrapper_c228471bb6 .input_c0d32d6271 {\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_9507bf5fd2.disabled_f8d2f83c7e .inputWrapper_c228471bb6 .input_c0d32d6271::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_9507bf5fd2.disabled_f8d2f83c7e .inputWrapper_c228471bb6 .iconContainer_abe57e125d.iconContainerHasIcon_79f96cac35:hover {\n  background-color: transparent;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .input_c0d32d6271 {\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_9507bf5fd2 .inputWrapper_c228471bb6 .input_c0d32d6271.readOnly_fa7b67bca2 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .input_c0d32d6271.inputHover_f828169b5d {\n  border-color: var(--primary-text-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .input_c0d32d6271:focus,\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .input_c0d32d6271:active,\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .input_c0d32d6271.inputActive_6034ec8014 {\n  border-color: var(--primary-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .input_c0d32d6271::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .input_c0d32d6271.inputHasIcon_53229666ab {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .input_c0d32d6271.round_b8198c7185 {\n  border-radius: 50px;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .input_c0d32d6271.square_b337b0ad91 {\n  border-radius: 0;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .input_c0d32d6271.onlyUnderline_2788e84edb {\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_9507bf5fd2 .inputWrapper_c228471bb6 .tooltipContainer_c0013205ac {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeMedium_4ebcbe79c9 .tooltipContainer_c0013205ac {\n  width: 40px;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeLarge_961e848e15 .tooltipContainer_c0013205ac {\n  width: 46px;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .iconContainer_abe57e125d {\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_9507bf5fd2 .inputWrapper_c228471bb6 .iconContainer_abe57e125d.iconContainerActive_761c87ad23.iconContainerHasIcon_79f96cac35.iconContainerClickable_2089287563 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .iconContainer_abe57e125d.iconContainerActive_761c87ad23.iconContainerHasIcon_79f96cac35:not(.iconContainerClickable_2089287563) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .iconContainer_abe57e125d.iconContainerActive_761c87ad23 {\n  opacity: 1;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .iconContainer_abe57e125d.iconContainerActive_761c87ad23 .icon_c228471bb6 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .iconContainer_abe57e125d.iconContainerHasIcon_79f96cac35.iconContainerClickable_2089287563:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .iconContainer_abe57e125d.iconContainerHasIcon_79f96cac35.iconContainerClickable_2089287563:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .iconContainer_abe57e125d .icon_c228471bb6 {\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_9507bf5fd2 .inputWrapper_c228471bb6.inputErrorValidation_79f96cac35:hover .input_c0d32d6271 {\n  border-color: var(--negative-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputErrorValidation_79f96cac35 .input_c0d32d6271 {\n  border-color: var(--negative-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputErrorValidation_79f96cac35 .input_c0d32d6271:focus,\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputErrorValidation_79f96cac35 .input_c0d32d6271:active {\n  border-color: var(--negative-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputErrorValidation_79f96cac35 .iconContainer_abe57e125d .icon_c228471bb6 {\n  color: var(--negative-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputErrorValidation_79f96cac35 .iconContainer_abe57e125d .icon_c228471bb6:hover {\n  color: var(--negative-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputErrorValidation_79f96cac35 + .subTextContainer_fbe00b2645 .subTextContainerStatus_b35348336d,\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputErrorValidation_79f96cac35 + .subTextContainer_fbe00b2645 .counter_1089ea0731 {\n  color: var(--negative-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputSuccessValidation_29d59bda96:hover .input_c0d32d6271 {\n  border-color: var(--positive-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputSuccessValidation_29d59bda96 .input_c0d32d6271 {\n  border-color: var(--positive-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputSuccessValidation_29d59bda96 .input_c0d32d6271:focus,\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputSuccessValidation_29d59bda96 .input_c0d32d6271:active {\n  border-color: var(--positive-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputSuccessValidation_29d59bda96 .iconContainer_abe57e125d .icon_c228471bb6 {\n  color: var(--positive-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputSuccessValidation_29d59bda96 .iconContainer_abe57e125d .icon_c228471bb6:hover {\n  color: var(--positive-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.inputSuccessValidation_29d59bda96 + .subTextContainer_fbe00b2645 .subTextContainerStatus_b35348336d {\n  color: var(--positive-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeSmall_9c39f82b3f {\n  height: 32px;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeSmall_9c39f82b3f .input_c0d32d6271 {\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_9507bf5fd2 .inputWrapper_c228471bb6.inputWrapperSizeSmall_8965a64618 .input_c0d32d6271.inputHasIcon_53229666ab.onlyUnderline_2788e84edb {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeMedium_4ebcbe79c9 {\n  height: 40px;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeMedium_4ebcbe79c9 .input_c0d32d6271 {\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_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeMedium_4ebcbe79c9 .input_c0d32d6271.inputHasIcon_53229666ab {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeMedium_4ebcbe79c9 .input_c0d32d6271.inputHasIcon_53229666ab.onlyUnderline_2788e84edb {\n  padding-left: 4px;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeMedium_4ebcbe79c9 .iconContainer_abe57e125d {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeMedium_4ebcbe79c9 .iconContainer_abe57e125d:hover + .iconContainer_abe57e125d + .input_c0d32d6271 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeLarge_961e848e15 {\n  height: 48px;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeLarge_961e848e15 .input_c0d32d6271 {\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_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeLarge_961e848e15 .input_c0d32d6271.inputHasIcon_53229666ab {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeLarge_961e848e15 .input_c0d32d6271.inputHasIcon_53229666ab.onlyUnderline_2788e84edb {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeLarge_961e848e15 .iconContainer_abe57e125d {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6:hover .input_c0d32d6271 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .loaderContainer_eae2939ffa {\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_9507bf5fd2 .inputWrapper_c228471bb6 .loaderContainer_eae2939ffa.loaderContainerHasIcon_6a69820f41 {\n  right: 32px;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .loaderContainer_eae2939ffa .loader_25bbf8dd9b {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6 .loaderContainer_eae2939ffa .loader_25bbf8dd9b .loaderSvg_69a180b0fb {\n  color: var(--secondary-text-color);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeMedium_4ebcbe79c9 .iconContainer_abe57e125d .icon_c228471bb6 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_9507bf5fd2 .inputWrapper_c228471bb6.wrapperSizeLarge_961e848e15 .iconContainer_abe57e125d .icon_c228471bb6 {\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{n as default};
+var e={textField:"textField_cebc3b4bbf",labelWrapper:"labelWrapper_2a4be837a6",subTextContainer:"subTextContainer_b10d5b965e",counter:"counter_e4f53f8cb2",disabled:"disabled_bb30db8f57",icon:"icon_ef3873bc6c",inputWrapper:"inputWrapper_ef3873bc6c",input:"input_dda0c9ed5d",iconContainer:"iconContainer_2a280dca2f",iconContainerHasIcon:"iconContainerHasIcon_feb1c87255",readOnly:"readOnly_332b327935",inputHover:"inputHover_6bda23ab5a",inputActive:"inputActive_1e61fa9b01",inputHasIcon:"inputHasIcon_f44efb88d2",round:"round_5e611379ad",square:"square_27ac524d00",onlyUnderline:"onlyUnderline_62f3d03a71",tooltipContainer:"tooltipContainer_b9934e2d92",wrapperSizeMedium:"wrapperSizeMedium_237137cbc7",wrapperSizeLarge:"wrapperSizeLarge_b306ab0ce0",iconContainerActive:"iconContainerActive_066a02685e",iconContainerClickable:"iconContainerClickable_75556c443c",inputErrorValidation:"inputErrorValidation_feb1c87255",subTextContainerStatus:"subTextContainerStatus_bcfd7b156b",inputSuccessValidation:"inputSuccessValidation_982c41d72b",wrapperSizeSmall:"wrapperSizeSmall_9f0e55e336",inputWrapperSizeSmall:"inputWrapperSizeSmall_ec1409ecab",loaderContainer:"loaderContainer_67363fb7af",loaderContainerHasIcon:"loaderContainerHasIcon_380f2fc94c",loader:"loader_8c6ee65347",loaderSvg:"loaderSvg_ba7078250c"};!function(e){const n="s_id-695413f4db8e_3_77_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".textField_cebc3b4bbf {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_cebc3b4bbf * {\n  box-sizing: border-box;\n}\n\n.textField_cebc3b4bbf .labelWrapper_2a4be837a6 {\n  width: 100%;\n}\n\n.textField_cebc3b4bbf .subTextContainer_b10d5b965e {\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_cebc3b4bbf .subTextContainer_b10d5b965e .counter_e4f53f8cb2 {\n  margin-left: auto;\n}\n\n.textField_cebc3b4bbf.disabled_bb30db8f57 .icon_ef3873bc6c {\n  cursor: not-allowed;\n}\n\n.textField_cebc3b4bbf.disabled_bb30db8f57 .inputWrapper_ef3873bc6c {\n  cursor: not-allowed;\n}\n\n.textField_cebc3b4bbf.disabled_bb30db8f57 .inputWrapper_ef3873bc6c .input_dda0c9ed5d {\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_cebc3b4bbf.disabled_bb30db8f57 .inputWrapper_ef3873bc6c .input_dda0c9ed5d::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_cebc3b4bbf.disabled_bb30db8f57 .inputWrapper_ef3873bc6c .iconContainer_2a280dca2f.iconContainerHasIcon_feb1c87255:hover {\n  background-color: transparent;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c {\n  width: 100%;\n  position: relative;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .input_dda0c9ed5d {\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_cebc3b4bbf .inputWrapper_ef3873bc6c .input_dda0c9ed5d.readOnly_332b327935 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .input_dda0c9ed5d.inputHover_6bda23ab5a {\n  border-color: var(--primary-text-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .input_dda0c9ed5d:focus,\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .input_dda0c9ed5d:active,\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .input_dda0c9ed5d.inputActive_1e61fa9b01 {\n  border-color: var(--primary-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .input_dda0c9ed5d::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .input_dda0c9ed5d.inputHasIcon_f44efb88d2 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .input_dda0c9ed5d.round_5e611379ad {\n  border-radius: 50px;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .input_dda0c9ed5d.square_27ac524d00 {\n  border-radius: 0;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .input_dda0c9ed5d.onlyUnderline_62f3d03a71 {\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_cebc3b4bbf .inputWrapper_ef3873bc6c .tooltipContainer_b9934e2d92 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeMedium_237137cbc7 .tooltipContainer_b9934e2d92 {\n  width: 40px;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeLarge_b306ab0ce0 .tooltipContainer_b9934e2d92 {\n  width: 46px;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .iconContainer_2a280dca2f {\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_cebc3b4bbf .inputWrapper_ef3873bc6c .iconContainer_2a280dca2f.iconContainerActive_066a02685e.iconContainerHasIcon_feb1c87255.iconContainerClickable_75556c443c {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .iconContainer_2a280dca2f.iconContainerActive_066a02685e.iconContainerHasIcon_feb1c87255:not(.iconContainerClickable_75556c443c) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .iconContainer_2a280dca2f.iconContainerActive_066a02685e {\n  opacity: 1;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .iconContainer_2a280dca2f.iconContainerActive_066a02685e .icon_ef3873bc6c {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .iconContainer_2a280dca2f.iconContainerHasIcon_feb1c87255.iconContainerClickable_75556c443c:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .iconContainer_2a280dca2f.iconContainerHasIcon_feb1c87255.iconContainerClickable_75556c443c:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .iconContainer_2a280dca2f .icon_ef3873bc6c {\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_cebc3b4bbf .inputWrapper_ef3873bc6c.inputErrorValidation_feb1c87255:hover .input_dda0c9ed5d {\n  border-color: var(--negative-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputErrorValidation_feb1c87255 .input_dda0c9ed5d {\n  border-color: var(--negative-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputErrorValidation_feb1c87255 .input_dda0c9ed5d:focus,\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputErrorValidation_feb1c87255 .input_dda0c9ed5d:active {\n  border-color: var(--negative-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputErrorValidation_feb1c87255 .iconContainer_2a280dca2f .icon_ef3873bc6c {\n  color: var(--negative-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputErrorValidation_feb1c87255 .iconContainer_2a280dca2f .icon_ef3873bc6c:hover {\n  color: var(--negative-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputErrorValidation_feb1c87255 + .subTextContainer_b10d5b965e .subTextContainerStatus_bcfd7b156b,\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputErrorValidation_feb1c87255 + .subTextContainer_b10d5b965e .counter_e4f53f8cb2 {\n  color: var(--negative-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputSuccessValidation_982c41d72b:hover .input_dda0c9ed5d {\n  border-color: var(--positive-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputSuccessValidation_982c41d72b .input_dda0c9ed5d {\n  border-color: var(--positive-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputSuccessValidation_982c41d72b .input_dda0c9ed5d:focus,\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputSuccessValidation_982c41d72b .input_dda0c9ed5d:active {\n  border-color: var(--positive-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputSuccessValidation_982c41d72b .iconContainer_2a280dca2f .icon_ef3873bc6c {\n  color: var(--positive-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputSuccessValidation_982c41d72b .iconContainer_2a280dca2f .icon_ef3873bc6c:hover {\n  color: var(--positive-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.inputSuccessValidation_982c41d72b + .subTextContainer_b10d5b965e .subTextContainerStatus_bcfd7b156b {\n  color: var(--positive-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeSmall_9f0e55e336 {\n  height: 32px;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeSmall_9f0e55e336 .input_dda0c9ed5d {\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_cebc3b4bbf .inputWrapper_ef3873bc6c.inputWrapperSizeSmall_ec1409ecab .input_dda0c9ed5d.inputHasIcon_f44efb88d2.onlyUnderline_62f3d03a71 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeMedium_237137cbc7 {\n  height: 40px;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeMedium_237137cbc7 .input_dda0c9ed5d {\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_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeMedium_237137cbc7 .input_dda0c9ed5d.inputHasIcon_f44efb88d2 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeMedium_237137cbc7 .input_dda0c9ed5d.inputHasIcon_f44efb88d2.onlyUnderline_62f3d03a71 {\n  padding-left: 4px;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeMedium_237137cbc7 .iconContainer_2a280dca2f {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeMedium_237137cbc7 .iconContainer_2a280dca2f:hover + .iconContainer_2a280dca2f + .input_dda0c9ed5d {\n  border-color: var(--primary-text-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeLarge_b306ab0ce0 {\n  height: 48px;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeLarge_b306ab0ce0 .input_dda0c9ed5d {\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_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeLarge_b306ab0ce0 .input_dda0c9ed5d.inputHasIcon_f44efb88d2 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeLarge_b306ab0ce0 .input_dda0c9ed5d.inputHasIcon_f44efb88d2.onlyUnderline_62f3d03a71 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeLarge_b306ab0ce0 .iconContainer_2a280dca2f {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c:hover .input_dda0c9ed5d {\n  border-color: var(--primary-text-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .loaderContainer_67363fb7af {\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_cebc3b4bbf .inputWrapper_ef3873bc6c .loaderContainer_67363fb7af.loaderContainerHasIcon_380f2fc94c {\n  right: 32px;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .loaderContainer_67363fb7af .loader_8c6ee65347 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c .loaderContainer_67363fb7af .loader_8c6ee65347 .loaderSvg_ba7078250c {\n  color: var(--secondary-text-color);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeMedium_237137cbc7 .iconContainer_2a280dca2f .icon_ef3873bc6c {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_cebc3b4bbf .inputWrapper_ef3873bc6c.wrapperSizeLarge_b306ab0ce0 .iconContainer_2a280dca2f .icon_ef3873bc6c {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_32c9f9230e",highlightText:"highlightText_70b4d33cab",withEllipsis:"withEllipsis_86e6b6ba75"};!function(e){const t="s_id-42c1fd2afe36_3_76_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_32c9f9230e {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_32c9f9230e em.highlightText_70b4d33cab {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_32c9f9230e.withEllipsis_86e6b6ba75 {\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_0acbd70466",highlightText:"highlightText_389ba5f874",withEllipsis:"withEllipsis_7b694f5b50"};!function(e){const t="s_id-42c1fd2afe36_3_77_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_0acbd70466 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_0acbd70466 em.highlightText_389ba5f874 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_0acbd70466.withEllipsis_7b694f5b50 {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as s,useEffect as n,useMemo as a,Fragment as l}from"react";import m from"classnames";import{AnimationType as d,HideShowEvent as p}from"../Dialog/DialogConstants.js";import c from"../../hooks/useMergeRef.js";import u from"../Tooltip/Tooltip.js";import f from"../IconButton/IconButton.js";import h from"./TipseenTitle.js";import{TipseenCloseButtonTheme as v,TipseenColor as T,TIPSEEN_CLOSE_BUTTON_ARIA_LABEL as g}from"./TipseenConstants.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentDefaultTestId as C}from"../../tests/constants.js";import{getTestId as j}from"../../tests/testIds.js";import w from"../Text/Text.js";import N from"./Tipseen.module.scss.js";import{TooltipPositions as E}from"../Tooltip/TooltipConstants.js";import x from"../../../icons/dist/react/CloseSmall.js";var W=o.createContext("primary"),B=y(i((function(i,d){var p=i.className,v=i.id,T=i.position,y=void 0===T?"bottom":T,E=i.animationType,B=void 0===E?"expand":E,k=i.hideDelay,D=void 0===k?0:k,S=i.showDelay,b=void 0===S?100:S,A=i.title,P=i.titleClassName,I=i.hideCloseButton,H=i.closeButtonTheme,R=void 0===H?"light":H,O=i.onClose,L=i.closeAriaLabel,M=i.children,_=void 0===M?null:M,z=i.content,q=i.containerSelector,F=i.hideTrigger,G=void 0===F?[]:F,J=i.showTrigger,K=void 0===J?[]:J,Q=i.width,U=i.moveBy,V=i.hideWhenReferenceHidden,X=void 0!==V&&V,Y=i.referenceWrapperClassName,Z=i.tip,$=void 0===Z||Z,ee=i.tooltipArrowClassName,te=i.modifiers,oe=void 0===te?[]:te,ie=i.floating,re=void 0!==ie&&ie,se=i.color,ne=i["data-testid"],ae=null!=se?se:"inverted",le=Array.isArray(K)&&Array.isArray(G)&&0===K.length&&b>0,me=r(null),de=c(d,me),pe=s(!le),ce=e(pe,2),ue=ce[0],fe=ce[1],he=L||g;n((function(){var e;return b&&(e=setTimeout((function(){fe(!0)}),b)),function(){clearTimeout(e)}}),[b,fe]);var ve=a((function(){return"inverted"===ae?"onInverted":"onPrimary"}),[ae]),Te=a((function(){return"light"===R?"inverted"===ae?"on-inverted-background":"on-primary-color":R}),[ae,R]),ge=d||v?"div":l,ye="div"===ge?{ref:de,id:v,"data-testid":ne||j(C.TIPSEEN,v)}:{},Ce=o.createElement("div",null,o.createElement("div",{className:m(N.tipseenHeader)},I?null:o.createElement(f,{hideTooltip:!0,className:m(N.tipseenCloseButton,t({},N.dark,"dark"===R||"fixed-dark"===R)),onClick:O,size:"xs",kind:"tertiary",color:Te,ariaLabel:he,icon:x}),o.createElement(h,{text:A,className:m(N.tipseenTitle,P)})),o.createElement(w,{color:ve,type:"text2",element:"div",ellipsis:!1,className:m(N.tipseenContent)},o.createElement(W.Provider,{value:ae},z)));return o.createElement(ge,Object.assign({},ye),o.createElement(u,{className:m(N.tipseenWrapper,p,t(t({},N.tipseenWrapperWithoutCustomWidth,!Q),N.floating,re)),maxWidth:Q,arrowClassName:ee,style:Q?{width:Q}:void 0,shouldShowOnMount:!le,position:y,animationType:B,hideDelay:D,showDelay:0,hideTrigger:G,showTrigger:K,showOnDialogEnter:!1,content:Ce,theme:"inverted"===ae?"dark":"primary",containerSelector:q,disableDialogSlide:!1,moveBy:U,hideWhenReferenceHidden:X,referenceWrapperClassName:Y,tip:$&&!re,modifiers:oe,open:le?ue:void 0,forceRenderWithoutChildren:re},_))})),{closeButtonThemes:v,animationTypes:d,hideShowTriggers:p,colors:T,positions:E});export{W as TipseenContext,B as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as s,useEffect as n,useMemo as a,Fragment as l}from"react";import m from"classnames";import d from"../../hooks/useMergeRef.js";import p from"../Tooltip/Tooltip.js";import c from"../IconButton/IconButton.js";import u from"./TipseenTitle.js";import{TipseenCloseButtonTheme as f,TipseenColor as h,TIPSEEN_CLOSE_BUTTON_ARIA_LABEL as v}from"./TipseenConstants.js";import{withStaticProps as T}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentDefaultTestId as g}from"../../tests/constants.js";import{getTestId as y}from"../../tests/testIds.js";import C from"../Text/Text.js";import j from"./Tipseen.module.scss.js";import{TooltipPositions as w}from"../Tooltip/TooltipConstants.js";import{AnimationType as E,HideShowEvent as N}from"../../../components/dialog/dist/Dialog/DialogConstants.js";import x from"../../../icons/dist/react/CloseSmall.js";var W=o.createContext("primary"),B=T(i((function(i,f){var h=i.className,T=i.id,w=i.position,E=void 0===w?"bottom":w,N=i.animationType,B=void 0===N?"expand":N,S=i.hideDelay,k=void 0===S?0:S,A=i.showDelay,D=void 0===A?100:A,b=i.title,P=i.titleClassName,H=i.hideCloseButton,I=i.closeButtonTheme,R=void 0===I?"light":I,O=i.onClose,L=i.closeAriaLabel,M=i.children,_=void 0===M?null:M,z=i.content,q=i.containerSelector,F=i.hideTrigger,G=void 0===F?[]:F,J=i.showTrigger,K=void 0===J?[]:J,Q=i.width,U=i.moveBy,V=i.hideWhenReferenceHidden,X=void 0!==V&&V,Y=i.referenceWrapperClassName,Z=i.tip,$=void 0===Z||Z,ee=i.tooltipArrowClassName,te=i.modifiers,oe=void 0===te?[]:te,ie=i.floating,re=void 0!==ie&&ie,se=i.color,ne=i["data-testid"],ae=null!=se?se:"inverted",le=Array.isArray(K)&&Array.isArray(G)&&0===K.length&&D>0,me=r(null),de=d(f,me),pe=s(!le),ce=e(pe,2),ue=ce[0],fe=ce[1],he=L||v;n((function(){var e;return D&&(e=setTimeout((function(){fe(!0)}),D)),function(){clearTimeout(e)}}),[D,fe]);var ve=a((function(){return"inverted"===ae?"onInverted":"onPrimary"}),[ae]),Te=a((function(){return"light"===R?"inverted"===ae?"on-inverted-background":"on-primary-color":R}),[ae,R]),ge=f||T?"div":l,ye="div"===ge?{ref:de,id:T,"data-testid":ne||y(g.TIPSEEN,T)}:{},Ce=o.createElement("div",null,o.createElement("div",{className:m(j.tipseenHeader)},H?null:o.createElement(c,{hideTooltip:!0,className:m(j.tipseenCloseButton,t({},j.dark,"dark"===R||"fixed-dark"===R)),onClick:O,size:"xs",kind:"tertiary",color:Te,ariaLabel:he,icon:x}),o.createElement(u,{text:b,className:m(j.tipseenTitle,P)})),o.createElement(C,{color:ve,type:"text2",element:"div",ellipsis:!1,className:m(j.tipseenContent)},o.createElement(W.Provider,{value:ae},z)));return o.createElement(ge,Object.assign({},ye),o.createElement(p,{className:m(j.tipseenWrapper,h,t(t({},j.tipseenWrapperWithoutCustomWidth,!Q),j.floating,re)),maxWidth:Q,arrowClassName:ee,style:Q?{width:Q}:void 0,shouldShowOnMount:!le,position:E,animationType:B,hideDelay:k,showDelay:0,hideTrigger:G,showTrigger:K,showOnDialogEnter:!1,content:Ce,theme:"inverted"===ae?"dark":"primary",containerSelector:q,disableDialogSlide:!1,moveBy:U,hideWhenReferenceHidden:X,referenceWrapperClassName:Y,tip:$&&!re,modifiers:oe,open:le?ue:void 0,forceRenderWithoutChildren:re},_))})),{closeButtonThemes:f,animationTypes:E,hideShowTriggers:N,colors:h,positions:w});export{W as TipseenContext,B as default};
 //# sourceMappingURL=Tipseen.js.map

package/dist/src/components/Tipseen/Tipseen.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tipseen.js","sources":["../../../../src/components/Tipseen/Tipseen.tsx"],"sourcesContent":["import { forwardRef, Fragment, type ReactElement, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { AnimationType as AnimationTypeEnum, HideShowEvent as HideShowEventEnum } from \"../Dialog/DialogConstants\";\nimport { type DialogAnimationType, type DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip from \"../../components/Tooltip/Tooltip\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport {\n TIPSEEN_CLOSE_BUTTON_ARIA_LABEL,\n TipseenCloseButtonTheme as TipseenCloseButtonThemeEnum,\n TipseenColor as TipseenColorEnum\n} from \"./TipseenConstants\";\nimport { type TipseenCloseButtonTheme, type TipseenColor } from \"./Tipseen.types\";\nimport { type ElementContent, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { type Modifier } from \"react-popper\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Tipseen.module.scss\";\nimport React from \"react\";\nimport { type TooltipPositions } from \"../Tooltip/Tooltip.types\";\nimport { TooltipPositions as TooltipPositionsEnum } from \"../Tooltip/TooltipConstants\";\n\nexport interface TipseenProps extends VibeComponentProps {\n /*\n Class name applied to the Tipseen title.\n /\n titleClassName?: string;\n /\n The position of the Tipseen relative to the target element.\n /\n position?: TooltipPositions;\n /\n The animation type used for showing/hiding the Tipseen.\n /\n animationType?: DialogAnimationType;\n /\n The delay in milliseconds before hiding the Tipseen.\n /\n hideDelay?: number;\n /\n The delay in milliseconds before showing the Tipseen.\n /\n showDelay?: number;\n /\n The title text of the Tipseen.\n /\n title?: string;\n /\n If true, hides the close button.\n /\n hideCloseButton?: boolean;\n /\n The child element that triggers the Tipseen.\n /\n children?: ReactElement;\n /\n The CSS selector of the container where the Tipseen should be rendered.\n /\n containerSelector?: string;\n /\n Events that trigger hiding the Tipseen.\n /\n hideTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n /\n Events that trigger showing the Tipseen.\n /\n showTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n /\n The width of the Tipseen.\n /\n width?: number;\n /\n Offset values for positioning adjustments.\n /\n moveBy?: MoveBy;\n /\n If true, hides the Tipseen when the reference element is hidden.\n /\n hideWhenReferenceHidden?: boolean;\n /\n Class name applied to the reference wrapper element.\n /\n referenceWrapperClassName?: string;\n /\n If false, hides the arrow of the Tipseen.\n /\n tip?: boolean;\n /\n Class name applied to the Tipseen arrow.\n /\n tooltipArrowClassName?: string;\n /\n Custom Popper.js modifiers.\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Array<Modifier<unknown>>;\n /\n The aria-label for the close button.\n /\n closeAriaLabel?: string;\n /\n Callback fired when the Tipseen is closed.\n /\n onClose?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n /\n The content displayed inside the Tipseen.\n /\n content: ElementContent;\n /\n The theme of the Tipseen close button.\n /\n closeButtonTheme?: TipseenCloseButtonTheme;\n /\n If true, renders the Tipseen as a floating element without a reference.\n /\n floating?: boolean;\n /\n The color theme of the Tipseen.\n */\n color?: TipseenColor;\n}\n\nexport const TipseenContext = React.createContext<TipseenColor>(\"primary\");\n\nconst Tipseen = forwardRef(\n (\n {\n className,\n id,\n position = \"bottom\",\n animationType = \"expand\",\n hideDelay = 0,\n showDelay = 100,\n title,\n titleClassName,\n hideCloseButton,\n closeButtonTheme = \"light\",\n onClose,\n closeAriaLabel,\n children = null,\n content,\n containerSelector,\n hideTrigger = [],\n showTrigger = [],\n width,\n moveBy,\n hideWhenReferenceHidden = false,\n referenceWrapperClassName,\n tip = true,\n tooltipArrowClassName,\n modifiers = [],\n floating = false,\n color: colorProp,\n \"data-testid\": dataTestId\n }: TipseenProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const color = colorProp ?? \"inverted\";\n\n const defaultDelayOpen =\n Array.isArray(showTrigger) && Array.isArray(hideTrigger) && showTrigger.length === 0 && showDelay > 0;\n\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const [delayedOpen, setDelayOpen] = useState(!defaultDelayOpen);\n const overrideCloseAriaLabel = closeAriaLabel \|\| TIPSEEN_CLOSE_BUTTON_ARIA_LABEL;\n\n useEffect(() => {\n let timeout: NodeJS.Timeout;\n if (showDelay) {\n timeout = setTimeout(() => {\n setDelayOpen(true);\n }, showDelay);\n }\n return () => {\n clearTimeout(timeout);\n };\n }, [showDelay, setDelayOpen]);\n\n const textColor = useMemo(() => {\n return color === \"inverted\" ? \"onInverted\" : \"onPrimary\";\n }, [color]);\n const closeButtonColor = useMemo(() => {\n if (closeButtonTheme === \"light\") {\n return color === \"inverted\" ? \"on-inverted-background\" : \"on-primary-color\";\n } else {\n return closeButtonTheme;\n }\n }, [color, closeButtonTheme]);\n\n const TipseenWrapper = ref \|\| id ? \"div\" : Fragment;\n const wrapperProps =\n TipseenWrapper === \"div\"\n ? { ref: mergedRef, id, \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN, id) }\n : {};\n\n const tooltipContent = (\n <div>\n <div className={cx(styles.tipseenHeader)}>\n {hideCloseButton ? null : (\n <IconButton\n hideTooltip\n className={cx(styles.tipseenCloseButton, {\n [styles.dark]: closeButtonTheme === \"dark\" \|\| closeButtonTheme === \"fixed-dark\"\n })}\n onClick={onClose}\n size=\"xs\"\n kind=\"tertiary\"\n // @ts-ignore\n color={closeButtonColor}\n ariaLabel={overrideCloseAriaLabel}\n icon={CloseSmall}\n />\n )}\n <TipseenTitle text={title} className={cx(styles.tipseenTitle, titleClassName)} />\n </div>\n <Text color={textColor} type=\"text2\" element=\"div\" ellipsis={false} className={cx(styles.tipseenContent)}>\n <TipseenContext.Provider value={color}>{content}</TipseenContext.Provider>\n </Text>\n </div>\n );\n\n return (\n <TipseenWrapper {...wrapperProps}>\n <Tooltip\n className={cx(styles.tipseenWrapper, className, {\n [styles.tipseenWrapperWithoutCustomWidth]: !width,\n [styles.floating]: floating\n })}\n maxWidth={width}\n arrowClassName={tooltipArrowClassName}\n style={width ? { width } : undefined}\n shouldShowOnMount={!defaultDelayOpen}\n position={position}\n animationType={animationType}\n hideDelay={hideDelay}\n showDelay={0}\n hideTrigger={hideTrigger}\n showTrigger={showTrigger}\n showOnDialogEnter={false}\n content={tooltipContent}\n theme={color === \"inverted\" ? \"dark\" : \"primary\"}\n containerSelector={containerSelector}\n disableDialogSlide={false}\n moveBy={moveBy}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n referenceWrapperClassName={referenceWrapperClassName}\n tip={tip && !floating}\n modifiers={modifiers}\n open={defaultDelayOpen ? delayedOpen : undefined}\n forceRenderWithoutChildren={floating}\n >\n {children}\n </Tooltip>\n </TipseenWrapper>\n );\n }\n);\n\ninterface TipseenStaticProps {\n closeButtonThemes: typeof TipseenCloseButtonThemeEnum;\n animationTypes: typeof AnimationTypeEnum;\n hideShowTriggers: typeof HideShowEventEnum;\n colors: typeof TipseenColorEnum;\n positions: typeof TooltipPositionsEnum;\n}\n\nexport default withStaticProps<TipseenProps, TipseenStaticProps>(Tipseen, {\n closeButtonThemes: TipseenCloseButtonThemeEnum,\n animationTypes: AnimationTypeEnum,\n hideShowTriggers: HideShowEventEnum,\n colors: TipseenColorEnum,\n positions: TooltipPositionsEnum\n});\n"],"names":["TipseenContext","React","createContext","withStaticProps","forwardRef","_ref","ref","className","id","_ref$position","position","_ref$animationType","animationType","_ref$hideDelay","hideDelay","_ref$showDelay","showDelay","title","titleClassName","hideCloseButton","_ref$closeButtonTheme","closeButtonTheme","onClose","closeAriaLabel","_ref$children","children","content","containerSelector","_ref$hideTrigger","hideTrigger","_ref$showTrigger","showTrigger","width","moveBy","_ref$hideWhenReferenc","hideWhenReferenceHidden","referenceWrapperClassName","_ref$tip","tip","tooltipArrowClassName","_ref$modifiers","modifiers","_ref$floating","floating","colorProp","color","dataTestId","defaultDelayOpen","Array","isArray","length","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","delayedOpen","setDelayOpen","overrideCloseAriaLabel","TIPSEEN_CLOSE_BUTTON_ARIA_LABEL","useEffect","timeout","setTimeout","clearTimeout","textColor","useMemo","closeButtonColor","TipseenWrapper","Fragment","wrapperProps","getTestId","ComponentDefaultTestId","TIPSEEN","tooltipContent","createElement","cx","styles","tipseenHeader","IconButton","hideTooltip","tipseenCloseButton","_defineProperty","dark","onClick","size","kind","ariaLabel","icon","CloseSmall","TipseenTitle","text","tipseenTitle","Text","type","element","ellipsis","tipseenContent","Provider","value","Object","assign","Tooltip","tipseenWrapper","tipseenWrapperWithoutCustomWidth","maxWidth","arrowClassName","style","undefined","shouldShowOnMount","showOnDialogEnter","theme","disableDialogSlide","open","forceRenderWithoutChildren","closeButtonThemes","TipseenCloseButtonThemeEnum","animationTypes","AnimationTypeEnum","hideShowTriggers","HideShowEventEnum","colors","TipseenColorEnum","positions","TooltipPositionsEnum"],"mappings":"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"}
1	+ {"version":3,"file":"Tipseen.js","sources":["../../../../src/components/Tipseen/Tipseen.tsx"],"sourcesContent":["import { forwardRef, Fragment, type ReactElement, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type DialogAnimationType, type DialogTriggerEvent } from \"@vibe/dialog\";\nimport {\n DialogAnimationTypeEnum as AnimationTypeEnum,\n DialogTriggerEventEnum as HideShowEventEnum\n} from \"@vibe/dialog\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip from \"../../components/Tooltip/Tooltip\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport {\n TIPSEEN_CLOSE_BUTTON_ARIA_LABEL,\n TipseenCloseButtonTheme as TipseenCloseButtonThemeEnum,\n TipseenColor as TipseenColorEnum\n} from \"./TipseenConstants\";\nimport { type TipseenCloseButtonTheme, type TipseenColor } from \"./Tipseen.types\";\nimport { type ElementContent, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { type Modifier } from \"react-popper\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Tipseen.module.scss\";\nimport React from \"react\";\nimport { type TooltipPositions } from \"../Tooltip/Tooltip.types\";\nimport { TooltipPositions as TooltipPositionsEnum } from \"../Tooltip/TooltipConstants\";\n\nexport interface TipseenProps extends VibeComponentProps {\n /*\n Class name applied to the Tipseen title.\n /\n titleClassName?: string;\n /\n The position of the Tipseen relative to the target element.\n /\n position?: TooltipPositions;\n /\n The animation type used for showing/hiding the Tipseen.\n /\n animationType?: DialogAnimationType;\n /\n The delay in milliseconds before hiding the Tipseen.\n /\n hideDelay?: number;\n /\n The delay in milliseconds before showing the Tipseen.\n /\n showDelay?: number;\n /\n The title text of the Tipseen.\n /\n title?: string;\n /\n If true, hides the close button.\n /\n hideCloseButton?: boolean;\n /\n The child element that triggers the Tipseen.\n /\n children?: ReactElement;\n /\n The CSS selector of the container where the Tipseen should be rendered.\n /\n containerSelector?: string;\n /\n Events that trigger hiding the Tipseen.\n /\n hideTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n /\n Events that trigger showing the Tipseen.\n /\n showTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n /\n The width of the Tipseen.\n /\n width?: number;\n /\n Offset values for positioning adjustments.\n /\n moveBy?: MoveBy;\n /\n If true, hides the Tipseen when the reference element is hidden.\n /\n hideWhenReferenceHidden?: boolean;\n /\n Class name applied to the reference wrapper element.\n /\n referenceWrapperClassName?: string;\n /\n If false, hides the arrow of the Tipseen.\n /\n tip?: boolean;\n /\n Class name applied to the Tipseen arrow.\n /\n tooltipArrowClassName?: string;\n /\n Custom Popper.js modifiers.\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Array<Modifier<unknown>>;\n /\n The aria-label for the close button.\n /\n closeAriaLabel?: string;\n /\n Callback fired when the Tipseen is closed.\n /\n onClose?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n /\n The content displayed inside the Tipseen.\n /\n content: ElementContent;\n /\n The theme of the Tipseen close button.\n /\n closeButtonTheme?: TipseenCloseButtonTheme;\n /\n If true, renders the Tipseen as a floating element without a reference.\n /\n floating?: boolean;\n /\n The color theme of the Tipseen.\n */\n color?: TipseenColor;\n}\n\nexport const TipseenContext = React.createContext<TipseenColor>(\"primary\");\n\nconst Tipseen = forwardRef(\n (\n {\n className,\n id,\n position = \"bottom\",\n animationType = \"expand\",\n hideDelay = 0,\n showDelay = 100,\n title,\n titleClassName,\n hideCloseButton,\n closeButtonTheme = \"light\",\n onClose,\n closeAriaLabel,\n children = null,\n content,\n containerSelector,\n hideTrigger = [],\n showTrigger = [],\n width,\n moveBy,\n hideWhenReferenceHidden = false,\n referenceWrapperClassName,\n tip = true,\n tooltipArrowClassName,\n modifiers = [],\n floating = false,\n color: colorProp,\n \"data-testid\": dataTestId\n }: TipseenProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const color = colorProp ?? \"inverted\";\n\n const defaultDelayOpen =\n Array.isArray(showTrigger) && Array.isArray(hideTrigger) && showTrigger.length === 0 && showDelay > 0;\n\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const [delayedOpen, setDelayOpen] = useState(!defaultDelayOpen);\n const overrideCloseAriaLabel = closeAriaLabel \|\| TIPSEEN_CLOSE_BUTTON_ARIA_LABEL;\n\n useEffect(() => {\n let timeout: NodeJS.Timeout;\n if (showDelay) {\n timeout = setTimeout(() => {\n setDelayOpen(true);\n }, showDelay);\n }\n return () => {\n clearTimeout(timeout);\n };\n }, [showDelay, setDelayOpen]);\n\n const textColor = useMemo(() => {\n return color === \"inverted\" ? \"onInverted\" : \"onPrimary\";\n }, [color]);\n const closeButtonColor = useMemo(() => {\n if (closeButtonTheme === \"light\") {\n return color === \"inverted\" ? \"on-inverted-background\" : \"on-primary-color\";\n } else {\n return closeButtonTheme;\n }\n }, [color, closeButtonTheme]);\n\n const TipseenWrapper = ref \|\| id ? \"div\" : Fragment;\n const wrapperProps =\n TipseenWrapper === \"div\"\n ? { ref: mergedRef, id, \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN, id) }\n : {};\n\n const tooltipContent = (\n <div>\n <div className={cx(styles.tipseenHeader)}>\n {hideCloseButton ? null : (\n <IconButton\n hideTooltip\n className={cx(styles.tipseenCloseButton, {\n [styles.dark]: closeButtonTheme === \"dark\" \|\| closeButtonTheme === \"fixed-dark\"\n })}\n onClick={onClose}\n size=\"xs\"\n kind=\"tertiary\"\n // @ts-ignore\n color={closeButtonColor}\n ariaLabel={overrideCloseAriaLabel}\n icon={CloseSmall}\n />\n )}\n <TipseenTitle text={title} className={cx(styles.tipseenTitle, titleClassName)} />\n </div>\n <Text color={textColor} type=\"text2\" element=\"div\" ellipsis={false} className={cx(styles.tipseenContent)}>\n <TipseenContext.Provider value={color}>{content}</TipseenContext.Provider>\n </Text>\n </div>\n );\n\n return (\n <TipseenWrapper {...wrapperProps}>\n <Tooltip\n className={cx(styles.tipseenWrapper, className, {\n [styles.tipseenWrapperWithoutCustomWidth]: !width,\n [styles.floating]: floating\n })}\n maxWidth={width}\n arrowClassName={tooltipArrowClassName}\n style={width ? { width } : undefined}\n shouldShowOnMount={!defaultDelayOpen}\n position={position}\n animationType={animationType}\n hideDelay={hideDelay}\n showDelay={0}\n hideTrigger={hideTrigger}\n showTrigger={showTrigger}\n showOnDialogEnter={false}\n content={tooltipContent}\n theme={color === \"inverted\" ? \"dark\" : \"primary\"}\n containerSelector={containerSelector}\n disableDialogSlide={false}\n moveBy={moveBy}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n referenceWrapperClassName={referenceWrapperClassName}\n tip={tip && !floating}\n modifiers={modifiers}\n open={defaultDelayOpen ? delayedOpen : undefined}\n forceRenderWithoutChildren={floating}\n >\n {children}\n </Tooltip>\n </TipseenWrapper>\n );\n }\n);\n\ninterface TipseenStaticProps {\n closeButtonThemes: typeof TipseenCloseButtonThemeEnum;\n animationTypes: typeof AnimationTypeEnum;\n hideShowTriggers: typeof HideShowEventEnum;\n colors: typeof TipseenColorEnum;\n positions: typeof TooltipPositionsEnum;\n}\n\nexport default withStaticProps<TipseenProps, TipseenStaticProps>(Tipseen, {\n closeButtonThemes: TipseenCloseButtonThemeEnum,\n animationTypes: AnimationTypeEnum,\n hideShowTriggers: HideShowEventEnum,\n colors: TipseenColorEnum,\n positions: TooltipPositionsEnum\n});\n"],"names":["TipseenContext","React","createContext","withStaticProps","forwardRef","_ref","ref","className","id","_ref$position","position","_ref$animationType","animationType","_ref$hideDelay","hideDelay","_ref$showDelay","showDelay","title","titleClassName","hideCloseButton","_ref$closeButtonTheme","closeButtonTheme","onClose","closeAriaLabel","_ref$children","children","content","containerSelector","_ref$hideTrigger","hideTrigger","_ref$showTrigger","showTrigger","width","moveBy","_ref$hideWhenReferenc","hideWhenReferenceHidden","referenceWrapperClassName","_ref$tip","tip","tooltipArrowClassName","_ref$modifiers","modifiers","_ref$floating","floating","colorProp","color","dataTestId","defaultDelayOpen","Array","isArray","length","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","delayedOpen","setDelayOpen","overrideCloseAriaLabel","TIPSEEN_CLOSE_BUTTON_ARIA_LABEL","useEffect","timeout","setTimeout","clearTimeout","textColor","useMemo","closeButtonColor","TipseenWrapper","Fragment","wrapperProps","getTestId","ComponentDefaultTestId","TIPSEEN","tooltipContent","createElement","cx","styles","tipseenHeader","IconButton","hideTooltip","tipseenCloseButton","_defineProperty","dark","onClick","size","kind","ariaLabel","icon","CloseSmall","TipseenTitle","text","tipseenTitle","Text","type","element","ellipsis","tipseenContent","Provider","value","Object","assign","Tooltip","tipseenWrapper","tipseenWrapperWithoutCustomWidth","maxWidth","arrowClassName","style","undefined","shouldShowOnMount","showOnDialogEnter","theme","disableDialogSlide","open","forceRenderWithoutChildren","closeButtonThemes","TipseenCloseButtonThemeEnum","animationTypes","AnimationTypeEnum","hideShowTriggers","HideShowEventEnum","colors","TipseenColorEnum","positions","TooltipPositionsEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper_c18be35dcd",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_489705021e",floating:"floating_65bedf817e",tipseenHeader:"tipseenHeader_35ecfcf684",tipseenTitle:"tipseenTitle_7504eb600d",tipseenContent:"tipseenContent_860556e9da",tipseenCloseButton:"tipseenCloseButton_3d76a51949",dark:"dark_5daa8d36f6"};!function(e){const t="s_id-33da00d2ba25_3_76_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_c18be35dcd {\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_c18be35dcd.tipseenWrapperWithoutCustomWidth_489705021e {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_c18be35dcd.floating_65bedf817e {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_c18be35dcd .tipseenHeader_35ecfcf684 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_c18be35dcd .tipseenTitle_7504eb600d {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_c18be35dcd .tipseenContent_860556e9da {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_c18be35dcd .tipseenCloseButton_3d76a51949 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_c18be35dcd .tipseenCloseButton_3d76a51949.dark_5daa8d36f6 {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_72090631f8",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_deef00cfdf",floating:"floating_1b89408146",tipseenHeader:"tipseenHeader_f7246dcc7d",tipseenTitle:"tipseenTitle_97cc6672e8",tipseenContent:"tipseenContent_3e79983927",tipseenCloseButton:"tipseenCloseButton_5c9110ed21",dark:"dark_7bb99a6711"};!function(e){const t="s_id-33da00d2ba25_3_77_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_72090631f8 {\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_72090631f8.tipseenWrapperWithoutCustomWidth_deef00cfdf {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_72090631f8.floating_1b89408146 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_72090631f8 .tipseenHeader_f7246dcc7d {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_72090631f8 .tipseenTitle_97cc6672e8 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_72090631f8 .tipseenContent_3e79983927 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_72090631f8 .tipseenCloseButton_5c9110ed21 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_72090631f8 .tipseenCloseButton_5c9110ed21.dark_7bb99a6711 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent_70319dbb18"};!function(e){const n="s_id-e688002d63b5_3_76_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_70319dbb18 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_70319dbb18:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_c9d56ed21b"};!function(e){const n="s_id-e688002d63b5_3_77_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_c9d56ed21b {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_c9d56ed21b: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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={buttons:"buttons_7999222320",dismiss:"dismiss_30d38584a6"};!function(e){const t="s_id-91df242cd10d_3_76_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_7999222320 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_30d38584a6 {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_40a7a345be",dismiss:"dismiss_1110820619"};!function(e){const t="s_id-91df242cd10d_3_77_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const s=document.createElement("style");s.id=t,n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_40a7a345be {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_1110820619 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenImage:"tipseenImage_08f96ea3b3"};!function(e){const t="s_id-5a749fe7aaee_3_76_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_08f96ea3b3 {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage_5ae44d2ff6"};!function(e){const t="s_id-5a749fe7aaee_3_77_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_5ae44d2ff6 {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_4d79ff87a6",colorInverted:"colorInverted_e7319e6675"};!function(e){const d="s_id-71e151b2b729_3_76_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_4d79ff87a6 {\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_e7319e6675 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_321fac4a09",colorInverted:"colorInverted_2801f2f239"};!function(e){const n="s_id-71e151b2b729_3_77_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenMedia_321fac4a09 {\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_2801f2f239 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={title:"title_b6c50aecbb"};!function(e){const t="s_id-52c2fd8cbf53_3_76_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_b6c50aecbb {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title_ae2697676e"};!function(e){const t="s_id-52c2fd8cbf53_3_77_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_ae2697676e {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard_7ff920832d",tipseenWizardWizard:"tipseenWizardWizard_50d279a2f3"};!function(e){const d="s_id-98eba0c83d1f_3_76_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_7ff920832d {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_50d279a2f3 {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_729f30c675",tipseenWizardWizard:"tipseenWizardWizard_2a4be837a6"};!function(e){const i="s_id-98eba0c83d1f_3_77_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_729f30c675 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_2a4be837a6 {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_a8c4ea969c",typeNormal:"typeNormal_6ba38c98e5",typePositive:"typePositive_32c80f316c",typeNegative:"typeNegative_c6e3d80ea8",typeWarning:"typeWarning_44ac9ff817",closeButton:"closeButton_04e1fc1b0a",actionButton:"actionButton_4c2cdb704e",actionLink:"actionLink_e7c2c99755",typeDark:"typeDark_bb98979316",icon:"icon_204e9850bf",withTransition:"withTransition_0058bd9dd8",bounceIn:"bounceIn_8862470750",content:"content_7b485f8bfc",textContent:"textContent_0f8b72a6ec",enterActive:"enterActive_f4a7746113",slideIn:"slideIn_bbe1b31faa",exitActive:"exitActive_b9744597b4",slideOut:"slideOut_60963e4924"};!function(n){const t="s_id-72c9912c1efa_3_76_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_a8c4ea969c {\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_a8c4ea969c.typeNormal_6ba38c98e5 {\n  background-color: var(--primary-color);\n}\n.toast_a8c4ea969c.typePositive_32c80f316c {\n  background-color: var(--positive-color);\n}\n.toast_a8c4ea969c.typeNegative_c6e3d80ea8 {\n  background-color: var(--negative-color);\n}\n.toast_a8c4ea969c.typeWarning_44ac9ff817 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_a8c4ea969c.typeWarning_44ac9ff817 .closeButton_04e1fc1b0a {\n  color: var(--fixed-dark-color);\n}\n.toast_a8c4ea969c.typeWarning_44ac9ff817 .actionButton_4c2cdb704e,\n.toast_a8c4ea969c.typeWarning_44ac9ff817 .actionLink_e7c2c99755 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_a8c4ea969c.typeDark_bb98979316 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_a8c4ea969c.typeDark_bb98979316 .closeButton_04e1fc1b0a {\n  color: var(--text-color-on-inverted);\n}\n.toast_a8c4ea969c.typeDark_bb98979316 .actionButton_4c2cdb704e,\n.toast_a8c4ea969c.typeDark_bb98979316 .actionLink_e7c2c99755 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_204e9850bf {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_4c2cdb704e.withTransition_0058bd9dd8 {\n  opacity: 0;\n  animation: bounceIn_8862470750 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_7b485f8bfc {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_0f8b72a6ec {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_f4a7746113 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_bbe1b31faa;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_b9744597b4 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_60963e4924;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_04e1fc1b0a {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_bbe1b31faa {\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_60963e4924 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_8862470750 {\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_96e4d1a09e",typeNormal:"typeNormal_06dacc3426",typePositive:"typePositive_5a8b080ac6",typeNegative:"typeNegative_e3db48256e",typeWarning:"typeWarning_9e58be1427",closeButton:"closeButton_ab90d5da8a",actionButton:"actionButton_1ee0059986",actionLink:"actionLink_3fc2230dce",typeDark:"typeDark_d731f26251",icon:"icon_bbeab39d48",withTransition:"withTransition_53699eeb42",bounceIn:"bounceIn_7a3d3f842a",content:"content_22eeffd651",textContent:"textContent_c87562f2eb",enterActive:"enterActive_a821189061",slideIn:"slideIn_8f26ad50bc",exitActive:"exitActive_32b903c438",slideOut:"slideOut_7207451d27"};!function(n){const e="s_id-72c9912c1efa_3_77_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".toast_96e4d1a09e {\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_96e4d1a09e.typeNormal_06dacc3426 {\n  background-color: var(--primary-color);\n}\n.toast_96e4d1a09e.typePositive_5a8b080ac6 {\n  background-color: var(--positive-color);\n}\n.toast_96e4d1a09e.typeNegative_e3db48256e {\n  background-color: var(--negative-color);\n}\n.toast_96e4d1a09e.typeWarning_9e58be1427 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_96e4d1a09e.typeWarning_9e58be1427 .closeButton_ab90d5da8a {\n  color: var(--fixed-dark-color);\n}\n.toast_96e4d1a09e.typeWarning_9e58be1427 .actionButton_1ee0059986,\n.toast_96e4d1a09e.typeWarning_9e58be1427 .actionLink_3fc2230dce {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_96e4d1a09e.typeDark_d731f26251 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_96e4d1a09e.typeDark_d731f26251 .closeButton_ab90d5da8a {\n  color: var(--text-color-on-inverted);\n}\n.toast_96e4d1a09e.typeDark_d731f26251 .actionButton_1ee0059986,\n.toast_96e4d1a09e.typeDark_d731f26251 .actionLink_3fc2230dce {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_bbeab39d48 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_1ee0059986.withTransition_53699eeb42 {\n  opacity: 0;\n  animation: bounceIn_7a3d3f842a 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_22eeffd651 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_c87562f2eb {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_a821189061 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_8f26ad50bc;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_32b903c438 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_7207451d27;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_ab90d5da8a {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_8f26ad50bc {\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_7207451d27 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_7a3d3f842a {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={actionLink:"actionLink_a8603b3ece"};!function(e){const t="s_id-a224471727c9_3_76_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_a8603b3ece {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_a8603b3ece:hover {\n  color: inherit;\n}");export{e as default};
+var e={actionLink:"actionLink_ff0b480b10"};!function(e){const t="s_id-a224471727c9_3_77_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_ff0b480b10 {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_ff0b480b10:hover {\n  color: inherit;\n}");export{e as default};
 //# sourceMappingURL=ToastLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={toggle:"toggle_6b906c9570","focus-visible":"focus-visible_b5f6395c0f",selected:"selected_6ba38c98e5",notSelected:"notSelected_9b5aa139a0",disabled:"disabled_90a6e48f06",medium:"medium_b2f0099910",small:"small_ac09b2026b",noSpacing:"noSpacing_c1ac1fa683"};!function(n){const e="s_id-550adc1aa9aa_3_76_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.toggle_6b906c9570 {\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_6b906c9570:focus-visible, .toggle_6b906c9570.focus-visible_b5f6395c0f {\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_6b906c9570:focus:not(.focus-visible_b5f6395c0f) {\n  outline: none;\n}\n.toggle_6b906c9570::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_6b906c9570.selected_6ba38c98e5 {\n  background-color: var(--primary-color);\n}\n.toggle_6b906c9570.selected_6ba38c98e5::after {\n  left: 20px;\n}\n.toggle_6b906c9570.notSelected_9b5aa139a0 {\n  background-color: var(--ui-border-color);\n}\n.toggle_6b906c9570.notSelected_9b5aa139a0::after {\n  left: 3px;\n}\n.toggle_6b906c9570.disabled_90a6e48f06 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_6b906c9570.medium_b2f0099910 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_6b906c9570.medium_b2f0099910::after {\n  --circle-size: 18px;\n}\n.toggle_6b906c9570.small_ac09b2026b {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_6b906c9570.small_ac09b2026b::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_6b906c9570.small_ac09b2026b.notSelected_9b5aa139a0::after {\n  left: 2px;\n}\n.toggle_6b906c9570.noSpacing_c1ac1fa683 {\n  margin: 0;\n}');export{n as default};
+var e={toggle:"toggle_93625a96c4","focus-visible":"focus-visible_9dbe289076",selected:"selected_06dacc3426",notSelected:"notSelected_4aea270e01",disabled:"disabled_99eb622777",medium:"medium_88522c7356",small:"small_f2ebbb9816",noSpacing:"noSpacing_8d4d54493e"};!function(e){const n="s_id-550adc1aa9aa_3_77_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_93625a96c4 {\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_93625a96c4:focus-visible, .toggle_93625a96c4.focus-visible_9dbe289076 {\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_93625a96c4:focus:not(.focus-visible_9dbe289076) {\n  outline: none;\n}\n.toggle_93625a96c4::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_93625a96c4.selected_06dacc3426 {\n  background-color: var(--primary-color);\n}\n.toggle_93625a96c4.selected_06dacc3426::after {\n  left: 20px;\n}\n.toggle_93625a96c4.notSelected_4aea270e01 {\n  background-color: var(--ui-border-color);\n}\n.toggle_93625a96c4.notSelected_4aea270e01::after {\n  left: 3px;\n}\n.toggle_93625a96c4.disabled_99eb622777 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_93625a96c4.medium_88522c7356 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_93625a96c4.medium_88522c7356::after {\n  --circle-size: 18px;\n}\n.toggle_93625a96c4.small_f2ebbb9816 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_93625a96c4.small_f2ebbb9816::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_93625a96c4.small_f2ebbb9816.notSelected_4aea270e01::after {\n  left: 2px;\n}\n.toggle_93625a96c4.noSpacing_8d4d54493e {\n  margin: 0;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_cf3145be3f","focus-visible":"focus-visible_c25cf1f68d",wrapper:"wrapper_b71cec34ff"};!function(e){const t="s_id-4304a18f6620_3_76_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_cf3145be3f:focus-visible, .toggleInput_cf3145be3f.focus-visible_c25cf1f68d { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_cf3145be3f:focus-visible ~ div, .toggleInput_cf3145be3f.focus-visible_c25cf1f68d ~ 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_b71cec34ff {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_69849c1922","focus-visible":"focus-visible_0683d8761b",wrapper:"wrapper_98177951d1"};!function(e){const t="s_id-4304a18f6620_3_77_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_69849c1922:focus-visible, .toggleInput_69849c1922.focus-visible_0683d8761b { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_69849c1922:focus-visible ~ div, .toggleInput_69849c1922.focus-visible_0683d8761b ~ 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_98177951d1 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={text:"text_d422c31ac6",disabled:"disabled_779db14f55"};!function(e){const t="s_id-1dee71639eb3_3_76_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_d422c31ac6 {\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_779db14f55 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_878ec2c201",disabled:"disabled_596d9ef57b"};!function(e){const t="s_id-1dee71639eb3_3_77_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_878ec2c201 {\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_596d9ef57b {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { isFunction } from \"es-toolkit\";\nimport { camelCase } from \"es-toolkit\";\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 { Icon, type SubIcon } from \"@vibe/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":"guBAiLA,IAGMA,EAAwE,CAC5EC,kBAAmB,KACnBC,kBAAmB,GAGAC,WAAQC,GAyB3B,SAAAD,EAAYE,GAAmB,IAAAC,EAOP,OAPOC,OAAAJ,IAC7BG,EAAAE,EAAAL,KAAAA,GAAME,KACDI,qBAAuBH,EAAKG,qBAAqBC,KAAIJ,GAC1DA,EAAKK,aAAeL,EAAKK,aAAaD,KAAIJ,GAC1CA,EAAKM,cAAgBN,EAAKM,cAAcF,KAAIJ,GAC5CA,EAAKO,cAAgBP,EAAKO,cAAcH,KAAIJ,GAE5CA,EAAKQ,UAAW,EAAMR,CACxB,CAAC,OAAAS,EAAAZ,EAjCkCa,GAiClCC,EAAAd,EAAA,CAAA,CAAAe,IAAA,uBAAAC,MAED,WACE,IAKIC,EALJC,EAAgFC,KAAKjB,MAA7EkB,EAAKF,EAALE,MAAOC,EAAOH,EAAPG,QAASC,EAASJ,EAATI,UAAWC,EAAKL,EAALK,MAAOC,EAAQN,EAARM,SAAUC,EAAKP,EAALO,MAAOC,EAAKR,EAALQ,MAAOC,EAAIT,EAAJS,KAAMC,EAAGV,EAAHU,IACxE,OAAKP,GAKDQ,EAAWR,GACbJ,EAAeI,KACNS,EAAeT,IAEI,iBAAZA,GAAwBA,GAE/BU,MAAMC,QAAQX,IAAYA,EAAQY,OAAS,KAHpDhB,EAAeI,GAQZJ,EAKHiB,uBACEX,MAAOC,EAAYW,OAAKC,OAAAD,OAAAC,OAAA,CAAA,EAAAb,IAAO,sBAAqB,GAAAc,OAAKb,EAAQ,QAA2BD,EAC5FD,UAAWgB,EAAGC,EAAOC,QAASC,EAASF,EAAQG,EAAUtB,IAASE,GAClEM,IAAKA,GAEJF,GAASQ,EAAAS,cAAA,MAAA,CAAKrB,UAAWiB,EAAOb,MAAOkB,IAAKlB,EAAOmB,IAAI,KACxDX,EAAAS,cAAA,MAAA,CAAKrB,UAAWgB,EAAGC,EAAOlB,UACvBI,GACCS,EAAAS,cAACG,EAAK,CAAAC,IAAI,MACPpB,GAAQO,EAACS,cAAAK,EAAK,CAAAC,SAAS,KAAKtB,KAAMA,IACnCO,EAAKS,cAAA,MAAA,CAAArB,UAAWiB,EAAOd,OAAQA,IAGlCR,IAjBE,MAfA,IAoCX,GAAC,CAAAF,IAAA,gBAAAC,MAED,WACE,IAAKG,KAAKR,SAAU,CAClB,IAAQF,EAAkBU,KAAKjB,MAAvBO,cACRZ,EAAYE,oBACZoB,KAAKR,UAAW,EAChBF,GAAiBA,GAClB,CACH,GAAC,CAAAM,IAAA,gBAAAC,MAED,WACE,GAAIG,KAAKR,SAAU,CACjB,IAAQD,EAAkBS,KAAKjB,MAAvBQ,cACRb,EAAYC,kBAAoBoD,KAAKC,MACrCtD,EAAYE,oBACZoB,KAAKR,UAAW,EAChBD,GAAiBA,GAClB,CACH,GAAC,CAAAK,IAAA,0BAAAC,MAED,WACE,OAAInB,EAAYE,kBAAoB,EAC3B,EAEFF,EAAYC,kBAAoBoD,KAAKC,MAAQtD,EAAYC,kBAAoBsD,GACtF,GAAC,CAAArC,IAAA,eAAAC,MAED,WACE,IAAAqC,EAA0ClC,KAAKjB,MAAvCoD,EAASD,EAATC,UAAWC,EAAkBF,EAAlBE,mBACbC,EAAuBrC,KAAKsC,0BAClC,OAA4B,IAAvBF,GAA4BA,IAlHD,KAkHwBC,EAE/C,CACLF,UAAWC,EACXG,kBAAkB,GAGf,CACLJ,UAAAA,EACAI,kBAAkB,EAEtB,GAAC,CAAA3C,IAAA,SAAAC,MAED,WACE,IAAA2C,EAUIxC,KAAKjB,MARP0D,EAAQD,EAARC,SAEAxC,EAAKuC,EAALvC,MACAyC,EAAGF,EAAHE,IACAC,EAAcH,EAAdG,eACAC,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eACAM,EAAQN,EAARM,SAGF,IAAKL,IATuBD,EAA1BO,2BAUA,OAAO,KAGT,GAfeP,EAAbQ,cAgBA,OAAOhD,KAAKb,uBAGd,IAAMe,EAAUF,KAAKb,qBACf8D,EAAWjC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZjB,KAAKjB,OAAK,CACb+D,SAAUA,EACV,cAAeD,GAAcK,EAAUC,EAAuBC,QAASR,GACvEvB,QAASqB,EACTxC,QAAAA,EACAmD,iBAAkBlC,EAAGC,EAAOkC,MAAOhC,EAASF,EAAQnB,GAAQ0C,GAC5DY,gBAAiBvD,KAAKT,cACtBiE,gBAAiBxD,KAAKV,cACtBmE,oBAAqBzD,KAAKX,eAE5B,OACE0B,EAAAS,cAACkC,EAAM1C,OAAAC,OAAA,CAAA,EAAKgC,EAAW,CAAEU,cAAc,WACpClB,EAGP,IAAC,IA3JM5D,EAAS+E,UAAGC,EACZhF,EAAgBiF,iBAAGC,EACnBlF,EAAMmF,OAAGC,EACTpF,EAAcqF,eAAGC,EACjBtF,EAAAuF,aAAe,CACpBC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BtE,MAAO,OACP6C,SAAU,MACV0B,UAAW,IACXrC,UAAW,IACXsC,oBAAoB,EACpBd,cAAeQ,EAAkBO,OACjC1B,eAAe,EACfN,KAAK,EACLiC,yBAAyB,EACzBC,UAAW,GACXC,YAAahG,EAAQiF,iBAAiBgB,YACtCC,YAAalG,EAAQiF,iBAAiBkB,YACtCC,mBAAmB,EACnBC,0BAA2B,GAC3BC,sCAAsC,EACtCC,MAAM"}
1	+ {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { isFunction } from \"es-toolkit\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport React, { type CSSProperties, isValidElement, PureComponent, type ReactElement } from \"react\";\nimport { type Modifier } from \"react-popper\";\nimport { Dialog, type DialogAnimationType, type DialogTriggerEvent } from \"@vibe/dialog\";\nimport {\n DialogTriggerEventEnum as HideShowEventEnum,\n DialogAnimationTypeEnum as AnimationTypeEnum\n} from \"@vibe/dialog\";\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 { Icon, type SubIcon } from \"@vibe/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":"0xBAmLA,IAGMA,EAAwE,CAC5EC,kBAAmB,KACnBC,kBAAmB,GAGAC,WAAQC,GAyB3B,SAAAD,EAAYE,GAAmB,IAAAC,EAOP,OAPOC,OAAAJ,IAC7BG,EAAAE,EAAAL,KAAAA,GAAME,KACDI,qBAAuBH,EAAKG,qBAAqBC,KAAIJ,GAC1DA,EAAKK,aAAeL,EAAKK,aAAaD,KAAIJ,GAC1CA,EAAKM,cAAgBN,EAAKM,cAAcF,KAAIJ,GAC5CA,EAAKO,cAAgBP,EAAKO,cAAcH,KAAIJ,GAE5CA,EAAKQ,UAAW,EAAMR,CACxB,CAAC,OAAAS,EAAAZ,EAjCkCa,GAiClCC,EAAAd,EAAA,CAAA,CAAAe,IAAA,uBAAAC,MAED,WACE,IAKIC,EALJC,EAAgFC,KAAKjB,MAA7EkB,EAAKF,EAALE,MAAOC,EAAOH,EAAPG,QAASC,EAASJ,EAATI,UAAWC,EAAKL,EAALK,MAAOC,EAAQN,EAARM,SAAUC,EAAKP,EAALO,MAAOC,EAAKR,EAALQ,MAAOC,EAAIT,EAAJS,KAAMC,EAAGV,EAAHU,IACxE,OAAKP,GAKDQ,EAAWR,GACbJ,EAAeI,KACNS,EAAeT,IAEI,iBAAZA,GAAwBA,GAE/BU,MAAMC,QAAQX,IAAYA,EAAQY,OAAS,KAHpDhB,EAAeI,GAQZJ,EAKHiB,uBACEX,MAAOC,EAAYW,OAAKC,OAAAD,OAAAC,OAAA,CAAA,EAAAb,IAAO,sBAAqB,GAAAc,OAAKb,EAAQ,QAA2BD,EAC5FD,UAAWgB,EAAGC,EAAOC,QAASC,EAASF,EAAQG,EAAUtB,IAASE,GAClEM,IAAKA,GAEJF,GAASQ,EAAAS,cAAA,MAAA,CAAKrB,UAAWiB,EAAOb,MAAOkB,IAAKlB,EAAOmB,IAAI,KACxDX,EAAAS,cAAA,MAAA,CAAKrB,UAAWgB,EAAGC,EAAOlB,UACvBI,GACCS,EAAAS,cAACG,EAAK,CAAAC,IAAI,MACPpB,GAAQO,EAACS,cAAAK,EAAK,CAAAC,SAAS,KAAKtB,KAAMA,IACnCO,EAAKS,cAAA,MAAA,CAAArB,UAAWiB,EAAOd,OAAQA,IAGlCR,IAjBE,MAfA,IAoCX,GAAC,CAAAF,IAAA,gBAAAC,MAED,WACE,IAAKG,KAAKR,SAAU,CAClB,IAAQF,EAAkBU,KAAKjB,MAAvBO,cACRZ,EAAYE,oBACZoB,KAAKR,UAAW,EAChBF,GAAiBA,GAClB,CACH,GAAC,CAAAM,IAAA,gBAAAC,MAED,WACE,GAAIG,KAAKR,SAAU,CACjB,IAAQD,EAAkBS,KAAKjB,MAAvBQ,cACRb,EAAYC,kBAAoBoD,KAAKC,MACrCtD,EAAYE,oBACZoB,KAAKR,UAAW,EAChBD,GAAiBA,GAClB,CACH,GAAC,CAAAK,IAAA,0BAAAC,MAED,WACE,OAAInB,EAAYE,kBAAoB,EAC3B,EAEFF,EAAYC,kBAAoBoD,KAAKC,MAAQtD,EAAYC,kBAAoBsD,GACtF,GAAC,CAAArC,IAAA,eAAAC,MAED,WACE,IAAAqC,EAA0ClC,KAAKjB,MAAvCoD,EAASD,EAATC,UAAWC,EAAkBF,EAAlBE,mBACbC,EAAuBrC,KAAKsC,0BAClC,OAA4B,IAAvBF,GAA4BA,IAlHD,KAkHwBC,EAE/C,CACLF,UAAWC,EACXG,kBAAkB,GAGf,CACLJ,UAAAA,EACAI,kBAAkB,EAEtB,GAAC,CAAA3C,IAAA,SAAAC,MAED,WACE,IAAA2C,EAUIxC,KAAKjB,MARP0D,EAAQD,EAARC,SAEAxC,EAAKuC,EAALvC,MACAyC,EAAGF,EAAHE,IACAC,EAAcH,EAAdG,eACAC,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eACAM,EAAQN,EAARM,SAGF,IAAKL,IATuBD,EAA1BO,2BAUA,OAAO,KAGT,GAfeP,EAAbQ,cAgBA,OAAOhD,KAAKb,uBAGd,IAAMe,EAAUF,KAAKb,qBACf8D,EAAWjC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZjB,KAAKjB,OAAK,CACb+D,SAAUA,EACV,cAAeD,GAAcK,EAAUC,EAAuBC,QAASR,GACvEvB,QAASqB,EACTxC,QAAAA,EACAmD,iBAAkBlC,EAAGC,EAAOkC,MAAOhC,EAASF,EAAQnB,GAAQ0C,GAC5DY,gBAAiBvD,KAAKT,cACtBiE,gBAAiBxD,KAAKV,cACtBmE,oBAAqBzD,KAAKX,eAE5B,OACE0B,EAAAS,cAACkC,EAAM1C,OAAAC,OAAA,CAAA,EAAKgC,EAAW,CAAEU,cAAc,WACpClB,EAGP,IAAC,IA3JM5D,EAAS+E,UAAGC,EACZhF,EAAgBiF,iBAAGC,EACnBlF,EAAMmF,OAAGC,EACTpF,EAAcqF,eAAGC,EACjBtF,EAAAuF,aAAe,CACpBC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BtE,MAAO,OACP6C,SAAU,MACV0B,UAAW,IACXrC,UAAW,IACXsC,oBAAoB,EACpBd,cAAeQ,EAAkBO,OACjC1B,eAAe,EACfN,KAAK,EACLiC,yBAAyB,EACzBC,UAAW,GACXC,YAAahG,EAAQiF,iBAAiBgB,YACtCC,YAAalG,EAAQiF,iBAAiBkB,YACtCC,mBAAmB,EACnBC,0BAA2B,GAC3BC,sCAAsC,EACtCC,MAAM"}

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

@@ -1,2 +1,2 @@
-var r={tooltip:"tooltip_8ee25830dd",image:"image_4084666b3c",title:"title_0020f7f084",content:"content_4903bd4572",paddingSizeMd:"paddingSizeMd_b4ecee3587",tooltipWhiteLink:"tooltipWhiteLink_6fb9269cd7",arrow:"arrow_01a117e330",dark:"dark_bb98979316",primary:"primary_0861d5bdf0"};!function(r){const e="s_id-6a6e92472798_3_76_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".tooltip_8ee25830dd {\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_8ee25830dd .image_4084666b3c {\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_8ee25830dd .title_0020f7f084 {\n  font: var(--font-text2-bold);\n}\n.tooltip_8ee25830dd .content_4903bd4572 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_8ee25830dd.paddingSizeMd_b4ecee3587 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_8ee25830dd a.tooltipWhiteLink_6fb9269cd7 {\n  color: #fff;\n}\n.arrow_01a117e330,\n.dark_bb98979316,\n.arrow_01a117e330.dark_bb98979316 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_01a117e330.arrow_01a117e330.dark_bb98979316, .black-app-theme .arrow_01a117e330.arrow_01a117e330.dark_bb98979316, .hacker-app-theme .arrow_01a117e330.arrow_01a117e330.dark_bb98979316,\n.dark-app-theme .arrow_01a117e330.arrow_01a117e330.primary_0861d5bdf0,\n.black-app-theme .arrow_01a117e330.arrow_01a117e330.primary_0861d5bdf0,\n.hacker-app-theme .arrow_01a117e330.arrow_01a117e330.primary_0861d5bdf0 {\n  box-shadow: none;\n}\n.primary_0861d5bdf0,\n.arrow_01a117e330.primary_0861d5bdf0 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{r as default};
+var e={tooltip:"tooltip_62daec4fa3",image:"image_88f6e0a31f",title:"title_72b8180c40",content:"content_1cb0035fa7",paddingSizeMd:"paddingSizeMd_6ea4a6becb",tooltipWhiteLink:"tooltipWhiteLink_c982d6df63",arrow:"arrow_d92be346cc",dark:"dark_d731f26251",primary:"primary_e4ef548406"};!function(e){const r="s_id-6a6e92472798_3_77_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_62daec4fa3 {\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_62daec4fa3 .image_88f6e0a31f {\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_62daec4fa3 .title_72b8180c40 {\n  font: var(--font-text2-bold);\n}\n.tooltip_62daec4fa3 .content_1cb0035fa7 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_62daec4fa3.paddingSizeMd_6ea4a6becb {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_62daec4fa3 a.tooltipWhiteLink_c982d6df63 {\n  color: #fff;\n}\n.arrow_d92be346cc,\n.dark_d731f26251,\n.arrow_d92be346cc.dark_d731f26251 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_d92be346cc.arrow_d92be346cc.dark_d731f26251, .black-app-theme .arrow_d92be346cc.arrow_d92be346cc.dark_d731f26251, .hacker-app-theme .arrow_d92be346cc.arrow_d92be346cc.dark_d731f26251,\n.dark-app-theme .arrow_d92be346cc.arrow_d92be346cc.primary_e4ef548406,\n.black-app-theme .arrow_d92be346cc.arrow_d92be346cc.primary_e4ef548406,\n.hacker-app-theme .arrow_d92be346cc.arrow_d92be346cc.primary_e4ef548406 {\n  box-shadow: none;\n}\n.primary_e4ef548406,\n.arrow_d92be346cc.primary_e4ef548406 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{e as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slideshow:"slideshow_616885b2e5"};!function(e){const t="s_id-1d828e3be878_3_76_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_616885b2e5 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
+var e={slideshow:"slideshow_a2059a159a"};!function(e){const t="s_id-1d828e3be878_3_77_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_a2059a159a {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={typography:"typography_5a9446595f","focus-visible":"focus-visible_b5f6395c0f",primary:"primary_17bd16dbea",secondary:"secondary_69a180b0fb",negative:"negative_ce35521734",onPrimary:"onPrimary_702fcc27dd",onInverted:"onInverted_8ff38ec170",fixedLight:"fixedLight_3250164266",fixedDark:"fixedDark_04e1fc1b0a",inherit:"inherit_04fc1256a0",alignInherit:"alignInherit_9c284e82a3",start:"start_d48de08bca",center:"center_2ccd09f927",end:"end_681dbefc90",singleLineEllipsis:"singleLineEllipsis_cfb7dcec9b",multiLineEllipsis:"multiLineEllipsis_be1616e762"};!function(e){const n="s_id-1a3a21ac499a_3_76_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_5a9446595f > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_5a9446595f > a:focus-visible, .typography_5a9446595f > a.focus-visible_b5f6395c0f {\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_5a9446595f > a:focus:not(.focus-visible_b5f6395c0f) {\n  outline: none;\n}\n.typography_5a9446595f > a:hover {\n  text-decoration: underline;\n}\n.typography_5a9446595f:disabled, .typography_5a9446595f[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_17bd16dbea {\n  color: var(--primary-text-color);\n}\n.secondary_69a180b0fb {\n  color: var(--secondary-text-color);\n}\n.negative_ce35521734 {\n  color: var(--color-error);\n}\n.onPrimary_702fcc27dd {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_702fcc27dd a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_8ff38ec170 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_8ff38ec170 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_3250164266 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_3250164266 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_04e1fc1b0a {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_04e1fc1b0a a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_04fc1256a0 {\n  color: inherit;\n}\n.inherit_04fc1256a0 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_9c284e82a3 {\n  text-align: inherit;\n}\n.start_d48de08bca {\n  text-align: start;\n}\n.center_2ccd09f927 {\n  text-align: center;\n}\n.end_681dbefc90 {\n  text-align: end;\n}\n.singleLineEllipsis_cfb7dcec9b {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_be1616e762 {\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_b3b871e7f6","focus-visible":"focus-visible_9dbe289076",primary:"primary_6a4c7a0e0d",secondary:"secondary_ba7078250c",negative:"negative_ed18f2ccdc",onPrimary:"onPrimary_528cb8ceeb",onInverted:"onInverted_8b3054a61b",fixedLight:"fixedLight_7252c9cfd0",fixedDark:"fixedDark_ab90d5da8a",inherit:"inherit_7d177018f4",alignInherit:"alignInherit_a113e2a81b",start:"start_a8e6387aad",center:"center_d59c58ab27",end:"end_f43dad47ec",singleLineEllipsis:"singleLineEllipsis_e3b2279daa",multiLineEllipsis:"multiLineEllipsis_ecdbd3fac4"};!function(e){const n="s_id-1a3a21ac499a_3_77_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_b3b871e7f6 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_b3b871e7f6 > a:focus-visible, .typography_b3b871e7f6 > a.focus-visible_9dbe289076 {\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_b3b871e7f6 > a:focus:not(.focus-visible_9dbe289076) {\n  outline: none;\n}\n.typography_b3b871e7f6 > a:hover {\n  text-decoration: underline;\n}\n.typography_b3b871e7f6:disabled, .typography_b3b871e7f6[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_6a4c7a0e0d {\n  color: var(--primary-text-color);\n}\n.secondary_ba7078250c {\n  color: var(--secondary-text-color);\n}\n.negative_ed18f2ccdc {\n  color: var(--color-error);\n}\n.onPrimary_528cb8ceeb {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_528cb8ceeb a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_8b3054a61b {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_8b3054a61b a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_7252c9cfd0 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_7252c9cfd0 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_ab90d5da8a {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_ab90d5da8a a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_7d177018f4 {\n  color: inherit;\n}\n.inherit_7d177018f4 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_a113e2a81b {\n  text-align: inherit;\n}\n.start_a8e6387aad {\n  text-align: start;\n}\n.center_d59c58ab27 {\n  text-align: center;\n}\n.end_f43dad47ec {\n  text-align: end;\n}\n.singleLineEllipsis_e3b2279daa {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_ecdbd3fac4 {\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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper_1e1ec4b449"};!function(e){const t="s_id-03a8eed790d8_3_76_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_1e1ec4b449 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_c844c4c071"};!function(e){const t="s_id-03a8eed790d8_3_77_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_c844c4c071 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js CHANGED Viewed

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

package/dist/src/components/next/AttentionBox/AttentionBox.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={attention:"attention_ea53681995",animate:"animate_ec4bd94565",attentionBoxAnimation:"attentionBoxAnimation_ee80e8e6f0",primary:"primary_d5f630f539",positive:"positive_65600b809f",negative:"negative_517f140396",warning:"warning_7d19743957",neutral:"neutral_94d114d3e2"};!function(n){const e="s_id-4a6eadcbcb7d_3_76_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_ee80e8e6f0 {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_ea53681995 {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_ea53681995.animate_ec4bd94565 {\n  animation: attentionBoxAnimation_ee80e8e6f0 200ms var(--motion-timing-transition);\n}\n.attention_ea53681995.primary_d5f630f539 {\n  background-color: var(--primary-selected-color);\n}\n.attention_ea53681995.positive_65600b809f {\n  background-color: var(--positive-color-selected);\n}\n.attention_ea53681995.negative_517f140396 {\n  background-color: var(--negative-color-selected);\n}\n.attention_ea53681995.warning_7d19743957 {\n  background-color: var(--warning-color-selected);\n}\n.attention_ea53681995.neutral_94d114d3e2 {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+var n={attention:"attention_6a047e1faf",animate:"animate_90cd08df6d",attentionBoxAnimation:"attentionBoxAnimation_4d6497e9be",primary:"primary_5b57498a70",positive:"positive_1f7be726ed",negative:"negative_93541cf0ee",warning:"warning_7d77957f0d",neutral:"neutral_5d0c36b283"};!function(n){const e="s_id-4a6eadcbcb7d_3_77_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_4d6497e9be {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_6a047e1faf {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_6a047e1faf.animate_90cd08df6d {\n  animation: attentionBoxAnimation_4d6497e9be 200ms var(--motion-timing-transition);\n}\n.attention_6a047e1faf.primary_5b57498a70 {\n  background-color: var(--primary-selected-color);\n}\n.attention_6a047e1faf.positive_1f7be726ed {\n  background-color: var(--positive-color-selected);\n}\n.attention_6a047e1faf.negative_93541cf0ee {\n  background-color: var(--negative-color-selected);\n}\n.attention_6a047e1faf.warning_7d77957f0d {\n  background-color: var(--warning-color-selected);\n}\n.attention_6a047e1faf.neutral_5d0c36b283 {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={closeButton:"closeButton_0660253f8f"};!function(e){const t="s_id-979f8aeb619b_3_76_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)}(".closeButton_0660253f8f {\n  flex-shrink: 0;\n}\n.closeButton_0660253f8f:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={closeButton:"closeButton_731c285ed6"};!function(e){const t="s_id-979f8aeb619b_3_77_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)}(".closeButton_731c285ed6 {\n  flex-shrink: 0;\n}\n.closeButton_731c285ed6:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={icon:"icon_ab10ca4c5e"};!function(e){const t="s_id-55a80ba34ba3_3_76_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_ab10ca4c5e {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={icon:"icon_3878ed4f0c"};!function(e){const t="s_id-55a80ba34ba3_3_77_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)}(".icon_3878ed4f0c {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

package/dist/src/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_430a3b0877"};!function(e){const t="s_id-f7cefb69d475_3_76_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)}("a.attentionBoxLink_430a3b0877 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_e797b5214b"};!function(e){const t="s_id-f7cefb69d475_3_77_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)}("a.attentionBoxLink_e797b5214b {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"react";import e from"../../../../Flex/Flex.js";import o from"../../../../Text/Text.js";import n from"../../components/AttentionBoxButton/AttentionBoxButton.js";import i from"../../components/AttentionBoxLink/AttentionBoxLink.js";import s from"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton.js";import a from"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js";import c from"./AttentionBoxCompact.module.scss.js";var m=function(m){var r=m.icon,l=m.onClose,p=m.closeButtonAriaLabel,x=void 0===p?"Close":p,B=m.action,u=m.link,f=m.content,A=!(!B&&!u);return t.createElement(e,{align:"center",className:c.container},t.createElement(e,{gap:"xs",flex:"1",className:c.mainContentGroup},r&&t.createElement(a,{icon:r,iconType:m.iconType,className:c.leadingIcon}),t.createElement(o,{type:"text2",element:"p",ellipsis:!0},f)),(A||!!l)&&t.createElement(e,{className:c.actionsGroup},u&&t.createElement(i,Object.assign({},u,{inlineText:!1})),B&&t.createElement(n,Object.assign({},B)),!!l&&t.createElement(s,{onClose:l,closeButtonAriaLabel:x})))};export{m as default};
+import t from"react";import e from"../../../../Flex/Flex.js";import o from"../../../../Text/Text.js";import n from"../../components/AttentionBoxButton/AttentionBoxButton.js";import i from"../../components/AttentionBoxLink/AttentionBoxLink.js";import s from"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton.js";import a from"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js";import r from"./AttentionBoxCompact.module.scss.js";var c=function(c){var m=c.icon,l=c.onClose,p=c.closeButtonAriaLabel,x=void 0===p?"Close":p,B=c.action,f=c.link,u=c.content,A=!(!B&&!f);return t.createElement(e,{align:"center",className:r.container},t.createElement(e,{gap:"xs",flex:"1",className:r.mainContentGroup},m&&t.createElement(a,{icon:m,iconType:c.iconType,className:r.leadingIcon}),t.createElement(o,{type:"text2",element:"string"==typeof u?"p":void 0,ellipsis:!0},u)),(A||!!l)&&t.createElement(e,{className:r.actionsGroup},f&&t.createElement(i,Object.assign({},f,{inlineText:!1})),B&&t.createElement(n,Object.assign({},B)),!!l&&t.createElement(s,{onClose:l,closeButtonAriaLabel:x})))};export{c as default};
 //# sourceMappingURL=AttentionBoxCompact.js.map