npm - @vibe/core - Versions diffs - 4.2.2 → 4.2.3 - Mend

@vibe/core 4.2.2 → 4.2.3

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 (1121) hide show

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

@@ -1,2 +1,2 @@
-var n={textField:"textField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",inputWrapper:"inputWrapper",input:"input",iconContainer:"iconContainer",iconContainerHasIcon:"iconContainerHasIcon",readOnly:"readOnly",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",onlyUnderline:"onlyUnderline",tooltipContainer:"tooltipContainer",wrapperSizeMedium:"wrapperSizeMedium",wrapperSizeLarge:"wrapperSizeLarge",iconContainerActive:"iconContainerActive",iconContainerClickable:"iconContainerClickable",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",wrapperSizeSmall:"wrapperSizeSmall",inputWrapperSizeSmall:"inputWrapperSizeSmall",loaderContainer:"loaderContainer",loaderContainerHasIcon:"loaderContainerHasIcon",loader:"loader",loaderSvg:"loaderSvg"};!function(n){const e="s_id-c26ff539ba97_4_2_1";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n.textField * {\n  box-sizing: border-box;\n}\n.textField .labelWrapper {\n  width: 100%;\n}\n.textField .subTextContainer {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.textField .subTextContainer .counter {\n  margin-inline-start: auto;\n}\n.textField.disabled .icon {\n  cursor: not-allowed;\n}\n.textField.disabled .inputWrapper {\n  cursor: not-allowed;\n}\n.textField.disabled .inputWrapper .input {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.textField.disabled .inputWrapper .input::placeholder {\n  color: var(--disabled-text-color);\n}\n.textField.disabled .inputWrapper .iconContainer.iconContainerHasIcon:hover {\n  background-color: transparent;\n}\n.textField .inputWrapper {\n  width: 100%;\n  position: relative;\n}\n.textField .inputWrapper .input {\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(--space-8) var(--space-4) var(--space-8) var(--space-12);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n.textField .inputWrapper .input.readOnly {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n.textField .inputWrapper .input.inputHover {\n  border-color: var(--primary-text-color);\n}\n.textField .inputWrapper .input:focus,\n.textField .inputWrapper .input:active,\n.textField .inputWrapper .input.inputActive {\n  border-color: var(--primary-color);\n}\n.textField .inputWrapper .input::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textField .inputWrapper .input.inputHasIcon {\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-8);\n}\n.textField .inputWrapper .input.round {\n  border-radius: 50px;\n}\n.textField .inputWrapper .input.square {\n  border-radius: 0;\n}\n.textField .inputWrapper .input.onlyUnderline {\n  border-inline: none;\n  border-top: none;\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-4);\n  border-radius: 0 !important;\n}\n.textField .inputWrapper .tooltipContainer {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n.textField .inputWrapper.wrapperSizeMedium .tooltipContainer {\n  width: 40px;\n}\n.textField .inputWrapper.wrapperSizeLarge .tooltipContainer {\n  width: 46px;\n}\n.textField .inputWrapper .iconContainer {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 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.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon.iconContainerClickable {\n  pointer-events: all;\n  cursor: pointer;\n}\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon:not(.iconContainerClickable) {\n  pointer-events: none;\n  cursor: default;\n}\n.textField .inputWrapper .iconContainer.iconContainerActive {\n  opacity: 1;\n}\n.textField .inputWrapper .iconContainer.iconContainerActive .icon {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n.textField .inputWrapper .iconContainer.iconContainerHasIcon.iconContainerClickable:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.textField .inputWrapper .iconContainer.iconContainerHasIcon.iconContainerClickable:active {\n  transform: translateY(-50%) scale(0.9);\n}\n.textField .inputWrapper .iconContainer .icon {\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.textField .inputWrapper.inputErrorValidation:hover .input {\n  border-color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation .input {\n  border-color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation .input:focus,\n.textField .inputWrapper.inputErrorValidation .input:active {\n  border-color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon {\n  color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon:hover {\n  color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus,\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .counter {\n  color: var(--negative-color);\n}\n.textField .inputWrapper.inputSuccessValidation:hover .input {\n  border-color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation .input {\n  border-color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation .input:focus,\n.textField .inputWrapper.inputSuccessValidation .input:active {\n  border-color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon {\n  color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon:hover {\n  color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n.textField .inputWrapper.wrapperSizeSmall {\n  height: 32px;\n}\n.textField .inputWrapper.wrapperSizeSmall .input {\n  padding-inline-start: var(--space-8);\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.textField .inputWrapper.inputWrapperSizeSmall .input.inputHasIcon.onlyUnderline {\n  padding-inline-start: var(--space-4);\n}\n.textField .inputWrapper.wrapperSizeMedium {\n  height: 40px;\n}\n.textField .inputWrapper.wrapperSizeMedium .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon.onlyUnderline {\n  padding-inline-start: 4px;\n}\n.textField .inputWrapper.wrapperSizeMedium .iconContainer {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n.textField .inputWrapper.wrapperSizeMedium .iconContainer:hover + .iconContainer + .input {\n  border-color: var(--primary-text-color);\n}\n.textField .inputWrapper.wrapperSizeLarge {\n  height: 48px;\n}\n.textField .inputWrapper.wrapperSizeLarge .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon.onlyUnderline {\n  padding-inline-start: var(--space-4);\n}\n.textField .inputWrapper.wrapperSizeLarge .iconContainer {\n  height: 40px;\n  width: 40px;\n}\n.textField .inputWrapper:hover .input {\n  border-color: var(--primary-text-color);\n}\n.textField .inputWrapper .loaderContainer {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.textField .inputWrapper .loaderContainer.loaderContainerHasIcon {\n  inset-inline-end: 32px;\n}\n.textField .inputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n.textField .inputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--secondary-text-color);\n}\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
+var n={textField:"textField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",inputWrapper:"inputWrapper",input:"input",iconContainer:"iconContainer",iconContainerHasIcon:"iconContainerHasIcon",readOnly:"readOnly",inputHasIcon:"inputHasIcon",onlyUnderline:"onlyUnderline",tooltipContainer:"tooltipContainer",wrapperSizeMedium:"wrapperSizeMedium",wrapperSizeLarge:"wrapperSizeLarge",iconContainerActive:"iconContainerActive",iconContainerClickable:"iconContainerClickable",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",wrapperSizeSmall:"wrapperSizeSmall",loaderContainer:"loaderContainer",loaderContainerHasIcon:"loaderContainerHasIcon",loader:"loader",loaderSvg:"loaderSvg"};!function(n){const e="s_id-c26ff539ba97_4_2_2";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n.textField * {\n  box-sizing: border-box;\n}\n.textField .labelWrapper {\n  width: 100%;\n}\n.textField .subTextContainer {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.textField .subTextContainer .counter {\n  margin-inline-start: auto;\n}\n.textField.disabled .icon {\n  cursor: not-allowed;\n}\n.textField.disabled .inputWrapper {\n  cursor: not-allowed;\n}\n.textField.disabled .inputWrapper .input {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.textField.disabled .inputWrapper .input::placeholder {\n  color: var(--disabled-text-color);\n}\n.textField.disabled .inputWrapper .iconContainer.iconContainerHasIcon:hover {\n  background-color: transparent;\n}\n.textField .inputWrapper {\n  width: 100%;\n  position: relative;\n}\n.textField .inputWrapper .input {\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(--space-8) var(--space-4) var(--space-8) var(--space-12);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n.textField .inputWrapper .input.readOnly {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n.textField .inputWrapper .input.inputHover {\n  border-color: var(--primary-text-color);\n}\n.textField .inputWrapper .input:focus,\n.textField .inputWrapper .input:active,\n.textField .inputWrapper .input.inputActive {\n  border-color: var(--primary-color);\n}\n.textField .inputWrapper .input::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textField .inputWrapper .input.inputHasIcon {\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-8);\n}\n.textField .inputWrapper .input.round {\n  border-radius: 50px;\n}\n.textField .inputWrapper .input.square {\n  border-radius: 0;\n}\n.textField .inputWrapper .input.onlyUnderline {\n  border-inline: none;\n  border-top: none;\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-4);\n  border-radius: 0 !important;\n}\n.textField .inputWrapper .tooltipContainer {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n.textField .inputWrapper.wrapperSizeMedium .tooltipContainer {\n  width: 40px;\n}\n.textField .inputWrapper.wrapperSizeLarge .tooltipContainer {\n  width: 46px;\n}\n.textField .inputWrapper .iconContainer {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 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.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon.iconContainerClickable {\n  pointer-events: all;\n  cursor: pointer;\n}\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon:not(.iconContainerClickable) {\n  pointer-events: none;\n  cursor: default;\n}\n.textField .inputWrapper .iconContainer.iconContainerActive {\n  opacity: 1;\n}\n.textField .inputWrapper .iconContainer.iconContainerActive .icon {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n.textField .inputWrapper .iconContainer.iconContainerHasIcon.iconContainerClickable:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.textField .inputWrapper .iconContainer.iconContainerHasIcon.iconContainerClickable:active {\n  transform: translateY(-50%) scale(0.9);\n}\n.textField .inputWrapper .iconContainer .icon {\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.textField .inputWrapper.inputErrorValidation:hover .input {\n  border-color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation .input {\n  border-color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation .input:focus,\n.textField .inputWrapper.inputErrorValidation .input:active {\n  border-color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon {\n  color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon:hover {\n  color: var(--negative-color);\n}\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus,\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .counter {\n  color: var(--negative-color);\n}\n.textField .inputWrapper.inputSuccessValidation:hover .input {\n  border-color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation .input {\n  border-color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation .input:focus,\n.textField .inputWrapper.inputSuccessValidation .input:active {\n  border-color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon {\n  color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon:hover {\n  color: var(--positive-color);\n}\n.textField .inputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n.textField .inputWrapper.wrapperSizeSmall {\n  height: 32px;\n}\n.textField .inputWrapper.wrapperSizeSmall .input {\n  padding-inline-start: var(--space-8);\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.textField .inputWrapper.inputWrapperSizeSmall .input.inputHasIcon.onlyUnderline {\n  padding-inline-start: var(--space-4);\n}\n.textField .inputWrapper.wrapperSizeMedium {\n  height: 40px;\n}\n.textField .inputWrapper.wrapperSizeMedium .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon.onlyUnderline {\n  padding-inline-start: 4px;\n}\n.textField .inputWrapper.wrapperSizeMedium .iconContainer {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n.textField .inputWrapper.wrapperSizeMedium .iconContainer:hover + .iconContainer + .input {\n  border-color: var(--primary-text-color);\n}\n.textField .inputWrapper.wrapperSizeLarge {\n  height: 48px;\n}\n.textField .inputWrapper.wrapperSizeLarge .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon.onlyUnderline {\n  padding-inline-start: var(--space-4);\n}\n.textField .inputWrapper.wrapperSizeLarge .iconContainer {\n  height: 40px;\n  width: 40px;\n}\n.textField .inputWrapper:hover .input {\n  border-color: var(--primary-text-color);\n}\n.textField .inputWrapper .loaderContainer {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.textField .inputWrapper .loaderContainer.loaderContainerHasIcon {\n  inset-inline-end: 32px;\n}\n.textField .inputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n.textField .inputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--secondary-text-color);\n}\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
 //# sourceMappingURL=TextField.module.scss.js.map

package/dist/mocked_classnames/src/components/TextField/TextFieldConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextFieldConstants.js","sources":["../../../../../src/components/TextField/TextFieldConstants.ts"],"sourcesContent":["import { BASE_SIZES } from \"../../constants\";\nimport styles from \"./TextField.module.scss\";\n\nexport enum TextFieldAriaLabel {\n CHAR = \"Input char count\",\n VALIDATION_TEXT = \"Additional helper text\"\n}\n\nconst OLD_TEXT_FIELD_SIZES = {\n s: BASE_SIZES.SMALL,\n md: BASE_SIZES.MEDIUM,\n l: BASE_SIZES.LARGE\n};\n\nexport type TextFieldSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES] \| keyof typeof OLD_TEXT_FIELD_SIZES;\n\nexport const FEEDBACK_CLASSES = {\n error: styles.inputErrorValidation,\n success: styles.inputSuccessValidation\n};\n\nexport const SIZE_MAPPER = {\n [BASE_SIZES.SMALL]: styles.wrapperSizeSmall,\n [BASE_SIZES.MEDIUM]: styles.wrapperSizeMedium,\n [BASE_SIZES.LARGE]: styles.wrapperSizeLarge\n};\n"],"names":["TextFieldAriaLabel","FEEDBACK_CLASSES","error","styles","inputErrorValidation","success","inputSuccessValidation","SIZE_MAPPER","_defineProperty","BASE_SIZES","SMALL","wrapperSizeSmall","MEDIUM","wrapperSizeMedium","LARGE","wrapperSizeLarge"],"mappings":"oLAGYA,GAAZ,SAAYA,GACVA,EAAA,KAAA,mBACAA,EAAA,gBAAA,wBACD,CAHD,CAAYA,IAAAA,~~EAGX~~,CAAA,~~IAUM~~,IAAMC,EAAmB,CAC9BC,MAAOC,EAAOC,qBACdC,QAASF,EAAOG,wBAGLC,EAAWC,EAAAA,EAAAA,EAAA,CAAA,EACrBC,EAAWC,MAAQP,EAAOQ,kBAC1BF,EAAWG,OAAST,EAAOU,mBAC3BJ,EAAWK,MAAQX,EAAOY"}
1	+ {"version":3,"file":"TextFieldConstants.js","sources":["../../../../../src/components/TextField/TextFieldConstants.ts"],"sourcesContent":["import { BASE_SIZES } from \"../../constants\";\nimport styles from \"./TextField.module.scss\";\n\nexport enum TextFieldAriaLabel {\n CHAR = \"Input char count\",\n VALIDATION_TEXT = \"Additional helper text\"\n}\n\nconst OLD_TEXT_FIELD_SIZES = {\n s: BASE_SIZES.SMALL,\n md: BASE_SIZES.MEDIUM,\n l: BASE_SIZES.LARGE\n};\n\nexport type TextFieldSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES] \| keyof typeof OLD_TEXT_FIELD_SIZES;\n\nexport const FEEDBACK_CLASSES = {\n error: styles.inputErrorValidation,\n success: styles.inputSuccessValidation\n};\n\nexport const SIZE_MAPPER = {\n [BASE_SIZES.SMALL]: styles.wrapperSizeSmall,\n [BASE_SIZES.MEDIUM]: styles.wrapperSizeMedium,\n [BASE_SIZES.LARGE]: styles.wrapperSizeLarge\n};\n"],"names":["TextFieldAriaLabel","FEEDBACK_CLASSES","error","styles","inputErrorValidation","success","inputSuccessValidation","SIZE_MAPPER","_defineProperty","BASE_SIZES","SMALL","wrapperSizeSmall","MEDIUM","wrapperSizeMedium","LARGE","wrapperSizeLarge"],"mappings":"oLAGYA,GAAZ,SAAYA,GACVA,EAAA,KAAA,mBACAA,EAAA,gBAAA,wBACD,CAHD,CAAYA,IAAAA,EAAkB,CAAA,IAavB,IAAMC,EAAmB,CAC9BC,MAAOC,EAAOC,qBACdC,QAASF,EAAOG,wBAGLC,EAAWC,EAAAA,EAAAA,EAAA,CAAA,EACrBC,EAAWC,MAAQP,EAAOQ,kBAC1BF,EAAWG,OAAST,EAAOU,mBAC3BJ,EAAWK,MAAQX,EAAOY"}

package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as i}from"../../tests/testIds.js";import r from"classnames";import o,{forwardRef as s,useRef as l,useMemo as a}from"react";import{Tooltip as n}from"@vibe/tooltip/mockedClassNames";import{useIsOverflowing as m}from"@vibe/hooks";import{useMergeRef as p,useIsomorphicLayoutEffect as c}from"@vibe/shared";import d from"./TextWithHighlight.module.scss.js";var g=function(e,t,i){return i?o.createElement(arguments.length>3&&void 0!==arguments[3]?arguments[3]:"em",{className:r(d.highlightText,arguments.length>4?arguments[4]:void 0),key:t},e):o.createElement("span",{key:t},e)},h=s((function(s,h){var v=s.className,f=s.id,u=s.text,T=void 0===u?"":u,E=s.highlightTerm,x=s.limit,H=s.useEllipsis,b=void 0===H||H,j=s.linesToClamp,y=void 0===j?3:j,N=s.ignoreCase,k=void 0===N||N,w=s.allowTermSplit,C=void 0===w||w,I=s.nonEllipsisTooltip,P=s.wrappingTextTag,W=void 0===P?"em":P,_=s.wrappingElementClassName,G=s.tooltipProps,$=void 0===G?{}:G,B=s["data-testid"],L=l(null),O=p(h,L),R=a((function(){if(!T||!E||0===x)return T;var e=E.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");C&&(e=e.split(" ").join("|"));for(var t=RegExp("(".concat(e,")"),k?"i":""),i=T.split(t),r=[],o=0,s=0,l=0;i.length>l;l++)if(i[l]){var a=l%2==1;r.push(g(i[l],s++,a&&(!x||0>x||x>o),W,_)),a&&o++}return r}),[T,E,x,k,C,W,_]),S=m({ref:b&&L});c((function(){L.current&&L.current.style.setProperty("--heading-clamp-lines",""+y)}),[L,y,S]);var X=o.createElement("div",{ref:O,className:r(d.textWithHighlightWrapper,v,e({},d.withEllipsis,b)),id:f,"data-testid":B||t(i.TEXT_WITH_HIGHLIGHT,f)},R);return S||I?o.createElement(n,Object.assign({content:S?T:I},$),X):X}));export{h as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as i}from"../../../testIds.js";import r from"classnames";import o,{forwardRef as l,useRef as s,useMemo as a}from"react";import{Tooltip as n}from"@vibe/tooltip/mockedClassNames";import{useIsOverflowing as m}from"@vibe/hooks";import{useMergeRef as p,useIsomorphicLayoutEffect as c}from"@vibe/shared";import d from"./TextWithHighlight.module.scss.js";var g=function(e,t,i){return i?o.createElement(arguments.length>3&&void 0!==arguments[3]?arguments[3]:"em",{className:r(d.highlightText,arguments.length>4?arguments[4]:void 0),key:t},e):o.createElement("span",{key:t},e)},h=l((function(l,h){var v=l.className,f=l.id,u=l.text,T=void 0===u?"":u,E=l.highlightTerm,x=l.limit,H=l.useEllipsis,b=void 0===H||H,j=l.linesToClamp,y=void 0===j?3:j,N=l.ignoreCase,k=void 0===N||N,w=l.allowTermSplit,C=void 0===w||w,I=l.nonEllipsisTooltip,P=l.wrappingTextTag,W=void 0===P?"em":P,_=l.wrappingElementClassName,G=l.tooltipProps,$=void 0===G?{}:G,B=l["data-testid"],L=s(null),O=p(h,L),R=a((function(){if(!T||!E||0===x)return T;var e=E.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");C&&(e=e.split(" ").join("|"));for(var t=RegExp("(".concat(e,")"),k?"i":""),i=T.split(t),r=[],o=0,l=0,s=0;i.length>s;s++)if(i[s]){var a=s%2==1;r.push(g(i[s],l++,a&&(!x||0>x||x>o),W,_)),a&&o++}return r}),[T,E,x,k,C,W,_]),S=m({ref:b&&L});c((function(){L.current&&L.current.style.setProperty("--heading-clamp-lines",""+y)}),[L,y,S]);var X=o.createElement("div",{ref:O,className:r(d.textWithHighlightWrapper,v,e({},d.withEllipsis,b)),id:f,"data-testid":B||t(i.TEXT_WITH_HIGHLIGHT,f)},R);return S||I?o.createElement(n,Object.assign({content:S?T:I},$),X):X}));export{h as default};
 //# sourceMappingURL=TextWithHighlight.js.map

package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextWithHighlight.js","sources":["../../../../../src/components/TextWithHighlight/TextWithHighlight.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useMemo, useRef } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { useIsomorphicLayoutEffect, useMergeRef } from \"@vibe/shared\";\n\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./TextWithHighlight.module.scss\";\n\nconst getTextPart = (\n text: string,\n key: number,\n shouldHighlight: boolean,\n wrappingTextTag: keyof JSX.IntrinsicElements = \"em\",\n wrappingElementClassName: string\n) => {\n const WrappingElement = wrappingTextTag;\n if (shouldHighlight) {\n return (\n <WrappingElement className={cx(styles.highlightText, wrappingElementClassName)} key={key}>\n {text}\n </WrappingElement>\n );\n }\n return <span key={key}>{text}</span>;\n};\n\nexport interface TextWithHighlightProps extends VibeComponentProps {\n /*\n The text content to display.\n /\n text?: string;\n /\n The term to highlight within the text.\n /\n highlightTerm?: string;\n /\n The maximum number of highlighted terms allowed.\n /\n limit?: number;\n /\n If true, the highlight search is case-insensitive.\n /\n ignoreCase?: boolean;\n /\n If true, truncates overflowing text with an ellipsis.\n /\n useEllipsis?: boolean;\n /\n If true, allows splitting the highlight term into separate words.\n /\n allowTermSplit?: boolean;\n /\n The number of lines to display before truncating with an ellipsis.\n /\n linesToClamp?: number;\n /\n Tooltip content displayed when there is no overflow.\n /\n nonEllipsisTooltip?: string;\n /\n The HTML tag used to wrap highlighted text.\n /\n wrappingTextTag?: keyof JSX.IntrinsicElements;\n /\n Class name applied to the wrapping element of highlighted text.\n /\n wrappingElementClassName?: string;\n /\n Additional props to customize the tooltip component.\n /\n tooltipProps?: Partial<TooltipProps>;\n}\n\nconst TextWithHighlight: React.FC<TextWithHighlightProps> = forwardRef(\n (\n {\n className,\n id,\n text = \"\",\n highlightTerm,\n limit,\n useEllipsis = true,\n linesToClamp = 3,\n ignoreCase = true,\n allowTermSplit = true,\n nonEllipsisTooltip,\n wrappingTextTag = \"em\",\n wrappingElementClassName,\n tooltipProps = {},\n \"data-testid\": dataTestId\n }: TextWithHighlightProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const textWithHighlights = useMemo(() => {\n if (!text \|\| !highlightTerm \|\| limit === 0) return text;\n let finalTerm = escapeRegExp(highlightTerm);\n if (allowTermSplit) {\n finalTerm = finalTerm.split(\" \").join(\"\|\");\n }\n const regex = new RegExp(`(${finalTerm})`, ignoreCase ? \"i\" : \"\");\n const tokens = text.split(regex);\n const parts = [];\n // Tokens include the term search (in odd indices)\n let highlightTermsCount = 0;\n let key = 0;\n for (let i = 0; i < tokens.length; i++) {\n // skip empty tokens\n if (tokens[i]) {\n // adding highlight part\n const isTermPart = i % 2 === 1;\n const shouldHighlight = isTermPart && (!limit \|\| limit < 0 \|\| highlightTermsCount < limit);\n parts.push(getTextPart(tokens[i], key++, shouldHighlight, wrappingTextTag, wrappingElementClassName));\n if (isTermPart) highlightTermsCount++;\n }\n }\n\n return parts;\n }, [text, highlightTerm, limit, ignoreCase, allowTermSplit, wrappingTextTag, wrappingElementClassName]);\n\n const isOverflowing = useIsOverflowing({ ref: useEllipsis && componentRef });\n\n useIsomorphicLayoutEffect(() => {\n if (componentRef.current) {\n componentRef.current.style.setProperty(\"--heading-clamp-lines\", linesToClamp.toString());\n }\n }, [componentRef, linesToClamp, isOverflowing]);\n\n const Element = (\n <div\n ref={mergedRef}\n className={cx(styles.textWithHighlightWrapper, className, {\n [styles.withEllipsis]: useEllipsis\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_WITH_HIGHLIGHT, id)}\n >\n {textWithHighlights}\n </div>\n );\n\n if (isOverflowing \|\| nonEllipsisTooltip) {\n const tooltipContent = isOverflowing ? text : nonEllipsisTooltip;\n return (\n <Tooltip content={tooltipContent} {...tooltipProps}>\n {Element}\n </Tooltip>\n );\n }\n return Element;\n }\n);\n\nexport default TextWithHighlight;\n\nfunction escapeRegExp(string: string) {\n return string.replace(/[.+?^${}()\|[\\]\\\\]/g, \"\\\\$&\");\n}\n"],"names":["getTextPart","text","key","shouldHighlight","React","arguments","length","undefined","className","cx","styles","highlightText","TextWithHighlight","forwardRef","_ref","ref","id","_ref$text","highlightTerm","limit","_ref$useEllipsis","useEllipsis","_ref$linesToClamp","linesToClamp","_ref$ignoreCase","ignoreCase","_ref$allowTermSplit","allowTermSplit","nonEllipsisTooltip","_ref$wrappingTextTag","wrappingTextTag","wrappingElementClassName","_ref$tooltipProps","tooltipProps","dataTestId","componentRef","useRef","mergedRef","useMergeRef","textWithHighlights","useMemo","finalTerm","replace","split","join","regex","RegExp","concat","tokens","parts","highlightTermsCount","i","isTermPart","push","isOverflowing","useIsOverflowing","useIsomorphicLayoutEffect","current","style","setProperty","Element","createElement","textWithHighlightWrapper","_defineProperty","withEllipsis","getTestId","ComponentDefaultTestId","TEXT_WITH_HIGHLIGHT","Tooltip","Object","assign","content"],"mappings":"~~4dAUA~~,IAAMA,EAAc,SAClBC,EACAC,EACAC,GAKA,OAAIA,EAEAC,~~gBAN2CC~~,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,~~GAAA~~,KAM3B,CAACG,UAAWC,EAAGC,EAAOC,cALVN,UAAAC,~~OAAAD~~,~~EAAAA~~,kBAAAE,GAKoDL,IAAKA,GAClFD,GAIAG,wBAAMF,IAAKA,GAAMD,EAC1B,EAiDMW,EAAsDC,GAC1D,SAAAC,EAiBEC,GACE,IAhBAP,EAASM,EAATN,UACAQ,EAAEF,EAAFE,GAAEC,EAAAH,EACFb,KAAAA,~~OAAO~~,~~IAAHgB~~,EAAG,GAAEA,EACTC,EAAaJ,EAAbI,cACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,YAAAA,~~OAAc~~,~~IAAHD~~,GAAOA,EAAAE,EAAAR,EAClBS,aAAAA,~~OAAe~~,~~IAAHD~~,EAAG,EAACA,EAAAE,EAAAV,EAChBW,WAAAA,~~OAAa~~,~~IAAHD~~,GAAOA,EAAAE,EAAAZ,EACjBa,eAAAA,~~OAAiB~~,~~IAAHD~~,GAAOA,EACrBE,EAAkBd,EAAlBc,mBAAkBC,EAAAf,EAClBgB,gBAAAA,~~OAAkB~~,~~IAAHD~~,EAAG,KAAIA,EACtBE,EAAwBjB,EAAxBiB,yBAAwBC,EAAAlB,EACxBmB,aAAAA,OAAY,IAAAD,EAAG,~~CAAE~~,~~EAAAA~~,EACFE,EAAUpB,EAAzB,eAIIqB,EAAeC,EAAO,MACtBC,EAAYC,EAAYvB,EAAKoB,GAE7BI,EAAqBC,GAAQ,WACjC,IAAKvC,IAASiB,GAA2B,IAAVC,EAAa,OAAOlB,EACnD,IAAIwC,EAAyBvB,EA4DnBwB,QAAQ,sBAAuB,QA3DrCf,IACFc,EAAYA,EAAUE,MAAM,KAAKC,KAAK,MAQxC,IANA,IAAMC,EAAYC,WAAMC,OAAKN,EAAS,KAAKhB,EAAa,IAAM,IACxDuB,EAAS/C,EAAK0C,MAAME,GACpBI,EAAQ,GAEVC,EAAsB,EACtBhD,EAAM,EACDiD,EAAI,EAAOH,EAAO1C,OAAX6C,EAAmBA,IAEjC,GAAIH,EAAOG,GAAI,CAEb,IAAMC,EAAaD,EAAI,GAAM,EAE7BF,EAAMI,KAAKrD,EAAYgD,EAAOG,GAAIjD,IADVkD,KAAgBjC,GAAiB,EAARA,GAAmCA,EAAtB+B,GACJpB,EAAiBC,IACvEqB,GAAYF,GAClB,CAGF,OAAOD,CACT,GAAG,CAAChD,EAAMiB,EAAeC,EAAOM,EAAYE,EAAgBG,EAAiBC,IAEvEuB,EAAgBC,EAAiB,CAAExC,IAAKM,GAAec,IAE7DqB,GAA0B,WACpBrB,EAAasB,SACftB,EAAasB,QAAQC,MAAMC,YAAY,wBAAyBpC,~~KAEnE~~,~~GAAE~~,CAACY,EAAcZ,EAAc+B,IAEhC,IAAMM,EACJxD,~~EACEyD~~,cAAA,MAAA,~~CAAA9C~~,IAAKsB,EACL7B,UAAWC,EAAGC,EAAOoD,yBAA0BtD,EAASuD,KACrDrD,EAAOsD,aAAe3C,IAEzBL,GAAIA,~~EACS~~,~~cAAAkB~~,GAAc+B,EAAUC,EAAuBC,oBAAqBnD,IAEhFuB,GAIL,OAAIe,GAAiB1B,EAGjBxB,EAAAyD,cAACO,EAAOC,OAAAC,OAAA,CAACC,QAFYjB,EAAgBrD,EAAO2B,GAENK,GACnC2B,GAIAA,CACT"}
1	+ {"version":3,"file":"TextWithHighlight.js","sources":["../../../../../src/components/TextWithHighlight/TextWithHighlight.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useMemo, useRef } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { useIsomorphicLayoutEffect, useMergeRef } from \"@vibe/shared\";\n\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./TextWithHighlight.module.scss\";\n\nconst getTextPart = (\n text: string,\n key: number,\n shouldHighlight: boolean,\n wrappingTextTag: keyof JSX.IntrinsicElements = \"em\",\n wrappingElementClassName: string\n) => {\n const WrappingElement = wrappingTextTag;\n if (shouldHighlight) {\n return (\n <WrappingElement className={cx(styles.highlightText, wrappingElementClassName)} key={key}>\n {text}\n </WrappingElement>\n );\n }\n return <span key={key}>{text}</span>;\n};\n\nexport interface TextWithHighlightProps extends VibeComponentProps {\n /*\n The text content to display.\n /\n text?: string;\n /\n The term to highlight within the text.\n /\n highlightTerm?: string;\n /\n The maximum number of highlighted terms allowed.\n /\n limit?: number;\n /\n If true, the highlight search is case-insensitive.\n /\n ignoreCase?: boolean;\n /\n If true, truncates overflowing text with an ellipsis.\n /\n useEllipsis?: boolean;\n /\n If true, allows splitting the highlight term into separate words.\n /\n allowTermSplit?: boolean;\n /\n The number of lines to display before truncating with an ellipsis.\n /\n linesToClamp?: number;\n /\n Tooltip content displayed when there is no overflow.\n /\n nonEllipsisTooltip?: string;\n /\n The HTML tag used to wrap highlighted text.\n /\n wrappingTextTag?: keyof JSX.IntrinsicElements;\n /\n Class name applied to the wrapping element of highlighted text.\n /\n wrappingElementClassName?: string;\n /\n Additional props to customize the tooltip component.\n /\n tooltipProps?: Partial<TooltipProps>;\n}\n\nconst TextWithHighlight: React.FC<TextWithHighlightProps> = forwardRef(\n (\n {\n className,\n id,\n text = \"\",\n highlightTerm,\n limit,\n useEllipsis = true,\n linesToClamp = 3,\n ignoreCase = true,\n allowTermSplit = true,\n nonEllipsisTooltip,\n wrappingTextTag = \"em\",\n wrappingElementClassName,\n tooltipProps = {},\n \"data-testid\": dataTestId\n }: TextWithHighlightProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const textWithHighlights = useMemo(() => {\n if (!text \|\| !highlightTerm \|\| limit === 0) return text;\n let finalTerm = escapeRegExp(highlightTerm);\n if (allowTermSplit) {\n finalTerm = finalTerm.split(\" \").join(\"\|\");\n }\n const regex = new RegExp(`(${finalTerm})`, ignoreCase ? \"i\" : \"\");\n const tokens = text.split(regex);\n const parts = [];\n // Tokens include the term search (in odd indices)\n let highlightTermsCount = 0;\n let key = 0;\n for (let i = 0; i < tokens.length; i++) {\n // skip empty tokens\n if (tokens[i]) {\n // adding highlight part\n const isTermPart = i % 2 === 1;\n const shouldHighlight = isTermPart && (!limit \|\| limit < 0 \|\| highlightTermsCount < limit);\n parts.push(getTextPart(tokens[i], key++, shouldHighlight, wrappingTextTag, wrappingElementClassName));\n if (isTermPart) highlightTermsCount++;\n }\n }\n\n return parts;\n }, [text, highlightTerm, limit, ignoreCase, allowTermSplit, wrappingTextTag, wrappingElementClassName]);\n\n const isOverflowing = useIsOverflowing({ ref: useEllipsis && componentRef });\n\n useIsomorphicLayoutEffect(() => {\n if (componentRef.current) {\n componentRef.current.style.setProperty(\"--heading-clamp-lines\", linesToClamp.toString());\n }\n }, [componentRef, linesToClamp, isOverflowing]);\n\n const Element = (\n <div\n ref={mergedRef}\n className={cx(styles.textWithHighlightWrapper, className, {\n [styles.withEllipsis]: useEllipsis\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_WITH_HIGHLIGHT, id)}\n >\n {textWithHighlights}\n </div>\n );\n\n if (isOverflowing \|\| nonEllipsisTooltip) {\n const tooltipContent = isOverflowing ? text : nonEllipsisTooltip;\n return (\n <Tooltip content={tooltipContent} {...tooltipProps}>\n {Element}\n </Tooltip>\n );\n }\n return Element;\n }\n);\n\nexport default TextWithHighlight;\n\nfunction escapeRegExp(string: string) {\n return string.replace(/[.+?^${}()\|[\\]\\\\]/g, \"\\\\$&\");\n}\n"],"names":["getTextPart","text","key","shouldHighlight","React","arguments","length","undefined","className","cx","styles","highlightText","TextWithHighlight","forwardRef","_ref","ref","id","_ref$text","highlightTerm","limit","_ref$useEllipsis","useEllipsis","_ref$linesToClamp","linesToClamp","_ref$ignoreCase","ignoreCase","_ref$allowTermSplit","allowTermSplit","nonEllipsisTooltip","_ref$wrappingTextTag","wrappingTextTag","wrappingElementClassName","_ref$tooltipProps","tooltipProps","dataTestId","componentRef","useRef","mergedRef","useMergeRef","textWithHighlights","useMemo","finalTerm","replace","split","join","regex","RegExp","concat","tokens","parts","highlightTermsCount","i","isTermPart","push","isOverflowing","useIsOverflowing","useIsomorphicLayoutEffect","current","style","setProperty","Element","createElement","textWithHighlightWrapper","_defineProperty","withEllipsis","getTestId","ComponentDefaultTestId","TEXT_WITH_HIGHLIGHT","Tooltip","Object","assign","content"],"mappings":"ydAUA,IAAMA,EAAc,SAClBC,EACAC,EACAC,GAKA,OAAIA,EAEAC,gBANJC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAA+C,KAM3B,CAACG,UAAWC,EAAGC,EAAOC,cALVN,UAAAC,OAAA,EAAAD,kBAAAE,GAKoDL,IAAKA,GAClFD,GAIAG,wBAAMF,IAAKA,GAAMD,EAC1B,EAiDMW,EAAsDC,GAC1D,SAAAC,EAiBEC,GACE,IAhBAP,EAASM,EAATN,UACAQ,EAAEF,EAAFE,GAAEC,EAAAH,EACFb,KAAAA,OAAI,IAAAgB,EAAG,GAAEA,EACTC,EAAaJ,EAAbI,cACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,YAAAA,OAAW,IAAAD,GAAOA,EAAAE,EAAAR,EAClBS,aAAAA,OAAY,IAAAD,EAAG,EAACA,EAAAE,EAAAV,EAChBW,WAAAA,OAAU,IAAAD,GAAOA,EAAAE,EAAAZ,EACjBa,eAAAA,OAAc,IAAAD,GAAOA,EACrBE,EAAkBd,EAAlBc,mBAAkBC,EAAAf,EAClBgB,gBAAAA,OAAe,IAAAD,EAAG,KAAIA,EACtBE,EAAwBjB,EAAxBiB,yBAAwBC,EAAAlB,EACxBmB,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EACFE,EAAUpB,EAAzB,eAIIqB,EAAeC,EAAO,MACtBC,EAAYC,EAAYvB,EAAKoB,GAE7BI,EAAqBC,GAAQ,WACjC,IAAKvC,IAASiB,GAA2B,IAAVC,EAAa,OAAOlB,EACnD,IAAIwC,EAAyBvB,EA4DnBwB,QAAQ,sBAAuB,QA3DrCf,IACFc,EAAYA,EAAUE,MAAM,KAAKC,KAAK,MAQxC,IANA,IAAMC,EAAYC,WAAMC,OAAKN,EAAS,KAAKhB,EAAa,IAAM,IACxDuB,EAAS/C,EAAK0C,MAAME,GACpBI,EAAQ,GAEVC,EAAsB,EACtBhD,EAAM,EACDiD,EAAI,EAAOH,EAAO1C,OAAX6C,EAAmBA,IAEjC,GAAIH,EAAOG,GAAI,CAEb,IAAMC,EAAaD,EAAI,GAAM,EAE7BF,EAAMI,KAAKrD,EAAYgD,EAAOG,GAAIjD,IADVkD,KAAgBjC,GAAiB,EAARA,GAAmCA,EAAtB+B,GACJpB,EAAiBC,IACvEqB,GAAYF,GAClB,CAGF,OAAOD,CACT,GAAG,CAAChD,EAAMiB,EAAeC,EAAOM,EAAYE,EAAgBG,EAAiBC,IAEvEuB,EAAgBC,EAAiB,CAAExC,IAAKM,GAAec,IAE7DqB,GAA0B,WACpBrB,EAAasB,SACftB,EAAasB,QAAQC,MAAMC,YAAY,wBAAyBpC,KAEpE,GAAG,CAACY,EAAcZ,EAAc+B,IAEhC,IAAMM,EACJxD,EAAAyD,cAAA,MAAA,CACE9C,IAAKsB,EACL7B,UAAWC,EAAGC,EAAOoD,yBAA0BtD,EAASuD,KACrDrD,EAAOsD,aAAe3C,IAEzBL,GAAIA,EAAE,cACOkB,GAAc+B,EAAUC,EAAuBC,oBAAqBnD,IAEhFuB,GAIL,OAAIe,GAAiB1B,EAGjBxB,EAAAyD,cAACO,EAAOC,OAAAC,OAAA,CAACC,QAFYjB,EAAgBrD,EAAO2B,GAENK,GACnC2B,GAIAA,CACT"}

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

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

package/dist/mocked_classnames/src/components/ThemeProvider/ThemeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeProvider.js","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type ReactElement, useEffect, useMemo, useState } from \"react\";\nimport { type Theme } from \"./ThemeProviderConstants\";\nimport { type SystemTheme } from \"./ThemeProvider.types\";\nimport {\n addSystemThemeClassNameToBody,\n generateRandomAlphaString,\n generateThemeCssOverride,\n isAnySystemThemeClassNameOnBody,\n removeSystemThemeClassNameFromBody,\n shouldGenerateTheme\n} from \"./ThemeProviderUtils\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\nexport interface ThemeProviderProps {\n /*\n The theme configuration to apply. It consists of a `name` (a unique CSS class name added to the children)\n * and an object of color overrides for each system theme.\n /\n themeConfig?: Theme;\n /\n The children to be rendered with the applied theme.\n /\n children: ReactElement;\n /\n A string added to the theme name selector to make it more specific, in case `themeConfig.name`\n * collides with another class name.\n /\n themeClassSpecifier?: string;\n /\n The system theme to apply to the `body` element on mount,\n * if there is no system theme class name on the body already.\n /\n systemTheme?: SystemTheme;\n /\n Class name applied to the wrapping `div`.\n */\n className?: string;\n}\n\nconst ThemeProvider = ({\n themeConfig,\n children,\n themeClassSpecifier: customThemeClassSpecifier,\n systemTheme,\n className\n}: ThemeProviderProps) => {\n const [stylesLoaded, setStylesLoaded] = useState(false);\n const themeClassSpecifier = useMemo(\n () => customThemeClassSpecifier \|\| generateRandomAlphaString(),\n [customThemeClassSpecifier]\n );\n\n // Add the systemTheme class name to the body on mount\n useIsomorphicLayoutEffect(() => {\n if (!systemTheme) {\n return;\n }\n\n if (isAnySystemThemeClassNameOnBody()) {\n // If there is already a systemTheme class name on the body, we don't want to override it\n return;\n }\n\n addSystemThemeClassNameToBody(systemTheme);\n\n return () => {\n // Cleanup the systemTheme class name from the body on ThemeProvider unmount\n removeSystemThemeClassNameFromBody(systemTheme);\n };\n }, [systemTheme]);\n\n useEffect(() => {\n if (!shouldGenerateTheme(themeConfig)) {\n return;\n }\n if (document.getElementById(themeConfig.name)) {\n setStylesLoaded(true);\n return;\n }\n\n const styleElement = document.createElement(\"style\");\n styleElement.type = \"text/css\";\n styleElement.id = themeConfig.name;\n const themeCssOverride = generateThemeCssOverride(themeConfig, themeClassSpecifier);\n\n try {\n styleElement.appendChild(document.createTextNode(themeCssOverride));\n document.head.appendChild(styleElement);\n setStylesLoaded(true);\n } catch (error) {\n console.error(\"vibe ThemeProvider: error inserting theme-generated css - \", error);\n }\n\n return () => {\n document.head.removeChild(styleElement);\n };\n }, [themeClassSpecifier, themeConfig]);\n\n if (!stylesLoaded && shouldGenerateTheme(themeConfig)) {\n // Waiting for styles to load before children render\n return null;\n }\n\n // Pass the theme name as a class to the div wrapping children - to scope the effect of the theme\n return <div className={cx(themeConfig?.name, themeClassSpecifier, className)}>{children}</div>;\n};\n\nexport default ThemeProvider;\n"],"names":["ThemeProvider","_ref","themeConfig","children","customThemeClassSpecifier","themeClassSpecifier","systemTheme","className","_useState","useState","_useState2","_slicedToArray","stylesLoaded","setStylesLoaded","useMemo","generateRandomAlphaString","useIsomorphicLayoutEffect","isAnySystemThemeClassNameOnBody","addSystemThemeClassNameToBody","removeSystemThemeClassNameFromBody","useEffect","shouldGenerateTheme","document","getElementById","name","styleElement","createElement","type","id","themeCssOverride","generateThemeCssOverride","appendChild","createTextNode","head","error","console","removeChild","React","cx"],"mappings":"6cAuCA,IAAMA,EAAgB,SAAHC,GAMM,IALvBC,EAAWD,EAAXC,YACAC,EAAQF,EAARE,SACqBC,EAAyBH,EAA9CI,oBACAC,EAAWL,EAAXK,YACAC,EAASN,EAATM,UAEAC,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BL,EAAsBS,GAC1B,WAAA,OAAMV,GAA6BW,~~MACnC~~,CAACX,IAiDH,OA7CAY,GAA0B,WACxB,GAAKV,IAIDW,IAOJ,OAFAC,EAA8BZ,GAEvB,WAELa,EAAmCb,~~GAEvC~~,GAAG,CAACA,IAEJc,GAAU,WACR,GAAKC,EAAoBnB,GAAzB,CAGA,IAAIoB,SAASC,eAAerB,EAAYsB,MAAxC,CAKA,IAAMC,EAAeH,SAASI,cAAc,SAC5CD,EAAaE,KAAO,WACpBF,EAAaG,GAAK1B,EAAYsB,KAC9B,IAAMK,EAAmBC,EAAyB5B,EAAaG,GAE/D,IACEoB,EAAaM,YAAYT,SAASU,eAAeH,IACjDP,SAASW,KAAKF,YAAYN,GAC1BZ,GAAgB,~~EACjB~~,~~CAAC~~,MAAOqB,GACPC,QAAQD,MAAM,6DAA8DA,EAC9E,CAEA,OAAO,WACLZ,SAASW,KAAKG,YAAYX,~~GAhB5B~~,CAFEZ,GAAgB,EAFlB,CAsBF,GAAG,CAACR,EAAqBH,KAEpBU,GAAgBS,EAAoBnB,GAEhC,KAIFmC,EAAAX,cAAA,MAAA,CAAKnB,UAAW+B,EAAGpC,~~aAAA~~,~~EAAAA~~,EAAasB,KAAMnB,EAAqBE,IAAaJ,EACjF"}
1	+ {"version":3,"file":"ThemeProvider.js","sources":["../../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type ReactElement, useEffect, useMemo, useState } from \"react\";\nimport { type Theme } from \"./ThemeProviderConstants\";\nimport { type SystemTheme } from \"./ThemeProvider.types\";\nimport {\n addSystemThemeClassNameToBody,\n generateRandomAlphaString,\n generateThemeCssOverride,\n isAnySystemThemeClassNameOnBody,\n removeSystemThemeClassNameFromBody,\n shouldGenerateTheme\n} from \"./ThemeProviderUtils\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\nexport interface ThemeProviderProps {\n /*\n The theme configuration to apply. It consists of a `name` (a unique CSS class name added to the children)\n * and an object of color overrides for each system theme.\n /\n themeConfig?: Theme;\n /\n The children to be rendered with the applied theme.\n /\n children: ReactElement;\n /\n A string added to the theme name selector to make it more specific, in case `themeConfig.name`\n * collides with another class name.\n /\n themeClassSpecifier?: string;\n /\n The system theme to apply to the `body` element on mount,\n * if there is no system theme class name on the body already.\n /\n systemTheme?: SystemTheme;\n /\n Class name applied to the wrapping `div`.\n */\n className?: string;\n}\n\nconst ThemeProvider = ({\n themeConfig,\n children,\n themeClassSpecifier: customThemeClassSpecifier,\n systemTheme,\n className\n}: ThemeProviderProps) => {\n const [stylesLoaded, setStylesLoaded] = useState(false);\n const themeClassSpecifier = useMemo(\n () => customThemeClassSpecifier \|\| generateRandomAlphaString(),\n [customThemeClassSpecifier]\n );\n\n // Add the systemTheme class name to the body on mount\n useIsomorphicLayoutEffect(() => {\n if (!systemTheme) {\n return;\n }\n\n if (isAnySystemThemeClassNameOnBody()) {\n // If there is already a systemTheme class name on the body, we don't want to override it\n return;\n }\n\n addSystemThemeClassNameToBody(systemTheme);\n\n return () => {\n // Cleanup the systemTheme class name from the body on ThemeProvider unmount\n removeSystemThemeClassNameFromBody(systemTheme);\n };\n }, [systemTheme]);\n\n useEffect(() => {\n if (!shouldGenerateTheme(themeConfig)) {\n return;\n }\n if (document.getElementById(themeConfig.name)) {\n setStylesLoaded(true);\n return;\n }\n\n const styleElement = document.createElement(\"style\");\n styleElement.type = \"text/css\";\n styleElement.id = themeConfig.name;\n const themeCssOverride = generateThemeCssOverride(themeConfig, themeClassSpecifier);\n\n try {\n styleElement.appendChild(document.createTextNode(themeCssOverride));\n document.head.appendChild(styleElement);\n setStylesLoaded(true);\n } catch (error) {\n console.error(\"vibe ThemeProvider: error inserting theme-generated css - \", error);\n }\n\n return () => {\n document.head.removeChild(styleElement);\n };\n }, [themeClassSpecifier, themeConfig]);\n\n if (!stylesLoaded && shouldGenerateTheme(themeConfig)) {\n // Waiting for styles to load before children render\n return null;\n }\n\n // Pass the theme name as a class to the div wrapping children - to scope the effect of the theme\n return <div className={cx(themeConfig?.name, themeClassSpecifier, className)}>{children}</div>;\n};\n\nexport default ThemeProvider;\n"],"names":["ThemeProvider","_ref","themeConfig","children","customThemeClassSpecifier","themeClassSpecifier","systemTheme","className","_useState","useState","_useState2","_slicedToArray","stylesLoaded","setStylesLoaded","useMemo","generateRandomAlphaString","useIsomorphicLayoutEffect","isAnySystemThemeClassNameOnBody","addSystemThemeClassNameToBody","removeSystemThemeClassNameFromBody","useEffect","shouldGenerateTheme","document","getElementById","name","styleElement","createElement","type","id","themeCssOverride","generateThemeCssOverride","appendChild","createTextNode","head","error","console","removeChild","React","cx"],"mappings":"6cAuCA,IAAMA,EAAgB,SAAHC,GAMM,IALvBC,EAAWD,EAAXC,YACAC,EAAQF,EAARE,SACqBC,EAAyBH,EAA9CI,oBACAC,EAAWL,EAAXK,YACAC,EAASN,EAATM,UAEAC,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BL,EAAsBS,GAC1B,WAAA,OAAMV,GAA6BW,GAA2B,GAC9D,CAACX,IAiDH,OA7CAY,GAA0B,WACxB,GAAKV,IAIDW,IAOJ,OAFAC,EAA8BZ,GAEvB,WAELa,EAAmCb,EACrC,CACF,GAAG,CAACA,IAEJc,GAAU,WACR,GAAKC,EAAoBnB,GAAzB,CAGA,IAAIoB,SAASC,eAAerB,EAAYsB,MAAxC,CAKA,IAAMC,EAAeH,SAASI,cAAc,SAC5CD,EAAaE,KAAO,WACpBF,EAAaG,GAAK1B,EAAYsB,KAC9B,IAAMK,EAAmBC,EAAyB5B,EAAaG,GAE/D,IACEoB,EAAaM,YAAYT,SAASU,eAAeH,IACjDP,SAASW,KAAKF,YAAYN,GAC1BZ,GAAgB,EAClB,CAAE,MAAOqB,GACPC,QAAQD,MAAM,6DAA8DA,EAC9E,CAEA,OAAO,WACLZ,SAASW,KAAKG,YAAYX,EAC5B,CAjBA,CAFEZ,GAAgB,EAFlB,CAsBF,GAAG,CAACR,EAAqBH,KAEpBU,GAAgBS,EAAoBnB,GAEhC,KAIFmC,EAAAX,cAAA,MAAA,CAAKnB,UAAW+B,EAAGpC,aAAW,EAAXA,EAAasB,KAAMnB,EAAqBE,IAAaJ,EACjF"}

package/dist/mocked_classnames/src/components/ThemeProvider/ThemeProviderUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeProviderUtils.js","sources":["../../../../../src/components/ThemeProvider/ThemeProviderUtils.ts"],"sourcesContent":["import { type Theme, type ThemeColorTokenValueMap, SystemThemeClassMap } from \"./ThemeProviderConstants\";\nimport { type SystemTheme } from \"./ThemeProvider.types\";\n\nconst generateCss = (object: ThemeColorTokenValueMap, stack: string, parentSelector: string) => {\n for (const key of Object.keys(object)) {\n if (typeof object[key as keyof ThemeColorTokenValueMap] === \"string\") {\n stack += `--${key}: ${object[key as keyof ThemeColorTokenValueMap]};`;\n }\n }\n\n if (stack !== \"\") {\n stack = parentSelector + \" {\" + stack + \"}\";\n }\n\n for (const key of Object.keys(object)) {\n if (typeof object[key as keyof ThemeColorTokenValueMap] === \"object\") {\n const selector = `${parentSelector} .${key}`;\n stack +=\n \"\\n\" + generateCss(object[key as keyof ThemeColorTokenValueMap] as ThemeColorTokenValueMap, \"\", selector);\n }\n }\n\n return stack;\n};\n\nexport const shouldGenerateTheme = (themeConfig: Theme) => {\n return !!themeConfig?.colors && !!themeConfig?.name;\n};\n\nexport const generateThemeCssOverride = (themeConfig: Theme, themeClassSpecifier: string) => {\n if (!shouldGenerateTheme(themeConfig)) {\n return null;\n }\n\n let css = \"\";\n for (const systemTheme of Object.keys(themeConfig.colors) as SystemTheme[]) {\n css +=\n generateCss(\n themeConfig.colors[systemTheme],\n \"\",\n `.${SystemThemeClassMap[systemTheme]} .${themeClassSpecifier}.${themeConfig.name}`\n ) + \"\\n\";\n }\n\n return css;\n};\n\nexport const generateRandomAlphaString = (length = 6) => {\n let result = \"\";\n const characters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\n\n for (let i = 0; i < length; i++) {\n result += characters.charAt(Math.floor(Math.random() * characters.length));\n }\n\n return result;\n};\n\nconst APP_THEME_SUFFIX = \"-app-theme\";\n\nconst isAppThemeClassName = (className: string) => {\n return className.endsWith(APP_THEME_SUFFIX);\n};\n\nexport const addAppThemeSuffix = (systemTheme: SystemTheme) => {\n return `${systemTheme}${APP_THEME_SUFFIX}`;\n};\n\nexport const getBodySystemThemeClassName = () => {\n const classList = document.body.classList;\n for (const className of Array.from(classList)) {\n if (isAppThemeClassName(className)) {\n return className;\n }\n }\n return null;\n};\n\nexport const isAnySystemThemeClassNameOnBody = () => {\n const bodySystemThemeClassName = getBodySystemThemeClassName();\n return !!bodySystemThemeClassName;\n};\n\nexport const addSystemThemeClassNameToBody = (systemTheme: SystemTheme) => {\n document.body.classList.add(addAppThemeSuffix(systemTheme));\n};\n\nexport const removeSystemThemeClassNameFromBody = (systemTheme: SystemTheme) => {\n document.body.classList.remove(addAppThemeSuffix(systemTheme));\n};\n"],"names":["generateCss","object","stack","parentSelector","_i","_Object$keys","Object","keys","length","key","concat","_i2","_Object$keys2","_typeof","selector","shouldGenerateTheme","themeConfig","colors","name","generateThemeCssOverride","themeClassSpecifier","css","_i3","_Object$keys3","systemTheme","SystemThemeClassMap","generateRandomAlphaString","arguments","undefined","result","characters","i","charAt","Math","floor","random","APP_THEME_SUFFIX","isAppThemeClassName","className","endsWith","addAppThemeSuffix","getBodySystemThemeClassName","classList","document","body","_i4","_Array$from","Array","from","isAnySystemThemeClassNameOnBody","addSystemThemeClassNameToBody","add","removeSystemThemeClassNameFromBody","remove"],"mappings":"0IAGA,IAAMA,EAAc,SAAdA,EAAeC,EAAiCC,EAAeC,GACnE,IAAA,IAAAC,EAAAC,~~EAAAA,~~EAAkBC,OAAOC,KAAKN,GAAOI,EAAAG,OAAAJ,EAAAA,IAAE,CAAlC,IAAMK,EAAGJ,EAAAD,GACgD,iBAAjDH,EAAOQ,KAChBP,GAAK,KAAAQ,OAASD,EAAG,MAAAC,OAAKT,EAAOQ,~~GAAwC~~,~~KAEzE~~,CAEc,KAAVP,IACFA,EAAQC,EAAiB,KAAOD,EAAQ,KAG1C,IAAA,IAAAS,EAAAC,~~EAAAA,~~EAAkBN,OAAOC,KAAKN,GAAOW,EAAAJ,OAAAG,EAAAA,IAAE,CAAlC,IAAMF,EAAGG,EAAAD,GACZ,GAA4D,WAAxDE,EAAOZ,EAAOQ,IAAoD,CACpE,IAAMK,KAAQJ,OAAMP,~~EAAcO~~,~~MAAAA~~,OAAKD,GACvCP,GACE,KAAOF,EAAYC,EAAOQ,GAAkE,GAAIK,EACpG,CACF,CAEA,OAAOZ,CACT,EAEaa,EAAsB,SAACC,GAClC,SAASA,aAAW,EAAXA,EAAaC,YAAYD,eAAAA,EAAaE,KACjD,EAEaC,EAA2B,SAACH,EAAoBI,GAC3D,IAAKL,EAAoBC,GACvB,OAAO,KAIT,IADA,IAAIK,EAAM,GACVC,IAAAC,EAA0BjB,OAAOC,KAAKS,EAAYC,QAAwBM,EAAAf,OAAAc,EAAAA,IAAE,CAAvE,IAAME,EAAWD,EAAAD,GACpBD,GACErB,EACEgB,EAAYC,OAAOO,GACnB,GAAE,IAAAd,OACEe,EAAoBD,GAAY,MAAAd,OAAKU,~~EAAmBV~~,~~KAAAA~~,OAAIM,EAAYE,OAC1E,IACR,CAEA,OAAOG,CACT,EAEaK,EAA4B,WAIvC,IAJsD,IAAdlB,EAAMmB,UAAAnB,OAAA,QAAAoB,IAAAD,UAAA,GAAAA,UAAA,GAAG,EAC7CE,EAAS,GACPC,EAAa,uDAEVC,EAAI,EAAOvB,EAAJuB,EAAYA,IAC1BF,GAAUC,EAAWE,OAAOC,KAAKC,MAAsBJ,GAAhBG,KAAKE,WAG9C,OAAON,CACT,EAEMO,EAAmB,aAEnBC,EAAsB,SAACC,GAC3B,OAAOA,EAAUC,SAASH,EAC5B,EAEaI,EAAoB,SAAChB,GAChC,MAAA,GAAAd,OAAUc,GAAWd,OAAG0B,EAC1B,EAEaK,EAA8B,WAEzC,IADA,IAAMC,EAAYC,SAASC,KAAKF,UAChCG,EAAAC,~~EAAAA,~~EAAwBC,MAAMC,KAAKN,GAAUI,EAAAtC,OAAAqC,EAAAA,IAAE,CAA1C,IAAMP,EAASQ,EAAAD,GAClB,GAAIR,EAAoBC,GACtB,OAAOA,CAEX,CACA,OAAO,IACT,EAEaW,EAAkC,WAE7C,QADiCR,GAEnC,EAEaS,EAAgC,SAAC1B,GAC5CmB,SAASC,KAAKF,UAAUS,IAAIX,EAAkBhB,GAChD,EAEa4B,EAAqC,SAAC5B,GACjDmB,SAASC,KAAKF,UAAUW,OAAOb,EAAkBhB,GACnD"}
1	+ {"version":3,"file":"ThemeProviderUtils.js","sources":["../../../../../src/components/ThemeProvider/ThemeProviderUtils.ts"],"sourcesContent":["import { type Theme, type ThemeColorTokenValueMap, SystemThemeClassMap } from \"./ThemeProviderConstants\";\nimport { type SystemTheme } from \"./ThemeProvider.types\";\n\nconst generateCss = (object: ThemeColorTokenValueMap, stack: string, parentSelector: string) => {\n for (const key of Object.keys(object)) {\n if (typeof object[key as keyof ThemeColorTokenValueMap] === \"string\") {\n stack += `--${key}: ${object[key as keyof ThemeColorTokenValueMap]};`;\n }\n }\n\n if (stack !== \"\") {\n stack = parentSelector + \" {\" + stack + \"}\";\n }\n\n for (const key of Object.keys(object)) {\n if (typeof object[key as keyof ThemeColorTokenValueMap] === \"object\") {\n const selector = `${parentSelector} .${key}`;\n stack +=\n \"\\n\" + generateCss(object[key as keyof ThemeColorTokenValueMap] as ThemeColorTokenValueMap, \"\", selector);\n }\n }\n\n return stack;\n};\n\nexport const shouldGenerateTheme = (themeConfig: Theme) => {\n return !!themeConfig?.colors && !!themeConfig?.name;\n};\n\nexport const generateThemeCssOverride = (themeConfig: Theme, themeClassSpecifier: string) => {\n if (!shouldGenerateTheme(themeConfig)) {\n return null;\n }\n\n let css = \"\";\n for (const systemTheme of Object.keys(themeConfig.colors) as SystemTheme[]) {\n css +=\n generateCss(\n themeConfig.colors[systemTheme],\n \"\",\n `.${SystemThemeClassMap[systemTheme]} .${themeClassSpecifier}.${themeConfig.name}`\n ) + \"\\n\";\n }\n\n return css;\n};\n\nexport const generateRandomAlphaString = (length = 6) => {\n let result = \"\";\n const characters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\n\n for (let i = 0; i < length; i++) {\n result += characters.charAt(Math.floor(Math.random() * characters.length));\n }\n\n return result;\n};\n\nconst APP_THEME_SUFFIX = \"-app-theme\";\n\nconst isAppThemeClassName = (className: string) => {\n return className.endsWith(APP_THEME_SUFFIX);\n};\n\nexport const addAppThemeSuffix = (systemTheme: SystemTheme) => {\n return `${systemTheme}${APP_THEME_SUFFIX}`;\n};\n\nexport const getBodySystemThemeClassName = () => {\n const classList = document.body.classList;\n for (const className of Array.from(classList)) {\n if (isAppThemeClassName(className)) {\n return className;\n }\n }\n return null;\n};\n\nexport const isAnySystemThemeClassNameOnBody = () => {\n const bodySystemThemeClassName = getBodySystemThemeClassName();\n return !!bodySystemThemeClassName;\n};\n\nexport const addSystemThemeClassNameToBody = (systemTheme: SystemTheme) => {\n document.body.classList.add(addAppThemeSuffix(systemTheme));\n};\n\nexport const removeSystemThemeClassNameFromBody = (systemTheme: SystemTheme) => {\n document.body.classList.remove(addAppThemeSuffix(systemTheme));\n};\n"],"names":["generateCss","object","stack","parentSelector","_i","_Object$keys","Object","keys","length","key","concat","_i2","_Object$keys2","_typeof","selector","shouldGenerateTheme","themeConfig","colors","name","generateThemeCssOverride","themeClassSpecifier","css","_i3","_Object$keys3","systemTheme","SystemThemeClassMap","generateRandomAlphaString","arguments","undefined","result","characters","i","charAt","Math","floor","random","APP_THEME_SUFFIX","isAppThemeClassName","className","endsWith","addAppThemeSuffix","getBodySystemThemeClassName","classList","document","body","_i4","_Array$from","Array","from","isAnySystemThemeClassNameOnBody","addSystemThemeClassNameToBody","add","removeSystemThemeClassNameFromBody","remove"],"mappings":"0IAGA,IAAMA,EAAc,SAAdA,EAAeC,EAAiCC,EAAeC,GACnE,IAAA,IAAAC,EAAA,EAAAC,EAAkBC,OAAOC,KAAKN,GAAOI,EAAAG,OAAAJ,EAAAA,IAAE,CAAlC,IAAMK,EAAGJ,EAAAD,GACgD,iBAAjDH,EAAOQ,KAChBP,GAAK,KAAAQ,OAASD,EAAG,MAAAC,OAAKT,EAAOQ,GAAqC,KAEtE,CAEc,KAAVP,IACFA,EAAQC,EAAiB,KAAOD,EAAQ,KAG1C,IAAA,IAAAS,EAAA,EAAAC,EAAkBN,OAAOC,KAAKN,GAAOW,EAAAJ,OAAAG,EAAAA,IAAE,CAAlC,IAAMF,EAAGG,EAAAD,GACZ,GAA4D,WAAxDE,EAAOZ,EAAOQ,IAAoD,CACpE,IAAMK,KAAQJ,OAAMP,EAAc,MAAAO,OAAKD,GACvCP,GACE,KAAOF,EAAYC,EAAOQ,GAAkE,GAAIK,EACpG,CACF,CAEA,OAAOZ,CACT,EAEaa,EAAsB,SAACC,GAClC,SAASA,aAAW,EAAXA,EAAaC,YAAYD,eAAAA,EAAaE,KACjD,EAEaC,EAA2B,SAACH,EAAoBI,GAC3D,IAAKL,EAAoBC,GACvB,OAAO,KAIT,IADA,IAAIK,EAAM,GACVC,IAAAC,EAA0BjB,OAAOC,KAAKS,EAAYC,QAAwBM,EAAAf,OAAAc,EAAAA,IAAE,CAAvE,IAAME,EAAWD,EAAAD,GACpBD,GACErB,EACEgB,EAAYC,OAAOO,GACnB,GAAE,IAAAd,OACEe,EAAoBD,GAAY,MAAAd,OAAKU,EAAmB,KAAAV,OAAIM,EAAYE,OAC1E,IACR,CAEA,OAAOG,CACT,EAEaK,EAA4B,WAIvC,IAJsD,IAAdlB,EAAMmB,UAAAnB,OAAA,QAAAoB,IAAAD,UAAA,GAAAA,UAAA,GAAG,EAC7CE,EAAS,GACPC,EAAa,uDAEVC,EAAI,EAAOvB,EAAJuB,EAAYA,IAC1BF,GAAUC,EAAWE,OAAOC,KAAKC,MAAsBJ,GAAhBG,KAAKE,WAG9C,OAAON,CACT,EAEMO,EAAmB,aAEnBC,EAAsB,SAACC,GAC3B,OAAOA,EAAUC,SAASH,EAC5B,EAEaI,EAAoB,SAAChB,GAChC,MAAA,GAAAd,OAAUc,GAAWd,OAAG0B,EAC1B,EAEaK,EAA8B,WAEzC,IADA,IAAMC,EAAYC,SAASC,KAAKF,UAChCG,EAAA,EAAAC,EAAwBC,MAAMC,KAAKN,GAAUI,EAAAtC,OAAAqC,EAAAA,IAAE,CAA1C,IAAMP,EAASQ,EAAAD,GAClB,GAAIR,EAAoBC,GACtB,OAAOA,CAEX,CACA,OAAO,IACT,EAEaW,EAAkC,WAE7C,QADiCR,GAEnC,EAEaS,EAAgC,SAAC1B,GAC5CmB,SAASC,KAAKF,UAAUS,IAAIX,EAAkBhB,GAChD,EAEa4B,EAAqC,SAAC5B,GACjDmB,SAASC,KAAKF,UAAUW,OAAOb,EAAkBhB,GACnD"}

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

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

package/dist/mocked_classnames/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 { type DialogAnimationType, type DialogMiddleware, type DialogTriggerEvent } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport { TIPSEEN_CLOSE_BUTTON_ARIA_LABEL } from \"./TipseenConstants\";\nimport { type TipseenCloseButtonTheme, type TipseenColor } from \"./Tipseen.types\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./Tipseen.module.scss\";\nimport React from \"react\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\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 Custom Floating UI middleware for positioning logic.\n * @see https://floating-ui.com/docs/middleware\n /\n middleware?: DialogMiddleware[];\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 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 middleware,\n referenceWrapperClassName,\n tip = true,\n tooltipArrowClassName,\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 aria-label={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 middleware={middleware}\n referenceWrapperClassName={referenceWrapperClassName}\n tip={tip && !floating}\n open={defaultDelayOpen ? delayedOpen : undefined}\n forceRenderWithoutChildren={floating}\n >\n {children}\n </Tooltip>\n </TipseenWrapper>\n );\n }\n);\n\nexport default Tipseen;\n"],"names":["TipseenContext","React","createContext","Tipseen","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","middleware","referenceWrapperClassName","_ref$tip","tip","tooltipArrowClassName","_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","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"],"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 DialogMiddleware, type DialogTriggerEvent } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport { TIPSEEN_CLOSE_BUTTON_ARIA_LABEL } from \"./TipseenConstants\";\nimport { type TipseenCloseButtonTheme, type TipseenColor } from \"./Tipseen.types\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./Tipseen.module.scss\";\nimport React from \"react\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\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 Custom Floating UI middleware for positioning logic.\n * @see https://floating-ui.com/docs/middleware\n /\n middleware?: DialogMiddleware[];\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 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 middleware,\n referenceWrapperClassName,\n tip = true,\n tooltipArrowClassName,\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 aria-label={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 middleware={middleware}\n referenceWrapperClassName={referenceWrapperClassName}\n tip={tip && !floating}\n open={defaultDelayOpen ? delayedOpen : undefined}\n forceRenderWithoutChildren={floating}\n >\n {children}\n </Tooltip>\n </TipseenWrapper>\n );\n }\n);\n\nexport default Tipseen;\n"],"names":["TipseenContext","React","createContext","Tipseen","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","middleware","referenceWrapperClassName","_ref$tip","tip","tooltipArrowClassName","_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","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"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth",floating:"floating",tipseenHeader:"tipseenHeader",tipseenTitle:"tipseenTitle",tipseenContent:"tipseenContent",tipseenCloseButton:"tipseenCloseButton",dark:"dark"};!function(e){const n="s_id-077bfe37a52b_4_2_1";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.tipseenWrapper {\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.tipseenWrapperWithoutCustomWidth {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper.floating {\n  position: fixed;\n  bottom: 0;\n  inset-inline-end: 0;\n  margin-bottom: var(--space-16);\n  margin-inline-end: var(--space-16);\n}\n.tipseenWrapper .tipseenHeader {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper .tipseenTitle {\n  padding: var(--space-16) var(--space-32) 0 var(--space-16);\n}\n.tipseenWrapper .tipseenContent {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper .tipseenCloseButton {\n  position: absolute;\n  top: var(--space-8);\n  inset-inline-end: var(--space-8);\n  z-index: 2;\n}\n.tipseenWrapper .tipseenCloseButton.dark {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth",floating:"floating",tipseenHeader:"tipseenHeader",tipseenTitle:"tipseenTitle",tipseenContent:"tipseenContent",tipseenCloseButton:"tipseenCloseButton",dark:"dark"};!function(e){const n="s_id-077bfe37a52b_4_2_2";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.tipseenWrapper {\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.tipseenWrapperWithoutCustomWidth {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper.floating {\n  position: fixed;\n  bottom: 0;\n  inset-inline-end: 0;\n  margin-bottom: var(--space-16);\n  margin-inline-end: var(--space-16);\n}\n.tipseenWrapper .tipseenHeader {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper .tipseenTitle {\n  padding: var(--space-16) var(--space-32) 0 var(--space-16);\n}\n.tipseenWrapper .tipseenContent {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper .tipseenCloseButton {\n  position: absolute;\n  top: var(--space-8);\n  inset-inline-end: var(--space-8);\n  z-index: 2;\n}\n.tipseenWrapper .tipseenCloseButton.dark {\n  color: var(--color-asphalt);\n}");export{e as default};
 //# sourceMappingURL=Tipseen.module.scss.js.map

package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"react";import e from"classnames";import s from"./TipseenTitle.js";import{ComponentDefaultTestId as a}from"../../tests/constants.js";import{getTestId as i}from"../../tests/testIds.js";import r from"./TipseenBasicContent.module.scss.js";var m=function(m){var o=m.title,n=m.children,l=void 0===n?null:n,c=m.titleClassName,d=m.id,p=m["data-testid"];return t.createElement("div",{className:e(r.tipseenBasicContent,m.className),id:d,"data-testid":p||i(a.TIPSEEN_CONTENT,d)},t.createElement(s,{text:o,className:c}),l)};export{m as default};
+import t from"react";import e from"classnames";import s from"./TipseenTitle.js";import{ComponentDefaultTestId as a}from"../../tests/constants.js";import{getTestId as i}from"../../../testIds.js";import r from"./TipseenBasicContent.module.scss.js";var m=function(m){var o=m.title,n=m.children,l=void 0===n?null:n,c=m.titleClassName,d=m.id,p=m["data-testid"];return t.createElement("div",{className:e(r.tipseenBasicContent,m.className),id:d,"data-testid":p||i(a.TIPSEEN_CONTENT,d)},t.createElement(s,{text:o,className:c}),l)};export{m as default};
 //# sourceMappingURL=TipseenBasicContent.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TipseenBasicContent.js","sources":["../../../../../src/components/Tipseen/TipseenBasicContent.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./TipseenBasicContent.module.scss\";\n\nexport interface TipseenBasicContentProps extends VibeComponentProps {\n /*\n The title text displayed in the Tipseen content.\n /\n title?: string;\n /\n Class name applied to the title.\n /\n titleClassName?: string;\n /\n The content inside the Tipseen.\n */\n children?: ElementContent \| ElementContent[];\n}\n\nconst TipseenBasicContent: React.FC<TipseenBasicContentProps> = ({\n title,\n children = null,\n titleClassName,\n className,\n id,\n \"data-testid\": dataTestId\n}) => {\n return (\n <div\n className={cx(styles.tipseenBasicContent, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT, id)}\n >\n <TipseenTitle text={title} className={titleClassName} />\n {children}\n </div>\n );\n};\n\nexport default TipseenBasicContent;\n"],"names":["TipseenBasicContent","_ref","title","_ref$children","children","titleClassName","id","dataTestId","React","createElement","className","cx","styles","tipseenBasicContent","getTestId","ComponentDefaultTestId","TIPSEEN_CONTENT","TipseenTitle","text"],"mappings":"~~yPAwBA~~,IAAMA,EAA0D,SAAvCC,GAOpB,IANHC,EAAKD,EAALC,MAAKC,EAAAF,EACLG,SAAAA,~~OAAW~~,~~IAAHD~~,EAAG,KAAIA,EACfE,EAAcJ,EAAdI,eAEAC,EAAEL,EAAFK,GACeC,EAAUN,EAAzB,eAEA,OACEO,~~EACEC~~,cAAA,MAAA,~~CAAAC~~,UAAWC,EAAGC,EAAOC,oBANhBZ,EAATS,WAOIJ,GAAIA,~~EACS~~,~~cAAAC~~,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,~~EAACC~~,~~cAAAQ~~,GAAaC,KAAMhB,EAAOQ,UAAWL,IACrCD,EAGP"}
1	+ {"version":3,"file":"TipseenBasicContent.js","sources":["../../../../../src/components/Tipseen/TipseenBasicContent.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./TipseenBasicContent.module.scss\";\n\nexport interface TipseenBasicContentProps extends VibeComponentProps {\n /*\n The title text displayed in the Tipseen content.\n /\n title?: string;\n /\n Class name applied to the title.\n /\n titleClassName?: string;\n /\n The content inside the Tipseen.\n */\n children?: ElementContent \| ElementContent[];\n}\n\nconst TipseenBasicContent: React.FC<TipseenBasicContentProps> = ({\n title,\n children = null,\n titleClassName,\n className,\n id,\n \"data-testid\": dataTestId\n}) => {\n return (\n <div\n className={cx(styles.tipseenBasicContent, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT, id)}\n >\n <TipseenTitle text={title} className={titleClassName} />\n {children}\n </div>\n );\n};\n\nexport default TipseenBasicContent;\n"],"names":["TipseenBasicContent","_ref","title","_ref$children","children","titleClassName","id","dataTestId","React","createElement","className","cx","styles","tipseenBasicContent","getTestId","ComponentDefaultTestId","TIPSEEN_CONTENT","TipseenTitle","text"],"mappings":"sPAwBA,IAAMA,EAA0D,SAAvCC,GAOpB,IANHC,EAAKD,EAALC,MAAKC,EAAAF,EACLG,SAAAA,OAAQ,IAAAD,EAAG,KAAIA,EACfE,EAAcJ,EAAdI,eAEAC,EAAEL,EAAFK,GACeC,EAAUN,EAAzB,eAEA,OACEO,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,oBANhBZ,EAATS,WAOIJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAAAC,cAACQ,GAAaC,KAAMhB,EAAOQ,UAAWL,IACrCD,EAGP"}

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

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent"};!function(e){const n="s_id-6606edb50944_4_2_1";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 {\n  padding: var(--space-16) 20px var(--space-24) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent"};!function(e){const n="s_id-6606edb50944_4_2_2";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 {\n  padding: var(--space-16) 20px var(--space-24) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
 //# sourceMappingURL=TipseenBasicContent.module.scss.js.map

package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{useContext as e,useMemo as s}from"react";import i from"classnames";import{SUBMIT_BUTTON_TEXT as o,DISMISS_BUTTON_TEXT as n}from"./TipseenConstants.js";import r from"./TipseenBasicContent.js";import m from"./TipseenContent.module.scss.js";import{getTestId as l}from"../../tests/testIds.js";import{ComponentDefaultTestId as a}from"../../tests/constants.js";import{TipseenContext as d}from"./Tipseen.js";import{Button as c}from"@vibe/button/mockedClassNames";var u=function(u){var p=u.id,f=u.title,T=u.titleClassName,E=u.children,N=void 0===E?null:E,v=u.hideDismiss,C=void 0===v||v,b=u.hideSubmit,I=u.submitButtonText,S=void 0===I?o:I,j=u.submitButtonIcon,k=u.onSubmit,B=u.dismissButtonText,_=void 0===B?n:B,h=u.onDismiss,x=e(d),y=s((function(){return"inverted"===x?"on-inverted-background":"on-primary-color"}),[x]),D=!C||!b;return t.createElement(r,{title:f,titleClassName:T,id:p},N?t.createElement("span",null,N):null,D&&t.createElement("div",{className:i(m.buttons)},C?null:t.createElement(c,{kind:"tertiary",color:y,className:m.dismiss,size:"small",onClick:h,"data-testid":l(a.TIPSEEN_CONTENT_DISMISS)},_),b?null:t.createElement(c,{kind:"primary",color:y,size:"small",onClick:k,"data-testid":l(a.TIPSEEN_CONTENT_SUBMIT),leftIcon:j},S)))};export{u as default};
+import t,{useContext as e,useMemo as s}from"react";import i from"classnames";import{DISMISS_BUTTON_TEXT as o,SUBMIT_BUTTON_TEXT as n}from"./TipseenConstants.js";import r from"./TipseenBasicContent.js";import m from"./TipseenContent.module.scss.js";import{getTestId as l}from"../../../testIds.js";import{ComponentDefaultTestId as a}from"../../tests/constants.js";import{TipseenContext as d}from"./Tipseen.js";import{Button as c}from"@vibe/button/mockedClassNames";var u=function(u){var p=u.id,f=u.title,T=u.titleClassName,E=u.children,N=void 0===E?null:E,v=u.hideDismiss,C=void 0===v||v,b=u.hideSubmit,I=u.submitButtonText,S=void 0===I?n:I,j=u.submitButtonIcon,k=u.onSubmit,B=u.dismissButtonText,_=void 0===B?o:B,h=u.onDismiss,x=e(d),y=s((function(){return"inverted"===x?"on-inverted-background":"on-primary-color"}),[x]),D=!C||!b;return t.createElement(r,{title:f,titleClassName:T,id:p},N?t.createElement("span",null,N):null,D&&t.createElement("div",{className:i(m.buttons)},C?null:t.createElement(c,{kind:"tertiary",color:y,className:m.dismiss,size:"small",onClick:h,"data-testid":l(a.TIPSEEN_CONTENT_DISMISS)},_),b?null:t.createElement(c,{kind:"primary",color:y,size:"small",onClick:k,"data-testid":l(a.TIPSEEN_CONTENT_SUBMIT),leftIcon:j},S)))};export{u as default};
 //# sourceMappingURL=TipseenContent.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TipseenContent.js","sources":["../../../../../src/components/Tipseen/TipseenContent.tsx"],"sourcesContent":["import React, { type FC, useContext, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { DISMISS_BUTTON_TEXT, SUBMIT_BUTTON_TEXT } from \"./TipseenConstants\";\nimport TipseenBasicContent from \"./TipseenBasicContent\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport styles from \"./TipseenContent.module.scss\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { TipseenContext } from \"./Tipseen\";\nimport { Button } from \"@vibe/button\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport interface TipseenContentProps extends VibeComponentProps {\n /*\n The title text displayed in the Tipseen content.\n /\n title?: string;\n /\n Class name applied to the Tipseen title.\n /\n titleClassName?: string;\n /\n If true, hides the dismiss button.\n /\n hideDismiss?: boolean;\n /\n The content inside the Tipseen.\n /\n children?: ElementContent;\n /\n If true, hides the submit button.\n /\n hideSubmit?: boolean;\n /\n The text displayed on the submit button.\n /\n submitButtonText?: string;\n /\n Icon to display in the submit button\n /\n submitButtonIcon?: SubIcon;\n /\n Callback fired when the submit button is clicked.\n /\n onSubmit?: (event: React.MouseEvent) => void;\n /\n The text displayed on the dismiss button.\n /\n dismissButtonText?: string;\n /\n Callback fired when the dismiss button is clicked.\n */\n onDismiss?: (event: React.MouseEvent) => void;\n}\n\nconst TipseenContent: FC<TipseenContentProps> = ({\n id,\n title,\n titleClassName,\n children = null,\n hideDismiss = true,\n hideSubmit,\n submitButtonText = SUBMIT_BUTTON_TEXT,\n submitButtonIcon,\n onSubmit,\n dismissButtonText = DISMISS_BUTTON_TEXT,\n onDismiss\n}) => {\n const color = useContext(TipseenContext);\n const buttonColor = useMemo(() => {\n return color === \"inverted\" ? \"on-inverted-background\" : \"on-primary-color\";\n }, [color]);\n\n const showButtons = !hideDismiss \|\| !hideSubmit;\n\n return (\n <TipseenBasicContent title={title} titleClassName={titleClassName} id={id}>\n {children ? <span>{children}</span> : null}\n {showButtons && (\n <div className={cx(styles.buttons)}>\n {hideDismiss ? null : (\n <Button\n kind=\"tertiary\"\n color={buttonColor}\n className={styles.dismiss}\n size=\"small\"\n onClick={onDismiss}\n data-testid={getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT_DISMISS)}\n >\n {dismissButtonText}\n </Button>\n )}\n {hideSubmit ? null : (\n <Button\n kind=\"primary\"\n color={buttonColor}\n size=\"small\"\n onClick={onSubmit}\n data-testid={getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT_SUBMIT)}\n leftIcon={submitButtonIcon}\n >\n {submitButtonText}\n </Button>\n )}\n </div>\n )}\n </TipseenBasicContent>\n );\n};\n\nexport default TipseenContent;\n"],"names":["TipseenContent","_ref","id","title","titleClassName","_ref$children","children","_ref$hideDismiss","hideDismiss","hideSubmit","_ref$submitButtonText","submitButtonText","SUBMIT_BUTTON_TEXT","submitButtonIcon","onSubmit","_ref$dismissButtonTex","dismissButtonText","DISMISS_BUTTON_TEXT","onDismiss","color","useContext","TipseenContext","buttonColor","useMemo","showButtons","React","createElement","TipseenBasicContent","className","cx","styles","buttons","Button","kind","dismiss","size","onClick","getTestId","ComponentDefaultTestId","TIPSEEN_CONTENT_DISMISS","TIPSEEN_CONTENT_SUBMIT","leftIcon"],"mappings":"~~kdAwDA~~,IAAMA,EAA0C,SAA5BC,GAYf,IAXHC,EAAED,EAAFC,GACAC,EAAKF,EAALE,MACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,SAAAA,~~OAAW~~,~~IAAHD~~,EAAG,KAAIA,EAAAE,EAAAN,EACfO,YAAAA,~~OAAc~~,~~IAAHD~~,GAAOA,EAClBE,EAAUR,EAAVQ,WAAUC,EAAAT,EACVU,iBAAAA,~~OAAmBC~~,~~IAAHF~~,EAAGE,EAAkBF,EACrCG,EAAgBZ,EAAhBY,iBACAC,EAAQb,EAARa,SAAQC,EAAAd,EACRe,kBAAAA,~~OAAoBC~~,~~IAAHF~~,EAAGE,EAAmBF,EACvCG,EAASjB,EAATiB,UAEMC,EAAQC,EAAWC,GACnBC,EAAcC,GAAQ,WAC1B,MAAiB,aAAVJ,EAAuB,yBAA2B,kBAC3D,GAAG,CAACA,IAEEK,GAAehB,IAAgBC,EAErC,OACEgB,EAAAC,cAACC,EAAmB,CAACxB,MAAOA,EAAOC,eAAgBA,EAAgBF,GAAIA,GACpEI,EAAWmB,EAAAC,cAAA,OAAA,KAAOpB,GAAmB,KACrCkB,GACCC,EAAAC,cAAA,MAAA,CAAKE,UAAWC,EAAGC,EAAOC,UACvBvB,EAAc,KACbiB,EAAAC,cAACM,~~EACC~~,~~CAAAC~~,KAAK,WACLd,MAAOG,EACPM,UAAWE,EAAOI,QAClBC,KAAK,QACLC,QAASlB,gBACImB,EAAUC,EAAuBC,0BAE7CvB,GAGJP,EAAa,KACZgB,~~EAACC~~,~~cAAAM~~,GACCC,KAAK,UACLd,MAAOG,EACPa,KAAK,QACLC,QAAStB,~~EACI~~,~~cAAAuB~~,EAAUC,EAAuBE,wBAC9CC,SAAU5B,GAETF,IAOf"}
1	+ {"version":3,"file":"TipseenContent.js","sources":["../../../../../src/components/Tipseen/TipseenContent.tsx"],"sourcesContent":["import React, { type FC, useContext, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { DISMISS_BUTTON_TEXT, SUBMIT_BUTTON_TEXT } from \"./TipseenConstants\";\nimport TipseenBasicContent from \"./TipseenBasicContent\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport styles from \"./TipseenContent.module.scss\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { TipseenContext } from \"./Tipseen\";\nimport { Button } from \"@vibe/button\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport interface TipseenContentProps extends VibeComponentProps {\n /*\n The title text displayed in the Tipseen content.\n /\n title?: string;\n /\n Class name applied to the Tipseen title.\n /\n titleClassName?: string;\n /\n If true, hides the dismiss button.\n /\n hideDismiss?: boolean;\n /\n The content inside the Tipseen.\n /\n children?: ElementContent;\n /\n If true, hides the submit button.\n /\n hideSubmit?: boolean;\n /\n The text displayed on the submit button.\n /\n submitButtonText?: string;\n /\n Icon to display in the submit button\n /\n submitButtonIcon?: SubIcon;\n /\n Callback fired when the submit button is clicked.\n /\n onSubmit?: (event: React.MouseEvent) => void;\n /\n The text displayed on the dismiss button.\n /\n dismissButtonText?: string;\n /\n Callback fired when the dismiss button is clicked.\n */\n onDismiss?: (event: React.MouseEvent) => void;\n}\n\nconst TipseenContent: FC<TipseenContentProps> = ({\n id,\n title,\n titleClassName,\n children = null,\n hideDismiss = true,\n hideSubmit,\n submitButtonText = SUBMIT_BUTTON_TEXT,\n submitButtonIcon,\n onSubmit,\n dismissButtonText = DISMISS_BUTTON_TEXT,\n onDismiss\n}) => {\n const color = useContext(TipseenContext);\n const buttonColor = useMemo(() => {\n return color === \"inverted\" ? \"on-inverted-background\" : \"on-primary-color\";\n }, [color]);\n\n const showButtons = !hideDismiss \|\| !hideSubmit;\n\n return (\n <TipseenBasicContent title={title} titleClassName={titleClassName} id={id}>\n {children ? <span>{children}</span> : null}\n {showButtons && (\n <div className={cx(styles.buttons)}>\n {hideDismiss ? null : (\n <Button\n kind=\"tertiary\"\n color={buttonColor}\n className={styles.dismiss}\n size=\"small\"\n onClick={onDismiss}\n data-testid={getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT_DISMISS)}\n >\n {dismissButtonText}\n </Button>\n )}\n {hideSubmit ? null : (\n <Button\n kind=\"primary\"\n color={buttonColor}\n size=\"small\"\n onClick={onSubmit}\n data-testid={getTestId(ComponentDefaultTestId.TIPSEEN_CONTENT_SUBMIT)}\n leftIcon={submitButtonIcon}\n >\n {submitButtonText}\n </Button>\n )}\n </div>\n )}\n </TipseenBasicContent>\n );\n};\n\nexport default TipseenContent;\n"],"names":["TipseenContent","_ref","id","title","titleClassName","_ref$children","children","_ref$hideDismiss","hideDismiss","hideSubmit","_ref$submitButtonText","submitButtonText","SUBMIT_BUTTON_TEXT","submitButtonIcon","onSubmit","_ref$dismissButtonTex","dismissButtonText","DISMISS_BUTTON_TEXT","onDismiss","color","useContext","TipseenContext","buttonColor","useMemo","showButtons","React","createElement","TipseenBasicContent","className","cx","styles","buttons","Button","kind","dismiss","size","onClick","getTestId","ComponentDefaultTestId","TIPSEEN_CONTENT_DISMISS","TIPSEEN_CONTENT_SUBMIT","leftIcon"],"mappings":"+cAwDA,IAAMA,EAA0C,SAA5BC,GAYf,IAXHC,EAAED,EAAFC,GACAC,EAAKF,EAALE,MACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,SAAAA,OAAQ,IAAAD,EAAG,KAAIA,EAAAE,EAAAN,EACfO,YAAAA,OAAW,IAAAD,GAAOA,EAClBE,EAAUR,EAAVQ,WAAUC,EAAAT,EACVU,iBAAAA,OAAgB,IAAAD,EAAGE,EAAkBF,EACrCG,EAAgBZ,EAAhBY,iBACAC,EAAQb,EAARa,SAAQC,EAAAd,EACRe,kBAAAA,OAAiB,IAAAD,EAAGE,EAAmBF,EACvCG,EAASjB,EAATiB,UAEMC,EAAQC,EAAWC,GACnBC,EAAcC,GAAQ,WAC1B,MAAiB,aAAVJ,EAAuB,yBAA2B,kBAC3D,GAAG,CAACA,IAEEK,GAAehB,IAAgBC,EAErC,OACEgB,EAAAC,cAACC,EAAmB,CAACxB,MAAOA,EAAOC,eAAgBA,EAAgBF,GAAIA,GACpEI,EAAWmB,EAAAC,cAAA,OAAA,KAAOpB,GAAmB,KACrCkB,GACCC,EAAAC,cAAA,MAAA,CAAKE,UAAWC,EAAGC,EAAOC,UACvBvB,EAAc,KACbiB,EAAAC,cAACM,EAAM,CACLC,KAAK,WACLd,MAAOG,EACPM,UAAWE,EAAOI,QAClBC,KAAK,QACLC,QAASlB,gBACImB,EAAUC,EAAuBC,0BAE7CvB,GAGJP,EAAa,KACZgB,EAAAC,cAACM,GACCC,KAAK,UACLd,MAAOG,EACPa,KAAK,QACLC,QAAStB,EAAQ,cACJuB,EAAUC,EAAuBE,wBAC9CC,SAAU5B,GAETF,IAOf"}

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

@@ -1,2 +1,2 @@
-var e={buttons:"buttons",dismiss:"dismiss"};!function(e){const n="s_id-585bd2f4c510_4_2_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const s=document.createElement("style");s.id=n,t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".buttons {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss {\n  margin-inline-end: var(--space-8);\n}");export{e as default};
+var e={buttons:"buttons",dismiss:"dismiss"};!function(e){const n="s_id-585bd2f4c510_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const s=document.createElement("style");s.id=n,t.firstChild?t.insertBefore(s,t.firstChild):t.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".buttons {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss {\n  margin-inline-end: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.js CHANGED Viewed

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

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

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

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

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){const n="s_id-71e151b2b729_4_2_1";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 {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){const n="s_id-71e151b2b729_4_2_2";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 {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"react";import{getTestId as e}from"../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../tests/constants.js";import{Text as a}from"@vibe/typography/mockedClassNames";import r from"classnames";import o from"./TipseenTitle.module.scss.js";var i=function(i){var m=i.text,l=i.id,d=i["data-testid"];return m?t.createElement(a,{type:"text1",weight:"bold",role:"heading",color:"inherit","aria-level":3,maxLines:2,className:r(o.title,i.className),id:l,"data-testid":d||e(s.TIPSEEN_TITLE,l)},m):null};export{i as default};
+import t from"react";import{getTestId as e}from"../../../testIds.js";import{ComponentDefaultTestId as s}from"../../tests/constants.js";import{Text as a}from"@vibe/typography/mockedClassNames";import r from"classnames";import o from"./TipseenTitle.module.scss.js";var i=function(i){var m=i.text,l=i.id,d=i["data-testid"];return m?t.createElement(a,{type:"text1",weight:"bold",role:"heading",color:"inherit","aria-level":3,maxLines:2,className:r(o.title,i.className),id:l,"data-testid":d||e(s.TIPSEEN_TITLE,l)},m):null};export{i as default};
 //# sourceMappingURL=TipseenTitle.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TipseenTitle.js","sources":["../../../../../src/components/Tipseen/TipseenTitle.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { Text } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport styles from \"./TipseenTitle.module.scss\";\n\nexport interface TipseenTitleProps extends VibeComponentProps {\n /*\n The title text displayed in the Tipseen.\n */\n text?: string;\n}\n\nconst TipseenTitle: FC<TipseenTitleProps> = ({ text, className, id, \"data-testid\": dataTestId }) => {\n return text ? (\n <Text\n type=\"text1\"\n weight=\"bold\"\n role=\"heading\"\n color=\"inherit\"\n aria-level={3}\n maxLines={2}\n className={cx(styles.title, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN_TITLE, id)}\n >\n {text}\n </Text>\n ) : null;\n};\n\nexport default TipseenTitle;\n"],"names":["TipseenTitle","_ref","text","id","dataTestId","React","createElement","Text","type","weight","role","color","maxLines","className","cx","styles","title","getTestId","ComponentDefaultTestId","TIPSEEN_TITLE"],"mappings":"~~0QAeA~~,IAAMA,EAAsC,SAA1BC,GAAiF,IAApDC,EAAID,EAAJC,KAAiBC,EAAEF,EAAFE,GAAmBC,EAAUH,EAAzB,eAClE,OAAOC,EACLG,EAAAC,cAACC,EAAI,CACHC,KAAK,QACLC,OAAO,OACPC,KAAK,UACLC,MAAM,UAAS,aACH,EACZC,SAAU,EACVC,UAAWC,EAAGC,EAAOC,MATmCf,EAATY,WAU/CV,GAAIA,EAAE,cACOC,GAAca,EAAUC,EAAuBC,cAAehB,IAE1ED,GAED,IACN"}
1	+ {"version":3,"file":"TipseenTitle.js","sources":["../../../../../src/components/Tipseen/TipseenTitle.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { Text } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport styles from \"./TipseenTitle.module.scss\";\n\nexport interface TipseenTitleProps extends VibeComponentProps {\n /*\n The title text displayed in the Tipseen.\n */\n text?: string;\n}\n\nconst TipseenTitle: FC<TipseenTitleProps> = ({ text, className, id, \"data-testid\": dataTestId }) => {\n return text ? (\n <Text\n type=\"text1\"\n weight=\"bold\"\n role=\"heading\"\n color=\"inherit\"\n aria-level={3}\n maxLines={2}\n className={cx(styles.title, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN_TITLE, id)}\n >\n {text}\n </Text>\n ) : null;\n};\n\nexport default TipseenTitle;\n"],"names":["TipseenTitle","_ref","text","id","dataTestId","React","createElement","Text","type","weight","role","color","maxLines","className","cx","styles","title","getTestId","ComponentDefaultTestId","TIPSEEN_TITLE"],"mappings":"uQAeA,IAAMA,EAAsC,SAA1BC,GAAiF,IAApDC,EAAID,EAAJC,KAAiBC,EAAEF,EAAFE,GAAmBC,EAAUH,EAAzB,eAClE,OAAOC,EACLG,EAAAC,cAACC,EAAI,CACHC,KAAK,QACLC,OAAO,OACPC,KAAK,UACLC,MAAM,UAAS,aACH,EACZC,SAAU,EACVC,UAAWC,EAAGC,EAAOC,MATmCf,EAATY,WAU/CV,GAAIA,EAAE,cACOC,GAAca,EAAUC,EAAuBC,cAAehB,IAE1ED,GAED,IACN"}

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

@@ -1,2 +1,2 @@
-var e={title:"title"};!function(e){const t="s_id-c12c5d8f6c34_4_2_1";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)}(".title {\n  padding-inline-end: var(--space-16);\n  padding-bottom: var(--space-4);\n}");export{e as default};
+var e={title:"title"};!function(e){const t="s_id-c12c5d8f6c34_4_2_2";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)}(".title {\n  padding-inline-end: var(--space-16);\n  padding-bottom: var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=TipseenTitle.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TipseenWizard.js","sources":["../../../../../src/components/Tipseen/TipseenWizard.tsx"],"sourcesContent":["import React, { type FC, useContext, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport Steps, { type StepsProps } from \"../Steps/Steps\";\nimport TipseenBasicContent from \"./TipseenBasicContent\";\nimport styles from \"./TipseenWizard.module.scss\";\nimport { TipseenContext } from \"./Tipseen\";\nimport { type ButtonSize, type ButtonType } from \"@vibe/button\";\n\nconst FINISH_TEXT = \"Got it\";\n\nexport interface TipseenWizardProps extends StepsProps {\n /*\n The title text displayed in the Tipseen Wizard.\n /\n title?: string;\n /\n Class name applied to the Tipseen title.\n /\n titleClassName?: string;\n /\n Callback fired when the wizard is completed.\n */\n onFinish?: (e: React.MouseEvent \| React.KeyboardEvent) => void;\n}\n\nconst TipseenWizard: FC<TipseenWizardProps> = ({ id, title, onFinish, titleClassName, className, ...stepsProps }) => {\n const overrideStepsProps = stepsProps as StepsProps;\n const color = useContext(TipseenContext);\n const buttonColor = useMemo(() => {\n return color === \"inverted\" ? \"on-inverted-background\" : \"on-primary-color\";\n }, [color]);\n\n const nextButtonProps = useMemo(\n () => ({\n kind: \"primary\" as ButtonType,\n size: \"small\" as ButtonSize\n }),\n []\n );\n const backButtonProps = useMemo(\n () => ({\n size: \"small\" as ButtonSize\n }),\n []\n );\n const finishButtonProps = useMemo(\n () => ({\n kind: \"primary\" as ButtonType,\n size: \"small\" as ButtonSize,\n children: FINISH_TEXT\n }),\n []\n );\n return (\n <TipseenBasicContent\n title={title}\n className={cx(styles.tipseenWizard, className)}\n titleClassName={titleClassName}\n id={id \|\| \"wizard\"}\n >\n <Steps\n className={cx(styles.tipseenWizardWizard)}\n color={buttonColor}\n isContentOnTop\n areButtonsIconsHidden\n backButtonProps={backButtonProps}\n nextButtonProps={nextButtonProps}\n finishButtonProps={finishButtonProps}\n onFinish={onFinish}\n {...overrideStepsProps}\n />\n </TipseenBasicContent>\n );\n};\nexport default TipseenWizard;\n"],"names":["TipseenWizard","_a","id","title","onFinish","titleClassName","className","overrideStepsProps","__rest","color","useContext","TipseenContext","buttonColor","useMemo","nextButtonProps","kind","size","backButtonProps","finishButtonProps","children","React","createElement","TipseenBasicContent","cx","styles","tipseenWizard","Steps","Object","assign","tipseenWizardWizard","isContentOnTop","areButtonsIconsHidden"],"mappings":"uSAQA,IAiBMA,EAAwC,SAACC,GAAA,IAAEC,~~EAA+DD~~,~~EAA/DC~~,GAAIC,~~EAA2DF~~,~~EAA3DE~~,MAAOC,~~EAAoDH~~,~~EAApDG~~,SAAUC,~~EAA0CJ~~,~~EAA1CI~~,eAAgBC,~~EAA0BL~~,~~EAA1BK~~,UAC9EC,EADsGC,EAAAP,EAA/D,wDAEvCQ,EAAQC,EAAWC,GACnBC,EAAcC,GAAQ,WAC1B,MAAiB,aAAVJ,EAAuB,yBAA2B,kBAC3D,GAAG,CAACA,IAEEK,EAAkBD,GACtB,WAAA,MAAO,CACLE,KAAM,UACNC,KAAM,~~QACN~~,~~GACF~~,IAEIC,EAAkBJ,GACtB,WAAA,MAAO,CACLG,KAAM,~~QACN~~,~~GACF~~,IAEIE,EAAoBL,GACxB,WAAA,MAAO,CACLE,KAAM,UACNC,KAAM,QACNG,SAzCc,~~SA0Cd~~,~~GACF~~,IAEF,OACEC,~~EAACC~~,~~cAAAC~~,~~EACC~~,~~CAAAnB~~,MAAOA,EACPG,UAAWiB,EAAGC,EAAOC,cAAenB,GACpCD,eAAgBA,EAChBH,GAAIA,GAAM,UAEVkB,EAAAC,cAACK,~~EACCC~~,OAAAC,OAAA,~~CAAAtB~~,UAAWiB,EAAGC,EAAOK,qBACrBpB,MAAOG,EACPkB,kBACAC,uBAAqB,EACrBd,gBAAiBA,EACjBH,gBAAiBA,EACjBI,kBAAmBA,EACnBd,SAAUA,GACNG,IAIZ"}
1	+ {"version":3,"file":"TipseenWizard.js","sources":["../../../../../src/components/Tipseen/TipseenWizard.tsx"],"sourcesContent":["import React, { type FC, useContext, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport Steps, { type StepsProps } from \"../Steps/Steps\";\nimport TipseenBasicContent from \"./TipseenBasicContent\";\nimport styles from \"./TipseenWizard.module.scss\";\nimport { TipseenContext } from \"./Tipseen\";\nimport { type ButtonSize, type ButtonType } from \"@vibe/button\";\n\nconst FINISH_TEXT = \"Got it\";\n\nexport interface TipseenWizardProps extends StepsProps {\n /*\n The title text displayed in the Tipseen Wizard.\n /\n title?: string;\n /\n Class name applied to the Tipseen title.\n /\n titleClassName?: string;\n /\n Callback fired when the wizard is completed.\n */\n onFinish?: (e: React.MouseEvent \| React.KeyboardEvent) => void;\n}\n\nconst TipseenWizard: FC<TipseenWizardProps> = ({ id, title, onFinish, titleClassName, className, ...stepsProps }) => {\n const overrideStepsProps = stepsProps as StepsProps;\n const color = useContext(TipseenContext);\n const buttonColor = useMemo(() => {\n return color === \"inverted\" ? \"on-inverted-background\" : \"on-primary-color\";\n }, [color]);\n\n const nextButtonProps = useMemo(\n () => ({\n kind: \"primary\" as ButtonType,\n size: \"small\" as ButtonSize\n }),\n []\n );\n const backButtonProps = useMemo(\n () => ({\n size: \"small\" as ButtonSize\n }),\n []\n );\n const finishButtonProps = useMemo(\n () => ({\n kind: \"primary\" as ButtonType,\n size: \"small\" as ButtonSize,\n children: FINISH_TEXT\n }),\n []\n );\n return (\n <TipseenBasicContent\n title={title}\n className={cx(styles.tipseenWizard, className)}\n titleClassName={titleClassName}\n id={id \|\| \"wizard\"}\n >\n <Steps\n className={cx(styles.tipseenWizardWizard)}\n color={buttonColor}\n isContentOnTop\n areButtonsIconsHidden\n backButtonProps={backButtonProps}\n nextButtonProps={nextButtonProps}\n finishButtonProps={finishButtonProps}\n onFinish={onFinish}\n {...overrideStepsProps}\n />\n </TipseenBasicContent>\n );\n};\nexport default TipseenWizard;\n"],"names":["TipseenWizard","_a","id","title","onFinish","titleClassName","className","overrideStepsProps","__rest","color","useContext","TipseenContext","buttonColor","useMemo","nextButtonProps","kind","size","backButtonProps","finishButtonProps","children","React","createElement","TipseenBasicContent","cx","styles","tipseenWizard","Steps","Object","assign","tipseenWizardWizard","isContentOnTop","areButtonsIconsHidden"],"mappings":"uSAQA,IAiBMA,EAAwC,SAACC,GAAA,IAAEC,EAA8CD,EAA9CC,GAAIC,EAA0CF,EAA1CE,MAAOC,EAAmCH,EAAnCG,SAAUC,EAAyBJ,EAAzBI,eAAgBC,EAASL,EAATK,UAC9EC,EADsGC,EAAAP,EAA/D,wDAEvCQ,EAAQC,EAAWC,GACnBC,EAAcC,GAAQ,WAC1B,MAAiB,aAAVJ,EAAuB,yBAA2B,kBAC3D,GAAG,CAACA,IAEEK,EAAkBD,GACtB,WAAA,MAAO,CACLE,KAAM,UACNC,KAAM,QACP,GACD,IAEIC,EAAkBJ,GACtB,WAAA,MAAO,CACLG,KAAM,QACP,GACD,IAEIE,EAAoBL,GACxB,WAAA,MAAO,CACLE,KAAM,UACNC,KAAM,QACNG,SAzCc,SA0Cf,GACD,IAEF,OACEC,EAAAC,cAACC,EAAmB,CAClBnB,MAAOA,EACPG,UAAWiB,EAAGC,EAAOC,cAAenB,GACpCD,eAAgBA,EAChBH,GAAIA,GAAM,UAEVkB,EAAAC,cAACK,EAAKC,OAAAC,OAAA,CACJtB,UAAWiB,EAAGC,EAAOK,qBACrBpB,MAAOG,EACPkB,kBACAC,uBAAqB,EACrBd,gBAAiBA,EACjBH,gBAAiBA,EACjBI,kBAAmBA,EACnBd,SAAUA,GACNG,IAIZ"}

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

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

package/dist/mocked_classnames/src/components/Toast/Toast.js CHANGED Viewed

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

package/dist/mocked_classnames/src/components/Toast/Toast.js.map CHANGED Viewed

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