npm - @vibe/core - Versions diffs - 3.73.0-alpha-8cc35.0 → 3.74.0-alpha-10c01.0 - Mend

@vibe/core 3.73.0-alpha-8cc35.0 → 3.74.0-alpha-10c01.0

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

Files changed (723) hide show

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_6a06b3346f",label:"label_25fdc8e4e9",required:"required_8d6b583d0d",subTextContainer:"subTextContainer_ba6babeb70",helpText:"helpText_ea8f52cdeb",limitText:"limitText_6dbcbcd516",textArea:"textArea_541c66b139",small:"small_44939ff6af",large:"large_8c3945d2ba",resize:"resize_08f53f16cd",success:"success_3d5709ab83",error:"error_54b7cfb980",disabled:"disabled_8d6b583d0d",readOnly:"readOnly_8d6b583d0d"};!function(e){const r="s_id-c3fc7910bb37_3_72_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_6a06b3346f {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_6a06b3346f .label_25fdc8e4e9 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_6a06b3346f .label_25fdc8e4e9.required_8d6b583d0d::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_6a06b3346f .subTextContainer_ba6babeb70 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_6a06b3346f .subTextContainer_ba6babeb70 .helpText_ea8f52cdeb {\n  display: flex;\n}\n.textAreaWrapper_6a06b3346f .subTextContainer_ba6babeb70 .limitText_6dbcbcd516 {\n  margin-left: auto;\n}\n.textAreaWrapper_6a06b3346f .textArea_541c66b139 {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_6a06b3346f .textArea_541c66b139:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_6a06b3346f .textArea_541c66b139:active, .textAreaWrapper_6a06b3346f .textArea_541c66b139:focus, .textAreaWrapper_6a06b3346f .textArea_541c66b139:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_6a06b3346f .textArea_541c66b139.small_44939ff6af {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_6a06b3346f .textArea_541c66b139.large_8c3945d2ba {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_6a06b3346f .textArea_541c66b139:not(.resize_08f53f16cd) {\n  resize: none;\n}\n.textAreaWrapper_6a06b3346f.success_3d5709ab83 .textArea_541c66b139 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_6a06b3346f.success_3d5709ab83 .helpText_ea8f52cdeb {\n  color: var(--color-success);\n}\n.textAreaWrapper_6a06b3346f.error_54b7cfb980 .textArea_541c66b139 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_6a06b3346f.error_54b7cfb980 .helpText_ea8f52cdeb,\n.textAreaWrapper_6a06b3346f.error_54b7cfb980 .limitText_6dbcbcd516 {\n  color: var(--color-error);\n}\n.textAreaWrapper_6a06b3346f.disabled_8d6b583d0d .textArea_541c66b139,\n.textAreaWrapper_6a06b3346f.disabled_8d6b583d0d .textArea_541c66b139:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_6a06b3346f.disabled_8d6b583d0d .helpText_ea8f52cdeb {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_6a06b3346f.readOnly_8d6b583d0d .textArea_541c66b139,\n.textAreaWrapper_6a06b3346f.readOnly_8d6b583d0d .textArea_541c66b139:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_36ff167329",label:"label_8f76f7f546",required:"required_0eee99b15c",subTextContainer:"subTextContainer_e46c74e8db",helpText:"helpText_785bd63b90",limitText:"limitText_0772c7eeed",textArea:"textArea_b016e096d2",small:"small_a7d0a33b14",large:"large_b317fad597",resize:"resize_b40f7656c6",success:"success_648c44e3a8",error:"error_24a2669dff",disabled:"disabled_0eee99b15c",readOnly:"readOnly_0eee99b15c"};!function(e){const r="s_id-c3fc7910bb37_3_73_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_36ff167329 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_36ff167329 .label_8f76f7f546 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_36ff167329 .label_8f76f7f546.required_0eee99b15c::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_36ff167329 .subTextContainer_e46c74e8db {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_36ff167329 .subTextContainer_e46c74e8db .helpText_785bd63b90 {\n  display: flex;\n}\n.textAreaWrapper_36ff167329 .subTextContainer_e46c74e8db .limitText_0772c7eeed {\n  margin-left: auto;\n}\n.textAreaWrapper_36ff167329 .textArea_b016e096d2 {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_36ff167329 .textArea_b016e096d2:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_36ff167329 .textArea_b016e096d2:active, .textAreaWrapper_36ff167329 .textArea_b016e096d2:focus, .textAreaWrapper_36ff167329 .textArea_b016e096d2:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_36ff167329 .textArea_b016e096d2.small_a7d0a33b14 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_36ff167329 .textArea_b016e096d2.large_b317fad597 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_36ff167329 .textArea_b016e096d2:not(.resize_b40f7656c6) {\n  resize: none;\n}\n.textAreaWrapper_36ff167329.success_648c44e3a8 .textArea_b016e096d2 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_36ff167329.success_648c44e3a8 .helpText_785bd63b90 {\n  color: var(--color-success);\n}\n.textAreaWrapper_36ff167329.error_24a2669dff .textArea_b016e096d2 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_36ff167329.error_24a2669dff .helpText_785bd63b90,\n.textAreaWrapper_36ff167329.error_24a2669dff .limitText_0772c7eeed {\n  color: var(--color-error);\n}\n.textAreaWrapper_36ff167329.disabled_0eee99b15c .textArea_b016e096d2,\n.textAreaWrapper_36ff167329.disabled_0eee99b15c .textArea_b016e096d2:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_36ff167329.disabled_0eee99b15c .helpText_785bd63b90 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_36ff167329.readOnly_0eee99b15c .textArea_b016e096d2,\n.textAreaWrapper_36ff167329.readOnly_0eee99b15c .textArea_b016e096d2:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
 //# sourceMappingURL=TextArea.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textField:"textField_ee06f7affe",labelWrapper:"labelWrapper_173ac15b2c",subTextContainer:"subTextContainer_9d1a38d1f7",counter:"counter_6dbcbcd516",disabled:"disabled_4d0a684aeb",icon:"icon_668e47313b",inputWrapper:"inputWrapper_668e47313b",input:"input_ceef6f4c5f",iconContainer:"iconContainer_5b51f109c2",iconContainerHasIcon:"iconContainerHasIcon_5f9c55e19e",readOnly:"readOnly_fbfa4ceba7",inputHover:"inputHover_19ac8859a6",inputActive:"inputActive_f35434bd28",inputHasIcon:"inputHasIcon_260e2e4a4e",round:"round_7621ff9256",square:"square_6a06ce10aa",onlyUnderline:"onlyUnderline_868524972c",tooltipContainer:"tooltipContainer_e7a3d824ed",wrapperSizeMedium:"wrapperSizeMedium_71fef4fa27",wrapperSizeLarge:"wrapperSizeLarge_86c8da7f61",iconContainerActive:"iconContainerActive_3d81e59ed8",iconContainerClickable:"iconContainerClickable_ff2b8ada20",inputErrorValidation:"inputErrorValidation_5f9c55e19e",subTextContainerStatus:"subTextContainerStatus_6c207cb204",inputSuccessValidation:"inputSuccessValidation_c4abda94fc",wrapperSizeSmall:"wrapperSizeSmall_b3eac558f8",inputWrapperSizeSmall:"inputWrapperSizeSmall_e5659feda3",loaderContainer:"loaderContainer_aa206bde0b",loaderContainerHasIcon:"loaderContainerHasIcon_c1437198fe",loader:"loader_95b604ce8d",loaderSvg:"loaderSvg_ba6babeb70"};!function(e){const n="s_id-695413f4db8e_3_72_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".textField_ee06f7affe {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_ee06f7affe * {\n  box-sizing: border-box;\n}\n\n.textField_ee06f7affe .labelWrapper_173ac15b2c {\n  width: 100%;\n}\n\n.textField_ee06f7affe .subTextContainer_9d1a38d1f7 {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField_ee06f7affe .subTextContainer_9d1a38d1f7 .counter_6dbcbcd516 {\n  margin-left: auto;\n}\n\n.textField_ee06f7affe.disabled_4d0a684aeb .icon_668e47313b {\n  cursor: not-allowed;\n}\n\n.textField_ee06f7affe.disabled_4d0a684aeb .inputWrapper_668e47313b {\n  cursor: not-allowed;\n}\n\n.textField_ee06f7affe.disabled_4d0a684aeb .inputWrapper_668e47313b .input_ceef6f4c5f {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField_ee06f7affe.disabled_4d0a684aeb .inputWrapper_668e47313b .input_ceef6f4c5f::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_ee06f7affe.disabled_4d0a684aeb .inputWrapper_668e47313b .iconContainer_5b51f109c2.iconContainerHasIcon_5f9c55e19e:hover {\n  background-color: transparent;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b {\n  width: 100%;\n  position: relative;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .input_ceef6f4c5f {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .input_ceef6f4c5f.readOnly_fbfa4ceba7 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .input_ceef6f4c5f.inputHover_19ac8859a6 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .input_ceef6f4c5f:focus,\n.textField_ee06f7affe .inputWrapper_668e47313b .input_ceef6f4c5f:active,\n.textField_ee06f7affe .inputWrapper_668e47313b .input_ceef6f4c5f.inputActive_f35434bd28 {\n  border-color: var(--primary-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .input_ceef6f4c5f::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .input_ceef6f4c5f.inputHasIcon_260e2e4a4e {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .input_ceef6f4c5f.round_7621ff9256 {\n  border-radius: 50px;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .input_ceef6f4c5f.square_6a06ce10aa {\n  border-radius: 0;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .input_ceef6f4c5f.onlyUnderline_868524972c {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .tooltipContainer_e7a3d824ed {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeMedium_71fef4fa27 .tooltipContainer_e7a3d824ed {\n  width: 40px;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeLarge_86c8da7f61 .tooltipContainer_e7a3d824ed {\n  width: 46px;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .iconContainer_5b51f109c2 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .iconContainer_5b51f109c2.iconContainerActive_3d81e59ed8.iconContainerHasIcon_5f9c55e19e.iconContainerClickable_ff2b8ada20 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .iconContainer_5b51f109c2.iconContainerActive_3d81e59ed8.iconContainerHasIcon_5f9c55e19e:not(.iconContainerClickable_ff2b8ada20) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .iconContainer_5b51f109c2.iconContainerActive_3d81e59ed8 {\n  opacity: 1;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .iconContainer_5b51f109c2.iconContainerActive_3d81e59ed8 .icon_668e47313b {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .iconContainer_5b51f109c2.iconContainerHasIcon_5f9c55e19e.iconContainerClickable_ff2b8ada20:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .iconContainer_5b51f109c2.iconContainerHasIcon_5f9c55e19e.iconContainerClickable_ff2b8ada20:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .iconContainer_5b51f109c2 .icon_668e47313b {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.inputErrorValidation_5f9c55e19e:hover .input_ceef6f4c5f {\n  border-color: var(--negative-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.inputErrorValidation_5f9c55e19e .input_ceef6f4c5f {\n  border-color: var(--negative-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.inputErrorValidation_5f9c55e19e .input_ceef6f4c5f:focus,\n.textField_ee06f7affe .inputWrapper_668e47313b.inputErrorValidation_5f9c55e19e .input_ceef6f4c5f:active {\n  border-color: var(--negative-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.inputErrorValidation_5f9c55e19e .iconContainer_5b51f109c2 .icon_668e47313b {\n  color: var(--negative-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.inputErrorValidation_5f9c55e19e .iconContainer_5b51f109c2 .icon_668e47313b:hover {\n  color: var(--negative-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.inputErrorValidation_5f9c55e19e + .subTextContainer_9d1a38d1f7 .subTextContainerStatus_6c207cb204,\n.textField_ee06f7affe .inputWrapper_668e47313b.inputErrorValidation_5f9c55e19e + .subTextContainer_9d1a38d1f7 .counter_6dbcbcd516 {\n  color: var(--negative-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.inputSuccessValidation_c4abda94fc:hover .input_ceef6f4c5f {\n  border-color: var(--positive-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.inputSuccessValidation_c4abda94fc .input_ceef6f4c5f {\n  border-color: var(--positive-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.inputSuccessValidation_c4abda94fc .input_ceef6f4c5f:focus,\n.textField_ee06f7affe .inputWrapper_668e47313b.inputSuccessValidation_c4abda94fc .input_ceef6f4c5f:active {\n  border-color: var(--positive-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.inputSuccessValidation_c4abda94fc .iconContainer_5b51f109c2 .icon_668e47313b {\n  color: var(--positive-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.inputSuccessValidation_c4abda94fc .iconContainer_5b51f109c2 .icon_668e47313b:hover {\n  color: var(--positive-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.inputSuccessValidation_c4abda94fc + .subTextContainer_9d1a38d1f7 .subTextContainerStatus_6c207cb204 {\n  color: var(--positive-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeSmall_b3eac558f8 {\n  height: 32px;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeSmall_b3eac558f8 .input_ceef6f4c5f {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.inputWrapperSizeSmall_e5659feda3 .input_ceef6f4c5f.inputHasIcon_260e2e4a4e.onlyUnderline_868524972c {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeMedium_71fef4fa27 {\n  height: 40px;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeMedium_71fef4fa27 .input_ceef6f4c5f {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeMedium_71fef4fa27 .input_ceef6f4c5f.inputHasIcon_260e2e4a4e {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeMedium_71fef4fa27 .input_ceef6f4c5f.inputHasIcon_260e2e4a4e.onlyUnderline_868524972c {\n  padding-left: 4px;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeMedium_71fef4fa27 .iconContainer_5b51f109c2 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeMedium_71fef4fa27 .iconContainer_5b51f109c2:hover + .iconContainer_5b51f109c2 + .input_ceef6f4c5f {\n  border-color: var(--primary-text-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeLarge_86c8da7f61 {\n  height: 48px;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeLarge_86c8da7f61 .input_ceef6f4c5f {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeLarge_86c8da7f61 .input_ceef6f4c5f.inputHasIcon_260e2e4a4e {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeLarge_86c8da7f61 .input_ceef6f4c5f.inputHasIcon_260e2e4a4e.onlyUnderline_868524972c {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeLarge_86c8da7f61 .iconContainer_5b51f109c2 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b:hover .input_ceef6f4c5f {\n  border-color: var(--primary-text-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .loaderContainer_aa206bde0b {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .loaderContainer_aa206bde0b.loaderContainerHasIcon_c1437198fe {\n  right: 32px;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .loaderContainer_aa206bde0b .loader_95b604ce8d {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b .loaderContainer_aa206bde0b .loader_95b604ce8d .loaderSvg_ba6babeb70 {\n  color: var(--secondary-text-color);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeMedium_71fef4fa27 .iconContainer_5b51f109c2 .icon_668e47313b {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_ee06f7affe .inputWrapper_668e47313b.wrapperSizeLarge_86c8da7f61 .iconContainer_5b51f109c2 .icon_668e47313b {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{e as default};
+var n={textField:"textField_33221ca744",labelWrapper:"labelWrapper_0b769587f8",subTextContainer:"subTextContainer_f8cb7dc431",counter:"counter_0772c7eeed",disabled:"disabled_35b8eb9ef1",icon:"icon_5cf1174fb5",inputWrapper:"inputWrapper_5cf1174fb5",input:"input_3c107bfaab",iconContainer:"iconContainer_262a973e09",iconContainerHasIcon:"iconContainerHasIcon_ea44064e0a",readOnly:"readOnly_279c07bad5",inputHover:"inputHover_c496ee7fa4",inputActive:"inputActive_79651d3d29",inputHasIcon:"inputHasIcon_5531233c64",round:"round_f659d6936c",square:"square_22d1f3a926",onlyUnderline:"onlyUnderline_a8eee27ac8",tooltipContainer:"tooltipContainer_3c4cd4960b",wrapperSizeMedium:"wrapperSizeMedium_9ed6ad4836",wrapperSizeLarge:"wrapperSizeLarge_174debd245",iconContainerActive:"iconContainerActive_8d57639329",iconContainerClickable:"iconContainerClickable_c19f578744",inputErrorValidation:"inputErrorValidation_ea44064e0a",subTextContainerStatus:"subTextContainerStatus_d6daed06dc",inputSuccessValidation:"inputSuccessValidation_fec714a195",wrapperSizeSmall:"wrapperSizeSmall_2dc0f7efb5",inputWrapperSizeSmall:"inputWrapperSizeSmall_558614e17d",loaderContainer:"loaderContainer_9d90836bc1",loaderContainerHasIcon:"loaderContainerHasIcon_ce9aff5b0f",loader:"loader_5e35323a48",loaderSvg:"loaderSvg_e46c74e8db"};!function(n){const e="s_id-695413f4db8e_3_73_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_33221ca744 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_33221ca744 * {\n  box-sizing: border-box;\n}\n\n.textField_33221ca744 .labelWrapper_0b769587f8 {\n  width: 100%;\n}\n\n.textField_33221ca744 .subTextContainer_f8cb7dc431 {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField_33221ca744 .subTextContainer_f8cb7dc431 .counter_0772c7eeed {\n  margin-left: auto;\n}\n\n.textField_33221ca744.disabled_35b8eb9ef1 .icon_5cf1174fb5 {\n  cursor: not-allowed;\n}\n\n.textField_33221ca744.disabled_35b8eb9ef1 .inputWrapper_5cf1174fb5 {\n  cursor: not-allowed;\n}\n\n.textField_33221ca744.disabled_35b8eb9ef1 .inputWrapper_5cf1174fb5 .input_3c107bfaab {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField_33221ca744.disabled_35b8eb9ef1 .inputWrapper_5cf1174fb5 .input_3c107bfaab::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_33221ca744.disabled_35b8eb9ef1 .inputWrapper_5cf1174fb5 .iconContainer_262a973e09.iconContainerHasIcon_ea44064e0a:hover {\n  background-color: transparent;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .input_3c107bfaab {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .input_3c107bfaab.readOnly_279c07bad5 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .input_3c107bfaab.inputHover_c496ee7fa4 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .input_3c107bfaab:focus,\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .input_3c107bfaab:active,\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .input_3c107bfaab.inputActive_79651d3d29 {\n  border-color: var(--primary-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .input_3c107bfaab::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .input_3c107bfaab.inputHasIcon_5531233c64 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .input_3c107bfaab.round_f659d6936c {\n  border-radius: 50px;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .input_3c107bfaab.square_22d1f3a926 {\n  border-radius: 0;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .input_3c107bfaab.onlyUnderline_a8eee27ac8 {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .tooltipContainer_3c4cd4960b {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeMedium_9ed6ad4836 .tooltipContainer_3c4cd4960b {\n  width: 40px;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeLarge_174debd245 .tooltipContainer_3c4cd4960b {\n  width: 46px;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .iconContainer_262a973e09 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .iconContainer_262a973e09.iconContainerActive_8d57639329.iconContainerHasIcon_ea44064e0a.iconContainerClickable_c19f578744 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .iconContainer_262a973e09.iconContainerActive_8d57639329.iconContainerHasIcon_ea44064e0a:not(.iconContainerClickable_c19f578744) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .iconContainer_262a973e09.iconContainerActive_8d57639329 {\n  opacity: 1;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .iconContainer_262a973e09.iconContainerActive_8d57639329 .icon_5cf1174fb5 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .iconContainer_262a973e09.iconContainerHasIcon_ea44064e0a.iconContainerClickable_c19f578744:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .iconContainer_262a973e09.iconContainerHasIcon_ea44064e0a.iconContainerClickable_c19f578744:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .iconContainer_262a973e09 .icon_5cf1174fb5 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputErrorValidation_ea44064e0a:hover .input_3c107bfaab {\n  border-color: var(--negative-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputErrorValidation_ea44064e0a .input_3c107bfaab {\n  border-color: var(--negative-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputErrorValidation_ea44064e0a .input_3c107bfaab:focus,\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputErrorValidation_ea44064e0a .input_3c107bfaab:active {\n  border-color: var(--negative-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputErrorValidation_ea44064e0a .iconContainer_262a973e09 .icon_5cf1174fb5 {\n  color: var(--negative-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputErrorValidation_ea44064e0a .iconContainer_262a973e09 .icon_5cf1174fb5:hover {\n  color: var(--negative-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputErrorValidation_ea44064e0a + .subTextContainer_f8cb7dc431 .subTextContainerStatus_d6daed06dc,\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputErrorValidation_ea44064e0a + .subTextContainer_f8cb7dc431 .counter_0772c7eeed {\n  color: var(--negative-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputSuccessValidation_fec714a195:hover .input_3c107bfaab {\n  border-color: var(--positive-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputSuccessValidation_fec714a195 .input_3c107bfaab {\n  border-color: var(--positive-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputSuccessValidation_fec714a195 .input_3c107bfaab:focus,\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputSuccessValidation_fec714a195 .input_3c107bfaab:active {\n  border-color: var(--positive-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputSuccessValidation_fec714a195 .iconContainer_262a973e09 .icon_5cf1174fb5 {\n  color: var(--positive-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputSuccessValidation_fec714a195 .iconContainer_262a973e09 .icon_5cf1174fb5:hover {\n  color: var(--positive-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputSuccessValidation_fec714a195 + .subTextContainer_f8cb7dc431 .subTextContainerStatus_d6daed06dc {\n  color: var(--positive-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeSmall_2dc0f7efb5 {\n  height: 32px;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeSmall_2dc0f7efb5 .input_3c107bfaab {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.inputWrapperSizeSmall_558614e17d .input_3c107bfaab.inputHasIcon_5531233c64.onlyUnderline_a8eee27ac8 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeMedium_9ed6ad4836 {\n  height: 40px;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeMedium_9ed6ad4836 .input_3c107bfaab {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeMedium_9ed6ad4836 .input_3c107bfaab.inputHasIcon_5531233c64 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeMedium_9ed6ad4836 .input_3c107bfaab.inputHasIcon_5531233c64.onlyUnderline_a8eee27ac8 {\n  padding-left: 4px;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeMedium_9ed6ad4836 .iconContainer_262a973e09 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeMedium_9ed6ad4836 .iconContainer_262a973e09:hover + .iconContainer_262a973e09 + .input_3c107bfaab {\n  border-color: var(--primary-text-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeLarge_174debd245 {\n  height: 48px;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeLarge_174debd245 .input_3c107bfaab {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeLarge_174debd245 .input_3c107bfaab.inputHasIcon_5531233c64 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeLarge_174debd245 .input_3c107bfaab.inputHasIcon_5531233c64.onlyUnderline_a8eee27ac8 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeLarge_174debd245 .iconContainer_262a973e09 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5:hover .input_3c107bfaab {\n  border-color: var(--primary-text-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .loaderContainer_9d90836bc1 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .loaderContainer_9d90836bc1.loaderContainerHasIcon_ce9aff5b0f {\n  right: 32px;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .loaderContainer_9d90836bc1 .loader_5e35323a48 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5 .loaderContainer_9d90836bc1 .loader_5e35323a48 .loaderSvg_e46c74e8db {\n  color: var(--secondary-text-color);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeMedium_9ed6ad4836 .iconContainer_262a973e09 .icon_5cf1174fb5 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.textField_33221ca744 .inputWrapper_5cf1174fb5.wrapperSizeLarge_174debd245 .iconContainer_262a973e09 .icon_5cf1174fb5 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_6a50d31cac",highlightText:"highlightText_db1321557e",withEllipsis:"withEllipsis_5a163517a2"};!function(e){const t="s_id-42c1fd2afe36_3_72_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".textWithHighlightWrapper_6a50d31cac {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_6a50d31cac em.highlightText_db1321557e {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_6a50d31cac.withEllipsis_5a163517a2 {\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_352fb3723d",highlightText:"highlightText_978fc2c510",withEllipsis:"withEllipsis_0d95d41f2a"};!function(e){const t="s_id-42c1fd2afe36_3_73_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".textWithHighlightWrapper_352fb3723d {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_352fb3723d em.highlightText_978fc2c510 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_352fb3723d.withEllipsis_0d95d41f2a {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n  word-break: break-word;\n}");export{e as default};
 //# sourceMappingURL=TextWithHighlight.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper_37ea98bfcc",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_966d6a606b",floating:"floating_fb4743c5c8",tipseenHeader:"tipseenHeader_1ddbc9c3ec",tipseenTitle:"tipseenTitle_880ee371a4",tipseenContent:"tipseenContent_295617fc91",tipseenCloseButton:"tipseenCloseButton_dac3668230",dark:"dark_8142833d6b"};!function(e){const t="s_id-33da00d2ba25_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenWrapper_37ea98bfcc {\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_37ea98bfcc.tipseenWrapperWithoutCustomWidth_966d6a606b {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_37ea98bfcc.floating_fb4743c5c8 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_37ea98bfcc .tipseenHeader_1ddbc9c3ec {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_37ea98bfcc .tipseenTitle_880ee371a4 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_37ea98bfcc .tipseenContent_295617fc91 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_37ea98bfcc .tipseenCloseButton_dac3668230 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_37ea98bfcc .tipseenCloseButton_dac3668230.dark_8142833d6b {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_943105d8ef",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_22dc732092",floating:"floating_94c44f2489",tipseenHeader:"tipseenHeader_d625e936c1",tipseenTitle:"tipseenTitle_ed4a814c0d",tipseenContent:"tipseenContent_2722427db1",tipseenCloseButton:"tipseenCloseButton_0a4dc028b0",dark:"dark_c2da6c2161"};!function(e){const t="s_id-33da00d2ba25_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenWrapper_943105d8ef {\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_943105d8ef.tipseenWrapperWithoutCustomWidth_22dc732092 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_943105d8ef.floating_94c44f2489 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_943105d8ef .tipseenHeader_d625e936c1 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_943105d8ef .tipseenTitle_ed4a814c0d {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_943105d8ef .tipseenContent_2722427db1 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_943105d8ef .tipseenCloseButton_0a4dc028b0 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_943105d8ef .tipseenCloseButton_0a4dc028b0.dark_c2da6c2161 {\n  color: var(--color-asphalt);\n}");export{e as default};
 //# sourceMappingURL=Tipseen.module.scss.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_75809b2e06",colorInverted:"colorInverted_19a6a98ed6"};!function(e){const d="s_id-71e151b2b729_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenMedia_75809b2e06 {\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_19a6a98ed6 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_588438a725",colorInverted:"colorInverted_66b8db26e8"};!function(e){const d="s_id-71e151b2b729_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenMedia_588438a725 {\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_66b8db26e8 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

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

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

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

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

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

package/dist/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 \"../Text/Text\";\nimport { Loader } from \"@vibe/loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nexport interface ToastProps extends VibeComponentProps {\n /*\n The actions available in the toast.\n /\n actions?: ToastAction[];\n /\n If true, the toast is open (visible).\n /\n open?: boolean;\n /\n If true, displays a loading indicator inside the toast.\n /\n loading?: boolean;\n /\n The type of toast.\n /\n type?: ToastType;\n /\n The icon displayed in the toast.\n /\n icon?: string \| React.FC<IconSubComponentProps> \| null;\n /\n If true, hides the toast icon.\n /\n hideIcon?: boolean;\n /\n The action element displayed in the toast.\n /\n action?: JSX.Element;\n /\n If false, hides the close button.\n /\n closeable?: boolean;\n /\n Callback fired when the toast is closed.\n /\n onClose?: () => void;\n /\n The number of milliseconds before the toast automatically closes.\n * (0 or null disables auto-close behavior).\n /\n autoHideDuration?: number;\n /\n The content displayed inside the toast.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n The aria-label for the close button.\n /\n closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n open = false,\n loading = false,\n autoHideDuration = null,\n type = \"normal\",\n icon,\n hideIcon = false,\n action: deprecatedAction,\n actions,\n children,\n closeable = true,\n onClose = NOOP,\n className,\n id,\n closeButtonAriaLabel = \"Close\",\n \"data-testid\": dataTestId\n}: ToastProps) => {\n const ref = useRef(null);\n const nodeRef = useRef<HTMLDivElement>(null);\n const prevActions = usePrevious(actions?.length);\n const toastLinks = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"link\")\n .map(({ type: _type, ...otherProps }) => (\n <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n ))\n : null;\n }, [actions]);\n\n const shouldShowButtonTransition = useMemo(() => {\n return prevActions !== undefined && actions?.length !== prevActions;\n }, [actions, prevActions]);\n\n const toastButtons: JSX.Element[] \| null = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"button\")\n .map(({ type: _type, content, ...otherProps }, index) => (\n <ToastButton\n key={`alert-button-${index}`}\n className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n {...otherProps}\n >\n {content}\n </ToastButton>\n ))\n : null;\n }, [actions, shouldShowButtonTransition]);\n\n const classNames = useMemo(\n () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n [type, className]\n );\n\n const handleClose = useCallback(() => {\n if (onClose) {\n onClose();\n }\n }, [onClose]);\n\n / Timer */\n const timerAutoHide = useRef<NodeJS.Timeout>();\n const setAutoHideTimer = useCallback(\n (duration: number) => {\n if (!onClose \|\| duration == null) {\n return;\n }\n\n clearTimeout(timerAutoHide.current);\n timerAutoHide.current = setTimeout(() => {\n handleClose();\n }, duration);\n },\n [handleClose, onClose]\n );\n\n useEffect(() => {\n if (open && autoHideDuration > 0) {\n setAutoHideTimer(autoHideDuration);\n }\n\n return () => {\n clearTimeout(timerAutoHide.current);\n };\n }, [open, autoHideDuration, setAutoHideTimer]);\n\n const iconElement = !hideIcon && getIcon(type, icon);\n\n // https://n12v.com/css-transition-to-from-auto/\n const recalculateElementWidth = useCallback((element: HTMLElement) => {\n const prevWidth = element.style.width;\n element.style.width = \"auto\";\n const endWidth = getComputedStyle(element).width;\n element.style.width = prevWidth;\n element.offsetWidth; // force repaint\n element.style.width = endWidth;\n }, []);\n\n useEffect(() => {\n if (ref.current) {\n recalculateElementWidth(ref.current);\n }\n }, [children, recalculateElementWidth]);\n\n return (\n <CSSTransition\n in={open}\n nodeRef={nodeRef}\n classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n timeout={400}\n unmountOnExit\n >\n <Text\n ref={nodeRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST, id)}\n type=\"text2\"\n element=\"div\"\n color=\"fixedLight\"\n className={classNames}\n role=\"alert\"\n aria-live=\"polite\"\n >\n {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n <Flex align=\"center\" gap=\"large\" className={styles.content}>\n <Flex\n gap=\"medium\"\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n className={styles.textContent}\n >\n <span>{children}</span>\n {toastLinks}\n </Flex>\n {(toastButtons \|\| deprecatedAction) && (toastButtons \|\| deprecatedAction)}\n {loading && <Loader size=\"xs\" />}\n </Flex>\n {closeable && (\n <IconButton\n className={cx(styles.closeButton)}\n onClick={handleClose}\n size=\"small\"\n kind=\"tertiary\"\n color=\"fixed-light\"\n ariaLabel={closeButtonAriaLabel}\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n icon={CloseSmall}\n hideTooltip\n />\n )}\n </Text>\n </CSSTransition>\n );\n};\n\ninterface ToastStaticProps {\n types: typeof ToastTypeEnum;\n actionTypes: typeof ToastActionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ToastProps, ToastStaticProps>(Toast, {\n types: ToastTypeEnum,\n actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","ariaLabel","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","types","ToastTypeEnum","actionTypes","ToastActionTypeEnum"],"mappings":"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"}
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 \"../Text/Text\";\nimport { Loader } from \"@vibe/loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport IconButton from \"../IconButton/IconButton\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nexport interface ToastProps extends VibeComponentProps {\n /*\n The actions available in the toast.\n /\n actions?: ToastAction[];\n /\n If true, the toast is open (visible).\n /\n open?: boolean;\n /\n If true, displays a loading indicator inside the toast.\n /\n loading?: boolean;\n /\n The type of toast.\n /\n type?: ToastType;\n /\n The icon displayed in the toast.\n /\n icon?: string \| React.FC<IconSubComponentProps> \| null;\n /\n If true, hides the toast icon.\n /\n hideIcon?: boolean;\n /\n The action element displayed in the toast.\n /\n action?: JSX.Element;\n /\n If false, hides the close button.\n /\n closeable?: boolean;\n /\n Callback fired when the toast is closed.\n /\n onClose?: () => void;\n /\n The number of milliseconds before the toast automatically closes.\n * (0 or null disables auto-close behavior).\n /\n autoHideDuration?: number;\n /\n The content displayed inside the toast.\n /\n children?: ReactElement \| ReactElement[] \| string;\n /\n The aria-label for the close button.\n /\n closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n open = false,\n loading = false,\n autoHideDuration = null,\n type = \"normal\",\n icon,\n hideIcon = false,\n action: deprecatedAction,\n actions,\n children,\n closeable = true,\n onClose = NOOP,\n className,\n id,\n closeButtonAriaLabel = \"Close\",\n \"data-testid\": dataTestId\n}: ToastProps) => {\n const ref = useRef(null);\n const nodeRef = useRef<HTMLDivElement>(null);\n const prevActions = usePrevious(actions?.length);\n const toastLinks = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"link\")\n .map(({ type: _type, ...otherProps }) => (\n <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n ))\n : null;\n }, [actions]);\n\n const shouldShowButtonTransition = useMemo(() => {\n return prevActions !== undefined && actions?.length !== prevActions;\n }, [actions, prevActions]);\n\n const toastButtons: JSX.Element[] \| null = useMemo(() => {\n return actions\n ? actions\n .filter(action => action.type === \"button\")\n .map(({ type: _type, content, ...otherProps }, index) => (\n <ToastButton\n key={`alert-button-${index}`}\n className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n {...otherProps}\n >\n {content}\n </ToastButton>\n ))\n : null;\n }, [actions, shouldShowButtonTransition]);\n\n const classNames = useMemo(\n () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n [type, className]\n );\n\n const handleClose = useCallback(() => {\n if (onClose) {\n onClose();\n }\n }, [onClose]);\n\n / Timer */\n const timerAutoHide = useRef<NodeJS.Timeout>();\n const setAutoHideTimer = useCallback(\n (duration: number) => {\n if (!onClose \|\| duration == null) {\n return;\n }\n\n clearTimeout(timerAutoHide.current);\n timerAutoHide.current = setTimeout(() => {\n handleClose();\n }, duration);\n },\n [handleClose, onClose]\n );\n\n useEffect(() => {\n if (open && autoHideDuration > 0) {\n setAutoHideTimer(autoHideDuration);\n }\n\n return () => {\n clearTimeout(timerAutoHide.current);\n };\n }, [open, autoHideDuration, setAutoHideTimer]);\n\n const iconElement = !hideIcon && getIcon(type, icon);\n\n // https://n12v.com/css-transition-to-from-auto/\n const recalculateElementWidth = useCallback((element: HTMLElement) => {\n const prevWidth = element.style.width;\n element.style.width = \"auto\";\n const endWidth = getComputedStyle(element).width;\n element.style.width = prevWidth;\n element.offsetWidth; // force repaint\n element.style.width = endWidth;\n }, []);\n\n useEffect(() => {\n if (ref.current) {\n recalculateElementWidth(ref.current);\n }\n }, [children, recalculateElementWidth]);\n\n return (\n <CSSTransition\n in={open}\n nodeRef={nodeRef}\n classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n timeout={400}\n unmountOnExit\n >\n <Text\n ref={nodeRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TOAST, id)}\n type=\"text2\"\n element=\"div\"\n color=\"fixedLight\"\n className={classNames}\n role=\"alert\"\n aria-live=\"polite\"\n >\n {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n <Flex align=\"center\" gap=\"large\" className={styles.content}>\n <Flex\n gap=\"medium\"\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n className={styles.textContent}\n >\n <span>{children}</span>\n {toastLinks}\n </Flex>\n {(toastButtons \|\| deprecatedAction) && (toastButtons \|\| deprecatedAction)}\n {loading && <Loader size=\"xs\" />}\n </Flex>\n {closeable && (\n <IconButton\n className={cx(styles.closeButton)}\n onClick={handleClose}\n size=\"small\"\n kind=\"tertiary\"\n color=\"fixed-light\"\n ariaLabel={closeButtonAriaLabel}\n data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n icon={CloseSmall}\n hideTooltip\n />\n )}\n </Text>\n </CSSTransition>\n );\n};\n\ninterface ToastStaticProps {\n types: typeof ToastTypeEnum;\n actionTypes: typeof ToastActionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ToastProps, ToastStaticProps>(Toast, {\n types: ToastTypeEnum,\n actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","ariaLabel","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip","types","ToastTypeEnum","actionTypes","ToastActionTypeEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_d57f723b40",typeNormal:"typeNormal_7ffbd22b98",typePositive:"typePositive_d2ef93592a",typeNegative:"typeNegative_0f535be28b",typeWarning:"typeWarning_1bd2d3e0cc",closeButton:"closeButton_63c9474b5e",actionButton:"actionButton_2debdc160b",actionLink:"actionLink_05d12f9aa1",typeDark:"typeDark_53ec5af975",icon:"icon_107cd4c910",withTransition:"withTransition_681930b612",bounceIn:"bounceIn_bab5e2ae79",content:"content_0004352738",textContent:"textContent_2f24327d7c",enterActive:"enterActive_b31540f7f2",slideIn:"slideIn_ee4268c715",exitActive:"exitActive_34853459e4",slideOut:"slideOut_56d1409690"};!function(n){const t="s_id-72c9912c1efa_3_72_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_d57f723b40 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_d57f723b40.typeNormal_7ffbd22b98 {\n  background-color: var(--primary-color);\n}\n.toast_d57f723b40.typePositive_d2ef93592a {\n  background-color: var(--positive-color);\n}\n.toast_d57f723b40.typeNegative_0f535be28b {\n  background-color: var(--negative-color);\n}\n.toast_d57f723b40.typeWarning_1bd2d3e0cc {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_d57f723b40.typeWarning_1bd2d3e0cc .closeButton_63c9474b5e {\n  color: var(--fixed-dark-color);\n}\n.toast_d57f723b40.typeWarning_1bd2d3e0cc .actionButton_2debdc160b,\n.toast_d57f723b40.typeWarning_1bd2d3e0cc .actionLink_05d12f9aa1 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_d57f723b40.typeDark_53ec5af975 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_d57f723b40.typeDark_53ec5af975 .closeButton_63c9474b5e {\n  color: var(--text-color-on-inverted);\n}\n.toast_d57f723b40.typeDark_53ec5af975 .actionButton_2debdc160b,\n.toast_d57f723b40.typeDark_53ec5af975 .actionLink_05d12f9aa1 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_107cd4c910 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_2debdc160b.withTransition_681930b612 {\n  opacity: 0;\n  animation: bounceIn_bab5e2ae79 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_0004352738 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_2f24327d7c {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_b31540f7f2 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_ee4268c715;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_34853459e4 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_56d1409690;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_63c9474b5e {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_ee4268c715 {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_56d1409690 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_bab5e2ae79 {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={toast:"toast_9ff5fcd2d9",typeNormal:"typeNormal_adc1b371c9",typePositive:"typePositive_7e2bff5662",typeNegative:"typeNegative_61ef0d8906",typeWarning:"typeWarning_0063cf9e80",closeButton:"closeButton_6ed39e6a17",actionButton:"actionButton_f05a0a5a3a",actionLink:"actionLink_9ae079c8bb",typeDark:"typeDark_3fbbc7960e",icon:"icon_ffd85e2b68",withTransition:"withTransition_0c75bf6136",bounceIn:"bounceIn_96f79fecca",content:"content_4ea816a8b1",textContent:"textContent_01d380ab26",enterActive:"enterActive_a9811f4a1e",slideIn:"slideIn_e9a3035373",exitActive:"exitActive_a7f6930914",slideOut:"slideOut_a0f60b5803"};!function(n){const t="s_id-72c9912c1efa_3_73_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_9ff5fcd2d9 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_9ff5fcd2d9.typeNormal_adc1b371c9 {\n  background-color: var(--primary-color);\n}\n.toast_9ff5fcd2d9.typePositive_7e2bff5662 {\n  background-color: var(--positive-color);\n}\n.toast_9ff5fcd2d9.typeNegative_61ef0d8906 {\n  background-color: var(--negative-color);\n}\n.toast_9ff5fcd2d9.typeWarning_0063cf9e80 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_9ff5fcd2d9.typeWarning_0063cf9e80 .closeButton_6ed39e6a17 {\n  color: var(--fixed-dark-color);\n}\n.toast_9ff5fcd2d9.typeWarning_0063cf9e80 .actionButton_f05a0a5a3a,\n.toast_9ff5fcd2d9.typeWarning_0063cf9e80 .actionLink_9ae079c8bb {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_9ff5fcd2d9.typeDark_3fbbc7960e {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_9ff5fcd2d9.typeDark_3fbbc7960e .closeButton_6ed39e6a17 {\n  color: var(--text-color-on-inverted);\n}\n.toast_9ff5fcd2d9.typeDark_3fbbc7960e .actionButton_f05a0a5a3a,\n.toast_9ff5fcd2d9.typeDark_3fbbc7960e .actionLink_9ae079c8bb {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_ffd85e2b68 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_f05a0a5a3a.withTransition_0c75bf6136 {\n  opacity: 0;\n  animation: bounceIn_96f79fecca 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_4ea816a8b1 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_01d380ab26 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_a9811f4a1e {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_e9a3035373;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_a7f6930914 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_a0f60b5803;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_6ed39e6a17 {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_e9a3035373 {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_a0f60b5803 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_96f79fecca {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i from"../../../packages/icons/dist/react/Info.js";import o from"../../../packages/icons/dist/react/Check.js";import t from"../../../packages/icons/dist/react/Alert.js";import a from"../../../packages/icons/dist/react/Warning.js";var e,s;!function(r){r.NORMAL="normal",r.POSITIVE="positive",r.NEGATIVE="negative",r.WARNING="warning",r.DARK="dark"}(e||(e={})),function(r){r.LINK="link",r.BUTTON="button"}(s||(s={}));var n=r(r(r(r(r({},e.NORMAL,i),e.POSITIVE,o),e.NEGATIVE,t),e.WARNING,a),e.DARK,i);export{s as ToastActionType,e as ToastType,n as defaultIconMap};
+import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i from"../../../icons/dist/react/Info.js";import o from"../../../icons/dist/react/Check.js";import t from"../../../icons/dist/react/Alert.js";import n from"../../../icons/dist/react/Warning.js";var e,s;!function(r){r.NORMAL="normal",r.POSITIVE="positive",r.NEGATIVE="negative",r.WARNING="warning",r.DARK="dark"}(e||(e={})),function(r){r.LINK="link",r.BUTTON="button"}(s||(s={}));var a=r(r(r(r(r({},e.NORMAL,i),e.POSITIVE,o),e.NEGATIVE,t),e.WARNING,n),e.DARK,i);export{s as ToastActionType,e as ToastType,a as defaultIconMap};
 //# sourceMappingURL=ToastConstants.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastConstants.js","sources":["../../../../src/components/Toast/ToastConstants.ts"],"sourcesContent":["import { Info, Check, Alert, Warning } from \"@vibe/icons\";\n\n/*\n @deprecated\n /\nexport enum ToastType {\n NORMAL = \"normal\",\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n WARNING = \"warning\",\n DARK = \"dark\"\n}\n\n/\n @deprecated\n /\nexport enum ToastActionType {\n LINK = \"link\",\n BUTTON = \"button\"\n}\n\nexport const defaultIconMap = {\n [ToastType.NORMAL]: Info,\n [ToastType.POSITIVE]: Check,\n [ToastType.NEGATIVE]: Alert,\n [ToastType.WARNING]: Warning,\n [ToastType.DARK]: Info\n};\n\n/\n @deprecated\n */\nexport type ToastAction = {\n type: ToastActionType;\n content?: string;\n text?: string;\n href?: string;\n};\n"],"names":["ToastType","ToastActionType","defaultIconMap","_defineProperty","NORMAL","Info","POSITIVE","Check","NEGATIVE","Alert","WARNING","Warning","DARK"],"mappings":"~~iUAKYA~~,EAWAC,GAXZ,SAAYD,GACVA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UACAA,EAAA,KAAA,MACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,OAAA,QACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,QAEYC,EAAcC,EAAAA,EAAAA,EAAAA,EAAAA,KACxBH,EAAUI,OAASC,GACnBL,EAAUM,SAAWC,GACrBP,EAAUQ,SAAWC,GACrBT,EAAUU,QAAUC,GACpBX,EAAUY,KAAOP"}
1	+ {"version":3,"file":"ToastConstants.js","sources":["../../../../src/components/Toast/ToastConstants.ts"],"sourcesContent":["import { Info, Check, Alert, Warning } from \"@vibe/icons\";\n\n/*\n @deprecated\n /\nexport enum ToastType {\n NORMAL = \"normal\",\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n WARNING = \"warning\",\n DARK = \"dark\"\n}\n\n/\n @deprecated\n /\nexport enum ToastActionType {\n LINK = \"link\",\n BUTTON = \"button\"\n}\n\nexport const defaultIconMap = {\n [ToastType.NORMAL]: Info,\n [ToastType.POSITIVE]: Check,\n [ToastType.NEGATIVE]: Alert,\n [ToastType.WARNING]: Warning,\n [ToastType.DARK]: Info\n};\n\n/\n @deprecated\n */\nexport type ToastAction = {\n type: ToastActionType;\n content?: string;\n text?: string;\n href?: string;\n};\n"],"names":["ToastType","ToastActionType","defaultIconMap","_defineProperty","NORMAL","Info","POSITIVE","Check","NEGATIVE","Alert","WARNING","Warning","DARK"],"mappings":"6RAKYA,EAWAC,GAXZ,SAAYD,GACVA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UACAA,EAAA,KAAA,MACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,OAAA,QACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,QAEYC,EAAcC,EAAAA,EAAAA,EAAAA,EAAAA,KACxBH,EAAUI,OAASC,GACnBL,EAAUM,SAAWC,GACrBP,EAAUQ,SAAWC,GACrBT,EAAUU,QAAUC,GACpBX,EAAUY,KAAOP"}

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

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

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

@@ -1,2 +1,2 @@
-var e={toggle:"toggle_3ad91df483","focus-visible":"focus-visible_77c5d6452e",selected:"selected_7ffbd22b98",notSelected:"notSelected_94233a1e9d",disabled:"disabled_6ea4c88fab",medium:"medium_5e04dc61b0",small:"small_611a07fb93",noSpacing:"noSpacing_442bddd6d4"};!function(e){const n="s_id-550adc1aa9aa_3_72_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_3ad91df483 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_3ad91df483:focus-visible, .toggle_3ad91df483.focus-visible_77c5d6452e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.toggle_3ad91df483:focus:not(.focus-visible_77c5d6452e) {\n  outline: none;\n}\n.toggle_3ad91df483::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_3ad91df483.selected_7ffbd22b98 {\n  background-color: var(--primary-color);\n}\n.toggle_3ad91df483.selected_7ffbd22b98::after {\n  left: 20px;\n}\n.toggle_3ad91df483.notSelected_94233a1e9d {\n  background-color: var(--ui-border-color);\n}\n.toggle_3ad91df483.notSelected_94233a1e9d::after {\n  left: 3px;\n}\n.toggle_3ad91df483.disabled_6ea4c88fab {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_3ad91df483.medium_5e04dc61b0 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_3ad91df483.medium_5e04dc61b0::after {\n  --circle-size: 18px;\n}\n.toggle_3ad91df483.small_611a07fb93 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_3ad91df483.small_611a07fb93::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_3ad91df483.small_611a07fb93.notSelected_94233a1e9d::after {\n  left: 2px;\n}\n.toggle_3ad91df483.noSpacing_442bddd6d4 {\n  margin: 0;\n}');export{e as default};
+var e={toggle:"toggle_ead75fa27d","focus-visible":"focus-visible_cccbb892ac",selected:"selected_adc1b371c9",notSelected:"notSelected_7fea8b85f9",disabled:"disabled_6eda6e645d",medium:"medium_a8ae9b1dd3",small:"small_bad3f4ac48",noSpacing:"noSpacing_0efdacafcf"};!function(e){const n="s_id-550adc1aa9aa_3_73_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.toggle_ead75fa27d {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: var(--toggle-height);\n  width: var(--toggle-width);\n  cursor: pointer;\n  border-radius: 100px !important;\n}\n.toggle_ead75fa27d:focus-visible, .toggle_ead75fa27d.focus-visible_cccbb892ac {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.toggle_ead75fa27d:focus:not(.focus-visible_cccbb892ac) {\n  outline: none;\n}\n.toggle_ead75fa27d::after {\n  background-color: var(--primary-background-color);\n  content: " ";\n  position: absolute;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_ead75fa27d.selected_adc1b371c9 {\n  background-color: var(--primary-color);\n}\n.toggle_ead75fa27d.selected_adc1b371c9::after {\n  left: 20px;\n}\n.toggle_ead75fa27d.notSelected_7fea8b85f9 {\n  background-color: var(--ui-border-color);\n}\n.toggle_ead75fa27d.notSelected_7fea8b85f9::after {\n  left: 3px;\n}\n.toggle_ead75fa27d.disabled_6eda6e645d {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_ead75fa27d.medium_a8ae9b1dd3 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_ead75fa27d.medium_a8ae9b1dd3::after {\n  --circle-size: 18px;\n}\n.toggle_ead75fa27d.small_bad3f4ac48 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_ead75fa27d.small_bad3f4ac48::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_ead75fa27d.small_bad3f4ac48.notSelected_7fea8b85f9::after {\n  left: 2px;\n}\n.toggle_ead75fa27d.noSpacing_0efdacafcf {\n  margin: 0;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_3a4268acc0","focus-visible":"focus-visible_0c556f51d2",wrapper:"wrapper_b7e732a9a9"};!function(e){const t="s_id-4304a18f6620_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_3a4268acc0:focus-visible, .toggleInput_3a4268acc0.focus-visible_0c556f51d2 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_3a4268acc0:focus-visible ~ div, .toggleInput_3a4268acc0.focus-visible_0c556f51d2 ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_b7e732a9a9 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_e6cf741070","focus-visible":"focus-visible_a0d7bed693",wrapper:"wrapper_8bfaaf76fe"};!function(e){const t="s_id-4304a18f6620_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_e6cf741070:focus-visible, .toggleInput_e6cf741070.focus-visible_a0d7bed693 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_e6cf741070:focus-visible ~ div, .toggleInput_e6cf741070.focus-visible_a0d7bed693 ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_8bfaaf76fe {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var r={tooltip:"tooltip_6213f8c9ed",image:"image_f33683c5c1",title:"title_48cbc6834d",content:"content_a1a33f785a",paddingSizeMd:"paddingSizeMd_4d4d86de12",tooltipWhiteLink:"tooltipWhiteLink_5392c7ca93",arrow:"arrow_7159b4dd53",dark:"dark_53ec5af975",primary:"primary_97bfd84e2e"};!function(r){const d="s_id-6a6e92472798_3_72_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=r)}(".tooltip_6213f8c9ed {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_6213f8c9ed .image_f33683c5c1 {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_6213f8c9ed .title_48cbc6834d {\n  font: var(--font-text2-bold);\n}\n.tooltip_6213f8c9ed .content_a1a33f785a {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_6213f8c9ed.paddingSizeMd_4d4d86de12 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_6213f8c9ed a.tooltipWhiteLink_5392c7ca93 {\n  color: #fff;\n}\n.arrow_7159b4dd53,\n.dark_53ec5af975,\n.arrow_7159b4dd53.dark_53ec5af975 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_7159b4dd53.arrow_7159b4dd53.dark_53ec5af975, .black-app-theme .arrow_7159b4dd53.arrow_7159b4dd53.dark_53ec5af975, .hacker-app-theme .arrow_7159b4dd53.arrow_7159b4dd53.dark_53ec5af975,\n.dark-app-theme .arrow_7159b4dd53.arrow_7159b4dd53.primary_97bfd84e2e,\n.black-app-theme .arrow_7159b4dd53.arrow_7159b4dd53.primary_97bfd84e2e,\n.hacker-app-theme .arrow_7159b4dd53.arrow_7159b4dd53.primary_97bfd84e2e {\n  box-shadow: none;\n}\n.primary_97bfd84e2e,\n.arrow_7159b4dd53.primary_97bfd84e2e {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{r as default};
+var e={tooltip:"tooltip_a8510eb95d",image:"image_a4351ef0fe",title:"title_d6651e4265",content:"content_ed04351a3a",paddingSizeMd:"paddingSizeMd_e0cf93e06b",tooltipWhiteLink:"tooltipWhiteLink_8c461df433",arrow:"arrow_fd08ccce05",dark:"dark_3fbbc7960e",primary:"primary_9edaa8ed1f"};!function(e){const r="s_id-6a6e92472798_3_73_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".tooltip_a8510eb95d {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_a8510eb95d .image_a4351ef0fe {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_a8510eb95d .title_d6651e4265 {\n  font: var(--font-text2-bold);\n}\n.tooltip_a8510eb95d .content_ed04351a3a {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_a8510eb95d.paddingSizeMd_e0cf93e06b {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_a8510eb95d a.tooltipWhiteLink_8c461df433 {\n  color: #fff;\n}\n.arrow_fd08ccce05,\n.dark_3fbbc7960e,\n.arrow_fd08ccce05.dark_3fbbc7960e {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_fd08ccce05.arrow_fd08ccce05.dark_3fbbc7960e, .black-app-theme .arrow_fd08ccce05.arrow_fd08ccce05.dark_3fbbc7960e, .hacker-app-theme .arrow_fd08ccce05.arrow_fd08ccce05.dark_3fbbc7960e,\n.dark-app-theme .arrow_fd08ccce05.arrow_fd08ccce05.primary_9edaa8ed1f,\n.black-app-theme .arrow_fd08ccce05.arrow_fd08ccce05.primary_9edaa8ed1f,\n.hacker-app-theme .arrow_fd08ccce05.arrow_fd08ccce05.primary_9edaa8ed1f {\n  box-shadow: none;\n}\n.primary_9edaa8ed1f,\n.arrow_fd08ccce05.primary_9edaa8ed1f {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{e as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={typography:"typography_bdb68d46e6","focus-visible":"focus-visible_77c5d6452e",primary:"primary_467eb5ba5f",secondary:"secondary_ba6babeb70",negative:"negative_faf9daa5e5",onPrimary:"onPrimary_b42641cfda",onInverted:"onInverted_953862cb72",fixedLight:"fixedLight_61beaa5364",fixedDark:"fixedDark_63c9474b5e",inherit:"inherit_0f666f9e02",alignInherit:"alignInherit_a514d52a5b",start:"start_1850f53dc2",center:"center_f1f493da07",end:"end_34a5200891",singleLineEllipsis:"singleLineEllipsis_a7842f6876",multiLineEllipsis:"multiLineEllipsis_6e57430614"};!function(e){const n="s_id-1a3a21ac499a_3_72_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.typography_bdb68d46e6 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_bdb68d46e6 > a:focus-visible, .typography_bdb68d46e6 > a.focus-visible_77c5d6452e {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography_bdb68d46e6 > a:focus:not(.focus-visible_77c5d6452e) {\n  outline: none;\n}\n.typography_bdb68d46e6 > a:hover {\n  text-decoration: underline;\n}\n.typography_bdb68d46e6:disabled, .typography_bdb68d46e6[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_467eb5ba5f {\n  color: var(--primary-text-color);\n}\n.secondary_ba6babeb70 {\n  color: var(--secondary-text-color);\n}\n.negative_faf9daa5e5 {\n  color: var(--color-error);\n}\n.onPrimary_b42641cfda {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_b42641cfda a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_953862cb72 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_953862cb72 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_61beaa5364 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_61beaa5364 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_63c9474b5e {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_63c9474b5e a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_0f666f9e02 {\n  color: inherit;\n}\n.inherit_0f666f9e02 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_a514d52a5b {\n  text-align: inherit;\n}\n.start_1850f53dc2 {\n  text-align: start;\n}\n.center_f1f493da07 {\n  text-align: center;\n}\n.end_34a5200891 {\n  text-align: end;\n}\n.singleLineEllipsis_a7842f6876 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_6e57430614 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
+var e={typography:"typography_514e797667","focus-visible":"focus-visible_cccbb892ac",primary:"primary_2ec4479ad5",secondary:"secondary_e46c74e8db",negative:"negative_524de1461d",onPrimary:"onPrimary_3ea81f9efa",onInverted:"onInverted_3e1aaab25d",fixedLight:"fixedLight_7b82f49eb6",fixedDark:"fixedDark_6ed39e6a17",inherit:"inherit_3762133523",alignInherit:"alignInherit_e2795fec72",start:"start_a2d0c83913",center:"center_423adc4bf8",end:"end_ddee7f1695",singleLineEllipsis:"singleLineEllipsis_c0396a7016",multiLineEllipsis:"multiLineEllipsis_9036096ba2"};!function(e){const n="s_id-1a3a21ac499a_3_73_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.typography_514e797667 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_514e797667 > a:focus-visible, .typography_514e797667 > a.focus-visible_cccbb892ac {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography_514e797667 > a:focus:not(.focus-visible_cccbb892ac) {\n  outline: none;\n}\n.typography_514e797667 > a:hover {\n  text-decoration: underline;\n}\n.typography_514e797667:disabled, .typography_514e797667[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_2ec4479ad5 {\n  color: var(--primary-text-color);\n}\n.secondary_e46c74e8db {\n  color: var(--secondary-text-color);\n}\n.negative_524de1461d {\n  color: var(--color-error);\n}\n.onPrimary_3ea81f9efa {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_3ea81f9efa a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_3e1aaab25d {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_3e1aaab25d a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_7b82f49eb6 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_7b82f49eb6 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_6ed39e6a17 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_6ed39e6a17 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_3762133523 {\n  color: inherit;\n}\n.inherit_3762133523 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_e2795fec72 {\n  text-align: inherit;\n}\n.start_a2d0c83913 {\n  text-align: start;\n}\n.center_423adc4bf8 {\n  text-align: center;\n}\n.end_ddee7f1695 {\n  text-align: end;\n}\n.singleLineEllipsis_c0396a7016 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_9036096ba2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
 //# sourceMappingURL=Typography.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={attention:"attention_9609d0b664",animate:"animate_9f0ceaeb4c",attentionBoxAnimation:"attentionBoxAnimation_6d5f654578",primary:"primary_40fa925daf",positive:"positive_d37772c29d",negative:"negative_68698dba19",warning:"warning_38932185ff",neutral:"neutral_117dcaee43"};!function(n){const e="s_id-4a6eadcbcb7d_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_6d5f654578 {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_9609d0b664 {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_9609d0b664.animate_9f0ceaeb4c {\n  animation: attentionBoxAnimation_6d5f654578 200ms var(--motion-timing-transition);\n}\n.attention_9609d0b664.primary_40fa925daf {\n  background-color: var(--primary-selected-color);\n}\n.attention_9609d0b664.positive_d37772c29d {\n  background-color: var(--positive-color-selected);\n}\n.attention_9609d0b664.negative_68698dba19 {\n  background-color: var(--negative-color-selected);\n}\n.attention_9609d0b664.warning_38932185ff {\n  background-color: var(--warning-color-selected);\n}\n.attention_9609d0b664.neutral_117dcaee43 {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+var n={attention:"attention_14d65e4f98",animate:"animate_dbcf54d4e5",attentionBoxAnimation:"attentionBoxAnimation_333a8cbb24",primary:"primary_12245bbe68",positive:"positive_3bfc6766ba",negative:"negative_5e03d0388a",warning:"warning_5cd4c52513",neutral:"neutral_303b89d327"};!function(n){const e="s_id-4a6eadcbcb7d_3_73_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_333a8cbb24 {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_14d65e4f98 {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_14d65e4f98.animate_dbcf54d4e5 {\n  animation: attentionBoxAnimation_333a8cbb24 200ms var(--motion-timing-transition);\n}\n.attention_14d65e4f98.primary_12245bbe68 {\n  background-color: var(--primary-selected-color);\n}\n.attention_14d65e4f98.positive_3bfc6766ba {\n  background-color: var(--positive-color-selected);\n}\n.attention_14d65e4f98.negative_5e03d0388a {\n  background-color: var(--negative-color-selected);\n}\n.attention_14d65e4f98.warning_5cd4c52513 {\n  background-color: var(--warning-color-selected);\n}\n.attention_14d65e4f98.neutral_303b89d327 {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import o from"react";import t from"classnames";import e from"../../../../IconButton/IconButton.js";import s from"./AttentionBoxCloseButton.module.scss.js";import a from"../../../../../../packages/icons/dist/react/CloseSmall.js";var r=function(r){var i=r.closeButtonAriaLabel;return o.createElement(e,{icon:a,size:"xs",kind:"tertiary",onClick:r.onClose,ariaLabel:void 0===i?"Close":i,hideTooltip:!0,className:t(s.closeButton,r.className)})};export{r as default};
+import o from"react";import t from"classnames";import e from"../../../../IconButton/IconButton.js";import s from"./AttentionBoxCloseButton.module.scss.js";import r from"../../../../../../icons/dist/react/CloseSmall.js";var a=function(a){var i=a.closeButtonAriaLabel;return o.createElement(e,{icon:r,size:"xs",kind:"tertiary",onClick:a.onClose,ariaLabel:void 0===i?"Close":i,hideTooltip:!0,className:t(s.closeButton,a.className)})};export{a as default};
 //# sourceMappingURL=AttentionBoxCloseButton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxCloseButton.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { IconButton } from \"../../../../IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport styles from \"./AttentionBoxCloseButton.module.scss\";\n\nexport interface AttentionBoxCloseButtonProps {\n onClose?: (event: React.MouseEvent) => void;\n closeButtonAriaLabel?: string;\n className?: string;\n}\n\nconst AttentionBoxCloseButton = ({\n onClose,\n closeButtonAriaLabel = \"Close\",\n className\n}: AttentionBoxCloseButtonProps) => {\n return (\n <IconButton\n icon={CloseSmall}\n size=\"xs\"\n kind=\"tertiary\"\n onClick={onClose}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n className={cx(styles.closeButton, className)}\n />\n );\n};\n\nexport default AttentionBoxCloseButton;\n"],"names":["AttentionBoxCloseButton","_ref","_ref$closeButtonAriaL","closeButtonAriaLabel","React","createElement","IconButton","icon","CloseSmall","size","kind","onClick","onClose","ariaLabel","hideTooltip","className","cx","styles","closeButton"],"mappings":"~~oOAYA~~,IAAMA,EAA0B,SAAHC,GAIM,IAH1BC,EAAAD,EACPE,qBAGA,OACEC,EAACC,cAAAC,EACC,CAAAC,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,QATGV,EAAPW,QAUIC,eATmB,IAAHX,EAAG,QAAOA,EAU1BY,aAAW,EACXC,UAAWC,EAAGC,EAAOC,YAVhBjB,EAATc,YAaF"}
1	+ {"version":3,"file":"AttentionBoxCloseButton.js","sources":["../../../../../../../src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { IconButton } from \"../../../../IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport styles from \"./AttentionBoxCloseButton.module.scss\";\n\nexport interface AttentionBoxCloseButtonProps {\n onClose?: (event: React.MouseEvent) => void;\n closeButtonAriaLabel?: string;\n className?: string;\n}\n\nconst AttentionBoxCloseButton = ({\n onClose,\n closeButtonAriaLabel = \"Close\",\n className\n}: AttentionBoxCloseButtonProps) => {\n return (\n <IconButton\n icon={CloseSmall}\n size=\"xs\"\n kind=\"tertiary\"\n onClick={onClose}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n className={cx(styles.closeButton, className)}\n />\n );\n};\n\nexport default AttentionBoxCloseButton;\n"],"names":["AttentionBoxCloseButton","_ref","_ref$closeButtonAriaL","closeButtonAriaLabel","React","createElement","IconButton","icon","CloseSmall","size","kind","onClick","onClose","ariaLabel","hideTooltip","className","cx","styles","closeButton"],"mappings":"2NAYA,IAAMA,EAA0B,SAAHC,GAIM,IAH1BC,EAAAD,EACPE,qBAGA,OACEC,EAACC,cAAAC,EACC,CAAAC,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,QATGV,EAAPW,QAUIC,eATmB,IAAHX,EAAG,QAAOA,EAU1BY,aAAW,EACXC,UAAWC,EAAGC,EAAOC,YAVhBjB,EAATc,YAaF"}

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

@@ -1,2 +1,2 @@
-var e={closeButton:"closeButton_fbaf854db7"};!function(e){const t="s_id-979f8aeb619b_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_fbaf854db7 {\n  flex-shrink: 0;\n}\n.closeButton_fbaf854db7:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={closeButton:"closeButton_91d651546d"};!function(e){const t="s_id-979f8aeb619b_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_91d651546d {\n  flex-shrink: 0;\n}\n.closeButton_91d651546d:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map